@syncfusion/ej2-angular-pivotview 21.2.10 → 22.1.34

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 (139) hide show
  1. package/README.md +36 -121
  2. package/esm2020/src/index.mjs +2 -2
  3. package/esm2020/src/pivotfieldlist/pivotfieldlist.component.mjs +3 -3
  4. package/esm2020/src/pivotview/pivotview-all.module.mjs +4 -7
  5. package/esm2020/src/pivotview/pivotview.component.mjs +5 -18
  6. package/fesm2015/syncfusion-ej2-angular-pivotview.mjs +10 -26
  7. package/fesm2015/syncfusion-ej2-angular-pivotview.mjs.map +1 -1
  8. package/fesm2020/syncfusion-ej2-angular-pivotview.mjs +10 -26
  9. package/fesm2020/syncfusion-ej2-angular-pivotview.mjs.map +1 -1
  10. package/license +10 -0
  11. package/package.json +17 -9
  12. package/schematics/utils/lib-details.ts +2 -2
  13. package/src/index.d.ts +1 -1
  14. package/src/pivotfieldlist/pivotfieldlist.component.d.ts +1 -1
  15. package/src/pivotview/pivotview-all.module.d.ts +0 -1
  16. package/src/pivotview/pivotview.component.d.ts +2 -9
  17. package/styles/bootstrap-dark.css +274 -226
  18. package/styles/bootstrap.css +273 -226
  19. package/styles/bootstrap4.css +284 -285
  20. package/styles/bootstrap5-dark.css +272 -270
  21. package/styles/bootstrap5.css +272 -270
  22. package/styles/fabric-dark.css +264 -230
  23. package/styles/fabric.css +262 -233
  24. package/styles/fluent-dark.css +276 -263
  25. package/styles/fluent.css +276 -263
  26. package/styles/highcontrast-light.css +264 -227
  27. package/styles/highcontrast.css +264 -227
  28. package/styles/material-dark.css +271 -227
  29. package/styles/material.css +270 -226
  30. package/styles/material3-dark.css +6610 -0
  31. package/styles/material3-dark.scss +4 -0
  32. package/styles/material3.css +6666 -0
  33. package/styles/material3.scss +4 -0
  34. package/styles/pivotfieldlist/_bootstrap-dark-definition.scss +25 -32
  35. package/styles/pivotfieldlist/_bootstrap-definition.scss +27 -8
  36. package/styles/pivotfieldlist/_bootstrap4-definition.scss +28 -9
  37. package/styles/pivotfieldlist/_bootstrap5-definition.scss +29 -10
  38. package/styles/pivotfieldlist/_fabric-dark-definition.scss +25 -6
  39. package/styles/pivotfieldlist/_fabric-definition.scss +26 -7
  40. package/styles/pivotfieldlist/_fluent-definition.scss +29 -10
  41. package/styles/pivotfieldlist/_fusionnew-definition.scss +25 -6
  42. package/styles/pivotfieldlist/_highcontrast-definition.scss +24 -5
  43. package/styles/pivotfieldlist/_highcontrast-light-definition.scss +23 -4
  44. package/styles/pivotfieldlist/_layout.scss +144 -172
  45. package/styles/pivotfieldlist/_material-dark-definition.scss +28 -9
  46. package/styles/pivotfieldlist/_material-definition.scss +28 -9
  47. package/styles/pivotfieldlist/_material3-dark-definition.scss +1 -0
  48. package/styles/pivotfieldlist/_material3-definition.scss +224 -0
  49. package/styles/pivotfieldlist/_tailwind-definition.scss +29 -10
  50. package/styles/pivotfieldlist/_theme.scss +169 -186
  51. package/styles/pivotfieldlist/bootstrap-dark.css +149 -139
  52. package/styles/pivotfieldlist/bootstrap.css +148 -138
  53. package/styles/pivotfieldlist/bootstrap4.css +153 -146
  54. package/styles/pivotfieldlist/bootstrap5-dark.css +149 -150
  55. package/styles/pivotfieldlist/bootstrap5.css +149 -150
  56. package/styles/pivotfieldlist/fabric-dark.css +140 -139
  57. package/styles/pivotfieldlist/fabric.css +141 -140
  58. package/styles/pivotfieldlist/fluent-dark.css +159 -170
  59. package/styles/pivotfieldlist/fluent.css +159 -170
  60. package/styles/pivotfieldlist/highcontrast-light.css +139 -138
  61. package/styles/pivotfieldlist/highcontrast.css +139 -138
  62. package/styles/pivotfieldlist/icons/_fluent.scss +1 -1
  63. package/styles/pivotfieldlist/icons/_material3-dark.scss +1 -0
  64. package/styles/pivotfieldlist/icons/_material3.scss +7 -3
  65. package/styles/pivotfieldlist/material-dark.css +148 -142
  66. package/styles/pivotfieldlist/material.css +147 -141
  67. package/styles/pivotfieldlist/material3-dark.css +3811 -0
  68. package/styles/pivotfieldlist/material3-dark.scss +5 -0
  69. package/styles/pivotfieldlist/material3.css +3865 -0
  70. package/styles/pivotfieldlist/material3.scss +5 -0
  71. package/styles/pivotfieldlist/tailwind-dark.css +152 -163
  72. package/styles/pivotfieldlist/tailwind.css +152 -163
  73. package/styles/pivotview/_bootstrap-dark-definition.scss +18 -8
  74. package/styles/pivotview/_bootstrap-definition.scss +18 -8
  75. package/styles/pivotview/_bootstrap4-definition.scss +18 -8
  76. package/styles/pivotview/_bootstrap5-definition.scss +16 -6
  77. package/styles/pivotview/_fabric-dark-definition.scss +18 -8
  78. package/styles/pivotview/_fabric-definition.scss +18 -8
  79. package/styles/pivotview/_fluent-definition.scss +16 -6
  80. package/styles/pivotview/_fusionnew-definition.scss +13 -3
  81. package/styles/pivotview/_highcontrast-definition.scss +17 -7
  82. package/styles/pivotview/_highcontrast-light-definition.scss +17 -7
  83. package/styles/pivotview/_layout.scss +103 -69
  84. package/styles/pivotview/_material-dark-definition.scss +16 -6
  85. package/styles/pivotview/_material-definition.scss +16 -6
  86. package/styles/pivotview/_material3-dark-definition.scss +1 -0
  87. package/styles/pivotview/_material3-definition.scss +179 -0
  88. package/styles/pivotview/_tailwind-definition.scss +16 -6
  89. package/styles/pivotview/_theme.scss +126 -173
  90. package/styles/pivotview/bootstrap-dark.css +125 -87
  91. package/styles/pivotview/bootstrap.css +125 -88
  92. package/styles/pivotview/bootstrap4.css +131 -139
  93. package/styles/pivotview/bootstrap5-dark.css +123 -120
  94. package/styles/pivotview/bootstrap5.css +123 -120
  95. package/styles/pivotview/fabric-dark.css +124 -91
  96. package/styles/pivotview/fabric.css +121 -93
  97. package/styles/pivotview/fluent-dark.css +117 -93
  98. package/styles/pivotview/fluent.css +117 -93
  99. package/styles/pivotview/highcontrast-light.css +125 -89
  100. package/styles/pivotview/highcontrast.css +125 -89
  101. package/styles/pivotview/icons/_material3-dark.scss +1 -0
  102. package/styles/pivotview/icons/_material3.scss +4 -4
  103. package/styles/pivotview/material-dark.css +123 -85
  104. package/styles/pivotview/material.css +123 -85
  105. package/styles/pivotview/material3-dark.css +2854 -0
  106. package/styles/pivotview/material3-dark.scss +5 -0
  107. package/styles/pivotview/material3.css +2912 -0
  108. package/styles/pivotview/material3.scss +6 -0
  109. package/styles/pivotview/tailwind-dark.css +123 -91
  110. package/styles/pivotview/tailwind.css +123 -91
  111. package/styles/tailwind-dark.css +275 -254
  112. package/styles/tailwind.css +275 -254
  113. package/schematics/collection.json +0 -20
  114. package/schematics/generators/pivotview-default/index.d.ts +0 -3
  115. package/schematics/generators/pivotview-default/index.js +0 -8
  116. package/schematics/generators/pivotview-default/sample-details.d.ts +0 -5
  117. package/schematics/generators/pivotview-default/sample-details.js +0 -7
  118. package/schematics/generators/pivotview-default/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -4
  119. package/schematics/generators/pivotview-default/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -4
  120. package/schematics/generators/pivotview-default/schema.d.ts +0 -3
  121. package/schematics/generators/pivotview-default/schema.js +0 -2
  122. package/schematics/generators/pivotview-default/schema.json +0 -125
  123. package/schematics/generators/pivotview-fieldlist/index.d.ts +0 -3
  124. package/schematics/generators/pivotview-fieldlist/index.js +0 -8
  125. package/schematics/generators/pivotview-fieldlist/sample-details.d.ts +0 -5
  126. package/schematics/generators/pivotview-fieldlist/sample-details.js +0 -7
  127. package/schematics/generators/pivotview-fieldlist/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -4
  128. package/schematics/generators/pivotview-fieldlist/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -4
  129. package/schematics/generators/pivotview-fieldlist/schema.d.ts +0 -3
  130. package/schematics/generators/pivotview-fieldlist/schema.js +0 -2
  131. package/schematics/generators/pivotview-fieldlist/schema.json +0 -125
  132. package/schematics/ng-add/index.d.ts +0 -3
  133. package/schematics/ng-add/index.js +0 -9
  134. package/schematics/ng-add/schema.d.ts +0 -13
  135. package/schematics/ng-add/schema.js +0 -2
  136. package/schematics/ng-add/schema.json +0 -34
  137. package/schematics/tsconfig.json +0 -25
  138. package/schematics/utils/lib-details.d.ts +0 -4
  139. package/schematics/utils/lib-details.js +0 -6
