@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
package/styles/pivotview/_bootstrap-definition.scss CHANGED
@@ -37,15 +37,13 @@ $pivotgrid-button-background-color: $grey-e6 !default;
37
37
  $pivotgrid-button-hover-color: $grey-cc !default;
38
38
  $pivotgrid-editor-dialog-footer-padding: 5px !default;
39
39
  $pivotgrid-button-drag-color: $grey-light !default;
40
- $pivotgrid-expand-icon: '\e207' !default;
41
- $pivotgrid-rtl-expand-icon: '\e990' !default;
42
- $pivotgrid-collapse-icon: '\e95d' !default;
43
40
  $pivotgrid-expand-icon-fontsize: 10px !default;
44
- $pivotgrid-drill-margintop: 7px !default;
41
+ $pivotgrid-drill-margintop: 6px !default;
42
+ $pivotgrid-bigger-drill-margintop: $pivotgrid-drill-margintop !default;
45
43
  $pivotgrid-rtl-expand-icon-font-size: 10px !default;
46
44
  $pivotgrid-collapse-icon-fonsize: 10px !default;
47
45
  $pivotgrid-expcoldiv-fontsize: 11px !default;
48
- $pivotgrid-vsort-mouse-margin: -23px 0px !default;
46
+ $pivotgrid-vsort-mouse-margin: -23px 0 !default;
49
47
  $pivotgrid-vsort-mouse-wrap-margin: -30px -15px !default;
50
48
  $pivotgrid-vsort-touch-margin: -30px -18px !default;
51
49
  $pivotgrid-vsort-touch-wrap-margin: -30px -18px !default;
@@ -69,7 +67,6 @@ $pivotgrid-excel-member-filter-height: 154px !default;
69
67
  $pivotgrid-excel-filter-height: 234px !default;
70
68
  $pivotgrid-excel-member-filter-bigger-height: 113px !default;
71
69
  $pivotgrid-excel-filter-bigger-height: 213px !default;
72
- $pivotgrid-clear-filter-icon: '\ea81' !default;
73
70
  $pivotgrid-editor-label-padding-size: 16px 10px 16px 20px !default;
74
71
  $pivotgrid-editor-label-font: 500 13px Helvetica !default;
75
72
  $pivotgrid-editor-label-opacity: 1 !default;
@@ -99,6 +96,10 @@ $pivotview-filter-toolbar-items-margin-left: 0 !default;
99
96
  $pivotview-filter-toolbar-items-margin-right: 0 !default;
100
97
  $pivotgrid-header-text-margin-top: 4px !default;
101
98
  $pivotgrid-border: $pivotgrid-cell-border-color !default;
99
+ $pivotgrid-bg-color: #5a6268;
100
+ $pivotgrid-border-color: #545b62;
101
+ $pivotgrid-active-border-color: #4e555b;
102
+ $pivotgrid-box-shadow-color: rgba(108, 117, 125, .5);
102
103
 
103
104
 
104
105
  /*! component's common definitions and variables */
@@ -119,3 +120,5 @@ $pivotgrid-collapse-bigger-icon-fontsize: 10px !default;
119
120
  $pivotgrid-grouping-padding-bottom: 10px !default;
120
121
  $pivotgrid-grouping-padding-top: 0 !default;
121
122
  $pivotgrid-grouping-bigger-padding-top: 0 !default;
123
+ $pivotgrid-button-icon-wrapper-size: 18px !default;
124
+ $pivotgrid-bigger-button-icon-wrapper-size: 20px !default;
package/styles/pivotview/_bootstrap4-definition.scss CHANGED
@@ -37,11 +37,9 @@ $pivotgrid-button-background-color: $gray-600 !default;
37
37
  $pivotgrid-button-hover-color: #ccc !default;
38
38
  $pivotgrid-editor-dialog-footer-padding: 5px !default;
39
39
  $pivotgrid-button-drag-color: #777 !default;
40
- $pivotgrid-expand-icon: '\e207' !default;
41
- $pivotgrid-rtl-expand-icon: '\e990' !default;
42
- $pivotgrid-collapse-icon: '\e95d' !default;
43
40
  $pivotgrid-expand-icon-fontsize: 10px !default;
