@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/pivotfieldlist/bootstrap5-dark.css CHANGED
@@ -2559,14 +2559,26 @@
2559
2559
  }
2560
2560
 
2561
2561
  .e-pivotfieldlist-wrapper .e-layout-footer {
2562
+ display: -ms-flexbox;
2563
+ display: flex;
2562
2564
  padding: 10px 2px 2px;
2563
- text-align: right;
2564
2565
  }
2565
2566
 
2566
- .e-pivotfieldlist-wrapper .e-layout-footer .e-defer-apply-button {
2567
+ .e-pivotfieldlist-wrapper .e-layout-footer .e-button-layout {
2568
+ -ms-flex: auto;
2569
+ flex: auto;
2570
+ text-align: end;
2571
+ }
2572
+
2573
+ .e-pivotfieldlist-wrapper .e-layout-footer .e-button-layout .e-defer-apply-button {
2567
2574
  margin-right: 10px;
2568
2575
  }
2569
2576
 
2577
+ .e-pivotfieldlist-wrapper .e-layout-footer .e-button-layout .e-cancel-btn,
2578
+ .e-pivotfieldlist-wrapper .e-layout-footer .e-button-layout .e-defer-apply-button {
2579
+ min-width: fit-content;
2580
+ }
2581
+
2570
2582
  .e-pivotfieldlist-wrapper .e-layout-footer .e-cancel-btn,
2571
2583
  .e-pivotfieldlist-wrapper .e-layout-footer .e-defer-apply-button,
2572
2584
  .e-pivotfieldlist-wrapper .e-layout-footer .e-checkbox-layout {
@@ -2577,7 +2589,7 @@
2577
2589
  }
2578
2590
 
2579
2591
  .e-pivotfieldlist-wrapper .e-layout-footer .e-checkbox-layout .e-label {
2580
- white-space: nowrap;
2592
+ padding-right: 10px;
2581
2593
  }
2582
2594
 
2583
2595
  .e-pivotfieldlist-wrapper .e-layout-footer .e-checkbox-layout {
@@ -2589,10 +2601,6 @@
2589
2601
  margin-top: 6px;
2590
2602
  }
2591
2603
 
2592
- .e-pivotfieldlist-wrapper.e-rtl .e-layout-footer {
2593
- text-align: left;
2594
- }
2595
-
2596
2604
  .e-pivotfieldlist-wrapper.e-rtl .e-layout-footer .e-defer-apply-button {
2597
2605
  margin-left: 10px;
2598
2606
  }
@@ -4059,14 +4067,26 @@
4059
4067
  }
4060
4068
 
4061
4069
  .e-pivotfieldlist-container .e-layout-footer {
4070
+ display: -ms-flexbox;
4071
+ display: flex;
4062
4072
  padding: 10px 2px 2px;
4063
- text-align: right;
4064
4073
  }
4065
4074
 
4066
- .e-pivotfieldlist-container .e-layout-footer .e-defer-apply-button {
4075
+ .e-pivotfieldlist-container .e-layout-footer .e-button-layout {
4076
+ -ms-flex: auto;
4077
+ flex: auto;
4078
+ text-align: end;
4079
+ }
4080
+
4081
+ .e-pivotfieldlist-container .e-layout-footer .e-button-layout .e-defer-apply-button {
4067
4082
  margin-right: 10px;
4068
4083
  }
4069
4084
 
4085
+ .e-pivotfieldlist-container .e-layout-footer .e-button-layout .e-cancel-btn,
4086
+ .e-pivotfieldlist-container .e-layout-footer .e-button-layout .e-defer-apply-button {
4087
+ min-width: fit-content;
4088
+ }
4089
+
4070
4090
  .e-pivotfieldlist-container .e-layout-footer .e-cancel-btn,
4071
4091
  .e-pivotfieldlist-container .e-layout-footer .e-defer-apply-button,
4072
4092
  .e-pivotfieldlist-container .e-layout-footer .e-checkbox-layout {
@@ -4077,7 +4097,7 @@
4077
4097
  }
4078
4098
 
4079
4099
  .e-pivotfieldlist-container .e-layout-footer .e-checkbox-layout .e-label {
4080
- white-space: nowrap;
4100
+ padding-right: 10px;
4081
4101
  }
4082
4102
 
4083
4103
  .e-pivotfieldlist-container .e-layout-footer .e-checkbox-layout {
@@ -4089,10 +4109,6 @@
4089
4109
  margin-top: 6px;
4090
4110
  }
4091
4111
 
4092
- .e-pivotfieldlist-container.e-rtl .e-layout-footer {
4093
- text-align: left;
4094
- }
4095
-
4096
4112
  .e-pivotfieldlist-container.e-rtl .e-layout-footer .e-defer-apply-button {
4097
4113
  margin-left: 10px;
4098
4114
  }
package/styles/pivotfieldlist/bootstrap5.css CHANGED
@@ -2559,14 +2559,26 @@
2559
2559
  }