package/styles/pivotfieldlist/_material-dark-definition.scss CHANGED
@@ -30,7 +30,7 @@ $field-list-button-hover-color: rgba($grey-white, .1) !default;
30
30
  $field-list-button-focus-color: rgba($grey-white, .18) !default;
31
31
  $field-list-button-active-color: $grey-dark-font !default;
32
32
  $field-list-drag-clone-text-color: $grey-dark-font !default;
33
- $field-list-drag-clone-bg-color: rgba($grey-white, .18) !default;
33
+ $field-list-drag-clone-bg-color: $grey-700 !default;
34
34
  $field-list-drag-clone-border-radius: 20px !default;
35
35
  $field-list-drag-clone-font-size: 14px !default;
36
36
  $field-list-drag-clone-line-height: 1em !default;
@@ -59,6 +59,7 @@ $field-list-default-header-font-color: $grey-dark-font !default;
59
59
  $field-list-tree-icon-color: rgba($grey-white, .7) !default;
60
60
  $field-list-default-header-icon-font-color: $field-list-default-header-font-color !default;
61
61
  $field-list-header-height: 28px !default;
62
+ $field-list-tree-outer-div-height: 310px !default;
62
63
  $field-list-bigger-header-height: 30px !default;
63
64
  $field-list-icon-container-size: 20px !default;
64
65
  $field-list-bigger-icon-container-size: 20px !default;
@@ -83,7 +84,8 @@ $field-list-toggle-font-color: $grey-dark-font !default;
83
84
  $pivot-calculated-icon-opacity: .87 !default;
84
85
  $field-list-bigger-button-line-height: 1.1em !default;
85
86
  $error-font-color: #f44336 !default;
86
- $field-list-excel-member-filter-height: 152px !default;
87
+ $field-list-excel-member-filter-height: 150px !default;
88
+ $field-list-excel-member-filter-node-limit-height: 145px !default;
87
89
  $field-list-excel-filter-height: 248px !default;
88
90
  $field-list-excel-member-filter-bigger-height: 100px !default;
89
91
  $field-list-excel-filter-bigger-height: 220px !default;
@@ -118,12 +120,18 @@ $field-list-cal-button-text-color: $field-list-default-font-color !default;
118
120
  $field-list-calc-expand-icon-padding: 6px !default;
