@syncfusion/ej2-navigations 29.2.5 → 29.2.8

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 (80) hide show
  1. package/dist/ej2-navigations.min.js +2 -2
  2. package/dist/ej2-navigations.umd.min.js +2 -2
  3. package/dist/ej2-navigations.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-navigations.es2015.js +17 -3
  5. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  6. package/dist/es6/ej2-navigations.es5.js +18 -3
  7. package/dist/es6/ej2-navigations.es5.js.map +1 -1
  8. package/dist/global/ej2-navigations.min.js +2 -2
  9. package/dist/global/ej2-navigations.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +12 -64
  12. package/src/common/menu-base.js +12 -2
  13. package/src/tab/tab.js +6 -1
  14. package/styles/bds-lite.css +15 -0
  15. package/styles/bds.css +15 -0
  16. package/styles/bootstrap-dark-lite.css +15 -0
  17. package/styles/bootstrap-dark.css +15 -0
  18. package/styles/bootstrap-lite.css +15 -0
  19. package/styles/bootstrap.css +17 -2
  20. package/styles/bootstrap4-lite.css +15 -0
  21. package/styles/bootstrap4.css +15 -0
  22. package/styles/bootstrap5-dark-lite.css +15 -0
  23. package/styles/bootstrap5-dark.css +15 -0
  24. package/styles/bootstrap5-lite.css +15 -0
  25. package/styles/bootstrap5.3-lite.css +15 -0
  26. package/styles/bootstrap5.3.css +15 -0
  27. package/styles/bootstrap5.css +15 -0
  28. package/styles/fabric-dark-lite.css +15 -0
  29. package/styles/fabric-dark.css +15 -0
  30. package/styles/fabric-lite.css +15 -0
  31. package/styles/fabric.css +15 -0
  32. package/styles/fluent-dark-lite.css +15 -0
  33. package/styles/fluent-dark.css +15 -0
  34. package/styles/fluent-lite.css +15 -0
  35. package/styles/fluent.css +15 -0
  36. package/styles/fluent2-lite.css +15 -0
  37. package/styles/fluent2.css +15 -0
  38. package/styles/highcontrast-light-lite.css +15 -0
  39. package/styles/highcontrast-light.css +15 -0
  40. package/styles/highcontrast-lite.css +17 -2
  41. package/styles/highcontrast.css +17 -2
  42. package/styles/material-dark-lite.css +15 -0
  43. package/styles/material-dark.css +15 -0
  44. package/styles/material-lite.css +17 -2
  45. package/styles/material.css +17 -2
  46. package/styles/material3-dark-lite.css +15 -0
  47. package/styles/material3-dark.css +15 -0
  48. package/styles/material3-lite.css +15 -0
  49. package/styles/material3.css +15 -0
  50. package/styles/tailwind-dark-lite.css +15 -0
  51. package/styles/tailwind-dark.css +15 -0
  52. package/styles/tailwind-lite.css +15 -0
  53. package/styles/tailwind.css +15 -0
  54. package/styles/tailwind3-lite.css +15 -0
  55. package/styles/tailwind3.css +15 -0
  56. package/styles/toolbar/_bootstrap-definition.scss +1 -1
  57. package/styles/toolbar/_highcontrast-definition.scss +1 -1
  58. package/styles/toolbar/_layout.scss +21 -0
  59. package/styles/toolbar/_material-definition.scss +2 -2
  60. package/styles/toolbar/bds.css +15 -0
  61. package/styles/toolbar/bootstrap-dark.css +15 -0
  62. package/styles/toolbar/bootstrap.css +17 -2
  63. package/styles/toolbar/bootstrap4.css +15 -0
  64. package/styles/toolbar/bootstrap5-dark.css +15 -0
  65. package/styles/toolbar/bootstrap5.3.css +15 -0
  66. package/styles/toolbar/bootstrap5.css +15 -0
  67. package/styles/toolbar/fabric-dark.css +15 -0
  68. package/styles/toolbar/fabric.css +15 -0
  69. package/styles/toolbar/fluent-dark.css +15 -0
  70. package/styles/toolbar/fluent.css +15 -0
  71. package/styles/toolbar/fluent2.css +15 -0
  72. package/styles/toolbar/highcontrast-light.css +15 -0
  73. package/styles/toolbar/highcontrast.css +17 -2
  74. package/styles/toolbar/material-dark.css +15 -0
  75. package/styles/toolbar/material.css +17 -2
  76. package/styles/toolbar/material3-dark.css +15 -0
  77. package/styles/toolbar/material3.css +15 -0
  78. package/styles/toolbar/tailwind-dark.css +15 -0
  79. package/styles/toolbar/tailwind.css +15 -0
  80. package/styles/toolbar/tailwind3.css +15 -0