44
- $pivotgrid-drill-margintop: 5px !default;
41
+ $pivotgrid-drill-margintop: 4px !default;
42
+ $pivotgrid-bigger-drill-margintop: $pivotgrid-drill-margintop !default;
45
43
  $pivotgrid-rtl-expand-icon-font-size: 12px !default;
46
44
  $pivotgrid-collapse-icon-fonsize: 10px !default;
47
45
  $pivotgrid-expcoldiv-fontsize: 13px !default;
@@ -69,7 +67,6 @@ $pivotgrid-excel-member-filter-height: 170px !default;
69
67
  $pivotgrid-excel-filter-height: 234px !default;
70
68
  $pivotgrid-excel-member-filter-bigger-height: 130px !default;
71
69
  $pivotgrid-excel-filter-bigger-height: 213px !default;
72
- $pivotgrid-clear-filter-icon: '\ea81' !default;
73
70
  $pivotgrid-editor-label-padding-size: 17px 10px 16px 20px !default;
74
71
  $pivotgrid-editor-label-font: 500 13px Helvetica !default;
75
72
  $pivotgrid-editor-label-opacity: 1 !default;
@@ -95,10 +92,14 @@ $pivotgrid-gtot-font-color: $gray-900 !default;
95
92
  $pivotgrid-report-label-margin-top: 4px !default;
96
93
  $pivotgrid-bigger-report-label-margin-top: 2px !default;
97
94
  $pivotview-value-sort-rtl-padding: .8em !default;
98
- $pivotview-filter-toolbar-items-margin-left: 0px !default;
99
- $pivotview-filter-toolbar-items-margin-right: 0px !default;
95
+ $pivotview-filter-toolbar-items-margin-left: 0 !default;
96
+ $pivotview-filter-toolbar-items-margin-right: 0 !default;
100
97
  $pivotgrid-header-text-margin-top: 4px !default;
101
98
  $pivotgrid-border: $pivotgrid-cell-border-color !default;
99
+ $pivotgrid-bg-color: #5a6268;
100
+ $pivotgrid-border-color: #545b62;
101
+ $pivotgrid-active-border-color: #4e555b;
102
+ $pivotgrid-box-shadow-color: rgba(108, 117, 125, .5);
102
103
 
103
104
 
104
105
  /*! component's common definitions and variables */
@@ -119,3 +120,5 @@ $pivotgrid-collapse-bigger-icon-fontsize: 10px !default;
119
120
  $pivotgrid-grouping-padding-bottom: 10px !default;
120
121
  $pivotgrid-grouping-padding-top: 0 !default;
121
122
  $pivotgrid-grouping-bigger-padding-top: 0 !default;
123
+ $pivotgrid-button-icon-wrapper-size: 18px !default;
124
+ $pivotgrid-bigger-button-icon-wrapper-size: 20px !default;
package/styles/pivotview/_bootstrap5-definition.scss CHANGED
@@ -9,11 +9,11 @@ $field-list-font-family: $font-family !default;
9
9
  $pivotview-grid-content-opacity: .87 !default;
10
10
  $pivotview-grid-header-font-size: $text-sm !default;
11
11
  $pivotview-bigger-grid-header-font-size: $text-base !default;
12
- $pivotview-grid-header-font-weight: 500 !default;
12
+ $pivotview-grid-header-font-weight: $font-weight-bold !default;
13
13
  $pivotgrid-horizontal-button-padding: 8px !default;
14
14
  $pivotgrid-vertical-button-padding: 3px !default;
15
15
  $pivotgrid-grouping-height: 30px !default;
16
- $pivotgrid-summary-font-weight: $font-weight-medium !default;
16
+ $pivotgrid-summary-font-weight: $font-weight-bold !default;
17
17
  $pivotgrid-prompt-line-height: 24px !default;
18
18
  $field-list-toggle-size: 40px !default;
19
19
  $pivotgrid-drag-clone-font-size: 14px !default;
@@ -22,13 +22,11 @@ $pivotgrid-button-icon-size: 12px !default;
22
22
  $pivotgrid-bigger-button-icon-size: 14px !default;
23
23
  $pivotgrid-button-border-radius: 4px !default;
24
24
  $pivotgrid-editor-dialog-footer-padding: 8px !default;
25
- $pivotgrid-expand-icon: '\e859' !default;
26
25
  $pivotgrid-expand-icon-fontsize: 18px !default;