119
121
  $field-list-search-padding-size: 6px $field-list-title-padding-size !default;
120
122
  $field-list-member-prompt-padding-size: 25px 12px !default;
121
- $field-list-search-popup-table-height: 392px !default;
123
+ $field-list-static-field-table-height: 210px !default;
124
+ $field-list-static-field-table-outer-div-height: 180px !default;
125
+ $field-list-search-popup-min-height: 520px !default;
126
+ $field-list-search-popup-table-height: 386px !default;
122
127
  $field-list-search-popup-axis-content-height: 162px !default;
123
128
  $field-list-search-popup-container-bigger-height: 550px !default;
124
129
  $field-list-search-popup-table-bigger-height: 400px !default;
125
130
  $field-list-search-popup-axis-table-bigger-height: 404px !default;
126
131
  $field-list-search-popup-axis-content-bigger-height: 165px !default;
132
+ $field-list-axis-content-height: 133px !default;
133
+ $field-list-popup-axis-content-bigger-height: $field-list-axis-content-height !default;
134
+ $field-list-search-static-field-table-height: 255px !default;
127
135
  $field-list-filter-toolbar-items-margin: 20px !default;
128
136
  $field-list-treeview-ul-padding: 4px !default;
129
137
  $field-list-treeview-li-padding: 2px !default;
@@ -133,6 +141,21 @@ $field-list-treeview-mobile-ul-padding: 48px !default;
133
141
  $field-list-treeview-mobile-li-padding: 0 !default;
134
142
  $field-list-calc-list-icon: 8px !default;
135
143
  $field-list-calc-list-icon-rtl: 3px !default;
144
+ $field-list-header-font-size: 13px !default;
145
+ $field-list-header-padding: 15px !default;
146
+ $field-list-tree-header-padding: 7px !default;
147
+ $pivot-formatting-format-table-data-padding-right: 18px !default;
148
+ $field-list-default-header-font-size: $field-list-header-font-size !default;
149
+ $field-list-value-field-caption-font-size: 13px !default;
150
+ $field-list-value-field-option-text-font-size: $field-list-value-field-caption-font-size !default;
151
+ $field-list-dialog-radius: $field-list-default-border-radius !default;
152
+ $field-list-table-header-padding: 0 0 0 $field-list-header-padding !default;
153
+ $field-list-table-header-font-weight: normal !default;
154
+ $field-list-calc-dialog-iconspace-margin-right: 12px !default;
155
+ $field-list-member-editor-search-padding: 0 20px 10px !default;
156
+ $field-list-member-editor-node-limit-outer-div-bigger-height: 85px !default;
157
+ $field-list-member-editor-bigger-height: 405px !default;
158
+ $field-list-member-editor-node-limit-bigger-height: 415px !default;
136
159
 
137
160
  /*! component's common definitions and variables */
138
161
  $field-list-static-padding-size: 10px !default;
@@ -142,28 +165,24 @@ $field-list-axis-header-padding-size: 5px !default;
142
165
  $field-list-selected-color: rgba($header-bg-color, .87) !default;
143
166
  $field-list-button-color: $grey-700 !default;
144
167
  $field-list-button-back-color: #f5f5f5 !default;
145
- $field-list-header-font-size: 13px !default;
146
168
  $field-list-header-text-transform: none !default;
147
169
  $field-list-icon-size: 14px !default;
148
170
  $field-list-toggle-icon-size: 17px !default;
149
171
  $field-list-editor-search-padding-size: 20px !default;
150
172
  $field-list-member-filter-list-padding-size: -35px !default;
151
- $field-list-member-filter-list-height: 155px !default;
173
+ $field-list-member-filter-list-height: 150px !default;
152
174
  $field-list-member-field-list-height: 200px !default;
153
175
  $field-list-treeview-drag-padding: 6px !default;
154
176
  $field-list-treeview-drag-margin: 2px !default;
155
177
  $field-list-treeview-drag-bigger-padding: 3px !default;
156
178
  $field-list-button-height: 32px !default;
157
179
  $field-list-bigger-button-height: 36px !default;
158
- $field-list-axis-content-height: 133px !default;
159
- $field-list-header-padding: 15px !default;
160
180
  $field-list-bigger-header-padding: 20px !default;
161
181
  $field-list-bigger-header-font-size: 14px !default;
162
182
  $field-list-button-padding: 9px 12px !default;
163
183
  $field-list-bigger-button-padding: 9px 16px !default;
164
184
  $field-list-header-icon-size: 14px !default;
165
185
  $field-list-bigger-header-icon-size: 16px !default;
166
- $field-list-tree-header-padding: 7px !default;
167
186
  $field-list-bigger-tree-header-padding: 8px !default;
168
187
  $field-list-bigger-excel-dialog-min-width: 350px !default;
169
188
  $field-list-adaptive-content-padding-size: 20px !default;
@@ -173,7 +192,7 @@ $field-list-adaptive-btn-size: 52px !default;
173
192
  $field-list-adaptive-icon-height: 50px !default;
174
193
  $field-list-adaptive-drag-prompt-height: 200px !default;
175
194
  $field-list-adaptive-pivot-button-height: 36px !default;
176
- $field-list-adaptive-pivot-button-padding: 9px 16px !default;
195
+ $field-list-adaptive-pivot-button-padding: 0 16px !default;
177
196
  $pivot-dialog-font-weight: normal !default;
178
197
  $field-list-toggle-shadow-color: -1px 1px 4px 0 rgba($shadow, .12) !default;
179
198
  $field-list-toggle-left-shadow-color: 1px 1px 4px 0 rgba($shadow, .12) !default;
package/styles/pivotfieldlist/_material-definition.scss CHANGED
@@ -42,7 +42,7 @@ $field-list-editor-dialog-footer-padding: 10px !default;
42
42
  $field-list-toggle-size: 31px !default;
43
43
  $field-list-toggle-bigger-size: 36px !default;
44
44
  $field-list-toggle-hover-color: $field-list-default-border-color !default;
45
- $field-list-member-filter-list-bigger-height: 124px !default;
45
+ $field-list-member-filter-list-bigger-height: 120px !default;
46
46
  $pivot-formula-background: $grey-white !default;
