@syncfusion/ej2-navigations 29.2.4 → 29.2.7

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 +44 -6
  5. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  6. package/dist/es6/ej2-navigations.es5.js +45 -6
  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 +8 -8
  12. package/src/common/menu-base.js +13 -3
  13. package/src/tab/tab.js +5 -1
  14. package/src/treeview/treeview-model.d.ts +7 -0
  15. package/src/treeview/treeview.d.ts +7 -0
  16. package/src/treeview/treeview.js +27 -2
  17. package/styles/bds-lite.css +15 -0
  18. package/styles/bds.css +15 -0
  19. package/styles/bootstrap-dark-lite.css +15 -0
  20. package/styles/bootstrap-dark.css +15 -0
  21. package/styles/bootstrap-lite.css +15 -0
  22. package/styles/bootstrap.css +15 -0
  23. package/styles/bootstrap4-lite.css +15 -0
  24. package/styles/bootstrap4.css +15 -0
  25. package/styles/bootstrap5-dark-lite.css +15 -0
  26. package/styles/bootstrap5-dark.css +15 -0
  27. package/styles/bootstrap5-lite.css +15 -0
  28. package/styles/bootstrap5.3-lite.css +15 -0
  29. package/styles/bootstrap5.3.css +15 -0
  30. package/styles/bootstrap5.css +15 -0
  31. package/styles/fabric-dark-lite.css +15 -0
  32. package/styles/fabric-dark.css +15 -0
  33. package/styles/fabric-lite.css +15 -0
  34. package/styles/fabric.css +15 -0
  35. package/styles/fluent-dark-lite.css +15 -0
  36. package/styles/fluent-dark.css +15 -0
  37. package/styles/fluent-lite.css +15 -0
  38. package/styles/fluent.css +15 -0
  39. package/styles/fluent2-lite.css +15 -0
  40. package/styles/fluent2.css +15 -0
  41. package/styles/highcontrast-light-lite.css +15 -0
  42. package/styles/highcontrast-light.css +15 -0
  43. package/styles/highcontrast-lite.css +15 -0
  44. package/styles/highcontrast.css +15 -0
  45. package/styles/material-dark-lite.css +15 -0
  46. package/styles/material-dark.css +15 -0
  47. package/styles/material-lite.css +15 -0
  48. package/styles/material.css +15 -0
  49. package/styles/material3-dark-lite.css +15 -0
  50. package/styles/material3-dark.css +15 -0
  51. package/styles/material3-lite.css +15 -0
  52. package/styles/material3.css +15 -0
  53. package/styles/tailwind-dark-lite.css +15 -0
  54. package/styles/tailwind-dark.css +15 -0
  55. package/styles/tailwind-lite.css +15 -0
  56. package/styles/tailwind.css +15 -0
  57. package/styles/tailwind3-lite.css +15 -0
  58. package/styles/tailwind3.css +15 -0
  59. package/styles/toolbar/_layout.scss +21 -0
  60. package/styles/toolbar/bds.css +15 -0
  61. package/styles/toolbar/bootstrap-dark.css +15 -0
  62. package/styles/toolbar/bootstrap.css +15 -0
  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 +15 -0
  74. package/styles/toolbar/material-dark.css +15 -0
  75. package/styles/toolbar/material.css +15 -0
  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
@@ -1561,6 +1561,9 @@
1561
1561
  min-width: 28px;
1562
1562
  padding: 4px;
1563
1563
  }
1564
+ .e-toolbar .e-toolbar-item:not(.e-separator):not(.e-spacer), .e-toolbar .e-toolbar-item.e-overlay > * {
1565
+ pointer-events: none;
1566
+ }
1564
1567
  .e-toolbar .e-toolbar-item.e-separator {
1565
1568
  margin: 5px 10px;
1566
1569
  min-height: 24px;
@@ -1576,6 +1579,9 @@
1576
1579
  .e-toolbar .e-toolbar-item > * {
1577
1580
  text-overflow: ellipsis;
1578
1581
  }
1582
+ .e-toolbar .e-toolbar-item:not(.e-overlay) > * {
1583
+ pointer-events: auto;
1584
+ }
1579
1585
  .e-toolbar .e-toolbar-item.e-hidden {
1580
1586
  display: none;
1581
1587
  }
@@ -1738,6 +1744,9 @@
1738
1744
  min-width: 100%;
1739
1745
  text-overflow: ellipsis;
1740
1746
  }