@@ -1233,6 +1233,9 @@
1233
1233
  min-width: 34px;
1234
1234
  padding: 0 1px;
1235
1235
  }
1236
+ .e-toolbar .e-toolbar-item:not(.e-separator):not(.e-spacer), .e-toolbar .e-toolbar-item.e-overlay > * {
1237
+ pointer-events: none;
1238
+ }
1236
1239
  .e-toolbar .e-toolbar-item.e-separator {
1237
1240
  margin: 7.5px 3px;
1238
1241
  min-height: 27px;
@@ -1248,6 +1251,9 @@
1248
1251
  .e-toolbar .e-toolbar-item > * {
1249
1252
  text-overflow: ellipsis;
1250
1253
  }
1254
+ .e-toolbar .e-toolbar-item:not(.e-overlay) > * {
1255
+ pointer-events: auto;
1256
+ }
1251
1257
  .e-toolbar .e-toolbar-item.e-hidden {
1252
1258
  display: none;
1253
1259
  }
@@ -1410,6 +1416,9 @@
1410
1416
  min-width: 100%;
1411
1417
  text-overflow: ellipsis;
1412
1418
  }
1419
+ .e-toolbar .e-toolbar-pop .e-toolbar-item:not(.e-overlay) > * {
1420
+ pointer-events: auto;
1421
+ }
1413
1422
  .e-toolbar .e-toolbar-pop .e-toolbar-item.e-tbtn-align .e-btn.e-control .e-icons.e-btn-icon {
1414
1423
  min-width: 100%;
1415
1424
  }
@@ -1523,6 +1532,9 @@
1523
1532
  .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item:not(.e-separator) {
1524
1533
  height: auto;
1525
1534
  }
1535
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item:not(.e-overlay) > * {
1536
+ pointer-events: auto;
1537
+ }
1526
1538
  .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item > * {
1527
1539
  -ms-flex-item-align: center;
1528
1540
  align-self: center;
@@ -1536,6 +1548,9 @@
1536
1548
  display: -ms-inline-flexbox;
1537
1549
  display: inline-flex;
1538
1550
  }
1551
+ .e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item:not(.e-overlay) > * {
1552
+ pointer-events: auto;
1553
+ }
1539
1554
  .e-toolbar.e-extended-toolbar .e-hor-nav.e-ie-align {
1540
1555
  display: table;
1541
1556
  }
@@ -1496,6 +1496,9 @@
1496
1496
  min-width: 34px;
1497
1497
  padding: 0 1px;
1498
1498
  }
1499
+ .e-toolbar .e-toolbar-item:not(.e-separator):not(.e-spacer), .e-toolbar .e-toolbar-item.e-overlay > * {
1500
+ pointer-events: none;
1501
+ }
1499
1502
  .e-toolbar .e-toolbar-item.e-separator {
1500
1503
  margin: 7.5px 3px;
1501
1504
  min-height: 27px;
@@ -1511,6 +1514,9 @@
1511
1514
  .e-toolbar .e-toolbar-item > * {
1512
1515
  text-overflow: ellipsis;
1513
1516
  }
1517
+ .e-toolbar .e-toolbar-item:not(.e-overlay) > * {
1518
+ pointer-events: auto;
1519
+ }
1514
1520
  .e-toolbar .e-toolbar-item.e-hidden {
1515
1521
  display: none;
1516
1522
  }
@@ -1673,6 +1679,9 @@
1673
1679
  min-width: 100%;
1674
1680
  text-overflow: ellipsis;
1675
1681
  }
1682
+ .e-toolbar .e-toolbar-pop .e-toolbar-item:not(.e-overlay) > * {
1683
+ pointer-events: auto;
1684
+ }
1676
1685
  .e-toolbar .e-toolbar-pop .e-toolbar-item.e-tbtn-align .e-btn.e-control .e-icons.e-btn-icon {
1677
1686
  min-width: 100%;
1678
1687
  }
@@ -1786,6 +1795,9 @@
1786
1795
  .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item:not(.e-separator) {
1787
1796
  height: auto;
1788
1797
  }
1798
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item:not(.e-overlay) > * {
1799
+ pointer-events: auto;
1800
+ }
1789
1801
  .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item > * {
1790
1802
  -ms-flex-item-align: center;
1791
1803
  align-self: center;
@@ -1799,6 +1811,9 @@
1799
1811
  display: -ms-inline-flexbox;
1800
1812
  display: inline-flex;
1801
1813
  }