47
47
  $pivot-formula-border: $grey-300 !default;
48
48
  $pivot-text-area-background: $grey-black !default;
@@ -59,6 +59,7 @@ $field-list-default-header-font-color: rgba($grey-black, .54) !default;
59
59
  $field-list-tree-icon-color: rgba($grey-black, .54) !default;
60
60
  $field-list-default-header-icon-font-color: $field-list-default-header-font-color !default;
61
61
  $field-list-header-height: 28px !default;
62
+ $field-list-tree-outer-div-height: 310px !default;
62
63
  $field-list-bigger-header-height: 30px !default;
63
64
  $field-list-icon-container-size: 20px !default;
64
65
  $field-list-bigger-icon-container-size: 20px !default;
@@ -83,7 +84,8 @@ $field-list-toggle-font-color: rgba($grey-light-font, .54) !default;
83
84
  $pivot-calculated-icon-opacity: .87 !default;
84
85
  $field-list-bigger-button-line-height: 1.1em !default;
85
86
  $error-font-color: #f44336 !default;
86
- $field-list-excel-member-filter-height: 152px !default;
87
+ $field-list-excel-member-filter-height: 150px !default;
88
+ $field-list-excel-member-filter-node-limit-height: 145px !default;
87
89
  $field-list-excel-filter-height: 248px !default;
88
90
  $field-list-excel-member-filter-bigger-height: 100px !default;
89
91
  $field-list-excel-filter-bigger-height: 220px !default;
@@ -118,12 +120,18 @@ $field-list-cal-button-text-color: $field-list-default-font-color !default;
118
120
  $field-list-calc-expand-icon-padding: 6px !default;
119
121
  $field-list-search-padding-size: 9px $field-list-title-padding-size !default;
120
122
  $field-list-member-prompt-padding-size: 25px 12px !default;
123
+ $field-list-static-field-table-height: 210px !default;
124
+ $field-list-static-field-table-outer-div-height: 180px !default;
125
+ $field-list-search-popup-min-height: 520px !default;
121
126
  $field-list-search-popup-table-height: 392px !default;
122
127
  $field-list-search-popup-axis-content-height: 162px !default;
123
128
  $field-list-search-popup-container-bigger-height: 550px !default;
124
129
  $field-list-search-popup-table-bigger-height: 400px !default;
125
- $field-list-search-popup-axis-table-bigger-height: 404px !default;
130
+ $field-list-search-popup-axis-table-bigger-height: 410px !default;
126
131
  $field-list-search-popup-axis-content-bigger-height: 165px !default;
132
+ $field-list-axis-content-height: 133px !default;
133
+ $field-list-popup-axis-content-bigger-height: $field-list-axis-content-height !default;
134
+ $field-list-search-static-field-table-height: 261px !default;
127
135
  $field-list-filter-toolbar-items-margin: 20px !default;
128
136
  $field-list-treeview-ul-padding: 4px !default;
129
137
  $field-list-treeview-li-padding: 2px !default;
@@ -133,6 +141,21 @@ $field-list-treeview-mobile-ul-padding: 48px !default;
133
141
  $field-list-treeview-mobile-li-padding: 0 !default;
134
142
  $field-list-calc-list-icon: 8px !default;
135
143
  $field-list-calc-list-icon-rtl: 3px !default;
144
+ $field-list-header-font-size: 13px !default;
145
+ $field-list-header-padding: 15px !default;
146
+ $field-list-tree-header-padding: 7px !default;
147
+ $pivot-formatting-format-table-data-padding-right: 18px !default;
148
+ $field-list-default-header-font-size: $field-list-header-font-size !default;
149
+ $field-list-value-field-caption-font-size: 13px !default;
150
+ $field-list-value-field-option-text-font-size: $field-list-value-field-caption-font-size !default;
151
+ $field-list-dialog-radius: $field-list-default-border-radius !default;
152
+ $field-list-table-header-padding: 0 0 0 $field-list-header-padding !default;
153
+ $field-list-table-header-font-weight: normal !default;
154
+ $field-list-calc-dialog-iconspace-margin-right: 10px !default;
155
+ $field-list-member-editor-search-padding: 0 20px 10px !default;
156
+ $field-list-member-editor-node-limit-outer-div-bigger-height: 90px !default;
157
+ $field-list-member-editor-bigger-height: 400px !default;
158
+ $field-list-member-editor-node-limit-bigger-height: 415px !default;
136
159
 
137
160
  /*! component's common definitions and variables */
138
161
  $field-list-static-padding-size: 10px !default;
@@ -142,28 +165,24 @@ $field-list-axis-header-padding-size: 5px !default;
142
165
  $field-list-selected-color: rgba($header-bg-color, .87) !default;
143
166
  $field-list-button-color: $grey-50 !default;
144
167
  $field-list-button-back-color: #f5f5f5 !default;
145
- $field-list-header-font-size: 13px !default;
146
168
  $field-list-header-text-transform: none !default;
147
169
  $field-list-icon-size: 14px !default;
148
170
  $field-list-toggle-icon-size: 17px !default;
149
171
  $field-list-editor-search-padding-size: 20px !default;
150
172
  $field-list-member-filter-list-padding-size: -35px !default;
151
- $field-list-member-filter-list-height: 155px !default;
173
+ $field-list-member-filter-list-height: 150px !default;
152
174
  $field-list-member-field-list-height: 200px !default;
153
175
  $field-list-treeview-drag-padding: 6px !default;
154
176
  $field-list-treeview-drag-margin: 2px !default;
155
177
  $field-list-treeview-drag-bigger-padding: 3px !default;
156
178
  $field-list-button-height: 32px !default;
157
179
  $field-list-bigger-button-height: 36px !default;
158
- $field-list-axis-content-height: 133px !default;
159
- $field-list-header-padding: 15px !default;
160
180
  $field-list-bigger-header-padding: 20px !default;
161
181
  $field-list-bigger-header-font-size: 14px !default;
162
182
  $field-list-button-padding: 9px 12px !default;