1747
+ .e-toolbar .e-toolbar-pop .e-toolbar-item:not(.e-overlay) > * {
1748
+ pointer-events: auto;
1749
+ }
1741
1750
  .e-toolbar .e-toolbar-pop .e-toolbar-item.e-tbtn-align .e-btn.e-control .e-icons.e-btn-icon {
1742
1751
  min-width: 100%;
1743
1752
  }
@@ -1851,6 +1860,9 @@
1851
1860
  .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item:not(.e-separator) {
1852
1861
  height: auto;
1853
1862
  }
1863
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item:not(.e-overlay) > * {
1864
+ pointer-events: auto;
1865
+ }
1854
1866
  .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item > * {
1855
1867
  -ms-flex-item-align: center;
1856
1868
  align-self: center;
@@ -1864,6 +1876,9 @@
1864
1876
  display: -ms-inline-flexbox;
1865
1877
  display: inline-flex;
1866
1878
  }
1879
+ .e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item:not(.e-overlay) > * {
1880
+ pointer-events: auto;
1881
+ }
1867
1882
  .e-toolbar.e-extended-toolbar .e-hor-nav.e-ie-align {
1868
1883
  display: table;
1869
1884
  }
@@ -1286,6 +1286,9 @@
1286
1286
  min-width: 28px;
1287
1287
  padding: 4px;
1288
1288
  }
1289
+ .e-toolbar .e-toolbar-item:not(.e-separator):not(.e-spacer), .e-toolbar .e-toolbar-item.e-overlay > * {
1290
+ pointer-events: none;
1291
+ }
1289
1292
  .e-toolbar .e-toolbar-item.e-separator {
1290
1293
  margin: 5px 10px;
1291
1294
  min-height: 24px;
@@ -1301,6 +1304,9 @@
1301
1304
  .e-toolbar .e-toolbar-item > * {
1302
1305
  text-overflow: ellipsis;
1303
1306
  }
1307
+ .e-toolbar .e-toolbar-item:not(.e-overlay) > * {
1308
+ pointer-events: auto;
1309
+ }
1304
1310
  .e-toolbar .e-toolbar-item.e-hidden {
1305
1311
  display: none;
1306
1312
  }
@@ -1463,6 +1469,9 @@
1463
1469
  min-width: 100%;
1464
1470
  text-overflow: ellipsis;
1465
1471
  }
1472
+ .e-toolbar .e-toolbar-pop .e-toolbar-item:not(.e-overlay) > * {
1473
+ pointer-events: auto;
1474
+ }
1466
1475
  .e-toolbar .e-toolbar-pop .e-toolbar-item.e-tbtn-align .e-btn.e-control .e-icons.e-btn-icon {
1467
1476
  min-width: 100%;
1468
1477
  }
@@ -1576,6 +1585,9 @@
1576
1585
  .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item:not(.e-separator) {
1577
1586
  height: auto;
1578
1587
  }
1588
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item:not(.e-overlay) > * {
1589
+ pointer-events: auto;
1590
+ }
1579
1591
  .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item > * {
1580
1592
  -ms-flex-item-align: center;
1581
1593
  align-self: center;
@@ -1589,6 +1601,9 @@
1589
1601
  display: -ms-inline-flexbox;
1590
1602
  display: inline-flex;
1591
1603
  }
1604
+ .e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item:not(.e-overlay) > * {
1605
+ pointer-events: auto;
1606
+ }
1592
1607
  .e-toolbar.e-extended-toolbar .e-hor-nav.e-ie-align {
1593
1608
  display: table;
1594
1609
  }
@@ -1290,6 +1290,9 @@
1290
1290
  min-width: 28px;
1291
1291
  padding: 4px;
1292
1292
  }
1293
+ .e-toolbar .e-toolbar-item:not(.e-separator):not(.e-spacer), .e-toolbar .e-toolbar-item.e-overlay > * {
1294
+ pointer-events: none;
1295
+ }
1293
1296
  .e-toolbar .e-toolbar-item.e-separator {
1294
1297
  margin: 5px 10px;
1295
1298
  min-height: 24px;
@@ -1305,6 +1308,9 @@
1305
1308
  .e-toolbar .e-toolbar-item > * {
1306
1309
  text-overflow: ellipsis;
1307
1310
  }
1311
+ .e-toolbar .e-toolbar-item:not(.e-overlay) > * {
1312
+ pointer-events: auto;
1313
+ }
1308
1314
  .e-toolbar .e-toolbar-item.e-hidden {
1309
1315
  display: none;
1310
1316
  }
@@ -1467,6 +1473,9 @@
1467
1473
  min-width: 100%;
1468
1474
  text-overflow: ellipsis;
1469
1475
  }