2560
2560
 
2561
2561
  .e-pivotfieldlist-wrapper .e-layout-footer {
2562
+ display: -ms-flexbox;
2563
+ display: flex;
2562
2564
  padding: 10px 2px 2px;
2563
- text-align: right;
2564
2565
  }
2565
2566
 
2566
- .e-pivotfieldlist-wrapper .e-layout-footer .e-defer-apply-button {
2567
+ .e-pivotfieldlist-wrapper .e-layout-footer .e-button-layout {
2568
+ -ms-flex: auto;
2569
+ flex: auto;
2570
+ text-align: end;
2571
+ }
2572
+
2573
+ .e-pivotfieldlist-wrapper .e-layout-footer .e-button-layout .e-defer-apply-button {
2567
2574
  margin-right: 10px;
2568
2575
  }
2569
2576
 
2577
+ .e-pivotfieldlist-wrapper .e-layout-footer .e-button-layout .e-cancel-btn,
2578
+ .e-pivotfieldlist-wrapper .e-layout-footer .e-button-layout .e-defer-apply-button {
2579
+ min-width: fit-content;
2580
+ }
2581
+
2570
2582
  .e-pivotfieldlist-wrapper .e-layout-footer .e-cancel-btn,
2571
2583
  .e-pivotfieldlist-wrapper .e-layout-footer .e-defer-apply-button,
2572
2584
  .e-pivotfieldlist-wrapper .e-layout-footer .e-checkbox-layout {
@@ -2577,7 +2589,7 @@
2577
2589
  }
2578
2590
 
2579
2591
  .e-pivotfieldlist-wrapper .e-layout-footer .e-checkbox-layout .e-label {
2580
- white-space: nowrap;
2592
+ padding-right: 10px;
2581
2593
  }
2582
2594
 
2583
2595
  .e-pivotfieldlist-wrapper .e-layout-footer .e-checkbox-layout {
@@ -2589,10 +2601,6 @@
2589
2601
  margin-top: 6px;
2590
2602
  }
2591
2603
 
2592
- .e-pivotfieldlist-wrapper.e-rtl .e-layout-footer {
2593
- text-align: left;
2594
- }
2595
-
2596
2604
  .e-pivotfieldlist-wrapper.e-rtl .e-layout-footer .e-defer-apply-button {
2597
2605
  margin-left: 10px;
2598
2606
  }
@@ -4059,14 +4067,26 @@
4059
4067
  }
4060
4068
 
4061
4069
  .e-pivotfieldlist-container .e-layout-footer {
4070
+ display: -ms-flexbox;
4071
+ display: flex;
4062
4072
  padding: 10px 2px 2px;
4063
- text-align: right;
4064
4073
  }
4065
4074
 
