@syncfusion/ej2-vue-navigations 20.1.47 → 20.1.48

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (231) hide show
  1. package/CHANGELOG.md +2 -25
  2. package/README.md +2 -17
  3. package/dist/ej2-vue-navigations.umd.min.js +2 -2
  4. package/dist/es6/ej2-vue-navigations.es2015.js +92 -373
  5. package/dist/es6/ej2-vue-navigations.es2015.js.map +1 -1
  6. package/dist/es6/ej2-vue-navigations.es5.js +109 -411
  7. package/dist/es6/ej2-vue-navigations.es5.js.map +1 -1
  8. package/dist/global/ej2-vue-navigations.min.js +2 -2
  9. package/package.json +15 -11
  10. package/src/accordion/accordion.component.d.ts +1 -1
  11. package/src/accordion/accordion.component.js +1 -1
  12. package/src/index.d.ts +0 -2
  13. package/src/index.js +0 -2
  14. package/styles/accordion/bootstrap-dark.css +63 -48
  15. package/styles/accordion/bootstrap.css +63 -48
  16. package/styles/accordion/bootstrap4.css +63 -48
  17. package/styles/accordion/bootstrap5-dark.css +66 -51
  18. package/styles/accordion/bootstrap5.css +66 -51
  19. package/styles/accordion/fabric-dark.css +65 -50
  20. package/styles/accordion/fabric.css +65 -50
  21. package/styles/accordion/highcontrast-light.css +64 -49
  22. package/styles/accordion/highcontrast.css +64 -49
  23. package/styles/accordion/material-dark.css +64 -49
  24. package/styles/accordion/material.css +64 -49
  25. package/styles/accordion/tailwind-dark.css +67 -52
  26. package/styles/accordion/tailwind.css +67 -52
  27. package/styles/bootstrap-dark.css +69 -310
  28. package/styles/bootstrap-dark.scss +0 -1
  29. package/styles/bootstrap.css +69 -310
  30. package/styles/bootstrap.scss +0 -1
  31. package/styles/bootstrap4.css +69 -310
  32. package/styles/bootstrap4.scss +0 -1
  33. package/styles/bootstrap5-dark.css +171 -415
  34. package/styles/bootstrap5-dark.scss +0 -1
  35. package/styles/bootstrap5.css +171 -415
  36. package/styles/bootstrap5.scss +0 -1
  37. package/styles/breadcrumb/bootstrap-dark.css +2 -10
  38. package/styles/breadcrumb/bootstrap.css +2 -10
  39. package/styles/breadcrumb/bootstrap4.css +2 -10
  40. package/styles/breadcrumb/bootstrap5-dark.css +4 -12
  41. package/styles/breadcrumb/bootstrap5.css +4 -12
  42. package/styles/breadcrumb/fabric-dark.css +4 -10
  43. package/styles/breadcrumb/fabric.css +4 -10
  44. package/styles/breadcrumb/highcontrast-light.css +4 -10
  45. package/styles/breadcrumb/highcontrast.css +4 -10
  46. package/styles/breadcrumb/material-dark.css +2 -10
  47. package/styles/breadcrumb/material.css +2 -10
  48. package/styles/breadcrumb/tailwind-dark.css +4 -21
  49. package/styles/breadcrumb/tailwind.css +10 -27
  50. package/styles/context-menu/bootstrap-dark.css +0 -5
  51. package/styles/context-menu/bootstrap.css +0 -5
  52. package/styles/context-menu/bootstrap4.css +0 -5
  53. package/styles/context-menu/bootstrap5-dark.css +8 -16
  54. package/styles/context-menu/bootstrap5.css +8 -16
  55. package/styles/context-menu/fabric-dark.css +0 -5
  56. package/styles/context-menu/fabric.css +0 -5
  57. package/styles/context-menu/highcontrast-light.css +0 -5
  58. package/styles/context-menu/highcontrast.css +0 -5
  59. package/styles/context-menu/material-dark.css +0 -5
  60. package/styles/context-menu/material.css +0 -5
  61. package/styles/context-menu/tailwind-dark.css +4 -11
  62. package/styles/context-menu/tailwind.css +4 -11
  63. package/styles/fabric-dark.css +73 -312
  64. package/styles/fabric-dark.scss +0 -1
  65. package/styles/fabric.css +73 -312
  66. package/styles/fabric.scss +0 -1
  67. package/styles/h-scroll/bootstrap-dark.css +1 -0
  68. package/styles/h-scroll/bootstrap.css +1 -0
  69. package/styles/h-scroll/bootstrap4.css +1 -0
  70. package/styles/h-scroll/bootstrap5-dark.css +11 -10
  71. package/styles/h-scroll/bootstrap5.css +11 -10
  72. package/styles/h-scroll/fabric-dark.css +1 -0
  73. package/styles/h-scroll/fabric.css +1 -0
  74. package/styles/h-scroll/highcontrast-light.css +1 -0
  75. package/styles/h-scroll/highcontrast.css +1 -0
  76. package/styles/h-scroll/material-dark.css +4 -3
  77. package/styles/h-scroll/material.css +1 -0
  78. package/styles/h-scroll/tailwind-dark.css +9 -8
  79. package/styles/h-scroll/tailwind.css +9 -8
  80. package/styles/highcontrast-light.css +72 -311
  81. package/styles/highcontrast-light.scss +0 -1
  82. package/styles/highcontrast.css +73 -312
  83. package/styles/highcontrast.scss +0 -1
  84. package/styles/material-dark.css +73 -314
  85. package/styles/material-dark.scss +0 -1
  86. package/styles/material.css +70 -311
  87. package/styles/material.scss +0 -1
  88. package/styles/menu/bootstrap-dark.css +2 -1
  89. package/styles/menu/bootstrap.css +2 -1
  90. package/styles/menu/bootstrap4.css +2 -1
  91. package/styles/menu/bootstrap5-dark.css +24 -23
  92. package/styles/menu/bootstrap5.css +24 -23
  93. package/styles/menu/fabric-dark.css +2 -1
  94. package/styles/menu/fabric.css +2 -1
  95. package/styles/menu/highcontrast-light.css +2 -1
  96. package/styles/menu/highcontrast.css +2 -1
  97. package/styles/menu/material-dark.css +2 -1
  98. package/styles/menu/material.css +2 -1
  99. package/styles/menu/tailwind-dark.css +18 -18
  100. package/styles/menu/tailwind.css +18 -18
  101. package/styles/sidebar/bootstrap-dark.css +0 -4
  102. package/styles/sidebar/bootstrap.css +0 -4
  103. package/styles/sidebar/bootstrap4.css +0 -4
  104. package/styles/sidebar/bootstrap5-dark.css +0 -4
  105. package/styles/sidebar/bootstrap5.css +0 -4
  106. package/styles/sidebar/fabric-dark.css +0 -4
  107. package/styles/sidebar/fabric.css +0 -4
  108. package/styles/sidebar/highcontrast-light.css +0 -4
  109. package/styles/sidebar/highcontrast.css +0 -4
  110. package/styles/sidebar/material-dark.css +0 -4
  111. package/styles/sidebar/material.css +0 -4
  112. package/styles/sidebar/tailwind-dark.css +0 -4
  113. package/styles/sidebar/tailwind.css +0 -4
  114. package/styles/tab/bootstrap-dark.css +1 -1
  115. package/styles/tab/bootstrap.css +1 -1
  116. package/styles/tab/bootstrap4.css +1 -1
  117. package/styles/tab/bootstrap5-dark.css +23 -23
  118. package/styles/tab/bootstrap5.css +23 -23
  119. package/styles/tab/fabric-dark.css +1 -1
  120. package/styles/tab/fabric.css +1 -1
  121. package/styles/tab/highcontrast-light.css +1 -1
  122. package/styles/tab/highcontrast.css +2 -2
  123. package/styles/tab/material-dark.css +1 -1
  124. package/styles/tab/material.css +1 -1
  125. package/styles/tab/tailwind-dark.css +45 -43
  126. package/styles/tab/tailwind.css +45 -43
  127. package/styles/tailwind-dark.css +171 -422
  128. package/styles/tailwind-dark.scss +0 -1
  129. package/styles/tailwind.css +177 -428
  130. package/styles/tailwind.scss +0 -1
  131. package/styles/toolbar/bootstrap-dark.css +0 -4
  132. package/styles/toolbar/bootstrap.css +0 -4
  133. package/styles/toolbar/bootstrap4.css +0 -4
  134. package/styles/toolbar/bootstrap5-dark.css +31 -35
  135. package/styles/toolbar/bootstrap5.css +31 -35
  136. package/styles/toolbar/fabric-dark.css +0 -4
  137. package/styles/toolbar/fabric.css +0 -4
  138. package/styles/toolbar/highcontrast-light.css +0 -4
  139. package/styles/toolbar/highcontrast.css +0 -4
  140. package/styles/toolbar/material-dark.css +0 -4
  141. package/styles/toolbar/material.css +0 -4
  142. package/styles/toolbar/tailwind-dark.css +6 -10
  143. package/styles/toolbar/tailwind.css +6 -10
  144. package/styles/treeview/bootstrap5-dark.css +4 -4
  145. package/styles/treeview/bootstrap5.css +4 -4
  146. package/styles/treeview/tailwind-dark.css +14 -13
  147. package/styles/treeview/tailwind.css +14 -13
  148. package/styles/v-scroll/tailwind-dark.css +4 -4
  149. package/styles/v-scroll/tailwind.css +4 -4
  150. package/carousel.d.ts +0 -4
  151. package/carousel.js +0 -4
  152. package/src/carousel/carousel.component.d.ts +0 -43
  153. package/src/carousel/carousel.component.js +0 -202
  154. package/src/carousel/index.d.ts +0 -2
  155. package/src/carousel/index.js +0 -2
  156. package/src/carousel/items.directive.d.ts +0 -33
  157. package/src/carousel/items.directive.js +0 -110
  158. package/styles/accordion/fluent-dark.css +0 -395
  159. package/styles/accordion/fluent-dark.scss +0 -1
  160. package/styles/accordion/fluent.css +0 -395
  161. package/styles/accordion/fluent.scss +0 -1
  162. package/styles/breadcrumb/fluent-dark.css +0 -444
  163. package/styles/breadcrumb/fluent-dark.scss +0 -1
  164. package/styles/breadcrumb/fluent.css +0 -444
  165. package/styles/breadcrumb/fluent.scss +0 -1
  166. package/styles/carousel/bootstrap-dark.css +0 -236
  167. package/styles/carousel/bootstrap-dark.scss +0 -1
  168. package/styles/carousel/bootstrap.css +0 -236
  169. package/styles/carousel/bootstrap.scss +0 -1
  170. package/styles/carousel/bootstrap4.css +0 -236
  171. package/styles/carousel/bootstrap4.scss +0 -1
  172. package/styles/carousel/bootstrap5-dark.css +0 -236
  173. package/styles/carousel/bootstrap5-dark.scss +0 -1
  174. package/styles/carousel/bootstrap5.css +0 -236
  175. package/styles/carousel/bootstrap5.scss +0 -1
  176. package/styles/carousel/fabric-dark.css +0 -236
  177. package/styles/carousel/fabric-dark.scss +0 -1
  178. package/styles/carousel/fabric.css +0 -236
  179. package/styles/carousel/fabric.scss +0 -1
  180. package/styles/carousel/fluent-dark.css +0 -236
  181. package/styles/carousel/fluent-dark.scss +0 -1
  182. package/styles/carousel/fluent.css +0 -236
  183. package/styles/carousel/fluent.scss +0 -1
  184. package/styles/carousel/highcontrast-light.css +0 -236
  185. package/styles/carousel/highcontrast-light.scss +0 -1
  186. package/styles/carousel/highcontrast.css +0 -236
  187. package/styles/carousel/highcontrast.scss +0 -1
  188. package/styles/carousel/material-dark.css +0 -237
  189. package/styles/carousel/material-dark.scss +0 -1
  190. package/styles/carousel/material.css +0 -237
  191. package/styles/carousel/material.scss +0 -1
  192. package/styles/carousel/tailwind-dark.css +0 -237
  193. package/styles/carousel/tailwind-dark.scss +0 -1
  194. package/styles/carousel/tailwind.css +0 -237
  195. package/styles/carousel/tailwind.scss +0 -1
  196. package/styles/context-menu/fluent-dark.css +0 -388
  197. package/styles/context-menu/fluent-dark.scss +0 -1
  198. package/styles/context-menu/fluent.css +0 -388
  199. package/styles/context-menu/fluent.scss +0 -1
  200. package/styles/fluent-dark.css +0 -10263
  201. package/styles/fluent-dark.scss +0 -11
  202. package/styles/fluent.css +0 -10263
  203. package/styles/fluent.scss +0 -11
  204. package/styles/h-scroll/fluent-dark.css +0 -326
  205. package/styles/h-scroll/fluent-dark.scss +0 -1
  206. package/styles/h-scroll/fluent.css +0 -326
  207. package/styles/h-scroll/fluent.scss +0 -1
  208. package/styles/menu/fluent-dark.css +0 -1261
  209. package/styles/menu/fluent-dark.scss +0 -1
  210. package/styles/menu/fluent.css +0 -1261
  211. package/styles/menu/fluent.scss +0 -1
  212. package/styles/sidebar/fluent-dark.css +0 -158
  213. package/styles/sidebar/fluent-dark.scss +0 -1
  214. package/styles/sidebar/fluent.css +0 -158
  215. package/styles/sidebar/fluent.scss +0 -1
  216. package/styles/tab/fluent-dark.css +0 -4394
  217. package/styles/tab/fluent-dark.scss +0 -1
  218. package/styles/tab/fluent.css +0 -4394
  219. package/styles/tab/fluent.scss +0 -1
  220. package/styles/toolbar/fluent-dark.css +0 -1365
  221. package/styles/toolbar/fluent-dark.scss +0 -1
  222. package/styles/toolbar/fluent.css +0 -1365
  223. package/styles/toolbar/fluent.scss +0 -1
  224. package/styles/treeview/fluent-dark.css +0 -1039
  225. package/styles/treeview/fluent-dark.scss +0 -1
  226. package/styles/treeview/fluent.css +0 -1039
  227. package/styles/treeview/fluent.scss +0 -1
  228. package/styles/v-scroll/fluent-dark.css +0 -247
  229. package/styles/v-scroll/fluent-dark.scss +0 -1
  230. package/styles/v-scroll/fluent.css +0 -247
  231. package/styles/v-scroll/fluent.scss +0 -1