1476
+ .e-toolbar .e-toolbar-pop .e-toolbar-item:not(.e-overlay) > * {
1477
+ pointer-events: auto;
1478
+ }
1470
1479
  .e-toolbar .e-toolbar-pop .e-toolbar-item.e-tbtn-align .e-btn.e-control .e-icons.e-btn-icon {
1471
1480
  min-width: 100%;
1472
1481
  }
@@ -1580,6 +1589,9 @@
1580
1589
  .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item:not(.e-separator) {
1581
1590
  height: auto;
1582
1591
  }
1592
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item:not(.e-overlay) > * {
1593
+ pointer-events: auto;
1594
+ }
1583
1595
  .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item > * {
1584
1596
  -ms-flex-item-align: center;
1585
1597
  align-self: center;
@@ -1593,6 +1605,9 @@
1593
1605
  display: -ms-inline-flexbox;
1594
1606
  display: inline-flex;
1595
1607
  }
1608
+ .e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item:not(.e-overlay) > * {
1609
+ pointer-events: auto;
1610
+ }
1596
1611
  .e-toolbar.e-extended-toolbar .e-hor-nav.e-ie-align {
1597
1612
  display: table;
1598
1613
  }
@@ -1565,6 +1565,9 @@
1565
1565
  min-width: 28px;
1566
1566
  padding: 4px;
1567
1567
  }
1568
+ .e-toolbar .e-toolbar-item:not(.e-separator):not(.e-spacer), .e-toolbar .e-toolbar-item.e-overlay > * {
1569
+ pointer-events: none;
1570
+ }
1568
1571
  .e-toolbar .e-toolbar-item.e-separator {
1569
1572
  margin: 5px 10px;
1570
1573
  min-height: 24px;
@@ -1580,6 +1583,9 @@
1580
1583
  .e-toolbar .e-toolbar-item > * {
1581
1584
  text-overflow: ellipsis;
1582
1585
  }
1586
+ .e-toolbar .e-toolbar-item:not(.e-overlay) > * {
1587
+ pointer-events: auto;
1588
+ }
1583
1589
  .e-toolbar .e-toolbar-item.e-hidden {
1584
1590
  display: none;
1585
1591
  }
@@ -1742,6 +1748,9 @@
1742
1748
  min-width: 100%;
1743
1749
  text-overflow: ellipsis;
1744
1750
  }
1751
+ .e-toolbar .e-toolbar-pop .e-toolbar-item:not(.e-overlay) > * {
1752
+ pointer-events: auto;
1753
+ }
1745
1754
  .e-toolbar .e-toolbar-pop .e-toolbar-item.e-tbtn-align .e-btn.e-control .e-icons.e-btn-icon {
1746
1755
  min-width: 100%;
1747
1756
  }
@@ -1855,6 +1864,9 @@
1855
1864
  .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item:not(.e-separator) {
1856
1865
  height: auto;
1857
1866
  }
1867
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item:not(.e-overlay) > * {
1868
+ pointer-events: auto;
1869
+ }
1858
1870
  .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item > * {
1859
1871
  -ms-flex-item-align: center;
1860
1872
  align-self: center;
@@ -1868,6 +1880,9 @@
1868
1880
  display: -ms-inline-flexbox;
1869
1881
  display: inline-flex;
1870
1882
  }
1883
+ .e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item:not(.e-overlay) > * {
1884
+ pointer-events: auto;
1885
+ }
1871
1886
  .e-toolbar.e-extended-toolbar .e-hor-nav.e-ie-align {
1872
1887
  display: table;
1873
1888
  }
@@ -1561,6 +1561,9 @@
1561
1561
  min-width: 28px;
1562
1562
  padding: 4px;
1563
1563
  }
1564
+ .e-toolbar .e-toolbar-item:not(.e-separator):not(.e-spacer), .e-toolbar .e-toolbar-item.e-overlay > * {
1565
+ pointer-events: none;
1566
+ }
1564
1567
  .e-toolbar .e-toolbar-item.e-separator {
1565
1568
  margin: 5px 10px;
1566
1569
  min-height: 24px;
@@ -1576,6 +1579,9 @@
1576
1579
  .e-toolbar .e-toolbar-item > * {
1577
1580
  text-overflow: ellipsis;
1578
1581
  }
1582
+ .e-toolbar .e-toolbar-item:not(.e-overlay) > * {
1583
+ pointer-events: auto;
1584
+ }
1579
1585
  .e-toolbar .e-toolbar-item.e-hidden {
1580
1586
  display: none;
1581
1587
  }
@@ -1738,6 +1744,9 @@
1738
1744
  min-width: 100%;
1739
1745
  text-overflow: ellipsis;
1740
1746
  }