4066
- .e-pivotfieldlist-container .e-layout-footer .e-defer-apply-button {
4075
+ .e-pivotfieldlist-container .e-layout-footer .e-button-layout {
4076
+ -ms-flex: auto;
4077
+ flex: auto;
4078
+ text-align: end;
4079
+ }
4080
+
4081
+ .e-pivotfieldlist-container .e-layout-footer .e-button-layout .e-defer-apply-button {
4067
4082
  margin-right: 10px;
4068
4083
  }
4069
4084
 
4085
+ .e-pivotfieldlist-container .e-layout-footer .e-button-layout .e-cancel-btn,
4086
+ .e-pivotfieldlist-container .e-layout-footer .e-button-layout .e-defer-apply-button {
4087
+ min-width: fit-content;
4088
+ }
4089
+
4070
4090
  .e-pivotfieldlist-container .e-layout-footer .e-cancel-btn,
4071
4091
  .e-pivotfieldlist-container .e-layout-footer .e-defer-apply-button,
4072
4092
  .e-pivotfieldlist-container .e-layout-footer .e-checkbox-layout {
@@ -4077,7 +4097,7 @@
4077
4097
  }
4078
4098
 
4079
4099
  .e-pivotfieldlist-container .e-layout-footer .e-checkbox-layout .e-label {
4080
- white-space: nowrap;
4100
+ padding-right: 10px;
4081
4101
  }
4082
4102
 
4083
4103
  .e-pivotfieldlist-container .e-layout-footer .e-checkbox-layout {
@@ -4089,10 +4109,6 @@
4089
4109
  margin-top: 6px;
4090
4110
  }
4091
4111
 
4092
- .e-pivotfieldlist-container.e-rtl .e-layout-footer {
4093
- text-align: left;
4094
- }
4095
-
4096
4112
  .e-pivotfieldlist-container.e-rtl .e-layout-footer .e-defer-apply-button {
4097
4113
  margin-left: 10px;
4098
4114
  }
package/styles/pivotfieldlist/fabric-dark.css CHANGED
@@ -2536,14 +2536,26 @@
2536
2536
  }
2537
2537
 
2538
2538
  .e-pivotfieldlist-wrapper .e-layout-footer {
2539
+ display: -ms-flexbox;
2540
+ display: flex;
2539
2541
  padding: 10px 2px 2px;
2540
- text-align: right;
2541
2542
  }
2542
2543
 
2543
- .e-pivotfieldlist-wrapper .e-layout-footer .e-defer-apply-button {
2544
+ .e-pivotfieldlist-wrapper .e-layout-footer .e-button-layout {
2545
+ -ms-flex: auto;
2546
+ flex: auto;
2547
+ text-align: end;
2548
+ }
2549
+
2550
+ .e-pivotfieldlist-wrapper .e-layout-footer .e-button-layout .e-defer-apply-button {
2544
2551
  margin-right: 10px;
2545
2552
  }
2546
2553
 
2554
+ .e-pivotfieldlist-wrapper .e-layout-footer .e-button-layout .e-cancel-btn,
2555
+ .e-pivotfieldlist-wrapper .e-layout-footer .e-button-layout .e-defer-apply-button {
2556
+ min-width: fit-content;
2557
+ }
2558
+
2547
2559
  .e-pivotfieldlist-wrapper .e-layout-footer .e-cancel-btn,
2548
2560
  .e-pivotfieldlist-wrapper .e-layout-footer .e-defer-apply-button,
2549
2561
  .e-pivotfieldlist-wrapper .e-layout-footer .e-checkbox-layout {
@@ -2554,7 +2566,7 @@
2554
2566
  }
2555
2567
 
2556
2568
  .e-pivotfieldlist-wrapper .e-layout-footer .e-checkbox-layout .e-label {
2557
- white-space: nowrap;
2569
+ padding-right: 10px;
2558
2570
  }
2559
2571
 
2560
2572
  .e-pivotfieldlist-wrapper .e-layout-footer .e-checkbox-layout {
@@ -2566,10 +2578,6 @@
2566
2578
  margin-top: 6px;
2567
2579
  }
2568
2580
 
2569
- .e-pivotfieldlist-wrapper.e-rtl .e-layout-footer {
2570
- text-align: left;
2571
- }
2572
-
2573
2581
  .e-pivotfieldlist-wrapper.e-rtl .e-layout-footer .e-defer-apply-button {
2574
2582
  margin-left: 10px;
2575
2583
  }
@@ -4004,14 +4012,26 @@
4004
4012
  }
