@syncfusion/ej2-navigations 19.4.38 → 19.4.48

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 (58) hide show
  1. package/CHANGELOG.md +50 -0
  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 +65 -32
  5. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  6. package/dist/es6/ej2-navigations.es5.js +64 -31
  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 +11 -11
  12. package/src/accordion/accordion.js +10 -8
  13. package/src/common/menu-base.d.ts +1 -1
  14. package/src/common/menu-base.js +23 -12
  15. package/src/tab/tab.d.ts +7 -1
  16. package/src/tab/tab.js +12 -5
  17. package/src/toolbar/toolbar.js +19 -6
  18. package/styles/bootstrap-dark.css +3 -2
  19. package/styles/bootstrap.css +3 -2
  20. package/styles/bootstrap4.css +3 -2
  21. package/styles/bootstrap5-dark.css +3 -2
  22. package/styles/bootstrap5.css +3 -2
  23. package/styles/breadcrumb/_layout.scss +1 -1
  24. package/styles/breadcrumb/bootstrap-dark.css +1 -1
  25. package/styles/breadcrumb/bootstrap.css +1 -1
  26. package/styles/breadcrumb/bootstrap4.css +1 -1
  27. package/styles/breadcrumb/bootstrap5-dark.css +1 -1
  28. package/styles/breadcrumb/bootstrap5.css +1 -1
  29. package/styles/breadcrumb/fabric-dark.css +1 -1
  30. package/styles/breadcrumb/fabric.css +1 -1
  31. package/styles/breadcrumb/highcontrast-light.css +1 -1
  32. package/styles/breadcrumb/highcontrast.css +1 -1
  33. package/styles/breadcrumb/material-dark.css +1 -1
  34. package/styles/breadcrumb/material.css +1 -1
  35. package/styles/breadcrumb/tailwind-dark.css +1 -1
  36. package/styles/breadcrumb/tailwind.css +1 -1
  37. package/styles/fabric-dark.css +3 -2
  38. package/styles/fabric.css +3 -2
  39. package/styles/highcontrast-light.css +3 -2
  40. package/styles/highcontrast.css +3 -2
  41. package/styles/material-dark.css +3 -2
  42. package/styles/material.css +3 -2
  43. package/styles/menu/_layout.scss +2 -1
  44. package/styles/menu/bootstrap-dark.css +2 -1
  45. package/styles/menu/bootstrap.css +2 -1
  46. package/styles/menu/bootstrap4.css +2 -1
  47. package/styles/menu/bootstrap5-dark.css +2 -1
  48. package/styles/menu/bootstrap5.css +2 -1
  49. package/styles/menu/fabric-dark.css +2 -1
  50. package/styles/menu/fabric.css +2 -1
  51. package/styles/menu/highcontrast-light.css +2 -1
  52. package/styles/menu/highcontrast.css +2 -1
  53. package/styles/menu/material-dark.css +2 -1
  54. package/styles/menu/material.css +2 -1
  55. package/styles/menu/tailwind-dark.css +2 -1
  56. package/styles/menu/tailwind.css +2 -1
  57. package/styles/tailwind-dark.css +3 -2
  58. package/styles/tailwind.css +3 -2
