@syncfusion/ej2-react-pivotview 20.4.54 → 21.1.37

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 (57) hide show
  1. package/CHANGELOG.md +13 -41
  2. package/diConfig.json +4 -4
  3. package/dist/ej2-react-pivotview.min.js +2 -2
  4. package/dist/ej2-react-pivotview.umd.min.js +2 -2
  5. package/dist/ej2-react-pivotview.umd.min.js.map +1 -1
  6. package/dist/es6/ej2-react-pivotview.es2015.js +4 -2
  7. package/dist/es6/ej2-react-pivotview.es2015.js.map +1 -1
  8. package/package.json +9 -9
  9. package/src/pivotfieldlist/pivotfieldlist.component.d.ts +1 -0
  10. package/src/pivotfieldlist/pivotfieldlist.component.js +1 -0
  11. package/src/pivotview/pivotview.component.d.ts +3 -2
  12. package/src/pivotview/pivotview.component.js +3 -2
  13. package/styles/bootstrap-dark.css +81 -5
  14. package/styles/bootstrap.css +82 -5
  15. package/styles/bootstrap4.css +82 -15
  16. package/styles/bootstrap5-dark.css +95 -18
  17. package/styles/bootstrap5.css +95 -18
  18. package/styles/fabric-dark.css +84 -13
  19. package/styles/fabric.css +83 -10
  20. package/styles/fluent-dark.css +101 -20
  21. package/styles/fluent.css +101 -20
  22. package/styles/highcontrast-light.css +84 -9
  23. package/styles/highcontrast.css +84 -9
  24. package/styles/material-dark.css +81 -5
  25. package/styles/material.css +81 -11
  26. package/styles/pivotfieldlist/bootstrap-dark.css +58 -2
  27. package/styles/pivotfieldlist/bootstrap.css +58 -2
  28. package/styles/pivotfieldlist/bootstrap4.css +58 -2
  29. package/styles/pivotfieldlist/bootstrap5-dark.css +66 -9
  30. package/styles/pivotfieldlist/bootstrap5.css +66 -9
  31. package/styles/pivotfieldlist/fabric-dark.css +58 -2
  32. package/styles/pivotfieldlist/fabric.css +58 -2
  33. package/styles/pivotfieldlist/fluent-dark.css +72 -11
  34. package/styles/pivotfieldlist/fluent.css +72 -11
  35. package/styles/pivotfieldlist/highcontrast-light.css +58 -2
  36. package/styles/pivotfieldlist/highcontrast.css +58 -2
  37. package/styles/pivotfieldlist/material-dark.css +58 -2
  38. package/styles/pivotfieldlist/material.css +58 -2
  39. package/styles/pivotfieldlist/tailwind-dark.css +64 -7
  40. package/styles/pivotfieldlist/tailwind.css +64 -7
  41. package/styles/pivotview/bootstrap-dark.css +23 -3
  42. package/styles/pivotview/bootstrap.css +24 -3
  43. package/styles/pivotview/bootstrap4.css +24 -13
  44. package/styles/pivotview/bootstrap5-dark.css +29 -9
  45. package/styles/pivotview/bootstrap5.css +29 -9
  46. package/styles/pivotview/fabric-dark.css +26 -11
  47. package/styles/pivotview/fabric.css +25 -8
  48. package/styles/pivotview/fluent-dark.css +29 -9
  49. package/styles/pivotview/fluent.css +29 -9
  50. package/styles/pivotview/highcontrast-light.css +26 -7
  51. package/styles/pivotview/highcontrast.css +26 -7
  52. package/styles/pivotview/material-dark.css +23 -3
  53. package/styles/pivotview/material.css +23 -9
  54. package/styles/pivotview/tailwind-dark.css +26 -10
  55. package/styles/pivotview/tailwind.css +26 -10
  56. package/styles/tailwind-dark.css +90 -17
  57. package/styles/tailwind.css +90 -17
package/styles/highcontrast-light.css CHANGED
@@ -558,9 +558,6 @@
558
558
  .e-pivotview .e-pivot-toolbar .e-toolbar-items {
559
559
  background: #d8d8d8;
560
560
  }
561
- .e-pivotview .e-pivot-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control {
562
- background: #d8d8d8;
563
- }
564
561
  .e-pivotview .e-pivot-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
565
562
  font-size: 16px;
566
563
  }
@@ -579,8 +576,8 @@
579
576
  font-size: 16px;
580
577
  }
581
578
  .e-pivotview .e-pivot-toolbar .e-pivot-toolbar-menu ul.e-menu {
582
- padding-right: 0 !important;
583
579
  padding-left: 0 !important;
580
+ padding-right: 0 !important;
584
581
  }