1747
+ .e-toolbar .e-toolbar-pop .e-toolbar-item:not(.e-overlay) > * {
1748
+ pointer-events: auto;
1749
+ }
1741
1750
  .e-toolbar .e-toolbar-pop .e-toolbar-item.e-tbtn-align .e-btn.e-control .e-icons.e-btn-icon {
1742
1751
  min-width: 100%;
1743
1752
  }
@@ -1851,6 +1860,9 @@
1851
1860
  .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item:not(.e-separator) {
1852
1861
  height: auto;
1853
1862
  }
1863
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item:not(.e-overlay) > * {
1864
+ pointer-events: auto;
1865
+ }
1854
1866
  .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item > * {
1855
1867
  -ms-flex-item-align: center;
1856
1868
  align-self: center;
@@ -1864,6 +1876,9 @@
1864
1876
  display: -ms-inline-flexbox;
1865
1877
  display: inline-flex;
1866
1878
  }
1879
+ .e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item:not(.e-overlay) > * {
1880
+ pointer-events: auto;
1881
+ }
1867
1882
  .e-toolbar.e-extended-toolbar .e-hor-nav.e-ie-align {
1868
1883
  display: table;
1869
1884
  }
@@ -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
  }
@@ -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
  }
@@ -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
  }
package/styles/fabric.css CHANGED
@@ -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
  }
@@ -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
  }
@@ -1273,6 +1273,9 @@
1273
1273
  min-width: 28px;
1274
1274
  padding: 0;
1275
1275
  }
1276
+ .e-toolbar .e-toolbar-item:not(.e-separator):not(.e-spacer), .e-toolbar .e-toolbar-item.e-overlay > * {
1277
+ pointer-events: none;
1278
+ }
1276
1279
  .e-toolbar .e-toolbar-item.e-separator {
1277
1280
  margin: 4px;
1278
1281
  min-height: 24px;
@@ -1288,6 +1291,9 @@
1288
1291
  .e-toolbar .e-toolbar-item > * {
1289
1292
  text-overflow: ellipsis;
1290
1293
  }
1294
+ .e-toolbar .e-toolbar-item:not(.e-overlay) > * {
1295
+ pointer-events: auto;
1296
+ }
1291
1297
  .e-toolbar .e-toolbar-item.e-hidden {
1292
1298
  display: none;
1293
1299
  }
@@ -1450,6 +1456,9 @@
1450
1456
  min-width: 100%;
1451
1457
  text-overflow: ellipsis;
1452
1458
  }
1459
+ .e-toolbar .e-toolbar-pop .e-toolbar-item:not(.e-overlay) > * {
1460
+ pointer-events: auto;
1461
+ }
1453
1462
  .e-toolbar .e-toolbar-pop .e-toolbar-item.e-tbtn-align .e-btn.e-control .e-icons.e-btn-icon {
1454
1463
  min-width: 100%;
1455
1464
  }
@@ -1563,6 +1572,9 @@
1563
1572
  .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item:not(.e-separator) {
1564
1573
  height: auto;
1565
1574
  }
1575
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item:not(.e-overlay) > * {
1576
+ pointer-events: auto;
1577
+ }
1566
1578
  .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item > * {
1567
1579
  -ms-flex-item-align: center;
1568
1580
  align-self: center;
@@ -1576,6 +1588,9 @@
1576
1588
  display: -ms-inline-flexbox;
1577
1589
  display: inline-flex;
1578
1590
  }
1591
+ .e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item:not(.e-overlay) > * {
1592
+ pointer-events: auto;
1593
+ }
1579
1594
  .e-toolbar.e-extended-toolbar .e-hor-nav.e-ie-align {
1580
1595
  display: table;
1581
1596
  }
@@ -1536,6 +1536,9 @@
1536
1536
  min-width: 28px;
1537
1537
  padding: 0;
1538
1538
  }
