@syncfusion/ej2-pivotview 19.3.57 → 19.4.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 (136) hide show
  1. package/.github/PULL_REQUEST_TEMPLATE/Bug.md +76 -0
  2. package/.github/PULL_REQUEST_TEMPLATE/Feature.md +56 -0
  3. package/CHANGELOG.md +26 -38
  4. package/dist/ej2-pivotview.umd.min.js +2 -2
  5. package/dist/ej2-pivotview.umd.min.js.map +1 -1
  6. package/dist/es6/ej2-pivotview.es2015.js +2026 -1092
  7. package/dist/es6/ej2-pivotview.es2015.js.map +1 -1
  8. package/dist/es6/ej2-pivotview.es5.js +2042 -1102
  9. package/dist/es6/ej2-pivotview.es5.js.map +1 -1
  10. package/dist/global/ej2-pivotview.min.js +2 -2
  11. package/dist/global/ej2-pivotview.min.js.map +1 -1
  12. package/dist/global/index.d.ts +1 -1
  13. package/package.json +22 -22
  14. package/src/base/engine.d.ts +17 -1
  15. package/src/base/engine.js +70 -27
  16. package/src/base/export-util.d.ts +17 -0
  17. package/src/base/export-util.js +245 -0
  18. package/src/base/olap/engine.d.ts +7 -0
  19. package/src/base/olap/engine.js +138 -35
  20. package/src/base/util.d.ts +0 -9
  21. package/src/base/util.js +2 -215
  22. package/src/common/actions/field-list.js +1 -1
  23. package/src/common/actions/pivot-button.d.ts +5 -8
  24. package/src/common/actions/pivot-button.js +187 -171
  25. package/src/common/base/constant.d.ts +186 -0
  26. package/src/common/base/constant.js +186 -0
  27. package/src/common/base/css-constant.d.ts +2 -0
  28. package/src/common/base/css-constant.js +2 -0
  29. package/src/common/base/enum.d.ts +11 -0
  30. package/src/common/base/interface.d.ts +272 -2
  31. package/src/common/calculatedfield/calculated-field.js +108 -93
  32. package/src/common/conditionalformatting/conditional-formatting.js +8 -2
  33. package/src/common/grouping-bar/grouping-bar.js +1 -1
  34. package/src/common/popups/aggregate-menu.js +57 -35
  35. package/src/common/popups/drillthrough-dialog.js +187 -139
  36. package/src/common/popups/filter-dialog.d.ts +1 -0
  37. package/src/common/popups/filter-dialog.js +22 -1
  38. package/src/common/popups/formatting-dialog.js +4 -0
  39. package/src/common/popups/grouping.js +2 -1
  40. package/src/common/popups/toolbar.js +305 -203
  41. package/src/pivotchart/base/pivotchart.js +36 -15
  42. package/src/pivotfieldlist/base/field-list-model.d.ts +49 -1
  43. package/src/pivotfieldlist/base/field-list.d.ts +55 -1
  44. package/src/pivotfieldlist/base/field-list.js +68 -1
  45. package/src/pivotfieldlist/renderer/dialog-renderer.js +38 -15
  46. package/src/pivotfieldlist/renderer/tree-renderer.js +35 -22
  47. package/src/pivotview/actions/drill-through.js +1 -1
  48. package/src/pivotview/actions/excel-export.js +9 -7
  49. package/src/pivotview/actions/pdf-export.js +3 -3
  50. package/src/pivotview/base/pivotview-model.d.ts +46 -1
  51. package/src/pivotview/base/pivotview.d.ts +56 -2
  52. package/src/pivotview/base/pivotview.js +288 -107
  53. package/src/pivotview/model/chartsettings-model.d.ts +1 -1
  54. package/src/pivotview/model/chartsettings.d.ts +1 -1
  55. package/src/pivotview/model/chartsettings.js +1 -1
  56. package/src/pivotview/model/datasourcesettings-model.d.ts +8 -1
  57. package/src/pivotview/model/datasourcesettings.d.ts +7 -0
  58. package/src/pivotview/model/datasourcesettings.js +3 -0
  59. package/src/pivotview/renderer/render.d.ts +2 -1
  60. package/src/pivotview/renderer/render.js +39 -6
  61. package/styles/bootstrap-dark.css +115 -104
  62. package/styles/bootstrap.css +115 -104
  63. package/styles/bootstrap4.css +114 -81
  64. package/styles/bootstrap5-dark.css +220 -168
  65. package/styles/bootstrap5.css +215 -161
  66. package/styles/fabric-dark.css +117 -103
  67. package/styles/fabric.css +115 -102
  68. package/styles/highcontrast-light.css +116 -102
  69. package/styles/highcontrast.css +118 -104
  70. package/styles/material-dark.css +108 -97
  71. package/styles/material.css +108 -97
  72. package/styles/pivotfieldlist/_bootstrap-dark-definition.scss +1 -4
  73. package/styles/pivotfieldlist/_bootstrap-definition.scss +1 -4
  74. package/styles/pivotfieldlist/_bootstrap4-definition.scss +1 -4
  75. package/styles/pivotfieldlist/_bootstrap5-definition.scss +8 -11
  76. package/styles/pivotfieldlist/_fabric-dark-definition.scss +1 -4
  77. package/styles/pivotfieldlist/_fabric-definition.scss +1 -4
  78. package/styles/pivotfieldlist/_fluent-definition.scss +177 -0
  79. package/styles/pivotfieldlist/_highcontrast-definition.scss +1 -4
  80. package/styles/pivotfieldlist/_highcontrast-light-definition.scss +1 -4
  81. package/styles/pivotfieldlist/_layout.scss +199 -109
  82. package/styles/pivotfieldlist/_material-dark-definition.scss +1 -4
  83. package/styles/pivotfieldlist/_material-definition.scss +1 -4
  84. package/styles/pivotfieldlist/_tailwind-definition.scss +6 -9
  85. package/styles/pivotfieldlist/_theme.scss +185 -35
  86. package/styles/pivotfieldlist/bootstrap-dark.css +49 -58
  87. package/styles/pivotfieldlist/bootstrap.css +49 -58
  88. package/styles/pivotfieldlist/bootstrap4.css +44 -39
  89. package/styles/pivotfieldlist/bootstrap5-dark.css +115 -89
  90. package/styles/pivotfieldlist/bootstrap5.css +115 -89
  91. package/styles/pivotfieldlist/fabric-dark.css +49 -58
  92. package/styles/pivotfieldlist/fabric.css +49 -58
  93. package/styles/pivotfieldlist/highcontrast-light.css +49 -58
  94. package/styles/pivotfieldlist/highcontrast.css +49 -58
  95. package/styles/pivotfieldlist/icons/_bootstrap5.scss +2 -2
  96. package/styles/pivotfieldlist/icons/_fluent.scss +352 -0
  97. package/styles/pivotfieldlist/icons/_tailwind.scss +2 -2
  98. package/styles/pivotfieldlist/material-dark.css +44 -53
  99. package/styles/pivotfieldlist/material.css +44 -53
  100. package/styles/pivotfieldlist/tailwind-dark.css +138 -81
  101. package/styles/pivotfieldlist/tailwind.css +140 -83
  102. package/styles/pivotview/_bootstrap-dark-definition.scss +9 -6
  103. package/styles/pivotview/_bootstrap-definition.scss +9 -6
  104. package/styles/pivotview/_bootstrap4-definition.scss +10 -7
  105. package/styles/pivotview/_bootstrap5-definition.scss +12 -9
  106. package/styles/pivotview/_fabric-dark-definition.scss +8 -5
  107. package/styles/pivotview/_fabric-definition.scss +7 -4
  108. package/styles/pivotview/_fluent-definition.scss +126 -0
  109. package/styles/pivotview/_highcontrast-definition.scss +8 -5
  110. package/styles/pivotview/_highcontrast-light-definition.scss +7 -4
  111. package/styles/pivotview/_layout.scss +119 -64
  112. package/styles/pivotview/_material-dark-definition.scss +7 -4
  113. package/styles/pivotview/_material-definition.scss +8 -4
  114. package/styles/pivotview/_tailwind-definition.scss +8 -5
  115. package/styles/pivotview/_theme.scss +124 -70
  116. package/styles/pivotview/bootstrap-dark.css +66 -46
  117. package/styles/pivotview/bootstrap.css +66 -46
  118. package/styles/pivotview/bootstrap4.css +70 -42
  119. package/styles/pivotview/bootstrap5-dark.css +99 -73
  120. package/styles/pivotview/bootstrap5-dark.scss +0 -1
  121. package/styles/pivotview/bootstrap5.css +100 -72
  122. package/styles/pivotview/fabric-dark.css +68 -45
  123. package/styles/pivotview/fabric.css +66 -44
  124. package/styles/pivotview/highcontrast-light.css +67 -44
  125. package/styles/pivotview/highcontrast.css +69 -46
  126. package/styles/pivotview/icons/_bootstrap4.scss +1 -1
  127. package/styles/pivotview/icons/_bootstrap5.scss +1 -1
  128. package/styles/pivotview/icons/_fluent.scss +183 -0
  129. package/styles/pivotview/icons/_tailwind.scss +1 -1
  130. package/styles/pivotview/material-dark.css +64 -44
  131. package/styles/pivotview/material.css +64 -44
  132. package/styles/pivotview/tailwind-dark.css +106 -58
  133. package/styles/pivotview/tailwind-dark.scss +0 -1
  134. package/styles/pivotview/tailwind.css +107 -57
  135. package/styles/tailwind-dark.css +250 -145
  136. package/styles/tailwind.css +247 -140