585
582
  .e-pivotview .e-pivot-toolbar .e-tab .e-tab-header .e-toolbar-item.e-active {
586
583
  margin-left: 18px !important;
@@ -793,6 +790,10 @@
793
790
  .e-bigger.e-pivotview .e-value-field-settings {
794
791
  max-height: 510px !important;
795
792
  }
793
+ .e-bigger .e-pivotview .e-value-field-settings .e-dlg-content,
794
+ .e-bigger.e-pivotview .e-value-field-settings .e-dlg-content {
795
+ padding: 0;
796
+ }
796
797
  .e-bigger .e-pivotview .e-pivot-format-dialog .e-pivot-format-dialog-outer,
797
798
  .e-bigger.e-pivotview .e-pivot-format-dialog .e-pivot-format-dialog-outer {
798
799
  padding: 0 20px 10px;
@@ -956,6 +957,10 @@
956
957
  .e-pivotview .e-pivot-format-dialog .e-pivot-format-table {
957
958
  width: 100%;
958
959
  }
960
+ .e-pivotview .e-toolbar .e-tbar-btn {
961
+ background-color: transparent;
962
+ border: none !important;
963
+ }
959
964
  .e-pivotview .e-grid .e-rowsheader.e-active,
960
965
  .e-pivotview .e-grid .e-rowsheader.e-cellselectionbackground,
961
966
  .e-pivotview .e-grid .e-columnsheader.e-active,
@@ -1384,6 +1389,7 @@
1384
1389
  height: 18px;
1385
1390
  margin-left: 4px;
1386
1391
  width: 18px;
1392
+ padding-top: 2px;
1387
1393
  }
1388
1394
  .e-pivotview .e-grouping-bar .e-pivot-button .e-sort:hover,
1389
1395
  .e-pivotview .e-grouping-bar .e-pivot-button .e-dropdown-icon:hover,
@@ -1421,6 +1427,7 @@
1421
1427
  }
1422
1428
  .e-pivotview .e-grouping-bar .e-pivot-button .e-sort.e-descend,
1423
1429
  .e-pivotview .e-group-rows .e-pivot-button .e-sort.e-descend {
1430
+ margin-top: 4px;
1424
1431
  transform: rotateX(180deg);
1425
1432
  }
1426
1433
  .e-pivotview .e-grouping-bar .e-pivot-button .e-dropdown-icon,
@@ -1505,7 +1512,6 @@
1505
1512
  height: 18px;
1506
1513
  margin-left: 4px !important;
1507
1514
  width: 18px;
1508
- padding-top: 2px;
1509
1515
  }
1510
1516
  .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-sort:hover,
1511
1517
  .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-dropdown-icon:hover,
@@ -1528,7 +1534,6 @@
1528
1534
  width: 18px;
1529
1535
  }
1530
1536
  .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-sort.e-descend {
1531
- margin-top: 3px;
1532
1537
  transform: rotateX(180deg);
1533
1538
  }
1534
1539
  .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-dropdown-icon {
@@ -1607,6 +1612,9 @@
1607
1612
  .e-pivotview .e-pivot-pager {
1608
1613
  padding: 4px 12px;
1609
1614
  }
1615
+ .e-pivotview .e-pivot-pager.sf-pager .e-pivot-pager-info-container.e-pagercontainer {
1616
+ font-size: unset;
1617
+ }
1610
1618
  .e-pivotview .e-pivot-pager.e-pivot-pager-bottom {
1611
1619
  border-top: 0;
1612
1620
  }
@@ -1718,6 +1726,12 @@
1718
1726
  -ms-flex: none;
1719
1727
  flex: none;
1720
1728
  }
1729
+ .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-row-pager-settings.e-pivot-pager-axis-container,
1730
+ .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-column-pager-settings.e-pivot-pager-axis-container,
1731
+ .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-column-maindiv .e-pivot-row-pager-settings.e-pivot-pager-axis-container,
1732
+ .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-column-maindiv .e-pivot-column-pager-settings.e-pivot-pager-axis-container {
1733
+ display: inline-table;
1734
+ }
1721
1735
  .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-row-pager-settings .e-numeric,
1722
1736
  .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-column-pager-settings .e-numeric,
1723
1737
  .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-column-maindiv .e-pivot-row-pager-settings .e-numeric,
@@ -1836,7 +1850,7 @@
1836
1850
  }
1837
1851
  .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
1852
  .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;
1853
+ width: 50%;
1840
1854
  }
1841
1855
  .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
1856
  .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 +1894,7 @@
1880
1894
  }
1881
1895
  .e-pivotview .e-pivot-pager.e-device .e-pivot-pager-maindiv:not(.e-pivot-pager-single-maindiv) .e-pagercontainer {
1882
1896
  margin-top: 6px;
1897
+ margin-left: 0;
1883
1898
  }
1884
1899
  @media (max-width: 400px) {
1885
1900
  .e-pivotview .e-pivot-pager.e-device .e-pivotview-row-size,
@@ -2046,6 +2061,10 @@
2046
2061
  .e-pivotview.e-device .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button {
2047
2062
  width: 155px;
2048
2063
  }
2064
+ .e-pivotview.e-device .e-scrollbar .e-movablescrollbar {
2065
+ min-height: 1px !important;
2066
+ visibility: hidden;
2067
+ }
2049
2068
  .e-pivotview .e-component-disable {
2050
2069
  display: none !important;
2051
2070
  }
@@ -3402,6 +3421,8 @@
3402
3421
  }