4005
4013
 
4006
4014
  .e-pivotfieldlist-container .e-layout-footer {
4015
+ display: -ms-flexbox;
4016
+ display: flex;
4007
4017
  padding: 10px 2px 2px;
4008
- text-align: right;
4009
4018
  }
4010
4019
 
4011
- .e-pivotfieldlist-container .e-layout-footer .e-defer-apply-button {
4020
+ .e-pivotfieldlist-container .e-layout-footer .e-button-layout {
4021
+ -ms-flex: auto;
4022
+ flex: auto;
4023
+ text-align: end;
4024
+ }
4025
+
4026
+ .e-pivotfieldlist-container .e-layout-footer .e-button-layout .e-defer-apply-button {
4012
4027
  margin-right: 10px;
4013
4028
  }
4014
4029
 
4030
+ .e-pivotfieldlist-container .e-layout-footer .e-button-layout .e-cancel-btn,
4031
+ .e-pivotfieldlist-container .e-layout-footer .e-button-layout .e-defer-apply-button {
4032
+ min-width: fit-content;
4033
+ }
4034
+
4015
4035
  .e-pivotfieldlist-container .e-layout-footer .e-cancel-btn,
4016
4036
  .e-pivotfieldlist-container .e-layout-footer .e-defer-apply-button,
4017
4037
  .e-pivotfieldlist-container .e-layout-footer .e-checkbox-layout {
@@ -4022,7 +4042,7 @@
4022
4042
  }
4023
4043
 
4024
4044
  .e-pivotfieldlist-container .e-layout-footer .e-checkbox-layout .e-label {
4025
- white-space: nowrap;
4045
+ padding-right: 10px;
4026
4046
  }
4027
4047
 
4028
4048
  .e-pivotfieldlist-container .e-layout-footer .e-checkbox-layout {
@@ -4034,10 +4054,6 @@
4034
4054
  margin-top: 6px;
4035
4055
  }
4036
4056
 
4037
- .e-pivotfieldlist-container.e-rtl .e-layout-footer {
4038
- text-align: left;
4039
- }
4040
-
4041
4057
  .e-pivotfieldlist-container.e-rtl .e-layout-footer .e-defer-apply-button {
4042
4058
  margin-left: 10px;
4043
4059
  }
package/styles/pivotfieldlist/fabric.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/highcontrast-light.css CHANGED
@@ -2534,14 +2534,26 @@
2534
2534
  }
2535
2535
 
2536
2536
  .e-pivotfieldlist-wrapper .e-layout-footer {
2537
+ display: -ms-flexbox;
2538
+ display: flex;
2537
2539
  padding: 10px 2px 2px;
2538
- text-align: right;
2539
2540
  }
2540
2541
 
2541
- .e-pivotfieldlist-wrapper .e-layout-footer .e-defer-apply-button {
2542
+ .e-pivotfieldlist-wrapper .e-layout-footer .e-button-layout {
2543
+ -ms-flex: auto;
2544
+ flex: auto;
2545
+ text-align: end;
2546
+ }
2547
+
2548
+ .e-pivotfieldlist-wrapper .e-layout-footer .e-button-layout .e-defer-apply-button {
2542
2549
  margin-right: 10px;
2543
2550
  }
2544
2551
 
2552
+ .e-pivotfieldlist-wrapper .e-layout-footer .e-button-layout .e-cancel-btn,
2553
+ .e-pivotfieldlist-wrapper .e-layout-footer .e-button-layout .e-defer-apply-button {
2554
+ min-width: fit-content;
2555
+ }
2556
+
2545
2557
  .e-pivotfieldlist-wrapper .e-layout-footer .e-cancel-btn,
2546
2558
  .e-pivotfieldlist-wrapper .e-layout-footer .e-defer-apply-button,
2547
2559
  .e-pivotfieldlist-wrapper .e-layout-footer .e-checkbox-layout {
@@ -2552,7 +2564,7 @@
2552
2564
  }
2553
2565
 
2554
2566
  .e-pivotfieldlist-wrapper .e-layout-footer .e-checkbox-layout .e-label {
2555
- white-space: nowrap;
2567
+ padding-right: 10px;
2556
2568
  }
2557
2569
 
2558
2570
  .e-pivotfieldlist-wrapper .e-layout-footer .e-checkbox-layout {
@@ -2564,10 +2576,6 @@
2564
2576
  margin-top: 6px;
2565
2577
  }
2566
2578
 
2567
- .e-pivotfieldlist-wrapper.e-rtl .e-layout-footer {
2568
- text-align: left;
2569
- }
2570
-
2571
2579
  .e-pivotfieldlist-wrapper.e-rtl .e-layout-footer .e-defer-apply-button {
2572
2580
  margin-left: 10px;
2573
2581
  }
@@ -4002,14 +4010,26 @@
4002
4010
  }