163
183
  $field-list-bigger-button-padding: 9px 16px !default;
164
184
  $field-list-header-icon-size: 14px !default;
165
185
  $field-list-bigger-header-icon-size: 16px !default;
166
- $field-list-tree-header-padding: 7px !default;
167
186
  $field-list-bigger-tree-header-padding: 8px !default;
168
187
  $field-list-bigger-excel-dialog-min-width: 350px !default;
169
188
  $field-list-adaptive-content-padding-size: 20px !default;
@@ -173,7 +192,7 @@ $field-list-adaptive-btn-size: 52px !default;
173
192
  $field-list-adaptive-icon-height: 50px !default;
174
193
  $field-list-adaptive-drag-prompt-height: 200px !default;
175
194
  $field-list-adaptive-pivot-button-height: 36px !default;
176
- $field-list-adaptive-pivot-button-padding: 9px 16px !default;
195
+ $field-list-adaptive-pivot-button-padding: 0 16px !default;
177
196
  $pivot-dialog-font-weight: normal !default;
178
197
  $field-list-toggle-shadow-color: -1px 1px 4px 0 rgba($shadow, .12) !default;
179
198
  $field-list-toggle-left-shadow-color: 1px 1px 4px 0 rgba($shadow, .12) !default;
package/styles/pivotfieldlist/_material3-dark-definition.scss ADDED
@@ -0,0 +1 @@
1
+ @import './material3-definition.scss';
package/styles/pivotfieldlist/_material3-definition.scss ADDED
@@ -0,0 +1,224 @@
1
+ /*! component's theme wise override definitions and variables */
2
+ // layout variables
3
+ $field-list-skin: 'Material3' !default;
4
+ $field-list-border-type: solid !default;
5
+ $field-list-border-size: 1px !default;
6
+ $field-list-default-padding-size: 8px !default;
7
+ $field-list-title-padding-size: 20px !default;
8
+ $field-list-title-font-size: 22px !default;
9
+ $field-list-title-line-height: 1.5em !default;
10
+ $field-list-content-font-size: $text-sm !default;
11
+ $field-list-button-font-weight: $font-weight-normal !default;
12
+ $field-list-font-family: $font-family !default;
13
+ $field-list-default-border-radius: 2px !default;
14
+ $field-list-drag-clone-border-radius: 2px !default;
15
+ $field-list-drag-clone-font-size: $text-base !default;
16
+ $field-list-drag-clone-line-height: 1.15em !default;
17
+ $field-list-drag-clone-height: 32px !default;
18
+ $field-list-button-font-size: $text-sm !default;
19
+ $field-list-toggle-icon-bigger-size: 20px !default;
20
+ $field-list-toggle-padding-size: 7px !default;
21
+ $field-list-editor-dialog-footer-padding: 8px !default;
22
+ $field-list-toggle-size: 30px !default;
23
+ $field-list-toggle-bigger-size: 34px !default;
24
+ $field-list-member-filter-list-bigger-height: 117px !default;
25
+ $pivot-calculated-formula-font-family: $font-family !default;
26
+ $pivot-calculated-formula-font-padding: 5px 8px !default;
27
+ $pivot-calculated-header-opacity: .87 !default;
28
+ $pivot-calculated-font-weight: normal !default;
29
+ $pivot-dialog-content-opacity: .54 !default;
30
+ $pivot-dialog-content-padding: 0 !default;
31
+ $pivot-dialog-footer-padding: 8px !default;
32
+ $pivot-dialog-footer-paddingright: 8px !default;
33
+ $field-list-header-height: 36px !default;
34
+ $field-list-bigger-header-height: $field-list-header-height !default;
35
+ $field-list-tree-outer-div-height: 303px !default;
36
+ $field-list-icon-container-size: 20px !default;
37
+ $field-list-bigger-icon-container-size: 20px !default;
38
+ $field-list-bigger-icon-size: 16px !default;
39
+ $field-list-icon-to-text-padding: 8px !default;
40
+ $field-list-bigger-icon-to-text-padding: 10px !default;
41
+ $field-list-icon-to-icon-padding: 8px !default;
42
+ $field-list-bigger-icon-to-icon-padding: 4px !default;
43
+ $field-list-default-bigger-padding-size: 12px !default;
44
+ $field-list-bigger-button-font-size: $text-sm !default;
45
+ $pivot-calculated-header-padding: 4px !default;
46
+ $pivot-calculated-bigger-header-padding: 6px !default;
47
+ $field-list-header-content-line-height: 1.125em !default;
48
+ $field-list-bigger-header-content-line-height: 1.6em !default;
49
+ $field-list-header-icon-wrapper-padding: 4px !default;
50
+ $field-list-bigger-header-icon-wrapper-padding: 7px !default;
51
+ $field-list-static-header-icon-wrapper-padding: 5px !default;
52
+ $field-list-static-bigger-header-icon-wrapper-padding: 0 !default;
53
+ $pivot-calculated-icon-opacity: .87 !default;
54
+ $field-list-bigger-button-line-height: 1.1em !default;
55
+ $field-list-excel-member-filter-height: 148px !default;
56
+ $field-list-excel-member-filter-node-limit-height: 145px !default;
57
+ $field-list-excel-filter-height: 248px !default;
58
+ $field-list-excel-member-filter-bigger-height: 130px !default;
59
+ $field-list-excel-filter-bigger-height: 240px !default;
60
+ $format-label-font-opacity: .87 !default;
61
+ $format-label-font-weight: 500 !default;
62
+ $format-preview-bigger-height: 30px !default;
63
+ $format-outer-border-radius: 4px !default;
64
+ $format-dialog-width: 628px !default;
65
+ $format-dialog-bigger-width: 680px !default;
66
+ $field-list-editor-label-padding-size: 14px 10px 16px 20px !default;
67
+ $field-list-editor-label-font: 500 14px $font-family !default;
68
+ $field-list-editor-label-opacity: .87 !default;
69
+ $field-list-editor-label-excel-width: 280px !default;
70
+ $field-list-editor-label-excel-padding-size: 14px 10px 9px 20px !default;
71
+ $field-list-editor-label-excel-opacity: 56%;
72
+ $field-list-back-margin: 5px !default;
73
+ $field-list-sort-wrapper-padding-size: 10px !default;
74
+ $field-list-border: $content-bg-color-alt3 !default;
75
+ $field-list-calc-expand-icon-padding: 8px !default;
76
+ $field-list-search-padding-size: 10px $field-list-title-padding-size !default;
77
+ $field-list-member-prompt-padding-size: 25px 12px !default;
78
+ $field-list-static-field-table-height: 202px !default;
79
+ $field-list-static-field-table-outer-div-height: 163px !default;
80
+ $field-list-search-popup-min-height: 540px !default;
81
+ $field-list-search-popup-table-height: 392px !default;
82
+ $field-list-search-popup-table-outer-div-height: 303px !default;
83
+ $field-list-search-popup-axis-content-height: 154px !default;
84
+ $field-list-search-popup-container-bigger-height: 585px !default;
85
+ $field-list-search-popup-table-bigger-height: 400px !default;
86
+ $field-list-search-popup-axis-table-bigger-height: 400px !default;
87
+ $field-list-search-popup-axis-content-bigger-height: 158px !default;
88
+ $field-list-axis-content-height: 128px !default;
89
+ $field-list-popup-axis-content-bigger-height: $field-list-axis-content-height !default;
90
+ $field-list-search-static-field-table-height: 256px !default;
91
+ $field-list-filter-toolbar-items-margin: 20px !default;
92
+ $field-list-treeview-ul-padding: 4px !default;
93
+ $field-list-treeview-li-padding: 2px !default;
94
+ $field-list-treeview-bigger-ul-padding: 5px !default;
95
+ $field-list-treeview-bigger-li-padding: 0 !default;
96
+ $field-list-treeview-mobile-ul-padding: 48px !default;
97
+ $field-list-treeview-mobile-li-padding: 0 !default;
98
+ $field-list-calc-list-icon: 8px !default;
99
+ $field-list-calc-list-icon-rtl: 3px !default;
100
+ $pivot-formatting-format-table-data-padding-right: 16px !default;
101
+ $field-list-default-header-font-size: $text-xxs !default;
102
+ $field-list-header-padding: 18px !default;
103
+ $field-list-value-field-caption-font-size: 14px !default;
104
+ $field-list-value-field-option-text-font-size: 10px !default;
105
+ $field-list-dialog-radius: $shape-small !default;
106
+ $field-list-table-header-padding: 0 0 0 $field-list-header-padding !default;
107
+ $field-list-table-header-font-weight: 500 !default;
108
+ $field-list-calculated-field-border: 1px solid rgba($secondary-outline) !default;
109
+ $field-list-calc-dialog-iconspace-margin-right: 8px !default;
110
+ $field-list-member-editor-search-padding: 0 15px 10px !default;
111
+ $field-list-member-editor-node-limit-outer-div-bigger-height: 100px !default;
112
+ $field-list-member-editor-bigger-height: 430px !default;
113
+ $field-list-member-editor-node-limit-bigger-height: 455px !default;
114
+ $field-list-separator-border: 1px solid rgba($border-light) !default;
115
+ $field-list-member-sort-border-radius: $text-xl !default;
116
+
117
+ // normal variables
118
+ $field-list-active-color: rgba($icon-color) !default;
119
+ $field-list-default-font-color: rgba($content-text-color) !default;
120
+ $field-list-default-formula-font-color: $field-list-default-font-color !default;
121
+ $field-list-default-border-color: rgba($border-light) !default;
122
+ $field-list-drag-default-border-color: $field-list-default-border-color !default;
123
+ $field-list-default-prompt-color: rgba($content-text-color-alt1) !default;
124
+ $field-list-toggle-border-color: $transparent !default;
125
+ $field-list-table-background-color: $transparent !default;
126
+ $field-list-default-bg-color: rgba($content-bg-color) !default;
127
+ $field-list-header-background-color: $content-bg-color-alt1 !default;
128
+ $field-list-axis-header-color: $field-list-header-background-color !default;
129
+ $field-list-toggle-bg-color: rgba($primary-light) !default;
130
+ $field-list-toggle-bg-color-dark: $content-bg-color-alt4 !default;
131
+ $field-list-default-fill-color: rgba($content-bg-color) !default;
132
+ $field-list-drop-hover-color: $grey-500 !default;
133
+ $field-list-button-font-color: $grey-900 !default;
134
+ $field-list-button-border-color: $transparent !default;
135
+ $field-list-button-hover-color: $content-bg-color-hover !default;
136
+ $field-list-button-focus-color: $content-bg-color-focus !default;
137
+ $field-list-button-active-color: rgba($content-text-color) !default;
138
+ $field-list-drag-clone-text-color: rgba($content-text-color, .87) !default;
139
+ $field-list-drag-clone-bg-color: $content-bg-color-alt3 !default;
140
+ $field-list-toggle-hover-color: $field-list-default-border-color !default;
141
+ $pivot-formula-background: rgba($content-bg-color) !default;
142
+ $pivot-formula-border: rgba($border-light) !default;
143
+ $pivot-text-area-background: $base-font !default;
144
+ $field-list-drag-icon-color: rgba($icon-color) !default;
145
+ $field-list-default-header-font-color: rgba($content-text-color-alt1) !default;
146
+ $field-list-tree-icon-color: $field-list-drag-icon-color !default;
147
+ $field-list-default-header-icon-font-color: rgba($icon-color) !default;
148
+ $field-list-button-icon-color: rgba($icon-color) !default;
149
+ $field-list-icon-hover-color: rgba($icon-color-hover) !default;
150
+ $field-list-toggle-font-color: rgba($icon-color) !default;
151
+ $error-font-color: rgba($danger) !default;
152
+ $format-label-font-color: rgba($content-text-color-alt1) !default;
153
+ $format-preview-border-color: rgba($icon-color) !default;
154
+ $format-outer-border-color: rgba($border-light) !default;
155
+ $format-outer-fill-color: rgba($content-bg-color) !default;
156
+ $field-list-editor-label-color: rgba($content-text-color) !default;
157
+ $field-list-editor-label-fill: $content-bg-color-alt1 !default;
158
+ $field-list-back-font-color: rgba($icon-color) !default;
159
+ $field-list-mobile-header-color: rgba($content-bg-color) !default;
160
+ $field-list-mobile-header-font-color: rgba($content-text-color-alt1) !default;
161
+ $field-list-sort-select-background-color: rgba($icon-color) !default;
162
+ $field-list-sort-select-border-color: $transparent !default;
163
+ $field-list-sort-select-color: rgba($base-font, .87) !default;
164
+ $field-list-cal-button-text-color: rgba($secondary-text-color) !default;
165
+
166
+ /*! component's common definitions and variables */
167
+ $field-list-static-padding-size: 20px !default;
168
+ $field-list-treeview-padding-size: -30px !default;
169
+ $field-list-header-padding-size: 18px !default;
170
+ $field-list-axis-header-padding-size: 5px !default;
171
+ $field-list-selected-color: ($content-bg-color-hover, .87) !default;
172
+ $field-list-button-color: rgba($content-bg-color) !default;
173
+ $field-list-button-back-color: rgba($icon-color) !default;
174
+ $field-list-header-font-size: $text-sm !default;
175
+ $field-list-header-text-transform: none !default;
176
+ $field-list-icon-size: 16px !default;
177
+ $field-list-toggle-icon-size: 17px !default;
178
+ $field-list-editor-search-padding-size: 12px !default;
179
+ $field-list-member-filter-list-padding-size: -22px !default;
180
+ $field-list-member-filter-list-height: 160px !default;
181
+ $field-list-member-field-list-height: 235px !default;
182
+ $field-list-treeview-drag-padding: 6px !default;
183
+ $field-list-treeview-drag-margin: 8px !default;
184
+ $field-list-treeview-drag-bigger-padding: 8px !default;
185
+ $field-list-button-height: 40px !default;
186
+ $field-list-bigger-button-height: 36px !default;
187
+ $field-list-bigger-header-padding: 20px !default;
188
+ $field-list-bigger-header-font-size: $text-sm !default;
189
+ $field-list-button-padding: 12px 12px !default;
190
+ $field-list-bigger-button-padding: 9px 16px !default;
191
+ $field-list-header-icon-size: 16px !default;
192
+ $field-list-bigger-header-icon-size: 16px !default;
193
+ $field-list-tree-header-padding: 9px !default;
194
+ $field-list-bigger-tree-header-padding: 8px !default;
195
+ $field-list-bigger-excel-dialog-min-width: 350px !default;
196
+ $field-list-adaptive-content-padding-size: 20px !default;
197
+ $field-list-adaptive-footer-padding-size: 15px !default;
198
+ $field-list-adaptive-btn-icon-size: 18px !default;
199
+ $field-list-adaptive-btn-size: 52px !default;
200
+ $field-list-adaptive-icon-height: 50px !default;
201
+ $field-list-adaptive-drag-prompt-height: 22px !default;
202
+ $field-list-adaptive-pivot-button-height: 36px !default;
203
+ $field-list-adaptive-pivot-button-padding: 0 16px !default;
204
+ $pivot-dialog-font-weight: normal !default;
205
+ $field-list-toggle-shadow-color: 0 1px 2px rgba(0, 0, 0, .06), 0 1px 3px rgba(0, 0, 0, .1) !default;
206
+ $field-list-toggle-left-shadow-color: $shadow-sm !default;
207
+ $field-list-drag-clone-shadow-color: 0 1px 2px rgba(0, 0, 0, .06), 0 1px 3px rgba(0, 0, 0, .1) !default;
208
+ $field-list-treeview-font-weight: 500 !default;
209
+ $field-list-calc-formula-font-size: 13px !default;
210
+ $field-list-calc-bigger-formula-font-size: 13px !default;
211
+ $format-label-font-size: 13px !default;
212
+ $format-label-bigger-font-size: $text-sm !default;
213
+ $format-preview-height: 32px !default;
214
+ $format-preview-width: 80px !default;
215
+ $olap-tree-wrapper-height: 489px;
216
+ $olap-tree-outer-div-height: 458px;
217
+ $olap-bigger-tree-wrapper-height: 521px;
218
+ $olap-bigger-tree-outer-div-height: 483px;
219
+ $field-list-text-transform: none !default;
220
+ $olap-bigger-tree-width: 283px !default;
221
+ $olap-bigger-tree-outer-div-width: 325px !default;
222
+ $field-list-adaptive-outerdiv-height: 165px !default;
223
+ $field-list-device-footer-button-border-radius: $shape-Large !default;
224
+ $field-list-device-footer-button-box-shadow: $shadow-lg !default;
package/styles/pivotfieldlist/_tailwind-definition.scss CHANGED
@@ -31,6 +31,7 @@ $pivot-dialog-content-padding: 18px !default;
31
31
  $pivot-dialog-footer-padding: 8px !default;