3403
3422
  .e-pivot-calc-dialog-div.e-rtl .e-treeview ul li .e-text-content {
3404
3423
  padding: 0 24px 0 0;
3424
+ display: -ms-flexbox;
3425
+ display: flex;
3405
3426
  }
3406
3427
  .e-pivot-calc-dialog-div .e-pivot-calc-input.e-empty-field::-webkit-input-placeholder {
3407
3428
  color: #ff6161 !important;
@@ -3629,6 +3650,15 @@
3629
3650
  .e-bigger .e-pivot-calc-dialog-div .e-treeview .e-list-item div.e-icons {
3630
3651
  font-size: 16px;
3631
3652
  }
3653
+ .e-bigger.e-pivot-calc-dialog-div .e-treeview .e-list-item .e-remove-report,
3654
+ .e-bigger.e-pivot-calc-dialog-div .e-treeview .e-list-item .e-edit,
3655
+ .e-bigger.e-pivot-calc-dialog-div .e-treeview .e-list-item .e-edited,
3656
+ .e-bigger .e-pivot-calc-dialog-div .e-treeview .e-list-item .e-remove-report,
3657
+ .e-bigger .e-pivot-calc-dialog-div .e-treeview .e-list-item .e-edit,
3658
+ .e-bigger .e-pivot-calc-dialog-div .e-treeview .e-list-item .e-edited {
3659
+ /* stylelint-disable */
3660
+ /* stylelint-enable */
3661
+ }
3632
3662
  .e-bigger.e-pivot-calc-dialog-div .e-treeview .e-list-item span.e-icons,
3633
3663
  .e-bigger .e-pivot-calc-dialog-div .e-treeview .e-list-item span.e-icons {
3634
3664
  font-size: 16px;
@@ -3728,6 +3758,7 @@
3728
3758
  .e-pivotfieldlist-container .e-adaptive-field-list-dialog:not(.e-member-editor-dialog):not(.e-olap-field-list-tree) ul li:not(.e-pivot-parent):not(.e-pivot-child) .e-text-content,
3729
3759
  .e-pivotfieldlist-container .e-member-editor-dialog:not(.e-member-editor-dialog):not(.e-olap-field-list-tree) ul li:not(.e-pivot-parent):not(.e-pivot-child) .e-text-content {
3730
3760
  padding-left: 0;
3761
+ margin-left: 15px;
3731
3762
  }
3732
3763
  .e-pivotfieldlist-container .e-adaptive-field-list-dialog .e-member-editor-container ul,
3733
3764
  .e-pivotfieldlist-container .e-member-editor-dialog .e-member-editor-container ul {
@@ -3844,9 +3875,10 @@
3844
3875
  }
3845
3876
  .e-pivotfieldlist-container .e-member-editor-dialog .e-excelfilter {
3846
3877
  padding-top: 20px;
3878
+ /* stylelint-disable */
3847
3879
  }
3848
3880
  .e-pivotfieldlist-container .e-member-editor-dialog .e-excelfilter .e-member-editor-container-outer-div {
3849
- height: 115px;
3881
+ height: 115px !important;
3850
3882
  }
3851
3883
  .e-pivotfieldlist-container .e-member-editor-dialog .e-label-filter,
3852
3884
  .e-pivotfieldlist-container .e-member-editor-dialog .e-value-filter {
@@ -3854,7 +3886,6 @@
3854
3886
  overflow: auto;
3855
3887
  padding: 20px;
3856
3888
  padding-bottom: 0;
3857
- /* stylelint-disable */
3858
3889
  /* stylelint-enable */
3859
3890
  }
3860
3891
  .e-pivotfieldlist-container .e-member-editor-dialog .e-label-filter .e-filter-text-div,
@@ -4465,6 +4496,50 @@
4465
4496
  /* stylelint-enable */
4466
4497
  /* stylelint-enable */
4467
4498
  }
4499
+ .e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list {
4500
+ display: block;
4501
+ overflow-y: auto;
4502
+ }
4503
+ .e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list.e-olap-field-list-tree.e-treeview ul:first-child {
4504
+ padding-right: 0;
4505
+ }
4506
+ .e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list.e-olap-field-list-tree.e-treeview li.e-no-checkbox > .e-text-content > .e-checkbox-wrapper, .e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list.e-olap-field-list-tree.e-treeview li .e-measure-icon {
4507
+ display: none;
4508
+ }
4509
+ .e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list.e-olap-field-list-tree.e-treeview li.e-rtl ul:first-child {
4510
+ padding-left: 0;
4511
+ padding-right: 10px;
4512
+ }
4513
+ .e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list li .e-drag {
4514
+ padding: revert;
4515
+ margin: revert;
4516
+ width: auto;
4517
+ height: auto;
4518
+ }
4519
+ .e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list li .e-draggable {
4520
+ display: contents;
4521
+ }
4522
+ .e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list li .e-text-content {
4523
+ display: -ms-flexbox;
4524
+ display: flex;
4525
+ -ms-flex-align: center;
4526
+ align-items: center;
4527
+ }
4528
+ .e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list li .e-list-text {
4529
+ text-overflow: ellipsis;
4530
+ overflow-x: hidden;
4531
+ width: 100%;
4532
+ white-space: nowrap;
4533
+ }
4534
+ .e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list.e-treeview:not(.e-rtl) .e-list-text {
4535
+ padding-right: revert;
4536
+ }
4537
+ .e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list.e-treeview.e-rtl .e-list-text {
4538
+ padding-left: revert;
4539
+ }
4540
+ .e-pivotfieldlist-container.sf-pivotfieldlist-container .e-adaptive-field-list-dialog .e-member-editor-container li.e-no-checkbox > .e-text-content > .e-checkbox-wrapper, .e-pivotfieldlist-container.sf-pivotfieldlist-container .e-adaptive-field-list-dialog .e-member-editor-container li .e-measure-icon {
4541
+ display: none;
4542
+ }
4468
4543
  .e-pivotfieldlist-container .e-layout-footer {
4469
4544
  display: -ms-flexbox;
4470
4545
  display: flex;
package/styles/highcontrast.css CHANGED
@@ -558,9 +558,6 @@
558
558
  .e-pivotview .e-pivot-toolbar .e-toolbar-items {
559
559
  background: #262626;
560
560
  }
561
- .e-pivotview .e-pivot-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control {
562
- background: #262626;
563
- }
564
561
  .e-pivotview .e-pivot-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
565
562
  font-size: 16px;
566
563
  }
@@ -579,8 +576,8 @@
579
576
  font-size: 16px;
580
577
  }
