@syncfusion/ej2-pivotview 19.4.38 → 19.4.43

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 (49) hide show
  1. package/CHANGELOG.md +37 -0
  2. package/README.md +1 -1
  3. package/dist/ej2-pivotview.umd.min.js +2 -2
  4. package/dist/ej2-pivotview.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-pivotview.es2015.js +127 -49
  6. package/dist/es6/ej2-pivotview.es2015.js.map +1 -1
  7. package/dist/es6/ej2-pivotview.es5.js +127 -49
  8. package/dist/es6/ej2-pivotview.es5.js.map +1 -1
  9. package/dist/global/ej2-pivotview.min.js +2 -2
  10. package/dist/global/ej2-pivotview.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +18 -18
  13. package/src/base/engine.js +8 -0
  14. package/src/common/actions/pivot-button.js +1 -0
  15. package/src/common/popups/toolbar.js +12 -12
  16. package/src/pivotview/actions/excel-export.js +54 -25
  17. package/src/pivotview/actions/pdf-export.js +45 -9
  18. package/src/pivotview/actions/virtualscroll.d.ts +1 -0
  19. package/src/pivotview/actions/virtualscroll.js +7 -3
  20. package/src/pivotview/model/chartsettings-model.d.ts +1 -1
  21. package/src/pivotview/model/chartsettings.d.ts +1 -1
  22. package/src/pivotview/model/chartsettings.js +1 -1
  23. package/styles/bootstrap-dark.css +30 -14
  24. package/styles/bootstrap.css +30 -14
  25. package/styles/bootstrap4.css +30 -14
  26. package/styles/bootstrap5-dark.css +30 -14
  27. package/styles/bootstrap5.css +30 -14
  28. package/styles/fabric-dark.css +30 -14
  29. package/styles/fabric.css +30 -14
  30. package/styles/highcontrast-light.css +30 -14
  31. package/styles/highcontrast.css +30 -14
  32. package/styles/material-dark.css +30 -14
  33. package/styles/material.css +30 -14
  34. package/styles/pivotfieldlist/_theme.scss +28 -12
  35. package/styles/pivotfieldlist/bootstrap-dark.css +30 -14
  36. package/styles/pivotfieldlist/bootstrap.css +30 -14
  37. package/styles/pivotfieldlist/bootstrap4.css +30 -14
  38. package/styles/pivotfieldlist/bootstrap5-dark.css +30 -14
  39. package/styles/pivotfieldlist/bootstrap5.css +30 -14
  40. package/styles/pivotfieldlist/fabric-dark.css +30 -14
  41. package/styles/pivotfieldlist/fabric.css +30 -14
  42. package/styles/pivotfieldlist/highcontrast-light.css +30 -14
  43. package/styles/pivotfieldlist/highcontrast.css +30 -14
  44. package/styles/pivotfieldlist/material-dark.css +30 -14
  45. package/styles/pivotfieldlist/material.css +30 -14
  46. package/styles/pivotfieldlist/tailwind-dark.css +30 -14
  47. package/styles/pivotfieldlist/tailwind.css +30 -14
  48. package/styles/tailwind-dark.css +30 -14
  49. package/styles/tailwind.css +30 -14
package/styles/highcontrast.css CHANGED
@@ -4897,14 +4897,26 @@
4897
4897
  }
4898
4898
 
4899
4899
  .e-pivotfieldlist-wrapper .e-layout-footer {
4900
+ display: -ms-flexbox;
4901
+ display: flex;
4900
4902
  padding: 10px 2px 2px;
4901
- text-align: right;
4902
4903
  }
4903
4904
 
