@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/pivotview/fluent.css CHANGED
@@ -306,7 +306,7 @@
306
306
  padding-top: 20px;
307
307
  }
308
308
  .e-pivotview .e-member-editor-dialog .e-excelfilter .e-member-editor-container-outer-div {
309
- height: 115px;
309
+ height: 105px;
310
310
  }
311
311
  .e-pivotview .e-member-editor-dialog .e-excelfilter .e-editor-label-container {
312
312
  opacity: 56%;
@@ -761,7 +761,7 @@
761
761
  }
762
762
  .e-bigger .e-pivotview .e-member-editor-dialog .e-excelfilter .e-member-editor-container-outer-div,
763
763
  .e-bigger.e-pivotview .e-member-editor-dialog .e-excelfilter .e-member-editor-container-outer-div {
764
- height: 100px !important;
764
+ height: 90px !important;
765
765
  }
766
766
  .e-bigger .e-pivotview .e-member-editor-dialog .e-label-filter,
767
767
  .e-bigger .e-pivotview .e-member-editor-dialog .e-value-filter,
@@ -817,6 +817,10 @@
817
817
  .e-bigger.e-pivotview .e-value-field-settings {
818
818
  max-height: 510px !important;
819
819
  }
820
+ .e-bigger .e-pivotview .e-value-field-settings .e-dlg-content,
821
+ .e-bigger.e-pivotview .e-value-field-settings .e-dlg-content {
822
+ padding: 0;
823
+ }
820
824
  .e-bigger .e-pivotview .e-pivot-format-dialog .e-pivot-format-dialog-outer,
821
825
  .e-bigger.e-pivotview .e-pivot-format-dialog .e-pivot-format-dialog-outer {
822
826
  padding: 0 20px 10px;
@@ -979,6 +983,9 @@
979
983
  .e-pivotview .e-pivot-format-dialog .e-pivot-format-table {
980
984
  width: 100%;
981
985
  }
986
+ .e-pivotview .e-toolbar .e-tbar-btn {
987
+ background-color: transparent;
988
+ }
982
989
  .e-pivotview .e-grid .e-rowsheader.e-active,
983
990
  .e-pivotview .e-grid .e-rowsheader.e-cellselectionbackground,
984
991
  .e-pivotview .e-grid .e-columnsheader.e-active,
@@ -1377,7 +1384,7 @@
1377
1384
  cursor: move;
1378
1385
  -ms-flex: auto;
1379
1386
  flex: auto;
1380
- font-size: 13px;
1387
+ font-size: 14px;
1381
1388
  margin-right: 4px;
1382
1389
  overflow: hidden;
1383
1390
  text-align: left;
@@ -1415,6 +1422,7 @@
1415
1422
  height: 18px;
1416
1423
  margin-left: 4px;
1417
1424
  width: 18px;
1425
+ padding-top: 3px;
1418
1426
  }
1419
1427
  .e-pivotview .e-grouping-bar .e-pivot-button .e-sort:hover,
1420
1428
  .e-pivotview .e-grouping-bar .e-pivot-button .e-dropdown-icon:hover,
@@ -1452,6 +1460,7 @@
1452
1460
  }
1453
1461
  .e-pivotview .e-grouping-bar .e-pivot-button .e-sort.e-descend,
1454
1462
  .e-pivotview .e-group-rows .e-pivot-button .e-sort.e-descend {
1463
+ margin-top: 6px;
1455
1464
  transform: rotateX(180deg);
1456
1465
  }
1457
1466
  .e-pivotview .e-grouping-bar .e-pivot-button .e-dropdown-icon,
@@ -1536,7 +1545,6 @@
1536
1545
  height: 18px;
1537
1546
  margin-left: 4px !important;
1538
1547
  width: 18px;
1539
- padding-top: 2px;
1540
1548
  }
1541
1549
  .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-sort:hover,
1542
1550
  .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-dropdown-icon:hover,
@@ -1559,9 +1567,7 @@
1559
1567
  width: 18px;
1560
1568
  }
1561
1569
  .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-sort.e-descend {
1562
- margin-top: 3px;
1563
1570
  transform: rotateX(180deg);
1564
- margin-top: 4px !important;
1565
1571
  }
