@syncfusion/ej2-navigations 32.2.8 → 33.1.44

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 (116) 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 +12 -3
  5. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  6. package/dist/es6/ej2-navigations.es5.js +12 -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 +7 -7
  12. package/src/accordion/accordion.js +7 -2
  13. package/src/common/menu-base.js +5 -1
  14. package/styles/appbar/material3-dark.css +0 -5
  15. package/styles/appbar/material3.css +0 -5
  16. package/styles/bds-lite.css +13 -17
  17. package/styles/bds.css +13 -17
  18. package/styles/bootstrap-dark-lite.css +13 -13
  19. package/styles/bootstrap-dark.css +13 -13
  20. package/styles/bootstrap-lite.css +13 -13
  21. package/styles/bootstrap.css +13 -13
  22. package/styles/bootstrap4-lite.css +13 -13
  23. package/styles/bootstrap4.css +13 -13
  24. package/styles/bootstrap5-dark-lite.css +18 -18
  25. package/styles/bootstrap5-dark.css +25 -25
  26. package/styles/bootstrap5-lite.css +18 -18
  27. package/styles/bootstrap5.3-lite.css +15 -19
  28. package/styles/bootstrap5.3.css +17 -21
  29. package/styles/bootstrap5.css +25 -25
  30. package/styles/breadcrumb/material3-dark.css +0 -1
  31. package/styles/breadcrumb/material3.css +0 -1
  32. package/styles/carousel/material3-dark.css +0 -2
  33. package/styles/carousel/material3.css +0 -2
  34. package/styles/context-menu/material3-dark.css +0 -2
  35. package/styles/context-menu/material3.css +0 -2
  36. package/styles/fabric-dark-lite.css +13 -13
  37. package/styles/fabric-dark.css +13 -13
  38. package/styles/fabric-lite.css +13 -13
  39. package/styles/fabric.css +13 -13
  40. package/styles/fluent-dark-lite.css +13 -13
  41. package/styles/fluent-dark.css +13 -13
  42. package/styles/fluent-lite.css +13 -13
  43. package/styles/fluent.css +13 -13
  44. package/styles/fluent2-lite.css +13 -17
  45. package/styles/fluent2.css +13 -17
  46. package/styles/h-scroll/bds.css +0 -2
  47. package/styles/h-scroll/bootstrap5.3.css +0 -2
  48. package/styles/h-scroll/fluent2.css +0 -2
  49. package/styles/h-scroll/material3-dark.css +0 -4
  50. package/styles/h-scroll/material3.css +0 -4
  51. package/styles/h-scroll/tailwind3.css +0 -2
  52. package/styles/highcontrast-light-lite.css +13 -13
  53. package/styles/highcontrast-light.css +13 -13
  54. package/styles/highcontrast-lite.css +13 -13
  55. package/styles/highcontrast.css +13 -13
  56. package/styles/material-dark-lite.css +13 -13
  57. package/styles/material-dark.css +13 -13
  58. package/styles/material-lite.css +13 -13
  59. package/styles/material.css +13 -13
  60. package/styles/material3-dark-lite.css +13 -62
  61. package/styles/material3-dark.css +13 -62
  62. package/styles/material3-lite.css +13 -62
  63. package/styles/material3.css +13 -62
  64. package/styles/menu/material3-dark.css +0 -2
  65. package/styles/menu/material3.css +0 -2
  66. package/styles/pager/_bigger.scss +4 -4
  67. package/styles/pager/_bootstrap5-dark-definition.scss +8 -8
  68. package/styles/pager/_bootstrap5-definition.scss +8 -8
  69. package/styles/pager/_layout.scss +2 -2
  70. package/styles/pager/_tailwind3-definition.scss +9 -9
  71. package/styles/pager/bootstrap5-dark.css +12 -12
  72. package/styles/pager/bootstrap5.3.css +4 -4
  73. package/styles/pager/bootstrap5.css +12 -12
  74. package/styles/pager/tailwind3.css +12 -12
  75. package/styles/sidebar/_theme.scss +13 -13
  76. package/styles/sidebar/bds.css +13 -13
  77. package/styles/sidebar/bootstrap-dark.css +13 -13
  78. package/styles/sidebar/bootstrap.css +13 -13
  79. package/styles/sidebar/bootstrap4.css +13 -13
  80. package/styles/sidebar/bootstrap5-dark.css +13 -13
  81. package/styles/sidebar/bootstrap5.3.css +13 -13
  82. package/styles/sidebar/bootstrap5.css +13 -13
  83. package/styles/sidebar/fabric-dark.css +13 -13
  84. package/styles/sidebar/fabric.css +13 -13
  85. package/styles/sidebar/fluent-dark.css +13 -13
  86. package/styles/sidebar/fluent.css +13 -13
  87. package/styles/sidebar/fluent2.css +13 -13
  88. package/styles/sidebar/highcontrast-light.css +13 -13
  89. package/styles/sidebar/highcontrast.css +13 -13
  90. package/styles/sidebar/material-dark.css +13 -13
  91. package/styles/sidebar/material.css +13 -13
  92. package/styles/sidebar/material3-dark.css +13 -14
  93. package/styles/sidebar/material3.css +13 -14
  94. package/styles/sidebar/tailwind-dark.css +13 -13
  95. package/styles/sidebar/tailwind.css +13 -13
  96. package/styles/sidebar/tailwind3.css +13 -13
  97. package/styles/stepper/material3-dark.css +0 -4
  98. package/styles/stepper/material3.css +0 -4
  99. package/styles/tab/material3-dark.css +0 -12
  100. package/styles/tab/material3.css +0 -12
  101. package/styles/tailwind-dark-lite.css +13 -13
  102. package/styles/tailwind-dark.css +13 -13
  103. package/styles/tailwind-lite.css +13 -13
  104. package/styles/tailwind.css +13 -13
  105. package/styles/tailwind3-lite.css +20 -24
  106. package/styles/tailwind3.css +25 -29
  107. package/styles/toolbar/material3-dark.css +0 -11
  108. package/styles/toolbar/material3.css +0 -11
  109. package/styles/treeview/material3-dark.css +0 -1
  110. package/styles/treeview/material3.css +0 -1
  111. package/styles/v-scroll/bds.css +0 -2
  112. package/styles/v-scroll/bootstrap5.3.css +0 -2
  113. package/styles/v-scroll/fluent2.css +0 -2
  114. package/styles/v-scroll/material3-dark.css +0 -4
  115. package/styles/v-scroll/material3.css +0 -4
  116. package/styles/v-scroll/tailwind3.css +0 -2