4904
- .e-pivotfieldlist-wrapper .e-layout-footer .e-defer-apply-button {
4905
+ .e-pivotfieldlist-wrapper .e-layout-footer .e-button-layout {
4906
+ -ms-flex: auto;
4907
+ flex: auto;
4908
+ text-align: end;
4909
+ }
4910
+
4911
+ .e-pivotfieldlist-wrapper .e-layout-footer .e-button-layout .e-defer-apply-button {
4905
4912
  margin-right: 10px;
4906
4913
  }
4907
4914
 
4915
+ .e-pivotfieldlist-wrapper .e-layout-footer .e-button-layout .e-cancel-btn,
4916
+ .e-pivotfieldlist-wrapper .e-layout-footer .e-button-layout .e-defer-apply-button {
4917
+ min-width: fit-content;
4918
+ }
4919
+
4908
4920
  .e-pivotfieldlist-wrapper .e-layout-footer .e-cancel-btn,
4909
4921
  .e-pivotfieldlist-wrapper .e-layout-footer .e-defer-apply-button,
4910
4922
  .e-pivotfieldlist-wrapper .e-layout-footer .e-checkbox-layout {
@@ -4915,7 +4927,7 @@
4915
4927
  }
4916
4928
 
4917
4929
  .e-pivotfieldlist-wrapper .e-layout-footer .e-checkbox-layout .e-label {
4918
- white-space: nowrap;
4930
+ padding-right: 10px;
4919
4931
  }
4920
4932
 
4921
4933
  .e-pivotfieldlist-wrapper .e-layout-footer .e-checkbox-layout {
@@ -4927,10 +4939,6 @@
4927
4939
  margin-top: 6px;
4928
4940
  }
4929
4941
 
4930
- .e-pivotfieldlist-wrapper.e-rtl .e-layout-footer {
4931
- text-align: left;
4932
- }
4933
-
4934
4942
  .e-pivotfieldlist-wrapper.e-rtl .e-layout-footer .e-defer-apply-button {
4935
4943
  margin-left: 10px;
4936
4944
  }
@@ -6365,14 +6373,26 @@
6365
6373
  }
6366
6374
 
6367
6375
  .e-pivotfieldlist-container .e-layout-footer {
6376
+ display: -ms-flexbox;
6377
+ display: flex;
6368
6378
  padding: 10px 2px 2px;
6369
- text-align: right;
6370
6379
  }
6371
6380
 
6372
- .e-pivotfieldlist-container .e-layout-footer .e-defer-apply-button {
6381
+ .e-pivotfieldlist-container .e-layout-footer .e-button-layout {
6382
+ -ms-flex: auto;
6383
+ flex: auto;
6384
+ text-align: end;
6385
+ }
6386
+
6387
+ .e-pivotfieldlist-container .e-layout-footer .e-button-layout .e-defer-apply-button {
6373
6388
  margin-right: 10px;
6374
6389
  }
6375
6390
 
6391
+ .e-pivotfieldlist-container .e-layout-footer .e-button-layout .e-cancel-btn,
6392
+ .e-pivotfieldlist-container .e-layout-footer .e-button-layout .e-defer-apply-button {
6393
+ min-width: fit-content;
6394
+ }
6395
+
6376
6396
  .e-pivotfieldlist-container .e-layout-footer .e-cancel-btn,
6377
6397
  .e-pivotfieldlist-container .e-layout-footer .e-defer-apply-button,
6378
6398
  .e-pivotfieldlist-container .e-layout-footer .e-checkbox-layout {
@@ -6383,7 +6403,7 @@
6383
6403
  }
6384
6404
 
6385
6405
  .e-pivotfieldlist-container .e-layout-footer .e-checkbox-layout .e-label {
6386
- white-space: nowrap;
6406
+ padding-right: 10px;
6387
6407
  }
6388
6408
 
6389
6409
  .e-pivotfieldlist-container .e-layout-footer .e-checkbox-layout {
@@ -6395,10 +6415,6 @@
6395
6415
  margin-top: 6px;
6396
6416
  }
6397
6417
 
6398
- .e-pivotfieldlist-container.e-rtl .e-layout-footer {
6399
- text-align: left;
6400
- }
6401
-
6402
6418
  .e-pivotfieldlist-container.e-rtl .e-layout-footer .e-defer-apply-button {
6403
6419
  margin-left: 10px;
6404
6420
  }
package/styles/material-dark.css CHANGED
@@ -4900,14 +4900,26 @@
4900
4900
  }
4901
4901
 
4902
4902
  .e-pivotfieldlist-wrapper .e-layout-footer {
4903
+ display: -ms-flexbox;
4904
+ display: flex;
4903
4905
  padding: 10px 2px 2px;
4904
- text-align: right;
4905
4906
  }
4906
4907
 
