@syncfusion/ej2-pivotview 20.2.38 → 20.2.45

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 (84) hide show
  1. package/CHANGELOG.md +31 -1
  2. package/dist/ej2-pivotview.umd.min.js +2 -2
  3. package/dist/ej2-pivotview.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-pivotview.es2015.js +302 -254
  5. package/dist/es6/ej2-pivotview.es2015.js.map +1 -1
  6. package/dist/es6/ej2-pivotview.es5.js +306 -258
  7. package/dist/es6/ej2-pivotview.es5.js.map +1 -1
  8. package/dist/global/ej2-pivotview.min.js +2 -2
  9. package/dist/global/ej2-pivotview.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +22 -22
  12. package/src/base/engine.js +7 -5
  13. package/src/common/base/constant.d.ts +2 -0
  14. package/src/common/base/constant.js +2 -0
  15. package/src/common/base/css-constant.d.ts +2 -4
  16. package/src/common/base/css-constant.js +3 -5
  17. package/src/common/base/interface.d.ts +11 -0
  18. package/src/common/calculatedfield/calculated-field.d.ts +3 -1
  19. package/src/common/calculatedfield/calculated-field.js +163 -168
  20. package/src/common/conditionalformatting/conditional-formatting.js +4 -3
  21. package/src/common/popups/grouping.js +2 -2
  22. package/src/common/popups/toolbar.js +6 -6
  23. package/src/pivotchart/base/pivotchart.js +32 -18
  24. package/src/pivotview/actions/drill-through.js +1 -1
  25. package/src/pivotview/actions/excel-export.d.ts +1 -1
  26. package/src/pivotview/actions/excel-export.js +13 -4
  27. package/src/pivotview/actions/keyboard.js +6 -6
  28. package/src/pivotview/actions/pdf-export.d.ts +1 -1
  29. package/src/pivotview/actions/pdf-export.js +13 -2
  30. package/src/pivotview/actions/virtualscroll.js +2 -2
  31. package/src/pivotview/base/pivotview-model.d.ts +7 -2
  32. package/src/pivotview/base/pivotview.d.ts +6 -2
  33. package/src/pivotview/base/pivotview.js +26 -20
  34. package/src/pivotview/renderer/render.js +26 -16
  35. package/styles/bootstrap-dark.css +26 -24
  36. package/styles/bootstrap.css +26 -24
  37. package/styles/bootstrap4.css +26 -24
  38. package/styles/bootstrap5-dark.css +26 -24
  39. package/styles/bootstrap5.css +26 -24
  40. package/styles/fabric-dark.css +26 -24
  41. package/styles/fabric.css +26 -24
  42. package/styles/fluent-dark.css +27 -25
  43. package/styles/fluent.css +27 -25
  44. package/styles/highcontrast-light.css +26 -24
  45. package/styles/highcontrast.css +26 -24
  46. package/styles/material-dark.css +26 -24
  47. package/styles/material.css +26 -24
  48. package/styles/pivotfieldlist/_fluent-definition.scss +1 -1
  49. package/styles/pivotfieldlist/_layout.scss +14 -10
  50. package/styles/pivotfieldlist/_tailwind-definition.scss +1 -1
  51. package/styles/pivotfieldlist/_theme.scss +1 -2
  52. package/styles/pivotfieldlist/bootstrap-dark.css +23 -21
  53. package/styles/pivotfieldlist/bootstrap.css +23 -21
  54. package/styles/pivotfieldlist/bootstrap4.css +23 -21
  55. package/styles/pivotfieldlist/bootstrap5-dark.css +23 -21
  56. package/styles/pivotfieldlist/bootstrap5.css +23 -21
  57. package/styles/pivotfieldlist/fabric-dark.css +23 -21
  58. package/styles/pivotfieldlist/fabric.css +23 -21
  59. package/styles/pivotfieldlist/fluent-dark.css +24 -22
  60. package/styles/pivotfieldlist/fluent.css +24 -22
  61. package/styles/pivotfieldlist/highcontrast-light.css +23 -21
  62. package/styles/pivotfieldlist/highcontrast.css +23 -21
  63. package/styles/pivotfieldlist/material-dark.css +23 -21
  64. package/styles/pivotfieldlist/material.css +23 -21
  65. package/styles/pivotfieldlist/tailwind-dark.css +24 -22
  66. package/styles/pivotfieldlist/tailwind.css +24 -22
  67. package/styles/pivotview/_theme.scss +3 -3
  68. package/styles/pivotview/bootstrap-dark.css +3 -3
  69. package/styles/pivotview/bootstrap.css +3 -3
  70. package/styles/pivotview/bootstrap4.css +3 -3
  71. package/styles/pivotview/bootstrap5-dark.css +3 -3
  72. package/styles/pivotview/bootstrap5.css +3 -3
  73. package/styles/pivotview/fabric-dark.css +3 -3
  74. package/styles/pivotview/fabric.css +3 -3
  75. package/styles/pivotview/fluent-dark.css +3 -3
  76. package/styles/pivotview/fluent.css +3 -3
  77. package/styles/pivotview/highcontrast-light.css +3 -3
  78. package/styles/pivotview/highcontrast.css +3 -3
  79. package/styles/pivotview/material-dark.css +3 -3
  80. package/styles/pivotview/material.css +3 -3
  81. package/styles/pivotview/tailwind-dark.css +3 -3
  82. package/styles/pivotview/tailwind.css +3 -3
  83. package/styles/tailwind-dark.css +27 -25
  84. package/styles/tailwind.css +27 -25