32
32
  $pivot-dialog-footer-paddingright: 8px !default;
33
33
  $field-list-header-height: 28px !default;
34
+ $field-list-tree-outer-div-height: 303px !default;
34
35
  $field-list-bigger-header-height: 30px !default;
35
36
  $field-list-icon-container-size: 20px !default;
36
37
  $field-list-bigger-icon-container-size: 20px !default;
@@ -51,9 +52,10 @@ $field-list-static-header-icon-wrapper-padding: $field-list-header-icon-wrapper-
51
52
  $field-list-static-bigger-header-icon-wrapper-padding: $field-list-bigger-header-icon-wrapper-padding !default;
52
53
  $pivot-calculated-icon-opacity: .87 !default;
53
54
  $field-list-bigger-button-line-height: 1.1em !default;
54
- $field-list-excel-member-filter-height: 170px !default;
55
+ $field-list-excel-member-filter-height: 180px !default;
56
+ $field-list-excel-member-filter-node-limit-height: 175px !default;
55
57
  $field-list-excel-filter-height: 248px !default;
56
- $field-list-excel-member-filter-bigger-height: 113px !default;
58
+ $field-list-excel-member-filter-bigger-height: 130px !default;
57
59
  $field-list-excel-filter-bigger-height: 220px !default;
58
60
  $format-label-font-opacity: .87 !default;