1814
+ .e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item:not(.e-overlay) > * {
1815
+ pointer-events: auto;
1816
+ }
1802
1817
  .e-toolbar.e-extended-toolbar .e-hor-nav.e-ie-align {
1803
1818
  display: table;
1804
1819
  }
@@ -1189,7 +1189,7 @@
1189
1189
  -ms-flex-pack: center;
1190
1190
  justify-content: center;
1191
1191
  margin: 0;
1192
- min-height: 39px;
1192
+ min-height: 40px;
1193
1193
  min-width: 40px;
1194
1194
  padding: 0;
1195
1195
  border-radius: 0;
@@ -1234,6 +1234,9 @@
1234
1234
  min-width: 34px;
1235
1235
  padding: 0 1px;
1236
1236
  }
1237
+ .e-toolbar .e-toolbar-item:not(.e-separator):not(.e-spacer), .e-toolbar .e-toolbar-item.e-overlay > * {
1238
+ pointer-events: none;
1239
+ }
1237
1240
  .e-toolbar .e-toolbar-item.e-separator {
1238
1241
  margin: 7.5px 3px;
1239
1242
  min-height: 24px;
@@ -1249,6 +1252,9 @@
1249
1252
  .e-toolbar .e-toolbar-item > * {
1250
1253
  text-overflow: ellipsis;
1251
1254
  }
1255
+ .e-toolbar .e-toolbar-item:not(.e-overlay) > * {
1256
+ pointer-events: auto;
1257
+ }
1252
1258
  .e-toolbar .e-toolbar-item.e-hidden {
1253
1259
  display: none;
1254
1260
  }
@@ -1411,6 +1417,9 @@
1411
1417
  min-width: 100%;
1412
1418
  text-overflow: ellipsis;
1413
1419
  }
1420
+ .e-toolbar .e-toolbar-pop .e-toolbar-item:not(.e-overlay) > * {
1421
+ pointer-events: auto;
1422
+ }
1414
1423
  .e-toolbar .e-toolbar-pop .e-toolbar-item.e-tbtn-align .e-btn.e-control .e-icons.e-btn-icon {
1415
1424
  min-width: 100%;
1416
1425
  }
@@ -1452,7 +1461,7 @@
1452
1461
  }
1453
1462
  .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn,
1454
1463
  .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control {
1455
- min-height: 39px;
1464
+ min-height: 40px;
1456
1465
  min-width: 40px;
1457
1466
  padding: 0;
1458
1467
  }
@@ -1524,6 +1533,9 @@
1524
1533
  .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item:not(.e-separator) {
1525
1534
  height: auto;
1526
1535
  }
1536
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item:not(.e-overlay) > * {
1537
+ pointer-events: auto;
1538
+ }
1527
1539
  .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item > * {
1528
1540
  -ms-flex-item-align: center;
1529
1541
  align-self: center;
@@ -1537,6 +1549,9 @@
1537
1549
  display: -ms-inline-flexbox;
1538
1550
  display: inline-flex;
1539
1551
  }
1552
+ .e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item:not(.e-overlay) > * {
1553
+ pointer-events: auto;
1554
+ }
1540
1555
  .e-toolbar.e-extended-toolbar .e-hor-nav.e-ie-align {
1541
1556
  display: table;
1542
1557
  }
@@ -1452,7 +1452,7 @@
1452
1452
  -ms-flex-pack: center;
1453
1453
  justify-content: center;
1454
1454
  margin: 0;
1455
- min-height: 39px;
1455
+ min-height: 40px;
1456
1456
  min-width: 40px;
1457
1457
  padding: 0;
1458
1458
  border-radius: 0;
@@ -1497,6 +1497,9 @@
1497
1497
  min-width: 34px;
1498
1498
  padding: 0 1px;
1499
1499
  }
1500
+ .e-toolbar .e-toolbar-item:not(.e-separator):not(.e-spacer), .e-toolbar .e-toolbar-item.e-overlay > * {
1501
+ pointer-events: none;
1502
+ }
1500
1503
  .e-toolbar .e-toolbar-item.e-separator {
1501
1504
  margin: 7.5px 3px;
1502
1505
  min-height: 24px;
@@ -1512,6 +1515,9 @@
1512
1515
  .e-toolbar .e-toolbar-item > * {
1513
1516
  text-overflow: ellipsis;
1514
1517
  }
1518
+ .e-toolbar .e-toolbar-item:not(.e-overlay) > * {
1519
+ pointer-events: auto;
1520
+ }
1515
1521
  .e-toolbar .e-toolbar-item.e-hidden {
1516
1522
  display: none;
1517
1523
  }
@@ -1674,6 +1680,9 @@
1674
1680
  min-width: 100%;
1675
1681
  text-overflow: ellipsis;
1676
1682
  }