27
26
  $pivotgrid-expcoldiv-fontsize: 10px !default;
28
- $pivotgrid-drill-margintop: 4px !default;
29
- $pivotgrid-rtl-expand-icon: '\e854' !default;
27
+ $pivotgrid-drill-margintop: 3px !default;
28
+ $pivotgrid-bigger-drill-margintop: 4px !default;
30
29
  $pivotgrid-rtl-expand-icon-font-size: 10px !default;
31
- $pivotgrid-collapse-icon: '\e83d' !default;
32
30
  $pivotgrid-collapse-icon-fonsize: 18px !default;
33
31
  $pivotgrid-vsort-mouse-margin: -28px -5px !default;
34
32
  $pivotgrid-vsort-mouse-wrap-margin: -18px !default;
@@ -47,7 +45,6 @@ $pivotgrid-excel-member-filter-height: 171px !default;
47
45
  $pivotgrid-excel-filter-height: 248px !default;
48
46
  $pivotgrid-excel-member-filter-bigger-height: 127px !default;
49
47
  $pivotgrid-excel-filter-bigger-height: 220px !default;
50
- $pivotgrid-clear-filter-icon: '\ea82' !default;
51
48
  $pivotgrid-editor-label-padding-size: 12px 10px 16px 20px !default;
52
49
  $pivotgrid-editor-label-font: 500 13px Inter !default;
53
50
  $pivotgrid-editor-label-opacity: .87 !default;
@@ -69,6 +66,10 @@ $pivotview-filter-toolbar-items-margin-left: 20px !default;
69
66
  $pivotview-filter-toolbar-items-margin-right: 20px !default;
70
67
  $pivotgrid-header-text-margin-top: 3px !default;
71
68
  $pivotgrid-border: $border-light !default;
69
+ $pivotgrid-bg-color: #5a6268;
70
+ $pivotgrid-border-color: #545b62;
71
+ $pivotgrid-active-border-color: #4e555b;
72
+ $pivotgrid-box-shadow-color: rgba(108, 117, 125, .5);
72
73
 
73
74
  // normal
74
75
  $pivotgrid-active-color: $icon-color !default;
@@ -81,7 +82,7 @@ $pivotgrid-grp-bg-color: $content-bg-color-alt1 !default;
81
82
  $pivotgrid-cell-hover-color: rgba(0, 0, 0, 0) !default;
82
83
  $pivotgrid-drag-clone-color: $content-bg-color-alt3 !default;
83
84
  $pivotgrid-drop-hover-color: $primary !default;
84
- $pivotview-grid-header-font-color: $content-text-color-alt2 !default;
85
+ $pivotview-grid-header-font-color: $content-text-color-alt1 !default;
85
86
  $pivotgrid-button-border-color: $content-bg-color-alt3 !default;
86
87
  $pivotgrid-drag-clone-text-color: $pivotgrid-default-font-color !default;
87
88
  $pivotgrid-button-background-color: $secondary-bg-color !default;
@@ -104,7 +105,7 @@ $pivotgrid-sort-select-border-color: $transparent !default;
104
105
  $pivotgrid-sort-select-color: $icon-color !default;
105
106
  $pivotgrid-header-background-color: $content-bg-color-alt1 !default;
106
107
  $pivotgrid-gtot-background-color: $content-bg-color-alt1 !default;
107
- $pivotgrid-gtot-font-color: $content-text-color-alt2 !default;
108
+ $pivotgrid-gtot-font-color: $content-text-color-alt1 !default;
108
109
 
109
110
  /*! component's common definitions and variables */
110
111
  $pivotgrid-editor-search-padding-size: 12px !default;
@@ -121,3 +122,5 @@ $pivotgrid-collapse-bigger-icon-fontsize: 22px !default;
121
122
  $pivotgrid-grouping-padding-bottom: 12px !default;
122
123
  $pivotgrid-grouping-padding-top: 12px !default;
123
124
  $pivotgrid-grouping-bigger-padding-top: 16px !default;
125
+ $pivotgrid-button-icon-wrapper-size: 18px !default;
126
+ $pivotgrid-bigger-button-icon-wrapper-size: 20px !default;
package/styles/pivotview/_fabric-dark-definition.scss CHANGED
@@ -36,11 +36,9 @@ $pivotgrid-button-border-radius: 0 !default;
36
36
  $pivotgrid-button-background-color: $neutral-light !default;
