@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/bootstrap-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/bootstrap.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/bootstrap4.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/bootstrap5-dark.css CHANGED
@@ -84,77 +84,77 @@ ejs-sidebar {
84
84
  box-shadow: 0 0.8px 16px rgba(0, 0, 0, 0.15);
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/bootstrap5.3.css CHANGED
@@ -252,77 +252,77 @@ ejs-sidebar {
252
252
  box-shadow: 0 0.8px 16px rgba(var(--color-sf-black), 0.15);
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/bootstrap5.css CHANGED
@@ -84,77 +84,77 @@ ejs-sidebar {
84
84
  box-shadow: 0 0.8px 16px rgba(0, 0, 0, 0.15);
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/fabric-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);