package/styles/sidebar/fluent-dark.css CHANGED
@@ -84,77 +84,77 @@ ejs-sidebar {
84
84
  box-shadow: 0 0 rgba(0, 0, 0, 0);
85
85
  }
86
86
 
87
- .e-sidebarcontainer.e-sidebar.e-over, .e-sidebarcontainer.e-sidebar.e-auto, .e-sidebarcontainer.e-sidebar.e-push, .e-sidebarcontainer.e-sidebar.e-slide + div {
87
+ .e-sidebarcontainer > .e-sidebar.e-over, .e-sidebarcontainer > .e-sidebar.e-auto, .e-sidebarcontainer > .e-sidebar.e-push, .e-sidebarcontainer > .e-sidebar.e-slide + div {
88
88
  -webkit-transition: margin 0.5s ease, -webkit-transform 0.5s ease;
89
89
  transition: margin 0.5s ease, -webkit-transform 0.5s ease;
90
90
  transition: margin 0.5s ease, transform 0.5s ease;
91
91
  transition: margin 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
92
92
  }
93
- .e-sidebarcontainer.e-left.e-open.e-auto + div {
93
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-auto + div {
94
94
  margin-right: 0;
95
95
  -webkit-transform: translateX(0);
96
96
  transform: translateX(0);
97
97
  margin-left: var(--sidebar-width);
98
98
  }
99
- .e-sidebarcontainer.e-left.e-close.e-auto + div {
99
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-auto + div {
100
100
  margin-right: 0;
101
101
  -webkit-transform: translateX(0);
102
102
  transform: translateX(0);
103
103
  margin-left: 0;
104
104
  }
105
- .e-sidebarcontainer.e-right.e-open.e-auto + div {
105
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-auto + div {
106
106
  margin-left: 0;
107
107
  -webkit-transform: translateX(0);
108
108
  transform: translateX(0);
109
109
  margin-right: var(--sidebar-width);
110
110
  }
111
- .e-sidebarcontainer.e-right.e-close.e-auto + div {
111
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-auto + div {
112
112
  margin-right: 0;
113
113
  -webkit-transform: translateX(0);
114
114
  transform: translateX(0);
115
115
  margin-left: 0;
116
116
  }
117
- .e-sidebarcontainer.e-left.e-open.e-push + div {
117
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-push + div {
118
118
  margin-right: 0;
119
119
  -webkit-transform: translateX(0);
120
120
  transform: translateX(0);
121
121
  margin-left: var(--sidebar-width);
122
122
  }
123
- .e-sidebarcontainer.e-left.e-close.e-push + div {
123
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-push + div {
124
124
  margin-right: 0;
125
125
  -webkit-transform: translateX(0);
126
126
  transform: translateX(0);
127
127
  margin-left: 0;
128
128
  }
129
- .e-sidebarcontainer.e-right.e-open.e-push + div {
129
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-push + div {
130
130
  margin-left: 0;
131
131
  -webkit-transform: translateX(0);
132
132
  transform: translateX(0);
133
133
  margin-right: var(--sidebar-width);
134
134
  }
135
- .e-sidebarcontainer.e-right.e-close.e-push + div {
135
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-push + div {
136
136
  margin-right: 0;
137
137
  -webkit-transform: translateX(0);
138
138
  transform: translateX(0);
139
139
  margin-left: 0;
140
140
  }
141
- .e-sidebarcontainer.e-left.e-open.e-slide + div {
141
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-slide + div {
142
142
  margin-left: 0;
143
143
  -webkit-transform: translate(var(--sidebar-width));
144
144
  transform: translate(var(--sidebar-width));
145
145
  }
146
- .e-sidebarcontainer.e-left.e-close.e-slide + div {
146
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-slide + div {
147
147
  margin-left: 0;
148
148
  -webkit-transform: translate(0);
149
149
  transform: translate(0);
150
150
  }
151
- .e-sidebarcontainer.e-right.e-open.e-slide + div {
151
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-slide + div {
152
152
  margin-right: 0;
153
153
  margin-left: 0;
154
154
  -webkit-transform: translate(calc(-1 * var(--sidebar-width)));
155
155
  transform: translate(calc(-1 * var(--sidebar-width)));
156
156
  }
157
- .e-sidebarcontainer.e-right.e-close.e-slide + div {
157
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-slide + div {
158
158
  margin-right: 0;
159
159
  margin-left: 0;
160
160
  -webkit-transform: translate(0);
package/styles/sidebar/fluent.css CHANGED
@@ -84,77 +84,77 @@ ejs-sidebar {
84
84
  box-shadow: 0 0 rgba(0, 0, 0, 0);
85
85
  }
86
86
 
87
- .e-sidebarcontainer.e-sidebar.e-over, .e-sidebarcontainer.e-sidebar.e-auto, .e-sidebarcontainer.e-sidebar.e-push, .e-sidebarcontainer.e-sidebar.e-slide + div {
87
+ .e-sidebarcontainer > .e-sidebar.e-over, .e-sidebarcontainer > .e-sidebar.e-auto, .e-sidebarcontainer > .e-sidebar.e-push, .e-sidebarcontainer > .e-sidebar.e-slide + div {
88
88
  -webkit-transition: margin 0.5s ease, -webkit-transform 0.5s ease;
89
89
  transition: margin 0.5s ease, -webkit-transform 0.5s ease;
90
90
  transition: margin 0.5s ease, transform 0.5s ease;
91
91
  transition: margin 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
92
92
  }
93
- .e-sidebarcontainer.e-left.e-open.e-auto + div {
93
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-auto + div {
94
94
  margin-right: 0;
95
95
  -webkit-transform: translateX(0);
96
96
  transform: translateX(0);
97
97
  margin-left: var(--sidebar-width);
98
98
  }
99
- .e-sidebarcontainer.e-left.e-close.e-auto + div {
99
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-auto + div {
100
100
  margin-right: 0;
101
101
  -webkit-transform: translateX(0);
102
102
  transform: translateX(0);
103
103
  margin-left: 0;
104
104
  }
105
- .e-sidebarcontainer.e-right.e-open.e-auto + div {
105
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-auto + div {
106
106
  margin-left: 0;
107
107
  -webkit-transform: translateX(0);
108
108
  transform: translateX(0);
109
109
  margin-right: var(--sidebar-width);
110
110
  }
111
- .e-sidebarcontainer.e-right.e-close.e-auto + div {
111
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-auto + div {
112
112
  margin-right: 0;
113
113
  -webkit-transform: translateX(0);
114
114
  transform: translateX(0);
115
115
  margin-left: 0;
116
116
  }
117
- .e-sidebarcontainer.e-left.e-open.e-push + div {
117
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-push + div {
118
118
  margin-right: 0;
119
119
  -webkit-transform: translateX(0);
120
120
  transform: translateX(0);
121
121
  margin-left: var(--sidebar-width);
122
122
  }
123
- .e-sidebarcontainer.e-left.e-close.e-push + div {
123
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-push + div {
124
124
  margin-right: 0;
125
125
  -webkit-transform: translateX(0);
126
126
  transform: translateX(0);
127
127
  margin-left: 0;
128
128
  }
129
- .e-sidebarcontainer.e-right.e-open.e-push + div {
129
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-push + div {
130
130
  margin-left: 0;
131
131
  -webkit-transform: translateX(0);
132
132
  transform: translateX(0);
133
133
  margin-right: var(--sidebar-width);
134
134
  }
135
- .e-sidebarcontainer.e-right.e-close.e-push + div {
135
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-push + div {
136
136
  margin-right: 0;
137
137
  -webkit-transform: translateX(0);
138
138
  transform: translateX(0);
139
139
  margin-left: 0;
140
140
  }
141
- .e-sidebarcontainer.e-left.e-open.e-slide + div {
141
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-slide + div {
142
142
  margin-left: 0;
143
143
  -webkit-transform: translate(var(--sidebar-width));
144
144
  transform: translate(var(--sidebar-width));
145
145
  }
146
- .e-sidebarcontainer.e-left.e-close.e-slide + div {
146
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-slide + div {
147
147
  margin-left: 0;
148
148
  -webkit-transform: translate(0);
149
149
  transform: translate(0);
150
150
  }
151
- .e-sidebarcontainer.e-right.e-open.e-slide + div {
151
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-slide + div {
152
152
  margin-right: 0;
153
153
  margin-left: 0;
154
154
  -webkit-transform: translate(calc(-1 * var(--sidebar-width)));
155
155
  transform: translate(calc(-1 * var(--sidebar-width)));
156
156
  }
157
- .e-sidebarcontainer.e-right.e-close.e-slide + div {
157
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-slide + div {
158
158
  margin-right: 0;
159
159
  margin-left: 0;
160
160
  -webkit-transform: translate(0);
package/styles/sidebar/fluent2.css CHANGED
@@ -256,77 +256,77 @@ ejs-sidebar {
256
256
  box-shadow: 0 0 rgba(0, 0, 0, 0);
257
257
  }
258
258
 
259
- .e-sidebarcontainer.e-sidebar.e-over, .e-sidebarcontainer.e-sidebar.e-auto, .e-sidebarcontainer.e-sidebar.e-push, .e-sidebarcontainer.e-sidebar.e-slide + div {
259
+ .e-sidebarcontainer > .e-sidebar.e-over, .e-sidebarcontainer > .e-sidebar.e-auto, .e-sidebarcontainer > .e-sidebar.e-push, .e-sidebarcontainer > .e-sidebar.e-slide + div {
260
260
  -webkit-transition: margin 0.5s ease, -webkit-transform 0.5s ease;
261
261
  transition: margin 0.5s ease, -webkit-transform 0.5s ease;
262
262
  transition: margin 0.5s ease, transform 0.5s ease;
263
263
  transition: margin 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
264
264
  }
265
- .e-sidebarcontainer.e-left.e-open.e-auto + div {
265
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-auto + div {
266
266
  margin-right: 0;
267
267
  -webkit-transform: translateX(0);
268
268
  transform: translateX(0);
269
269
  margin-left: var(--sidebar-width);
270
270
  }
271
- .e-sidebarcontainer.e-left.e-close.e-auto + div {
271
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-auto + div {
272
272
  margin-right: 0;
273
273
  -webkit-transform: translateX(0);
274
274
  transform: translateX(0);
275
275
  margin-left: 0;
276
276
  }
277
- .e-sidebarcontainer.e-right.e-open.e-auto + div {
277
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-auto + div {
278
278
  margin-left: 0;
279
279
  -webkit-transform: translateX(0);
280
280
  transform: translateX(0);
281
281
  margin-right: var(--sidebar-width);
282
282
  }
283
- .e-sidebarcontainer.e-right.e-close.e-auto + div {
283
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-auto + div {
284
284
  margin-right: 0;
285
285
  -webkit-transform: translateX(0);
286
286
  transform: translateX(0);
287
287
  margin-left: 0;
288
288
  }
289
- .e-sidebarcontainer.e-left.e-open.e-push + div {
289
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-push + div {
290
290
  margin-right: 0;
291
291
  -webkit-transform: translateX(0);
292
292
  transform: translateX(0);
293
293
  margin-left: var(--sidebar-width);
294
294
  }
295
- .e-sidebarcontainer.e-left.e-close.e-push + div {
295
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-push + div {
296
296
  margin-right: 0;
297
297
  -webkit-transform: translateX(0);
298
298
  transform: translateX(0);
299
299
  margin-left: 0;
300
300
  }
301
- .e-sidebarcontainer.e-right.e-open.e-push + div {
301
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-push + div {
302
302
  margin-left: 0;
303
303
  -webkit-transform: translateX(0);
304
304
  transform: translateX(0);
305
305
  margin-right: var(--sidebar-width);
306
306
  }
307
- .e-sidebarcontainer.e-right.e-close.e-push + div {
307
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-push + div {
308
308
  margin-right: 0;
309
309
  -webkit-transform: translateX(0);
310
310
  transform: translateX(0);
311
311
  margin-left: 0;
312
312
  }
313
- .e-sidebarcontainer.e-left.e-open.e-slide + div {
313
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-slide + div {
314
314
  margin-left: 0;
315
315
  -webkit-transform: translate(var(--sidebar-width));
316
316
  transform: translate(var(--sidebar-width));
317
317
  }
318
- .e-sidebarcontainer.e-left.e-close.e-slide + div {
318
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-slide + div {
319
319
  margin-left: 0;
320
320
  -webkit-transform: translate(0);
321
321
  transform: translate(0);
322
322
  }
323
- .e-sidebarcontainer.e-right.e-open.e-slide + div {
323
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-slide + div {
324
324
  margin-right: 0;
325
325
  margin-left: 0;
326
326
  -webkit-transform: translate(calc(-1 * var(--sidebar-width)));
327
327
  transform: translate(calc(-1 * var(--sidebar-width)));
328
328
  }
329
- .e-sidebarcontainer.e-right.e-close.e-slide + div {
329
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-slide + div {
330
330
  margin-right: 0;
331
331
  margin-left: 0;
332
332
  -webkit-transform: translate(0);
package/styles/sidebar/highcontrast-light.css CHANGED
@@ -84,77 +84,77 @@ ejs-sidebar {
84
84
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);
85
85
  }
86
86
 
87
- .e-sidebarcontainer.e-sidebar.e-over, .e-sidebarcontainer.e-sidebar.e-auto, .e-sidebarcontainer.e-sidebar.e-push, .e-sidebarcontainer.e-sidebar.e-slide + div {
87
+ .e-sidebarcontainer > .e-sidebar.e-over, .e-sidebarcontainer > .e-sidebar.e-auto, .e-sidebarcontainer > .e-sidebar.e-push, .e-sidebarcontainer > .e-sidebar.e-slide + div {
88
88
  -webkit-transition: margin 0.5s ease, -webkit-transform 0.5s ease;
89
89
  transition: margin 0.5s ease, -webkit-transform 0.5s ease;
90
90
  transition: margin 0.5s ease, transform 0.5s ease;
91
91
  transition: margin 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
92
92
  }
93
- .e-sidebarcontainer.e-left.e-open.e-auto + div {
93
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-auto + div {
94
94
  margin-right: 0;
95
95
  -webkit-transform: translateX(0);
96
96
  transform: translateX(0);
97
97
  margin-left: var(--sidebar-width);
98
98
  }
99
- .e-sidebarcontainer.e-left.e-close.e-auto + div {
99
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-auto + div {
100
100
  margin-right: 0;
101
101
  -webkit-transform: translateX(0);
102
102
  transform: translateX(0);
103
103
  margin-left: 0;
104
104
  }
105
- .e-sidebarcontainer.e-right.e-open.e-auto + div {
105
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-auto + div {
106
106
  margin-left: 0;
107
107
  -webkit-transform: translateX(0);
108
108
  transform: translateX(0);
109
109
  margin-right: var(--sidebar-width);
110
110
  }
111
- .e-sidebarcontainer.e-right.e-close.e-auto + div {
111
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-auto + div {
112
112
  margin-right: 0;
113
113
  -webkit-transform: translateX(0);
114
114
  transform: translateX(0);
115
115
  margin-left: 0;
116
116
  }
117
- .e-sidebarcontainer.e-left.e-open.e-push + div {
117
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-push + div {
118
118
  margin-right: 0;
119
119
  -webkit-transform: translateX(0);
120
120
  transform: translateX(0);
121
121
  margin-left: var(--sidebar-width);
122
122
  }
123
- .e-sidebarcontainer.e-left.e-close.e-push + div {
123
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-push + div {
124
124
  margin-right: 0;
125
125
  -webkit-transform: translateX(0);
126
126
  transform: translateX(0);
127
127
  margin-left: 0;
128
128
  }
129
- .e-sidebarcontainer.e-right.e-open.e-push + div {
129
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-push + div {
130
130
  margin-left: 0;
131
131
  -webkit-transform: translateX(0);
132
132
  transform: translateX(0);
133
133
  margin-right: var(--sidebar-width);
134
134
  }
135
- .e-sidebarcontainer.e-right.e-close.e-push + div {
135
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-push + div {
136
136
  margin-right: 0;
137
137
  -webkit-transform: translateX(0);
138
138
  transform: translateX(0);
139
139
  margin-left: 0;
140
140
  }
141
- .e-sidebarcontainer.e-left.e-open.e-slide + div {
141
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-slide + div {
142
142
  margin-left: 0;
143
143
  -webkit-transform: translate(var(--sidebar-width));
144
144
  transform: translate(var(--sidebar-width));
145
145
  }
146
- .e-sidebarcontainer.e-left.e-close.e-slide + div {
146
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-slide + div {
147
147
  margin-left: 0;
148
148
  -webkit-transform: translate(0);
149
149
  transform: translate(0);
150
150
  }
151
- .e-sidebarcontainer.e-right.e-open.e-slide + div {
151
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-slide + div {
152
152
  margin-right: 0;
153
153
  margin-left: 0;
154
154
  -webkit-transform: translate(calc(-1 * var(--sidebar-width)));
155
155
  transform: translate(calc(-1 * var(--sidebar-width)));
156
156
  }
157
- .e-sidebarcontainer.e-right.e-close.e-slide + div {
157
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-slide + div {
158
158
  margin-right: 0;
159
159
  margin-left: 0;
160
160
  -webkit-transform: translate(0);
package/styles/sidebar/highcontrast.css CHANGED
@@ -84,77 +84,77 @@ ejs-sidebar {
84
84
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);
85
85
  }
86
86
 
87
- .e-sidebarcontainer.e-sidebar.e-over, .e-sidebarcontainer.e-sidebar.e-auto, .e-sidebarcontainer.e-sidebar.e-push, .e-sidebarcontainer.e-sidebar.e-slide + div {
87
+ .e-sidebarcontainer > .e-sidebar.e-over, .e-sidebarcontainer > .e-sidebar.e-auto, .e-sidebarcontainer > .e-sidebar.e-push, .e-sidebarcontainer > .e-sidebar.e-slide + div {
88
88
  -webkit-transition: margin 0.5s ease, -webkit-transform 0.5s ease;
89
89
  transition: margin 0.5s ease, -webkit-transform 0.5s ease;
90
90
  transition: margin 0.5s ease, transform 0.5s ease;
91
91
  transition: margin 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
92
92
  }
93
- .e-sidebarcontainer.e-left.e-open.e-auto + div {
93
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-auto + div {
94
94
  margin-right: 0;
95
95
  -webkit-transform: translateX(0);
96
96
  transform: translateX(0);
97
97
  margin-left: var(--sidebar-width);
98
98
  }
99
- .e-sidebarcontainer.e-left.e-close.e-auto + div {
99
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-auto + div {
100
100
  margin-right: 0;
101
101
  -webkit-transform: translateX(0);
102
102
  transform: translateX(0);
103
103
  margin-left: 0;
104
104
  }
105
- .e-sidebarcontainer.e-right.e-open.e-auto + div {
105
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-auto + div {
106
106
  margin-left: 0;
107
107
  -webkit-transform: translateX(0);
108
108
  transform: translateX(0);
109
109
  margin-right: var(--sidebar-width);
110
110
  }
111
- .e-sidebarcontainer.e-right.e-close.e-auto + div {
111
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-auto + div {
112
112
  margin-right: 0;
113
113
  -webkit-transform: translateX(0);
114
114
  transform: translateX(0);
115
115
  margin-left: 0;
116
116
  }
117
- .e-sidebarcontainer.e-left.e-open.e-push + div {
117
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-push + div {
118
118
  margin-right: 0;
119
119
  -webkit-transform: translateX(0);
120
120
  transform: translateX(0);
121
121
  margin-left: var(--sidebar-width);
122
122
  }
123
- .e-sidebarcontainer.e-left.e-close.e-push + div {
123
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-push + div {
124
124
  margin-right: 0;
125
125
  -webkit-transform: translateX(0);
126
126
  transform: translateX(0);
127
127
  margin-left: 0;
128
128
  }
129
- .e-sidebarcontainer.e-right.e-open.e-push + div {
129
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-push + div {
130
130
  margin-left: 0;
131
131
  -webkit-transform: translateX(0);
132
132
  transform: translateX(0);
133
133
  margin-right: var(--sidebar-width);
134
134
  }
135
- .e-sidebarcontainer.e-right.e-close.e-push + div {
135
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-push + div {
136
136
  margin-right: 0;
137
137
  -webkit-transform: translateX(0);
138
138
  transform: translateX(0);
139
139
  margin-left: 0;
140
140
  }
141
- .e-sidebarcontainer.e-left.e-open.e-slide + div {
141
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-slide + div {
142
142
  margin-left: 0;
143
143
  -webkit-transform: translate(var(--sidebar-width));
144
144
  transform: translate(var(--sidebar-width));
145
145
  }
146
- .e-sidebarcontainer.e-left.e-close.e-slide + div {
146
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-slide + div {
147
147
  margin-left: 0;
148
148
  -webkit-transform: translate(0);
149
149
  transform: translate(0);
150
150
  }
151
- .e-sidebarcontainer.e-right.e-open.e-slide + div {
151
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-slide + div {
152
152
  margin-right: 0;
153
153
  margin-left: 0;
154
154
  -webkit-transform: translate(calc(-1 * var(--sidebar-width)));
155
155
  transform: translate(calc(-1 * var(--sidebar-width)));
156
156
  }
157
- .e-sidebarcontainer.e-right.e-close.e-slide + div {
157
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-slide + div {
158
158
  margin-right: 0;
159
159
  margin-left: 0;
160
160
  -webkit-transform: translate(0);
package/styles/sidebar/material-dark.css CHANGED
@@ -84,77 +84,77 @@ ejs-sidebar {
84
84
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
85
85
  }
86
86
 
87
- .e-sidebarcontainer.e-sidebar.e-over, .e-sidebarcontainer.e-sidebar.e-auto, .e-sidebarcontainer.e-sidebar.e-push, .e-sidebarcontainer.e-sidebar.e-slide + div {
87
+ .e-sidebarcontainer > .e-sidebar.e-over, .e-sidebarcontainer > .e-sidebar.e-auto, .e-sidebarcontainer > .e-sidebar.e-push, .e-sidebarcontainer > .e-sidebar.e-slide + div {
88
88
  -webkit-transition: margin 0.5s ease, -webkit-transform 0.5s ease;
89
89
  transition: margin 0.5s ease, -webkit-transform 0.5s ease;
90
90
  transition: margin 0.5s ease, transform 0.5s ease;
91
91
  transition: margin 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
92
92
  }
93
- .e-sidebarcontainer.e-left.e-open.e-auto + div {
93
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-auto + div {
94
94
  margin-right: 0;
95
95
  -webkit-transform: translateX(0);
96
96
  transform: translateX(0);
97
97
  margin-left: var(--sidebar-width);
98
98
  }
99
- .e-sidebarcontainer.e-left.e-close.e-auto + div {
99
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-auto + div {
100
100
  margin-right: 0;
101
101
  -webkit-transform: translateX(0);
102
102
  transform: translateX(0);
103
103
  margin-left: 0;
104
104
  }
105
- .e-sidebarcontainer.e-right.e-open.e-auto + div {
105
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-auto + div {
106
106
  margin-left: 0;
107
107
  -webkit-transform: translateX(0);
108
108
  transform: translateX(0);
109
109
  margin-right: var(--sidebar-width);
110
110
  }
111
- .e-sidebarcontainer.e-right.e-close.e-auto + div {
111
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-auto + div {
112
112
  margin-right: 0;
113
113
  -webkit-transform: translateX(0);
114
114
  transform: translateX(0);
115
115
  margin-left: 0;
116
116
  }
117
- .e-sidebarcontainer.e-left.e-open.e-push + div {
117
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-push + div {
118
118
  margin-right: 0;
119
119
  -webkit-transform: translateX(0);
120
120
  transform: translateX(0);
121
121
  margin-left: var(--sidebar-width);
122
122
  }
123
- .e-sidebarcontainer.e-left.e-close.e-push + div {
123
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-push + div {
124
124
  margin-right: 0;
125
125
  -webkit-transform: translateX(0);
126
126
  transform: translateX(0);
127
127
  margin-left: 0;
128
128
  }
129
- .e-sidebarcontainer.e-right.e-open.e-push + div {
129
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-push + div {
130
130
  margin-left: 0;
131
131
  -webkit-transform: translateX(0);
132
132
  transform: translateX(0);
133
133
  margin-right: var(--sidebar-width);
134
134
  }
135
- .e-sidebarcontainer.e-right.e-close.e-push + div {
135
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-push + div {
136
136
  margin-right: 0;
137
137
  -webkit-transform: translateX(0);
138
138
  transform: translateX(0);
139
139
  margin-left: 0;
140
140
  }
141
- .e-sidebarcontainer.e-left.e-open.e-slide + div {
141
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-slide + div {
142
142
  margin-left: 0;
143
143
  -webkit-transform: translate(var(--sidebar-width));
144
144
  transform: translate(var(--sidebar-width));
145
145
  }
146
- .e-sidebarcontainer.e-left.e-close.e-slide + div {
146
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-slide + div {
147
147
  margin-left: 0;
148
148
  -webkit-transform: translate(0);
149
149
  transform: translate(0);
150
150
  }
151
- .e-sidebarcontainer.e-right.e-open.e-slide + div {
151
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-slide + div {
152
152
  margin-right: 0;
153
153
  margin-left: 0;
154
154
  -webkit-transform: translate(calc(-1 * var(--sidebar-width)));
155
155
  transform: translate(calc(-1 * var(--sidebar-width)));
156
156
  }
157
- .e-sidebarcontainer.e-right.e-close.e-slide + div {
157
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-slide + div {
158
158
  margin-right: 0;
159
159
  margin-left: 0;
160
160
  -webkit-transform: translate(0);
package/styles/sidebar/material.css CHANGED
@@ -88,77 +88,77 @@ ejs-sidebar {
88
88
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.18);
89
89
  }
90
90
 
91
- .e-sidebarcontainer.e-sidebar.e-over, .e-sidebarcontainer.e-sidebar.e-auto, .e-sidebarcontainer.e-sidebar.e-push, .e-sidebarcontainer.e-sidebar.e-slide + div {
91
+ .e-sidebarcontainer > .e-sidebar.e-over, .e-sidebarcontainer > .e-sidebar.e-auto, .e-sidebarcontainer > .e-sidebar.e-push, .e-sidebarcontainer > .e-sidebar.e-slide + div {
92
92
  -webkit-transition: margin 0.5s ease, -webkit-transform 0.5s ease;
93
93
  transition: margin 0.5s ease, -webkit-transform 0.5s ease;
94
94
  transition: margin 0.5s ease, transform 0.5s ease;
95
95
  transition: margin 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
96
96
  }
97
- .e-sidebarcontainer.e-left.e-open.e-auto + div {
97
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-auto + div {
98
98
  margin-right: 0;
99
99
  -webkit-transform: translateX(0);
100
100
  transform: translateX(0);
101
101
  margin-left: var(--sidebar-width);
102
102
  }
103
- .e-sidebarcontainer.e-left.e-close.e-auto + div {
103
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-auto + div {
104
104
  margin-right: 0;
105
105
  -webkit-transform: translateX(0);
106
106
  transform: translateX(0);
107
107
  margin-left: 0;
108
108
  }
109
- .e-sidebarcontainer.e-right.e-open.e-auto + div {
109
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-auto + div {
110
110
  margin-left: 0;
111
111
  -webkit-transform: translateX(0);
112
112
  transform: translateX(0);
113
113
  margin-right: var(--sidebar-width);
114
114
  }
115
- .e-sidebarcontainer.e-right.e-close.e-auto + div {
115
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-auto + div {
116
116
  margin-right: 0;
117
117
  -webkit-transform: translateX(0);
118
118
  transform: translateX(0);
119
119
  margin-left: 0;
120
120
  }
121
- .e-sidebarcontainer.e-left.e-open.e-push + div {
121
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-push + div {
122
122
  margin-right: 0;
123
123
  -webkit-transform: translateX(0);
124
124
  transform: translateX(0);
125
125
  margin-left: var(--sidebar-width);
126
126
  }
127
- .e-sidebarcontainer.e-left.e-close.e-push + div {
127
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-push + div {
128
128
  margin-right: 0;
129
129
  -webkit-transform: translateX(0);
130
130
  transform: translateX(0);
131
131
  margin-left: 0;
132
132
  }
133
- .e-sidebarcontainer.e-right.e-open.e-push + div {
133
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-push + div {
134
134
  margin-left: 0;
135
135
  -webkit-transform: translateX(0);
136
136
  transform: translateX(0);
137
137
  margin-right: var(--sidebar-width);
138
138
  }
139
- .e-sidebarcontainer.e-right.e-close.e-push + div {
139
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-push + div {
140
140
  margin-right: 0;
141
141
  -webkit-transform: translateX(0);
142
142
  transform: translateX(0);
143
143
  margin-left: 0;
144
144
  }
145
- .e-sidebarcontainer.e-left.e-open.e-slide + div {
145
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-slide + div {
146
146
  margin-left: 0;
147
147
  -webkit-transform: translate(var(--sidebar-width));
148
148
  transform: translate(var(--sidebar-width));
149
149
  }
150
- .e-sidebarcontainer.e-left.e-close.e-slide + div {
150
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-slide + div {
151
151
  margin-left: 0;
152
152
  -webkit-transform: translate(0);
153
153
  transform: translate(0);
154
154
  }
155
- .e-sidebarcontainer.e-right.e-open.e-slide + div {
155
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-slide + div {
156
156
  margin-right: 0;
157
157
  margin-left: 0;
158
158
  -webkit-transform: translate(calc(-1 * var(--sidebar-width)));
159
159
  transform: translate(calc(-1 * var(--sidebar-width)));
160
160
  }
161
- .e-sidebarcontainer.e-right.e-close.e-slide + div {
161
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-slide + div {
162
162
  margin-right: 0;
163
163
  margin-left: 0;
164
164
  -webkit-transform: translate(0);