37
37
  $pivotgrid-editor-dialog-footer-padding: 5px !default;
38
38
  $pivotgrid-button-drag-color: $theme-primary !default;
39
- $pivotgrid-expand-icon: '\e219' !default;
40
- $pivotgrid-rtl-expand-icon: '\e98f' !default;
41
- $pivotgrid-collapse-icon: '\e84f' !default;
42
39
  $pivotgrid-expand-icon-fontsize: 10px !default;
43
- $pivotgrid-drill-margintop: 8px !default;
40
+ $pivotgrid-drill-margintop: 7px !default;
41
+ $pivotgrid-bigger-drill-margintop: $pivotgrid-drill-margintop !default;
44
42
  $pivotgrid-rtl-expand-icon-font-size: 10px !default;
45
43
  $pivotgrid-collapse-icon-fonsize: 10px !default;
46
44
  $pivotgrid-expcoldiv-fontsize: 10px !default;
@@ -66,7 +64,6 @@ $pivotgrid-excel-member-filter-height: 141px !default;
66
64
  $pivotgrid-excel-filter-height: 215px !default;
67
65
  $pivotgrid-excel-member-filter-bigger-height: 102px !default;
68
66
  $pivotgrid-excel-filter-bigger-height: 195px !default;
69
- $pivotgrid-clear-filter-icon: '\ea83' !default;
70
67
  $pivotgrid-bigger-excel-dialog-min-width: 350px !default;
71
68
  $pivotgrid-editor-label-padding-size: 15px 10px 16px 20px !default;
72
69
  $pivotgrid-editor-label-font: 700 13px Segoe UI !default;
@@ -98,6 +95,10 @@ $pivotview-filter-toolbar-items-margin-left: 12px !default;
98
95
  $pivotview-filter-toolbar-items-margin-right: 12px !default;
99
96
  $pivotgrid-header-text-margin-top: 4px !default;
100
97
  $pivotgrid-border: $pivotgrid-cell-border-color !default;
98
+ $pivotgrid-bg-color: #5a6268;
99
+ $pivotgrid-border-color: #545b62;
100
+ $pivotgrid-active-border-color: #4e555b;
101
+ $pivotgrid-box-shadow-color: rgba(108, 117, 125, .5);
101
102
 
102
103
  //enddefault
103
104
 
@@ -120,3 +121,5 @@ $pivotgrid-collapse-bigger-icon-fontsize: 10px !default;
120
121
  $pivotgrid-grouping-padding-bottom: 10px !default;
121
122
  $pivotgrid-grouping-padding-top: 0 !default;
122
123
  $pivotgrid-grouping-bigger-padding-top: 0 !default;
124
+ $pivotgrid-button-icon-wrapper-size: 18px !default;
125
+ $pivotgrid-bigger-button-icon-wrapper-size: 20px !default;
package/styles/pivotview/_fabric-definition.scss CHANGED
@@ -36,11 +36,9 @@ $pivotgrid-button-border-radius: 0 !default;
36
36
  $pivotgrid-button-background-color: $neutral-quintenaryalt !default;
37
37
  $pivotgrid-editor-dialog-footer-padding: 5px !default;
38
38
  $pivotgrid-button-drag-color: $theme-primary !default;
39
- $pivotgrid-expand-icon: '\e219' !default;
40
- $pivotgrid-rtl-expand-icon: '\e98f' !default;
41
- $pivotgrid-collapse-icon: '\e84f' !default;
42
39
  $pivotgrid-expand-icon-fontsize: 10px !default;
43
40
  $pivotgrid-drill-margintop: 7px !default;
41
+ $pivotgrid-bigger-drill-margintop: $pivotgrid-drill-margintop !default;
44
42
  $pivotgrid-rtl-expand-icon-font-size: 12px !default;
45
43
  $pivotgrid-collapse-icon-fonsize: 10px !default;
46
44
  $pivotgrid-expcoldiv-fontsize: 12px !default;
@@ -66,7 +64,6 @@ $pivotgrid-excel-member-filter-height: 141px !default;
66
64
  $pivotgrid-excel-filter-height: 215px !default;
67
65
  $pivotgrid-excel-member-filter-bigger-height: 102px !default;
68
66
  $pivotgrid-excel-filter-bigger-height: 195px !default;