581
578
  .e-pivotview .e-pivot-toolbar .e-pivot-toolbar-menu ul.e-menu {
582
- padding-right: 0 !important;
583
579
  padding-left: 0 !important;
580
+ padding-right: 0 !important;
584
581
  }
585
582
  .e-pivotview .e-pivot-toolbar .e-tab .e-tab-header .e-toolbar-item.e-active {
586
583
  margin-left: 18px !important;
@@ -793,6 +790,10 @@
793
790
  .e-bigger.e-pivotview .e-value-field-settings {
794
791
  max-height: 510px !important;
795
792
  }
793
+ .e-bigger .e-pivotview .e-value-field-settings .e-dlg-content,
794
+ .e-bigger.e-pivotview .e-value-field-settings .e-dlg-content {
795
+ padding: 0;
796
+ }
796
797
  .e-bigger .e-pivotview .e-pivot-format-dialog .e-pivot-format-dialog-outer,
797
798
  .e-bigger.e-pivotview .e-pivot-format-dialog .e-pivot-format-dialog-outer {
798
799
  padding: 0 20px 10px;
@@ -956,6 +957,10 @@
956
957
  .e-pivotview .e-pivot-format-dialog .e-pivot-format-table {
957
958
  width: 100%;
958
959
  }
960
+ .e-pivotview .e-toolbar .e-tbar-btn {
961
+ background-color: transparent;
962
+ border: none !important;
963
+ }
959
964
  .e-pivotview .e-grid .e-rowsheader.e-active,
960
965
  .e-pivotview .e-grid .e-rowsheader.e-cellselectionbackground,
961
966
  .e-pivotview .e-grid .e-columnsheader.e-active,
@@ -1384,6 +1389,7 @@
1384
1389
  height: 18px;
1385
1390
  margin-left: 4px;
1386
1391
  width: 18px;
1392
+ padding-top: 2px;
1387
1393
  }
1388
1394
  .e-pivotview .e-grouping-bar .e-pivot-button .e-sort:hover,
1389
1395
  .e-pivotview .e-grouping-bar .e-pivot-button .e-dropdown-icon:hover,
@@ -1421,6 +1427,7 @@
1421
1427
  }
1422
1428
  .e-pivotview .e-grouping-bar .e-pivot-button .e-sort.e-descend,
1423
1429
  .e-pivotview .e-group-rows .e-pivot-button .e-sort.e-descend {
1430
+ margin-top: 4px;
1424
1431
  transform: rotateX(180deg);
1425
1432
  }
1426
1433
  .e-pivotview .e-grouping-bar .e-pivot-button .e-dropdown-icon,
@@ -1505,7 +1512,6 @@
1505
1512
  height: 18px;
1506
1513
  margin-left: 4px !important;
1507
1514
  width: 18px;
1508
- padding-top: 2px;
1509
1515
  }
1510
1516
  .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-sort:hover,
1511
1517
  .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-dropdown-icon:hover,
@@ -1528,7 +1534,6 @@
1528
1534
  width: 18px;
1529
1535
  }
