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