1683
+ .e-toolbar .e-toolbar-pop .e-toolbar-item:not(.e-overlay) > * {
1684
+ pointer-events: auto;
1685
+ }
1677
1686
  .e-toolbar .e-toolbar-pop .e-toolbar-item.e-tbtn-align .e-btn.e-control .e-icons.e-btn-icon {
1678
1687
  min-width: 100%;
1679
1688
  }
@@ -1715,7 +1724,7 @@
1715
1724
  }
1716
1725
  .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn,
1717
1726
  .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control {
1718
- min-height: 39px;
1727
+ min-height: 40px;
1719
1728
  min-width: 40px;
1720
1729
  padding: 0;
1721
1730
  }
@@ -1787,6 +1796,9 @@
1787
1796
  .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item:not(.e-separator) {
1788
1797
  height: auto;
1789
1798
  }
1799
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item:not(.e-overlay) > * {
1800
+ pointer-events: auto;
1801
+ }
1790
1802
  .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item > * {
1791
1803
  -ms-flex-item-align: center;
1792
1804
  align-self: center;
@@ -1800,6 +1812,9 @@
1800
1812
  display: -ms-inline-flexbox;
1801
1813
  display: inline-flex;
1802
1814
  }
1815
+ .e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item:not(.e-overlay) > * {
1816
+ pointer-events: auto;
1817
+ }
1803
1818
  .e-toolbar.e-extended-toolbar .e-hor-nav.e-ie-align {
1804
1819
  display: table;
1805
1820
  }
@@ -1328,6 +1328,9 @@
1328
1328
  min-width: 34px;
1329
1329
  padding: 3.5px;
1330
1330
  }
1331
+ .e-toolbar .e-toolbar-item:not(.e-separator):not(.e-spacer), .e-toolbar .e-toolbar-item.e-overlay > * {
1332
+ pointer-events: none;
1333
+ }
1331
1334
  .e-toolbar .e-toolbar-item.e-separator {
1332
1335
  margin: 7.5px 3px;
1333
1336
  min-height: 27px;
@@ -1343,6 +1346,9 @@
1343
1346
  .e-toolbar .e-toolbar-item > * {
1344
1347
  text-overflow: ellipsis;
1345
1348
  }
1349
+ .e-toolbar .e-toolbar-item:not(.e-overlay) > * {
1350
+ pointer-events: auto;
1351
+ }
1346
1352
  .e-toolbar .e-toolbar-item.e-hidden {
1347
1353
  display: none;
1348
1354
  }
@@ -1505,6 +1511,9 @@
1505
1511
  min-width: 100%;
1506
1512
  text-overflow: ellipsis;
1507
1513
  }
1514
+ .e-toolbar .e-toolbar-pop .e-toolbar-item:not(.e-overlay) > * {
1515
+ pointer-events: auto;
1516
+ }
1508
1517
  .e-toolbar .e-toolbar-pop .e-toolbar-item.e-tbtn-align .e-btn.e-control .e-icons.e-btn-icon {
1509
1518
  min-width: 100%;
1510
1519
  }
@@ -1618,6 +1627,9 @@
1618
1627
  .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item:not(.e-separator) {
1619
1628
  height: auto;
1620
1629
  }
1630
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item:not(.e-overlay) > * {
1631
+ pointer-events: auto;
1632
+ }
1621
1633
  .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item > * {
1622
1634
  -ms-flex-item-align: center;
1623
1635
  align-self: center;
@@ -1631,6 +1643,9 @@
1631
1643
  display: -ms-inline-flexbox;
1632
1644
  display: inline-flex;
1633
1645
  }
1646
+ .e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item:not(.e-overlay) > * {
1647
+ pointer-events: auto;
1648
+ }
1634
1649
  .e-toolbar.e-extended-toolbar .e-hor-nav.e-ie-align {
1635
1650
  display: table;
1636
1651
  }
@@ -1591,6 +1591,9 @@
1591
1591
  min-width: 34px;
1592
1592
  padding: 3.5px;
1593
1593
  }