69
- $pivotgrid-clear-filter-icon: '\ea83' !default;
70
67
  $pivotgrid-bigger-excel-dialog-min-width: 350px !default;
71
68
  $pivotgrid-editor-label-padding-size: 15px 10px 16px 20px !default;
72
69
  $pivotgrid-editor-label-font: 700 13px Segoe UI !default;
@@ -97,6 +94,10 @@ $pivotview-filter-toolbar-items-margin-left: 12px !default;
97
94
  $pivotview-filter-toolbar-items-margin-right: 12px !default;
98
95
  $pivotgrid-header-text-margin-top: 4px !default;
99
96
  $pivotgrid-border: $pivotgrid-cell-border-color !default;
97
+ $pivotgrid-bg-color: #5a6268;
98
+ $pivotgrid-border-color: #545b62;
99
+ $pivotgrid-active-border-color: #4e555b;
100
+ $pivotgrid-box-shadow-color: rgba(108, 117, 125, .5);
100
101
 
101
102
 
102
103
  /*! component's common definitions and variables */
@@ -118,3 +119,5 @@ $pivotgrid-collapse-bigger-icon-fontsize: 10px !default;
118
119
  $pivotgrid-grouping-padding-bottom: 10px !default;
119
120
  $pivotgrid-grouping-padding-top: 0 !default;
120
121
  $pivotgrid-grouping-bigger-padding-top: 0 !default;