@@ -497,6 +497,18 @@
497
497
  width: 14px;
498
498
  }
499
499
 
500
+ .e-pivot-formatting-dialog .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-btn,
501
+ .e-pivot-formatting-dialog .e-colorpicker-container .e-split-btn-wrapper .e-split-btn {
502
+ pointer-events: none;
503
+ }
504
+
505
+ .e-pivot-formatting-dialog .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-btn .e-selected-color,
506
+ .e-pivot-formatting-dialog .e-colorpicker-container .e-split-btn-wrapper .e-split-btn .e-selected-color {
507
+ background: none;
508
+ margin: 0 2px;
509
+ width: 14px;
510
+ }
511
+
500
512
  .e-pivot-formatting-dialog .e-split-preview,
501
513
  .e-pivot-formatting-dialog .e-tip-transparent {
502
514
  border: 1px solid #e0e0e0;
@@ -653,6 +665,7 @@
653
665
  .e-pivot-calc-dialog-div .e-olap-member-title {
654
666
  color: rgba(0, 0, 0, 0.54);
655
667
  font-size: 13px;
668
+ margin-bottom: 4px;
656
669
  margin-top: 15px;
657
670
  overflow: hidden;
658
671
  padding: 4px 0;
@@ -681,6 +694,10 @@
681
694
  font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont";
682
695
  }
683
696
 
697
+ .e-pivot-calc-dialog-div .e-treeview ul li:not(.e-active) .e-list-icon {
698
+ color: rgba(0, 0, 0, 0.54);
699
+ }
700
+
684
701
  .e-pivot-calc-dialog-div .e-treeview ul li .e-list-icon {
685
702
  color: rgba(0, 0, 0, 0.54);
686
703
  margin: 0;
@@ -717,6 +734,10 @@
717
734
  width: 24px;
718
735
  }
719
736
 
737
+ .e-pivot-calc-dialog-div .e-treeview .e-list-item:not(.e-active) span.e-icons {
738
+ color: #bdbdbd;
739
+ }
740
+
720
741
  .e-pivot-calc-dialog-div .e-treeview .e-list-item span.e-icons {
721
742
  color: #bdbdbd;
722
743
  cursor: move;
@@ -724,7 +745,6 @@
724
745
  font-size: 14px;
725
746
  height: 24px;
726
747
  margin-right: 4px;
727
- margin-top: 4px;
728
748
  padding: 5px;
729
749
  pointer-events: auto;
730
750
  width: 24px;
@@ -807,7 +827,6 @@
807
827
  color: #000;
808
828
  font-size: 13px;
809
829
  height: 70px;
810
- margin-top: 5px;
811
830
  padding: 5px 10px;
812
831
  resize: none;
813
832
  width: 100%;
@@ -831,7 +850,6 @@
831
850
  border: 1px solid #e0e0e0;
832
851
  border-radius: 4px;
833
852
  height: 120px;
834
- margin-top: 5px;
835
853
  overflow: auto;
836
854
  }
837
855
 
@@ -1123,8 +1141,8 @@
1123
1141
 
1124
1142
  .e-pivotfieldlist-wrapper .e-adaptive-field-list-dialog,
1125
1143
  .e-pivotfieldlist-wrapper .e-member-editor-dialog {
1126
- max-width: 400px;
1127
- min-width: 320px;
1144
+ max-width: 400px !important;
1145
+ min-width: 320px !important;
1128
1146
  }
1129
1147
 
1130
1148
  .e-pivotfieldlist-wrapper .e-adaptive-field-list-dialog .e-member-prompt,
@@ -1244,13 +1262,6 @@
1244
1262
  font-size: 16px;
1245
1263
  }