1566
1572
  .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-dropdown-icon {
1567
1573
  margin-top: 1px;
@@ -1641,6 +1647,9 @@
1641
1647
  .e-pivotview .e-pivot-pager {
1642
1648
  padding: 4px 12px;
1643
1649
  }
1650
+ .e-pivotview .e-pivot-pager.sf-pager .e-pivot-pager-info-container.e-pagercontainer {
1651
+ font-size: unset;
1652
+ }
1644
1653
  .e-pivotview .e-pivot-pager.e-pivot-pager-bottom {
1645
1654
  border-top: 0;
1646
1655
  }
@@ -1752,6 +1761,12 @@
1752
1761
  -ms-flex: none;
1753
1762
  flex: none;
1754
1763
  }
1764
+ .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-row-pager-settings.e-pivot-pager-axis-container,
1765
+ .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-column-pager-settings.e-pivot-pager-axis-container,
1766
+ .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-column-maindiv .e-pivot-row-pager-settings.e-pivot-pager-axis-container,
1767
+ .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-column-maindiv .e-pivot-column-pager-settings.e-pivot-pager-axis-container {
1768
+ display: inline-table;
1769
+ }
1755
1770
  .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-row-pager-settings .e-numeric,
1756
1771
  .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-column-pager-settings .e-numeric,
1757
1772
  .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-column-maindiv .e-pivot-row-pager-settings .e-numeric,
@@ -1870,7 +1885,7 @@
1870
1885
  }
1871
1886
  .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,
1872
1887
  .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 {
1873
- width: auto;
1888
+ width: 50%;
1874
1889
  }
1875
1890
  .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,
1876
1891
  .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,
@@ -2080,6 +2095,10 @@
2080
2095
  .e-pivotview.e-device .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button {
2081
2096
  width: 155px;
2082
2097
  }
2098
+ .e-pivotview.e-device .e-scrollbar .e-movablescrollbar {
2099
+ min-height: 1px !important;
2100
+ visibility: hidden;
2101
+ }
2083
2102
  .e-pivotview .e-component-disable {
2084
2103
  display: none !important;
2085
2104
  }
@@ -2231,7 +2250,7 @@
2231
2250
  }
2232
2251
  .e-bigger .e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-content,
2233
2252
  .e-bigger.e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-content {
2234
- font-size: 13px;
2253
+ font-size: 14px;
2235
2254
  margin-right: 8px;
2236
2255
  }
2237
2256
  .e-bigger .e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-sort,
@@ -2251,6 +2270,7 @@
2251
2270
  height: 20px;
2252
2271
  margin-top: 2px;
2253
2272
  width: 20px;
2273
+ padding-top: 0;
2254
2274
  }
2255
2275
  .e-bigger .e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-sort,
2256
2276
  .e-bigger.e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-sort {
@@ -2316,7 +2336,7 @@
2316
2336
  }
2317
2337
  .e-bigger .e-pivotview .e-group-rows .e-pvt-btn-div .e-pivot-button .e-content,
2318
2338
  .e-bigger.e-pivotview .e-group-rows .e-pvt-btn-div .e-pivot-button .e-content {
2319
- font-size: 13px;
2339
+ font-size: 14px;
2320
2340
  margin-right: 8px;
2321
2341
  }
2322
2342
  .e-bigger .e-pivotview .e-group-rows .e-pvt-btn-div .e-pivot-button .e-sort,
package/styles/pivotview/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
  }
package/styles/pivotview/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
  }
package/styles/pivotview/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
  }
package/styles/pivotview/material.css CHANGED
@@ -560,12 +560,6 @@
560
560
  .e-pivotview .e-pivot-toolbar .e-toolbar-items {
561
561
  background: #f5f5f5;
562
562
  }
563
- .e-pivotview .e-pivot-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control {
564
- background: #f5f5f5;
565
- }
566
- .e-pivotview .e-pivot-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover {
567
- background: rgba(0, 0, 0, 0.12);
568
- }
569
563
  .e-pivotview .e-pivot-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
570
564
  font-size: 16px;
571
565
  }
@@ -794,6 +788,10 @@
794
788
  .e-bigger.e-pivotview .e-value-field-settings {
795
789
  max-height: 510px !important;
796
790
  }
791
+ .e-bigger .e-pivotview .e-value-field-settings .e-dlg-content,
792
+ .e-bigger.e-pivotview .e-value-field-settings .e-dlg-content {
793
+ padding: 0;
794
+ }
797
795
  .e-bigger .e-pivotview .e-pivot-format-dialog .e-pivot-format-dialog-outer,