4907
- .e-pivotfieldlist-wrapper .e-layout-footer .e-defer-apply-button {
4908
+ .e-pivotfieldlist-wrapper .e-layout-footer .e-button-layout {
4909
+ -ms-flex: auto;
4910
+ flex: auto;
4911
+ text-align: end;
4912
+ }
4913
+
4914
+ .e-pivotfieldlist-wrapper .e-layout-footer .e-button-layout .e-defer-apply-button {
4908
4915
  margin-right: 10px;
4909
4916
  }
4910
4917
 
4918
+ .e-pivotfieldlist-wrapper .e-layout-footer .e-button-layout .e-cancel-btn,
4919
+ .e-pivotfieldlist-wrapper .e-layout-footer .e-button-layout .e-defer-apply-button {
4920
+ min-width: fit-content;
4921
+ }
4922
+
4911
4923
  .e-pivotfieldlist-wrapper .e-layout-footer .e-cancel-btn,
4912
4924
  .e-pivotfieldlist-wrapper .e-layout-footer .e-defer-apply-button,
4913
4925
  .e-pivotfieldlist-wrapper .e-layout-footer .e-checkbox-layout {
@@ -4918,7 +4930,7 @@
4918
4930
  }
4919
4931
 
4920
4932
  .e-pivotfieldlist-wrapper .e-layout-footer .e-checkbox-layout .e-label {
4921
- white-space: nowrap;
4933
+ padding-right: 10px;
4922
4934
  }
4923
4935
 
4924
4936
  .e-pivotfieldlist-wrapper .e-layout-footer .e-checkbox-layout {
@@ -4930,10 +4942,6 @@
4930
4942
  margin-top: 6px;
4931
4943
  }
4932
4944
 
4933
- .e-pivotfieldlist-wrapper.e-rtl .e-layout-footer {
4934
- text-align: left;
4935
- }
4936
-
4937
4945
  .e-pivotfieldlist-wrapper.e-rtl .e-layout-footer .e-defer-apply-button {
4938
4946
  margin-left: 10px;
4939
4947
  }
@@ -6368,14 +6376,26 @@
6368
6376
  }
6369
6377
 
6370
6378
  .e-pivotfieldlist-container .e-layout-footer {
6379
+ display: -ms-flexbox;
6380
+ display: flex;
6371
6381
  padding: 10px 2px 2px;
6372
- text-align: right;
6373
6382
  }
6374
6383
 
6375
- .e-pivotfieldlist-container .e-layout-footer .e-defer-apply-button {
6384
+ .e-pivotfieldlist-container .e-layout-footer .e-button-layout {
6385
+ -ms-flex: auto;
6386
+ flex: auto;
6387
+ text-align: end;
6388
+ }
6389
+
6390
+ .e-pivotfieldlist-container .e-layout-footer .e-button-layout .e-defer-apply-button {
6376
6391
  margin-right: 10px;
6377
6392
  }
6378
6393
 
6394
+ .e-pivotfieldlist-container .e-layout-footer .e-button-layout .e-cancel-btn,
6395
+ .e-pivotfieldlist-container .e-layout-footer .e-button-layout .e-defer-apply-button {
6396
+ min-width: fit-content;
6397
+ }
6398
+
6379
6399
  .e-pivotfieldlist-container .e-layout-footer .e-cancel-btn,
6380
6400
  .e-pivotfieldlist-container .e-layout-footer .e-defer-apply-button,
6381
6401
  .e-pivotfieldlist-container .e-layout-footer .e-checkbox-layout {
@@ -6386,7 +6406,7 @@
6386
6406
  }
6387
6407
 
6388
6408
  .e-pivotfieldlist-container .e-layout-footer .e-checkbox-layout .e-label {
6389
- white-space: nowrap;
6409
+ padding-right: 10px;
6390
6410
  }
6391
6411
 
6392
6412
  .e-pivotfieldlist-container .e-layout-footer .e-checkbox-layout {
@@ -6398,10 +6418,6 @@
6398
6418
  margin-top: 6px;
6399
6419
  }
6400
6420
 
6401
- .e-pivotfieldlist-container.e-rtl .e-layout-footer {
6402
- text-align: left;
6403
- }
6404
-
6405
6421
  .e-pivotfieldlist-container.e-rtl .e-layout-footer .e-defer-apply-button {
6406
6422
  margin-left: 10px;
6407
6423
  }
package/styles/material.css CHANGED
@@ -4900,14 +4900,26 @@
4900
4900
  }
4901
4901
 
4902
4902
  .e-pivotfieldlist-wrapper .e-layout-footer {
4903
+ display: -ms-flexbox;
4904
+ display: flex;
4903
4905
  padding: 10px 2px 2px;
4904
- text-align: right;
4905
4906
  }
