@syncfusion/ej2-navigations 19.3.46 → 19.3.57

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 (45) hide show
  1. package/CHANGELOG.md +25 -0
  2. package/README.md +1 -1
  3. package/dist/ej2-navigations.umd.min.js +2 -2
  4. package/dist/ej2-navigations.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-navigations.es2015.js +39 -16
  6. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  7. package/dist/es6/ej2-navigations.es5.js +39 -16
  8. package/dist/es6/ej2-navigations.es5.js.map +1 -1
  9. package/dist/global/ej2-navigations.min.js +2 -2
  10. package/dist/global/ej2-navigations.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +11 -11
  13. package/src/breadcrumb/breadcrumb.js +10 -2
  14. package/src/common/menu-base.js +2 -2
  15. package/src/sidebar/sidebar.js +4 -4
  16. package/src/tab/tab.js +3 -3
  17. package/src/treeview/treeview.js +20 -5
  18. package/styles/bootstrap-dark.css +12 -0
  19. package/styles/bootstrap.css +12 -0
  20. package/styles/bootstrap4.css +12 -0
  21. package/styles/bootstrap5-dark.css +12 -0
  22. package/styles/bootstrap5.css +12 -0
  23. package/styles/breadcrumb/_layout.scss +11 -0
  24. package/styles/breadcrumb/_theme.scss +1 -1
  25. package/styles/breadcrumb/bootstrap-dark.css +12 -0
  26. package/styles/breadcrumb/bootstrap.css +12 -0
  27. package/styles/breadcrumb/bootstrap4.css +12 -0
  28. package/styles/breadcrumb/bootstrap5-dark.css +12 -0
  29. package/styles/breadcrumb/bootstrap5.css +12 -0
  30. package/styles/breadcrumb/fabric-dark.css +12 -0
  31. package/styles/breadcrumb/fabric.css +12 -0
  32. package/styles/breadcrumb/highcontrast-light.css +13 -1
  33. package/styles/breadcrumb/highcontrast.css +13 -1
  34. package/styles/breadcrumb/material-dark.css +12 -0
  35. package/styles/breadcrumb/material.css +12 -0
  36. package/styles/breadcrumb/tailwind-dark.css +12 -0
  37. package/styles/breadcrumb/tailwind.css +12 -0
  38. package/styles/fabric-dark.css +12 -0
  39. package/styles/fabric.css +12 -0
  40. package/styles/highcontrast-light.css +13 -1
  41. package/styles/highcontrast.css +13 -1
  42. package/styles/material-dark.css +12 -0
  43. package/styles/material.css +12 -0
  44. package/styles/tailwind-dark.css +12 -0
  45. package/styles/tailwind.css +12 -0
@@ -109,6 +109,13 @@
109
109
  padding-left: 0;
110
110
  }
111
111
 
112
+ .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
113
+ margin-left: 0;
114
+ margin-right: -4px;
115
+ padding-left: 3px;
116
+ padding-right: 0;
117
+ }
118
+
112
119
  .e-breadcrumb .e-breadcrumb-collapsed {
113
120
  cursor: pointer;
114
121
  font-size: 16px;
@@ -169,6 +176,11 @@
169
176
  padding-left: 0;
170
177
  }
171
178
 
179
+ .e-bigger.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator,
180
+ .e-bigger .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
181
+ padding-left: 5px;
182
+ }
183
+
172
184
  .e-bigger.e-breadcrumb .e-breadcrumb-collapsed,
173
185
  .e-bigger .e-breadcrumb .e-breadcrumb-collapsed {
174
186
  font-size: 18px;
@@ -116,6 +116,13 @@
116
116
  padding-left: 0;
117
117
  }
118
118
 
119
+ .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
120
+ margin-left: 0;
121
+ margin-right: -4px;
122
+ padding-left: 4px;
123
+ padding-right: 0;
124
+ }
125
+
119
126
  .e-breadcrumb .e-breadcrumb-collapsed {
120
127
  cursor: pointer;
121
128
  font-size: 16px;
@@ -191,6 +198,11 @@
191
198
  padding-left: 0;
192
199
  }
193
200
 
201
+ .e-bigger.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator,
202
+ .e-bigger .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
203
+ padding-left: 4px;
204
+ }
205
+
194
206
  .e-bigger.e-breadcrumb .e-breadcrumb-collapsed,
195
207
  .e-bigger .e-breadcrumb .e-breadcrumb-collapsed {
196
208
  font-size: 18px;
@@ -116,6 +116,13 @@
116
116
  padding-left: 0;
117
117
  }
118
118
 
119
+ .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
120
+ margin-left: 0;
121
+ margin-right: -4px;
122
+ padding-left: 4px;
123
+ padding-right: 0;
124
+ }
125
+
119
126
  .e-breadcrumb .e-breadcrumb-collapsed {
120
127
  cursor: pointer;
121
128
  font-size: 16px;
@@ -191,6 +198,11 @@
191
198
  padding-left: 0;
192
199
  }