1539
+ .e-toolbar .e-toolbar-item:not(.e-separator):not(.e-spacer), .e-toolbar .e-toolbar-item.e-overlay > * {
1540
+ pointer-events: none;
1541
+ }
1539
1542
  .e-toolbar .e-toolbar-item.e-separator {
1540
1543
  margin: 4px;
1541
1544
  min-height: 24px;
@@ -1551,6 +1554,9 @@
1551
1554
  .e-toolbar .e-toolbar-item > * {
1552
1555
  text-overflow: ellipsis;
1553
1556
  }
1557
+ .e-toolbar .e-toolbar-item:not(.e-overlay) > * {
1558
+ pointer-events: auto;
1559
+ }
1554
1560
  .e-toolbar .e-toolbar-item.e-hidden {
1555
1561
  display: none;
1556
1562
  }
@@ -1713,6 +1719,9 @@
1713
1719
  min-width: 100%;
1714
1720
  text-overflow: ellipsis;
1715
1721
  }
1722
+ .e-toolbar .e-toolbar-pop .e-toolbar-item:not(.e-overlay) > * {
1723
+ pointer-events: auto;
1724
+ }
1716
1725
  .e-toolbar .e-toolbar-pop .e-toolbar-item.e-tbtn-align .e-btn.e-control .e-icons.e-btn-icon {
1717
1726
  min-width: 100%;
1718
1727
  }
@@ -1826,6 +1835,9 @@
1826
1835
  .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item:not(.e-separator) {
1827
1836
  height: auto;
1828
1837
  }
1838
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item:not(.e-overlay) > * {
1839
+ pointer-events: auto;
1840
+ }
1829
1841
  .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item > * {
1830
1842
  -ms-flex-item-align: center;
1831
1843
  align-self: center;
@@ -1839,6 +1851,9 @@
1839
1851
  display: -ms-inline-flexbox;
1840
1852
  display: inline-flex;
1841
1853
  }
1854
+ .e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item:not(.e-overlay) > * {
1855
+ pointer-events: auto;
1856
+ }
1842
1857
  .e-toolbar.e-extended-toolbar .e-hor-nav.e-ie-align {
1843
1858
  display: table;
1844
1859
  }
@@ -1273,6 +1273,9 @@
1273
1273
  min-width: 28px;
1274
1274
  padding: 0;
1275
1275
  }
1276
+ .e-toolbar .e-toolbar-item:not(.e-separator):not(.e-spacer), .e-toolbar .e-toolbar-item.e-overlay > * {
1277
+ pointer-events: none;
1278
+ }
1276
1279
  .e-toolbar .e-toolbar-item.e-separator {
1277
1280
  margin: 4px;
1278
1281
  min-height: 24px;
@@ -1288,6 +1291,9 @@
1288
1291
  .e-toolbar .e-toolbar-item > * {
1289
1292
  text-overflow: ellipsis;
1290
1293
  }
1294
+ .e-toolbar .e-toolbar-item:not(.e-overlay) > * {
1295
+ pointer-events: auto;
1296
+ }
1291
1297
  .e-toolbar .e-toolbar-item.e-hidden {
1292
1298
  display: none;
1293
1299
  }
@@ -1450,6 +1456,9 @@
1450
1456
  min-width: 100%;
1451
1457
  text-overflow: ellipsis;
1452
1458
  }
1459
+ .e-toolbar .e-toolbar-pop .e-toolbar-item:not(.e-overlay) > * {
1460
+ pointer-events: auto;
1461
+ }
1453
1462
  .e-toolbar .e-toolbar-pop .e-toolbar-item.e-tbtn-align .e-btn.e-control .e-icons.e-btn-icon {
1454
1463
  min-width: 100%;
1455
1464
  }
@@ -1563,6 +1572,9 @@
1563
1572
  .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item:not(.e-separator) {
1564
1573
  height: auto;
1565
1574
  }
1575
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item:not(.e-overlay) > * {
1576
+ pointer-events: auto;
1577
+ }
1566
1578
  .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item > * {
1567
1579
  -ms-flex-item-align: center;
1568
1580
  align-self: center;
@@ -1576,6 +1588,9 @@
1576
1588
  display: -ms-inline-flexbox;
1577
1589
  display: inline-flex;
1578
1590
  }
1591
+ .e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item:not(.e-overlay) > * {
1592
+ pointer-events: auto;
1593
+ }
1579
1594
  .e-toolbar.e-extended-toolbar .e-hor-nav.e-ie-align {
1580
1595
  display: table;
1581
1596
  }
package/styles/fluent.css CHANGED
@@ -1536,6 +1536,9 @@
1536
1536
  min-width: 28px;
1537
1537
  padding: 0;
1538
1538
  }
