@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 highcontrast theme definitions and variables */
2
- .e-carousel .e-previous-icon::before {
3
- content: '\e654';
4
- }
5
-
6
- .e-carousel .e-next-icon::before {
7
- content: '\e830';
8
- }
9
-
10
- .e-carousel .e-play-icon::before {
11
- content: '\e327';
12
- }
13
-
14
- .e-carousel .e-pause-icon::before {
15
- content: '\e325';
16
- }
17
-
18
- .e-carousel.e-rtl .e-previous-icon::before {
19
- content: '\e830';
20
- }
21
-
22
- .e-carousel.e-rtl .e-next-icon::before {
23
- content: '\e654';
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: 6px;
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: 50%;
176
- height: 12px;
177
- transition-duration: 0.6s;
178
- transition-property: background-color, border-color;
179
- transition-timing-function: ease-in-out;
180
- width: 12px;
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: #ffd939;
235
- border-color: #ffd939;
236
- }
@@ -1 +0,0 @@
1
- @import 'ej2-navigations/styles/carousel/highcontrast.scss';
@@ -1,237 +0,0 @@
1
- @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
2
- /*! Carousel component material-dark theme definitions and variables */
3
- .e-carousel .e-previous-icon::before {
4
- content: '\e904';
5
- }
6
-
7
- .e-carousel .e-next-icon::before {
8
- content: '\e913';
9
- }
10
-
11
- .e-carousel .e-play-icon::before {
12
- content: '\e324';
13
- }
14
-
15
- .e-carousel .e-pause-icon::before {
16
- content: '\e326';
17
- }
18
-
19
- .e-carousel.e-rtl .e-previous-icon::before {
20
- content: '\e913';
21
- }
22
-
23
- .e-carousel.e-rtl .e-next-icon::before {
24
- content: '\e904';
25
- }
26
-
27
- /*! carousel component styles */
28
- .e-carousel {
29
- display: block;
30
- margin: 0;
31
- padding: 0;
32
- position: relative;
33
- }
34
-
35
- .e-carousel .e-carousel-items {
36
- height: 100%;
37
- margin: 0;
38
- overflow: hidden;
39
- padding: 0;
40
- position: relative;
41
- width: 100%;
42
- }
43
-
44
- .e-carousel .e-carousel-items .e-carousel-item {
45
- -webkit-backface-visibility: hidden;
46
- backface-visibility: hidden;
47
- display: none;
48
- float: left;
49
- height: 100%;
50
- margin-right: -100%;
51
- position: relative;
52
- width: 100%;
53
- }
54
-
55
- .e-carousel .e-carousel-items .e-carousel-item.e-active {
56
- display: block;
57
- }
58
-
59
- .e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item {
60
- transition: transform 0.6s ease-in-out;
61
- }
62
-
63
- .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 {
64
- display: block;
65
- }
66
-
67
- .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 {
68
- transform: translateX(100%);
69
- }
70
-
71
- .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 {
72
- transform: translateX(-100%);
73
- }
74
-
75
- .e-carousel .e-carousel-items.e-carousel-fade-animation .e-carousel-item {
76
- display: block;
77
- opacity: 0;
78
- transition: opacity 0.6s ease-in-out;
79
- z-index: 0;
80
- }
81
-
82
- .e-carousel .e-carousel-items.e-carousel-fade-animation .e-carousel-item.e-active {
83
- opacity: 1;
84
- z-index: 1;
85
- }
86
-
87
- .e-carousel .e-carousel-navigators {
88
- -ms-flex-align: center;
89
- align-items: center;
90
- display: -ms-flexbox;
91
- display: flex;
92
- height: 100%;
93
- -ms-flex-pack: justify;
94
- justify-content: space-between;
95
- pointer-events: none;
96
- position: absolute;
97
- top: 0;
98
- width: 100%;
99
- z-index: 1;
100
- }
101
-
102
- .e-carousel .e-carousel-navigators .e-play-pause,
103
- .e-carousel .e-carousel-navigators .e-previous,
104
- .e-carousel .e-carousel-navigators .e-next {
105
- padding: .5em;
106
- pointer-events: auto;
107
- }
108
-
109
- .e-carousel .e-carousel-navigators .e-play-pause .e-btn,
110
- .e-carousel .e-carousel-navigators .e-previous .e-btn,
111
- .e-carousel .e-carousel-navigators .e-next .e-btn {
112
- border: 0;
113
- box-shadow: none;
114
- }
115
-
116
- .e-carousel .e-carousel-navigators .e-play-pause .e-btn:hover,
117
- .e-carousel .e-carousel-navigators .e-previous .e-btn:hover,
118
- .e-carousel .e-carousel-navigators .e-next .e-btn:hover {
119
- border-radius: 50%;
120
- }
121
-
122
- .e-carousel .e-carousel-navigators .e-play-pause .e-btn.e-rtl,
123
- .e-carousel .e-carousel-navigators .e-previous .e-btn.e-rtl,
124
- .e-carousel .e-carousel-navigators .e-next .e-btn.e-rtl {
125
- transform: rotate(180deg);
126
- }
127
-
128
- .e-carousel .e-carousel-navigators .e-play-pause.e-hover-arrows,
129
- .e-carousel .e-carousel-navigators .e-previous.e-hover-arrows,
130
- .e-carousel .e-carousel-navigators .e-next.e-hover-arrows {
131
- display: none;
132
- }
133
-
134
- .e-carousel .e-carousel-indicators {
135
- -ms-flex-align: center;
136
- align-items: center;
137
- bottom: 0;
138
- display: -ms-flexbox;
139
- display: flex;
140
- -ms-flex-pack: center;
141
- justify-content: center;
142
- min-height: 48px;
143
- padding: 0;
144
- pointer-events: none;
145
- position: absolute;
146
- width: 100%;
147
- z-index: 1;
148
- }
149
-
150
- .e-carousel .e-carousel-indicators .e-indicator-bars {
151
- display: -ms-flexbox;
152
- display: flex;
153
- -ms-flex-wrap: wrap;
154
- flex-wrap: wrap;
155
- -ms-flex-pack: center;
156
- justify-content: center;
157
- pointer-events: auto;
158
- }
159
-
160
- .e-carousel .e-carousel-indicators .e-indicator-bars .e-indicator-bar {
161
- padding: 0;
162
- }
163
-
164
- .e-carousel .e-carousel-indicators .e-indicator-bars .e-indicator-bar .e-indicator {
165
- -ms-flex-align: center;
166
- align-items: center;
167
- display: -ms-flexbox;
168
- display: flex;
169
- -ms-flex-pack: center;
170
- justify-content: center;
171
- padding: 6px;
172
- }
173
-
174
- .e-carousel .e-carousel-indicators .e-indicator-bars .e-indicator-bar .e-indicator div {
175
- border: 1px solid rgba(255, 255, 255, 0.4);
176
- border-radius: 50%;
177
- height: 12px;
178
- transition-duration: 0.6s;
179
- transition-property: background-color, border-color;
180
- transition-timing-function: ease-in-out;
181
- width: 12px;
182
- }
183
-
184
- .e-carousel .e-carousel-indicators .e-indicator-bars .e-indicator-bar .e-indicator .e-ripple-element {
185
- display: none;
186
- }
187
-
188
- /*! carousel component theme */
189
- .e-carousel .e-carousel-navigators .e-previous .e-btn:not(:disabled),
190
- .e-carousel .e-carousel-navigators .e-next .e-btn:not(:disabled),
191
- .e-carousel .e-carousel-navigators .e-play-pause .e-btn:not(:disabled) {
192
- background-color: transparent;
193
- }
194
-
195
- .e-carousel .e-carousel-navigators .e-previous .e-btn:not(:disabled) .e-btn-icon,
196
- .e-carousel .e-carousel-navigators .e-next .e-btn:not(:disabled) .e-btn-icon,
197
- .e-carousel .e-carousel-navigators .e-play-pause .e-btn:not(:disabled) .e-btn-icon {
198
- color: #fff;
199
- }
200
-
201
- .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,
202
- .e-carousel .e-carousel-navigators .e-next .e-btn:not(:disabled):active,
203
- .e-carousel .e-carousel-navigators .e-next .e-btn:not(:disabled):focus,
204
- .e-carousel .e-carousel-navigators .e-next .e-btn:not(:disabled):hover,
205
- .e-carousel .e-carousel-navigators .e-play-pause .e-btn:not(:disabled):active,
206
- .e-carousel .e-carousel-navigators .e-play-pause .e-btn:not(:disabled):focus,
207
- .e-carousel .e-carousel-navigators .e-play-pause .e-btn:not(:disabled):hover {
208
- background-color: rgba(255, 255, 255, 0.4);
209
- outline: none;
210
- }
211
-
212
- .e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator {
213
- background-color: transparent;
214
- border-color: transparent;
215
- box-shadow: none;
216
- }
217
-
218
- .e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator div {
219
- background-color: #fff;
220
- border-color: #fff;
221
- }
222
-
223
- .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 {
224
- background-color: transparent;
225
- border-color: transparent;
226
- box-shadow: none;
227
- outline: none;
228
- }
229
-
230
- .e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator:focus-visible {
231
- border-color: #000;
232
- }
233
-
234
- .e-carousel .e-carousel-indicators .e-indicator-bar.e-active .e-indicator div {
235
- background-color: #00b0ff;
236
- border-color: #00b0ff;
237
- }
@@ -1 +0,0 @@
1
- @import 'ej2-navigations/styles/carousel/material-dark.scss';
@@ -1,237 +0,0 @@
1
- @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
2
- /*! Carousel component material theme definitions and variables */
3
- .e-carousel .e-previous-icon::before {
4
- content: '\e904';
5
- }
6
-
7
- .e-carousel .e-next-icon::before {
8
- content: '\e913';
9
- }
10
-
11
- .e-carousel .e-play-icon::before {
12
- content: '\e324';
13
- }
14
-
15
- .e-carousel .e-pause-icon::before {
16
- content: '\e326';
17
- }
18
-
19
- .e-carousel.e-rtl .e-previous-icon::before {
20
- content: '\e913';
21
- }
22
-
23
- .e-carousel.e-rtl .e-next-icon::before {
24
- content: '\e904';
25
- }
26
-
27
- /*! carousel component styles */
28
- .e-carousel {
29
- display: block;
30
- margin: 0;
31
- padding: 0;
32
- position: relative;
33
- }
34
-
35
- .e-carousel .e-carousel-items {
36
- height: 100%;
37
- margin: 0;
38
- overflow: hidden;
39
- padding: 0;
40
- position: relative;
41
- width: 100%;
42
- }
43
-
44
- .e-carousel .e-carousel-items .e-carousel-item {
45
- -webkit-backface-visibility: hidden;
46
- backface-visibility: hidden;
47
- display: none;
48
- float: left;
49
- height: 100%;
50
- margin-right: -100%;
51
- position: relative;
52
- width: 100%;
53
- }
54
-
55
- .e-carousel .e-carousel-items .e-carousel-item.e-active {
56
- display: block;
57
- }
58
-
59
- .e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item {
60
- transition: transform 0.6s ease-in-out;
61
- }
62
-
63
- .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 {
64
- display: block;
65
- }
66
-
67
- .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 {
68
- transform: translateX(100%);
69
- }
70
-
71
- .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 {
72
- transform: translateX(-100%);
73
- }
74
-
75
- .e-carousel .e-carousel-items.e-carousel-fade-animation .e-carousel-item {
76
- display: block;
77
- opacity: 0;
78
- transition: opacity 0.6s ease-in-out;
79
- z-index: 0;
80
- }
81
-
82
- .e-carousel .e-carousel-items.e-carousel-fade-animation .e-carousel-item.e-active {
83
- opacity: 1;
84
- z-index: 1;
85
- }
86
-
87
- .e-carousel .e-carousel-navigators {
88
- -ms-flex-align: center;
89
- align-items: center;
90
- display: -ms-flexbox;
91
- display: flex;
92
- height: 100%;
93
- -ms-flex-pack: justify;
94
- justify-content: space-between;
95
- pointer-events: none;
96
- position: absolute;
97
- top: 0;
98
- width: 100%;
99
- z-index: 1;
100
- }
101
-
102
- .e-carousel .e-carousel-navigators .e-play-pause,
103
- .e-carousel .e-carousel-navigators .e-previous,
104
- .e-carousel .e-carousel-navigators .e-next {
105
- padding: .5em;
106
- pointer-events: auto;
107
- }
108
-
109
- .e-carousel .e-carousel-navigators .e-play-pause .e-btn,
110
- .e-carousel .e-carousel-navigators .e-previous .e-btn,
111
- .e-carousel .e-carousel-navigators .e-next .e-btn {
112
- border: 0;
113
- box-shadow: none;
114
- }
115
-
116
- .e-carousel .e-carousel-navigators .e-play-pause .e-btn:hover,
117
- .e-carousel .e-carousel-navigators .e-previous .e-btn:hover,
118
- .e-carousel .e-carousel-navigators .e-next .e-btn:hover {
119
- border-radius: 50%;
120
- }
121
-
122
- .e-carousel .e-carousel-navigators .e-play-pause .e-btn.e-rtl,
123
- .e-carousel .e-carousel-navigators .e-previous .e-btn.e-rtl,
124
- .e-carousel .e-carousel-navigators .e-next .e-btn.e-rtl {
125
- transform: rotate(180deg);
126
- }
127
-
128
- .e-carousel .e-carousel-navigators .e-play-pause.e-hover-arrows,
129
- .e-carousel .e-carousel-navigators .e-previous.e-hover-arrows,
130
- .e-carousel .e-carousel-navigators .e-next.e-hover-arrows {
131
- display: none;
132
- }
133
-
134
- .e-carousel .e-carousel-indicators {
135
- -ms-flex-align: center;
136
- align-items: center;
137
- bottom: 0;
138
- display: -ms-flexbox;
139
- display: flex;
140
- -ms-flex-pack: center;
141
- justify-content: center;
142
- min-height: 48px;
143
- padding: 0;
144
- pointer-events: none;
145
- position: absolute;
146
- width: 100%;
147
- z-index: 1;
148
- }
149
-
150
- .e-carousel .e-carousel-indicators .e-indicator-bars {
151
- display: -ms-flexbox;
152
- display: flex;
153
- -ms-flex-wrap: wrap;
154
- flex-wrap: wrap;
155
- -ms-flex-pack: center;
156
- justify-content: center;
157
- pointer-events: auto;
158
- }
159
-
160
- .e-carousel .e-carousel-indicators .e-indicator-bars .e-indicator-bar {
161
- padding: 0;
162
- }
163
-
164
- .e-carousel .e-carousel-indicators .e-indicator-bars .e-indicator-bar .e-indicator {
165
- -ms-flex-align: center;
166
- align-items: center;
167
- display: -ms-flexbox;
168
- display: flex;
169
- -ms-flex-pack: center;
170
- justify-content: center;
171
- padding: 6px;
172
- }
173
-
174
- .e-carousel .e-carousel-indicators .e-indicator-bars .e-indicator-bar .e-indicator div {
175
- border: 1px solid rgba(255, 255, 255, 0.4);
176
- border-radius: 50%;
177
- height: 12px;
178
- transition-duration: 0.6s;
179
- transition-property: background-color, border-color;
180
- transition-timing-function: ease-in-out;
181
- width: 12px;
182
- }
183
-
184
- .e-carousel .e-carousel-indicators .e-indicator-bars .e-indicator-bar .e-indicator .e-ripple-element {
185
- display: none;
186
- }
187
-
188
- /*! carousel component theme */
189
- .e-carousel .e-carousel-navigators .e-previous .e-btn:not(:disabled),
190
- .e-carousel .e-carousel-navigators .e-next .e-btn:not(:disabled),
191
- .e-carousel .e-carousel-navigators .e-play-pause .e-btn:not(:disabled) {
192
- background-color: transparent;
193
- }
194
-
195
- .e-carousel .e-carousel-navigators .e-previous .e-btn:not(:disabled) .e-btn-icon,
196
- .e-carousel .e-carousel-navigators .e-next .e-btn:not(:disabled) .e-btn-icon,
197
- .e-carousel .e-carousel-navigators .e-play-pause .e-btn:not(:disabled) .e-btn-icon {
198
- color: #fff;
199
- }
200
-
201
- .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,
202
- .e-carousel .e-carousel-navigators .e-next .e-btn:not(:disabled):active,
203
- .e-carousel .e-carousel-navigators .e-next .e-btn:not(:disabled):focus,
204
- .e-carousel .e-carousel-navigators .e-next .e-btn:not(:disabled):hover,
205
- .e-carousel .e-carousel-navigators .e-play-pause .e-btn:not(:disabled):active,
206
- .e-carousel .e-carousel-navigators .e-play-pause .e-btn:not(:disabled):focus,
207
- .e-carousel .e-carousel-navigators .e-play-pause .e-btn:not(:disabled):hover {
208
- background-color: rgba(255, 255, 255, 0.4);
209
- outline: none;
210
- }
211
-
212
- .e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator {
213
- background-color: transparent;
214
- border-color: transparent;
215
- box-shadow: none;
216
- }
217
-
218
- .e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator div {
219
- background-color: #fff;
220
- border-color: #fff;
221
- }
222
-
223
- .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 {
224
- background-color: transparent;
225
- border-color: transparent;
226
- box-shadow: none;
227
- outline: none;
228
- }
229
-
230
- .e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator:focus-visible {
231
- border-color: #000;
232
- }
233
-
234
- .e-carousel .e-carousel-indicators .e-indicator-bar.e-active .e-indicator div {
235
- background-color: #e3165b;
236
- border-color: #e3165b;
237
- }
@@ -1 +0,0 @@
1
- @import 'ej2-navigations/styles/carousel/material.scss';