1594
+ .e-toolbar .e-toolbar-item:not(.e-separator):not(.e-spacer), .e-toolbar .e-toolbar-item.e-overlay > * {
1595
+ pointer-events: none;
1596
+ }
1594
1597
  .e-toolbar .e-toolbar-item.e-separator {
1595
1598
  margin: 7.5px 3px;
1596
1599
  min-height: 27px;
@@ -1606,6 +1609,9 @@
1606
1609
  .e-toolbar .e-toolbar-item > * {
1607
1610
  text-overflow: ellipsis;
1608
1611
  }
1612
+ .e-toolbar .e-toolbar-item:not(.e-overlay) > * {
1613
+ pointer-events: auto;
1614
+ }
1609
1615
  .e-toolbar .e-toolbar-item.e-hidden {
1610
1616
  display: none;
1611
1617
  }
@@ -1768,6 +1774,9 @@
1768
1774
  min-width: 100%;
1769
1775
  text-overflow: ellipsis;
1770
1776
  }
1777
+ .e-toolbar .e-toolbar-pop .e-toolbar-item:not(.e-overlay) > * {
1778
+ pointer-events: auto;
1779
+ }
1771
1780
  .e-toolbar .e-toolbar-pop .e-toolbar-item.e-tbtn-align .e-btn.e-control .e-icons.e-btn-icon {
1772
1781
  min-width: 100%;
1773
1782
  }
@@ -1881,6 +1890,9 @@
1881
1890
  .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item:not(.e-separator) {
1882
1891
  height: auto;
1883
1892
  }
1893
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item:not(.e-overlay) > * {
1894
+ pointer-events: auto;
1895
+ }
1884
1896
  .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item > * {
1885
1897
  -ms-flex-item-align: center;
1886
1898
  align-self: center;
@@ -1894,6 +1906,9 @@
1894
1906
  display: -ms-inline-flexbox;
1895
1907
  display: inline-flex;
1896
1908
  }
1909
+ .e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item:not(.e-overlay) > * {
1910
+ pointer-events: auto;
1911
+ }
1897
1912
  .e-toolbar.e-extended-toolbar .e-hor-nav.e-ie-align {
1898
1913
  display: table;
1899
1914
  }
@@ -1287,7 +1287,7 @@
1287
1287
  min-width: 0;
1288
1288
  padding: 0 1.5px;
1289
1289
  border-radius: 2px;
1290
- line-height: 25px;
1290
+ line-height: 24px;
1291
1291
  border: none;
1292
1292
  cursor: pointer;
1293
1293
  font-size: 14px;
@@ -1308,7 +1308,7 @@
1308
1308
  min-width: 24px;
1309
1309
  width: auto;
1310
1310
  font-size: 14px;
1311
- line-height: 25px;
1311
+ line-height: 24px;
1312
1312
  }
1313
1313
  .e-toolbar .e-toolbar-item .e-tbar-btn:hover, .e-toolbar .e-toolbar-item .e-tbar-btn:focus, .e-toolbar .e-toolbar-item .e-tbar-btn:active {
1314
1314
  padding: 0 1.5px;
@@ -1328,6 +1328,9 @@
1328
1328
  min-width: 34px;
1329
1329
  padding: 3.5px;
1330
1330
  }
1331
+ .e-toolbar .e-toolbar-item:not(.e-separator):not(.e-spacer), .e-toolbar .e-toolbar-item.e-overlay > * {
1332
+ pointer-events: none;
1333
+ }
1331
1334
  .e-toolbar .e-toolbar-item.e-separator {
1332
1335
  margin: 7.5px 3px;
1333
1336
  min-height: 27px;
@@ -1343,6 +1346,9 @@
1343
1346
  .e-toolbar .e-toolbar-item > * {
1344
1347
  text-overflow: ellipsis;
1345
1348
  }
1349
+ .e-toolbar .e-toolbar-item:not(.e-overlay) > * {
1350
+ pointer-events: auto;
1351
+ }
1346
1352
  .e-toolbar .e-toolbar-item.e-hidden {
1347
1353
  display: none;
1348
1354
  }
@@ -1505,6 +1511,9 @@
1505
1511
  min-width: 100%;
1506
1512
  text-overflow: ellipsis;
1507
1513
  }
1514
+ .e-toolbar .e-toolbar-pop .e-toolbar-item:not(.e-overlay) > * {
1515
+ pointer-events: auto;
1516
+ }
1508
1517
  .e-toolbar .e-toolbar-pop .e-toolbar-item.e-tbtn-align .e-btn.e-control .e-icons.e-btn-icon {
1509
1518
  min-width: 100%;
1510
1519
  }