1246
1264
 
1247
- .e-pivotfieldlist-wrapper .e-member-editor-dialog .e-filter-sort .e-member-sort:focus.e-active {
1248
- background-color: rgba(184, 184, 184, 0.9584);
1249
- border-color: transparent;
1250
- color: rgba(0, 0, 0, 0.87);
1251
- outline: none;
1252
- }
1253
-
1254
1265
  .e-pivotfieldlist-wrapper .e-member-editor-dialog .e-select-all-wrapper ul {
1255
1266
  margin-left: -35px;
1256
1267
  overflow: hidden;
@@ -1394,8 +1405,8 @@
1394
1405
  }
1395
1406
 
1396
1407
  .e-pivotfieldlist-wrapper .e-value-field-settings {
1397
- max-width: 400px;
1398
- min-width: 300px;
1408
+ max-width: 400px !important;
1409
+ min-width: 300px !important;
1399
1410
  }
1400
1411
 
1401
1412
  .e-pivotfieldlist-wrapper .e-value-field-settings .e-dlg-content {
@@ -1463,7 +1474,7 @@
1463
1474
  .e-pivotfieldlist-wrapper .e-member-editor-dialog,
1464
1475
  .e-pivotfieldlist-wrapper .e-value-field-settings {
1465
1476
  border-radius: 4px;
1466
- width: auto;
1477
+ width: auto !important;
1467
1478
  }
1468
1479
 
1469
1480
  .e-pivotfieldlist-wrapper .e-adaptive-field-list-dialog .e-dlg-header-content,
@@ -1532,8 +1543,8 @@
1532
1543
 
1533
1544
  .e-pivotfieldlist-container .e-adaptive-field-list-dialog,
1534
1545
  .e-pivotfieldlist-container .e-member-editor-dialog {
1535
- min-width: 320px;
1536
- max-width: 400px;
1546
+ max-width: 400px !important;
1547
+ min-width: 320px !important;
1537
1548
  }
1538
1549
 
1539
1550
  .e-pivotfieldlist-container .e-adaptive-field-list-dialog .e-member-prompt,
@@ -1659,13 +1670,6 @@
1659
1670
  font-size: 16px;
1660
1671
  }