1530
1536
  .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-sort.e-descend {
1531
- margin-top: 3px;
1532
1537
  transform: rotateX(180deg);
1533
1538
  }
1534
1539
  .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-dropdown-icon {
@@ -1607,6 +1612,9 @@
1607
1612
  .e-pivotview .e-pivot-pager {
1608
1613
  padding: 4px 12px;
1609
1614
  }
1615
+ .e-pivotview .e-pivot-pager.sf-pager .e-pivot-pager-info-container.e-pagercontainer {
1616
+ font-size: unset;
1617
+ }
1610
1618
  .e-pivotview .e-pivot-pager.e-pivot-pager-bottom {
1611
1619
  border-top: 0;
1612
1620
  }
@@ -1718,6 +1726,12 @@
1718
1726
  -ms-flex: none;
1719
1727
  flex: none;
1720
1728
  }
1729
+ .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-row-pager-settings.e-pivot-pager-axis-container,
1730
+ .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-column-pager-settings.e-pivot-pager-axis-container,
1731
+ .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-column-maindiv .e-pivot-row-pager-settings.e-pivot-pager-axis-container,
1732
+ .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-column-maindiv .e-pivot-column-pager-settings.e-pivot-pager-axis-container {
1733
+ display: inline-table;
1734
+ }
1721
1735
  .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-row-pager-settings .e-numeric,
1722
1736
  .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-column-pager-settings .e-numeric,
1723
1737
  .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-column-maindiv .e-pivot-row-pager-settings .e-numeric,
@@ -1836,7 +1850,7 @@
1836
1850
  }
1837
1851
  .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
1852
  .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;
1853
+ width: 50%;
1840
1854
  }
1841
1855
  .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
1856
  .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 +1894,7 @@
1880
1894
  }
1881
1895
  .e-pivotview .e-pivot-pager.e-device .e-pivot-pager-maindiv:not(.e-pivot-pager-single-maindiv) .e-pagercontainer {
1882
1896
  margin-top: 6px;
1897
+ margin-left: 0;
1883
1898
  }
1884
1899
  @media (max-width: 400px) {
1885
1900
  .e-pivotview .e-pivot-pager.e-device .e-pivotview-row-size,
@@ -2046,6 +2061,10 @@
2046
2061
  .e-pivotview.e-device .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button {
2047
2062
  width: 155px;
2048
2063
  }
2064
+ .e-pivotview.e-device .e-scrollbar .e-movablescrollbar {
2065
+ min-height: 1px !important;
2066
+ visibility: hidden;
2067
+ }
2049
2068
  .e-pivotview .e-component-disable {
2050
2069
  display: none !important;
2051
2070
  }
@@ -3402,6 +3421,8 @@
3402
3421
  }
3403
3422
  .e-pivot-calc-dialog-div.e-rtl .e-treeview ul li .e-text-content {
3404
3423
  padding: 0 24px 0 0;
3424
+ display: -ms-flexbox;
3425
+ display: flex;
3405
3426
  }