4003
4011
 
4004
4012
  .e-pivotfieldlist-container .e-layout-footer {
4013
+ display: -ms-flexbox;
4014
+ display: flex;
4005
4015
  padding: 10px 2px 2px;
4006
- text-align: right;
4007
4016
  }
4008
4017
 
4009
- .e-pivotfieldlist-container .e-layout-footer .e-defer-apply-button {
4018
+ .e-pivotfieldlist-container .e-layout-footer .e-button-layout {
4019
+ -ms-flex: auto;
4020
+ flex: auto;
4021
+ text-align: end;
4022
+ }
4023
+
4024
+ .e-pivotfieldlist-container .e-layout-footer .e-button-layout .e-defer-apply-button {
4010
4025
  margin-right: 10px;
4011
4026
  }
4012
4027
 
4028
+ .e-pivotfieldlist-container .e-layout-footer .e-button-layout .e-cancel-btn,
4029
+ .e-pivotfieldlist-container .e-layout-footer .e-button-layout .e-defer-apply-button {
4030
+ min-width: fit-content;
4031
+ }
4032
+
4013
4033
  .e-pivotfieldlist-container .e-layout-footer .e-cancel-btn,
4014
4034
  .e-pivotfieldlist-container .e-layout-footer .e-defer-apply-button,
4015
4035
  .e-pivotfieldlist-container .e-layout-footer .e-checkbox-layout {
@@ -4020,7 +4040,7 @@
4020
4040
  }
4021
4041
 
4022
4042
  .e-pivotfieldlist-container .e-layout-footer .e-checkbox-layout .e-label {
4023
- white-space: nowrap;
4043
+ padding-right: 10px;
4024
4044
  }
4025
4045
 
4026
4046
  .e-pivotfieldlist-container .e-layout-footer .e-checkbox-layout {
@@ -4032,10 +4052,6 @@
4032
4052
  margin-top: 6px;
4033
4053
  }
4034
4054
 
4035
- .e-pivotfieldlist-container.e-rtl .e-layout-footer {
4036
- text-align: left;
4037
- }
4038
-
4039
4055
  .e-pivotfieldlist-container.e-rtl .e-layout-footer .e-defer-apply-button {
4040
4056
  margin-left: 10px;
4041
4057
  }
package/styles/pivotfieldlist/highcontrast.css CHANGED
@@ -2534,14 +2534,26 @@
2534
2534
  }
2535
2535
 
2536
2536
  .e-pivotfieldlist-wrapper .e-layout-footer {
2537
+ display: -ms-flexbox;
2538
+ display: flex;
2537
2539
  padding: 10px 2px 2px;
2538
- text-align: right;
2539
2540
  }
2540
2541
 