@@ -1,236 +0,0 @@
1
- /*! Carousel component bootstrap theme definitions and variables */
2
- .e-carousel .e-previous-icon::before {
3
- content: '\e904';
4
- }
5
-
6
- .e-carousel .e-next-icon::before {
7
- content: '\e826';
8
- }
9
-
10
- .e-carousel .e-play-icon::before {
11
- content: '\e328';
12
- }
13
-
14
- .e-carousel .e-pause-icon::before {
15
- content: '\e329';
16
- }
17
-
18
- .e-carousel.e-rtl .e-previous-icon::before {
19
- content: '\e826';
20
- }
21
-
22
- .e-carousel.e-rtl .e-next-icon::before {
23
- content: '\e904';
24
- }
25
-
26
- /*! carousel component styles */
27
- .e-carousel {
28
- display: block;
29
- margin: 0;
30
- padding: 0;
31
- position: relative;
32
- }
33
-
34
- .e-carousel .e-carousel-items {
35
- height: 100%;
36
- margin: 0;
37
- overflow: hidden;
38
- padding: 0;
39
- position: relative;
40
- width: 100%;
41
- }
42
-
43
- .e-carousel .e-carousel-items .e-carousel-item {
44
- -webkit-backface-visibility: hidden;
45
- backface-visibility: hidden;
46
- display: none;
47
- float: left;
48
- height: 100%;
49
- margin-right: -100%;
50
- position: relative;
51
- width: 100%;
52
- }
53
-
54
- .e-carousel .e-carousel-items .e-carousel-item.e-active {
55
- display: block;
56
- }
57
-
58
- .e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item {
59
- transition: transform 0.6s ease-in-out;
60
- }
61
-
62
- .e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item.e-prev, .e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item.e-next, .e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item.e-active {
63
- display: block;
64
- }
65
-
66
- .e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item.e-next:not(.e-transition-start), .e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item.e-active.e-transition-end {
67
- transform: translateX(100%);
68
- }
69
-
70
- .e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item.e-prev:not(.e-transition-end), .e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item.e-active.e-transition-start {
71
- transform: translateX(-100%);
72
- }
73
-
74
- .e-carousel .e-carousel-items.e-carousel-fade-animation .e-carousel-item {
75
- display: block;
76
- opacity: 0;
77
- transition: opacity 0.6s ease-in-out;
78
- z-index: 0;
79
- }
80
-
81
- .e-carousel .e-carousel-items.e-carousel-fade-animation .e-carousel-item.e-active {
82
- opacity: 1;
83
- z-index: 1;
84
- }
85
-
86
- .e-carousel .e-carousel-navigators {
87
- -ms-flex-align: center;
88
- align-items: center;
89
- display: -ms-flexbox;
90
- display: flex;
91
- height: 100%;
92
- -ms-flex-pack: justify;
93
- justify-content: space-between;
94
- pointer-events: none;
95
- position: absolute;
96
- top: 0;
97
- width: 100%;
98
- z-index: 1;
99
- }
100
-
101
- .e-carousel .e-carousel-navigators .e-play-pause,
102
- .e-carousel .e-carousel-navigators .e-previous,
103
- .e-carousel .e-carousel-navigators .e-next {
104
- padding: .5em;
105
- pointer-events: auto;
106
- }
107
-
108
- .e-carousel .e-carousel-navigators .e-play-pause .e-btn,
109
- .e-carousel .e-carousel-navigators .e-previous .e-btn,
110
- .e-carousel .e-carousel-navigators .e-next .e-btn {
111
- border: 0;
112
- box-shadow: none;
113
- }
114
-
115
- .e-carousel .e-carousel-navigators .e-play-pause .e-btn:hover,
116
- .e-carousel .e-carousel-navigators .e-previous .e-btn:hover,
117
- .e-carousel .e-carousel-navigators .e-next .e-btn:hover {
118
- border-radius: 50%;
119
- }
120
-
121
- .e-carousel .e-carousel-navigators .e-play-pause .e-btn.e-rtl,
122
- .e-carousel .e-carousel-navigators .e-previous .e-btn.e-rtl,
123
- .e-carousel .e-carousel-navigators .e-next .e-btn.e-rtl {
124
- transform: rotate(180deg);
125
- }
126
-
127
- .e-carousel .e-carousel-navigators .e-play-pause.e-hover-arrows,
128
- .e-carousel .e-carousel-navigators .e-previous.e-hover-arrows,
129
- .e-carousel .e-carousel-navigators .e-next.e-hover-arrows {
130
- display: none;
131
- }
132
-
133
- .e-carousel .e-carousel-indicators {
134
- -ms-flex-align: center;
135
- align-items: center;
136
- bottom: 0;
137
- display: -ms-flexbox;
138
- display: flex;
139
- -ms-flex-pack: center;
140
- justify-content: center;
141
- min-height: 48px;
142
- padding: 0;
143
- pointer-events: none;
144
- position: absolute;
145
- width: 100%;
146
- z-index: 1;
147
- }
148
-
149
- .e-carousel .e-carousel-indicators .e-indicator-bars {
150
- display: -ms-flexbox;
151
- display: flex;
152
- -ms-flex-wrap: wrap;
153
- flex-wrap: wrap;
154
- -ms-flex-pack: center;
155
- justify-content: center;
156
- pointer-events: auto;
157
- }
158
-
159
- .e-carousel .e-carousel-indicators .e-indicator-bars .e-indicator-bar {
160
- padding: 0;
161
- }
162
-
163
- .e-carousel .e-carousel-indicators .e-indicator-bars .e-indicator-bar .e-indicator {
164
- -ms-flex-align: center;
165
- align-items: center;
166
- display: -ms-flexbox;
167
- display: flex;
168
- -ms-flex-pack: center;
169
- justify-content: center;
170
- padding: 4px;
171
- }
172
-
173
- .e-carousel .e-carousel-indicators .e-indicator-bars .e-indicator-bar .e-indicator div {
174
- border: 1px solid rgba(255, 255, 255, 0.4);
175
- border-radius: 2px;
176
- height: 5px;
177
- transition-duration: 0.6s;
178
- transition-property: background-color, border-color;
179
- transition-timing-function: ease-in-out;
180
- width: 20px;
181
- }
182
-
183
- .e-carousel .e-carousel-indicators .e-indicator-bars .e-indicator-bar .e-indicator .e-ripple-element {
184
- display: none;
185
- }
186
-
187
- /*! carousel component theme */
188
- .e-carousel .e-carousel-navigators .e-previous .e-btn:not(:disabled),
189
- .e-carousel .e-carousel-navigators .e-next .e-btn:not(:disabled),
190
- .e-carousel .e-carousel-navigators .e-play-pause .e-btn:not(:disabled) {
191
- background-color: transparent;
192
- }
193
-
194
- .e-carousel .e-carousel-navigators .e-previous .e-btn:not(:disabled) .e-btn-icon,
195
- .e-carousel .e-carousel-navigators .e-next .e-btn:not(:disabled) .e-btn-icon,
196
- .e-carousel .e-carousel-navigators .e-play-pause .e-btn:not(:disabled) .e-btn-icon {
197
- color: #fff;
198
- }
199
-
200
- .e-carousel .e-carousel-navigators .e-previous .e-btn:not(:disabled):active, .e-carousel .e-carousel-navigators .e-previous .e-btn:not(:disabled):focus, .e-carousel .e-carousel-navigators .e-previous .e-btn:not(:disabled):hover,
201
- .e-carousel .e-carousel-navigators .e-next .e-btn:not(:disabled):active,
202
- .e-carousel .e-carousel-navigators .e-next .e-btn:not(:disabled):focus,
203
- .e-carousel .e-carousel-navigators .e-next .e-btn:not(:disabled):hover,
204
- .e-carousel .e-carousel-navigators .e-play-pause .e-btn:not(:disabled):active,
205
- .e-carousel .e-carousel-navigators .e-play-pause .e-btn:not(:disabled):focus,
206
- .e-carousel .e-carousel-navigators .e-play-pause .e-btn:not(:disabled):hover {
207
- background-color: rgba(255, 255, 255, 0.4);
208
- outline: none;
209
- }
210
-
211
- .e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator {
212
- background-color: transparent;
213
- border-color: transparent;
214
- box-shadow: none;
215
- }
216
-
217
- .e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator div {
218
- background-color: #fff;
219
- border-color: #fff;
220
- }
221
-
222
- .e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator:active, .e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator:focus, .e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator:hover {
223
- background-color: transparent;
224
- border-color: transparent;
225
- box-shadow: none;
226
- outline: none;
227
- }
228
-
229
- .e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator:focus-visible {
230
- border-color: #000;
231
- }
232
-
233
- .e-carousel .e-carousel-indicators .e-indicator-bar.e-active .e-indicator div {
234
- background-color: #317ab9;
235
- border-color: #317ab9;
236
- }
@@ -1 +0,0 @@
1
- @import 'ej2-navigations/styles/carousel/bootstrap.scss';
@@ -1,236 +0,0 @@
1
- /*! Carousel component bootstrap4 theme definitions and variables */
2
- .e-carousel .e-previous-icon::before {
3
- content: '\e70d';
4
- }
5
-
6
- .e-carousel .e-next-icon::before {
7
- content: '\e76a';
8
- }
9
-
10
- .e-carousel .e-play-icon::before {
11
- content: '\e72d';
12
- }
13
-
14
- .e-carousel .e-pause-icon::before {
15
- content: '\e757';
16
- }
17
-
18
- .e-carousel.e-rtl .e-previous-icon::before {
19
- content: '\e76a';
20
- }
21
-
22
- .e-carousel.e-rtl .e-next-icon::before {
23
- content: '\e70d';
24
- }
25
-
26
- /*! carousel component styles */
27
- .e-carousel {
28
- display: block;
29
- margin: 0;
30
- padding: 0;
31
- position: relative;
32
- }
33
-
34
- .e-carousel .e-carousel-items {
35
- height: 100%;
36
- margin: 0;
37
- overflow: hidden;
38
- padding: 0;
39
- position: relative;
40
- width: 100%;
41
- }
42
-
43
- .e-carousel .e-carousel-items .e-carousel-item {
44
- -webkit-backface-visibility: hidden;
45
- backface-visibility: hidden;
46
- display: none;
47
- float: left;
48
- height: 100%;
49
- margin-right: -100%;
50
- position: relative;
51
- width: 100%;
52
- }
53
-
54
- .e-carousel .e-carousel-items .e-carousel-item.e-active {
55
- display: block;
56
- }
57
-
58
- .e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item {
59
- transition: transform 0.6s ease-in-out;
60
- }
61
-
62
- .e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item.e-prev, .e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item.e-next, .e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item.e-active {
63
- display: block;
64
- }
65
-
66
- .e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item.e-next:not(.e-transition-start), .e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item.e-active.e-transition-end {
67
- transform: translateX(100%);
68
- }
69
-
70
- .e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item.e-prev:not(.e-transition-end), .e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item.e-active.e-transition-start {
71
- transform: translateX(-100%);
72
- }
73
-
74
- .e-carousel .e-carousel-items.e-carousel-fade-animation .e-carousel-item {
75
- display: block;
76
- opacity: 0;
77
- transition: opacity 0.6s ease-in-out;
78
- z-index: 0;
79
- }
80
-
81
- .e-carousel .e-carousel-items.e-carousel-fade-animation .e-carousel-item.e-active {
82
- opacity: 1;
83
- z-index: 1;
84
- }
85
-
86
- .e-carousel .e-carousel-navigators {
87
- -ms-flex-align: center;
88
- align-items: center;
89
- display: -ms-flexbox;
90
- display: flex;
91
- height: 100%;
92
- -ms-flex-pack: justify;
93
- justify-content: space-between;
94
- pointer-events: none;
95
- position: absolute;
96
- top: 0;
97
- width: 100%;
98
- z-index: 1;
99
- }
100
-
101
- .e-carousel .e-carousel-navigators .e-play-pause,
102
- .e-carousel .e-carousel-navigators .e-previous,
103
- .e-carousel .e-carousel-navigators .e-next {
104
- padding: .5em;
105
- pointer-events: auto;
106
- }
107
-
108
- .e-carousel .e-carousel-navigators .e-play-pause .e-btn,
109
- .e-carousel .e-carousel-navigators .e-previous .e-btn,
110
- .e-carousel .e-carousel-navigators .e-next .e-btn {
111
- border: 0;
112
- box-shadow: none;
113
- }
114
-
115
- .e-carousel .e-carousel-navigators .e-play-pause .e-btn:hover,
116
- .e-carousel .e-carousel-navigators .e-previous .e-btn:hover,
117
- .e-carousel .e-carousel-navigators .e-next .e-btn:hover {
118
- border-radius: 50%;
119
- }
120
-
121
- .e-carousel .e-carousel-navigators .e-play-pause .e-btn.e-rtl,
122
- .e-carousel .e-carousel-navigators .e-previous .e-btn.e-rtl,
123
- .e-carousel .e-carousel-navigators .e-next .e-btn.e-rtl {
124
- transform: rotate(180deg);
125
- }
126
-
127
- .e-carousel .e-carousel-navigators .e-play-pause.e-hover-arrows,
128
- .e-carousel .e-carousel-navigators .e-previous.e-hover-arrows,
129
- .e-carousel .e-carousel-navigators .e-next.e-hover-arrows {
130
- display: none;
131
- }
132
-
133
- .e-carousel .e-carousel-indicators {
134
- -ms-flex-align: center;
135
- align-items: center;
136
- bottom: 0;
137
- display: -ms-flexbox;
138
- display: flex;
139
- -ms-flex-pack: center;
140
- justify-content: center;
141
- min-height: 48px;
142
- padding: 0;
143
- pointer-events: none;
144
- position: absolute;
145
- width: 100%;
146
- z-index: 1;
147
- }
148
-
149
- .e-carousel .e-carousel-indicators .e-indicator-bars {
150
- display: -ms-flexbox;
151
- display: flex;
152
- -ms-flex-wrap: wrap;
153
- flex-wrap: wrap;
154
- -ms-flex-pack: center;
155
- justify-content: center;
156
- pointer-events: auto;
157
- }
158
-
159
- .e-carousel .e-carousel-indicators .e-indicator-bars .e-indicator-bar {
160
- padding: 0;
161
- }
162
-
163
- .e-carousel .e-carousel-indicators .e-indicator-bars .e-indicator-bar .e-indicator {
164
- -ms-flex-align: center;
165
- align-items: center;
166
- display: -ms-flexbox;
167
- display: flex;
168
- -ms-flex-pack: center;
169
- justify-content: center;
170
- padding: 4px;
171
- }
172
-
173
- .e-carousel .e-carousel-indicators .e-indicator-bars .e-indicator-bar .e-indicator div {
174
- border: 1px solid rgba(255, 255, 255, 0.4);
175
- border-radius: 2px;
176
- height: 5px;
177
- transition-duration: 0.6s;
178
- transition-property: background-color, border-color;
179
- transition-timing-function: ease-in-out;
180
- width: 20px;
181
- }
182
-
183
- .e-carousel .e-carousel-indicators .e-indicator-bars .e-indicator-bar .e-indicator .e-ripple-element {
184
- display: none;
185
- }
186
-
187
- /*! carousel component theme */
188
- .e-carousel .e-carousel-navigators .e-previous .e-btn:not(:disabled),
189
- .e-carousel .e-carousel-navigators .e-next .e-btn:not(:disabled),
190
- .e-carousel .e-carousel-navigators .e-play-pause .e-btn:not(:disabled) {
191
- background-color: transparent;
192
- }
193
-
194
- .e-carousel .e-carousel-navigators .e-previous .e-btn:not(:disabled) .e-btn-icon,
195
- .e-carousel .e-carousel-navigators .e-next .e-btn:not(:disabled) .e-btn-icon,
196
- .e-carousel .e-carousel-navigators .e-play-pause .e-btn:not(:disabled) .e-btn-icon {
197
- color: #fff;
198
- }
199
-
200
- .e-carousel .e-carousel-navigators .e-previous .e-btn:not(:disabled):active, .e-carousel .e-carousel-navigators .e-previous .e-btn:not(:disabled):focus, .e-carousel .e-carousel-navigators .e-previous .e-btn:not(:disabled):hover,
201
- .e-carousel .e-carousel-navigators .e-next .e-btn:not(:disabled):active,
202
- .e-carousel .e-carousel-navigators .e-next .e-btn:not(:disabled):focus,
203
- .e-carousel .e-carousel-navigators .e-next .e-btn:not(:disabled):hover,
204
- .e-carousel .e-carousel-navigators .e-play-pause .e-btn:not(:disabled):active,
205
- .e-carousel .e-carousel-navigators .e-play-pause .e-btn:not(:disabled):focus,
206
- .e-carousel .e-carousel-navigators .e-play-pause .e-btn:not(:disabled):hover {
207
- background-color: rgba(255, 255, 255, 0.4);
208
- outline: none;
209
- }
210
-
211
- .e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator {
212
- background-color: transparent;
213
- border-color: transparent;
214
- box-shadow: none;
215
- }
216
-
217
- .e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator div {
218
- background-color: #fff;
219
- border-color: #fff;
220
- }
221
-
222
- .e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator:active, .e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator:focus, .e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator:hover {
223
- background-color: transparent;
224
- border-color: transparent;
225
- box-shadow: none;
226
- outline: none;
227
- }
228
-
229
- .e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator:focus-visible {
230
- border-color: #000;
231
- }
232
-
233
- .e-carousel .e-carousel-indicators .e-indicator-bar.e-active .e-indicator div {
234
- background-color: #007bff;
235
- border-color: #007bff;
236
- }
@@ -1 +0,0 @@
1
- @import 'ej2-navigations/styles/carousel/bootstrap4.scss';
@@ -1,236 +0,0 @@
1
- /*! Carousel component bootstrap5 theme definitions and variables */
2
- .e-carousel .e-previous-icon::before {
3
- content: '\e765';
4
- }
5
-
6
- .e-carousel .e-next-icon::before {
7
- content: '\e748';
8
- }
9
-
10
- .e-carousel .e-play-icon::before {
11
- content: '\e70c';
12
- }
13
-
14
- .e-carousel .e-pause-icon::before {
15
- content: '\e77b';
16
- }
17
-
18
- .e-carousel.e-rtl .e-previous-icon::before {
19
- content: '\e748';
20
- }
21
-
22
- .e-carousel.e-rtl .e-next-icon::before {
23
- content: '\e765';
24
- }
25
-
26
- /*! carousel component styles */
27
- .e-carousel {
28
- display: block;
29
- margin: 0;
30
- padding: 0;
31
- position: relative;
32
- }
33
-
34
- .e-carousel .e-carousel-items {
35
- height: 100%;
36
- margin: 0;
37
- overflow: hidden;
38
- padding: 0;
39
- position: relative;
40
- width: 100%;
41
- }
42
-
43
- .e-carousel .e-carousel-items .e-carousel-item {
44
- -webkit-backface-visibility: hidden;
45
- backface-visibility: hidden;
46
- display: none;
47
- float: left;
48
- height: 100%;
49
- margin-right: -100%;
50
- position: relative;
51
- width: 100%;
52
- }
53
-
54
- .e-carousel .e-carousel-items .e-carousel-item.e-active {
55
- display: block;
56
- }
57
-
58
- .e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item {
59
- transition: transform 0.6s ease-in-out;
60
- }
61
-
62
- .e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item.e-prev, .e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item.e-next, .e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item.e-active {
63
- display: block;
64
- }
65
-
66
- .e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item.e-next:not(.e-transition-start), .e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item.e-active.e-transition-end {
67
- transform: translateX(100%);
68
- }
69
-
70
- .e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item.e-prev:not(.e-transition-end), .e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item.e-active.e-transition-start {
71
- transform: translateX(-100%);
72
- }
73
-
74
- .e-carousel .e-carousel-items.e-carousel-fade-animation .e-carousel-item {
75
- display: block;
76
- opacity: 0;
77
- transition: opacity 0.6s ease-in-out;
78
- z-index: 0;
79
- }
80
-
81
- .e-carousel .e-carousel-items.e-carousel-fade-animation .e-carousel-item.e-active {
82
- opacity: 1;
83
- z-index: 1;
84
- }
85
-
86
- .e-carousel .e-carousel-navigators {
87
- -ms-flex-align: center;
88
- align-items: center;
89
- display: -ms-flexbox;
90
- display: flex;
91
- height: 100%;
92
- -ms-flex-pack: justify;
93
- justify-content: space-between;
94
- pointer-events: none;
95
- position: absolute;
96
- top: 0;
97
- width: 100%;
98
- z-index: 1;
99
- }
100
-
101
- .e-carousel .e-carousel-navigators .e-play-pause,
102
- .e-carousel .e-carousel-navigators .e-previous,
103
- .e-carousel .e-carousel-navigators .e-next {
104
- padding: .5em;
105
- pointer-events: auto;
106
- }
107
-
108
- .e-carousel .e-carousel-navigators .e-play-pause .e-btn,
109
- .e-carousel .e-carousel-navigators .e-previous .e-btn,
110
- .e-carousel .e-carousel-navigators .e-next .e-btn {
111
- border: 0;
112
- box-shadow: none;
113
- }
114
-
115
- .e-carousel .e-carousel-navigators .e-play-pause .e-btn:hover,
116
- .e-carousel .e-carousel-navigators .e-previous .e-btn:hover,
117
- .e-carousel .e-carousel-navigators .e-next .e-btn:hover {
118
- border-radius: 50%;
119
- }
120
-
121
- .e-carousel .e-carousel-navigators .e-play-pause .e-btn.e-rtl,
122
- .e-carousel .e-carousel-navigators .e-previous .e-btn.e-rtl,
123
- .e-carousel .e-carousel-navigators .e-next .e-btn.e-rtl {
124
- transform: rotate(180deg);
125
- }
126
-
127
- .e-carousel .e-carousel-navigators .e-play-pause.e-hover-arrows,
128
- .e-carousel .e-carousel-navigators .e-previous.e-hover-arrows,
129
- .e-carousel .e-carousel-navigators .e-next.e-hover-arrows {
130
- display: none;
131
- }
132
-
133
- .e-carousel .e-carousel-indicators {
134
- -ms-flex-align: center;
135
- align-items: center;
136
- bottom: 0;
137
- display: -ms-flexbox;
138
- display: flex;
139
- -ms-flex-pack: center;
140
- justify-content: center;
141
- min-height: 48px;
142
- padding: 0;
143
- pointer-events: none;
144
- position: absolute;
145
- width: 100%;
146
- z-index: 1;
147
- }
148
-
149
- .e-carousel .e-carousel-indicators .e-indicator-bars {
150
- display: -ms-flexbox;
151
- display: flex;
152
- -ms-flex-wrap: wrap;
153
- flex-wrap: wrap;
154
- -ms-flex-pack: center;
155
- justify-content: center;
156
- pointer-events: auto;
157
- }
158
-
159
- .e-carousel .e-carousel-indicators .e-indicator-bars .e-indicator-bar {
160
- padding: 0;
161
- }
162
-
163
- .e-carousel .e-carousel-indicators .e-indicator-bars .e-indicator-bar .e-indicator {
164
- -ms-flex-align: center;
165
- align-items: center;
166
- display: -ms-flexbox;
167
- display: flex;
168
- -ms-flex-pack: center;
169
- justify-content: center;
170
- padding: 4px;
171
- }
172
-
173
- .e-carousel .e-carousel-indicators .e-indicator-bars .e-indicator-bar .e-indicator div {
174
- border: 1px solid rgba(255, 255, 255, 0.4);
175
- border-radius: 2px;
176
- height: 5px;
177
- transition-duration: 0.6s;
178
- transition-property: background-color, border-color;
179
- transition-timing-function: ease-in-out;
180
- width: 20px;
181
- }
182
-
183
- .e-carousel .e-carousel-indicators .e-indicator-bars .e-indicator-bar .e-indicator .e-ripple-element {
184
- display: none;
185
- }
186
-
187
- /*! carousel component theme */
188
- .e-carousel .e-carousel-navigators .e-previous .e-btn:not(:disabled),
189
- .e-carousel .e-carousel-navigators .e-next .e-btn:not(:disabled),
190
- .e-carousel .e-carousel-navigators .e-play-pause .e-btn:not(:disabled) {
191
- background-color: transparent;
192
- }
193
-
194
- .e-carousel .e-carousel-navigators .e-previous .e-btn:not(:disabled) .e-btn-icon,
195
- .e-carousel .e-carousel-navigators .e-next .e-btn:not(:disabled) .e-btn-icon,
196
- .e-carousel .e-carousel-navigators .e-play-pause .e-btn:not(:disabled) .e-btn-icon {
197
- color: #fff;
198
- }
199
-
200
- .e-carousel .e-carousel-navigators .e-previous .e-btn:not(:disabled):active, .e-carousel .e-carousel-navigators .e-previous .e-btn:not(:disabled):focus, .e-carousel .e-carousel-navigators .e-previous .e-btn:not(:disabled):hover,
201
- .e-carousel .e-carousel-navigators .e-next .e-btn:not(:disabled):active,
202
- .e-carousel .e-carousel-navigators .e-next .e-btn:not(:disabled):focus,
203
- .e-carousel .e-carousel-navigators .e-next .e-btn:not(:disabled):hover,
204
- .e-carousel .e-carousel-navigators .e-play-pause .e-btn:not(:disabled):active,
205
- .e-carousel .e-carousel-navigators .e-play-pause .e-btn:not(:disabled):focus,
206
- .e-carousel .e-carousel-navigators .e-play-pause .e-btn:not(:disabled):hover {
207
- background-color: rgba(255, 255, 255, 0.4);
208
- outline: none;
209
- }
210
-
211
- .e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator {
212
- background-color: transparent;
213
- border-color: transparent;
214
- box-shadow: none;
215
- }
216
-
217
- .e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator div {
218
- background-color: #fff;
219
- border-color: #fff;
220
- }
221
-
222
- .e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator:active, .e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator:focus, .e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator:hover {
223
- background-color: transparent;
224
- border-color: transparent;
225
- box-shadow: none;
226
- outline: none;
227
- }
228
-
229
- .e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator:focus-visible {
230
- border-color: #000;
231
- }
232
-
233
- .e-carousel .e-carousel-indicators .e-indicator-bar.e-active .e-indicator div {
234
- background-color: #0d6efd;
235
- border-color: #0d6efd;
236
- }
@@ -1 +0,0 @@
1
- @import 'ej2-navigations/styles/carousel/bootstrap5-dark.scss';