3406
3427
  .e-pivot-calc-dialog-div .e-pivot-calc-input.e-empty-field::-webkit-input-placeholder {
3407
3428
  color: #ff6161 !important;
@@ -3629,6 +3650,15 @@
3629
3650
  .e-bigger .e-pivot-calc-dialog-div .e-treeview .e-list-item div.e-icons {
3630
3651
  font-size: 16px;
3631
3652
  }
3653
+ .e-bigger.e-pivot-calc-dialog-div .e-treeview .e-list-item .e-remove-report,
3654
+ .e-bigger.e-pivot-calc-dialog-div .e-treeview .e-list-item .e-edit,
3655
+ .e-bigger.e-pivot-calc-dialog-div .e-treeview .e-list-item .e-edited,
3656
+ .e-bigger .e-pivot-calc-dialog-div .e-treeview .e-list-item .e-remove-report,
3657
+ .e-bigger .e-pivot-calc-dialog-div .e-treeview .e-list-item .e-edit,
3658
+ .e-bigger .e-pivot-calc-dialog-div .e-treeview .e-list-item .e-edited {
3659
+ /* stylelint-disable */
3660
+ /* stylelint-enable */
3661
+ }
3632
3662
  .e-bigger.e-pivot-calc-dialog-div .e-treeview .e-list-item span.e-icons,
3633
3663
  .e-bigger .e-pivot-calc-dialog-div .e-treeview .e-list-item span.e-icons {
3634
3664
  font-size: 16px;
@@ -3728,6 +3758,7 @@
3728
3758
  .e-pivotfieldlist-container .e-adaptive-field-list-dialog:not(.e-member-editor-dialog):not(.e-olap-field-list-tree) ul li:not(.e-pivot-parent):not(.e-pivot-child) .e-text-content,
3729
3759
  .e-pivotfieldlist-container .e-member-editor-dialog:not(.e-member-editor-dialog):not(.e-olap-field-list-tree) ul li:not(.e-pivot-parent):not(.e-pivot-child) .e-text-content {
3730
3760
  padding-left: 0;
3761
+ margin-left: 15px;
3731
3762
  }
3732
3763
  .e-pivotfieldlist-container .e-adaptive-field-list-dialog .e-member-editor-container ul,
3733
3764
  .e-pivotfieldlist-container .e-member-editor-dialog .e-member-editor-container ul {
@@ -3844,9 +3875,10 @@
3844
3875
  }
3845
3876
  .e-pivotfieldlist-container .e-member-editor-dialog .e-excelfilter {
3846
3877
  padding-top: 20px;
3878
+ /* stylelint-disable */
3847
3879
  }
3848
3880
  .e-pivotfieldlist-container .e-member-editor-dialog .e-excelfilter .e-member-editor-container-outer-div {
3849
- height: 115px;
3881
+ height: 115px !important;
3850
3882
  }
3851
3883
  .e-pivotfieldlist-container .e-member-editor-dialog .e-label-filter,
3852
3884
  .e-pivotfieldlist-container .e-member-editor-dialog .e-value-filter {
@@ -3854,7 +3886,6 @@
3854
3886
  overflow: auto;
3855
3887
  padding: 20px;
3856
3888
  padding-bottom: 0;
3857
- /* stylelint-disable */
3858
3889
  /* stylelint-enable */
3859
3890
  }
3860
3891
  .e-pivotfieldlist-container .e-member-editor-dialog .e-label-filter .e-filter-text-div,
@@ -4465,6 +4496,50 @@
4465
4496
  /* stylelint-enable */
4466
4497
  /* stylelint-enable */
4467
4498
  }
4499
+ .e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list {
4500
+ display: block;
4501
+ overflow-y: auto;
4502
+ }
4503
+ .e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list.e-olap-field-list-tree.e-treeview ul:first-child {
4504
+ padding-right: 0;
4505
+ }
4506
+ .e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list.e-olap-field-list-tree.e-treeview li.e-no-checkbox > .e-text-content > .e-checkbox-wrapper, .e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list.e-olap-field-list-tree.e-treeview li .e-measure-icon {
4507
+ display: none;
4508
+ }
4509
+ .e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list.e-olap-field-list-tree.e-treeview li.e-rtl ul:first-child {
4510
+ padding-left: 0;
4511
+ padding-right: 10px;
4512
+ }
4513
+ .e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list li .e-drag {
4514
+ padding: revert;
4515
+ margin: revert;
4516
+ width: auto;
4517
+ height: auto;
4518
+ }
4519
+ .e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list li .e-draggable {
4520
+ display: contents;
4521
+ }
4522
+ .e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list li .e-text-content {
4523
+ display: -ms-flexbox;
4524
+ display: flex;
4525
+ -ms-flex-align: center;
4526
+ align-items: center;
4527
+ }
4528
+ .e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list li .e-list-text {
4529
+ text-overflow: ellipsis;
4530
+ overflow-x: hidden;
4531
+ width: 100%;
4532
+ white-space: nowrap;
4533
+ }
4534
+ .e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list.e-treeview:not(.e-rtl) .e-list-text {
4535
+ padding-right: revert;
4536
+ }
4537
+ .e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list.e-treeview.e-rtl .e-list-text {
4538
+ padding-left: revert;
4539
+ }
4540
+ .e-pivotfieldlist-container.sf-pivotfieldlist-container .e-adaptive-field-list-dialog .e-member-editor-container li.e-no-checkbox > .e-text-content > .e-checkbox-wrapper, .e-pivotfieldlist-container.sf-pivotfieldlist-container .e-adaptive-field-list-dialog .e-member-editor-container li .e-measure-icon {
4541
+ display: none;
4542
+ }
4468
4543
  .e-pivotfieldlist-container .e-layout-footer {
4469
4544
  display: -ms-flexbox;
4470
4545
  display: flex;
package/styles/material-dark.css CHANGED
@@ -787,6 +787,10 @@
787
787
  .e-bigger.e-pivotview .e-value-field-settings {
788
788
  max-height: 510px !important;
789
789
  }
790
+ .e-bigger .e-pivotview .e-value-field-settings .e-dlg-content,
791
+ .e-bigger.e-pivotview .e-value-field-settings .e-dlg-content {
792
+ padding: 0;
793
+ }
790
794
  .e-bigger .e-pivotview .e-pivot-format-dialog .e-pivot-format-dialog-outer,
791
795
  .e-bigger.e-pivotview .e-pivot-format-dialog .e-pivot-format-dialog-outer {
792
796
  padding: 0 20px 10px;
@@ -949,6 +953,9 @@
949
953
  .e-pivotview .e-pivot-format-dialog .e-pivot-format-table {
950
954
  width: 100%;
951
955
  }
956
+ .e-pivotview .e-toolbar .e-tbar-btn {
957
+ background-color: transparent;
958
+ }
952
959
  .e-pivotview .e-grid .e-rowsheader.e-active,
953
960
  .e-pivotview .e-grid .e-rowsheader.e-cellselectionbackground,
954
961
  .e-pivotview .e-grid .e-columnsheader.e-active,
@@ -1378,6 +1385,7 @@
1378
1385
  height: 18px;
1379
1386
  margin-left: 4px;
1380
1387
  width: 18px;
1388
+ padding-top: 1px;
1381
1389
  }
1382
1390
  .e-pivotview .e-grouping-bar .e-pivot-button .e-sort:hover,
1383
1391
  .e-pivotview .e-grouping-bar .e-pivot-button .e-dropdown-icon:hover,
@@ -1415,6 +1423,7 @@
1415
1423
  }
1416
1424
  .e-pivotview .e-grouping-bar .e-pivot-button .e-sort.e-descend,
1417
1425
  .e-pivotview .e-group-rows .e-pivot-button .e-sort.e-descend {
1426
+ margin-top: 2px;
1418
1427
  transform: rotateX(180deg);
1419
1428
  }
1420
1429
  .e-pivotview .e-grouping-bar .e-pivot-button .e-dropdown-icon,
@@ -1499,7 +1508,6 @@
1499
1508
  height: 18px;
1500
1509
  margin-left: 4px !important;
1501
1510
  width: 18px;
1502
- padding-top: 2px;
1503
1511
  }