122
+ $pivotgrid-button-icon-wrapper-size: 18px !default;
123
+ $pivotgrid-bigger-button-icon-wrapper-size: 20px !default;
package/styles/pivotview/_fluent-definition.scss ADDED
@@ -0,0 +1,126 @@
1
+ /*! component's theme wise override definitions and variables */
2
+ // layout-variables
3
+ $pivotgrid-skin: 'FluentUI' !default;
4
+ $pivotgrid-border-type: solid !default;
5
+ $pivotgrid-border-size: 1px !default;
6
+ $pivotgrid-content-font-size: $text-sm !default;
7
+ $pivotgrid-bigger-content-font-size: $text-base !default;
8
+ $field-list-font-family: $font-family !default;
9
+ $pivotview-grid-content-opacity: .87 !default;
10
+ $pivotview-grid-header-font-size: $text-sm !default;
11
+ $pivotview-bigger-grid-header-font-size: $text-base !default;
12
+ $pivotview-grid-header-font-weight: $font-weight-medium !default;
13
+ $pivotgrid-horizontal-button-padding: 8px !default;
14
+ $pivotgrid-vertical-button-padding: 3px !default;
15
+ $pivotgrid-grouping-height: 30px !default;
16
+ $pivotgrid-summary-font-weight: $font-weight-medium !default;
17
+ $pivotgrid-prompt-line-height: 24px !default;
18
+ $field-list-toggle-size: 40px !default;
19
+ $pivotgrid-drag-clone-font-size: 14px !default;
20
+ $pivotgrid-default-border-radius: 2px !default;
21
+ $pivotgrid-button-icon-size: 12px !default;
22
+ $pivotgrid-bigger-button-icon-size: 14px !default;
23
+ $pivotgrid-button-border-radius: 2px !default;
24
+ $pivotgrid-editor-dialog-footer-padding: 8px !default;
25
+ $pivotgrid-expand-icon-fontsize: 16px !default;
26
+ $pivotgrid-expcoldiv-fontsize: 10px !default;
27
+ $pivotgrid-drill-margintop: 3px !default;
28
+ $pivotgrid-bigger-drill-margintop: 4px !default;
29
+ $pivotgrid-rtl-expand-icon-font-size: 16px !default;
30
+ $pivotgrid-collapse-icon-fonsize: 16px !default;
31
+ $pivotgrid-vsort-mouse-margin: -28px -5px !default;
32
+ $pivotgrid-vsort-mouse-wrap-margin: -18px !default;
33
+ $pivotgrid-vsort-touch-margin: -26px -10px !default;
34
+ $pivotgrid-vsort-touch-wrap-margin: -18px -15px !default;
35
+ $pivotgrid-tooltip-padding: 3px 4px !default;
36
+ $pivotgrid-tooltip-fontsize: 14px !default;
37
+ $pivotgrid-tooltip-fontfamily: $font-family !default;
38
+ $pivotgrid-member-filter-list-height: 130px !default;
39
+ $pivotgrid-member-filter-list-bigger-height: 120px !default;
40
+ $pivotview-grid-indent-padding: 8px !default;
41
+ $pivotview-grid-bigger-indent-padding: 10px !default;
42
+ $pivotview-indent-space-size: 18px !default;
43
+ $pivotgrid-bigger-button-line-height: 1em !default;
44
+ $pivotgrid-excel-member-filter-height: 115px !default;
45
+ $pivotgrid-excel-filter-height: 248px !default;
46
+ $pivotgrid-excel-member-filter-bigger-height: 100px !default;
47
+ $pivotgrid-excel-filter-bigger-height: 220px !default;
48
+ $pivotgrid-editor-label-padding-size: 12px 10px 16px 20px !default;
49
+ $pivotgrid-editor-label-font: 500 13px Inter !default;
50
+ $pivotgrid-editor-label-opacity: .87 !default;
51
+ $pivotgrid-editor-label-excel-width: 280px !default;
52
+ $pivotgrid-editor-label-excel-padding-size: 14px 10px 9px 20px !default;
53
+ $pivotgrid-editor-label-excel-opacity: 56%;
54
+ $pivotgrid-drillthrough-header-font-weight: 600 !default;
55
+ $pivotgrid-menubar-height: 30px !default;
56
+ $pivotgrid-bigger-menubar-height: 42px !default;
57
+ $pivotgrid-sort-wrapper-padding-size: 10px !default;
58
+ $pivotgrid-group-chart-values-dropdown-margin: 2px !default;
59
+ $pivotgrid-group-chart-values-dropdown-margin-bigger: 4px !default;
60
+ $pivotgrid-report-label-margin-top: 8px !default;
61
+ $pivotgrid-bigger-report-label-margin-top: 12px !default;
62
+ $pivotview-value-sort-rtl-padding: 1.8em !default;
63
+ // $pivotview-filter-toolbar-indicator-margin-left: 20px !default;
64
+ $pivotview-filter-toolbar-items-margin-left: 20px !default;
65
+ // $pivotview-filter-toolbar-indicator-margin-right: 20px !default;
66
+ $pivotview-filter-toolbar-items-margin-right: 20px !default;
67
+ $pivotgrid-header-text-margin-top: 3px !default;
68
+ $pivotgrid-border: $border-light !default;
69
+ $pivotgrid-bg-color: $transparent;
70
+ $pivotgrid-border-color: $border-light;
71
+ $pivotgrid-active-border-color: $border-light;
72
+ $pivotgrid-box-shadow-color: rgba(108, 117, 125, .5);
73
+
74
+ // normal
75
+ $pivotgrid-active-color: $icon-color !default;
76
+ $pivotgrid-default-font-color: $content-text-color-alt1 !default;
77
+ $pivotgrid-prompt-default-font-color: $pivotgrid-default-font-color !default;
78
+ $pivotgrid-cell-border-color: $border-light !default;
79
+ $pivotgrid-default-border-color: $border-light !default;
80
+ $pivotgrid-table-background-color: $transparent !default;
81
+ $pivotgrid-grp-bg-color: $content-bg-color-alt1 !default;
82
+ $pivotgrid-cell-hover-color: $table-bg-color-hover !default;
83
+ $pivotgrid-drag-clone-color: $content-bg-color-alt3 !default;
84
+ $pivotgrid-drop-hover-color: $primary !default;
85
+ $pivotview-grid-header-font-color: $content-text-color !default;
86
+ $pivotgrid-button-border-color: $content-bg-color-alt2 !default;
87
+ $pivotgrid-drag-clone-text-color: $pivotgrid-default-font-color !default;
88
+ $pivotgrid-button-background-color: $content-bg-color-alt2 !default;
89
+ $pivotgrid-button-drag-color: $icon-color !default;
90
+ $pivotgrid-hover-color: $content-bg-color-alt3 !default;
91
+ $pivotgrid-focus-color: $content-bg-color-alt5 !default;
92
+ $pivotgrid-button-icon-color: $icon-color !default;
93
+ $pivotgrid-button-active-icon-color: $pivotgrid-button-icon-color !default;
94
+ $pivotgrid-icon-hover-color: $icon-color-hover !default;
95
+ $pivotgrid-icon-focus-color: $pivotgrid-icon-hover-color !default;
96
+ $pivotgrid-tooltip-fontcolor: $toooltip-text-color !default;
97
+ $pivotgrid-button-font-color: $content-text-color-alt1 !default;
98
+ $pivotgrid-button-acitve-font-color: $content-text-color-alt1 !default;
99
+ $pivotgrid-editor-label-color: $content-text-color-alt1 !default;
100
+ $pivotgrid-editor-label-fill: $content-bg-color-alt1 !default;
101
+ $pivotgrid-header-selection-bg-color: $content-bg-color-alt3 !default;
102
+ $pivotgrid-header-selection-color: $content-text-color-alt2 !default;
103
+ $pivotgrid-sort-select-background-color: $content-bg-color-alt1 !default;
104
+ $pivotgrid-sort-select-border-color: $transparent !default;
105
+ $pivotgrid-sort-select-color: $icon-color !default;
106
+ $pivotgrid-header-background-color: $content-bg-color-alt1 !default;
107
+ $pivotgrid-gtot-background-color: $content-bg-color-alt1 !default;
108
+ $pivotgrid-gtot-font-color: $content-text-color !default;
109
+
110
+ /*! component's common definitions and variables */
111
+ $pivotgrid-editor-search-padding-size: 24px !default;
112
+ $pivotgrid-member-filter-list-padding-size: -22px !default;
113
+ $pivotview-axis-indent-padding: $pivotview-grid-indent-padding !default;
114
+ $pivotview-axis-bigger-indent-padding: $pivotview-grid-bigger-indent-padding !default;
115
+ $pivotgrid-button-font-size: 13px !default;
116
+ $pivotgrid-bigger-button-font-size: 13px !default;
117
+ $pivotgrid-button-inner-padding: 4px !default;
118
+ $pivotgrid-bigger-button-inner-padding: 6px !default;
119
+ $pivotgrid-bigger-excel-dialog-min-width: 350px !default;
120
+ $pivotgrid-expand-bigger-icon-fontsize: 20px !default;
121
+ $pivotgrid-collapse-bigger-icon-fontsize: 20px !default;
122
+ $pivotgrid-grouping-padding-bottom: 12px !default;
123
+ $pivotgrid-grouping-padding-top: 12px !default;
124
+ $pivotgrid-grouping-bigger-padding-top: 16px !default;
125
+ $pivotgrid-button-icon-wrapper-size: 18px !default;
126
+ $pivotgrid-bigger-button-icon-wrapper-size: 20px !default;
package/styles/pivotview/_highcontrast-definition.scss CHANGED
@@ -37,11 +37,9 @@ $pivotgrid-editor-dialog-footer-padding: 5px !default;
37
37
  $pivotgrid-button-drag-color: $selection-bg !default;