@@ -1618,6 +1627,9 @@
1618
1627
  .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item:not(.e-separator) {
1619
1628
  height: auto;
1620
1629
  }
1630
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item:not(.e-overlay) > * {
1631
+ pointer-events: auto;
1632
+ }
1621
1633
  .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item > * {
1622
1634
  -ms-flex-item-align: center;
1623
1635
  align-self: center;
@@ -1631,6 +1643,9 @@
1631
1643
  display: -ms-inline-flexbox;
1632
1644
  display: inline-flex;
1633
1645
  }
1646
+ .e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item:not(.e-overlay) > * {
1647
+ pointer-events: auto;
1648
+ }
1634
1649
  .e-toolbar.e-extended-toolbar .e-hor-nav.e-ie-align {
1635
1650
  display: table;
1636
1651
  }
@@ -1550,7 +1550,7 @@
1550
1550
  min-width: 0;
1551
1551
  padding: 0 1.5px;
1552
1552
  border-radius: 2px;
1553
- line-height: 25px;
1553
+ line-height: 24px;
1554
1554
  border: none;
1555
1555
  cursor: pointer;
1556
1556
  font-size: 14px;
@@ -1571,7 +1571,7 @@
1571
1571
  min-width: 24px;
1572
1572
  width: auto;
1573
1573
  font-size: 14px;
1574
- line-height: 25px;
1574
+ line-height: 24px;
1575
1575
  }
1576
1576
  .e-toolbar .e-toolbar-item .e-tbar-btn:hover, .e-toolbar .e-toolbar-item .e-tbar-btn:focus, .e-toolbar .e-toolbar-item .e-tbar-btn:active {
1577
1577
  padding: 0 1.5px;
@@ -1591,6 +1591,9 @@
1591
1591
  min-width: 34px;
1592
1592
  padding: 3.5px;
1593
1593
  }
1594
+ .e-toolbar .e-toolbar-item:not(.e-separator):not(.e-spacer), .e-toolbar .e-toolbar-item.e-overlay > * {
1595
+ pointer-events: none;
1596
+ }
1594
1597
  .e-toolbar .e-toolbar-item.e-separator {
1595
1598
  margin: 7.5px 3px;
1596
1599
  min-height: 27px;
@@ -1606,6 +1609,9 @@
1606
1609
  .e-toolbar .e-toolbar-item > * {
1607
1610
  text-overflow: ellipsis;
1608
1611
  }
1612
+ .e-toolbar .e-toolbar-item:not(.e-overlay) > * {
1613
+ pointer-events: auto;
1614
+ }
1609
1615
  .e-toolbar .e-toolbar-item.e-hidden {
1610
1616
  display: none;
1611
1617
  }
@@ -1768,6 +1774,9 @@
1768
1774
  min-width: 100%;
1769
1775
  text-overflow: ellipsis;
1770
1776
  }
1777
+ .e-toolbar .e-toolbar-pop .e-toolbar-item:not(.e-overlay) > * {
1778
+ pointer-events: auto;
1779
+ }
1771
1780
  .e-toolbar .e-toolbar-pop .e-toolbar-item.e-tbtn-align .e-btn.e-control .e-icons.e-btn-icon {
1772
1781
  min-width: 100%;
1773
1782
  }
@@ -1881,6 +1890,9 @@
1881
1890
  .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item:not(.e-separator) {
1882
1891
  height: auto;
1883
1892
  }
1893
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item:not(.e-overlay) > * {
1894
+ pointer-events: auto;
1895
+ }
1884
1896
  .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item > * {
1885
1897
  -ms-flex-item-align: center;
1886
1898
  align-self: center;
@@ -1894,6 +1906,9 @@
1894
1906
  display: -ms-inline-flexbox;
1895
1907
  display: inline-flex;
1896
1908
  }
1909
+ .e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item:not(.e-overlay) > * {
1910
+ pointer-events: auto;
1911
+ }
1897
1912
  .e-toolbar.e-extended-toolbar .e-hor-nav.e-ie-align {
1898
1913
  display: table;
1899
1914
  }
@@ -1296,6 +1296,9 @@
1296
1296
  min-width: 32px;
1297
1297
  padding: 8px 4px 8px 4px;
1298
1298
  }
