@syncfusion/ej2-vue-pivotview 20.4.54 → 21.1.36

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 (70) hide show
  1. package/CHANGELOG.md +21 -45
  2. package/dist/ej2-vue-pivotview.umd.min.js +2 -2
  3. package/dist/ej2-vue-pivotview.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-vue-pivotview.es2015.js +179 -221
  5. package/dist/es6/ej2-vue-pivotview.es2015.js.map +1 -1
  6. package/dist/es6/ej2-vue-pivotview.es5.js +202 -254
  7. package/dist/es6/ej2-vue-pivotview.es5.js.map +1 -1
  8. package/dist/global/ej2-vue-pivotview.min.js +2 -2
  9. package/package.json +11 -10
  10. package/src/pivotfieldlist/pivotfieldlist.component.d.ts +3 -24
  11. package/src/pivotfieldlist/pivotfieldlist.component.js +90 -119
  12. package/src/pivotview/pivotview.component.d.ts +4 -33
  13. package/src/pivotview/pivotview.component.js +115 -144
  14. package/styles/bootstrap-dark.css +363 -239
  15. package/styles/bootstrap.css +362 -238
  16. package/styles/bootstrap4.css +370 -304
  17. package/styles/bootstrap5-dark.css +376 -297
  18. package/styles/bootstrap5.css +376 -297
  19. package/styles/fabric-dark.css +354 -249
  20. package/styles/fabric.css +351 -249
  21. package/styles/fluent-dark.css +378 -284
  22. package/styles/fluent.css +378 -284
  23. package/styles/highcontrast-light.css +355 -243
  24. package/styles/highcontrast.css +355 -243
  25. package/styles/material-dark.css +359 -239
  26. package/styles/material.css +358 -244
  27. package/styles/material3-dark.css +6666 -0
  28. package/styles/material3-dark.scss +3 -0
  29. package/styles/material3.css +6777 -0
  30. package/styles/material3.scss +3 -0
  31. package/styles/pivotfieldlist/bootstrap-dark.css +217 -150
  32. package/styles/pivotfieldlist/bootstrap.css +215 -148
  33. package/styles/pivotfieldlist/bootstrap4.css +219 -155
  34. package/styles/pivotfieldlist/bootstrap5-dark.css +226 -169
  35. package/styles/pivotfieldlist/bootstrap5.css +226 -169
  36. package/styles/pivotfieldlist/fabric-dark.css +207 -149
  37. package/styles/pivotfieldlist/fabric.css +207 -149
  38. package/styles/pivotfieldlist/fluent-dark.css +236 -185
  39. package/styles/pivotfieldlist/fluent.css +236 -185
  40. package/styles/pivotfieldlist/highcontrast-light.css +206 -148
  41. package/styles/pivotfieldlist/highcontrast.css +206 -148
  42. package/styles/pivotfieldlist/material-dark.css +215 -152
  43. package/styles/pivotfieldlist/material.css +214 -151
  44. package/styles/pivotfieldlist/material3-dark.css +3811 -0
  45. package/styles/pivotfieldlist/material3-dark.scss +2 -0
  46. package/styles/pivotfieldlist/material3.css +3865 -0
  47. package/styles/pivotfieldlist/material3.scss +2 -0
  48. package/styles/pivotfieldlist/tailwind-dark.css +224 -177
  49. package/styles/pivotfieldlist/tailwind.css +224 -177
  50. package/styles/pivotview/bootstrap-dark.css +146 -89
  51. package/styles/pivotview/bootstrap.css +147 -90
  52. package/styles/pivotview/bootstrap4.css +152 -150
  53. package/styles/pivotview/bootstrap5-dark.css +150 -128
  54. package/styles/pivotview/bootstrap5.css +150 -128
  55. package/styles/pivotview/fabric-dark.css +147 -100
  56. package/styles/pivotview/fabric.css +144 -100
  57. package/styles/pivotview/fluent-dark.css +142 -99
  58. package/styles/pivotview/fluent.css +142 -99
  59. package/styles/pivotview/highcontrast-light.css +149 -95
  60. package/styles/pivotview/highcontrast.css +149 -95
  61. package/styles/pivotview/material-dark.css +144 -87
  62. package/styles/pivotview/material.css +144 -93
  63. package/styles/pivotview/material3-dark.css +2854 -0
  64. package/styles/pivotview/material3-dark.scss +2 -0
  65. package/styles/pivotview/material3.css +2912 -0
  66. package/styles/pivotview/material3.scss +2 -0
  67. package/styles/pivotview/tailwind-dark.css +147 -100
  68. package/styles/pivotview/tailwind.css +147 -100
  69. package/styles/tailwind-dark.css +371 -277
  70. package/styles/tailwind.css +371 -277
@@ -160,20 +160,14 @@
160
160
  /* stylelint-disable */
161
161
  /* stylelint-enable */
162
162
  /* stylelint-enable */
163
- /* stylelint-disable */
164
163
  }
165
164
  .e-pivotview .e-value-field-settings,
166
165
  .e-pivotview .e-member-editor-dialog,