1504
1512
  .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-sort:hover,
1505
1513
  .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-dropdown-icon:hover,
@@ -1522,7 +1530,6 @@
1522
1530
  width: 18px;
1523
1531
  }
1524
1532
  .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-sort.e-descend {
1525
- margin-top: 3px;
1526
1533
  transform: rotateX(180deg);
1527
1534
  }
1528
1535
  .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-dropdown-icon {
@@ -1600,6 +1607,9 @@
1600
1607
  .e-pivotview .e-pivot-pager {
1601
1608
  padding: 4px 12px;
1602
1609
  }
1610
+ .e-pivotview .e-pivot-pager.sf-pager .e-pivot-pager-info-container.e-pagercontainer {
1611
+ font-size: unset;
1612
+ }
1603
1613
  .e-pivotview .e-pivot-pager.e-pivot-pager-bottom {
1604
1614
  border-top: 0;
1605
1615
  }
@@ -1713,6 +1723,12 @@
1713
1723
  -ms-flex: none;
1714
1724
  flex: none;
1715
1725
  }
1726
+ .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-row-pager-settings.e-pivot-pager-axis-container,
1727
+ .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-column-pager-settings.e-pivot-pager-axis-container,
1728
+ .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-column-maindiv .e-pivot-row-pager-settings.e-pivot-pager-axis-container,
1729
+ .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-column-maindiv .e-pivot-column-pager-settings.e-pivot-pager-axis-container {
1730
+ display: inline-table;
1731
+ }
1716
1732
  .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-row-pager-settings .e-numeric,
1717
1733
  .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-column-pager-settings .e-numeric,
1718
1734
  .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-column-maindiv .e-pivot-row-pager-settings .e-numeric,
@@ -1832,7 +1848,7 @@
1832
1848
  }
1833
1849
  .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,
1834
1850
  .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 {
1835
- width: auto;
1851
+ width: 50%;
1836
1852
  }
1837
1853
  .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,
1838
1854
  .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,
@@ -2042,6 +2058,10 @@
2042
2058
  .e-pivotview.e-device .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button {
2043
2059
  width: 155px;
2044
2060
  }
2061
+ .e-pivotview.e-device .e-scrollbar .e-movablescrollbar {
2062
+ min-height: 1px !important;
2063
+ visibility: hidden;
2064
+ }
2045
2065
  .e-pivotview .e-component-disable {
2046
2066
  display: none !important;
2047
2067
  }
@@ -3401,6 +3421,8 @@
3401
3421
  }
3402
3422
  .e-pivot-calc-dialog-div.e-rtl .e-treeview ul li .e-text-content {
3403
3423
  padding: 0 24px 0 0;
3424
+ display: -ms-flexbox;
3425
+ display: flex;
3404
3426
  }