1661
1672
 
1662
- .e-pivotfieldlist-container .e-member-editor-dialog .e-filter-sort .e-member-sort:focus.e-active {
1663
- background-color: rgba(184, 184, 184, 0.9584);
1664
- border-color: transparent;
1665
- color: rgba(0, 0, 0, 0.87);
1666
- outline: none;
1667
- }
1668
-
1669
1673
  .e-pivotfieldlist-container .e-member-editor-dialog .e-select-all-container ul {
1670
1674
  margin-left: -35px;
1671
1675
  overflow: hidden;
@@ -1680,7 +1684,7 @@
1680
1684
  }
1681
1685
 
1682
1686
  .e-pivotfieldlist-container .e-member-editor-dialog .e-filter-tab-container {
1683
- border: none;
1687
+ border: 0;
1684
1688
  }
1685
1689
 
1686
1690
  .e-pivotfieldlist-container .e-member-editor-dialog .e-filter-tab-container .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text {
@@ -1809,8 +1813,8 @@
1809
1813
  }
1810
1814
 
1811
1815
  .e-pivotfieldlist-container .e-value-field-settings {
1812
- max-width: 400px;
1813
- min-width: 300px;
1816
+ max-width: 400px !important;
1817
+ min-width: 300px !important;
1814
1818
  }
1815
1819
 
1816
1820
  .e-pivotfieldlist-container .e-value-field-settings .e-dlg-content {
@@ -1878,7 +1882,7 @@
1878
1882
  .e-pivotfieldlist-container .e-member-editor-dialog,
1879
1883
  .e-pivotfieldlist-container .e-value-field-settings {
1880
1884
  border-radius: 4px;
1881
- width: auto;
1885
+ width: auto !important;
1882
1886
  }
1883
1887
 
1884
1888
  .e-pivotfieldlist-container .e-adaptive-field-list-dialog .e-dlg-header-content,
@@ -1952,12 +1956,14 @@
1952
1956
  border-radius: 20px;
1953
1957
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);
1954
1958
  height: 28px;
1959
+ line-height: 1em;
1955
1960
  min-width: 100px;
1956
1961
  padding: 5px 10px;
1957
1962
  }
1958
1963
 
1959
1964
  .e-field-list-tree.e-drag-item.e-treeview .e-text-content,