193
200
 
201
+ .e-bigger.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator,
202
+ .e-bigger .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
203
+ padding-left: 4px;
204
+ }
205
+
194
206
  .e-bigger.e-breadcrumb .e-breadcrumb-collapsed,
195
207
  .e-bigger .e-breadcrumb .e-breadcrumb-collapsed {
196
208
  font-size: 18px;
@@ -9467,6 +9467,13 @@ ejs-sidebar {
9467
9467
  padding-left: 0;
9468
9468
  }
9469
9469
 
9470
+ .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
9471
+ margin-left: 0;
9472
+ margin-right: -4px;
9473
+ padding-left: 3px;
9474
+ padding-right: 0;
9475
+ }
9476
+
9470
9477
  .e-breadcrumb .e-breadcrumb-collapsed {
9471
9478
  cursor: pointer;
9472
9479
  font-size: 21px;
@@ -9539,6 +9546,11 @@ ejs-sidebar {
9539
9546
  padding-left: 0;
9540
9547
  }
9541
9548
 
9549
+ .e-bigger.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator,
9550
+ .e-bigger .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
9551
+ padding-left: 5px;
9552
+ }
9553
+
9542
9554
  .e-bigger.e-breadcrumb .e-breadcrumb-collapsed,
9543
9555
  .e-bigger .e-breadcrumb .e-breadcrumb-collapsed {
9544
9556
  font-size: 21px;
package/styles/fabric.css CHANGED
@@ -9477,6 +9477,13 @@ ejs-sidebar {
9477
9477
  padding-left: 0;
9478
9478
  }
9479
9479
 
9480
+ .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
9481
+ margin-left: 0;
9482
+ margin-right: -4px;
9483
+ padding-left: 3px;
9484
+ padding-right: 0;
9485
+ }
9486
+
9480
9487
  .e-breadcrumb .e-breadcrumb-collapsed {
9481
9488
  cursor: pointer;
9482
9489
  font-size: 21px;
@@ -9549,6 +9556,11 @@ ejs-sidebar {
9549
9556
  padding-left: 0;
9550
9557
  }
9551
9558
 
9559
+ .e-bigger.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator,
9560
+ .e-bigger .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
9561
+ padding-left: 5px;
9562
+ }
9563
+
9552
9564
  .e-bigger.e-breadcrumb .e-breadcrumb-collapsed,
9553
9565
  .e-bigger .e-breadcrumb .e-breadcrumb-collapsed {
9554
9566
  font-size: 21px;
@@ -9808,6 +9808,13 @@ ejs-sidebar {
9808
9808
  padding-left: 0;
9809
9809
  }
9810
9810
 
9811
+ .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
9812
+ margin-left: 0;
9813
+ margin-right: -4px;
9814
+ padding-left: 3px;
9815
+ padding-right: 0;
9816
+ }
9817
+
9811
9818
  .e-breadcrumb .e-breadcrumb-collapsed {
9812
9819
  cursor: pointer;
9813
9820
  font-size: 21px;
@@ -9880,6 +9887,11 @@ ejs-sidebar {
9880
9887
  padding-left: 0;
9881
9888
  }
9882
9889
 
9890
+ .e-bigger.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator,
9891
+ .e-bigger .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
9892
+ padding-left: 5px;
9893
+ }
9894
+
9883
9895
  .e-bigger.e-breadcrumb .e-breadcrumb-collapsed,
