@syncfusion/ej2-navigations 32.2.9 → 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 (85) 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 +0 -7
  5. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  6. package/dist/es6/ej2-navigations.es5.js +0 -7
  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/sidebar/sidebar.js +0 -7
  13. package/styles/bds-lite.css +13 -13
  14. package/styles/bds.css +13 -13
  15. package/styles/bootstrap-dark-lite.css +13 -13
  16. package/styles/bootstrap-dark.css +13 -13
  17. package/styles/bootstrap-lite.css +13 -13
  18. package/styles/bootstrap.css +13 -13
  19. package/styles/bootstrap4-lite.css +13 -13
  20. package/styles/bootstrap4.css +13 -13
  21. package/styles/bootstrap5-dark-lite.css +18 -18
  22. package/styles/bootstrap5-dark.css +25 -25
  23. package/styles/bootstrap5-lite.css +18 -18
  24. package/styles/bootstrap5.3-lite.css +15 -15
  25. package/styles/bootstrap5.3.css +17 -17
  26. package/styles/bootstrap5.css +25 -25
  27. package/styles/fabric-dark-lite.css +13 -13
  28. package/styles/fabric-dark.css +13 -13
  29. package/styles/fabric-lite.css +13 -13
  30. package/styles/fabric.css +13 -13
  31. package/styles/fluent-dark-lite.css +13 -13
  32. package/styles/fluent-dark.css +13 -13
  33. package/styles/fluent-lite.css +13 -13
  34. package/styles/fluent.css +13 -13
  35. package/styles/fluent2-lite.css +13 -13
  36. package/styles/fluent2.css +13 -13
  37. package/styles/highcontrast-light-lite.css +13 -13
  38. package/styles/highcontrast-light.css +13 -13
  39. package/styles/highcontrast-lite.css +13 -13
  40. package/styles/highcontrast.css +13 -13
  41. package/styles/material-dark-lite.css +13 -13
  42. package/styles/material-dark.css +13 -13
  43. package/styles/material-lite.css +13 -13
  44. package/styles/material.css +13 -13
  45. package/styles/material3-dark-lite.css +13 -13
  46. package/styles/material3-dark.css +13 -13
  47. package/styles/material3-lite.css +13 -13
  48. package/styles/material3.css +13 -13
  49. package/styles/pager/_bigger.scss +4 -4
  50. package/styles/pager/_bootstrap5-dark-definition.scss +8 -8
  51. package/styles/pager/_bootstrap5-definition.scss +8 -8
  52. package/styles/pager/_layout.scss +2 -2
  53. package/styles/pager/_tailwind3-definition.scss +9 -9
  54. package/styles/pager/bootstrap5-dark.css +12 -12
  55. package/styles/pager/bootstrap5.3.css +4 -4
  56. package/styles/pager/bootstrap5.css +12 -12
  57. package/styles/pager/tailwind3.css +12 -12
  58. package/styles/sidebar/_theme.scss +13 -13
  59. package/styles/sidebar/bds.css +13 -13
  60. package/styles/sidebar/bootstrap-dark.css +13 -13
  61. package/styles/sidebar/bootstrap.css +13 -13
  62. package/styles/sidebar/bootstrap4.css +13 -13
  63. package/styles/sidebar/bootstrap5-dark.css +13 -13
  64. package/styles/sidebar/bootstrap5.3.css +13 -13
  65. package/styles/sidebar/bootstrap5.css +13 -13
  66. package/styles/sidebar/fabric-dark.css +13 -13
  67. package/styles/sidebar/fabric.css +13 -13
  68. package/styles/sidebar/fluent-dark.css +13 -13
  69. package/styles/sidebar/fluent.css +13 -13
  70. package/styles/sidebar/fluent2.css +13 -13
  71. package/styles/sidebar/highcontrast-light.css +13 -13
  72. package/styles/sidebar/highcontrast.css +13 -13
  73. package/styles/sidebar/material-dark.css +13 -13
  74. package/styles/sidebar/material.css +13 -13
  75. package/styles/sidebar/material3-dark.css +13 -13
  76. package/styles/sidebar/material3.css +13 -13
  77. package/styles/sidebar/tailwind-dark.css +13 -13
  78. package/styles/sidebar/tailwind.css +13 -13
  79. package/styles/sidebar/tailwind3.css +13 -13
  80. package/styles/tailwind-dark-lite.css +13 -13
  81. package/styles/tailwind-dark.css +13 -13
  82. package/styles/tailwind-lite.css +13 -13
  83. package/styles/tailwind.css +13 -13
  84. package/styles/tailwind3-lite.css +20 -20
  85. package/styles/tailwind3.css +25 -25
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);
package/styles/sidebar/material3-dark.css CHANGED
@@ -248,77 +248,77 @@ ejs-sidebar {
248
248
  box-shadow: rgba(var(--color-sf-shadow));
249
249
  }