1299
+ .e-toolbar .e-toolbar-item:not(.e-separator):not(.e-spacer), .e-toolbar .e-toolbar-item.e-overlay > * {
1300
+ pointer-events: none;
1301
+ }
1299
1302
  .e-toolbar .e-toolbar-item.e-separator {
1300
1303
  margin: 8px 4px 8px 4px;
1301
1304
  min-height: 20px;
@@ -1311,6 +1314,9 @@
1311
1314
  .e-toolbar .e-toolbar-item > * {
1312
1315
  text-overflow: ellipsis;
1313
1316
  }
1317
+ .e-toolbar .e-toolbar-item:not(.e-overlay) > * {
1318
+ pointer-events: auto;
1319
+ }
1314
1320
  .e-toolbar .e-toolbar-item.e-hidden {
1315
1321
  display: none;
1316
1322
  }
@@ -1473,6 +1479,9 @@
1473
1479
  min-width: 100%;
1474
1480
  text-overflow: ellipsis;
1475
1481
  }
1482
+ .e-toolbar .e-toolbar-pop .e-toolbar-item:not(.e-overlay) > * {
1483
+ pointer-events: auto;
1484
+ }
1476
1485
  .e-toolbar .e-toolbar-pop .e-toolbar-item.e-tbtn-align .e-btn.e-control .e-icons.e-btn-icon {
1477
1486
  min-width: 100%;
1478
1487
  }
@@ -1586,6 +1595,9 @@
1586
1595
  .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item:not(.e-separator) {
1587
1596
  height: auto;
1588
1597
  }
1598
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item:not(.e-overlay) > * {
1599
+ pointer-events: auto;
1600
+ }
1589
1601
  .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item > * {
1590
1602
  -ms-flex-item-align: center;
1591
1603
  align-self: center;
@@ -1599,6 +1611,9 @@
1599
1611
  display: -ms-inline-flexbox;
1600
1612
  display: inline-flex;
1601
1613
  }
1614
+ .e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item:not(.e-overlay) > * {
1615
+ pointer-events: auto;
1616
+ }
1602
1617
  .e-toolbar.e-extended-toolbar .e-hor-nav.e-ie-align {
1603
1618
  display: table;
1604
1619
  }
@@ -1586,6 +1586,9 @@
1586
1586
  min-width: 32px;
1587
1587
  padding: 8px 4px 8px 4px;
1588
1588
  }
1589
+ .e-toolbar .e-toolbar-item:not(.e-separator):not(.e-spacer), .e-toolbar .e-toolbar-item.e-overlay > * {
1590
+ pointer-events: none;
1591
+ }
1589
1592
  .e-toolbar .e-toolbar-item.e-separator {
1590
1593
  margin: 8px 4px 8px 4px;
1591
1594
  min-height: 20px;
@@ -1601,6 +1604,9 @@
1601
1604
  .e-toolbar .e-toolbar-item > * {
1602
1605
  text-overflow: ellipsis;
1603
1606
  }
1607
+ .e-toolbar .e-toolbar-item:not(.e-overlay) > * {
1608
+ pointer-events: auto;
1609
+ }
1604
1610
  .e-toolbar .e-toolbar-item.e-hidden {
1605
1611
  display: none;
1606
1612
  }
@@ -1763,6 +1769,9 @@
1763
1769
  min-width: 100%;
1764
1770
  text-overflow: ellipsis;
1765
1771
  }
1772
+ .e-toolbar .e-toolbar-pop .e-toolbar-item:not(.e-overlay) > * {
1773
+ pointer-events: auto;
1774
+ }
1766
1775
  .e-toolbar .e-toolbar-pop .e-toolbar-item.e-tbtn-align .e-btn.e-control .e-icons.e-btn-icon {
1767
1776
  min-width: 100%;
1768
1777
  }
@@ -1876,6 +1885,9 @@
1876
1885
  .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item:not(.e-separator) {
1877
1886
  height: auto;
1878
1887
  }
1888
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item:not(.e-overlay) > * {
1889
+ pointer-events: auto;
1890
+ }
1879
1891
  .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item > * {
1880
1892
  -ms-flex-item-align: center;
1881
1893
  align-self: center;
@@ -1889,6 +1901,9 @@
1889
1901
  display: -ms-inline-flexbox;
1890
1902
  display: inline-flex;
1891
1903
  }
1904
+ .e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item:not(.e-overlay) > * {
1905
+ pointer-events: auto;
1906
+ }
1892
1907
  .e-toolbar.e-extended-toolbar .e-hor-nav.e-ie-align {
1893
1908
  display: table;
1894
1909
  }
@@ -1298,6 +1298,9 @@
1298
1298
  min-width: 32px;
1299
1299
  padding: 8px 4px 8px 4px;
1300
1300
  }