2541
- .e-pivotfieldlist-wrapper .e-layout-footer .e-defer-apply-button {
2542
+ .e-pivotfieldlist-wrapper .e-layout-footer .e-button-layout {
2543
+ -ms-flex: auto;
2544
+ flex: auto;
2545
+ text-align: end;
2546
+ }
2547
+
2548
+ .e-pivotfieldlist-wrapper .e-layout-footer .e-button-layout .e-defer-apply-button {
2542
2549
  margin-right: 10px;
2543
2550
  }
2544
2551
 
2552
+ .e-pivotfieldlist-wrapper .e-layout-footer .e-button-layout .e-cancel-btn,
2553
+ .e-pivotfieldlist-wrapper .e-layout-footer .e-button-layout .e-defer-apply-button {
2554
+ min-width: fit-content;
2555
+ }
2556
+
2545
2557
  .e-pivotfieldlist-wrapper .e-layout-footer .e-cancel-btn,
2546
2558
  .e-pivotfieldlist-wrapper .e-layout-footer .e-defer-apply-button,
2547
2559
  .e-pivotfieldlist-wrapper .e-layout-footer .e-checkbox-layout {
@@ -2552,7 +2564,7 @@
2552
2564
  }
2553
2565
 
2554
2566
  .e-pivotfieldlist-wrapper .e-layout-footer .e-checkbox-layout .e-label {
2555
- white-space: nowrap;
2567
+ padding-right: 10px;
2556
2568
  }
2557
2569
 
2558
2570
  .e-pivotfieldlist-wrapper .e-layout-footer .e-checkbox-layout {
@@ -2564,10 +2576,6 @@
2564
2576
  margin-top: 6px;
2565
2577
  }
2566
2578
 
2567
- .e-pivotfieldlist-wrapper.e-rtl .e-layout-footer {
2568
- text-align: left;
2569
- }
2570
-
2571
2579
  .e-pivotfieldlist-wrapper.e-rtl .e-layout-footer .e-defer-apply-button {
2572
2580
  margin-left: 10px;
2573
2581
  }
@@ -4002,14 +4010,26 @@
4002
4010
  }
4003
4011
 
4004
4012
  .e-pivotfieldlist-container .e-layout-footer {
4013
+ display: -ms-flexbox;
4014
+ display: flex;
4005
4015
  padding: 10px 2px 2px;
4006
- text-align: right;
4007
4016
  }
4008
4017
 
4009
- .e-pivotfieldlist-container .e-layout-footer .e-defer-apply-button {
4018
+ .e-pivotfieldlist-container .e-layout-footer .e-button-layout {
4019
+ -ms-flex: auto;
4020
+ flex: auto;
4021
+ text-align: end;
4022
+ }
4023
+
4024
+ .e-pivotfieldlist-container .e-layout-footer .e-button-layout .e-defer-apply-button {
4010
4025
  margin-right: 10px;
4011
4026
  }
4012
4027
 
4028
+ .e-pivotfieldlist-container .e-layout-footer .e-button-layout .e-cancel-btn,
4029
+ .e-pivotfieldlist-container .e-layout-footer .e-button-layout .e-defer-apply-button {
4030
+ min-width: fit-content;
4031
+ }
4032
+
4013
4033
  .e-pivotfieldlist-container .e-layout-footer .e-cancel-btn,
4014
4034
  .e-pivotfieldlist-container .e-layout-footer .e-defer-apply-button,
4015
4035
  .e-pivotfieldlist-container .e-layout-footer .e-checkbox-layout {
@@ -4020,7 +4040,7 @@
4020
4040
  }
4021
4041
 
4022
4042
  .e-pivotfieldlist-container .e-layout-footer .e-checkbox-layout .e-label {
4023
- white-space: nowrap;
4043
+ padding-right: 10px;
4024
4044
  }
4025
4045
 
4026
4046
  .e-pivotfieldlist-container .e-layout-footer .e-checkbox-layout {
@@ -4032,10 +4052,6 @@
4032
4052
  margin-top: 6px;
4033
4053
  }
4034
4054
 
4035
- .e-pivotfieldlist-container.e-rtl .e-layout-footer {
4036
- text-align: left;
4037
- }
4038
-
4039
4055
  .e-pivotfieldlist-container.e-rtl .e-layout-footer .e-defer-apply-button {
4040
4056
  margin-left: 10px;
4041
4057
  }
package/styles/pivotfieldlist/material-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
  }