250
250
 
251
- .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 {
251
+ .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 {
252
252
  -webkit-transition: margin 0.5s ease, -webkit-transform 0.5s ease;
253
253
  transition: margin 0.5s ease, -webkit-transform 0.5s ease;
254
254
  transition: margin 0.5s ease, transform 0.5s ease;
255
255
  transition: margin 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
256
256
  }
257
- .e-sidebarcontainer.e-left.e-open.e-auto + div {
257
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-auto + div {
258
258
  margin-right: 0;
259
259
  -webkit-transform: translateX(0);
260
260
  transform: translateX(0);
261
261
  margin-left: var(--sidebar-width);
262
262
  }
263
- .e-sidebarcontainer.e-left.e-close.e-auto + div {
263
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-auto + div {
264
264
  margin-right: 0;
265
265
  -webkit-transform: translateX(0);
266
266
  transform: translateX(0);
267
267
  margin-left: 0;
268
268
  }
269
- .e-sidebarcontainer.e-right.e-open.e-auto + div {
269
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-auto + div {
270
270
  margin-left: 0;
271
271
  -webkit-transform: translateX(0);
272
272
  transform: translateX(0);
273
273
  margin-right: var(--sidebar-width);
274
274
  }
275
- .e-sidebarcontainer.e-right.e-close.e-auto + div {
275
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-auto + div {
276
276
  margin-right: 0;
277
277
  -webkit-transform: translateX(0);
278
278
  transform: translateX(0);
279
279
  margin-left: 0;
280
280
  }
281
- .e-sidebarcontainer.e-left.e-open.e-push + div {
281
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-push + div {
282
282
  margin-right: 0;
283
283
  -webkit-transform: translateX(0);
284
284
  transform: translateX(0);
285
285
  margin-left: var(--sidebar-width);
286
286
  }
287
- .e-sidebarcontainer.e-left.e-close.e-push + div {
287
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-push + div {
288
288
  margin-right: 0;
289
289
  -webkit-transform: translateX(0);
290
290
  transform: translateX(0);
291
291
  margin-left: 0;
292
292
  }
293
- .e-sidebarcontainer.e-right.e-open.e-push + div {
293
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-push + div {
294
294
  margin-left: 0;
295
295
  -webkit-transform: translateX(0);
296
296
  transform: translateX(0);
297
297
  margin-right: var(--sidebar-width);
298
298
  }
299
- .e-sidebarcontainer.e-right.e-close.e-push + div {
299
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-push + div {
300
300
  margin-right: 0;
301
301
  -webkit-transform: translateX(0);
302
302
  transform: translateX(0);
303
303
  margin-left: 0;
304
304
  }
305
- .e-sidebarcontainer.e-left.e-open.e-slide + div {
305
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-slide + div {
306
306
  margin-left: 0;
307
307
  -webkit-transform: translate(var(--sidebar-width));
308
308
  transform: translate(var(--sidebar-width));
309
309
  }
310
- .e-sidebarcontainer.e-left.e-close.e-slide + div {
310
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-slide + div {
311
311
  margin-left: 0;
312
312
  -webkit-transform: translate(0);
313
313
  transform: translate(0);
314
314
  }
315
- .e-sidebarcontainer.e-right.e-open.e-slide + div {
315
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-slide + div {
316
316
  margin-right: 0;
317
317
  margin-left: 0;
318
318
  -webkit-transform: translate(calc(-1 * var(--sidebar-width)));
319
319
  transform: translate(calc(-1 * var(--sidebar-width)));
320
320
  }
321
- .e-sidebarcontainer.e-right.e-close.e-slide + div {
321
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-slide + div {
322
322
  margin-right: 0;
323
323
  margin-left: 0;
324
324
  -webkit-transform: translate(0);
package/styles/sidebar/material3.css CHANGED
@@ -252,77 +252,77 @@ ejs-sidebar {
252
252
  box-shadow: rgba(var(--color-sf-shadow));
253
253
  }
254
254
 
255
- .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 {
255
+ .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 {
256
256
  -webkit-transition: margin 0.5s ease, -webkit-transform 0.5s ease;
257
257
  transition: margin 0.5s ease, -webkit-transform 0.5s ease;
258
258
  transition: margin 0.5s ease, transform 0.5s ease;
259
259
  transition: margin 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
260
260
  }
261
- .e-sidebarcontainer.e-left.e-open.e-auto + div {
261
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-auto + div {
262
262
  margin-right: 0;
263
263
  -webkit-transform: translateX(0);
264
264
  transform: translateX(0);
265
265
  margin-left: var(--sidebar-width);
266
266
  }
267
- .e-sidebarcontainer.e-left.e-close.e-auto + div {
267
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-auto + div {
268
268
  margin-right: 0;
269
269
  -webkit-transform: translateX(0);
270
270
  transform: translateX(0);
271
271
  margin-left: 0;
272
272
  }
273
- .e-sidebarcontainer.e-right.e-open.e-auto + div {
273
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-auto + div {
274
274
  margin-left: 0;
275
275
  -webkit-transform: translateX(0);
276
276
  transform: translateX(0);
277
277
  margin-right: var(--sidebar-width);
278
278
  }
279
- .e-sidebarcontainer.e-right.e-close.e-auto + div {
279
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-auto + div {
280
280
  margin-right: 0;
281
281
  -webkit-transform: translateX(0);
282
282
  transform: translateX(0);
283
283
  margin-left: 0;
284
284
  }
285
- .e-sidebarcontainer.e-left.e-open.e-push + div {
285
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-push + div {
286
286
  margin-right: 0;
287
287
  -webkit-transform: translateX(0);
288
288
  transform: translateX(0);
289
289
  margin-left: var(--sidebar-width);
290
290
  }
291
- .e-sidebarcontainer.e-left.e-close.e-push + div {
291
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-push + div {
292
292
  margin-right: 0;
293
293
  -webkit-transform: translateX(0);
294
294
  transform: translateX(0);
295
295
  margin-left: 0;
296
296
  }
297
- .e-sidebarcontainer.e-right.e-open.e-push + div {
297
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-push + div {
298
298
  margin-left: 0;
299
299
  -webkit-transform: translateX(0);
300
300
  transform: translateX(0);
301
301
  margin-right: var(--sidebar-width);
302
302
  }
303
- .e-sidebarcontainer.e-right.e-close.e-push + div {
303
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-push + div {
304
304
  margin-right: 0;
305
305
  -webkit-transform: translateX(0);
306
306
  transform: translateX(0);
307
307
  margin-left: 0;
308
308
  }
309
- .e-sidebarcontainer.e-left.e-open.e-slide + div {
309
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-slide + div {
310
310
  margin-left: 0;
311
311
  -webkit-transform: translate(var(--sidebar-width));
312
312
  transform: translate(var(--sidebar-width));
313
313
  }
314
- .e-sidebarcontainer.e-left.e-close.e-slide + div {
314
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-slide + div {
315
315
  margin-left: 0;
316
316
  -webkit-transform: translate(0);
317
317
  transform: translate(0);
318
318
  }
319
- .e-sidebarcontainer.e-right.e-open.e-slide + div {
319
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-slide + div {
320
320
  margin-right: 0;
321
321
  margin-left: 0;
322
322
  -webkit-transform: translate(calc(-1 * var(--sidebar-width)));
323
323
  transform: translate(calc(-1 * var(--sidebar-width)));
324
324
  }
325
- .e-sidebarcontainer.e-right.e-close.e-slide + div {
325
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-slide + div {
326
326
  margin-right: 0;
327
327
  margin-left: 0;
328
328
  -webkit-transform: translate(0);
package/styles/sidebar/tailwind-dark.css CHANGED
@@ -84,77 +84,77 @@ ejs-sidebar {
84
84
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
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/tailwind.css CHANGED
@@ -84,77 +84,77 @@ ejs-sidebar {
84
84
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
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/tailwind3.css CHANGED
@@ -232,77 +232,77 @@ ejs-sidebar {
232
232
  box-shadow: 0 1px 2px -1px rgba(var(--color-sf-black), 0.1), 0 1px 3px 0 rgba(var(--color-sf-black), 0.1);
233
233
  }
234
234
 
235
- .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 {
235
+ .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 {
236
236
  -webkit-transition: margin 0.5s ease, -webkit-transform 0.5s ease;
237
237
  transition: margin 0.5s ease, -webkit-transform 0.5s ease;
238
238
  transition: margin 0.5s ease, transform 0.5s ease;
239
239
  transition: margin 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
240
240
  }
241
- .e-sidebarcontainer.e-left.e-open.e-auto + div {
241
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-auto + div {
242
242
  margin-right: 0;
243
243
  -webkit-transform: translateX(0);
244
244
  transform: translateX(0);
245
245
  margin-left: var(--sidebar-width);
246
246
  }
247
- .e-sidebarcontainer.e-left.e-close.e-auto + div {
247
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-auto + div {
248
248
  margin-right: 0;
249
249
  -webkit-transform: translateX(0);
250
250
  transform: translateX(0);
251
251
  margin-left: 0;
252
252
  }
253
- .e-sidebarcontainer.e-right.e-open.e-auto + div {
253
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-auto + div {
254
254
  margin-left: 0;
255
255
  -webkit-transform: translateX(0);
256
256
  transform: translateX(0);
257
257
  margin-right: var(--sidebar-width);
258
258
  }
259
- .e-sidebarcontainer.e-right.e-close.e-auto + div {
259
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-auto + div {
260
260
  margin-right: 0;
261
261
  -webkit-transform: translateX(0);
262
262
  transform: translateX(0);
263
263
  margin-left: 0;
264
264
  }
265
- .e-sidebarcontainer.e-left.e-open.e-push + div {
265
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-push + 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-push + div {
271
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-push + 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-push + div {
277
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-push + 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-push + div {
283
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-push + 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-slide + div {
289
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-slide + div {
290
290
  margin-left: 0;
291
291
  -webkit-transform: translate(var(--sidebar-width));
292
292
  transform: translate(var(--sidebar-width));
293
293
  }
294
- .e-sidebarcontainer.e-left.e-close.e-slide + div {
294
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-slide + div {
295
295
  margin-left: 0;
296
296
  -webkit-transform: translate(0);
297
297
  transform: translate(0);
298
298
  }
299
- .e-sidebarcontainer.e-right.e-open.e-slide + div {
299
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-slide + div {
300
300
  margin-right: 0;
301
301
  margin-left: 0;
302
302
  -webkit-transform: translate(calc(-1 * var(--sidebar-width)));
303
303
  transform: translate(calc(-1 * var(--sidebar-width)));
304
304
  }
305
- .e-sidebarcontainer.e-right.e-close.e-slide + div {
305
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-slide + div {
306
306
  margin-right: 0;
307
307
  margin-left: 0;
308
308
  -webkit-transform: translate(0);
package/styles/tailwind-dark-lite.css CHANGED
@@ -6953,77 +6953,77 @@ ejs-sidebar {
6953
6953
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
6954
6954
  }
6955
6955
 
6956
- .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 {
6956
+ .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 {
6957
6957
  -webkit-transition: margin 0.5s ease, -webkit-transform 0.5s ease;
6958
6958
  transition: margin 0.5s ease, -webkit-transform 0.5s ease;
6959
6959
  transition: margin 0.5s ease, transform 0.5s ease;
6960
6960
  transition: margin 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
6961
6961
  }
6962
- .e-sidebarcontainer.e-left.e-open.e-auto + div {
6962
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-auto + div {
6963
6963
  margin-right: 0;
6964
6964
  -webkit-transform: translateX(0);
6965
6965
  transform: translateX(0);
6966
6966
  margin-left: var(--sidebar-width);
6967
6967
  }
6968
- .e-sidebarcontainer.e-left.e-close.e-auto + div {
6968
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-auto + div {
6969
6969
  margin-right: 0;
6970
6970
  -webkit-transform: translateX(0);
6971
6971
  transform: translateX(0);
6972
6972
  margin-left: 0;
6973
6973
  }
6974
- .e-sidebarcontainer.e-right.e-open.e-auto + div {
6974
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-auto + div {
6975
6975
  margin-left: 0;
6976
6976
  -webkit-transform: translateX(0);
6977
6977
  transform: translateX(0);
6978
6978
  margin-right: var(--sidebar-width);
6979
6979
  }
6980
- .e-sidebarcontainer.e-right.e-close.e-auto + div {
6980
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-auto + div {
6981
6981
  margin-right: 0;
6982
6982
  -webkit-transform: translateX(0);
6983
6983
  transform: translateX(0);
6984
6984
  margin-left: 0;
6985
6985
  }
6986
- .e-sidebarcontainer.e-left.e-open.e-push + div {
6986
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-push + div {
6987
6987
  margin-right: 0;
6988
6988
  -webkit-transform: translateX(0);
6989
6989
  transform: translateX(0);
6990
6990
  margin-left: var(--sidebar-width);
6991
6991
  }
6992
- .e-sidebarcontainer.e-left.e-close.e-push + div {
6992
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-push + div {
6993
6993
  margin-right: 0;
6994
6994
  -webkit-transform: translateX(0);
6995
6995
  transform: translateX(0);
6996
6996
  margin-left: 0;
6997
6997
  }
6998
- .e-sidebarcontainer.e-right.e-open.e-push + div {
6998
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-push + div {
6999
6999
  margin-left: 0;
7000
7000
  -webkit-transform: translateX(0);
7001
7001
  transform: translateX(0);
7002
7002
  margin-right: var(--sidebar-width);
7003
7003
  }
7004
- .e-sidebarcontainer.e-right.e-close.e-push + div {
7004
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-push + div {
7005
7005
  margin-right: 0;
7006
7006
  -webkit-transform: translateX(0);
7007
7007
  transform: translateX(0);
7008
7008
  margin-left: 0;
7009
7009
  }
7010
- .e-sidebarcontainer.e-left.e-open.e-slide + div {
7010
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-slide + div {
7011
7011
  margin-left: 0;
7012
7012
  -webkit-transform: translate(var(--sidebar-width));
7013
7013
  transform: translate(var(--sidebar-width));
7014
7014
  }
7015
- .e-sidebarcontainer.e-left.e-close.e-slide + div {
7015
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-slide + div {
7016
7016
  margin-left: 0;
7017
7017
  -webkit-transform: translate(0);
7018
7018
  transform: translate(0);
7019
7019
  }
7020
- .e-sidebarcontainer.e-right.e-open.e-slide + div {
7020
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-slide + div {
7021
7021
  margin-right: 0;
7022
7022
  margin-left: 0;
7023
7023
  -webkit-transform: translate(calc(-1 * var(--sidebar-width)));
7024
7024
  transform: translate(calc(-1 * var(--sidebar-width)));
7025
7025
  }
7026
- .e-sidebarcontainer.e-right.e-close.e-slide + div {
7026
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-slide + div {
7027
7027
  margin-right: 0;
7028
7028
  margin-left: 0;
7029
7029
  -webkit-transform: translate(0);