package/styles/highcontrast.css CHANGED
@@ -1028,11 +1028,11 @@
1028
1028
  border-right-width: 1px;
1029
1029
  }
1030
1030
  .e-pivotview .e-stackedheadercelldiv {
1031
- display: block;
1031
+ display: inline;
1032
1032
  }
1033
1033
  .e-pivotview .e-stackedheadertext.e-cellvalue,
1034
1034
  .e-pivotview .e-stackedheadercelldiv.e-cellvalue {
1035
- display: inline-block;
1035
+ display: inline;
1036
1036
  padding-left: 12px !important;
1037
1037
  margin-top: 5px;
1038
1038
  margin-top: 0;
@@ -1525,7 +1525,7 @@
1525
1525
  .e-pivotview .e-expand,
1526
1526
  .e-pivotview .e-collapse {
1527
1527
  cursor: pointer;
1528
- display: inline-block;
1528
+ display: inline;
1529
1529
  height: 18px;
1530
1530
  margin-top: 5px;
1531
1531
  text-align: center;
@@ -2509,7 +2509,7 @@
2509
2509
  }
2510
2510
 
2511
2511
  .e-pivot-calc-dialog-div {
2512
- max-height: 550px !important;
2512
+ max-height: 600px !important;
2513
2513
  min-width: 290px;
2514
2514
  }
2515
2515
  .e-pivot-calc-dialog-div .e-dlg-header-content,
@@ -2519,11 +2519,14 @@
2519
2519
  .e-pivot-calc-dialog-div .e-dlg-content {
2520
2520
  padding-bottom: 10px;
2521
2521
  }
2522
+ .e-pivot-calc-dialog-div .e-dlg-content .e-pivot-calc-custom-format-div {
2523
+ margin-top: 15px;
2524
+ }
2522
2525
  .e-pivot-calc-dialog-div .e-pivot-all-field-title,
2523
2526
  .e-pivot-calc-dialog-div .e-pivot-field-name-title,
2524
2527
  .e-pivot-calc-dialog-div .e-pivot-formula-title,
2525
2528
  .e-pivot-calc-dialog-div .e-olap-hierarchy-title,
2526
- .e-pivot-calc-dialog-div .e-olap-format-title,
2529
+ .e-pivot-calc-dialog-div .e-pivot-format-title,
2527
2530
  .e-pivot-calc-dialog-div .e-olap-member-title {
2528
2531
  color: #fff;
2529
2532
  font-size: 13px;
@@ -2713,7 +2716,7 @@
2713
2716
  display: inline-block;
2714
2717
  height: 441px;
2715
2718
  overflow: auto;
2716
- width: 310px;
2719
+ width: 100% !important;
2717
2720
  }
2718
2721
  .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-treeview {
2719
2722
  display: inline-table;
@@ -2801,26 +2804,26 @@
2801
2804
  .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-pivot-all-field-title-container .e-info:hover {
2802
2805
  color: #ffd939;
2803
2806
  }
2804
- .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-calculated-div {
2807
+ .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-pivot-calculated-div {
2805
2808
  -ms-flex: auto;
2806
2809
  flex: auto;
2807
2810
  margin-left: 18px;
2808
2811
  }
2809
- .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-calculated-div .e-pivot-formula {
2812
+ .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-pivot-calculated-div .e-pivot-formula {
2810
2813
  height: 100px;
2811
2814
  }
2812
- .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-calculated-div .e-olap-calc-custom-format-div {
2815
+ .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-pivot-calculated-div .e-pivot-calc-custom-format-div {
2813
2816
  margin-top: 15px;
2814
2817
  }
2815
- .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-calculated-div .e-pivot-formula-title,
2816
- .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-calculated-div .e-pivot-field-name-title,
2817
- .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-calculated-div .e-olap-hierarchy-title,
2818
- .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-calculated-div .e-olap-format-title,
2819
- .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-calculated-div .e-olap-member-title {
2818
+ .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-pivot-calculated-div .e-pivot-formula-title,
2819
+ .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-pivot-calculated-div .e-pivot-field-name-title,
2820
+ .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-pivot-calculated-div .e-olap-hierarchy-title,
2821
+ .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-pivot-calculated-div .e-pivot-format-title,
2822
+ .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-pivot-calculated-div .e-olap-member-title {
2820
2823
  padding-left: 0;
2821
2824
  padding-right: 0;
2822
2825
  }
2823
- .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-calculated-div .e-pivot-field-name-title {
2826
+ .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-pivot-calculated-div .e-pivot-field-name-title {
2824
2827
  margin-top: 0;
2825
2828
  padding-top: 0;
2826
2829
  }
@@ -2831,7 +2834,7 @@
2831
2834
  float: left;
2832
2835
  margin: 0;
2833
2836
  }
2834
- .e-pivot-calc-dialog-div.e-olap-calc-dialog-div.e-rtl .e-pivot-calc-outer-div .e-olap-calculated-div {
2837
+ .e-pivot-calc-dialog-div.e-olap-calc-dialog-div.e-rtl .e-pivot-calc-outer-div .e-pivot-calculated-div {
2835
2838
  margin-left: 0;
2836
2839
  margin-right: 18px;
2837
2840
  }
@@ -2848,13 +2851,13 @@
2848
2851
  .e-bigger.e-pivot-calc-dialog-div .e-pivot-field-name-title,
2849
2852
  .e-bigger.e-pivot-calc-dialog-div .e-pivot-formula-title,
2850
2853
  .e-bigger.e-pivot-calc-dialog-div .e-olap-hierarchy-title,
2851
- .e-bigger.e-pivot-calc-dialog-div .e-olap-format-title,
2854
+ .e-bigger.e-pivot-calc-dialog-div .e-pivot-format-title,
2852
2855
  .e-bigger.e-pivot-calc-dialog-div .e-olap-member-title,
2853
2856
  .e-bigger .e-pivot-calc-dialog-div .e-pivot-all-field-title,
2854
2857
  .e-bigger .e-pivot-calc-dialog-div .e-pivot-field-name-title,
2855
2858
  .e-bigger .e-pivot-calc-dialog-div .e-pivot-formula-title,
2856
2859
  .e-bigger .e-pivot-calc-dialog-div .e-olap-hierarchy-title,
2857
- .e-bigger .e-pivot-calc-dialog-div .e-olap-format-title,
2860
+ .e-bigger .e-pivot-calc-dialog-div .e-pivot-format-title,
2858
2861
  .e-bigger .e-pivot-calc-dialog-div .e-olap-member-title {
2859
2862
  font-size: 14px;
2860
2863
  padding: 6px 0;
@@ -2908,12 +2911,12 @@
2908
2911
  .e-bigger .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-treeview ul .e-list-icon {
2909
2912
  font-size: 16px;
2910
2913
  }
2911
- .e-bigger.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-calculated-div,
2912
- .e-bigger .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-calculated-div {
2914
+ .e-bigger.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-pivot-calculated-div,
2915
+ .e-bigger .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-pivot-calculated-div {
2913
2916
  margin-left: 24px;
2914
2917
  }
2915
- .e-bigger.e-pivot-calc-dialog-div.e-olap-calc-dialog-div.e-rtl .e-pivot-calc-outer-div .e-olap-calculated-div,
2916
- .e-bigger .e-pivot-calc-dialog-div.e-olap-calc-dialog-div.e-rtl .e-pivot-calc-outer-div .e-olap-calculated-div {
2918
+ .e-bigger.e-pivot-calc-dialog-div.e-olap-calc-dialog-div.e-rtl .e-pivot-calc-outer-div .e-pivot-calculated-div,
2919
+ .e-bigger .e-pivot-calc-dialog-div.e-olap-calc-dialog-div.e-rtl .e-pivot-calc-outer-div .e-pivot-calculated-div {
2917
2920
  margin-left: 0;
2918
2921
  margin-right: 24px;
2919
2922
  }
@@ -4793,8 +4796,7 @@
4793
4796
  }
4794
4797
  .e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-pivot-calc-outer-div .e-pivot-calc-input-div,
4795
4798
  .e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-pivot-calc-outer-div .e-member-options,
4796
- .e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-pivot-calc-outer-div .e-pivot-calc-custom-format-div,
4797
- .e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-pivot-calc-outer-div .e-olap-calc-custom-format-div {
4799
+ .e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-pivot-calc-outer-div .e-pivot-calc-custom-format-div {
4798
4800
  margin-left: 20px;
4799
4801
  margin-right: 20px;
4800
4802
  margin-top: 20px;
package/styles/material-dark.css CHANGED
@@ -1027,11 +1027,11 @@
1027
1027
  border-right-width: 1px;
1028
1028
  }
1029
1029
  .e-pivotview .e-stackedheadercelldiv {
1030
- display: block;
1030
+ display: inline;
1031
1031
  }
1032
1032
  .e-pivotview .e-stackedheadertext.e-cellvalue,
1033
1033
  .e-pivotview .e-stackedheadercelldiv.e-cellvalue {
1034
- display: inline-block;
1034
+ display: inline;
1035
1035
  padding-left: 12px !important;
1036
1036
  margin-top: 5px;
1037
1037
  }
@@ -1526,7 +1526,7 @@
1526
1526
  .e-pivotview .e-expand,
1527
1527
  .e-pivotview .e-collapse {
1528
1528
  cursor: pointer;
1529
- display: inline-block;
1529
+ display: inline;
1530
1530
  height: 18px;
1531
1531
  margin-top: 5px;
1532
1532
  text-align: center;
@@ -2511,7 +2511,7 @@
2511
2511
  }
2512
2512
 
2513
2513
  .e-pivot-calc-dialog-div {
2514
- max-height: 550px !important;
2514
+ max-height: 600px !important;
2515
2515
  min-width: 290px;
2516
2516
  }
2517
2517
  .e-pivot-calc-dialog-div .e-dlg-header-content,
@@ -2521,11 +2521,14 @@
2521
2521
  .e-pivot-calc-dialog-div .e-dlg-content {
2522
2522
  padding-bottom: 18px;
2523
2523
  }
2524
+ .e-pivot-calc-dialog-div .e-dlg-content .e-pivot-calc-custom-format-div {
2525
+ margin-top: 15px;
2526
+ }
2524
2527
  .e-pivot-calc-dialog-div .e-pivot-all-field-title,
2525
2528
  .e-pivot-calc-dialog-div .e-pivot-field-name-title,
2526
2529
  .e-pivot-calc-dialog-div .e-pivot-formula-title,
2527
2530
  .e-pivot-calc-dialog-div .e-olap-hierarchy-title,
2528
- .e-pivot-calc-dialog-div .e-olap-format-title,
2531
+ .e-pivot-calc-dialog-div .e-pivot-format-title,
2529
2532
  .e-pivot-calc-dialog-div .e-olap-member-title {
2530
2533
  color: #fff;
2531
2534
  font-size: 13px;
@@ -2715,7 +2718,7 @@
2715
2718
  display: inline-block;
2716
2719
  height: 436px;
2717
2720
  overflow: auto;
2718
- width: 310px;
2721
+ width: 100% !important;
2719
2722
  }
2720
2723
  .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-treeview {
2721
2724
  display: inline-table;
@@ -2803,26 +2806,26 @@
2803
2806
  .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-pivot-all-field-title-container .e-info:hover {
2804
2807
  color: #00b0ff;
2805
2808
  }
2806
- .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-calculated-div {
2809
+ .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-pivot-calculated-div {
2807
2810
  -ms-flex: auto;
2808
2811
  flex: auto;
2809
2812
  margin-left: 18px;
2810
2813
  }
2811
- .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-calculated-div .e-pivot-formula {
2814
+ .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-pivot-calculated-div .e-pivot-formula {
2812
2815
  height: 100px;
2813
2816
  }
2814
- .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-calculated-div .e-olap-calc-custom-format-div {
2817
+ .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-pivot-calculated-div .e-pivot-calc-custom-format-div {
2815
2818
  margin-top: 15px;
2816
2819
  }
2817
- .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-calculated-div .e-pivot-formula-title,
2818
- .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-calculated-div .e-pivot-field-name-title,
2819
- .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-calculated-div .e-olap-hierarchy-title,
2820
- .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-calculated-div .e-olap-format-title,
2821
- .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-calculated-div .e-olap-member-title {
2820
+ .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-pivot-calculated-div .e-pivot-formula-title,
2821
+ .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-pivot-calculated-div .e-pivot-field-name-title,
2822
+ .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-pivot-calculated-div .e-olap-hierarchy-title,
2823
+ .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-pivot-calculated-div .e-pivot-format-title,
2824
+ .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-pivot-calculated-div .e-olap-member-title {
2822
2825
  padding-left: 0;
2823
2826
  padding-right: 0;
2824
2827
  }
2825
- .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-calculated-div .e-pivot-field-name-title {
2828
+ .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-pivot-calculated-div .e-pivot-field-name-title {
2826
2829
  margin-top: 0;
2827
2830
  padding-top: 0;
2828
2831
  }
@@ -2833,7 +2836,7 @@
2833
2836
  float: left;
2834
2837
  margin: 0;
2835
2838
  }
2836
- .e-pivot-calc-dialog-div.e-olap-calc-dialog-div.e-rtl .e-pivot-calc-outer-div .e-olap-calculated-div {
2839
+ .e-pivot-calc-dialog-div.e-olap-calc-dialog-div.e-rtl .e-pivot-calc-outer-div .e-pivot-calculated-div {
2837
2840
  margin-left: 0;
2838
2841
  margin-right: 18px;
2839
2842
  }
@@ -2850,13 +2853,13 @@
2850
2853
  .e-bigger.e-pivot-calc-dialog-div .e-pivot-field-name-title,
2851
2854
  .e-bigger.e-pivot-calc-dialog-div .e-pivot-formula-title,
2852
2855
  .e-bigger.e-pivot-calc-dialog-div .e-olap-hierarchy-title,
2853
- .e-bigger.e-pivot-calc-dialog-div .e-olap-format-title,
2856
+ .e-bigger.e-pivot-calc-dialog-div .e-pivot-format-title,
2854
2857
  .e-bigger.e-pivot-calc-dialog-div .e-olap-member-title,
2855
2858
  .e-bigger .e-pivot-calc-dialog-div .e-pivot-all-field-title,
2856
2859
  .e-bigger .e-pivot-calc-dialog-div .e-pivot-field-name-title,
2857
2860
  .e-bigger .e-pivot-calc-dialog-div .e-pivot-formula-title,
2858
2861
  .e-bigger .e-pivot-calc-dialog-div .e-olap-hierarchy-title,
2859
- .e-bigger .e-pivot-calc-dialog-div .e-olap-format-title,
2862
+ .e-bigger .e-pivot-calc-dialog-div .e-pivot-format-title,
2860
2863
  .e-bigger .e-pivot-calc-dialog-div .e-olap-member-title {
2861
2864
  font-size: 14px;
2862
2865
  padding: 6px 0;
@@ -2910,12 +2913,12 @@
2910
2913
  .e-bigger .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-treeview ul .e-list-icon {
2911
2914
  font-size: 16px;
2912
2915
  }
2913
- .e-bigger.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-calculated-div,
2914
- .e-bigger .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-calculated-div {
2916
+ .e-bigger.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-pivot-calculated-div,
2917
+ .e-bigger .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-pivot-calculated-div {
2915
2918
  margin-left: 24px;
2916
2919
  }
2917
- .e-bigger.e-pivot-calc-dialog-div.e-olap-calc-dialog-div.e-rtl .e-pivot-calc-outer-div .e-olap-calculated-div,
2918
- .e-bigger .e-pivot-calc-dialog-div.e-olap-calc-dialog-div.e-rtl .e-pivot-calc-outer-div .e-olap-calculated-div {
2920
+ .e-bigger.e-pivot-calc-dialog-div.e-olap-calc-dialog-div.e-rtl .e-pivot-calc-outer-div .e-pivot-calculated-div,
2921
+ .e-bigger .e-pivot-calc-dialog-div.e-olap-calc-dialog-div.e-rtl .e-pivot-calc-outer-div .e-pivot-calculated-div {
2919
2922
  margin-left: 0;
2920
2923
  margin-right: 24px;
2921
2924
  }
@@ -4795,8 +4798,7 @@
4795
4798
  }
4796
4799
  .e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-pivot-calc-outer-div .e-pivot-calc-input-div,
4797
4800
  .e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-pivot-calc-outer-div .e-member-options,
4798
- .e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-pivot-calc-outer-div .e-pivot-calc-custom-format-div,
4799
- .e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-pivot-calc-outer-div .e-olap-calc-custom-format-div {
4801
+ .e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-pivot-calc-outer-div .e-pivot-calc-custom-format-div {
4800
4802
  margin-left: 20px;
4801
4803
  margin-right: 20px;
4802
4804
  margin-top: 20px;
package/styles/material.css CHANGED
@@ -1028,11 +1028,11 @@
1028
1028
  border-right-width: 1px;
1029
1029
  }
1030
1030
  .e-pivotview .e-stackedheadercelldiv {
1031
- display: block;
1031
+ display: inline;
1032
1032
  }
1033
1033
  .e-pivotview .e-stackedheadertext.e-cellvalue,
1034
1034
  .e-pivotview .e-stackedheadercelldiv.e-cellvalue {
1035
- display: inline-block;
1035
+ display: inline;
1036
1036
  padding-left: 12px !important;
1037
1037
  margin-top: 5px;
1038
1038
  }
@@ -1527,7 +1527,7 @@
1527
1527
  .e-pivotview .e-expand,
1528
1528
  .e-pivotview .e-collapse {
1529
1529
  cursor: pointer;
1530
- display: inline-block;
1530
+ display: inline;
1531
1531
  height: 18px;
1532
1532
  margin-top: 5px;
1533
1533
  text-align: center;
@@ -2511,7 +2511,7 @@
2511
2511
  }
2512
2512
 
2513
2513
  .e-pivot-calc-dialog-div {
2514
- max-height: 550px !important;
2514
+ max-height: 600px !important;
2515
2515
  min-width: 290px;
2516
2516
  }
2517
2517
  .e-pivot-calc-dialog-div .e-dlg-header-content,
@@ -2521,11 +2521,14 @@
2521
2521
  .e-pivot-calc-dialog-div .e-dlg-content {
2522
2522
  padding-bottom: 18px;
2523
2523
  }
2524
+ .e-pivot-calc-dialog-div .e-dlg-content .e-pivot-calc-custom-format-div {
2525
+ margin-top: 15px;
2526
+ }
2524
2527
  .e-pivot-calc-dialog-div .e-pivot-all-field-title,
2525
2528
  .e-pivot-calc-dialog-div .e-pivot-field-name-title,
2526
2529
  .e-pivot-calc-dialog-div .e-pivot-formula-title,
2527
2530
  .e-pivot-calc-dialog-div .e-olap-hierarchy-title,
2528
- .e-pivot-calc-dialog-div .e-olap-format-title,
2531
+ .e-pivot-calc-dialog-div .e-pivot-format-title,
2529
2532
  .e-pivot-calc-dialog-div .e-olap-member-title {
2530
2533
  color: rgba(0, 0, 0, 0.54);
2531
2534
  font-size: 13px;
@@ -2715,7 +2718,7 @@
2715
2718
  display: inline-block;
2716
2719
  height: 436px;
2717
2720
  overflow: auto;
2718
- width: 310px;
2721
+ width: 100% !important;
2719
2722
  }
2720
2723
  .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-treeview {
2721
2724
  display: inline-table;
@@ -2803,26 +2806,26 @@
2803
2806
  .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-pivot-all-field-title-container .e-info:hover {
2804
2807
  color: #e3165b;
2805
2808
  }
2806
- .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-calculated-div {
2809
+ .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-pivot-calculated-div {
2807
2810
  -ms-flex: auto;
2808
2811
  flex: auto;
2809
2812
  margin-left: 18px;
2810
2813
  }
2811
- .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-calculated-div .e-pivot-formula {
2814
+ .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-pivot-calculated-div .e-pivot-formula {
2812
2815
  height: 100px;
2813
2816
  }
2814
- .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-calculated-div .e-olap-calc-custom-format-div {
2817
+ .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-pivot-calculated-div .e-pivot-calc-custom-format-div {
2815
2818
  margin-top: 15px;
2816
2819
  }
2817
- .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-calculated-div .e-pivot-formula-title,
2818
- .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-calculated-div .e-pivot-field-name-title,
2819
- .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-calculated-div .e-olap-hierarchy-title,
2820
- .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-calculated-div .e-olap-format-title,
2821
- .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-calculated-div .e-olap-member-title {
2820
+ .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-pivot-calculated-div .e-pivot-formula-title,
2821
+ .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-pivot-calculated-div .e-pivot-field-name-title,
2822
+ .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-pivot-calculated-div .e-olap-hierarchy-title,
2823
+ .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-pivot-calculated-div .e-pivot-format-title,
2824
+ .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-pivot-calculated-div .e-olap-member-title {
2822
2825
  padding-left: 0;
2823
2826
  padding-right: 0;
2824
2827
  }
2825
- .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-calculated-div .e-pivot-field-name-title {
2828
+ .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-pivot-calculated-div .e-pivot-field-name-title {
2826
2829
  margin-top: 0;
2827
2830
  padding-top: 0;
2828
2831
  }
@@ -2833,7 +2836,7 @@
2833
2836
  float: left;
2834
2837
  margin: 0;
2835
2838
  }
2836
- .e-pivot-calc-dialog-div.e-olap-calc-dialog-div.e-rtl .e-pivot-calc-outer-div .e-olap-calculated-div {
2839
+ .e-pivot-calc-dialog-div.e-olap-calc-dialog-div.e-rtl .e-pivot-calc-outer-div .e-pivot-calculated-div {
2837
2840
  margin-left: 0;
2838
2841
  margin-right: 18px;
2839
2842
  }
@@ -2850,13 +2853,13 @@
2850
2853
  .e-bigger.e-pivot-calc-dialog-div .e-pivot-field-name-title,
2851
2854
  .e-bigger.e-pivot-calc-dialog-div .e-pivot-formula-title,
2852
2855
  .e-bigger.e-pivot-calc-dialog-div .e-olap-hierarchy-title,
2853
- .e-bigger.e-pivot-calc-dialog-div .e-olap-format-title,
2856
+ .e-bigger.e-pivot-calc-dialog-div .e-pivot-format-title,
2854
2857
  .e-bigger.e-pivot-calc-dialog-div .e-olap-member-title,
2855
2858
  .e-bigger .e-pivot-calc-dialog-div .e-pivot-all-field-title,
2856
2859
  .e-bigger .e-pivot-calc-dialog-div .e-pivot-field-name-title,
2857
2860
  .e-bigger .e-pivot-calc-dialog-div .e-pivot-formula-title,
2858
2861
  .e-bigger .e-pivot-calc-dialog-div .e-olap-hierarchy-title,
2859
- .e-bigger .e-pivot-calc-dialog-div .e-olap-format-title,
2862
+ .e-bigger .e-pivot-calc-dialog-div .e-pivot-format-title,
2860
2863
  .e-bigger .e-pivot-calc-dialog-div .e-olap-member-title {
2861
2864
  font-size: 14px;
2862
2865
  padding: 6px 0;
@@ -2910,12 +2913,12 @@
2910
2913
  .e-bigger .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-treeview ul .e-list-icon {
2911
2914
  font-size: 16px;
2912
2915
  }
2913
- .e-bigger.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-calculated-div,
2914
- .e-bigger .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-calculated-div {
2916
+ .e-bigger.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-pivot-calculated-div,
2917
+ .e-bigger .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-pivot-calculated-div {
2915
2918
  margin-left: 24px;
2916
2919
  }
2917
- .e-bigger.e-pivot-calc-dialog-div.e-olap-calc-dialog-div.e-rtl .e-pivot-calc-outer-div .e-olap-calculated-div,
2918
- .e-bigger .e-pivot-calc-dialog-div.e-olap-calc-dialog-div.e-rtl .e-pivot-calc-outer-div .e-olap-calculated-div {
2920
+ .e-bigger.e-pivot-calc-dialog-div.e-olap-calc-dialog-div.e-rtl .e-pivot-calc-outer-div .e-pivot-calculated-div,
2921
+ .e-bigger .e-pivot-calc-dialog-div.e-olap-calc-dialog-div.e-rtl .e-pivot-calc-outer-div .e-pivot-calculated-div {
2919
2922
  margin-left: 0;
2920
2923
  margin-right: 24px;
2921
2924
  }
@@ -4795,8 +4798,7 @@
4795
4798
  }
4796
4799
  .e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-pivot-calc-outer-div .e-pivot-calc-input-div,
4797
4800
  .e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-pivot-calc-outer-div .e-member-options,
4798
- .e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-pivot-calc-outer-div .e-pivot-calc-custom-format-div,
4799
- .e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-pivot-calc-outer-div .e-olap-calc-custom-format-div {
4801
+ .e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-pivot-calc-outer-div .e-pivot-calc-custom-format-div {
4800
4802
  margin-left: 20px;
4801
4803
  margin-right: 20px;
4802
4804
  margin-top: 20px;
package/styles/pivotfieldlist/_fluent-definition.scss CHANGED
@@ -182,7 +182,7 @@ $format-label-bigger-font-size: 14px !default;
182
182
  $format-preview-height: 28px !default;
183
183
  $format-preview-width: 80px !default;
184
184
  $olap-tree-wrapper-height: 470px;
185
- $olap-tree-outer-div-height: 430px;
185
+ $olap-tree-outer-div-height: 435px;
186
186
  $olap-bigger-tree-wrapper-height: 540px;
187
187
  $olap-bigger-tree-outer-div-height: 500px;
188
188
  $field-list-text-transform: none !default;
package/styles/pivotfieldlist/_layout.scss CHANGED
@@ -351,7 +351,7 @@
351
351
 
352
352
  .e-pivot-calc-dialog-div {
353
353
  // sass-lint:disable-all
354
- max-height: 550px !important;
354
+ max-height: 600px !important;
355
355
  // sass-lint:enable-all
356
356
  min-width: 290px;
357
357
 
@@ -367,13 +367,17 @@
367
367
  padding-top: 1px !important;
368
368
  // sass-lint:enable-all
369
369
  }
370
+
371
+ .e-pivot-calc-custom-format-div {
372
+ margin-top: 15px;
373
+ }
370
374
  }
371
375
 
372
376
  .e-pivot-all-field-title,
373
377
  .e-pivot-field-name-title,
374
378
  .e-pivot-formula-title,
375
379
  .e-olap-hierarchy-title,
376
- .e-olap-format-title,
380
+ .e-pivot-format-title,
377
381
  .e-olap-member-title {
378
382
  color: $field-list-default-header-font-color;
379
383
  font-size: $field-list-header-font-size;
@@ -667,7 +671,7 @@
667
671
  display: inline-block;
668
672
  height: $olap-tree-outer-div-height;
669
673
  overflow: auto;
670
- width: 310px;
674
+ width: 100% !important;
671
675
  }
672
676
 
673
677
  .e-treeview {
@@ -787,7 +791,7 @@
787
791
  }
788
792
  }
789
793
 
790
- .e-olap-calculated-div {
794
+ .e-pivot-calculated-div {
791
795
  flex: auto;
792
796
  margin-left: 18px;
793
797
 
@@ -795,14 +799,14 @@
795
799
  height: 100px;
796
800
  }
797
801
 
798
- .e-olap-calc-custom-format-div {
802
+ .e-pivot-calc-custom-format-div {
799
803
  margin-top: 15px;
800
804
  }
801
805
 
802
806
  .e-pivot-formula-title,
803
807
  .e-pivot-field-name-title,
804
808
  .e-olap-hierarchy-title,
805
- .e-olap-format-title,
809
+ .e-pivot-format-title,
806
810
  .e-olap-member-title {
807
811
  padding-left: 0;
808
812
  padding-right: 0;
@@ -826,7 +830,7 @@
826
830
 
827
831
  &.e-rtl {
828
832
  .e-pivot-calc-outer-div {
829
- .e-olap-calculated-div {
833
+ .e-pivot-calculated-div {
830
834
  margin-left: 0;
831
835
  margin-right: 18px;
832
836
  }
@@ -859,7 +863,7 @@
859
863
  .e-pivot-field-name-title,
860
864
  .e-pivot-formula-title,
861
865
  .e-olap-hierarchy-title,
862
- .e-olap-format-title,
866
+ .e-pivot-format-title,
863
867
  .e-olap-member-title {
864
868
  font-size: $field-list-bigger-header-font-size;
865
869
  padding: $pivot-calculated-bigger-header-padding 0;
@@ -945,14 +949,14 @@
945
949
  }
946
950
  }
947
951
 
948
- .e-olap-calculated-div {
952
+ .e-pivot-calculated-div {
949
953
  margin-left: 24px;
950
954
  }
951
955
  }
952
956
 
953
957
  &.e-rtl {
954
958
  .e-pivot-calc-outer-div {
955
- .e-olap-calculated-div {
959
+ .e-pivot-calculated-div {
956
960
  margin-left: 0;
957
961
  margin-right: 24px;
958
962
  }
package/styles/pivotfieldlist/_tailwind-definition.scss CHANGED
@@ -181,7 +181,7 @@ $format-label-bigger-font-size: 14px !default;
181
181
  $format-preview-height: 28px !default;
182
182
  $format-preview-width: 80px !default;
183
183
  $olap-tree-wrapper-height: 430px;
184
- $olap-tree-outer-div-height: 395px;
184
+ $olap-tree-outer-div-height: 398px;
185
185
  $olap-bigger-tree-wrapper-height: 570px;
186
186
  $olap-bigger-tree-outer-div-height: 530px;
187
187
  $field-list-text-transform: uppercase !default;
package/styles/pivotfieldlist/_theme.scss CHANGED
@@ -1239,8 +1239,7 @@
1239
1239
  // sass-lint:disable-all
1240
1240
  .e-pivot-calc-input-div,
1241
1241
  .e-member-options,
1242
- .e-pivot-calc-custom-format-div,
1243
- .e-olap-calc-custom-format-div {
1242
+ .e-pivot-calc-custom-format-div {
1244
1243
  margin-left: 20px;
1245
1244
  margin-right: 20px;
1246
1245
  margin-top: 20px;