798
796
  .e-bigger.e-pivotview .e-pivot-format-dialog .e-pivot-format-dialog-outer {
799
797
  padding: 0 20px 10px;
@@ -956,6 +954,9 @@
956
954
  .e-pivotview .e-pivot-format-dialog .e-pivot-format-table {
957
955
  width: 100%;
958
956
  }
957
+ .e-pivotview .e-toolbar .e-tbar-btn {
958
+ background-color: transparent;
959
+ }
959
960
  .e-pivotview .e-grid .e-rowsheader.e-active,
960
961
  .e-pivotview .e-grid .e-rowsheader.e-cellselectionbackground,
961
962
  .e-pivotview .e-grid .e-columnsheader.e-active,
@@ -1385,6 +1386,7 @@
1385
1386
  height: 18px;
1386
1387
  margin-left: 4px;
1387
1388
  width: 18px;
1389
+ padding-top: 1px;
1388
1390
  }
1389
1391
  .e-pivotview .e-grouping-bar .e-pivot-button .e-sort:hover,
1390
1392
  .e-pivotview .e-grouping-bar .e-pivot-button .e-dropdown-icon:hover,
@@ -1422,6 +1424,7 @@
1422
1424
  }
1423
1425
  .e-pivotview .e-grouping-bar .e-pivot-button .e-sort.e-descend,
1424
1426
  .e-pivotview .e-group-rows .e-pivot-button .e-sort.e-descend {
1427
+ margin-top: 2px;
1425
1428
  transform: rotateX(180deg);
1426
1429
  }
1427
1430
  .e-pivotview .e-grouping-bar .e-pivot-button .e-dropdown-icon,
@@ -1506,7 +1509,6 @@
1506
1509
  height: 18px;
1507
1510
  margin-left: 4px !important;
1508
1511
  width: 18px;
1509
- padding-top: 2px;
1510
1512
  }
1511
1513
  .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-sort:hover,
1512
1514
  .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-dropdown-icon:hover,
@@ -1529,7 +1531,6 @@
1529
1531
  width: 18px;
1530
1532
  }
1531
1533
  .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-sort.e-descend {
1532
- margin-top: 3px;
1533
1534
  transform: rotateX(180deg);
1534
1535
  }
1535
1536
  .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-dropdown-icon {
@@ -1607,6 +1608,9 @@
1607
1608
  .e-pivotview .e-pivot-pager {
1608
1609
  padding: 4px 12px;
1609
1610
  }
1611
+ .e-pivotview .e-pivot-pager.sf-pager .e-pivot-pager-info-container.e-pagercontainer {
1612
+ font-size: unset;
1613
+ }
1610
1614
  .e-pivotview .e-pivot-pager.e-pivot-pager-bottom {
1611
1615
  border-top: 0;
1612
1616
  }
@@ -1720,6 +1724,12 @@
1720
1724
  -ms-flex: none;
1721
1725
  flex: none;
1722
1726
  }
1727
+ .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-row-pager-settings.e-pivot-pager-axis-container,
1728
+ .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-column-pager-settings.e-pivot-pager-axis-container,
1729
+ .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-column-maindiv .e-pivot-row-pager-settings.e-pivot-pager-axis-container,
1730
+ .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-column-maindiv .e-pivot-column-pager-settings.e-pivot-pager-axis-container {
1731
+ display: inline-table;
1732
+ }
1723
1733
  .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-row-pager-settings .e-numeric,
1724
1734
  .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-column-pager-settings .e-numeric,
1725
1735
  .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-column-maindiv .e-pivot-row-pager-settings .e-numeric,
@@ -1839,7 +1849,7 @@
1839
1849
  }
1840
1850
  .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,
1841
1851
  .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 {
1842
- width: auto;
1852
+ width: 50%;
1843
1853
  }
1844
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-row-pager-settings,
1845
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-column-pager-settings,
@@ -2049,6 +2059,10 @@
2049
2059
  .e-pivotview.e-device .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button {
2050
2060
  width: 155px;
2051
2061
  }
2062
+ .e-pivotview.e-device .e-scrollbar .e-movablescrollbar {
2063
+ min-height: 1px !important;
2064
+ visibility: hidden;
2065
+ }
2052
2066
  .e-pivotview .e-component-disable {
2053
2067
  display: none !important;
2054
2068
  }