3405
3427
  .e-pivot-calc-dialog-div .e-pivot-calc-input.e-empty-field::-webkit-input-placeholder {
3406
3428
  color: #ff6652 !important;
@@ -3628,6 +3650,15 @@
3628
3650
  .e-bigger .e-pivot-calc-dialog-div .e-treeview .e-list-item div.e-icons {
3629
3651
  font-size: 16px;
3630
3652
  }
3653
+ .e-bigger.e-pivot-calc-dialog-div .e-treeview .e-list-item .e-remove-report,
3654
+ .e-bigger.e-pivot-calc-dialog-div .e-treeview .e-list-item .e-edit,
3655
+ .e-bigger.e-pivot-calc-dialog-div .e-treeview .e-list-item .e-edited,
3656
+ .e-bigger .e-pivot-calc-dialog-div .e-treeview .e-list-item .e-remove-report,
3657
+ .e-bigger .e-pivot-calc-dialog-div .e-treeview .e-list-item .e-edit,
3658
+ .e-bigger .e-pivot-calc-dialog-div .e-treeview .e-list-item .e-edited {
3659
+ /* stylelint-disable */
3660
+ /* stylelint-enable */
3661
+ }
3631
3662
  .e-bigger.e-pivot-calc-dialog-div .e-treeview .e-list-item span.e-icons,
3632
3663
  .e-bigger .e-pivot-calc-dialog-div .e-treeview .e-list-item span.e-icons {
3633
3664
  font-size: 16px;
@@ -3727,6 +3758,7 @@
3727
3758
  .e-pivotfieldlist-container .e-adaptive-field-list-dialog:not(.e-member-editor-dialog):not(.e-olap-field-list-tree) ul li:not(.e-pivot-parent):not(.e-pivot-child) .e-text-content,
3728
3759
  .e-pivotfieldlist-container .e-member-editor-dialog:not(.e-member-editor-dialog):not(.e-olap-field-list-tree) ul li:not(.e-pivot-parent):not(.e-pivot-child) .e-text-content {
3729
3760
  padding-left: 0;
3761
+ margin-left: 15px;
3730
3762
  }
3731
3763
  .e-pivotfieldlist-container .e-adaptive-field-list-dialog .e-member-editor-container ul,
3732
3764
  .e-pivotfieldlist-container .e-member-editor-dialog .e-member-editor-container ul {
@@ -3843,9 +3875,10 @@
3843
3875
  }
3844
3876
  .e-pivotfieldlist-container .e-member-editor-dialog .e-excelfilter {
3845
3877
  padding-top: 20px;
3878
+ /* stylelint-disable */
3846
3879
  }
3847
3880
  .e-pivotfieldlist-container .e-member-editor-dialog .e-excelfilter .e-member-editor-container-outer-div {
3848
- height: 149px;
3881
+ height: 149px !important;
3849
3882
  }
3850
3883
  .e-pivotfieldlist-container .e-member-editor-dialog .e-label-filter,
3851
3884
  .e-pivotfieldlist-container .e-member-editor-dialog .e-value-filter {
@@ -3853,7 +3886,6 @@
3853
3886
  overflow: auto;
3854
3887
  padding: 20px;
3855
3888
  padding-bottom: 0;
3856
- /* stylelint-disable */
3857
3889
  /* stylelint-enable */
3858
3890
  }
3859
3891
  .e-pivotfieldlist-container .e-member-editor-dialog .e-label-filter .e-filter-text-div,
@@ -4459,6 +4491,50 @@
4459
4491
  /* stylelint-enable */
4460
4492
  /* stylelint-enable */
4461
4493
  }
4494
+ .e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list {
4495
+ display: block;
4496
+ overflow-y: auto;
4497
+ }
4498
+ .e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list.e-olap-field-list-tree.e-treeview ul:first-child {
4499
+ padding-right: 0;
4500
+ }
4501
+ .e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list.e-olap-field-list-tree.e-treeview li.e-no-checkbox > .e-text-content > .e-checkbox-wrapper, .e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list.e-olap-field-list-tree.e-treeview li .e-measure-icon {
4502
+ display: none;
4503
+ }
4504
+ .e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list.e-olap-field-list-tree.e-treeview li.e-rtl ul:first-child {
4505
+ padding-left: 0;
4506
+ padding-right: 10px;
4507
+ }
4508
+ .e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list li .e-drag {
4509
+ padding: revert;
4510
+ margin: revert;
4511
+ width: auto;
4512
+ height: auto;
4513
+ }
4514
+ .e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list li .e-draggable {
4515
+ display: contents;
4516
+ }
4517
+ .e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list li .e-text-content {
4518
+ display: -ms-flexbox;
4519
+ display: flex;
4520
+ -ms-flex-align: center;
4521
+ align-items: center;
4522
+ }
4523
+ .e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list li .e-list-text {
4524
+ text-overflow: ellipsis;
4525
+ overflow-x: hidden;
4526
+ width: 100%;
4527
+ white-space: nowrap;
4528
+ }
4529
+ .e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list.e-treeview:not(.e-rtl) .e-list-text {
4530
+ padding-right: revert;
4531
+ }
4532
+ .e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list.e-treeview.e-rtl .e-list-text {
4533
+ padding-left: revert;
4534
+ }
4535
+ .e-pivotfieldlist-container.sf-pivotfieldlist-container .e-adaptive-field-list-dialog .e-member-editor-container li.e-no-checkbox > .e-text-content > .e-checkbox-wrapper, .e-pivotfieldlist-container.sf-pivotfieldlist-container .e-adaptive-field-list-dialog .e-member-editor-container li .e-measure-icon {
4536
+ display: none;
4537
+ }
4462
4538
  .e-pivotfieldlist-container .e-layout-footer {
4463
4539
  display: -ms-flexbox;
4464
4540
  display: flex;