38
38
  $pivotgrid-hover-color: $hover-bg !default;
39
39
  $pivotgrid-focus-color: $selection-bg !default;
40
- $pivotgrid-expand-icon: '\e219' !default;
41
- $pivotgrid-rtl-expand-icon: '\e98f' !default;
42
- $pivotgrid-collapse-icon: '\e84f' !default;
43
40
  $pivotgrid-expand-icon-fontsize: 10px !default;
44
- $pivotgrid-drill-margintop: 7px !default;
41
+ $pivotgrid-drill-margintop: 2px !default;
42
+ $pivotgrid-bigger-drill-margintop: $pivotgrid-drill-margintop !default;
45
43
  $pivotgrid-rtl-expand-icon-font-size: 12px !default;
46
44
  $pivotgrid-expcoldiv-fontsize: 13px !default;
47
45
  $pivotgrid-collapse-icon-fonsize: 10px !default;
@@ -65,7 +63,6 @@ $pivotgrid-excel-member-filter-height: 138px !default;
65
63
  $pivotgrid-excel-filter-height: 212px !default;
66
64
  $pivotgrid-excel-member-filter-bigger-height: 99px !default;
67
65
  $pivotgrid-excel-filter-bigger-height: 191px !default;
68
- $pivotgrid-clear-filter-icon: '\ea83' !default;
69
66
  $pivotgrid-bigger-excel-dialog-min-width: 350px !default;
70
67
  $pivotgrid-editor-label-padding-size: 15px 10px 16px 20px !default;