4906
4907
 
4907
- .e-pivotfieldlist-wrapper .e-layout-footer .e-defer-apply-button {
4908
+ .e-pivotfieldlist-wrapper .e-layout-footer .e-button-layout {
4909
+ -ms-flex: auto;
4910
+ flex: auto;
4911
+ text-align: end;
4912
+ }
4913
+
4914
+ .e-pivotfieldlist-wrapper .e-layout-footer .e-button-layout .e-defer-apply-button {
4908
4915
  margin-right: 10px;
4909
4916
  }
4910
4917
 
4918
+ .e-pivotfieldlist-wrapper .e-layout-footer .e-button-layout .e-cancel-btn,
4919
+ .e-pivotfieldlist-wrapper .e-layout-footer .e-button-layout .e-defer-apply-button {
4920
+ min-width: fit-content;
4921
+ }
4922
+
4911
4923
  .e-pivotfieldlist-wrapper .e-layout-footer .e-cancel-btn,
4912
4924
  .e-pivotfieldlist-wrapper .e-layout-footer .e-defer-apply-button,
4913
4925
  .e-pivotfieldlist-wrapper .e-layout-footer .e-checkbox-layout {
@@ -4918,7 +4930,7 @@
4918
4930
  }
4919
4931
 
4920
4932
  .e-pivotfieldlist-wrapper .e-layout-footer .e-checkbox-layout .e-label {
4921
- white-space: nowrap;
4933
+ padding-right: 10px;
4922
4934
  }
4923
4935
 
4924
4936
  .e-pivotfieldlist-wrapper .e-layout-footer .e-checkbox-layout {
@@ -4930,10 +4942,6 @@
4930
4942
  margin-top: 6px;
4931
4943
  }
4932
4944
 
4933
- .e-pivotfieldlist-wrapper.e-rtl .e-layout-footer {
4934
- text-align: left;
4935
- }
4936
-
4937
4945
  .e-pivotfieldlist-wrapper.e-rtl .e-layout-footer .e-defer-apply-button {
4938
4946
  margin-left: 10px;
4939
4947
  }
@@ -6368,14 +6376,26 @@
6368
6376
  }
6369
6377
 
6370
6378
  .e-pivotfieldlist-container .e-layout-footer {
6379
+ display: -ms-flexbox;
6380
+ display: flex;
6371
6381
  padding: 10px 2px 2px;
6372
- text-align: right;
6373
6382
  }
6374
6383
 
