@syncfusion/ej2-angular-pivotview 21.1.41 → 21.2.3-ngcc

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 (168) hide show
  1. package/@syncfusion/ej2-angular-pivotview.es5.js +439 -0
  2. package/@syncfusion/ej2-angular-pivotview.es5.js.map +1 -0
  3. package/@syncfusion/ej2-angular-pivotview.js +409 -0
  4. package/@syncfusion/ej2-angular-pivotview.js.map +1 -0
  5. package/CHANGELOG.md +866 -0
  6. package/dist/ej2-angular-pivotview.umd.js +706 -0
  7. package/dist/ej2-angular-pivotview.umd.js.map +1 -0
  8. package/dist/ej2-angular-pivotview.umd.min.js +11 -0
  9. package/dist/ej2-angular-pivotview.umd.min.js.map +1 -0
  10. package/ej2-angular-pivotview.d.ts +6 -0
  11. package/ej2-angular-pivotview.metadata.json +1 -0
  12. package/package.json +15 -29
  13. package/postinstall/tagchange.js +18 -0
  14. package/schematics/utils/lib-details.d.ts +2 -2
  15. package/schematics/utils/lib-details.js +2 -2
  16. package/schematics/utils/lib-details.ts +2 -2
  17. package/src/pivotfieldlist/pivotfieldlist-all.module.d.ts +0 -6
  18. package/src/pivotfieldlist/pivotfieldlist.component.d.ts +0 -3
  19. package/src/pivotfieldlist/pivotfieldlist.module.d.ts +0 -6
  20. package/src/pivotview/pivotview-all.module.d.ts +0 -6
  21. package/src/pivotview/pivotview.component.d.ts +0 -3
  22. package/src/pivotview/pivotview.module.d.ts +0 -6
  23. package/styles/bootstrap-dark.css +1 -0
  24. package/styles/bootstrap.css +1 -0
  25. package/styles/bootstrap4.css +1 -0
  26. package/styles/bootstrap5-dark.css +1 -0
  27. package/styles/bootstrap5.css +1 -0
  28. package/styles/fabric-dark.css +1 -0
  29. package/styles/fabric.css +1 -0
  30. package/styles/fluent-dark.css +1 -0
  31. package/styles/fluent.css +1 -0
  32. package/styles/highcontrast-light.css +1 -0
  33. package/styles/highcontrast.css +1 -0
  34. package/styles/material-dark.css +1 -0
  35. package/styles/material.css +1 -0
  36. package/styles/pivotfieldlist/bootstrap-dark.css +1 -0
  37. package/styles/pivotfieldlist/bootstrap-dark.scss +1 -4
  38. package/styles/pivotfieldlist/bootstrap.css +1 -0
  39. package/styles/pivotfieldlist/bootstrap.scss +1 -4
  40. package/styles/pivotfieldlist/bootstrap4.css +1 -0
  41. package/styles/pivotfieldlist/bootstrap4.scss +1 -4
  42. package/styles/pivotfieldlist/bootstrap5-dark.css +1 -0
  43. package/styles/pivotfieldlist/bootstrap5-dark.scss +1 -4
  44. package/styles/pivotfieldlist/bootstrap5.css +1 -0
  45. package/styles/pivotfieldlist/bootstrap5.scss +1 -4
  46. package/styles/pivotfieldlist/fabric-dark.css +1 -0
  47. package/styles/pivotfieldlist/fabric-dark.scss +1 -4
  48. package/styles/pivotfieldlist/fabric.css +1 -0
  49. package/styles/pivotfieldlist/fabric.scss +1 -4
  50. package/styles/pivotfieldlist/fluent-dark.css +1 -0
  51. package/styles/pivotfieldlist/fluent-dark.scss +1 -4
  52. package/styles/pivotfieldlist/fluent.css +1 -0
  53. package/styles/pivotfieldlist/fluent.scss +1 -4
  54. package/styles/pivotfieldlist/highcontrast-light.css +1 -0
  55. package/styles/pivotfieldlist/highcontrast-light.scss +1 -4
  56. package/styles/pivotfieldlist/highcontrast.css +1 -0
  57. package/styles/pivotfieldlist/highcontrast.scss +1 -4
  58. package/styles/pivotfieldlist/material-dark.css +1 -0
  59. package/styles/pivotfieldlist/material-dark.scss +1 -4
  60. package/styles/pivotfieldlist/material.css +1 -0
  61. package/styles/pivotfieldlist/material.scss +1 -4
  62. package/styles/pivotfieldlist/tailwind-dark.css +1 -0
  63. package/styles/pivotfieldlist/tailwind-dark.scss +1 -4
  64. package/styles/pivotfieldlist/tailwind.css +1 -0
  65. package/styles/pivotfieldlist/tailwind.scss +1 -4
  66. package/styles/pivotview/bootstrap-dark.scss +1 -5
  67. package/styles/pivotview/bootstrap.scss +1 -5
  68. package/styles/pivotview/bootstrap4.scss +1 -5
  69. package/styles/pivotview/bootstrap5-dark.scss +1 -4
  70. package/styles/pivotview/bootstrap5.scss +1 -5
  71. package/styles/pivotview/fabric-dark.scss +1 -5
  72. package/styles/pivotview/fabric.scss +1 -5
  73. package/styles/pivotview/fluent-dark.scss +1 -4
  74. package/styles/pivotview/fluent.scss +1 -5
  75. package/styles/pivotview/highcontrast-light.scss +1 -5
  76. package/styles/pivotview/highcontrast.scss +1 -5
  77. package/styles/pivotview/material-dark.scss +1 -5
  78. package/styles/pivotview/material.scss +1 -5
  79. package/styles/pivotview/tailwind-dark.scss +1 -4
  80. package/styles/pivotview/tailwind.scss +1 -5
  81. package/styles/tailwind-dark.css +1 -0
  82. package/styles/tailwind.css +1 -0
  83. package/esm2020/public_api.mjs +0 -3
  84. package/esm2020/src/index.mjs +0 -8
  85. package/esm2020/src/pivotfieldlist/pivotfieldlist-all.module.mjs +0 -23
  86. package/esm2020/src/pivotfieldlist/pivotfieldlist.component.mjs +0 -66
  87. package/esm2020/src/pivotfieldlist/pivotfieldlist.module.mjs +0 -25
  88. package/esm2020/src/pivotview/pivotview-all.module.mjs +0 -65
  89. package/esm2020/src/pivotview/pivotview.component.mjs +0 -163
  90. package/esm2020/src/pivotview/pivotview.module.mjs +0 -25
  91. package/esm2020/syncfusion-ej2-angular-pivotview.mjs +0 -5
  92. package/fesm2015/syncfusion-ej2-angular-pivotview.mjs +0 -353
  93. package/fesm2015/syncfusion-ej2-angular-pivotview.mjs.map +0 -1
  94. package/fesm2020/syncfusion-ej2-angular-pivotview.mjs +0 -353
  95. package/fesm2020/syncfusion-ej2-angular-pivotview.mjs.map +0 -1
  96. package/styles/pivotfieldlist/_all.scss +0 -2
  97. package/styles/pivotfieldlist/_bootstrap-dark-definition.scss +0 -240
  98. package/styles/pivotfieldlist/_bootstrap-definition.scss +0 -194
  99. package/styles/pivotfieldlist/_bootstrap4-definition.scss +0 -194
  100. package/styles/pivotfieldlist/_bootstrap5-dark-definition.scss +0 -1
  101. package/styles/pivotfieldlist/_bootstrap5-definition.scss +0 -198
  102. package/styles/pivotfieldlist/_fabric-dark-definition.scss +0 -200
  103. package/styles/pivotfieldlist/_fabric-definition.scss +0 -194
  104. package/styles/pivotfieldlist/_fluent-dark-definition.scss +0 -1
  105. package/styles/pivotfieldlist/_fluent-definition.scss +0 -198
  106. package/styles/pivotfieldlist/_fusionnew-definition.scss +0 -197
  107. package/styles/pivotfieldlist/_highcontrast-definition.scss +0 -195
  108. package/styles/pivotfieldlist/_highcontrast-light-definition.scss +0 -195
  109. package/styles/pivotfieldlist/_layout.scss +0 -1986
  110. package/styles/pivotfieldlist/_material-dark-definition.scss +0 -195
  111. package/styles/pivotfieldlist/_material-definition.scss +0 -195
  112. package/styles/pivotfieldlist/_tailwind-dark-definition.scss +0 -1
  113. package/styles/pivotfieldlist/_tailwind-definition.scss +0 -198
  114. package/styles/pivotfieldlist/_theme.scss +0 -1993
  115. package/styles/pivotfieldlist/icons/_bootstrap-dark.scss +0 -359
  116. package/styles/pivotfieldlist/icons/_bootstrap.scss +0 -359
  117. package/styles/pivotfieldlist/icons/_bootstrap4.scss +0 -359
  118. package/styles/pivotfieldlist/icons/_bootstrap5-dark.scss +0 -1
  119. package/styles/pivotfieldlist/icons/_bootstrap5.scss +0 -358
  120. package/styles/pivotfieldlist/icons/_fabric-dark.scss +0 -359
  121. package/styles/pivotfieldlist/icons/_fabric.scss +0 -359
  122. package/styles/pivotfieldlist/icons/_fluent-dark.scss +0 -1
  123. package/styles/pivotfieldlist/icons/_fluent.scss +0 -358
  124. package/styles/pivotfieldlist/icons/_fusionnew.scss +0 -353
  125. package/styles/pivotfieldlist/icons/_highcontrast-light.scss +0 -358
  126. package/styles/pivotfieldlist/icons/_highcontrast.scss +0 -358
  127. package/styles/pivotfieldlist/icons/_material-dark.scss +0 -359
  128. package/styles/pivotfieldlist/icons/_material.scss +0 -358
  129. package/styles/pivotfieldlist/icons/_material3.scss +0 -353
  130. package/styles/pivotfieldlist/icons/_tailwind-dark.scss +0 -357
  131. package/styles/pivotfieldlist/icons/_tailwind.scss +0 -357
  132. package/styles/pivotview/_all.scss +0 -2
  133. package/styles/pivotview/_bootstrap-dark-definition.scss +0 -164
  134. package/styles/pivotview/_bootstrap-definition.scss +0 -161
  135. package/styles/pivotview/_bootstrap4-definition.scss +0 -161
  136. package/styles/pivotview/_bootstrap5-dark-definition.scss +0 -1
  137. package/styles/pivotview/_bootstrap5-definition.scss +0 -166
  138. package/styles/pivotview/_fabric-dark-definition.scss +0 -163
  139. package/styles/pivotview/_fabric-definition.scss +0 -160
  140. package/styles/pivotview/_fluent-dark-definition.scss +0 -1
  141. package/styles/pivotview/_fluent-definition.scss +0 -166
  142. package/styles/pivotview/_fusionnew-definition.scss +0 -166
  143. package/styles/pivotview/_highcontrast-definition.scss +0 -159
  144. package/styles/pivotview/_highcontrast-light-definition.scss +0 -160
  145. package/styles/pivotview/_layout.scss +0 -1118
  146. package/styles/pivotview/_material-dark-definition.scss +0 -167
  147. package/styles/pivotview/_material-definition.scss +0 -163
  148. package/styles/pivotview/_tailwind-dark-definition.scss +0 -1
  149. package/styles/pivotview/_tailwind-definition.scss +0 -166
  150. package/styles/pivotview/_theme.scss +0 -2026
  151. package/styles/pivotview/icons/_bootstrap-dark.scss +0 -184
  152. package/styles/pivotview/icons/_bootstrap.scss +0 -184
  153. package/styles/pivotview/icons/_bootstrap4.scss +0 -184
  154. package/styles/pivotview/icons/_bootstrap5-dark.scss +0 -1
  155. package/styles/pivotview/icons/_bootstrap5.scss +0 -183
  156. package/styles/pivotview/icons/_fabric-dark.scss +0 -184
  157. package/styles/pivotview/icons/_fabric.scss +0 -184
  158. package/styles/pivotview/icons/_fluent-dark.scss +0 -1
  159. package/styles/pivotview/icons/_fluent.scss +0 -183
  160. package/styles/pivotview/icons/_fusionnew.scss +0 -183
  161. package/styles/pivotview/icons/_highcontrast-light.scss +0 -183
  162. package/styles/pivotview/icons/_highcontrast.scss +0 -183
  163. package/styles/pivotview/icons/_material-dark.scss +0 -184
  164. package/styles/pivotview/icons/_material.scss +0 -184
  165. package/styles/pivotview/icons/_material3.scss +0 -183
  166. package/styles/pivotview/icons/_tailwind-dark.scss +0 -183
  167. package/styles/pivotview/icons/_tailwind.scss +0 -183
  168. package/syncfusion-ej2-angular-pivotview.d.ts +0 -5