71
68
  $pivotgrid-editor-label-font: 700 13px Segoe UI !default;
@@ -96,6 +93,10 @@ $pivotview-filter-toolbar-items-margin-left: 10px !default;
96
93
  $pivotview-filter-toolbar-items-margin-right: 10px !default;
97
94
  $pivotgrid-header-text-margin-top: 4px !default;
98
95
  $pivotgrid-border: $border-default !default;
96
+ $pivotgrid-bg-color: #5a6268;
97
+ $pivotgrid-border-color: #545b62;
98
+ $pivotgrid-active-border-color: #4e555b;
99
+ $pivotgrid-box-shadow-color: rgba(108, 117, 125, .5);
99
100
 
100
101
 
101
102
  /*! component's common definitions and variables */
@@ -117,3 +118,5 @@ $pivotgrid-collapse-bigger-icon-fontsize: 10px !default;
117
118
  $pivotgrid-grouping-padding-bottom: 10px !default;
118
119
  $pivotgrid-grouping-padding-top: 0 !default;
119
120
  $pivotgrid-grouping-bigger-padding-top: 0 !default;
121
+ $pivotgrid-button-icon-wrapper-size: 18px !default;
122
+ $pivotgrid-bigger-button-icon-wrapper-size: 20px !default;
package/styles/pivotview/_highcontrast-light-definition.scss CHANGED
@@ -37,11 +37,9 @@ $pivotgrid-editor-dialog-footer-padding: 5px !default;
37
37
  $pivotgrid-button-drag-color: $selection-bg !default;
38
38
  $pivotgrid-hover-color: $hover-bg !default;
39
39
  $pivotgrid-focus-color: $selection-bg !default;
40
- $pivotgrid-expand-icon: '\e219' !default;
41
- $pivotgrid-rtl-expand-icon: '\e98f' !default;
42
- $pivotgrid-collapse-icon: '\e84f' !default;
43
40
  $pivotgrid-expand-icon-fontsize: 10px !default;
44
41
  $pivotgrid-drill-margintop: 2px !default;
42
+ $pivotgrid-bigger-drill-margintop: $pivotgrid-drill-margintop !default;
45
43
  $pivotgrid-rtl-expand-icon-font-size: 10px !default;
46
44
  $pivotgrid-expcoldiv-fontsize: 13px !default;
47
45
  $pivotgrid-collapse-icon-fonsize: 10px !default;
@@ -65,7 +63,6 @@ $pivotgrid-excel-member-filter-height: 138px !default;
65
63
  $pivotgrid-excel-filter-height: 212px !default;
66
64
  $pivotgrid-excel-member-filter-bigger-height: 99px !default;
67
65
  $pivotgrid-excel-filter-bigger-height: 191px !default;
68
- $pivotgrid-clear-filter-icon: '\ea83' !default;
69
66
  $pivotgrid-bigger-excel-dialog-min-width: 350px !default;
70
67
  $pivotgrid-editor-label-padding-size: 15px 10px 16px 20px !default;
71
68
  $pivotgrid-editor-label-font: 700 13px Segoe UI !default;
@@ -97,6 +94,10 @@ $pivotview-filter-toolbar-items-margin-left: 10px !default;
97
94
  $pivotview-filter-toolbar-items-margin-right: 10px !default;
98
95
  $pivotgrid-header-text-margin-top: 4px !default;
99
96
  $pivotgrid-border: $border-default !default;
97
+ $pivotgrid-bg-color: #5a6268;
98
+ $pivotgrid-border-color: #545b62;
99
+ $pivotgrid-active-border-color: #4e555b;
100
+ $pivotgrid-box-shadow-color: rgba(108, 117, 125, .5);
100
101
 
101
102
 
102
103
  /*! component's common definitions and variables */
@@ -118,3 +119,5 @@ $pivotgrid-collapse-bigger-icon-fontsize: 10px !default;
118
119
  $pivotgrid-grouping-padding-bottom: 10px !default;
119
120
  $pivotgrid-grouping-padding-top: 0 !default;
120
121
  $pivotgrid-grouping-bigger-padding-top: 0 !default;
122
+ $pivotgrid-button-icon-wrapper-size: 18px !default;
123
+ $pivotgrid-bigger-button-icon-wrapper-size: 20px !default;