1539
+ .e-toolbar .e-toolbar-item:not(.e-separator):not(.e-spacer), .e-toolbar .e-toolbar-item.e-overlay > * {
1540
+ pointer-events: none;
1541
+ }
1539
1542
  .e-toolbar .e-toolbar-item.e-separator {
1540
1543
  margin: 4px;
1541
1544
  min-height: 24px;
@@ -1551,6 +1554,9 @@
1551
1554
  .e-toolbar .e-toolbar-item > * {
1552
1555
  text-overflow: ellipsis;
1553
1556
  }
1557
+ .e-toolbar .e-toolbar-item:not(.e-overlay) > * {
1558
+ pointer-events: auto;
1559
+ }
1554
1560
  .e-toolbar .e-toolbar-item.e-hidden {
1555
1561
  display: none;
1556
1562
  }
@@ -1713,6 +1719,9 @@
1713
1719
  min-width: 100%;
1714
1720
  text-overflow: ellipsis;
1715
1721
  }
1722
+ .e-toolbar .e-toolbar-pop .e-toolbar-item:not(.e-overlay) > * {
1723
+ pointer-events: auto;
1724
+ }
1716
1725
  .e-toolbar .e-toolbar-pop .e-toolbar-item.e-tbtn-align .e-btn.e-control .e-icons.e-btn-icon {
1717
1726
  min-width: 100%;
1718
1727
  }
@@ -1826,6 +1835,9 @@
1826
1835
  .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item:not(.e-separator) {
1827
1836
  height: auto;
1828
1837
  }
1838
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item:not(.e-overlay) > * {
1839
+ pointer-events: auto;
1840
+ }
1829
1841
  .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item > * {
1830
1842
  -ms-flex-item-align: center;
1831
1843
  align-self: center;
@@ -1839,6 +1851,9 @@
1839
1851
  display: -ms-inline-flexbox;
1840
1852
  display: inline-flex;
1841
1853
  }
1854
+ .e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item:not(.e-overlay) > * {
1855
+ pointer-events: auto;
1856
+ }
1842
1857
  .e-toolbar.e-extended-toolbar .e-hor-nav.e-ie-align {
1843
1858
  display: table;
1844
1859
  }
@@ -1327,6 +1327,9 @@
1327
1327
  min-width: 32px;
1328
1328
  padding: 4px 0;
1329
1329
  }
1330
+ .e-toolbar .e-toolbar-item:not(.e-separator):not(.e-spacer), .e-toolbar .e-toolbar-item.e-overlay > * {
1331
+ pointer-events: none;
1332
+ }
1330
1333
  .e-toolbar .e-toolbar-item.e-separator {
1331
1334
  margin: 8px 4px;
1332
1335
  min-height: 24px;
@@ -1342,6 +1345,9 @@
1342
1345
  .e-toolbar .e-toolbar-item > * {
1343
1346
  text-overflow: ellipsis;
1344
1347
  }
1348
+ .e-toolbar .e-toolbar-item:not(.e-overlay) > * {
1349
+ pointer-events: auto;
1350
+ }
1345
1351
  .e-toolbar .e-toolbar-item.e-hidden {
1346
1352
  display: none;
1347
1353
  }
@@ -1504,6 +1510,9 @@
1504
1510
  min-width: 100%;
1505
1511
  text-overflow: ellipsis;
1506
1512
  }
1513
+ .e-toolbar .e-toolbar-pop .e-toolbar-item:not(.e-overlay) > * {
1514
+ pointer-events: auto;
1515
+ }
1507
1516
  .e-toolbar .e-toolbar-pop .e-toolbar-item.e-tbtn-align .e-btn.e-control .e-icons.e-btn-icon {
1508
1517
  min-width: 100%;
1509
1518
  }
@@ -1617,6 +1626,9 @@
1617
1626
  .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item:not(.e-separator) {
1618
1627
  height: auto;
1619
1628
  }
1629
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item:not(.e-overlay) > * {
1630
+ pointer-events: auto;
1631
+ }
1620
1632
  .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item > * {
1621
1633
  -ms-flex-item-align: center;
1622
1634
  align-self: center;
@@ -1630,6 +1642,9 @@
1630
1642
  display: -ms-inline-flexbox;
1631
1643
  display: inline-flex;
1632
1644
  }
1645
+ .e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item:not(.e-overlay) > * {
1646
+ pointer-events: auto;
1647
+ }
1633
1648
  .e-toolbar.e-extended-toolbar .e-hor-nav.e-ie-align {
1634
1649
  display: table;
1635
1650
  }