1960
1965
  .e-pivot-calc.e-drag-item.e-treeview .e-text-content {
1966
+ height: 100%;
1961
1967
  padding: 0;
1962
1968
  text-align: center;
1963
1969
  width: 100%;
@@ -2071,23 +2077,8 @@
2071
2077
  }
2072
2078
 
2073
2079
  .e-pivot-error-dialog {
2074
- max-width: 400px;
2075
- width: auto;
2076
- }
2077
-
2078
- .e-pivot-error-dialog .e-dlg-header-content,
2079
- .e-pivot-error-dialog .e-footer-content {
2080
- border: 0;
2081
- }
2082
-
2083
- .e-pivot-error-dialog .e-dlg-header {
2084
- font-weight: normal;
2085
- opacity: 0.87;
2086
- }
2087
-
2088
- .e-pivot-error-dialog .e-dlg-content {
2089
- font-weight: normal;
2090
- opacity: 0.54;
2080
+ max-width: 400px !important;
2081
+ width: auto !important;
2091
2082
  }
2092
2083
 
2093
2084
  .e-bigger .e-pivotfieldlist-wrapper .e-adaptive-field-list-dialog .e-dlg-content .e-member-editor-wrapper .e-member-editor-container-outer-div,
@@ -2171,7 +2162,7 @@
2171
2162
 
2172
2163
  .e-bigger .e-pivotfieldlist-wrapper .e-member-editor-dialog .e-excelfilter .e-member-editor-container-outer-div,
2173
2164
  .e-bigger.e-pivotfieldlist-wrapper .e-member-editor-dialog .e-excelfilter .e-member-editor-container-outer-div {
2174
- height: 100px !important;
2165
+ height: 100px;
2175
2166
  }
2176
2167
 
2177
2168
  .e-bigger .e-pivotfieldlist-wrapper .e-member-editor-dialog .e-label-filter,
@@ -2540,8 +2531,8 @@
2540
2531
  .e-pivotfieldlist-wrapper {
2541
2532
  font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont";
2542
2533
  font-size: 12px;
2543
- max-width: 700px;
2544
- min-width: 300px;
2534
+ max-width: 700px !important;
2535
+ min-width: 300px !important;
2545
2536
  }
2546
2537
 
2547
2538
  .e-pivotfieldlist-wrapper .e-layout-footer {
@@ -2630,9 +2621,9 @@
2630
2621
  }
2631
2622
 
2632
2623
  .e-pivotfieldlist-wrapper .e-title-header .e-title-content {
2633
- font-size: 18px;
2634
2624
  -ms-flex: auto;
2635
2625
  flex: auto;
2626
+ font-size: 18px;
2636
2627
  }
2637
2628
 
2638
2629
  .e-pivotfieldlist-wrapper .e-field-list-container {
@@ -2666,13 +2657,13 @@
2666
2657
  font-size: 13px;
2667
2658
  font-weight: normal;
2668
2659
  height: 28px;
2660
+ line-height: 1.5em;
2669
2661
  overflow: hidden;
2670
2662
  padding: 7px 0 0 15px;
2671
2663
  text-align: left;
2672
2664
  text-overflow: ellipsis;
2673
- word-break: break-all;
2674
- line-height: 1.5em;
2675
2665
  text-transform: none;
2666
+ word-break: break-all;
2676
2667
  }
2677
2668
 
2678
2669
  .e-pivotfieldlist-wrapper .e-field-list-container .e-field-table .e-field-header-wrapper {
@@ -2899,8 +2890,8 @@
2899
2890
  overflow: hidden;
2900
2891
  padding: 0 8px;
2901
2892
  text-overflow: ellipsis;
2902
- width: 100%;
2903
2893
  text-transform: none;
2894
+ width: 100%;
2904
2895
  }
2905
2896
 
2906
2897
  .e-pivotfieldlist-wrapper .e-field-list-container .e-axis-table .e-left-axis-fields .e-field-list-filters .e-axis-content,
@@ -4364,8 +4355,8 @@
4364
4355
  overflow: hidden;
4365
4356
  padding: 0 8px;
4366
4357
  text-overflow: ellipsis;
4367
- width: 100%;
4368
4358
  text-transform: none;
4359
+ width: 100%;
4369
4360
  }
4370
4361
 
4371
4362
  .e-pivotfieldlist-container .e-field-list-container .e-axis-table .e-left-axis-fields .e-field-list-filters .e-axis-content,