59
61
  $format-label-font-weight: $font-weight-medium !default;
@@ -72,12 +74,18 @@ $field-list-sort-wrapper-padding-size: 10px !default;
72
74
  $field-list-calc-expand-icon-padding: 8px !default;
73
75
  $field-list-search-padding-size: 10px $field-list-title-padding-size !default;
74
76
  $field-list-member-prompt-padding-size: 25px 12px !default;
75
- $field-list-search-popup-table-height: 389px !default;
76
- $field-list-search-popup-axis-content-height: 160px !default;
77
+ $field-list-static-field-table-height: 210px !default;
78
+ $field-list-static-field-table-outer-div-height: 180px !default;
79
+ $field-list-search-popup-min-height: 520px !default;
80
+ $field-list-search-popup-table-height: 380px !default;
81
+ $field-list-search-popup-axis-content-height: 155px !default;
77
82
  $field-list-search-popup-container-bigger-height: 566px !default;
78
83
  $field-list-search-popup-table-bigger-height: 400px !default;
79
84
  $field-list-search-popup-axis-table-bigger-height: 404px !default;
80
85
  $field-list-search-popup-axis-content-bigger-height: 165px !default;
86
+ $field-list-axis-content-height: 133px !default;
87
+ $field-list-popup-axis-content-bigger-height: $field-list-axis-content-height !default;
88
+ $field-list-search-static-field-table-height: 259px !default;
81
89
  $field-list-filter-toolbar-items-margin: 20px !default;