@@ -1,1993 +0,0 @@
1
- @include export-module('field-list-theme') {
2
-
3
- /*! field-list theme */
4
-
5
- .e-pivotfieldlist {
6
-
7
- .e-member-editor-dialog,
8
- .e-olap-editor-dialog {
9
- visibility: hidden;
10
- }
11
-
12
- .e-select-table {
13
- background-color: $field-list-toggle-bg-color;
14
- border: .5px $field-list-border-type $field-list-toggle-border-color;
15
- box-shadow: $field-list-toggle-shadow-color;
16
- color: $field-list-toggle-font-color;
17
- font-size: $field-list-toggle-icon-size;
18
- height: $field-list-toggle-size;
19
- max-height: $field-list-toggle-size;
20
- max-width: $field-list-toggle-size;
21
- min-height: $field-list-toggle-size;
22
- min-width: $field-list-toggle-size;
23
- padding: $field-list-toggle-padding-size;
24
- position: relative;
25
- width: $field-list-toggle-size;
26
- z-index: 1000;
27
-
28
- &.e-fieldlist-left {
29
- box-shadow: $field-list-toggle-left-shadow-color;
30
- }
31
-
32
- &:focus,
33
- &:active {
34
- background-color: $field-list-toggle-hover-color;
35
- }
36
-
37
- &:hover {
38
- background-color: $field-list-toggle-hover-color;
39
- }
40
- }
41
- }
42
-
43
- /* stylelint-disable */
44
- #{if(&, "&", "*")}.e-rtl {
45
-
46
- .e-select-table {
47
- padding: 8px 5px;
48
- }
49
- }
50
-
51
- .e-bigger .e-pivotfieldlist,
52
- .e-bigger.e-pivotfieldlist {
53
- .e-select-table {
54
- font-size: $field-list-toggle-icon-bigger-size;
55
- height: $field-list-toggle-bigger-size;
56
- max-height: $field-list-toggle-bigger-size;
57
- max-width: $field-list-toggle-bigger-size;
58
- min-height: $field-list-toggle-bigger-size;
59
- min-width: $field-list-toggle-bigger-size;
60
- }
61
-
62
- .e-member-editor-dialog,
63
- .e-olap-editor-dialog {
64
- max-height: 440px !important;
65
- min-width: 370px !important;
66
-
67
- .e-member-editor-container-outer-div {
68
- min-height: 75px !important;
69
-
70
- .e-list-parent .e-ul {
71
- height: auto;
72
- }
73
- }
74
- }
75
- }
76
-
77
- .e-pivotfieldlist-container {
78
- font-family: $field-list-font-family;
79
- font-size: $field-list-content-font-size;
80
- max-width: 700px;
81
- min-width: 300px;
82
-
83
- &.sf-pivotfieldlist-container {
84
- .e-field-list-container .e-field-table .e-field-list
85
- {
86
- display: block;
87
- overflow-y: auto;
88
- &.e-olap-field-list-tree.e-treeview {
89
- ul:first-child {
90
- padding-right: 0;
91
- }
92
- li {
93
- &.e-no-checkbox > .e-text-content > .e-checkbox-wrapper, .e-measure-icon {
94
- display: none;
95
- }
96
- &.e-rtl {
97
- ul:first-child {
98
- padding-left: 0;
99
- padding-right: 10px;
100
- }
101
- }
102
- }
103
- }
104
-
105
- li {
106
- .e-drag {
107
- padding: revert;
108
- margin: revert;
109
- width: auto;
110
- height: auto;
111
- }
112
- .e-draggable {
113
- display: contents;
114
- }
115
- .e-text-content {
116
- display: flex;
117
- align-items: center;
118
- }
119
- .e-list-text {
120
- text-overflow: ellipsis;
121
- overflow-x: hidden;
122
- width: 100%;
123
- white-space: nowrap;
124
- }
125
- }
126
- }
127
- .e-field-list-container .e-field-table .e-field-list.e-treeview:not(.e-rtl) {
128
- .e-list-text {
129
- padding-right: revert;
130
- }
131
- }
132
-
133
- .e-field-list-container .e-field-table .e-field-list.e-treeview.e-rtl {
134
- .e-list-text {
135
- padding-left: revert;
136
- }
137
- }
138
- .e-adaptive-field-list-dialog .e-member-editor-container
139
- {
140
- li {
141
- &.e-no-checkbox > .e-text-content > .e-checkbox-wrapper, .e-measure-icon {
142
- display: none;
143
- }
144
- }
145
- }
146
- }
147
- .e-layout-footer {
148
- display: flex;
149
- padding: 10px 2px 2px;
150
-
151
- .e-button-layout {
152
- flex: auto;
153
- text-align: end;
154
-
155
- .e-defer-apply-button {
156
- margin-right: 10px;
157
- }
158
-
159
- .e-cancel-btn,
160
- .e-defer-apply-button {
161
- min-width: fit-content;
162
- }
163
- }
164
-
165
- .e-cancel-btn,
166
- .e-defer-apply-button,
167
- .e-checkbox-layout {
168
- max-width: 25%;
169
- overflow: hidden;
170
- text-overflow: ellipsis;
171
- white-space: nowrap;
172
- }
173
-
174
- .e-checkbox-layout .e-label {
175
- padding-right: 10px;
176
- }
177
-
178
- .e-checkbox-layout {
179
- max-width: 45%;
180
- }
181
-
182
- }
183
-
184
- .e-checkbox-layout {
185
- float: left;
186
- margin-top: 6px;
187
-
188
- @if ($skin-name == 'tailwind') or ($skin-name == 'FluentUI') {
189
- margin-left: 0 !important;
190
- margin-right: 0 !important;
191
- }
192
- }
193
-
194
- &.e-rtl {
195
- .e-layout-footer {
196
- .e-defer-apply-button {
197
- margin-left: 10px;
198
- }
199
- }
200
-
201
- .e-checkbox-layout {
202
- float: right;
203
- }
204
- }
205
-
206
- &.e-dialog {
207
- max-height: 550px !important;
208
-
209
- .e-layout-footer {
210
- padding: 0;
211
- }
212
-
213
- .e-checkbox-layout {
214
- margin-left: 10px;
215
- }
216
-
217
- .e-button-layout {
218
- margin-right: 10px;
219
- }
220
- }
221
-
222
- /* stylelint-enable */
223
-
224
- .e-dlg-header-content,
225
- .e-footer-content {
226
- border: 0;
227
- }
228
-
229
- .e-dlg-header-content {
230
- @if ($skin-name == 'bootstrap5') {
231
- border-bottom: 1px solid $field-list-border;
232
- }
233
- }
234
-
235
- .e-footer-content {
236
- @if ($skin-name == 'bootstrap5') {
237
- border-top: 1px solid $field-list-border;
238
- }
239
- }
240
-
241
- .e-field-list-title {
242
- display: flex;
243
- font-size: $field-list-title-font-size;
244
- min-height: 25px;
245
- padding: 0 2px $field-list-title-padding-size;
246
- width: 100%;
247
-
248
- .e-title-content {
249
- flex: auto;
250
- }
251
- }
252
-
253
- .e-title-header {
254
- display: flex;
255
- padding: 2px;
256
- width: 100%;
257
-
258
- .e-title-content {
259
- flex: auto;
260
- }
261
- }
262
-
263
- .e-field-list-container {
264
- display: flex;
265
- height: 342px;
266
- padding: 1px;
267
- position: relative;
268
-
269
- .e-field-table {
270
- border: $field-list-border-size $field-list-border-type $field-list-default-border-color;
271
- border-radius: $field-list-default-border-radius;
272
- display: inline-block;
273
- overflow: hidden;
274
- width: 30%;
275
-
276
- .e-field-list-tree {
277
- .e-sibling {
278
- display: none;
279
- }
280
- }
281
-
282
- .e-field-header,
283
- .e-field-list {
284
- width: 100%;
285
- }
286
-
287
- .e-field-header {
288
- background-color: $field-list-header-background-color;
289
- color: $field-list-default-header-font-color;
290
- font-size: $field-list-header-font-size;
291
- font-weight: normal;
292
- height: $field-list-header-height;
293
- overflow: hidden;
294
- padding: $field-list-tree-header-padding 0 0 $field-list-header-padding;
295
- text-align: left;
296
- text-overflow: ellipsis;
297
- word-break: break-all;
298
- @if ($field-list-skin == 'tailwind') {
299
- text-transform: uppercase;
300
- }
301
-
302
- @if ($field-list-skin == 'bootstrap4') {
303
- padding-left: 12px;
304
- }
305
-
306
- @if ($skin-name == 'FluentUI') {
307
- font-weight: 600;
308
- }
309
- }
310
-
311
- .e-field-header-container {
312
- background-color: $field-list-header-background-color;
313
- color: $field-list-default-header-font-color;
314
- display: flex;
315
- padding-right: $field-list-header-padding;
316
-
317
- .e-field-header {
318
- flex: auto;
319
- }
320
-
321
- .e-sort-none,
322
- .e-sort-ascend,
323
- .e-sort-descend {
324
- color: $field-list-default-header-icon-font-color;
325
- cursor: pointer;
326
- font-size: $field-list-header-icon-size;
327
- /* stylelint-disable */
328
- height: 20px !important;
329
- /* stylelint-enable */
330
- padding: $field-list-tree-header-padding 0 0 $field-list-icon-to-icon-padding;
331
- width: 20px;
332
-
333
- &.e-selected::before {
334
- color: $field-list-active-color;
335
- }
336
-
337
- &:hover {
338
- font-weight: bold;
339
- }
340
-
341
- &:focus {
342
- font-weight: bold;
343
- }
344
- }
345
-
346
- /* stylelint-disable */
347
- @if ($skin-name == 'FluentUI') {
348
- .e-sort-none {
349
- padding: 0 0 $field-list-icon-to-icon-padding $field-list-tree-header-padding !important;
350
- transform: rotate(180deg);
351
- }
352
- }
353
- /* stylelint-enable */
354
- }
355
-
356
- .e-field-list-tree-outer-div {
357
- display: inline-block;
358
- height: 310px;
359
- overflow: auto;
360
- width: 100%;
361
- }
362
-
363
- .e-field-list {
364
- display: inline-table;
365
- height: 100%;
366
- padding-left: 2px;
367
- width: 100%;
368
-
369
- &:not(.e-olap-field-list-tree) {
370
- ul {
371
- padding-left: $field-list-treeview-ul-padding;
372
-
373
- li.e-pivot-parent{
374
- @if ($skin-name == 'bootstrap5') {
375
- padding-left: 10px;
376
- }
377
-
378
- @if ($skin-name == 'FluentUI') {
379
- padding-left: 9px;
380
- }
381
- }
382
-
383
- li:not(.e-pivot-parent):not(.e-pivot-child) {
384
- .e-text-content {
385
- padding-left: $field-list-treeview-li-padding;
386
- }
387
- }
388
- }
389
- }
390
-
391
- ul {
392
- overflow: hidden;
393
-
394
- li {
395
- .e-fullrow {
396
- cursor: default;
397
- }
398
-
399
- .e-drag {
400
- color: $field-list-drag-icon-color;
401
- cursor: move;
402
- display: inline-block;
403
- font-size: $field-list-icon-size;
404
- height: 20px;
405
- margin-bottom: $field-list-treeview-drag-margin;
406
- margin-right: 6px;
407
- pointer-events: all;
408
- text-align: center;
409
- vertical-align: bottom;
410
- width: 20px;
411
-
412
- @if ($skin-name == 'bootstrap5') or ($skin-name == 'FluentUI') {
413
- margin-right: 4px;
414
- padding-left: 8px;
415
- }
416
-
417
- @if ($skin-name == 'tailwind') {
418
- margin-bottom: 0;
419
- vertical-align: middle;
420
- }
421
-
422
- &.e-disable-drag {
423
- cursor: not-allowed;
424
- opacity: .4;
425
- visibility: hidden;
426
- }
427
- }
428
-
429
- .e-list-icon {
430
- color: $field-list-tree-icon-color;
431
- margin: 0;
432
- }
433
-
434
- /* stylelint-disable */
435
- .e-calc-measure-icon,
436
- .e-calc-dimension-icon,
437
- .e-attributeCDB-icon,
438
- .e-hierarchyCDB-icon,
439
- .e-level-members,
440
- .e-namedSetCDB-icon,
441
- .e-measure-icon,
442
- .e-kpiGoal-icon,
443
- .e-kpiStatus-icon,
444
- .e-kpiTrend-icon,
445
- .e-kpiValue-icon {
446
- margin-left: 10px;
447
- }
448
-
449
- /* stylelint-enable */
450
-
451
- .e-list-selected {
452
- opacity: .5;
453
- }
454
-
455
- .e-selected-node {
456
- font-weight: $field-list-treeview-font-weight;
457
- }
458
-
459
- .e-list-text {
460
- font-family: $field-list-font-family;
461
- }
462
- }
463
-
464
- /* stylelint-disable */
465
- li.e-disable {
466
- display: none !important;
467
- }
468
- /* stylelint-enable */
469
- }
470
-
471
- &.e-olap-field-list-tree {
472
- ul {
473
- .e-list-icon {
474
- font-size: $field-list-icon-size;
475
- height: auto;
476
- width: auto;
477
- }
478
- }
479
-
480
- &.e-treeview ul:first-child {
481
- padding-left: 10px;
482
- padding-right: 10px;
483
- }
484
-
485
- &.e-rtl {
486
- ul {
487
- .e-list-icon {
488
- transform: rotateX(0deg) rotateY(180deg);
489
- }
490
- }
491
- }
492
- }
493
- }
494
-
495
- &.e-olap-field-table {
496
- width: 40%;
497
- }
498
- }
499
-
500
- .e-axis-table {
501
- display: flex;
502
- overflow: hidden;
503
- width: 70%;
504
-
505
- .e-left-axis-fields,
506
- .e-right-axis-fields {
507
- padding-left: $field-list-default-padding-size;
508
- width: 50%;
509
- }
510
-
511
- .e-left-axis-fields .e-field-list-filters,
512
- .e-left-axis-fields .e-field-list-rows,
513
- .e-right-axis-fields .e-field-list-columns,
514
- .e-right-axis-fields .e-field-list-values {
515
- background-color: $field-list-table-background-color;
516
- border: $field-list-border-size $field-list-border-type $field-list-default-border-color;
517
- border-radius: $field-list-default-border-radius;
518
- fill: $field-list-default-fill-color;
519
- font-weight: normal;
520
- min-height: 165px;
521
- position: relative;
522
- width: 100%;
523
-
524
- .e-axis-container {
525
- background-color: $field-list-header-background-color;
526
- border-bottom: $field-list-border-size $field-list-border-type $field-list-default-border-color;
527
- color: $field-list-default-header-font-color;
528
- display: flex;
529
- height: $field-list-header-height;
530
- padding: 2px $field-list-header-padding 5px;
531
-
532
- @if ($skin-name == 'tailwind') {
533
- padding: 5px $field-list-header-padding;
534
- }
535
-
536
- .e-axis-icon-container {
537
- height: 20px;
538
- padding-top: $field-list-header-icon-wrapper-padding;
539
- width: 20px;
540
-
541
- .e-axis-rows,
542
- .e-axis-columns,
543
- .e-axis-values,
544
- .e-axis-filters {
545
- color: $field-list-default-header-icon-font-color;
546
- font-size: $field-list-header-icon-size;
547
- }
548
- }
549
- }
550
-
551
- .e-axis-header {
552
- flex: auto;
553
- font-size: $field-list-header-font-size;
554
- line-height: $field-list-header-content-line-height;
555
- margin-top: 2px;
556
- overflow: hidden;
557
- padding: 0 8px;
558
- text-overflow: ellipsis;
559
- text-transform: $field-list-text-transform;
560
- width: 100%;
561
-
562
- @if ($field-list-skin == 'bootstrap4') {
563
- margin-top: 3px;
564
- }
565
-
566
- @if ($skin-name == 'bootstrap5') {
567
- margin-top: 4px;
568
- }
569
- }
570
-
571
- .e-axis-content {
572
- cursor: default;
573
- width: 100%;
574
-
575
- &.e-drag-restrict {
576
- cursor: no-drop;
577
- }
578
-
579
- .e-pvt-btn-div {
580
-
581
- .e-drop-indicator-last,
582
- .e-drop-indicator {
583
- display: block;
584
- pointer-events: none;
585
- width: 100%;
586
-
587
- &.e-drop-hover {
588
- border-top: 2px dashed $field-list-drop-hover-color;
589
- margin-top: -2px;
590
- @if ($skin-name == 'tailwind') {
591
- border-top: 2px solid $field-list-drop-hover-color;
592
- }
593
-
594
- @if ($skin-name == 'bootstrap5') {
595
- border-top: 2px solid $field-list-drop-hover-color;
596
- }
597
- }
598
- }
599
-
600
- &.e-first-btn {
601
- .e-drop-indicator {
602
- &.e-drop-hover {
603
- position: absolute;
604
- }
605
- }
606
- }
607
-
608
- .e-pivot-button {
609
- background-color: $field-list-button-color;
610
- border-bottom: $field-list-border-size $field-list-border-type $field-list-button-border-color;
611
- border-left: 0;
612
- border-radius: 0;
613
- border-right: 0;
614
- border-top: 0;
615
- box-shadow: none;
616
- cursor: default;
617
- display: flex;
618
- font-weight: normal;
619
- height: $field-list-button-height;
620
- line-height: 1em;
621
- padding: $field-list-button-padding;
622
- text-transform: none;
623
- width: 100%;
624
-
625
- @if ($field-list-skin == 'bootstrap4') {
626
- color: $field-list-button-font-color;
627
- }
628
-
629
- @if ($skin-name == 'bootstrap5') {
630
- color: $field-list-button-font-color;
631
- }
632
-
633
- &.e-list-selected {
634
- color: $field-list-button-font-color;
635
- opacity: .5;
636
- }
637
-
638
- &:hover {
639
- background-color: $field-list-button-hover-color;
640
-
641
- .e-content {
642
- background-color: transparent;
643
- }
644
- }
645
-
646
- &:focus,
647
- &:active {
648
- background-color: $field-list-button-focus-color;
649
- color: $field-list-button-active-color;
650
-
651
- .e-content {
652
- background-color: transparent;
653
- }
654
-
655
- .e-sort,
656
- .e-pv-filter,
657
- .e-pv-filtered,
658
- .e-dropdown-icon,
659
- .e-edit {
660
- color: $field-list-button-active-color;
661
- }
662
-
663
- .e-drag {
664
- @if ($skin-name == 'tailwind') {
665
- color: $field-list-button-active-color;
666
- }
667
- }
668
- }
669
-
670
- .e-content {
671
- background-color: transparent;
672
- flex: auto;
673
- font-size: $field-list-button-font-size;
674
- height: 16px;
675
- line-height: 1em;
676
- overflow: hidden;
677
- padding: 0 8px;
678
- text-align: left;
679
- text-overflow: ellipsis;
680
- width: 70%;
681
- @if ($skin-name == 'tailwind') {
682
- line-height: 1.2em;
683
- }
684
- }
685
-
686
- .e-draggable {
687
- height: 20px;
688
- width: 20px;
689
- }
690
-
691
- .e-drag {
692
- color: $field-list-drag-icon-color;
693
- cursor: move;
694
- font-size: $field-list-icon-size;
695
- height: 20px;
696
- width: 20px;
697
-
698
- &.e-disable-drag {
699
- cursor: not-allowed;
700
- opacity: .4;
701
- visibility: hidden;
702
- }
703
- }
704
-
705
- .e-sort,
706
- .e-pv-filter,
707
- .e-pv-filtered,
708
- .e-dropdown-icon,
709
- .e-edit {
710
- color: $field-list-button-icon-color;
711
- cursor: pointer;
712
- display: inline-block;
713
- font-size: $field-list-icon-size;
714
- height: 20px;
715
- padding-left: $field-list-icon-to-icon-padding;
716
- width: 20px;
717
-
718
- &:hover {
719
- color: $field-list-icon-hover-color;
720
- }
721
-
722
- &.e-disable {
723
- display: none;
724
- }
725
- }
726
-
727
- .e-sort {
728
- height: $field-list-icon-size;
729
- }
730
-
731
- .e-remove {
732
- display: none;
733
- }
734
-
735
- &.e-rtl {
736
- .e-content {
737
- text-align: right;
738
- }
739
-
740
- .e-sort,
741
- .e-pv-filter,
742
- .e-pv-filtered,
743
- .e-remove,
744
- .e-dropdown-icon,
745
- .e-edit {
746
- padding-left: 0;
747
- padding-right: $field-list-icon-to-icon-padding;
748
- }
749
- }
750
- }
751
- }
752
- }
753
-
754
- .e-sort {
755
- height: fit-content;
756
- transform: rotateX(0deg);
757
- transition: transform 200ms ease-in-out;
758
-
759
- &.e-descend {
760
- transform: rotateX(180deg);
761
- }
762
- }
763
-
764
- .e-axis-content {
765
- height: $field-list-axis-content-height;
766
- overflow: auto;
767
- scroll-behavior: smooth;
768
- }
769
-
770
- .e-draggable-prompt {
771
- bottom: 32%;
772
- color: $field-list-default-prompt-color;
773
- font-size: $field-list-content-font-size;
774
- height: 25px;
775
- pointer-events: none;
776
- position: absolute;
777
- text-align: center;
778
- width: 100%;
779
-
780
- &.e-disable {
781
- display: none;
782
- }
783
- }
784
- }
785
-
786
- .e-left-axis-fields .e-field-list-rows,
787
- .e-right-axis-fields .e-field-list-values {
788
- margin-top: $field-list-default-padding-size;
789
- }
790
-
791
- &.e-olap-axis-table {
792
- width: 60%;
793
- }
794
- }
795
- }
796
-
797
- &.e-search-mode {
798
- &.e-static {
799
- max-height: 750px;
800
-
801
- .e-field-list-container .e-field-table {
802
- height: 261px;
803
- }
804
- }
805
-
806
- &.e-popup {
807
- min-height: 540px;
808
-
809
- .e-field-list-container {
810
- height: 369px;
811
-
812
- /* stylelint-disable */
813
- .e-field-table {
814
- height: $field-list-search-popup-table-height !important;
815
- }
816
-
817
- .e-axis-table {
818
- height: 392px;
819
-
820
- .e-axis-content {
821
- height: $field-list-search-popup-axis-content-height !important;
822
- }
823
- }
824
- /* stylelint-enable */
825
- }
826
- }
827
-
828
- .e-member-prompt {
829
- color: $field-list-drag-icon-color;
830
- padding: $field-list-member-prompt-padding-size;
831
- text-align: center;
832
- width: 100%;
833
-
834
- &.e-disable {
835
- display: none;
836
- }
837
- }
838
-
839
- .e-field-table {
840
- .e-field-list-search {
841
- display: flex;
842
- padding: $field-list-search-padding-size;
843
-
844
- .e-field-list-search-input .e-field-list-search-icon {
845
- float: right;
846
- font-size: $field-list-header-icon-size;
847
- }
848
-
849
- /* stylelint-disable */
850
- .e-input-group .e-input-group-icon,
851
- .e-input-group.e-control-wrapper .e-input-group-icon {
852
- border-width: 0 !important;
853
- cursor: text !important;
854
- }
855
-
856
- .e-input-group-icon:hover {
857
- background-color: transparent !important;
858
- border: transparent !important;
859
- color: currentColor !important;
860
- }
861
- }
862
-
863
- .e-field-list-tree-outer-div .e-disable,
864
- .e-disable {
865
- display: none !important;
866
- }
867
- }
868
- }
869
-
870
- .e-calculated-field {
871
- color: $field-list-cal-button-text-color;
872
- font-size: $field-list-button-font-size;
873
- font-weight: $field-list-button-font-weight;
874
- max-width: 160px;
875
- min-width: 145px;
876
-
877
- &.e-disable {
878
- display: none;
879
- }
880
- }
881
-
882
- /* stylelint-enable */
883
-
884
- &.e-rtl {
885
- .e-field-table {
886
- .e-field-list {
887
- padding-left: 0;
888
- padding-right: 2px;
889
-
890
- &:not(.e-olap-field-list-tree) {
891
- ul {
892
- padding-right: $field-list-treeview-ul-padding;
893
-
894
- li.e-pivot-parent{
895
- @if ($skin-name == 'bootstrap5') {
896
- padding-right: 5px;
897
- }
898
-
899
- @if ($skin-name == 'FluentUI') {
900
- padding-right: 9px;
901
- }
902
- }
903
-
904
- li:not(.e-pivot-parent):not(.e-pivot-child) {
905
- .e-text-content {
906
- padding-right: $field-list-treeview-li-padding;
907
- }
908
- }
909
- }
910
- }
911
-
912
- ul li {
913
- /* stylelint-disable */
914
- .e-list-text {
915
- font-family: $field-list-font-family;
916
- }
917
-
918
- .e-drag {
919
- margin-left: 6px !important;
920
- margin-right: 0 !important;
921
- @if ($skin-name == 'bootstrap5') or ($skin-name == 'FluentUI') {
922
- padding-right: 8px;
923
- }
924
- }
925
-
926
- .e-calc-measure-icon,
927
- .e-calc-dimension-icon,
928
- .e-attributeCDB-icon,
929
- .e-hierarchyCDB-icon,
930
- .e-level-members,
931
- .e-namedSetCDB-icon,
932
- .e-measure-icon,
933
- .e-kpiGoal-icon,
934
- .e-kpiStatus-icon,
935
- .e-kpiTrend-icon,
936
- .e-kpiValue-icon {
937
- margin-left: 0;
938
- margin-right: 10px;
939
- }
940
-
941
- /* stylelint-enable */
942
- }
943
- }
944
-
945
- .e-field-header {
946
- padding-left: 0;
947
- padding-right: $field-list-header-padding;
948
- text-align: right;
949
-
950
- @if ($field-list-skin == 'bootstrap4') {
951
- padding-right: 12px;
952
- }
953
- }
954
-
955
- .e-field-header-container {
956
- padding-left: $field-list-header-padding;
957
- padding-right: 0;
958
-
959
- .e-sort-none,
960
- .e-sort-ascend,
961
- .e-sort-descend {
962
- padding: $field-list-tree-header-padding $field-list-icon-to-icon-padding 0 0;
963
- }
964
-
965
- /* stylelint-disable */
966
- @if ($skin-name == 'FluentUI') {
967
- .e-sort-none {
968
- padding: $field-list-icon-to-icon-padding 0 0 $field-list-tree-header-padding !important;
969
- transform: rotate(180deg);
970
- }
971
- }
972
- /* stylelint-enable */
973
- }
974
- }
975
-
976
- .e-axis-table {
977
-
978
- .e-left-axis-fields,
979
- .e-right-axis-fields {
980
- padding-left: 0;
981
- padding-right: $field-list-default-padding-size;
982
- }
983
-
984
- .e-left-axis-fields .e-field-list-filters,
985
- .e-left-axis-fields .e-field-list-rows,
986
- .e-right-axis-fields .e-field-list-columns,
987
- .e-right-axis-fields .e-field-list-values {
988
- .e-axis-header {
989
- float: right;
990
- }
991
- }
992
- }
993
- }
994
-
995
- &.e-static {
996
- background-color: $field-list-default-bg-color;
997
- border: $field-list-border-size $field-list-border-type $field-list-default-border-color;
998
- max-height: 700px;
999
- padding: $field-list-static-padding-size;
1000
- position: relative;
1001
-
1002
- .e-title-content {
1003
- color: $field-list-default-font-color;
1004
- }
1005
-
1006
- .e-field-list-container {
1007
- display: inline-block;
1008
- height: 100%;
1009
- width: 100%;
1010
-
1011
- .e-field-table {
1012
- height: 210px;
1013
- width: 100%;
1014
-
1015
- .e-field-list-tree-outer-div {
1016
- height: 180px;
1017
- }
1018
- }
1019
-
1020
- .e-center-div {
1021
- display: none;
1022
- }
1023
-
1024
- .e-center-title {
1025
- color: $field-list-default-header-font-color;
1026
- font-size: $field-list-header-font-size;
1027
- height: 25px;
1028
- margin-top: 5px;
1029
- overflow: hidden;
1030
- text-align: left;
1031
- text-overflow: ellipsis;
1032
- }
1033
-
1034
- .e-axis-table {
1035
- width: 100%;
1036
-
1037
- .e-left-axis-fields {
1038
- padding: 0;
1039
- }
1040
-
1041
- .e-right-axis-fields {
1042
- padding-left: $field-list-default-padding-size;
1043
- }
1044
-
1045
- .e-left-axis-fields .e-field-list-rows,
1046
- .e-right-axis-fields .e-field-list-values {
1047
- margin-top: $field-list-default-padding-size;
1048
- }
1049
-
1050
- .e-left-axis-fields .e-field-list-filters,
1051
- .e-left-axis-fields .e-field-list-rows,
1052
- .e-right-axis-fields .e-field-list-columns,
1053
- .e-right-axis-fields .e-field-list-values {
1054
- .e-axis-container {
1055
- .e-axis-icon-container {
1056
- padding-top: $field-list-static-header-icon-wrapper-padding;
1057
- }
1058
- }
1059
- }
1060
- }
1061
- }
1062
-
1063
- &.e-rtl {
1064
- .e-center-title {
1065
- text-align: right;
1066
- }
1067
-
1068
- .e-axis-table {
1069
- .e-left-axis-fields {
1070
- padding-left: $field-list-static-padding-size;
1071
- }
1072
-
1073
- .e-right-axis-fields {
1074
- padding: 0;
1075
- }
1076
- }
1077
- }
1078
- }
1079
-
1080
- &.e-device {
1081
- height: 100%;
1082
- /* stylelint-disable */
1083
- max-height: 100% !important;
1084
- max-width: 100% !important;
1085
- /* stylelint-enable */
1086
- min-height: 500px;
1087
- width: 100%;
1088
-
1089
- .e-dlg-header-content {
1090
- background-color: $field-list-mobile-header-color;
1091
- color: $field-list-mobile-header-font-color;
1092
- font-size: 14px;
1093
- @if ($skin-name == 'tailwind') {
1094
- padding-left: 16px;
1095
- padding-right: 16px;
1096
- }
1097
- }
1098
-
1099
- .e-adaptive-field-list-dialog,
1100
- .e-member-editor-dialog {
1101
- .e-dlg-header-content {
1102
- background-color: transparent;
1103
- color: $field-list-mobile-header-font-color;
1104
- }
1105
-
1106
- .e-dlg-content .e-field-list-tree-outer-div {
1107
- height: 210px;
1108
- overflow: auto;
1109
- }
1110
- }
1111
-
1112
- .e-title-mobile-header {
1113
- display: flex;
1114
- align-items: center;
1115
- }
1116
-
1117
- .e-field-list-back-icon {
1118
- color: $field-list-back-font-color;
1119
- font-size: 16px;
1120
- height: auto;
1121
- margin-left: 0;
1122
- margin-right: 12px;
1123
- text-align: center;
1124
- width: 24px;
1125
- }
1126
-
1127
- .e-disable {
1128
- display: none;
1129
- }
1130
-
1131
- .e-adaptive-container {
1132
- height: 100%;
1133
- position: relative;
1134
-
1135
- .e-tab-header {
1136
- background-color: $field-list-header-background-color;
1137
-
1138
- .e-toolbar-item {
1139
- .e-tab-wrap {
1140
- border: 0;
1141
- }
1142
- }
1143
- }
1144
-
1145
- .e-content {
1146
- display: initial;
1147
-
1148
- .e-field-list-filters,
1149
- .e-field-list-rows,
1150
- .e-field-list-columns,
1151
- .e-field-list-values {
1152
- display: inline-block;
1153
- height: 100%;
1154
- min-height: 250px;
1155
- padding-top: $field-list-adaptive-content-padding-size;
1156
- position: relative;
1157
- width: 100%;
1158
-
1159
- .e-axis-content {
1160
- overflow: auto;
1161
- }
1162
-
1163
- .e-pvt-btn-div {
1164
- display: grid;
1165
-
1166
- .e-drop-indicator {
1167
- display: none;
1168
- }
1169
-
1170
- .e-pivot-button {
1171
- border: $field-list-border-size $field-list-border-type $field-list-button-border-color;
1172
- border-left: 0;
1173
- border-radius: 0;
1174
- border-right: 0;
1175
- border-top: 0;
1176
- border-width: 1px 0;
1177
- box-shadow: none;
1178
- display: flex;
1179
- font-size: $field-list-bigger-button-font-size;
1180
- font-weight: normal;
1181
- height: $field-list-adaptive-pivot-button-height;
1182
- line-height: normal;
1183
- padding: $field-list-adaptive-pivot-button-padding;
1184
- text-transform: none;
1185
- width: 100%;
1186
-
1187
- @if ($skin-name == 'bootstrap5') {
1188
- background-color: $field-list-default-bg-color;
1189
- color: $field-list-default-font-color;
1190
- }
1191
-
1192
- &.e-list-selected {
1193
- opacity: .5;
1194
- }
1195
-
1196
- .e-content {
1197
- flex: auto;
1198
- font-size: $field-list-bigger-button-font-size;
1199
- height: 100%;
1200
- margin-top: -2px;
1201
- overflow: hidden;
1202
- text-align: left;
1203
- text-overflow: ellipsis;
1204
- width: 70%;
1205
- }
1206
-
1207
- .e-drag {
1208
- display: none;
1209
- }
1210
-
1211
- /* stylelint-disable */
1212
- .e-sort,
1213
- .e-pv-filter,
1214
- .e-pv-filtered,
1215
- .e-remove,
1216
- .e-dropdown-icon,
1217
- .e-edit {
1218
- color: $field-list-button-icon-color;
1219
- cursor: pointer;
1220
- display: inline-block;
1221
- font-size: $field-list-bigger-icon-size;
1222
- height: 24px;
1223
- padding-left: 10px;
1224
- width: 24px;
1225
- font-size: 14px !important;
1226
-
1227
- @if ($field-list-skin == 'bootstrap4') {
1228
- color: $white;
1229
- }
1230
-
1231
- @if ($skin-name == 'bootstrap5') {
1232
- color: $field-list-button-icon-color;
1233
- padding-left: 8px;
1234
- }
1235
-
1236
- &:hover {
1237
- color: $field-list-icon-hover-color;
1238
- }
1239
-
1240
- &.e-disable {
1241
- display: none;
1242
- }
1243
- }
1244
-
1245
- /* stylelint-enable */
1246
-
1247
- .e-sort {
1248
- height: fit-content;
1249
- transform: rotateX(0deg);
1250
- transition: transform 200ms ease-in-out;
1251
-
1252
- &.e-descend {
1253
- transform: rotateX(180deg);
1254
- }
1255
- }
1256
-
1257
- .e-remove {
1258
- display: inline-block;
1259
- }
1260
-
1261
- &.e-rtl {
1262
- .e-content {
1263
- text-align: right;
1264
- }
1265
-
1266
- .e-sort,
1267
- .e-pv-filter,
1268
- .e-pv-filtered,
1269
- .e-remove,
1270
- .e-dropdown-icon,
1271
- .e-edit {
1272
- padding-left: 0;
1273
- padding-right: 10px;
1274
-
1275
- @if ($skin-name == 'tailwind') {
1276
- margin-right: 8px;
1277
- padding-right: 0;
1278
- }
1279
- @if ($skin-name == 'bootstrap5') {
1280
- padding-right: 8px;
1281
- }
1282
- }
1283
- }
1284
- }
1285
- }
1286
-
1287
- .e-axis-content {
1288
- height: 100%;
1289
- width: 100%;
1290
- }
1291
-
1292
- .e-draggable-prompt {
1293
- border: 1px dashed $field-list-header-background-color;
1294
- color: $field-list-header-background-color;
1295
- font-size: $field-list-drag-clone-font-size;
1296
- height: $field-list-adaptive-drag-prompt-height;
1297
- left: 15%;
1298
- line-height: $field-list-adaptive-drag-prompt-height;
1299
- pointer-events: none;
1300
- position: absolute;
1301
- text-align: center;
1302
- top: 25%;
1303
- vertical-align: middle;
1304
- width: 70%;
1305
-
1306
- @if ($skin-name == 'bootstrap5') {
1307
- color: $field-list-default-font-color;
1308
- }
1309
- }
1310
- }
1311
-
1312
- .e-pivot-calc-outer-div {
1313
- .e-pivot-formula {
1314
- background-color: $pivot-formula-background;
1315
- border: 1px solid $pivot-formula-border;
1316
- border-radius: $field-list-default-border-radius;
1317
- color: $field-list-default-font-color;
1318
- height: 200px;
1319
- margin-left: 20px;
1320
- margin-right: 20px;
1321
- margin-top: 25px;
1322
- padding: 2px 3px;
1323
- resize: none;
1324
- width: 90%;
1325
- }
1326
-
1327
- /* stylelint-disable */
1328
- .e-pivot-calc-input-div,
1329
- .e-member-options,
1330
- .e-pivot-calc-custom-format-div {
1331
- margin-left: 20px;
1332
- margin-right: 20px;
1333
- margin-top: 20px;
1334
- width: 90% !important;
1335
- }
1336
-
1337
- /* stylelint-enable */
1338
-
1339
- .e-accordion {
1340
- margin-top: 20px;
1341
- overflow: auto;
1342
-
1343
- .e-acrdn-header {
1344
- align-items: center;
1345
- display: flex;
1346
- }
1347
-
1348
- .e-acrdn-header-icon {
1349
- display: table;
1350
- font-size: 12px;
1351
- min-width: 28px;
1352
- padding: 0;
1353
- position: absolute;
1354
- right: 16px;
1355
-
1356
- .e-list-icon {
1357
- cursor: pointer;
1358
- display: table-cell;
1359
- padding-right: 6px;
1360
- text-align: center;
1361
- vertical-align: middle;
1362
- }
1363
- }
1364
-
1365
- .e-icons.e-frame {
1366
- margin-right: 12px;
1367
- }
1368
-
1369
- &.e-rtl {
1370
- .e-acrdn-header-icon {
1371
- left: 16px;
1372
- right: auto;
1373
- }
1374
-
1375
- /* stylelint-disable */
1376
- .e-icons.e-frame {
1377
- margin-left: 12px !important;
1378
- margin-right: 0 !important;
1379
- }
1380
-
1381
- /* stylelint-enable */
1382
- }
1383
- }
1384
-
1385
- .e-radio-wrapper {
1386
- margin-bottom: 24px;
1387
- margin-right: 20px;
1388
-
1389
- .e-label {
1390
- color: $field-list-default-font-color;
1391
- font-family: $field-list-font-family;
1392
- font-size: 14px;
1393
- opacity: .87;
1394
- }
1395
- }
1396
-
1397
- .e-pivot-ok-button,
1398
- .e-pivot-add-button,
1399
- .e-pivot-cancel-button {
1400
- float: right;
1401
- margin-right: 20px;
1402
- margin-top: 32px;
1403
- }
1404
-
1405
- .e-pivot-ok-button {
1406
- bottom: 0;
1407
- position: sticky;
1408
- }
1409
-
1410
- .e-pivot-accord {
1411
- max-height: 290px;
1412
- overflow: auto;
1413
-
1414
- ul {
1415
-
1416
- .e-list-icon {
1417
- color: $field-list-tree-icon-color;
1418
- }
1419
-
1420
- .e-calcfieldmember .e-list-text {
1421
- overflow: hidden;
1422
- text-overflow: ellipsis;
1423
- width: 53%;
1424
- }
1425
-
1426
- .e-list-header-icon {
1427
- display: table;
1428
- height: 30px;
1429
- min-height: 30px;
1430
- min-width: 24px;
1431
- padding: 0;
1432
- position: absolute;
1433
- right: 16px;
1434
- top: 0;
1435
-
1436
- .e-list-edit-icon,
1437
- .e-remove-report.e-icons {
1438
- color: $field-list-tree-icon-color;
1439
- display: table-cell;
1440
- padding: 5px;
1441
- pointer-events: all;
1442
- text-align: center;
1443
- vertical-align: middle;
1444
- }
1445
- }
1446
- }
1447
-
1448
- &.e-rtl {
1449
- ul {
1450
- .e-list-header-icon {
1451
- left: 16px;
1452
- right: auto;
1453
- }
1454
-
1455
- .e-list-icon {
1456
- transform: rotateX(0deg) rotateY(180deg);
1457
- }
1458
- }
1459
- }
1460
- }
1461
-
1462
- &.e-olap-calc-outer-div {
1463
- max-height: 350px;
1464
- overflow: hidden;
1465
- overflow-y: auto;
1466
- }
1467
- }
1468
- }
1469
-
1470
- .e-field-list-footer {
1471
- bottom: 20px;
1472
- display: inline-block;
1473
- position: absolute;
1474
- vertical-align: bottom;
1475
- width: 100%;
1476
-
1477
- .e-field-list-footer-content {
1478
- display: inline-block;
1479
- padding: $field-list-adaptive-footer-padding-size;
1480
- width: 100%;
1481
-
1482
- .e-field-list-btn,
1483
- .e-calculated-field-btn {
1484
- float: right;
1485
- height: $field-list-adaptive-btn-size;
1486
- pointer-events: all;
1487
- width: $field-list-adaptive-btn-size;
1488
- z-index: 1000;
1489
-
1490
- .e-add-icon {
1491
- font-size: $field-list-adaptive-btn-icon-size;
1492
- line-height: $field-list-adaptive-icon-height;
1493
- }
1494
- }
1495
- }
1496
- }
1497
- }
1498
-
1499
- .e-footer-content.e-field-list-footer {
1500
- background-color: transparent;
1501
- bottom: 0;
1502
- display: inline-block;
1503
- padding: $field-list-adaptive-footer-padding-size;
1504
- pointer-events: none;
1505
- position: absolute;
1506
- vertical-align: bottom;
1507
- width: 100%;
1508
-
1509
- .e-field-list-btn,
1510
- .e-calculated-field-btn,
1511
- .e-cancel-btn,
1512
- .e-defer-apply-button {
1513
- float: right;
1514
- height: $field-list-adaptive-btn-size;
1515
- pointer-events: all;
1516
- width: $field-list-adaptive-btn-size;
1517
- z-index: 1000;
1518
-
1519
- .e-add-icon {
1520
- font-size: $field-list-adaptive-btn-icon-size;
1521
- line-height: $field-list-adaptive-icon-height;
1522
- }
1523
- }
1524
-
1525
- .e-cancel-btn,
1526
- .e-defer-apply-button {
1527
- float: left;
1528
- }
1529
-
1530
- .e-cancel-btn,
1531
- .e-defer-apply-button,
1532
- .e-checkbox-layout {
1533
- max-width: 20%;
1534
- overflow: hidden;
1535
- text-overflow: ellipsis;
1536
- white-space: nowrap;
1537
- }
1538
-
1539
- .e-checkbox-layout {
1540
- max-width: 45%;
1541
- }
1542
- }
1543
-
1544
- &.e-static {
1545
- border: 0;
1546
- padding: 0;
1547
-
1548
- .e-field-list-filters,
1549
- .e-field-list-rows,
1550
- .e-field-list-columns,
1551
- .e-field-list-values {
1552
- .e-axis-content {
1553
- max-height: 600px;
1554
- }
1555
- }
1556
- }
1557
-
1558
- &.e-rtl {
1559
- .e-field-list-back-icon {
1560
- margin-left: 12px;
1561
- margin-right: 0;
1562
- transform: rotateY(180deg);
1563
- }
1564
-
1565
- .e-field-list-footer {
1566
-
1567
- .e-field-list-btn,
1568
- .e-calculated-field-btn {
1569
- float: left;
1570
- }
1571
-
1572
- .e-cancel-btn,
1573
- .e-defer-apply-button {
1574
- float: right;
1575
- }
1576
- }
1577
-
1578
- /* stylelint-disable */
1579
- .e-pivot-calc-outer-div {
1580
-
1581
- .e-pivot-ok-button,
1582
- .e-pivot-add-button,
1583
- .e-pivot-cancel-button {
1584
- float: left !important;
1585
- margin-left: 20px;
1586
- }
1587
- }
1588
-
1589
- /* stylelint-enable */
1590
- }
1591
- }
1592
- }
1593
-
1594
- /* stylelint-disable */
1595
- .e-bigger .e-pivotfieldlist-container,
1596
- .e-bigger.e-pivotfieldlist-container {
1597
- .e-field-table {
1598
-
1599
- .e-left-axis-fields,
1600
- .e-right-axis-fields {
1601
- padding-left: $field-list-default-bigger-padding-size;
1602
- }
1603
-
1604
- .e-field-header {
1605
- background-color: $field-list-header-background-color;
1606
- color: $field-list-default-header-font-color;
1607
- font-size: $field-list-bigger-header-font-size;
1608
- font-weight: normal;
1609
- height: $field-list-bigger-header-height;
1610
- overflow: hidden;
1611
- padding: $field-list-tree-header-padding 0 0 $field-list-bigger-header-padding;
1612
-
1613
- @if ($field-list-skin == 'bootstrap4') {
1614
- height: 40px;
1615
- padding-left: 16px;
1616
- padding-top: $field-list-bigger-tree-header-padding;
1617
- }
1618
- }
1619
-
1620
- .e-field-header-container {
1621
- padding-right: $field-list-bigger-header-padding;
1622
-
1623
- .e-sort-none,
1624
- .e-sort-ascend,
1625
- .e-sort-descend {
1626
- font-size: $field-list-bigger-header-icon-size;
1627
- height: 24px !important;
1628
- padding: $field-list-tree-header-padding 0 0 $field-list-bigger-icon-to-icon-padding;
1629
- width: 24px;
1630
- }
1631
-
1632
- @if ($skin-name == 'FluentUI') {
1633
- .e-sort-none {
1634
- padding: 0 0 $field-list-bigger-icon-to-icon-padding $field-list-tree-header-padding !important;
1635
- }
1636
- }
1637
- }
1638
-
1639
- .e-field-list {
1640
- padding-left: 5px;
1641
-
1642
- &:not(.e-olap-field-list-tree) {
1643
- ul {
1644
- padding-left: $field-list-treeview-bigger-ul-padding;
1645
-
1646
- li.e-pivot-parent{
1647
- @if ($skin-name == 'bootstrap5') {
1648
- padding-left: 7px;
1649
- }
1650
-
1651
- @if ($skin-name == 'FluentUI') {
1652
- padding-left: 8px;
1653
- }
1654
- }
1655
-
1656
- li:not(.e-pivot-parent):not(.e-pivot-child) {
1657
- .e-text-content {
1658
- padding-left: $field-list-treeview-bigger-li-padding;
1659
- }
1660
- }
1661
- }
1662
- }
1663
-
1664
- ul {
1665
- li {
1666
- padding: 0;
1667
- }
1668
- }
1669
-
1670
- .e-drag {
1671
- font-size: $field-list-bigger-icon-size !important;
1672
- height: 24px !important;
1673
- margin-bottom: $field-list-treeview-drag-bigger-padding !important;
1674
- margin-right: 4px !important;
1675
- width: 24px !important;
1676
- }
1677
-
1678
- .e-calc-measure-icon,
1679
- .e-calc-dimension-icon,
1680
- .e-attributeCDB-icon,
1681
- .e-hierarchyCDB-icon,
1682
- .e-level-members,
1683
- .e-namedSetCDB-icon,
1684
- .e-measure-icon,
1685
- .e-kpiGoal-icon,
1686
- .e-kpiStatus-icon,
1687
- .e-kpiTrend-icon,
1688
- .e-kpiValue-icon {
1689
- margin-left: 10px;
1690
- }
1691
-
1692
- &.e-olap-field-list-tree {
1693
- ul {
1694
- .e-list-icon {
1695
- font-size: $field-list-bigger-icon-size;
1696
- }
1697
- }
1698
- }
1699
- }
1700
- /* stylelint-enable */
1701
-
1702
- .e-left-axis-fields .e-field-list-rows,
1703
- .e-right-axis-fields .e-field-list-values {
1704
- margin-top: $field-list-default-bigger-padding-size;
1705
- }
1706
- }
1707
-
1708
- .e-axis-table {
1709
- .e-left-axis-fields .e-field-list-filters,
1710
- .e-left-axis-fields .e-field-list-rows,
1711
- .e-right-axis-fields .e-field-list-columns,
1712
- .e-right-axis-fields .e-field-list-values {
1713
- .e-axis-container {
1714
- height: $field-list-bigger-header-height;
1715
- padding: 0 $field-list-bigger-header-padding 5px;
1716
-
1717
- .e-axis-icon-container {
1718
- height: 24px;
1719
- padding-top: $field-list-bigger-header-icon-wrapper-padding;
1720
- width: 24px;
1721
-
1722
- .e-axis-rows,
1723
- .e-axis-columns,
1724
- .e-axis-values,
1725
- .e-axis-filters {
1726
- font-size: $field-list-bigger-header-icon-size;
1727
- }
1728
- }
1729
-
1730
- .e-axis-header {
1731
- font-size: $field-list-bigger-header-font-size;
1732
- line-height: $field-list-bigger-header-content-line-height;
1733
- margin-top: 4px;
1734
- padding: 0 12px;
1735
-
1736
- @if ($field-list-skin == 'bootstrap4') {
1737
- margin-top: 7px;
1738
- }
1739
- }
1740
- }
1741
-
1742
- .e-axis-content {
1743
- @if ($field-list-skin == 'bootstrap4') {
1744
- height: 126px;
1745
- }
1746
-
1747
- /* stylelint-disable */
1748
- .e-pvt-btn-div {
1749
- .e-pivot-button {
1750
- font-size: $field-list-bigger-button-font-size;
1751
- height: $field-list-bigger-button-height !important;
1752
- padding: $field-list-bigger-button-padding !important;
1753
-
1754
- /* stylelint-enable */
1755
- .e-content {
1756
- font-size: $field-list-bigger-button-font-size;
1757
- line-height: $field-list-bigger-button-line-height;
1758
- padding: 0 10px;
1759
- }
1760
-
1761
- .e-draggable {
1762
- height: 24px;
1763
- width: 24px;
1764
- }
1765
-
1766
- .e-sort,
1767
- .e-pv-filter,
1768
- .e-pv-filtered,
1769
- .e-dropdown-icon,
1770
- .e-edit {
1771
- cursor: pointer;
1772
- display: inline-block;
1773
- font-size: $field-list-bigger-icon-size;
1774
- height: 24px;
1775
- width: 24px;
1776
- }
1777
-
1778
- .e-sort {
1779
- height: $field-list-bigger-icon-size;
1780
- }
1781
-
1782
- .e-drag {
1783
- font-size: $field-list-bigger-icon-size;
1784
- width: 24px;
1785
- }
1786
- }
1787
- }
1788
- }
1789
-
1790
- .e-draggable-prompt {
1791
- @if ($field-list-skin == 'bootstrap4') {
1792
- font-size: 16px;
1793
- }
1794
- }
1795
- }
1796
- }
1797
-
1798
- .e-calculated-field {
1799
- font-size: $field-list-bigger-button-font-size;
1800
- }
1801
-
1802
- &.e-static {
1803
- max-height: 735px;
1804
-
1805
- .e-field-list-container {
1806
- .e-center-title {
1807
- color: $field-list-default-header-font-color;
1808
- font-size: $field-list-bigger-header-font-size;
1809
- }
1810
-
1811
- .e-axis-table {
1812
- .e-right-axis-fields {
1813
- padding-left: $field-list-default-bigger-padding-size;
1814
- }
1815
-
1816
- .e-left-axis-fields .e-field-list-rows,
1817
- .e-right-axis-fields .e-field-list-values {
1818
- margin-top: $field-list-default-bigger-padding-size;
1819
- }
1820
-
1821
- .e-left-axis-fields .e-field-list-filters,
1822
- .e-left-axis-fields .e-field-list-rows,
1823
- .e-right-axis-fields .e-field-list-columns,
1824
- .e-right-axis-fields .e-field-list-values {
1825
- .e-axis-container {
1826
- .e-axis-icon-container {
1827
- padding-top: $field-list-static-bigger-header-icon-wrapper-padding;
1828
- }
1829
- }
1830
- }
1831
- }
1832
- }
1833
-
1834
- &.e-rtl {
1835
- .e-axis-table {
1836
- .e-left-axis-fields {
1837
- padding-left: $field-list-default-bigger-padding-size;
1838
- }
1839
-
1840
- /* stylelint-disable */
1841
- .e-right-axis-fields {
1842
- padding: 0 !important;
1843
- }
1844
- }
1845
- }
1846
- }
1847
-
1848
- &.e-rtl {
1849
- .e-field-table {
1850
- .e-field-list {
1851
- padding-left: 0;
1852
- padding-right: 5px;
1853
-
1854
- &:not(.e-olap-field-list-tree) {
1855
- ul {
1856
- padding-right: $field-list-treeview-bigger-ul-padding;
1857
-
1858
- li.e-pivot-parent{
1859
- @if ($skin-name == 'bootstrap5') {
1860
- padding-right: 7px;
1861
- }
1862
-
1863
- @if ($skin-name == 'FluentUI') {
1864
- padding-right: 8px;
1865
- }
1866
- }
1867
-
1868
- li:not(.e-pivot-parent):not(.e-pivot-child) {
1869
- .e-text-content {
1870
- padding-right: $field-list-treeview-bigger-li-padding;
1871
- }
1872
- }
1873
- }
1874
- }
1875
-
1876
- .e-drag {
1877
- margin-left: 4px !important;
1878
- margin-right: 0 !important;
1879
- }
1880
-
1881
- .e-calc-measure-icon,
1882
- .e-calc-dimension-icon,
1883
- .e-attributeCDB-icon,
1884
- .e-hierarchyCDB-icon,
1885
- .e-level-members,
1886
- .e-namedSetCDB-icon,
1887
- .e-measure-icon,
1888
- .e-kpiGoal-icon,
1889
- .e-kpiStatus-icon,
1890
- .e-kpiTrend-icon,
1891
- .e-kpiValue-icon {
1892
- margin-left: 0;
1893
- margin-right: 10px;
1894
- }
1895
-
1896
- /* stylelint-enable */
1897
- }
1898
-
1899
- .e-field-header {
1900
- padding-right: $field-list-bigger-header-padding;
1901
- }
1902
-
1903
- .e-field-header-container {
1904
- padding-left: $field-list-bigger-header-padding;
1905
-
1906
- .e-sort-none,
1907
- .e-sort-ascend,
1908
- .e-sort-descend {
1909
- padding: $field-list-tree-header-padding $field-list-bigger-icon-to-icon-padding 0 0;
1910
- }
1911
-
1912
- /* stylelint-disable */
1913
- @if ($skin-name == 'FluentUI') {
1914
- .e-sort-none {
1915
- padding: $field-list-bigger-icon-to-icon-padding 0 0 $field-list-tree-header-padding !important;
1916
- }
1917
- }
1918
- /* stylelint-enable */
1919
- }
1920
- }
1921
-
1922
- .e-axis-table {
1923
-
1924
- .e-left-axis-fields,
1925
- .e-right-axis-fields {
1926
- padding-left: 0;
1927
- padding-right: $field-list-default-padding-size;
1928
- }
1929
-
1930
- .e-left-axis-fields .e-field-list-filters,
1931
- .e-left-axis-fields .e-field-list-rows,
1932
- .e-right-axis-fields .e-field-list-columns,
1933
- .e-right-axis-fields .e-field-list-values {
1934
- .e-pivot-button {
1935
-
1936
- .e-sort,
1937
- .e-pv-filter,
1938
- .e-pv-filtered,
1939
- .e-remove,
1940
- .e-dropdown-icon,
1941
- .e-edit {
1942
- padding-left: 0;
1943
- padding-right: $field-list-bigger-icon-to-icon-padding;
1944
- }
1945
- }
1946
- }
1947
- }
1948
- }
1949
-
1950
- &.e-search-mode {
1951
- &.e-static {
1952
- max-height: 750px;
1953
-
1954
- .e-field-list-container {
1955
- max-height: 800px;
1956
-
1957
- .e-field-table {
1958
- height: 270px;
1959
- }
1960
- }
1961
- }
1962
-
1963
- /* stylelint-disable */
1964
- &.e-popup {
1965
- max-height: 600px !important;
1966
- min-height: $field-list-search-popup-container-bigger-height !important;
1967
-
1968
- .e-field-list-container {
1969
- height: 387px;
1970
-
1971
- .e-field-table {
1972
- height: $field-list-search-popup-table-bigger-height !important;
1973
- }
1974
-
1975
- .e-axis-table {
1976
- height: $field-list-search-popup-axis-table-bigger-height;
1977
-
1978
- .e-axis-content {
1979
- height: $field-list-search-popup-axis-content-bigger-height !important;
1980
- }
1981
- }
1982
- }
1983
- }
1984
- }
1985
-
1986
- .e-adaptive-field-list-dialog {
1987
- .e-dlg-content .e-field-list-tree-outer-div {
1988
- max-height: $field-list-adaptive-outerdiv-height;
1989
- }
1990
- }
1991
- }
1992
- /* stylelint-enable */
1993
- }