6375
- .e-pivotfieldlist-container .e-layout-footer .e-defer-apply-button {
6384
+ .e-pivotfieldlist-container .e-layout-footer .e-button-layout {
6385
+ -ms-flex: auto;
6386
+ flex: auto;
6387
+ text-align: end;
6388
+ }
6389
+
6390
+ .e-pivotfieldlist-container .e-layout-footer .e-button-layout .e-defer-apply-button {
6376
6391
  margin-right: 10px;
6377
6392
  }
6378
6393
 
6394
+ .e-pivotfieldlist-container .e-layout-footer .e-button-layout .e-cancel-btn,
6395
+ .e-pivotfieldlist-container .e-layout-footer .e-button-layout .e-defer-apply-button {
6396
+ min-width: fit-content;
6397
+ }
6398
+
6379
6399
  .e-pivotfieldlist-container .e-layout-footer .e-cancel-btn,
6380
6400
  .e-pivotfieldlist-container .e-layout-footer .e-defer-apply-button,
6381
6401
  .e-pivotfieldlist-container .e-layout-footer .e-checkbox-layout {
@@ -6386,7 +6406,7 @@
6386
6406
  }
6387
6407
 
6388
6408
  .e-pivotfieldlist-container .e-layout-footer .e-checkbox-layout .e-label {
6389
- white-space: nowrap;
6409
+ padding-right: 10px;
6390
6410
  }
6391
6411
 
6392
6412
  .e-pivotfieldlist-container .e-layout-footer .e-checkbox-layout {
@@ -6398,10 +6418,6 @@
6398
6418
  margin-top: 6px;
6399
6419
  }
6400
6420
 
6401
- .e-pivotfieldlist-container.e-rtl .e-layout-footer {
6402
- text-align: left;
6403
- }
6404
-
6405
6421
  .e-pivotfieldlist-container.e-rtl .e-layout-footer .e-defer-apply-button {
6406
6422
  margin-left: 10px;
6407
6423
  }
package/styles/pivotfieldlist/_theme.scss CHANGED
@@ -67,11 +67,21 @@
67
67
  min-width: 300px !important;
68
68
  // sass-lint:enable-all
69
69
  .e-layout-footer {
70
+ display: flex;
70
71
  padding: 10px 2px 2px;
71
- text-align: right;
72
72
 
73
- .e-defer-apply-button {
74
- margin-right: 10px;
73
+ .e-button-layout {
74
+ flex: auto;
75
+ text-align: end;
76
+
77
+ .e-defer-apply-button {
78
+ margin-right: 10px;
79
+ }
80
+
81
+ .e-cancel-btn,
82
+ .e-defer-apply-button {
83
+ min-width: fit-content;
84
+ }
75
85
  }
76
86
 
77
87
  .e-cancel-btn,
@@ -84,7 +94,7 @@
84
94
  }
85
95
 
86
96
  .e-checkbox-layout .e-label {
87
- white-space: nowrap;
97
+ padding-right: 10px;
88
98
  }
89
99
 
90
100
  .e-checkbox-layout {
@@ -106,8 +116,6 @@
106
116
 
107
117
  &.e-rtl {
108
118
  .e-layout-footer {
109
- text-align: left;
110
-
111
119
  .e-defer-apply-button {
112
120
  margin-left: 10px;
113
121
  }
@@ -1441,11 +1449,21 @@
1441
1449
  min-width: 300px;
1442
1450
 
1443
1451
  .e-layout-footer {
1452
+ display: flex;
1444
1453
  padding: 10px 2px 2px;
1445
- text-align: right;
1446
1454
 
1447
- .e-defer-apply-button {
1448
- margin-right: 10px;
1455
+ .e-button-layout {
1456
+ flex: auto;
1457
+ text-align: end;
1458
+
1459
+ .e-defer-apply-button {
1460
+ margin-right: 10px;
1461
+ }
1462
+
1463
+ .e-cancel-btn,
1464
+ .e-defer-apply-button {
1465
+ min-width: fit-content;
1466
+ }
1449
1467
  }
1450
1468
 
1451
1469
  .e-cancel-btn,
@@ -1458,7 +1476,7 @@
1458
1476
  }
1459
1477
 
1460
1478
  .e-checkbox-layout .e-label {
1461
- white-space: nowrap;
1479
+ padding-right: 10px;
1462
1480
  }
1463
1481
 
1464
1482
  .e-checkbox-layout {
@@ -1480,8 +1498,6 @@
1480
1498
 
1481
1499
  &.e-rtl {
1482
1500
  .e-layout-footer {
1483
- text-align: left;
1484
-
1485
1501
  .e-defer-apply-button {
1486
1502
  margin-left: 10px;
1487
1503
  }
package/styles/pivotfieldlist/bootstrap-dark.css CHANGED
@@ -2537,14 +2537,26 @@
2537
2537
  }
2538
2538
 
2539
2539
  .e-pivotfieldlist-wrapper .e-layout-footer {
2540
+ display: -ms-flexbox;
2541
+ display: flex;
2540
2542
  padding: 10px 2px 2px;
2541
- text-align: right;
2542
2543
  }
2543
2544
 
2544
- .e-pivotfieldlist-wrapper .e-layout-footer .e-defer-apply-button {
2545
+ .e-pivotfieldlist-wrapper .e-layout-footer .e-button-layout {
2546
+ -ms-flex: auto;
2547
+ flex: auto;
2548
+ text-align: end;
2549
+ }
2550
+
2551
+ .e-pivotfieldlist-wrapper .e-layout-footer .e-button-layout .e-defer-apply-button {
2545
2552
  margin-right: 10px;
2546
2553
  }
2547
2554
 
2555
+ .e-pivotfieldlist-wrapper .e-layout-footer .e-button-layout .e-cancel-btn,
2556
+ .e-pivotfieldlist-wrapper .e-layout-footer .e-button-layout .e-defer-apply-button {
2557
+ min-width: fit-content;
2558
+ }
2559
+
2548
2560
  .e-pivotfieldlist-wrapper .e-layout-footer .e-cancel-btn,
2549
2561
  .e-pivotfieldlist-wrapper .e-layout-footer .e-defer-apply-button,
2550
2562
  .e-pivotfieldlist-wrapper .e-layout-footer .e-checkbox-layout {
@@ -2555,7 +2567,7 @@
2555
2567
  }
2556
2568
 
2557
2569
  .e-pivotfieldlist-wrapper .e-layout-footer .e-checkbox-layout .e-label {
2558
- white-space: nowrap;
2570
+ padding-right: 10px;
2559
2571
  }
2560
2572
 
2561
2573
  .e-pivotfieldlist-wrapper .e-layout-footer .e-checkbox-layout {
@@ -2567,10 +2579,6 @@
2567
2579
  margin-top: 6px;
2568
2580
  }
2569
2581
 
2570
- .e-pivotfieldlist-wrapper.e-rtl .e-layout-footer {
2571
- text-align: left;
2572
- }
2573
-
2574
2582
  .e-pivotfieldlist-wrapper.e-rtl .e-layout-footer .e-defer-apply-button {
2575
2583
  margin-left: 10px;
2576
2584
  }
@@ -4005,14 +4013,26 @@
4005
4013
  }
4006
4014
 
4007
4015
  .e-pivotfieldlist-container .e-layout-footer {
4016
+ display: -ms-flexbox;
4017
+ display: flex;
4008
4018
  padding: 10px 2px 2px;
4009
- text-align: right;
4010
4019
  }
4011
4020
 
4012
- .e-pivotfieldlist-container .e-layout-footer .e-defer-apply-button {
4021
+ .e-pivotfieldlist-container .e-layout-footer .e-button-layout {
4022
+ -ms-flex: auto;
4023
+ flex: auto;
4024
+ text-align: end;
4025
+ }
4026
+
4027
+ .e-pivotfieldlist-container .e-layout-footer .e-button-layout .e-defer-apply-button {
4013
4028
  margin-right: 10px;
4014
4029
  }
4015
4030
 
4031
+ .e-pivotfieldlist-container .e-layout-footer .e-button-layout .e-cancel-btn,
4032
+ .e-pivotfieldlist-container .e-layout-footer .e-button-layout .e-defer-apply-button {
4033
+ min-width: fit-content;
4034
+ }
4035
+
4016
4036
  .e-pivotfieldlist-container .e-layout-footer .e-cancel-btn,
4017
4037
  .e-pivotfieldlist-container .e-layout-footer .e-defer-apply-button,
4018
4038
  .e-pivotfieldlist-container .e-layout-footer .e-checkbox-layout {
@@ -4023,7 +4043,7 @@
4023
4043
  }
4024
4044
 
4025
4045
  .e-pivotfieldlist-container .e-layout-footer .e-checkbox-layout .e-label {
4026
- white-space: nowrap;
4046
+ padding-right: 10px;
4027
4047
  }
4028
4048
 
4029
4049
  .e-pivotfieldlist-container .e-layout-footer .e-checkbox-layout {
@@ -4035,10 +4055,6 @@
4035
4055
  margin-top: 6px;
4036
4056
  }
4037
4057
 
4038
- .e-pivotfieldlist-container.e-rtl .e-layout-footer {
4039
- text-align: left;
4040
- }
4041
-
4042
4058
  .e-pivotfieldlist-container.e-rtl .e-layout-footer .e-defer-apply-button {
4043
4059
  margin-left: 10px;
4044
4060
  }
package/styles/pivotfieldlist/bootstrap.css CHANGED
@@ -2535,14 +2535,26 @@
2535
2535
  }
2536
2536
 
2537
2537
  .e-pivotfieldlist-wrapper .e-layout-footer {
2538
+ display: -ms-flexbox;
2539
+ display: flex;
2538
2540
  padding: 10px 2px 2px;
2539
- text-align: right;
2540
2541
  }
2541
2542
 
2542
- .e-pivotfieldlist-wrapper .e-layout-footer .e-defer-apply-button {
2543
+ .e-pivotfieldlist-wrapper .e-layout-footer .e-button-layout {
2544
+ -ms-flex: auto;
2545
+ flex: auto;
2546
+ text-align: end;
2547
+ }
2548
+
2549
+ .e-pivotfieldlist-wrapper .e-layout-footer .e-button-layout .e-defer-apply-button {
2543
2550
  margin-right: 10px;
2544
2551
  }
2545
2552
 
2553
+ .e-pivotfieldlist-wrapper .e-layout-footer .e-button-layout .e-cancel-btn,
2554
+ .e-pivotfieldlist-wrapper .e-layout-footer .e-button-layout .e-defer-apply-button {
2555
+ min-width: fit-content;
2556
+ }
2557
+
2546
2558
  .e-pivotfieldlist-wrapper .e-layout-footer .e-cancel-btn,
2547
2559
  .e-pivotfieldlist-wrapper .e-layout-footer .e-defer-apply-button,
2548
2560
  .e-pivotfieldlist-wrapper .e-layout-footer .e-checkbox-layout {
@@ -2553,7 +2565,7 @@
2553
2565
  }
2554
2566
 
2555
2567
  .e-pivotfieldlist-wrapper .e-layout-footer .e-checkbox-layout .e-label {
2556
- white-space: nowrap;
2568
+ padding-right: 10px;
2557
2569
  }
2558
2570
 
2559
2571
  .e-pivotfieldlist-wrapper .e-layout-footer .e-checkbox-layout {
@@ -2565,10 +2577,6 @@
2565
2577
  margin-top: 6px;
2566
2578
  }
2567
2579
 
2568
- .e-pivotfieldlist-wrapper.e-rtl .e-layout-footer {
2569
- text-align: left;
2570
- }
2571
-
2572
2580
  .e-pivotfieldlist-wrapper.e-rtl .e-layout-footer .e-defer-apply-button {
2573
2581
  margin-left: 10px;
2574
2582
  }
@@ -4003,14 +4011,26 @@
4003
4011
  }
4004
4012
 
4005
4013
  .e-pivotfieldlist-container .e-layout-footer {
4014
+ display: -ms-flexbox;
4015
+ display: flex;
4006
4016
  padding: 10px 2px 2px;
4007
- text-align: right;
4008
4017
  }
4009
4018
 
4010
- .e-pivotfieldlist-container .e-layout-footer .e-defer-apply-button {
4019
+ .e-pivotfieldlist-container .e-layout-footer .e-button-layout {
4020
+ -ms-flex: auto;
4021
+ flex: auto;
4022
+ text-align: end;
4023
+ }
4024
+
4025
+ .e-pivotfieldlist-container .e-layout-footer .e-button-layout .e-defer-apply-button {
4011
4026
  margin-right: 10px;
4012
4027
  }
4013
4028
 
4029
+ .e-pivotfieldlist-container .e-layout-footer .e-button-layout .e-cancel-btn,
4030
+ .e-pivotfieldlist-container .e-layout-footer .e-button-layout .e-defer-apply-button {
4031
+ min-width: fit-content;
4032
+ }
4033
+
4014
4034
  .e-pivotfieldlist-container .e-layout-footer .e-cancel-btn,
4015
4035
  .e-pivotfieldlist-container .e-layout-footer .e-defer-apply-button,
4016
4036
  .e-pivotfieldlist-container .e-layout-footer .e-checkbox-layout {
@@ -4021,7 +4041,7 @@
4021
4041
  }
4022
4042
 
4023
4043
  .e-pivotfieldlist-container .e-layout-footer .e-checkbox-layout .e-label {
4024
- white-space: nowrap;
4044
+ padding-right: 10px;
4025
4045
  }
4026
4046
 
4027
4047
  .e-pivotfieldlist-container .e-layout-footer .e-checkbox-layout {
@@ -4033,10 +4053,6 @@
4033
4053
  margin-top: 6px;
4034
4054
  }
4035
4055
 
4036
- .e-pivotfieldlist-container.e-rtl .e-layout-footer {
4037
- text-align: left;
4038
- }
4039
-
4040
4056
  .e-pivotfieldlist-container.e-rtl .e-layout-footer .e-defer-apply-button {
4041
4057
  margin-left: 10px;
4042
4058
  }
package/styles/pivotfieldlist/bootstrap4.css CHANGED
@@ -2662,14 +2662,26 @@
2662
2662
  }
2663
2663
 
2664
2664
  .e-pivotfieldlist-wrapper .e-layout-footer {
2665
+ display: -ms-flexbox;
2666
+ display: flex;
2665
2667
  padding: 10px 2px 2px;
2666
- text-align: right;
2667
2668
  }
2668
2669
 
2669
- .e-pivotfieldlist-wrapper .e-layout-footer .e-defer-apply-button {
2670
+ .e-pivotfieldlist-wrapper .e-layout-footer .e-button-layout {
2671
+ -ms-flex: auto;
2672
+ flex: auto;
2673
+ text-align: end;
2674
+ }
2675
+
2676
+ .e-pivotfieldlist-wrapper .e-layout-footer .e-button-layout .e-defer-apply-button {
2670
2677
  margin-right: 10px;
2671
2678
  }
2672
2679
 
2680
+ .e-pivotfieldlist-wrapper .e-layout-footer .e-button-layout .e-cancel-btn,
2681
+ .e-pivotfieldlist-wrapper .e-layout-footer .e-button-layout .e-defer-apply-button {
2682
+ min-width: fit-content;
2683
+ }
2684
+
2673
2685
  .e-pivotfieldlist-wrapper .e-layout-footer .e-cancel-btn,
2674
2686
  .e-pivotfieldlist-wrapper .e-layout-footer .e-defer-apply-button,
2675
2687
  .e-pivotfieldlist-wrapper .e-layout-footer .e-checkbox-layout {
@@ -2680,7 +2692,7 @@
2680
2692
  }
2681
2693
 
2682
2694
  .e-pivotfieldlist-wrapper .e-layout-footer .e-checkbox-layout .e-label {
2683
- white-space: nowrap;
2695
+ padding-right: 10px;
2684
2696
  }
2685
2697
 
2686
2698
  .e-pivotfieldlist-wrapper .e-layout-footer .e-checkbox-layout {
@@ -2692,10 +2704,6 @@
2692
2704
  margin-top: 6px;
2693
2705
  }
2694
2706
 
2695
- .e-pivotfieldlist-wrapper.e-rtl .e-layout-footer {
2696
- text-align: left;
2697
- }
2698
-
2699
2707
  .e-pivotfieldlist-wrapper.e-rtl .e-layout-footer .e-defer-apply-button {
2700
2708
  margin-left: 10px;
2701
2709
  }
@@ -4135,14 +4143,26 @@
4135
4143
  }
4136
4144
 
4137
4145
  .e-pivotfieldlist-container .e-layout-footer {
4146
+ display: -ms-flexbox;
4147
+ display: flex;
4138
4148
  padding: 10px 2px 2px;
4139
- text-align: right;
4140
4149
  }
4141
4150
 
4142
- .e-pivotfieldlist-container .e-layout-footer .e-defer-apply-button {
4151
+ .e-pivotfieldlist-container .e-layout-footer .e-button-layout {
4152
+ -ms-flex: auto;
4153
+ flex: auto;
4154
+ text-align: end;
4155
+ }
4156
+
4157
+ .e-pivotfieldlist-container .e-layout-footer .e-button-layout .e-defer-apply-button {
4143
4158
  margin-right: 10px;
4144
4159
  }
4145
4160
 
4161
+ .e-pivotfieldlist-container .e-layout-footer .e-button-layout .e-cancel-btn,
4162
+ .e-pivotfieldlist-container .e-layout-footer .e-button-layout .e-defer-apply-button {
4163
+ min-width: fit-content;
4164
+ }
4165
+
4146
4166
  .e-pivotfieldlist-container .e-layout-footer .e-cancel-btn,
4147
4167
  .e-pivotfieldlist-container .e-layout-footer .e-defer-apply-button,
4148
4168
  .e-pivotfieldlist-container .e-layout-footer .e-checkbox-layout {
@@ -4153,7 +4173,7 @@
4153
4173
  }
4154
4174
 
4155
4175
  .e-pivotfieldlist-container .e-layout-footer .e-checkbox-layout .e-label {
4156
- white-space: nowrap;
4176
+ padding-right: 10px;
4157
4177
  }
4158
4178
 
4159
4179
  .e-pivotfieldlist-container .e-layout-footer .e-checkbox-layout {
@@ -4165,10 +4185,6 @@
4165
4185
  margin-top: 6px;
4166
4186
  }
4167
4187
 
4168
- .e-pivotfieldlist-container.e-rtl .e-layout-footer {
4169
- text-align: left;
4170
- }
4171
-
4172
4188
  .e-pivotfieldlist-container.e-rtl .e-layout-footer .e-defer-apply-button {
4173
4189
  margin-left: 10px;
4174
4190
  }