167
- .e-pivotview .e-group-field-settings {
166
+ .e-pivotview .e-group-field-settings,
167
+ .e-pivotview .e-pivot-format-dialog {
168
168
  max-height: 450px !important;
169
169
  border-radius: 4px;
170
170
  max-width: 400px !important;
171
- width: auto !important;
172
- }
173
- .e-pivotview .e-pivot-format-dialog {
174
- border-radius: 4px;
175
- max-width: 400px !important;
176
- width: auto !important;
177
171
  }
178
172
  .e-pivotview .e-value-field-settings .e-field-name-text-container {
179
173
  display: -ms-flexbox;
@@ -208,6 +202,11 @@
208
202
  .e-pivotview .e-value-field-settings .e-caption-input-text {
209
203
  font-size: 13px;
210
204
  }
205
+ .e-pivotview .e-group-field-settings {
206
+ /* stylelint-disable */
207
+ width: auto !important;
208
+ /* stylelint-enable */
209
+ }
211
210
  .e-pivotview .e-group-field-settings .e-caption-option-text,
212
211
  .e-pivotview .e-group-field-settings .e-input-option-text,
213
212
  .e-pivotview .e-group-field-settings .e-group-inerval-option-text,
@@ -236,6 +235,7 @@
236
235
  .e-pivotview .e-member-editor-dialog {
237
236
  min-width: 320px;
238
237
  /* stylelint-disable */
238
+ /* stylelint-disable */
239
239
  }
240
240
  .e-pivotview .e-member-editor-dialog .e-editor-search-container {
241
241
  display: -ms-flexbox;
@@ -243,13 +243,11 @@
243
243
  padding: 0 20px 10px;
244
244
  }
245
245
  .e-pivotview .e-member-editor-dialog .e-editor-search-container .e-clear-icon-hide {
246
- display: inline-block;
247
246
  visibility: hidden;
248
247
  }
249
248
  .e-pivotview .e-member-editor-dialog .e-filter-sort {
250
249
  box-shadow: none;
251
250
  margin-left: 10px;
252
- /* stylelint-disable */
253
251
  }
254
252
  .e-pivotview .e-member-editor-dialog .e-filter-sort .e-member-sort .e-sort-ascend-icon,
255
253
  .e-pivotview .e-member-editor-dialog .e-filter-sort .e-member-sort .e-sort-descend-icon {
@@ -260,9 +258,12 @@
260
258
  text-align: center;
261
259
  width: 100%;
262
260
  }
261
+ .e-pivotview .e-member-editor-dialog .e-select-all-container ul li .e-text-content > .e-icon-expandable {
262
+ display: none;
263
+ }
263
264
  .e-pivotview .e-member-editor-dialog .e-member-editor-container-outer-div {
264
265
  display: inline-block;
265
- height: 152px;
266
+ height: 129px;
266
267
  max-width: 400px;
267
268
  overflow: auto;
268
269
  width: 100%;
@@ -304,11 +305,10 @@
304
305
  padding-top: 20px;
305
306
  }
306
307
  .e-pivotview .e-member-editor-dialog .e-excelfilter .e-member-editor-container-outer-div {
307
- height: 138px;
308
+ height: 118px;
308
309
  }
309
- .e-pivotview .e-member-editor-dialog .e-excelfilter .e-editor-label-container {
310
- opacity: 100%;
311
- padding: 15px 10px 7px 20px;
310
+ .e-pivotview .e-member-editor-dialog.e-node-limit .e-excelfilter .e-member-editor-container-outer-div {
311
+ height: 115px;
312
312
  }
313
313
  .e-pivotview .e-member-editor-dialog .e-label-filter,
314
314
  .e-pivotview .e-member-editor-dialog .e-value-filter {
@@ -319,7 +319,9 @@
319
319
  }
320
320
  .e-pivotview .e-member-editor-dialog .e-label-filter .e-filter-text-div,
321
321
  .e-pivotview .e-member-editor-dialog .e-value-filter .e-filter-text-div {
322
+ /* stylelint-disable */
322
323
  color: #000 !important;
324
+ /* stylelint-enable */
323
325
  font-size: 13px;
324
326
  font-weight: 500;
325
327
  }
@@ -341,18 +343,18 @@
341
343
  }
342
344
  .e-pivotview .e-member-editor-dialog .e-filter-tab-container {
343
345
  border: none;
344
- /* stylelint-enable */
345
346
  }
346
347
  .e-pivotview .e-member-editor-dialog .e-filter-tab-container .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text {
347
348
  margin: 0 0 0 6px;
348
349
  }
349
350
  .e-pivotview .e-member-editor-dialog .e-filter-tab-container .e-tab-header .e-text-wrap .e-tab-icon {
350
- height: 14px;
351
- min-width: 14px;
352
- width: 14px;
351
+ height: fit-content;
353
352
  }
354
353
  .e-pivotview .e-member-editor-dialog .e-filter-tab-container .e-tab-header .e-text-wrap .e-tab-icon::before {
355
354
  font-size: 14px;
355
+ /* stylelint-disable */
356
+ top: 0 !important;
357
+ /* stylelint-enable */
356
358
  }
357
359
  .e-pivotview .e-member-editor-dialog .e-filter-tab-container.e-rtl .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text {
358
360
  margin: 0 6px 0 0;
@@ -362,19 +364,27 @@
362
364
  }
363
365
  .e-pivotview .e-member-editor-dialog .e-clear-filter-button {
364
366
  float: left;
365
- margin: 0;
367
+ margin: 0 !important;
366
368
  }
367
369
  .e-pivotview .e-member-editor-dialog .e-clear-filter-button.e-disable {
368
370
  display: none;
369
371
  }
370
372
  .e-pivotview .e-member-editor-dialog .e-editor-label-container {
371
- background-color: #e4e4e4;
373
+ -ms-flex-align: center;
374
+ align-items: center;
375
+ background: #e4e4e4;
376
+ display: -ms-flexbox !important;
377
+ display: flex !important;
378
+ /* stylelint-enable */
379
+ height: 40px;
380
+ -ms-flex-pack: center;
381
+ justify-content: center;
372
382
  opacity: 100%;
373
- padding: 15px 10px 16px 20px;
374
383
  }
375
384
  .e-pivotview .e-member-editor-dialog .e-editor-label-container .e-editor-label {
376
385
  color: #000;
377
386
  font: 700 13px Segoe UI;
387
+ margin-bottom: 0;
378
388
  opacity: 1;
379
389
  overflow: hidden;
380
390
  text-overflow: ellipsis;
@@ -439,6 +449,9 @@
439
449
  .e-pivotview .e-member-editor-dialog.e-olap-editor-dialog.e-rtl .e-member-editor-outer-container ul {
440
450
  margin-right: 0;
441
451
  }
452
+ .e-pivotview .e-member-editor-dialog .e-member-editor-outer-container:not(.e-excelfilter) .e-editor-search-container {
453
+ padding-top: 4px !important;
454
+ }
442
455
  .e-pivotview .e-value-field-settings .e-dlg-header-content,
443
456
  .e-pivotview .e-member-editor-dialog .e-dlg-header-content,
444
457
  .e-pivotview .e-pivot-format-dialog .e-dlg-header-content,
@@ -453,9 +466,8 @@
453
466
  .e-pivotview .e-group-field-settings .e-footer-content {
454
467
  border-top-left-radius: 0;
455
468
  border-top-right-radius: 0;
456
- border-radius: 4px;
457
- padding-bottom: 8px;
458
- padding-top: 8px;
469
+ padding-top: 20px;
470
+ padding-bottom: 20px;
459
471
  }
460
472
  .e-pivotview .e-value-field-settings .e-dlg-content,
461
473
  .e-pivotview .e-member-editor-dialog .e-dlg-content,
@@ -508,8 +520,10 @@
508
520
  overflow: auto;
509
521
  }
510
522
  .e-pivotview .e-pivotchart-type-dialog {
523
+ /* stylelint-disable */
511
524
  max-width: 350px !important;
512
525
  max-height: 380px !important;
526
+ /* stylelint-enable */
513
527
  }
514
528
  .e-pivotview .e-pivotchart-type-dialog .e-chart-type-option-container,
515
529
  .e-pivotview .e-pivotchart-type-dialog .e-chart-type-option-text {
@@ -530,8 +544,10 @@
530
544
  width: 49%;
531
545
  }
532
546
  .e-pivotview .e-pivot-format-dialog {
547
+ /* stylelint-disable */
533
548
  max-height: 550px !important;
534
549
  max-width: 350px !important;
550
+ /* stylelint-enable */
535
551
  }
536
552
  .e-pivotview .e-pivot-format-dialog .e-pivot-format-dialog-outer {
537
553
  padding: 0 20px;
@@ -558,18 +574,18 @@
558
574
  .e-pivotview .e-pivot-toolbar .e-toolbar-items {
559
575
  background: #d8d8d8;
560
576
  }
561
- .e-pivotview .e-pivot-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control {
562
- background: #d8d8d8;
563
- }
564
577
  .e-pivotview .e-pivot-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
565
578
  font-size: 16px;
566
579
  }
567
580
  .e-pivotview .e-pivot-toolbar .e-pivot-toolbar-menu {
568
- background-color: transparent;
581
+ background-color: #e4e4e4;
569
582
  border: none;
583
+ /* stylelint-disable */
570
584
  }
571
585
  .e-pivotview .e-pivot-toolbar .e-pivot-toolbar-menu ul .e-menu-item {
586
+ /* stylelint-disable */
572
587
  height: 34px !important;
588
+ /* stylelint-enable */
573
589
  overflow: hidden;
574
590
  padding-left: 10px;
575
591
  }
@@ -579,21 +595,19 @@
579
595
  font-size: 16px;
580
596
  }
581
597
  .e-pivotview .e-pivot-toolbar .e-pivot-toolbar-menu ul.e-menu {
582
- padding-right: 0 !important;
583
598
  padding-left: 0 !important;
599
+ padding-right: 0 !important;
584
600
  }
585
601
  .e-pivotview .e-pivot-toolbar .e-tab .e-tab-header .e-toolbar-item.e-active {
586
602
  margin-left: 18px !important;
587
- /* stylelint-enable */
588
603
  }
589
604
  .e-pivotview .e-pivot-toolbar .e-toolbar-item.e-template {
590
- /* stylelint-disable */
591
605
  padding: 0 !important;
606
+ /* stylelint-enable */
592
607
  }
593
608
  .e-pivotview .e-pivot-toolbar .e-reportlist-label {
594
609
  float: left;
595
610
  font-weight: 500;
596
- /* stylelint-enable */
597
611
  }
598
612
  .e-pivotview .e-pivot-toolbar .e-reportlist-drop {
599
613
  float: right;
@@ -610,7 +624,7 @@
610
624
  padding-right: 10px;
611
625
  }
612
626
  .e-pivotview .e-frozenscrollbar {
613
- background-color: #d8d8d8;
627
+ background: #d8d8d8;
614
628
  }
615
629
 
616
630
  .e-pivotview-disable-icon {
@@ -718,10 +732,6 @@
718
732
  height: 46px !important;
719
733
  /* stylelint-enable */
720
734
  }
721
- .e-bigger .e-pivotview .e-member-editor-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div,
722
- .e-bigger.e-pivotview .e-member-editor-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div {
723
- height: 131px;
724
- }
725
735
  .e-bigger .e-pivotview .e-member-editor-dialog .e-editor-search-container .e-filter-sort .e-member-sort .e-sort-ascend-icon,
726
736
  .e-bigger .e-pivotview .e-member-editor-dialog .e-editor-search-container .e-filter-sort .e-member-sort .e-sort-descend-icon,
727
737
  .e-bigger.e-pivotview .e-member-editor-dialog .e-editor-search-container .e-filter-sort .e-member-sort .e-sort-ascend-icon,
@@ -732,6 +742,10 @@
732
742
  .e-bigger.e-pivotview .e-member-editor-dialog .e-editor-search-container .e-level-drop .e-caret {
733
743
  font-size: 16px !important;
734
744
  }
745
+ .e-bigger .e-pivotview .e-member-editor-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div,
746
+ .e-bigger.e-pivotview .e-member-editor-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div {
747
+ height: 103px;
748
+ }
735
749
  .e-bigger .e-pivotview .e-member-editor-dialog .e-filter-tab-container .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text,
736
750
  .e-bigger.e-pivotview .e-member-editor-dialog .e-filter-tab-container .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text {
737
751
  margin: 0 0 0 6px;
@@ -740,6 +754,10 @@
740
754
  .e-bigger.e-pivotview .e-member-editor-dialog .e-filter-tab-container.e-rtl .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text {
741
755
  margin: 0 6px 0 0;
742
756
  }
757
+ .e-bigger .e-pivotview .e-member-editor-dialog.e-node-limit.e-excel-filter .e-excelfilter .e-member-editor-container-outer-div,
758
+ .e-bigger.e-pivotview .e-member-editor-dialog.e-node-limit.e-excel-filter .e-excelfilter .e-member-editor-container-outer-div {
759
+ height: 75px !important;
760
+ }
743
761
  .e-bigger .e-pivotview .e-member-editor-dialog .e-excelfilter .e-member-editor-container-outer-div,
744
762
  .e-bigger.e-pivotview .e-member-editor-dialog .e-excelfilter .e-member-editor-container-outer-div {
745
763
  height: 99px !important;
@@ -778,7 +796,12 @@
778
796
  }
779
797
  .e-bigger .e-pivotview .e-member-editor-dialog.e-excel-filter,
780
798
  .e-bigger.e-pivotview .e-member-editor-dialog.e-excel-filter {
781
- min-width: 350px;
799
+ min-width: 350px !important;
800
+ min-height: 420px !important;
801
+ }
802
+ .e-bigger .e-pivotview .e-member-editor-dialog.e-excel-filter.e-node-limit,
803
+ .e-bigger.e-pivotview .e-member-editor-dialog.e-excel-filter.e-node-limit {
804
+ min-height: 450px !important;
782
805
  }
783
806
  .e-bigger .e-pivotview .e-member-editor-dialog .e-dlg-header-content .e-clear-filter-button.e-small,
784
807
  .e-bigger .e-pivotview .e-value-field-settings .e-dlg-header-content .e-clear-filter-button.e-small,
@@ -793,6 +816,10 @@
793
816
  .e-bigger.e-pivotview .e-value-field-settings {
794
817
  max-height: 510px !important;
795
818
  }
819
+ .e-bigger .e-pivotview .e-value-field-settings .e-dlg-content,
820
+ .e-bigger.e-pivotview .e-value-field-settings .e-dlg-content {
821
+ padding: 0;
822
+ }
796
823
  .e-bigger .e-pivotview .e-pivot-format-dialog .e-pivot-format-dialog-outer,
797
824
  .e-bigger.e-pivotview .e-pivot-format-dialog .e-pivot-format-dialog-outer {
798
825
  padding: 0 20px 10px;
@@ -874,7 +901,6 @@
874
901
  /*! PivotView theme */
875
902
  .e-pivotview {
876
903
  /* stylelint-enable */
877
- /* stylelint-disable */
878
904
  /* stylelint-enable */
879
905
  /* stylelint-disable */
880
906
  /* stylelint-enable */
@@ -917,7 +943,7 @@
917
943
  .e-pivotview .e-grid .e-content,
918
944
  .e-pivotview .e-grid .e-gridheader,
919
945
  .e-pivotview .e-headercell {
920
- background-color: #d8d8d8;
946
+ background: #d8d8d8;
921
947
  }
922
948
  .e-pivotview .e-grid .e-gridheader {
923
949
  border-bottom-width: 1px;
@@ -930,11 +956,10 @@
930
956
  }
931
957
  .e-pivotview .e-rowsheader,
932
958
  .e-pivotview .e-columnsheader {
933
- background-color: #d8d8d8;
959
+ background: #d8d8d8;
934
960
  }
935
961
  .e-pivotview .e-rowsheader .e-cellvalue {
936
962
  margin-left: 8px;
937
- margin-top: 5px;
938
963
  margin-top: 0;
939
964
  }
940
965
  .e-pivotview .e-pivot-conditional-empty-format {
@@ -943,11 +968,15 @@
943
968
  .e-pivotview .e-member-editor-dialog,
944
969
  .e-pivotview .e-olap-editor-dialog {
945
970
  min-height: 350px !important;
946
- min-width: 350px !important;
971
+ min-width: 320px !important;
947
972
  visibility: hidden;
948
973
  }
974
+ .e-pivotview .e-member-editor-dialog.e-node-limit,
975
+ .e-pivotview .e-olap-editor-dialog.e-node-limit {
976
+ max-height: 450px !important;
977
+ }
949
978
  .e-pivotview .e-member-editor-dialog .e-toolbar .e-toolbar-items {
950
- margin-left: 10px;
979
+ margin-left: 20px;
951
980
  }
952
981
  .e-pivotview .e-member-editor-dialog .e-rtl.e-toolbar .e-toolbar-items {
953
982
  margin-left: 0;
@@ -956,6 +985,10 @@
956
985
  .e-pivotview .e-pivot-format-dialog .e-pivot-format-table {
957
986
  width: 100%;
958
987
  }
988
+ .e-pivotview .e-toolbar .e-tbar-btn {
989
+ background-color: transparent;
990
+ border: none !important;
991
+ }
959
992
  .e-pivotview .e-grid .e-rowsheader.e-active,
960
993
  .e-pivotview .e-grid .e-rowsheader.e-cellselectionbackground,
961
994
  .e-pivotview .e-grid .e-columnsheader.e-active,
@@ -1248,7 +1281,9 @@
1248
1281
  }
1249
1282
  .e-pivotview .e-grouping-bar .e-pivot-button,
1250
1283
  .e-pivotview .e-group-rows .e-pivot-button {
1251
- background-color: #fff;
1284
+ -ms-flex-align: center;
1285
+ align-items: center;
1286
+ background: #fff;
1252
1287
  border: 1px solid #000;
1253
1288
  border-radius: 0;
1254
1289
  box-shadow: none;
@@ -1260,8 +1295,7 @@
1260
1295
  display: flex;
1261
1296
  font-weight: normal;
1262
1297
  height: 24px;
1263
- line-height: 0.9em;
1264
- padding: 4px 8px;
1298
+ padding: 0 8px;
1265
1299
  text-transform: none;
1266
1300
  vertical-align: bottom;
1267
1301
  z-index: 1;
@@ -1274,7 +1308,7 @@
1274
1308
  }
1275
1309
  .e-pivotview .e-grouping-bar .e-pivot-button:hover,
1276
1310
  .e-pivotview .e-group-rows .e-pivot-button:hover {
1277
- background-color: #ecf;
1311
+ background: #ecf;
1278
1312
  border-color: #ecf;
1279
1313
  }
1280
1314
  .e-pivotview .e-grouping-bar .e-pivot-button:hover .e-sort,
@@ -1341,9 +1375,9 @@
1341
1375
  .e-pivotview .e-group-rows .e-pivot-button:active .e-edit {
1342
1376
  color: #fff;
1343
1377
  }
1344
- .e-pivotview .e-grouping-bar .e-pivot-button .e-content,
1345
- .e-pivotview .e-group-rows .e-pivot-button .e-content {
1346
- background-color: transparent;
1378
+ .e-pivotview .e-grouping-bar .e-pivot-button .e-pvt-btn-content,
1379
+ .e-pivotview .e-group-rows .e-pivot-button .e-pvt-btn-content {
1380
+ background: transparent;
1347
1381
  cursor: move;
1348
1382
  -ms-flex: auto;
1349
1383
  flex: auto;
@@ -1353,14 +1387,10 @@
1353
1387
  text-align: left;
1354
1388
  text-overflow: ellipsis;
1355
1389
  }
1356
- .e-pivotview .e-grouping-bar .e-pivot-button .e-content.e-disable-drag,
1357
- .e-pivotview .e-group-rows .e-pivot-button .e-content.e-disable-drag {
1390
+ .e-pivotview .e-grouping-bar .e-pivot-button .e-pvt-btn-content.e-disable-drag,
1391
+ .e-pivotview .e-group-rows .e-pivot-button .e-pvt-btn-content.e-disable-drag {
1358
1392
  cursor: auto;
1359
1393
  }
1360
- .e-pivotview .e-grouping-bar .e-pivot-button .e-draggable,
1361
- .e-pivotview .e-group-rows .e-pivot-button .e-draggable {
1362
- height: initial !important;
1363
- }
1364
1394
  .e-pivotview .e-grouping-bar .e-pivot-button .e-drag,
1365
1395
  .e-pivotview .e-group-rows .e-pivot-button .e-drag {
1366
1396
  display: none;
@@ -1381,7 +1411,6 @@
1381
1411
  cursor: pointer;
1382
1412
  display: inline-block;
1383
1413
  font-size: 14px;
1384
- height: 18px;
1385
1414
  margin-left: 4px;
1386
1415
  width: 18px;
1387
1416
  }
@@ -1451,7 +1480,6 @@
1451
1480
  pointer-events: none;
1452
1481
  }
1453
1482
  .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button {
1454
- padding: 4px 8px;
1455
1483
  width: 180px;
1456
1484
  }
1457
1485
  .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button:hover {
@@ -1502,10 +1530,8 @@
1502
1530
  .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-edit {
1503
1531
  color: #000 !important;
1504
1532
  font-size: 14px;
1505
- height: 18px;
1506
1533
  margin-left: 4px !important;
1507
1534
  width: 18px;
1508
- padding-top: 2px;
1509
1535
  }
1510
1536
  .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-sort:hover,
1511
1537
  .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-dropdown-icon:hover,
@@ -1528,7 +1554,6 @@
1528
1554
  width: 18px;
1529
1555
  }
1530
1556
  .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-sort.e-descend {
1531
- margin-top: 3px;
1532
1557
  transform: rotateX(180deg);
1533
1558
  }
1534
1559
  .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-dropdown-icon {
@@ -1578,7 +1603,7 @@
1578
1603
  .e-pivotview .e-chart-grouping-bar .e-axis-value .e-group-chart-values-drodown input.e-input {
1579
1604
  padding-bottom: 7px;
1580
1605
  }
1581
- .e-pivotview .e-icons:not(.e-frame):not(.e-btn-icon):not(.e-sort):not(.e-dropdown-icon):not(.e-pv-filter):not(.e-pv-filtered):not(.e-remove):not(.e-edit):not(.e-drag) {
1606
+ .e-pivotview .e-icons:not(.e-frame):not(.e-btn-icon):not(.e-sort):not(.e-dropdown-icon):not(.e-pv-filter):not(.e-pv-filtered):not(.e-remove):not(.e-edit):not(.e-drag):not(.e-selected-option-icon):not(.e-nav-arrow) {
1582
1607
  height: auto;
1583
1608
  width: auto;
1584
1609
  }
@@ -1590,16 +1615,17 @@
1590
1615
  cursor: pointer;
1591
1616
  display: inline-block;
1592
1617
  height: 18px;
1593
- margin-top: 5px;
1618
+ margin-top: 0;
1619
+ margin-bottom: 0;
1594
1620
  text-align: center;
1595
1621
  width: 18px;
1596
- margin-top: 0;
1597
1622
  }
1598
1623
  .e-pivotview th .e-expand,
1599
1624
  .e-pivotview th .e-collapse {
1600
1625
  font-size: 13px !important;
1601
1626
  margin-left: 0px;
1602
1627
  margin-top: 2px;
1628
+ margin-bottom: 0;
1603
1629
  }
1604
1630
  .e-pivotview .e-expand::before {
1605
1631
  font-size: 10px;
@@ -1607,6 +1633,9 @@
1607
1633
  .e-pivotview .e-pivot-pager {
1608
1634
  padding: 4px 12px;
1609
1635
  }
1636
+ .e-pivotview .e-pivot-pager.sf-pager .e-pivot-pager-info-container.e-pagercontainer {
1637
+ font-size: unset;
1638
+ }
1610
1639
  .e-pivotview .e-pivot-pager.e-pivot-pager-bottom {
1611
1640
  border-top: 0;
1612
1641
  }
@@ -1718,6 +1747,12 @@
1718
1747
  -ms-flex: none;
1719
1748
  flex: none;
1720
1749
  }
1750
+ .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-row-pager-settings.e-pivot-pager-axis-container,
1751
+ .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-column-pager-settings.e-pivot-pager-axis-container,
1752
+ .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-column-maindiv .e-pivot-row-pager-settings.e-pivot-pager-axis-container,
1753
+ .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-column-maindiv .e-pivot-column-pager-settings.e-pivot-pager-axis-container {
1754
+ display: inline-table;
1755
+ }
1721
1756
  .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-row-pager-settings .e-numeric,
1722
1757
  .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-column-pager-settings .e-numeric,
1723
1758
  .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-column-maindiv .e-pivot-row-pager-settings .e-numeric,
@@ -1773,6 +1808,8 @@
1773
1808
  .e-pivotview .e-pivot-pager.e-compact-view .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivotview-text-div-1,
1774
1809
  .e-pivotview .e-pivot-pager.e-compact-view .e-pivot-pager-maindiv .e-pivot-pager-column-maindiv .e-pivotview-text-div,
1775
1810
  .e-pivotview .e-pivot-pager.e-compact-view .e-pivot-pager-maindiv .e-pivot-pager-column-maindiv .e-pivotview-text-div-1 {
1811
+ -ms-flex-align: center;
1812
+ align-items: center;
1776
1813
  display: -ms-flexbox;
1777
1814
  display: flex;
1778
1815
  -ms-flex-direction: row;
@@ -1815,6 +1852,23 @@
1815
1852
  text-align: initial;
1816
1853
  width: inherit;
1817
1854
  }
1855
+ .e-pivotview .e-pivot-pager.e-compact-view .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivotview-text-div .e-pivot-row-pager-settings,
1856
+ .e-pivotview .e-pivot-pager.e-compact-view .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivotview-text-div .e-pivot-column-pager-settings,
1857
+ .e-pivotview .e-pivot-pager.e-compact-view .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivotview-text-div-1 .e-pivot-row-pager-settings,
1858
+ .e-pivotview .e-pivot-pager.e-compact-view .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivotview-text-div-1 .e-pivot-column-pager-settings,
1859
+ .e-pivotview .e-pivot-pager.e-compact-view .e-pivot-pager-maindiv .e-pivot-pager-column-maindiv .e-pivotview-text-div .e-pivot-row-pager-settings,
1860
+ .e-pivotview .e-pivot-pager.e-compact-view .e-pivot-pager-maindiv .e-pivot-pager-column-maindiv .e-pivotview-text-div .e-pivot-column-pager-settings,
1861
+ .e-pivotview .e-pivot-pager.e-compact-view .e-pivot-pager-maindiv .e-pivot-pager-column-maindiv .e-pivotview-text-div-1 .e-pivot-row-pager-settings,
1862
+ .e-pivotview .e-pivot-pager.e-compact-view .e-pivot-pager-maindiv .e-pivot-pager-column-maindiv .e-pivotview-text-div-1 .e-pivot-column-pager-settings {
1863
+ -ms-flex-align: center;
1864
+ align-items: center;
1865
+ display: -ms-flexbox;
1866
+ display: flex;
1867
+ }
1868
+ .e-pivotview .e-pivot-pager.e-compact-view .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivotview-text-div-1 .e-pagercontainer,
1869
+ .e-pivotview .e-pivot-pager.e-compact-view .e-pivot-pager-maindiv .e-pivot-pager-column-maindiv .e-pivotview-text-div-1 .e-pagercontainer {
1870
+ margin-bottom: 0;
1871
+ }
1818
1872
  .e-pivotview .e-pivot-pager.e-compact-view .e-pivot-pager-maindiv.e-pivot-pager-single-maindiv .e-pivot-pager-row-maindiv,
1819
1873
  .e-pivotview .e-pivot-pager.e-compact-view .e-pivot-pager-maindiv.e-pivot-pager-single-maindiv .e-pivot-pager-column-maindiv {
1820
1874
  width: 100%;
@@ -1836,7 +1890,7 @@
1836
1890
  }
1837
1891
  .e-pivotview .e-pivot-pager.e-compact-view .e-pivot-pager-maindiv:not(.e-pivot-pager-single-maindiv) .e-pivot-pager-row-maindiv.e-page-size-disable .e-pivotview-text-div,
1838
1892
  .e-pivotview .e-pivot-pager.e-compact-view .e-pivot-pager-maindiv:not(.e-pivot-pager-single-maindiv) .e-pivot-pager-column-maindiv.e-page-size-disable .e-pivotview-text-div {
1839
- width: auto;
1893
+ width: 50%;
1840
1894
  }
1841
1895
  .e-pivotview .e-pivot-pager.e-compact-view.e-rtl .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivotview-text-div .e-pivot-row-pager-settings,
1842
1896
  .e-pivotview .e-pivot-pager.e-compact-view.e-rtl .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivotview-text-div .e-pivot-column-pager-settings,
@@ -1880,6 +1934,7 @@
1880
1934
  }
1881
1935
  .e-pivotview .e-pivot-pager.e-device .e-pivot-pager-maindiv:not(.e-pivot-pager-single-maindiv) .e-pagercontainer {
1882
1936
  margin-top: 6px;
1937
+ margin-left: 0;
1883
1938
  }
1884
1939
  @media (max-width: 400px) {
1885
1940
  .e-pivotview .e-pivot-pager.e-device .e-pivotview-row-size,
@@ -1954,8 +2009,8 @@
1954
2009
  padding-left: 8px;
1955
2010
  padding-right: 0;
1956
2011
  }
1957
- .e-pivotview.e-rtl .e-group-rows .e-pvt-btn-div .e-pivot-button .e-content,
1958
- .e-pivotview.e-rtl .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-content {
2012
+ .e-pivotview.e-rtl .e-group-rows .e-pvt-btn-div .e-pivot-button .e-pvt-btn-content,
2013
+ .e-pivotview.e-rtl .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-pvt-btn-content {
1959
2014
  margin-left: 4px;
1960
2015
  text-align: right;
1961
2016
  }
@@ -1991,7 +2046,7 @@
1991
2046
  padding-right: 0;
1992
2047
  /* stylelint-enable */
1993
2048
  }
1994
- .e-pivotview.e-rtl .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-content {
2049
+ .e-pivotview.e-rtl .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-pvt-btn-content {
1995
2050
  margin-left: 4px;
1996
2051
  margin-right: 0;
1997
2052
  text-align: right;
@@ -2021,12 +2076,6 @@
2021
2076
  .e-pivotview.e-device .e-grouping-bar .e-pivot-button {
2022
2077
  line-height: 1em !important;
2023
2078
  }
2024
- .e-pivotview.e-device .e-grouping-bar .e-pivot-button .e-dropdown-icon,
2025
- .e-pivotview.e-device .e-grouping-bar .e-pivot-button .e-pv-filtered,
2026
- .e-pivotview.e-device .e-grouping-bar .e-pivot-button .e-remove,
2027
- .e-pivotview.e-device .e-grouping-bar .e-pivot-button .e-sort {
2028
- margin-top: 2px !important;
2029
- }
2030
2079
  .e-pivotview.e-device .e-grouping-bar .e-group-all-fields .e-pvt-btn-div .e-pivot-button {
2031
2080
  max-width: 155px;
2032
2081
  }
@@ -2046,6 +2095,10 @@
2046
2095
  .e-pivotview.e-device .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button {
2047
2096
  width: 155px;
2048
2097
  }
2098
+ .e-pivotview.e-device .e-scrollbar .e-movablescrollbar {
2099
+ min-height: 1px !important;
2100
+ visibility: hidden;
2101
+ }
2049
2102
  .e-pivotview .e-component-disable {
2050
2103
  display: none !important;
2051
2104
  }
@@ -2102,9 +2155,7 @@
2102
2155
  .e-bigger .e-pivotview,
2103
2156
  .e-bigger.e-pivotview {
2104
2157
  /* stylelint-disable */
2105
- /* stylelint-enable */
2106
2158
  /* stylelint-disable */
2107
- /* stylelint-enable */
2108
2159
  }
2109
2160
  .e-bigger .e-pivotview .e-chart-grouping-bar .e-axis-value .e-group-chart-values-drodown,
2110
2161
  .e-bigger.e-pivotview .e-chart-grouping-bar .e-axis-value .e-group-chart-values-drodown {
@@ -2148,6 +2199,15 @@
2148
2199
  .e-bigger.e-pivotview .e-grid .e-gridheader .e-headercell .e-rhandler {
2149
2200
  height: 100% !important;
2150
2201
  }
2202
+ .e-bigger .e-pivotview.e-device .e-grid.e-grid-min-height .e-rowcell,
2203
+ .e-bigger .e-pivotview.e-device .e-grid.e-grid-min-height .e-rowcell:first-child,
2204
+ .e-bigger .e-pivotview.e-device .e-grid.e-grid-min-height .e-rowcell:last-child,
2205
+ .e-bigger.e-pivotview.e-device .e-grid.e-grid-min-height .e-rowcell,
2206
+ .e-bigger.e-pivotview.e-device .e-grid.e-grid-min-height .e-rowcell:first-child,
2207
+ .e-bigger.e-pivotview.e-device .e-grid.e-grid-min-height .e-rowcell:last-child {
2208
+ padding-top: 0px !important;
2209
+ padding-bottom: 0px !important;
2210
+ }
2151
2211
  .e-bigger .e-pivotview .e-stackedheadercelldiv,
2152
2212
  .e-bigger .e-pivotview .e-stackedheadertext,
2153
2213
  .e-bigger .e-pivotview .e-headertext,
@@ -2192,11 +2252,10 @@
2192
2252
  .e-bigger .e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button,
2193
2253
  .e-bigger.e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button {
2194
2254
  height: 30px;
2195
- line-height: 0.9em;
2196
- padding: 6px 12px;
2255
+ padding: 0 12px;
2197
2256
  }
2198
- .e-bigger .e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-content,
2199
- .e-bigger.e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-content {
2257
+ .e-bigger .e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-pvt-btn-content,
2258
+ .e-bigger.e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-pvt-btn-content {
2200
2259
  font-size: 13px;
2201
2260
  margin-right: 8px;
2202
2261
  }
@@ -2214,8 +2273,8 @@
2214
2273
  .e-bigger.e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-edit {
2215
2274
  /* stylelint-disable */
2216
2275
  font-size: 16px !important;
2217
- height: 20px;
2218
- margin-top: 0;
2276
+ height: 16px !important;
2277
+ /* stylelint-enable */
2219
2278
  width: 20px;
2220
2279
  }
2221
2280
  .e-bigger .e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-sort,
@@ -2266,10 +2325,10 @@
2266
2325
  .e-bigger.e-pivotview .e-group-rows .e-pvt-btn-div .e-pivot-button {
2267
2326
  height: 30px;
2268
2327
  line-height: 0.9em;
2269
- padding: 6px 12px;
2328
+ padding: 0 12px;
2270
2329
  }
2271
- .e-bigger .e-pivotview .e-group-rows .e-pvt-btn-div .e-pivot-button .e-content,
2272
- .e-bigger.e-pivotview .e-group-rows .e-pvt-btn-div .e-pivot-button .e-content {
2330
+ .e-bigger .e-pivotview .e-group-rows .e-pvt-btn-div .e-pivot-button .e-pvt-btn-content,
2331
+ .e-bigger.e-pivotview .e-group-rows .e-pvt-btn-div .e-pivot-button .e-pvt-btn-content {
2273
2332
  font-size: 13px;
2274
2333
  margin-right: 8px;
2275
2334
  }
@@ -2285,8 +2344,10 @@
2285
2344
  .e-bigger.e-pivotview .e-group-rows .e-pvt-btn-div .e-pivot-button .e-pv-filtered,
2286
2345
  .e-bigger.e-pivotview .e-group-rows .e-pvt-btn-div .e-pivot-button .e-remove,
2287
2346
  .e-bigger.e-pivotview .e-group-rows .e-pvt-btn-div .e-pivot-button .e-edit {
2347
+ /* stylelint-disable */
2288
2348
  font-size: 16px !important;
2289
- height: 20px;
2349
+ height: 16px !important;
2350
+ /* stylelint-enable */
2290
2351
  width: 20px;
2291
2352
  }
2292
2353
  .e-bigger .e-pivotview .e-group-rows .e-pvt-btn-div .e-pivot-button .e-sort,
@@ -2297,10 +2358,6 @@
2297
2358
  .e-bigger.e-pivotview .e-group-rows .e-pvt-btn-div .e-pivot-button .e-dropdown-icon {
2298
2359
  margin-top: 1px;
2299
2360
  }
2300
- .e-bigger .e-pivotview .e-member-editor-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container,
2301
- .e-bigger.e-pivotview .e-member-editor-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container {
2302
- height: 131px;
2303
- }
2304
2361
  .e-bigger .e-pivotview .e-stackedheadercelldiv,
2305
2362
  .e-bigger .e-pivotview .e-stackedheadertext,
2306
2363
  .e-bigger .e-pivotview .e-headertext,
@@ -2319,14 +2376,11 @@
2319
2376
  }
2320
2377
  .e-bigger .e-pivotview .e-rowcell,
2321
2378
  .e-bigger.e-pivotview .e-rowcell {
2322
- /* stylelint-disable */
2323
2379
  font-size: 13px !important;
2324
2380
  }
2325
2381
  .e-bigger .e-pivotview.e-rtl,
2326
2382
  .e-bigger.e-pivotview.e-rtl {
2327
2383
  /* stylelint-enable */
2328
- /* stylelint-disable */
2329
- /* stylelint-enable */
2330
2384
  }
2331
2385
  .e-bigger .e-pivotview.e-rtl .e-grid .e-rowsheader,
2332
2386
  .e-bigger.e-pivotview.e-rtl .e-grid .e-rowsheader {