9884
9896
  .e-bigger .e-breadcrumb .e-breadcrumb-collapsed {
9885
9897
  font-size: 21px;
@@ -9946,7 +9958,7 @@ ejs-sidebar {
9946
9958
  color: #000;
9947
9959
  }
9948
9960
 
9949
- .e-breadcrumb .e-breadcrumb-item:active .e-breadcrumb-icon {
9961
+ .e-breadcrumb .e-breadcrumb-item:active:not(:last-child) .e-breadcrumb-icon {
9950
9962
  color: #fff;
9951
9963
  }
9952
9964
 
@@ -9837,6 +9837,13 @@ ejs-sidebar {
9837
9837
  padding-left: 0;
9838
9838
  }
9839
9839
 
9840
+ .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
9841
+ margin-left: 0;
9842
+ margin-right: -4px;
9843
+ padding-left: 3px;
9844
+ padding-right: 0;
9845
+ }
9846
+
9840
9847
  .e-breadcrumb .e-breadcrumb-collapsed {
9841
9848
  cursor: pointer;
9842
9849
  font-size: 21px;
@@ -9909,6 +9916,11 @@ ejs-sidebar {
9909
9916
  padding-left: 0;
9910
9917
  }
9911
9918
 
9919
+ .e-bigger.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator,
9920
+ .e-bigger .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
9921
+ padding-left: 5px;
9922
+ }
9923
+
9912
9924
  .e-bigger.e-breadcrumb .e-breadcrumb-collapsed,
9913
9925
  .e-bigger .e-breadcrumb .e-breadcrumb-collapsed {
9914
9926
  font-size: 21px;
@@ -9975,7 +9987,7 @@ ejs-sidebar {
9975
9987
  color: #fff;
9976
9988
  }
9977
9989
 
9978
- .e-breadcrumb .e-breadcrumb-item:active .e-breadcrumb-icon {
9990
+ .e-breadcrumb .e-breadcrumb-item:active:not(:last-child) .e-breadcrumb-icon {
9979
9991
  color: #000;
9980
9992
  }
9981
9993
 
@@ -9323,6 +9323,13 @@ ejs-sidebar {
9323
9323
  padding-left: 0;
9324
9324
  }
9325
9325
 
9326
+ .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
9327
+ margin-left: 0;
9328
+ margin-right: -4px;
9329
+ padding-left: 3px;
9330
+ padding-right: 0;
9331
+ }
9332
+
9326
9333
  .e-breadcrumb .e-breadcrumb-collapsed {
9327
9334
  cursor: pointer;
9328
9335
  font-size: 16px;
@@ -9383,6 +9390,11 @@ ejs-sidebar {
9383
9390
  padding-left: 0;
9384
9391
  }
9385
9392
 
9393
+ .e-bigger.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator,
9394
+ .e-bigger .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
9395
+ padding-left: 5px;
9396
+ }
9397
+
9386
9398
  .e-bigger.e-breadcrumb .e-breadcrumb-collapsed,
9387
9399
  .e-bigger .e-breadcrumb .e-breadcrumb-collapsed {
9388
9400
  font-size: 18px;
@@ -9340,6 +9340,13 @@ ejs-sidebar {
9340
9340
  padding-left: 0;
9341
9341
  }
9342
9342
 
9343
+ .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
9344
+ margin-left: 0;
9345
+ margin-right: -4px;
9346
+ padding-left: 3px;
9347
+ padding-right: 0;
9348
+ }
9349
+
9343
9350
  .e-breadcrumb .e-breadcrumb-collapsed {
9344
9351
  cursor: pointer;
9345
9352
  font-size: 16px;
@@ -9400,6 +9407,11 @@ ejs-sidebar {
9400
9407
  padding-left: 0;
9401
9408
  }
9402
9409
 
9410
+ .e-bigger.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator,
9411
+ .e-bigger .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
9412
+ padding-left: 5px;
9413
+ }
9414
+
9403
9415
  .e-bigger.e-breadcrumb .e-breadcrumb-collapsed,
9404
9416
  .e-bigger .e-breadcrumb .e-breadcrumb-collapsed {
9405
9417
  font-size: 18px;
@@ -9420,6 +9420,13 @@ ejs-sidebar {
9420
9420
  padding-left: 0;
9421
9421
  }
9422
9422
 
9423
+ .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
9424
+ margin-left: 0;
9425
+ margin-right: -4px;
9426
+ padding-left: 4px;
9427
+ padding-right: 0;
9428
+ }
9429
+
9423
9430
  .e-breadcrumb .e-breadcrumb-collapsed {
9424
9431
  cursor: pointer;
9425
9432
  font-size: 16px;
@@ -9495,6 +9502,11 @@ ejs-sidebar {
9495
9502
  padding-left: 0;
9496
9503
  }
9497
9504
 
9505
+ .e-bigger.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator,
9506
+ .e-bigger .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
9507
+ padding-left: 4px;
9508
+ }
9509
+
9498
9510
  .e-bigger.e-breadcrumb .e-breadcrumb-collapsed,
9499
9511
  .e-bigger .e-breadcrumb .e-breadcrumb-collapsed {
9500
9512
  font-size: 18px;
@@ -9420,6 +9420,13 @@ ejs-sidebar {
9420
9420
  padding-left: 0;
9421
9421
  }
9422
9422
 
9423
+ .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
9424
+ margin-left: 0;
9425
+ margin-right: -4px;
9426
+ padding-left: 4px;
9427
+ padding-right: 0;
9428
+ }
9429
+
9423
9430
  .e-breadcrumb .e-breadcrumb-collapsed {
9424
9431
  cursor: pointer;
9425
9432
  font-size: 16px;
@@ -9495,6 +9502,11 @@ ejs-sidebar {
9495
9502
  padding-left: 0;
9496
9503
  }
9497
9504
 
9505
+ .e-bigger.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator,
9506
+ .e-bigger .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
9507
+ padding-left: 4px;
9508
+ }
9509
+
9498
9510
  .e-bigger.e-breadcrumb .e-breadcrumb-collapsed,
9499
9511
  .e-bigger .e-breadcrumb .e-breadcrumb-collapsed {
9500
9512
  font-size: 18px;