package/styles/fabric.css CHANGED
@@ -8321,7 +8321,7 @@ ejs-sidebar {
8321
8321
  -webkit-user-select: none;
8322
8322
  -ms-user-select: none;
8323
8323
  user-select: none;
8324
- font-size: 13px;
8324
+ font-size: 0;
8325
8325
  padding: 0;
8326
8326
  text-align: left;
8327
8327
  white-space: nowrap;
@@ -8386,6 +8386,7 @@ ejs-sidebar {
8386
8386
  position: relative;
8387
8387
  display: -ms-inline-flexbox;
8388
8388
  display: inline-flex;
8389
+ font-size: 13px;
8389
8390
  height: 42px;
8390
8391
  line-height: 42px;
8391
8392
  padding: 0 8px;
@@ -9712,7 +9713,7 @@ ejs-sidebar {
9712
9713
  -ms-flex-positive: 1;
9713
9714
  flex-grow: 1;
9714
9715
  -ms-flex-pack: end;
9715
- justify-content: end;
9716
+ justify-content: flex-end;
9716
9717
  }
9717
9718
 
9718
9719
  .e-breadcrumb-popup.e-rtl.e-icon-right .e-breadcrumb-icon,
@@ -8657,7 +8657,7 @@ ejs-sidebar {
8657
8657
  -webkit-user-select: none;
8658
8658
  -ms-user-select: none;
8659
8659
  user-select: none;
8660
- font-size: 14px;
8660
+ font-size: 0;
8661
8661
  padding: 0;
8662
8662
  text-align: left;
8663
8663
  white-space: nowrap;
@@ -8722,6 +8722,7 @@ ejs-sidebar {
8722
8722
  position: relative;
8723
8723
  display: -ms-inline-flexbox;
8724
8724
  display: inline-flex;
8725
+ font-size: 14px;
8725
8726
  height: 36px;
8726
8727
  line-height: 36px;
8727
8728
  padding: 0 16px;
@@ -10048,7 +10049,7 @@ ejs-sidebar {
10048
10049
  -ms-flex-positive: 1;
10049
10050
  flex-grow: 1;
10050
10051
  -ms-flex-pack: end;
10051
- justify-content: end;
10052
+ justify-content: flex-end;
10052
10053
  }
10053
10054
 
10054
10055
  .e-breadcrumb-popup.e-rtl.e-icon-right .e-breadcrumb-icon,
@@ -8686,7 +8686,7 @@ ejs-sidebar {
8686
8686
  -webkit-user-select: none;
8687
8687
  -ms-user-select: none;
8688
8688
  user-select: none;
8689
- font-size: 13px;
8689
+ font-size: 0;
8690
8690
  padding: 0;
8691
8691
  text-align: left;
8692
8692
  white-space: nowrap;
@@ -8751,6 +8751,7 @@ ejs-sidebar {
8751
8751
  position: relative;
8752
8752
  display: -ms-inline-flexbox;
8753
8753
  display: inline-flex;
8754
+ font-size: 13px;
8754
8755
  height: 40px;
8755
8756
  line-height: 40px;
8756
8757
  padding: 0 8px;
@@ -10077,7 +10078,7 @@ ejs-sidebar {
10077
10078
  -ms-flex-positive: 1;
10078
10079
  flex-grow: 1;
10079
10080
  -ms-flex-pack: end;
10080
- justify-content: end;
10081
+ justify-content: flex-end;
10081
10082
  }
10082
10083
 
10083
10084
  .e-breadcrumb-popup.e-rtl.e-icon-right .e-breadcrumb-icon,
@@ -8171,7 +8171,7 @@ ejs-sidebar {
8171
8171
  -webkit-user-select: none;
8172
8172
  -ms-user-select: none;
8173
8173
  user-select: none;
8174
- font-size: 13px;
8174
+ font-size: 0;
8175
8175
  padding: 0;
8176
8176
  text-align: left;
8177
8177
  white-space: nowrap;
@@ -8236,6 +8236,7 @@ ejs-sidebar {
8236
8236
  position: relative;
8237
8237
  display: -ms-inline-flexbox;
8238
8238
  display: inline-flex;
8239
+ font-size: 13px;
8239
8240
  height: 42px;
8240
8241
  line-height: 42px;
8241
8242
  padding: 0 12px;
@@ -9553,7 +9554,7 @@ ejs-sidebar {
9553
9554
  -ms-flex-positive: 1;
9554
9555
  flex-grow: 1;
9555
9556
  -ms-flex-pack: end;
9556
- justify-content: end;
9557
+ justify-content: flex-end;
9557
9558
  }
9558
9559
 
9559
9560
  .e-breadcrumb-popup.e-rtl.e-icon-right .e-breadcrumb-icon,
@@ -8188,7 +8188,7 @@ ejs-sidebar {
8188
8188
  -webkit-user-select: none;
8189
8189
  -ms-user-select: none;
8190
8190
  user-select: none;
8191
- font-size: 13px;
8191
+ font-size: 0;
8192
8192
  padding: 0;
8193
8193
  text-align: left;
8194
8194
  white-space: nowrap;
@@ -8253,6 +8253,7 @@ ejs-sidebar {
8253
8253
  position: relative;
8254
8254
  display: -ms-inline-flexbox;
8255
8255
  display: inline-flex;
8256
+ font-size: 13px;
8256
8257
  height: 42px;
8257
8258
  line-height: 42px;
8258
8259
  padding: 0 12px;
@@ -9570,7 +9571,7 @@ ejs-sidebar {
9570
9571
  -ms-flex-positive: 1;
9571
9572
  flex-grow: 1;
9572
9573
  -ms-flex-pack: end;
9573
- justify-content: end;
9574
+ justify-content: flex-end;
9574
9575
  }
9575
9576
 
9576
9577
  .e-breadcrumb-popup.e-rtl.e-icon-right .e-breadcrumb-icon,
@@ -15,7 +15,7 @@
15
15
  @at-root {
16
16
  & ul {
17
17
  @include ul-layout;
18
- font-size: $menu-font-size;
18
+ font-size: 0;
19
19
  padding: $menu-ul-padding;
20
20
  text-align: left;
21
21
  white-space: nowrap;
@@ -53,6 +53,7 @@
53
53
  & .e-menu-item {
54
54
  @include li-layout;
55
55
  display: inline-flex;
56
+ font-size: $menu-font-size;
56
57
  height: $menu-li-height;
57
58
  line-height: $menu-li-height;
58
59
  padding: $menu-li-padding;
@@ -106,7 +106,7 @@
106
106
  -webkit-user-select: none;
107
107
  -ms-user-select: none;
108
108
  user-select: none;
109
- font-size: 14px;
109
+ font-size: 0;
110
110
  padding: 0;
111
111
  text-align: left;
112
112
  white-space: nowrap;
@@ -171,6 +171,7 @@
171
171
  position: relative;
172
172
  display: -ms-inline-flexbox;
173
173
  display: inline-flex;
174
+ font-size: 14px;
174
175
  height: 42px;
175
176
  line-height: 42px;
176
177
  padding: 0 15px;
@@ -108,7 +108,7 @@
108
108
  -webkit-user-select: none;
109
109
  -ms-user-select: none;
110
110
  user-select: none;
111
- font-size: 14px;
111
+ font-size: 0;
112
112
  padding: 0;
113
113
  text-align: left;
114
114
  white-space: nowrap;
@@ -173,6 +173,7 @@
173
173
  position: relative;
174
174
  display: -ms-inline-flexbox;
175
175
  display: inline-flex;
176
+ font-size: 14px;
176
177
  height: 40px;
177
178
  line-height: 40px;
178
179
  padding: 0 12px;
@@ -108,7 +108,7 @@
108
108
  -webkit-user-select: none;
109
109
  -ms-user-select: none;
110
110
  user-select: none;
111
- font-size: 14px;
111
+ font-size: 0;
112
112
  padding: 0;
113
113
  text-align: left;
114
114
  white-space: nowrap;
@@ -173,6 +173,7 @@
173
173
  position: relative;
174
174
  display: -ms-inline-flexbox;
175
175
  display: inline-flex;
176
+ font-size: 14px;
176
177
  height: 30px;
177
178
  line-height: 30px;
178
179
  padding: 0 12px;
@@ -118,7 +118,7 @@
118
118
  -webkit-user-select: none;
119
119
  -ms-user-select: none;
120
120
  user-select: none;
121
- font-size: 14px;
121
+ font-size: 0;
122
122
  padding: 0;
123
123
  text-align: left;
124
124
  white-space: nowrap;
@@ -183,6 +183,7 @@
183
183
  position: relative;
184
184
  display: -ms-inline-flexbox;
185
185
  display: inline-flex;
186
+ font-size: 14px;
186
187
  height: 50px;
187
188
  line-height: 50px;
188
189
  padding: 0 12px;
@@ -118,7 +118,7 @@
118
118
  -webkit-user-select: none;
119
119
  -ms-user-select: none;
120
120
  user-select: none;
121
- font-size: 14px;
121
+ font-size: 0;
122
122
  padding: 0;
123
123
  text-align: left;
124
124
  white-space: nowrap;
@@ -183,6 +183,7 @@
183
183
  position: relative;
184
184
  display: -ms-inline-flexbox;
185
185
  display: inline-flex;
186
+ font-size: 14px;
186
187
  height: 50px;
187
188
  line-height: 50px;
188
189
  padding: 0 12px;
@@ -106,7 +106,7 @@
106
106
  -webkit-user-select: none;
107
107
  -ms-user-select: none;
108
108
  user-select: none;
109
- font-size: 13px;
109
+ font-size: 0;
110
110
  padding: 0;
111
111
  text-align: left;
112
112
  white-space: nowrap;
@@ -171,6 +171,7 @@
171
171
  position: relative;
172
172
  display: -ms-inline-flexbox;
173
173
  display: inline-flex;
174
+ font-size: 13px;
174
175
  height: 42px;
175
176
  line-height: 42px;
176
177
  padding: 0 8px;
@@ -107,7 +107,7 @@
107
107
  -webkit-user-select: none;
108
108
  -ms-user-select: none;
109
109
  user-select: none;
110
- font-size: 13px;
110
+ font-size: 0;
111
111
  padding: 0;
112
112
  text-align: left;
113
113
  white-space: nowrap;
@@ -172,6 +172,7 @@
172
172
  position: relative;
173
173
  display: -ms-inline-flexbox;
174
174
  display: inline-flex;
175
+ font-size: 13px;
175
176
  height: 42px;
176
177
  line-height: 42px;
177
178
  padding: 0 8px;
@@ -106,7 +106,7 @@
106
106
  -webkit-user-select: none;
107
107
  -ms-user-select: none;
108
108
  user-select: none;
109
- font-size: 14px;
109
+ font-size: 0;
110
110
  padding: 0;
111
111
  text-align: left;
112
112
  white-space: nowrap;
@@ -171,6 +171,7 @@
171
171
  position: relative;
172
172
  display: -ms-inline-flexbox;
173
173
  display: inline-flex;
174
+ font-size: 14px;
174
175
  height: 36px;
175
176
  line-height: 36px;
176
177
  padding: 0 16px;
@@ -107,7 +107,7 @@
107
107
  -webkit-user-select: none;
108
108
  -ms-user-select: none;
109
109
  user-select: none;
110
- font-size: 13px;
110
+ font-size: 0;
111
111
  padding: 0;
112
112
  text-align: left;
113
113
  white-space: nowrap;
@@ -172,6 +172,7 @@
172
172
  position: relative;
173
173
  display: -ms-inline-flexbox;
174
174
  display: inline-flex;
175
+ font-size: 13px;
175
176
  height: 40px;
176
177
  line-height: 40px;
177
178
  padding: 0 8px;
@@ -127,7 +127,7 @@
127
127
  -webkit-user-select: none;
128
128
  -ms-user-select: none;
129
129
  user-select: none;
130
- font-size: 13px;
130
+ font-size: 0;
131
131
  padding: 0;
132
132
  text-align: left;
133
133
  white-space: nowrap;
@@ -192,6 +192,7 @@
192
192
  position: relative;
193
193
  display: -ms-inline-flexbox;
194
194
  display: inline-flex;
195
+ font-size: 13px;
195
196
  height: 42px;
196
197
  line-height: 42px;
197
198
  padding: 0 12px;
@@ -129,7 +129,7 @@
129
129
  -webkit-user-select: none;
130
130
  -ms-user-select: none;
131
131
  user-select: none;
132
- font-size: 13px;
132
+ font-size: 0;
133
133
  padding: 0;
134
134
  text-align: left;
135
135
  white-space: nowrap;
@@ -194,6 +194,7 @@
194
194
  position: relative;
195
195
  display: -ms-inline-flexbox;
196
196
  display: inline-flex;
197
+ font-size: 13px;
197
198
  height: 42px;
198
199
  line-height: 42px;
199
200
  padding: 0 12px;
@@ -119,7 +119,7 @@
119
119
  -webkit-user-select: none;
120
120
  -ms-user-select: none;
121
121
  user-select: none;
122
- font-size: 14px;
122
+ font-size: 0;
123
123
  padding: 0;
124
124
  text-align: left;
125
125
  white-space: nowrap;
@@ -184,6 +184,7 @@
184
184
  position: relative;
185
185
  display: -ms-inline-flexbox;
186
186
  display: inline-flex;
187
+ font-size: 14px;
187
188
  height: 38px;
188
189
  line-height: 38px;
189
190
  padding: 0 12px;
@@ -119,7 +119,7 @@
119
119
  -webkit-user-select: none;
120
120
  -ms-user-select: none;
121
121
  user-select: none;
122
- font-size: 14px;
122
+ font-size: 0;
123
123
  padding: 0;
124
124
  text-align: left;
125
125
  white-space: nowrap;
@@ -184,6 +184,7 @@
184
184
  position: relative;
185
185
  display: -ms-inline-flexbox;
186
186
  display: inline-flex;
187
+ font-size: 14px;
187
188
  height: 38px;
188
189
  line-height: 38px;
189
190
  padding: 0 12px;
@@ -8260,7 +8260,7 @@ ejs-sidebar {
8260
8260
  -webkit-user-select: none;
8261
8261
  -ms-user-select: none;
8262
8262
  user-select: none;
8263
- font-size: 14px;
8263
+ font-size: 0;
8264
8264
  padding: 0;
8265
8265
  text-align: left;
8266
8266
  white-space: nowrap;
@@ -8325,6 +8325,7 @@ ejs-sidebar {
8325
8325
  position: relative;
8326
8326
  display: -ms-inline-flexbox;
8327
8327
  display: inline-flex;
8328
+ font-size: 14px;
8328
8329
  height: 38px;
8329
8330
  line-height: 38px;
8330
8331
  padding: 0 12px;
@@ -9650,7 +9651,7 @@ ejs-sidebar {
9650
9651
  -ms-flex-positive: 1;
9651
9652
  flex-grow: 1;
9652
9653
  -ms-flex-pack: end;
9653
- justify-content: end;
9654
+ justify-content: flex-end;
9654
9655
  }
9655
9656
 
9656
9657
  .e-breadcrumb-popup.e-rtl.e-icon-right .e-breadcrumb-icon,
@@ -8260,7 +8260,7 @@ ejs-sidebar {
8260
8260
  -webkit-user-select: none;
8261
8261
  -ms-user-select: none;
8262
8262
  user-select: none;
8263
- font-size: 14px;
8263
+ font-size: 0;
8264
8264
  padding: 0;
8265
8265
  text-align: left;
8266
8266
  white-space: nowrap;
@@ -8325,6 +8325,7 @@ ejs-sidebar {
8325
8325
  position: relative;
8326
8326
  display: -ms-inline-flexbox;
8327
8327
  display: inline-flex;
8328
+ font-size: 14px;
8328
8329
  height: 38px;
8329
8330
  line-height: 38px;
8330
8331
  padding: 0 12px;
@@ -9650,7 +9651,7 @@ ejs-sidebar {
9650
9651
  -ms-flex-positive: 1;
9651
9652
  flex-grow: 1;
9652
9653
  -ms-flex-pack: end;
9653
- justify-content: end;
9654
+ justify-content: flex-end;
9654
9655
  }
9655
9656
 
9656
9657
  .e-breadcrumb-popup.e-rtl.e-icon-right .e-breadcrumb-icon,