82
90
  $field-list-treeview-ul-padding: 11px !default;
83
91
  $field-list-treeview-li-padding: 0 !default;
@@ -87,6 +95,22 @@ $field-list-treeview-mobile-ul-padding: 29px !default;
87
95
  $field-list-treeview-mobile-li-padding: 0 !default;
88
96
  $field-list-calc-list-icon: 10px !default;
89
97
  $field-list-calc-list-icon-rtl: 12px !default;
98
+ $field-list-header-font-size: $text-xs !default;
99
+ $field-list-header-padding: 18px !default;
100
+ $field-list-tree-header-padding: 6px !default;
101
+ $pivot-formatting-format-table-data-padding-right: 18px !default;
102
+ $field-list-default-header-font-size: $field-list-header-font-size !default;
103
+ $field-list-value-field-caption-font-size: 13px !default;
104
+ $field-list-value-field-option-text-font-size: $field-list-value-field-caption-font-size !default;
105
+ $field-list-dialog-radius: $field-list-default-border-radius !default;
106
+ $field-list-table-header-padding: 0 0 0 $field-list-header-padding !default;
107
+ $field-list-table-header-font-weight: normal !default;
108
+ $field-list-calc-dialog-iconspace-margin-right: 10px !default;
109
+ $field-list-editor-search-padding-size: 12px !default;
110
+ $field-list-member-editor-search-padding: 0 $field-list-editor-search-padding-size 10px !default;
111
+ $field-list-member-editor-node-limit-outer-div-bigger-height: 120px !default;
112
+ $field-list-member-editor-bigger-height: 400px !default;
113
+ $field-list-member-editor-node-limit-bigger-height: 450px !default;
90
114
 
91
115
  // normal variables
92
116
  $field-list-active-color: $icon-color !default;
@@ -145,11 +169,9 @@ $field-list-axis-header-padding-size: 5px !default;
145
169
  $field-list-selected-color: rgba($cool-gray-100, .87) !default;
146
170
  $field-list-button-color: $content-bg-color !default;
147
171
  $field-list-button-back-color: $icon-color !default;
148
- $field-list-header-font-size: $text-xs !default;
149
172
  $field-list-header-text-transform: uppercase !default;
150
173
  $field-list-icon-size: 14px !default;
151
174
  $field-list-toggle-icon-size: 17px !default;
152
- $field-list-editor-search-padding-size: 12px !default;
153
175
  $field-list-member-filter-list-padding-size: -22px !default;
154
176
  $field-list-member-filter-list-height: 164px !default;
155
177
  $field-list-member-field-list-height: 200px !default;
@@ -158,15 +180,12 @@ $field-list-treeview-drag-margin: 4px !default;
158
180
  $field-list-treeview-drag-bigger-padding: 3px !default;
159
181
  $field-list-button-height: 32px !default;
160
182
  $field-list-bigger-button-height: 36px !default;
161
- $field-list-axis-content-height: 133px !default;
162
- $field-list-header-padding: 18px !default;
163
183
  $field-list-bigger-header-padding: 16px !default;
164
184
  $field-list-bigger-header-font-size: $text-sm !default;
165
185
  $field-list-button-padding: 9px 12px !default;
166
186
  $field-list-bigger-button-padding: 9px 16px !default;
167
187
  $field-list-header-icon-size: 14px !default;
168
188
  $field-list-bigger-header-icon-size: 16px !default;
169
- $field-list-tree-header-padding: 6px !default;
170
189
  $field-list-bigger-tree-header-padding: 8px !default;
171
190
  $field-list-bigger-excel-dialog-min-width: 350px !default;
172
191
  $field-list-adaptive-content-padding-size: 0 !default;
@@ -176,7 +195,7 @@ $field-list-adaptive-btn-size: 52px !default;
176
195
  $field-list-adaptive-icon-height: 50px !default;
177
196
  $field-list-adaptive-drag-prompt-height: 200px !default;
178
197
  $field-list-adaptive-pivot-button-height: 36px !default;
179
- $field-list-adaptive-pivot-button-padding: 9px 16px !default;
198
+ $field-list-adaptive-pivot-button-padding: 0 16px !default;
180
199
  $pivot-dialog-font-weight: $font-weight-normal !default;
181
200
  $field-list-toggle-shadow-color: 0 1px 2px rgba(0, 0, 0, .06), 0 1px 3px rgba(0, 0, 0, .1) !default;
182
201
  $field-list-toggle-left-shadow-color: 0 1px 2px rgba(0, 0, 0, .06), 0 1px 3px rgba(0, 0, 0, .1) !default;