1301
+ .e-toolbar .e-toolbar-item:not(.e-separator):not(.e-spacer), .e-toolbar .e-toolbar-item.e-overlay > * {
1302
+ pointer-events: none;
1303
+ }
1301
1304
  .e-toolbar .e-toolbar-item.e-separator {
1302
1305
  margin: 8px 4px 8px 4px;
1303
1306
  min-height: 20px;
@@ -1313,6 +1316,9 @@
1313
1316
  .e-toolbar .e-toolbar-item > * {
1314
1317
  text-overflow: ellipsis;
1315
1318
  }
1319
+ .e-toolbar .e-toolbar-item:not(.e-overlay) > * {
1320
+ pointer-events: auto;
1321
+ }
1316
1322
  .e-toolbar .e-toolbar-item.e-hidden {
1317
1323
  display: none;
1318
1324
  }
@@ -1475,6 +1481,9 @@
1475
1481
  min-width: 100%;
1476
1482
  text-overflow: ellipsis;
1477
1483
  }
1484
+ .e-toolbar .e-toolbar-pop .e-toolbar-item:not(.e-overlay) > * {
1485
+ pointer-events: auto;
1486
+ }
1478
1487
  .e-toolbar .e-toolbar-pop .e-toolbar-item.e-tbtn-align .e-btn.e-control .e-icons.e-btn-icon {
1479
1488
  min-width: 100%;
1480
1489
  }
@@ -1588,6 +1597,9 @@
1588
1597
  .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item:not(.e-separator) {
1589
1598
  height: auto;
1590
1599
  }
1600
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item:not(.e-overlay) > * {
1601
+ pointer-events: auto;
1602
+ }
1591
1603
  .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item > * {
1592
1604
  -ms-flex-item-align: center;
1593
1605
  align-self: center;
@@ -1601,6 +1613,9 @@
1601
1613
  display: -ms-inline-flexbox;
1602
1614
  display: inline-flex;
1603
1615
  }
1616
+ .e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item:not(.e-overlay) > * {
1617
+ pointer-events: auto;
1618
+ }
1604
1619
  .e-toolbar.e-extended-toolbar .e-hor-nav.e-ie-align {
1605
1620
  display: table;
1606
1621
  }
@@ -1588,6 +1588,9 @@
1588
1588
  min-width: 32px;
1589
1589
  padding: 8px 4px 8px 4px;
1590
1590
  }
1591
+ .e-toolbar .e-toolbar-item:not(.e-separator):not(.e-spacer), .e-toolbar .e-toolbar-item.e-overlay > * {
1592
+ pointer-events: none;
1593
+ }
1591
1594
  .e-toolbar .e-toolbar-item.e-separator {
1592
1595
  margin: 8px 4px 8px 4px;
1593
1596
  min-height: 20px;
@@ -1603,6 +1606,9 @@
1603
1606
  .e-toolbar .e-toolbar-item > * {
1604
1607
  text-overflow: ellipsis;
1605
1608
  }
1609
+ .e-toolbar .e-toolbar-item:not(.e-overlay) > * {
1610
+ pointer-events: auto;
1611
+ }
1606
1612
  .e-toolbar .e-toolbar-item.e-hidden {
1607
1613
  display: none;
1608
1614
  }
@@ -1765,6 +1771,9 @@
1765
1771
  min-width: 100%;
1766
1772
  text-overflow: ellipsis;
1767
1773
  }
1774
+ .e-toolbar .e-toolbar-pop .e-toolbar-item:not(.e-overlay) > * {
1775
+ pointer-events: auto;
1776
+ }
1768
1777
  .e-toolbar .e-toolbar-pop .e-toolbar-item.e-tbtn-align .e-btn.e-control .e-icons.e-btn-icon {
1769
1778
  min-width: 100%;
1770
1779
  }
@@ -1878,6 +1887,9 @@
1878
1887
  .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item:not(.e-separator) {
1879
1888
  height: auto;
1880
1889
  }
1890
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item:not(.e-overlay) > * {
1891
+ pointer-events: auto;
1892
+ }
1881
1893
  .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item > * {
1882
1894
  -ms-flex-item-align: center;
1883
1895
  align-self: center;
@@ -1891,6 +1903,9 @@
1891
1903
  display: -ms-inline-flexbox;
1892
1904
  display: inline-flex;
1893
1905
  }
1906
+ .e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item:not(.e-overlay) > * {
1907
+ pointer-events: auto;
1908
+ }
1894
1909
  .e-toolbar.e-extended-toolbar .e-hor-nav.e-ie-align {
1895
1910
  display: table;
1896
1911
  }