@syncfusion/ej2-vue-navigations 20.1.48 → 20.1.56

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 (253) hide show
  1. package/CHANGELOG.md +74 -2
  2. package/README.md +17 -2
  3. package/carousel.d.ts +4 -0
  4. package/carousel.js +4 -0
  5. package/dist/ej2-vue-navigations.umd.min.js +11 -2
  6. package/dist/es6/ej2-vue-navigations.es2015.js +377 -92
  7. package/dist/es6/ej2-vue-navigations.es2015.js.map +1 -1
  8. package/dist/es6/ej2-vue-navigations.es5.js +415 -109
  9. package/dist/es6/ej2-vue-navigations.es5.js.map +1 -1
  10. package/dist/global/ej2-vue-navigations.min.js +2 -2
  11. package/package.json +11 -15
  12. package/src/accordion/accordion.component.d.ts +1 -1
  13. package/src/accordion/accordion.component.js +2 -1
  14. package/src/breadcrumb/breadcrumb.component.js +1 -0
  15. package/src/carousel/carousel.component.d.ts +43 -0
  16. package/src/carousel/carousel.component.js +203 -0
  17. package/src/carousel/index.d.ts +2 -0
  18. package/src/carousel/index.js +2 -0
  19. package/src/carousel/items.directive.d.ts +33 -0
  20. package/src/carousel/items.directive.js +110 -0
  21. package/src/index.d.ts +2 -0
  22. package/src/index.js +2 -0
  23. package/src/sidebar/sidebar.component.js +1 -0
  24. package/styles/accordion/bootstrap-dark.css +49 -152
  25. package/styles/accordion/bootstrap.css +49 -152
  26. package/styles/accordion/bootstrap4.css +52 -167
  27. package/styles/accordion/bootstrap5-dark.css +49 -149
  28. package/styles/accordion/bootstrap5.css +49 -149
  29. package/styles/accordion/fabric-dark.css +51 -150
  30. package/styles/accordion/fabric.css +51 -150
  31. package/styles/accordion/fluent-dark.css +314 -0
  32. package/styles/accordion/fluent-dark.scss +1 -0
  33. package/styles/accordion/fluent.css +314 -0
  34. package/styles/accordion/fluent.scss +1 -0
  35. package/styles/accordion/highcontrast-light.css +54 -175
  36. package/styles/accordion/highcontrast.css +54 -175
  37. package/styles/accordion/material-dark.css +50 -152
  38. package/styles/accordion/material.css +50 -152
  39. package/styles/accordion/tailwind-dark.css +52 -154
  40. package/styles/accordion/tailwind.css +52 -154
  41. package/styles/bootstrap-dark.css +527 -2037
  42. package/styles/bootstrap-dark.scss +1 -0
  43. package/styles/bootstrap.css +527 -2037
  44. package/styles/bootstrap.scss +1 -0
  45. package/styles/bootstrap4.css +533 -2100
  46. package/styles/bootstrap4.scss +1 -0
  47. package/styles/bootstrap5-dark.css +629 -2181
  48. package/styles/bootstrap5-dark.scss +1 -0
  49. package/styles/bootstrap5.css +629 -2181
  50. package/styles/bootstrap5.scss +1 -0
  51. package/styles/breadcrumb/bootstrap-dark.css +15 -89
  52. package/styles/breadcrumb/bootstrap.css +15 -89
  53. package/styles/breadcrumb/bootstrap4.css +15 -89
  54. package/styles/breadcrumb/bootstrap5-dark.css +17 -95
  55. package/styles/breadcrumb/bootstrap5.css +17 -95
  56. package/styles/breadcrumb/fabric-dark.css +15 -90
  57. package/styles/breadcrumb/fabric.css +15 -90
  58. package/styles/breadcrumb/fluent-dark.css +370 -0
  59. package/styles/breadcrumb/fluent-dark.scss +1 -0
  60. package/styles/breadcrumb/fluent.css +370 -0
  61. package/styles/breadcrumb/fluent.scss +1 -0
  62. package/styles/breadcrumb/highcontrast-light.css +15 -92
  63. package/styles/breadcrumb/highcontrast.css +15 -92
  64. package/styles/breadcrumb/material-dark.css +15 -84
  65. package/styles/breadcrumb/material.css +15 -84
  66. package/styles/breadcrumb/tailwind-dark.css +30 -97
  67. package/styles/breadcrumb/tailwind.css +29 -96
  68. package/styles/carousel/bootstrap-dark.css +217 -0
  69. package/styles/carousel/bootstrap-dark.scss +1 -0
  70. package/styles/carousel/bootstrap.css +217 -0
  71. package/styles/carousel/bootstrap.scss +1 -0
  72. package/styles/carousel/bootstrap4.css +217 -0
  73. package/styles/carousel/bootstrap4.scss +1 -0
  74. package/styles/carousel/bootstrap5-dark.css +217 -0
  75. package/styles/carousel/bootstrap5-dark.scss +1 -0
  76. package/styles/carousel/bootstrap5.css +217 -0
  77. package/styles/carousel/bootstrap5.scss +1 -0
  78. package/styles/carousel/fabric-dark.css +217 -0
  79. package/styles/carousel/fabric-dark.scss +1 -0
  80. package/styles/carousel/fabric.css +217 -0
  81. package/styles/carousel/fabric.scss +1 -0
  82. package/styles/carousel/fluent-dark.css +217 -0
  83. package/styles/carousel/fluent-dark.scss +1 -0
  84. package/styles/carousel/fluent.css +217 -0
  85. package/styles/carousel/fluent.scss +1 -0
  86. package/styles/carousel/highcontrast-light.css +217 -0
  87. package/styles/carousel/highcontrast-light.scss +1 -0
  88. package/styles/carousel/highcontrast.css +217 -0
  89. package/styles/carousel/highcontrast.scss +1 -0
  90. package/styles/carousel/material-dark.css +218 -0
  91. package/styles/carousel/material-dark.scss +1 -0
  92. package/styles/carousel/material.css +218 -0
  93. package/styles/carousel/material.scss +1 -0
  94. package/styles/carousel/tailwind-dark.css +218 -0
  95. package/styles/carousel/tailwind-dark.scss +1 -0
  96. package/styles/carousel/tailwind.css +218 -0
  97. package/styles/carousel/tailwind.scss +1 -0
  98. package/styles/context-menu/bootstrap-dark.css +10 -59
  99. package/styles/context-menu/bootstrap.css +10 -59
  100. package/styles/context-menu/bootstrap4.css +10 -59
  101. package/styles/context-menu/bootstrap5-dark.css +21 -67
  102. package/styles/context-menu/bootstrap5.css +21 -67
  103. package/styles/context-menu/fabric-dark.css +10 -59
  104. package/styles/context-menu/fabric.css +10 -59
  105. package/styles/context-menu/fluent-dark.css +334 -0
  106. package/styles/context-menu/fluent-dark.scss +1 -0
  107. package/styles/context-menu/fluent.css +334 -0
  108. package/styles/context-menu/fluent.scss +1 -0
  109. package/styles/context-menu/highcontrast-light.css +10 -59
  110. package/styles/context-menu/highcontrast.css +10 -59
  111. package/styles/context-menu/material-dark.css +10 -59
  112. package/styles/context-menu/material.css +10 -59
  113. package/styles/context-menu/tailwind-dark.css +13 -60
  114. package/styles/context-menu/tailwind.css +13 -60
  115. package/styles/fabric-dark.css +520 -2026
  116. package/styles/fabric-dark.scss +1 -0
  117. package/styles/fabric.css +520 -2026
  118. package/styles/fabric.scss +1 -0
  119. package/styles/fluent-dark.css +8507 -0
  120. package/styles/fluent-dark.scss +11 -0
  121. package/styles/fluent.css +8507 -0
  122. package/styles/fluent.scss +11 -0
  123. package/styles/h-scroll/bootstrap-dark.css +11 -68
  124. package/styles/h-scroll/bootstrap.css +11 -68
  125. package/styles/h-scroll/bootstrap4.css +11 -70
  126. package/styles/h-scroll/bootstrap5-dark.css +21 -79
  127. package/styles/h-scroll/bootstrap5.css +21 -79
  128. package/styles/h-scroll/fabric-dark.css +11 -68
  129. package/styles/h-scroll/fabric.css +11 -68
  130. package/styles/h-scroll/fluent-dark.css +269 -0
  131. package/styles/h-scroll/fluent-dark.scss +1 -0
  132. package/styles/h-scroll/fluent.css +269 -0
  133. package/styles/h-scroll/fluent.scss +1 -0
  134. package/styles/h-scroll/highcontrast-light.css +11 -71
  135. package/styles/h-scroll/highcontrast.css +11 -71
  136. package/styles/h-scroll/material-dark.css +14 -72
  137. package/styles/h-scroll/material.css +11 -69
  138. package/styles/h-scroll/tailwind-dark.css +11 -69
  139. package/styles/h-scroll/tailwind.css +11 -69
  140. package/styles/highcontrast-light.css +524 -2097
  141. package/styles/highcontrast-light.scss +1 -0
  142. package/styles/highcontrast.css +525 -2101
  143. package/styles/highcontrast.scss +1 -0
  144. package/styles/material-dark.css +529 -1999
  145. package/styles/material-dark.scss +1 -0
  146. package/styles/material.css +519 -1988
  147. package/styles/material.scss +1 -0
  148. package/styles/menu/bootstrap-dark.css +28 -203
  149. package/styles/menu/bootstrap.css +28 -203
  150. package/styles/menu/bootstrap4.css +29 -213
  151. package/styles/menu/bootstrap5-dark.css +50 -226
  152. package/styles/menu/bootstrap5.css +50 -226
  153. package/styles/menu/fabric-dark.css +28 -203
  154. package/styles/menu/fabric.css +28 -203
  155. package/styles/menu/fluent-dark.css +1084 -0
  156. package/styles/menu/fluent-dark.scss +1 -0
  157. package/styles/menu/fluent.css +1084 -0
  158. package/styles/menu/fluent.scss +1 -0
  159. package/styles/menu/highcontrast-light.css +28 -203
  160. package/styles/menu/highcontrast.css +28 -203
  161. package/styles/menu/material-dark.css +28 -205
  162. package/styles/menu/material.css +28 -205
  163. package/styles/menu/tailwind-dark.css +31 -206
  164. package/styles/menu/tailwind.css +31 -206
  165. package/styles/sidebar/bootstrap-dark.css +14 -25
  166. package/styles/sidebar/bootstrap.css +14 -25
  167. package/styles/sidebar/bootstrap4.css +14 -25
  168. package/styles/sidebar/bootstrap5-dark.css +12 -23
  169. package/styles/sidebar/bootstrap5.css +12 -23
  170. package/styles/sidebar/fabric-dark.css +14 -25
  171. package/styles/sidebar/fabric.css +14 -25
  172. package/styles/sidebar/fluent-dark.css +143 -0
  173. package/styles/sidebar/fluent-dark.scss +1 -0
  174. package/styles/sidebar/fluent.css +143 -0
  175. package/styles/sidebar/fluent.scss +1 -0
  176. package/styles/sidebar/highcontrast-light.css +14 -25
  177. package/styles/sidebar/highcontrast.css +14 -25
  178. package/styles/sidebar/material-dark.css +14 -25
  179. package/styles/sidebar/material.css +14 -25
  180. package/styles/sidebar/tailwind-dark.css +12 -23
  181. package/styles/sidebar/tailwind.css +12 -23
  182. package/styles/tab/bootstrap-dark.css +151 -964
  183. package/styles/tab/bootstrap.css +151 -964
  184. package/styles/tab/bootstrap4.css +151 -971
  185. package/styles/tab/bootstrap5-dark.css +173 -998
  186. package/styles/tab/bootstrap5.css +173 -998
  187. package/styles/tab/fabric-dark.css +142 -955
  188. package/styles/tab/fabric.css +142 -955
  189. package/styles/tab/fluent-dark.css +3588 -0
  190. package/styles/tab/fluent-dark.scss +1 -0
  191. package/styles/tab/fluent.css +3588 -0
  192. package/styles/tab/fluent.scss +1 -0
  193. package/styles/tab/highcontrast-light.css +143 -981
  194. package/styles/tab/highcontrast.css +144 -982
  195. package/styles/tab/material-dark.css +145 -917
  196. package/styles/tab/material.css +138 -910
  197. package/styles/tab/tailwind-dark.css +162 -934
  198. package/styles/tab/tailwind.css +162 -934
  199. package/styles/tailwind-dark.css +573 -2054
  200. package/styles/tailwind-dark.scss +1 -0
  201. package/styles/tailwind.css +572 -2053
  202. package/styles/tailwind.scss +1 -0
  203. package/styles/toolbar/bootstrap-dark.css +10 -245
  204. package/styles/toolbar/bootstrap.css +10 -245
  205. package/styles/toolbar/bootstrap4.css +11 -257
  206. package/styles/toolbar/bootstrap5-dark.css +41 -281
  207. package/styles/toolbar/bootstrap5.css +41 -281
  208. package/styles/toolbar/fabric-dark.css +10 -244
  209. package/styles/toolbar/fabric.css +10 -244
  210. package/styles/toolbar/fluent-dark.css +1128 -0
  211. package/styles/toolbar/fluent-dark.scss +1 -0
  212. package/styles/toolbar/fluent.css +1128 -0
  213. package/styles/toolbar/fluent.scss +1 -0
  214. package/styles/toolbar/highcontrast-light.css +10 -256
  215. package/styles/toolbar/highcontrast.css +10 -256
  216. package/styles/toolbar/material-dark.css +10 -247
  217. package/styles/toolbar/material.css +10 -247
  218. package/styles/toolbar/tailwind-dark.css +14 -248
  219. package/styles/toolbar/tailwind.css +14 -248
  220. package/styles/treeview/bootstrap-dark.css +23 -191
  221. package/styles/treeview/bootstrap.css +23 -191
  222. package/styles/treeview/bootstrap4.css +24 -208
  223. package/styles/treeview/bootstrap5-dark.css +28 -221
  224. package/styles/treeview/bootstrap5.css +28 -221
  225. package/styles/treeview/fabric-dark.css +23 -191
  226. package/styles/treeview/fabric.css +23 -191
  227. package/styles/treeview/fluent-dark.css +846 -0
  228. package/styles/treeview/fluent-dark.scss +1 -0
  229. package/styles/treeview/fluent.css +846 -0
  230. package/styles/treeview/fluent.scss +1 -0
  231. package/styles/treeview/highcontrast-light.css +23 -191
  232. package/styles/treeview/highcontrast.css +23 -194
  233. package/styles/treeview/material-dark.css +23 -192
  234. package/styles/treeview/material.css +23 -191
  235. package/styles/treeview/tailwind-dark.css +31 -222
  236. package/styles/treeview/tailwind.css +31 -222
  237. package/styles/v-scroll/bootstrap-dark.css +7 -50
  238. package/styles/v-scroll/bootstrap.css +7 -50
  239. package/styles/v-scroll/bootstrap4.css +7 -50
  240. package/styles/v-scroll/bootstrap5-dark.css +7 -50
  241. package/styles/v-scroll/bootstrap5.css +7 -50
  242. package/styles/v-scroll/fabric-dark.css +7 -50
  243. package/styles/v-scroll/fabric.css +7 -50
  244. package/styles/v-scroll/fluent-dark.css +204 -0
  245. package/styles/v-scroll/fluent-dark.scss +1 -0
  246. package/styles/v-scroll/fluent.css +204 -0
  247. package/styles/v-scroll/fluent.scss +1 -0
  248. package/styles/v-scroll/highcontrast-light.css +7 -53
  249. package/styles/v-scroll/highcontrast.css +7 -53
  250. package/styles/v-scroll/material-dark.css +7 -51
  251. package/styles/v-scroll/material.css +7 -51
  252. package/styles/v-scroll/tailwind-dark.css +7 -50
  253. package/styles/v-scroll/tailwind.css +7 -50
@@ -0,0 +1,11 @@
1
+ @import 'h-scroll/fluent.scss';
2
+ @import 'v-scroll/fluent.scss';
3
+ @import 'toolbar/fluent.scss';
4
+ @import 'accordion/fluent.scss';
5
+ @import 'carousel/fluent.scss';
6
+ @import 'context-menu/fluent.scss';
7
+ @import 'tab/fluent.scss';
8
+ @import 'treeview/fluent.scss';
9
+ @import 'sidebar/fluent.scss';
10
+ @import 'menu/fluent.scss';
11
+ @import 'breadcrumb/fluent.scss';
@@ -1,35 +1,28 @@
1
1
  /*! hscroll icons */
2
2
  .e-hscroll.e-rtl.e-scroll-device .e-nav-right-arrow::before {
3
- content: '\e904';
3
+ content: "\e904";
4
4
  }
5
-
6
5
  .e-hscroll.e-rtl.e-scroll-device .e-nav-left-arrow::before {
7
- content: '\e913';
6
+ content: "\e913";
8
7
  }
9
-
10
8
  .e-hscroll.e-rtl .e-nav-left-arrow::before {
11
- content: '\e848';
9
+ content: "\e848";
12
10
  }
13
-
14
11
  .e-hscroll.e-rtl .e-nav-right-arrow::before {
15
- content: '\e84b';
12
+ content: "\e84b";
16
13
  }
17
-
18
14
  .e-hscroll.e-scroll-device .e-nav-right-arrow::before {
19
- content: '\e913';
15
+ content: "\e913";
20
16
  }
21
-
22
17
  .e-hscroll.e-scroll-device .e-nav-left-arrow::before {
23
- content: '\e904';
18
+ content: "\e904";
24
19
  }
25
-
26
20
  .e-hscroll .e-nav-left-arrow::before {
27
- content: '\e84b';
21
+ content: "\e84b";
28
22
  line-height: normal;
29
23
  }
30
-
31
24
  .e-hscroll .e-nav-right-arrow::before {
32
- content: '\e848';
25
+ content: "\e848";
33
26
  line-height: normal;
34
27
  }
35
28
 
@@ -38,38 +31,31 @@
38
31
  .e-hscroll.e-bigger {
39
32
  min-height: 50px;
40
33
  }
41
-
42
34
  .e-bigger .e-hscroll:not(.e-scroll-device),
43
35
  .e-hscroll.e-bigger:not(.e-scroll-device) {
44
36
  padding: 0 50px;
45
37
  }
46
-
47
38
  .e-bigger .e-hscroll.e-scroll-device,
48
39
  .e-hscroll.e-bigger.e-scroll-device {
49
40
  padding-right: 50px;
50
41
  }
51
-
52
42
  .e-bigger .e-hscroll.e-rtl.e-scroll-device,
53
43
  .e-hscroll.e-bigger.e-rtl.e-scroll-device {
54
44
  padding-left: 50px;
55
45
  padding-right: initial;
56
46
  }
57
-
58
47
  .e-bigger .e-hscroll .e-nav-arrow.e-icons,
59
48
  .e-hscroll.e-bigger .e-nav-arrow.e-icons {
60
49
  font-size: 14px;
61
50
  }
62
-
63
51
  .e-bigger .e-hscroll.e-rtl .e-scroll-overlay.e-scroll-right-overlay,
64
52
  .e-hscroll.e-bigger.e-rtl .e-scroll-overlay.e-scroll-right-overlay {
65
53
  left: 50px;
66
54
  }
67
-
68
55
  .e-bigger .e-hscroll .e-scroll-overlay.e-scroll-right-overlay,
69
56
  .e-hscroll.e-bigger .e-scroll-overlay.e-scroll-right-overlay {
70
57
  right: 50px;
71
58
  }
72
-
73
59
  .e-bigger .e-hscroll .e-scroll-nav,
74
60
  .e-hscroll.e-bigger .e-scroll-nav {
75
61
  min-height: 50px;
@@ -81,45 +67,36 @@
81
67
  position: relative;
82
68
  width: inherit;
83
69
  }
84
-
85
70
  .e-hscroll.e-rtl.e-scroll-device {
86
71
  padding-left: 50px;
87
72
  padding-right: initial;
88
73
  }
89
-
90
74
  .e-hscroll.e-rtl.e-scroll-device .e-scroll-nav {
91
75
  transform: skewX(-16deg) translateX(-6px);
92
76
  }
93
-
94
77
  .e-hscroll.e-rtl.e-scroll-device .e-scroll-overlay.e-scroll-right-overlay {
95
78
  left: 50px;
96
79
  right: auto;
97
80
  transform: skewX(-16deg) translateX(-6px);
98
81
  }
99
-
100
82
  .e-hscroll.e-rtl.e-scroll-device .e-scroll-overlay.e-scroll-left-overlay {
101
83
  left: auto;
102
84
  right: 0;
103
85
  }
104
-
105
86
  .e-hscroll:not(.e-scroll-device) {
106
87
  padding: 0 40px;
107
88
  }
108
-
109
89
  .e-hscroll.e-scroll-device {
110
90
  padding-right: 50px;
111
91
  }
112
-
113
92
  .e-hscroll.e-scroll-device .e-scroll-nav {
114
93
  transform: skewX(-16deg) translateX(6px);
115
94
  width: 50px;
116
95
  }
117
-
118
96
  .e-hscroll.e-scroll-device .e-scroll-nav .e-nav-arrow {
119
97
  font-size: 14px;
120
98
  transform: skewX(16deg);
121
99
  }
122
-
123
100
  .e-hscroll.e-scroll-device .e-scroll-overlay {
124
101
  opacity: 0.5;
125
102
  pointer-events: none;
@@ -127,26 +104,21 @@
127
104
  top: 0;
128
105
  z-index: 100;
129
106
  }
130
-
131
107
  .e-hscroll.e-scroll-device .e-scroll-overlay.e-scroll-right-overlay {
132
108
  left: auto;
133
109
  right: 50px;
134
110
  transform: skewX(-16deg) translateX(6px);
135
111
  }
136
-
137
112
  .e-hscroll.e-scroll-device .e-scroll-overlay.e-scroll-left-overlay {
138
113
  left: 0;
139
114
  right: auto;
140
115
  }
141
-
142
116
  .e-hscroll.e-overlay .e-hscroll-content > * {
143
117
  pointer-events: none;
144
118
  }
145
-
146
119
  .e-hscroll > * {
147
120
  height: inherit;
148
121
  }
149
-
150
122
  .e-hscroll .e-hscroll-content {
151
123
  display: inline-block;
152
124
  height: inherit;
@@ -154,21 +126,17 @@
154
126
  -ms-touch-action: none;
155
127
  touch-action: none;
156
128
  }
157
-
158
129
  .e-hscroll .e-hscroll-content > * {
159
130
  pointer-events: auto;
160
131
  }
161
-
162
132
  .e-hscroll.e-rtl .e-scroll-nav.e-scroll-right-nav {
163
133
  left: 0;
164
134
  right: auto;
165
135
  }
166
-
167
136
  .e-hscroll.e-rtl .e-scroll-nav.e-scroll-left-nav {
168
137
  left: auto;
169
138
  right: 0;
170
139
  }
171
-
172
140
  .e-hscroll .e-scroll-nav {
173
141
  -ms-flex-align: center;
174
142
  align-items: center;
@@ -176,37 +144,30 @@
176
144
  cursor: pointer;
177
145
  display: -ms-flexbox;
178
146
  display: flex;
179
- height: 100%;
180
147
  min-height: 40px;
181
148
  overflow: hidden;
182
149
  position: absolute;
183
150
  top: 0;
184
151
  width: 40px;
185
152
  }
186
-
187
153
  .e-hscroll .e-scroll-nav.e-scroll-left-nav {
188
154
  left: 0;
189
155
  }
190
-
191
156
  .e-hscroll .e-scroll-nav.e-scroll-right-nav {
192
157
  right: 0;
193
158
  }
194
-
195
159
  .e-hscroll .e-scroll-nav.e-ie-align {
196
160
  display: table;
197
161
  }
198
-
199
162
  .e-hscroll .e-nav-arrow {
200
163
  position: relative;
201
164
  }
202
-
203
165
  .e-hscroll .e-nav-arrow.e-icons {
204
166
  display: table-cell;
205
167
  text-align: center;
206
168
  vertical-align: middle;
207
169
  width: 100%;
208
170
  }
209
-
210
171
  .e-hscroll .e-hscroll-bar .e-hscroll-content .e-overlay {
211
172
  pointer-events: none;
212
173
  }
@@ -215,91 +176,73 @@
215
176
  .e-hscroll .e-scroll-nav .e-icons {
216
177
  color: #f0f0f0;
217
178
  }
218
-
219
179
  .e-hscroll.e-rtl.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
220
180
  border-color: #1a1a1a;
221
181
  box-shadow: 4px 0 8px 0 rgba(0, 0, 0, 0.06);
222
182
  }
223
-
224
183
  .e-hscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
225
184
  background-color: #131313;
226
185
  border-color: #1a1a1a;
227
186
  border-width: 0;
228
187
  box-shadow: -4px 0 8px 0 rgba(0, 0, 0, 0.6);
229
188
  }
230
-
231
189
  .e-hscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav .e-nav-arrow {
232
190
  color: #fff;
233
191
  }
234
-
235
192
  .e-hscroll .e-scroll-overlay {
236
193
  background-color: transparent;
237
194
  background-repeat: repeat-x;
238
195
  }
239
-
240
196
  .e-hscroll .e-scroll-overlay.e-scroll-left-overlay {
241
197
  background-image: linear-gradient(to right, rgba(19, 19, 19, 0.5) 0, rgba(19, 19, 19, 0.0001) 100%);
242
198
  }
243
-
244
199
  .e-hscroll .e-scroll-overlay.e-scroll-right-overlay {
245
200
  background-image: linear-gradient(to right, rgba(19, 19, 19, 0.0001) 0, rgba(19, 19, 19, 0.5) 100%);
246
201
  }
247
-
248
202
  .e-hscroll.e-rtl .e-scroll-nav {
249
203
  background: #131313;
250
204
  }
251
-
252
205
  .e-hscroll.e-rtl .e-scroll-nav.e-scroll-left-nav {
253
206
  border-left: 1px solid #505050;
254
207
  border-right: 0;
255
208
  }
256
-
257
209
  .e-hscroll.e-rtl .e-scroll-nav.e-scroll-right-nav {
258
210
  border-left: 0;
259
211
  border-right: 1px solid #505050;
260
212
  }
261
-
262
213
  .e-hscroll.e-rtl .e-scroll-nav:hover {
263
214
  background: #393939;
264
215
  border: 0;
265
216
  color: #fff;
266
217
  }
267
-
268
218
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover {
269
219
  background: #393939;
270
220
  border: 0;
271
221
  color: #fff;
272
222
  }
273
-
274
223
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus {
275
224
  background: #393939;
276
225
  border: 0;
277
226
  color: #fff;
278
227
  }
279
-
280
228
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:active {
281
229
  background: #2a2a2a;
282
230
  border: 0;
283
231
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
284
232
  color: #fff;
285
233
  }
286
-
287
234
  .e-hscroll .e-scroll-nav {
288
235
  background: #131313;
289
236
  }
290
-
291
237
  .e-hscroll .e-scroll-nav.e-scroll-left-nav {
292
238
  border-right: 1px solid #505050;
293
239
  }
294
-
295
240
  .e-hscroll .e-scroll-nav.e-scroll-right-nav {
296
241
  border-left: 1px solid #505050;
297
242
  }
298
-
299
243
  .e-hscroll .e-scroll-nav::after {
300
- content: '';
244
+ content: "";
301
245
  }
302
-
303
246
  .e-hscroll .e-scroll-nav:active::after {
304
- content: '';
305
- }
247
+ content: "";
248
+ }
@@ -1,36 +1,29 @@
1
1
  /*! component's theme wise override definitions and variables */
2
2
  /*! hscroll icons */
3
3
  .e-hscroll.e-rtl.e-scroll-device .e-nav-right-arrow::before {
4
- content: '\e904';
4
+ content: "\e904";
5
5
  }
6
-
7
6
  .e-hscroll.e-rtl.e-scroll-device .e-nav-left-arrow::before {
8
- content: '\e913';
7
+ content: "\e913";
9
8
  }
10
-
11
9
  .e-hscroll.e-rtl .e-nav-left-arrow::before {
12
- content: '\e848';
10
+ content: "\e848";
13
11
  }
14
-
15
12
  .e-hscroll.e-rtl .e-nav-right-arrow::before {
16
- content: '\e84b';
13
+ content: "\e84b";
17
14
  }
18
-
19
15
  .e-hscroll.e-scroll-device .e-nav-right-arrow::before {
20
- content: '\e913';
16
+ content: "\e913";
21
17
  }
22
-
23
18
  .e-hscroll.e-scroll-device .e-nav-left-arrow::before {
24
- content: '\e904';
19
+ content: "\e904";
25
20
  }
26
-
27
21
  .e-hscroll .e-nav-left-arrow::before {
28
- content: '\e84b';
22
+ content: "\e84b";
29
23
  line-height: normal;
30
24
  }
31
-
32
25
  .e-hscroll .e-nav-right-arrow::before {
33
- content: '\e848';
26
+ content: "\e848";
34
27
  line-height: normal;
35
28
  }
36
29
 
@@ -39,38 +32,31 @@
39
32
  .e-hscroll.e-bigger {
40
33
  min-height: 50px;
41
34
  }
42
-
43
35
  .e-bigger .e-hscroll:not(.e-scroll-device),
44
36
  .e-hscroll.e-bigger:not(.e-scroll-device) {
45
37
  padding: 0 50px;
46
38
  }
47
-
48
39
  .e-bigger .e-hscroll.e-scroll-device,
49
40
  .e-hscroll.e-bigger.e-scroll-device {
50
41
  padding-right: 50px;
51
42
  }
52
-
53
43
  .e-bigger .e-hscroll.e-rtl.e-scroll-device,
54
44
  .e-hscroll.e-bigger.e-rtl.e-scroll-device {
55
45
  padding-left: 50px;
56
46
  padding-right: initial;
57
47
  }
58
-
59
48
  .e-bigger .e-hscroll .e-nav-arrow.e-icons,
60
49
  .e-hscroll.e-bigger .e-nav-arrow.e-icons {
61
50
  font-size: 14px;
62
51
  }
63
-
64
52
  .e-bigger .e-hscroll.e-rtl .e-scroll-overlay.e-scroll-right-overlay,
65
53
  .e-hscroll.e-bigger.e-rtl .e-scroll-overlay.e-scroll-right-overlay {
66
54
  left: 50px;
67
55
  }
68
-
69
56
  .e-bigger .e-hscroll .e-scroll-overlay.e-scroll-right-overlay,
70
57
  .e-hscroll.e-bigger .e-scroll-overlay.e-scroll-right-overlay {
71
58
  right: 50px;
72
59
  }
73
-
74
60
  .e-bigger .e-hscroll .e-scroll-nav,
75
61
  .e-hscroll.e-bigger .e-scroll-nav {
76
62
  min-height: 50px;
@@ -82,45 +68,36 @@
82
68
  position: relative;
83
69
  width: inherit;
84
70
  }
85
-
86
71
  .e-hscroll.e-rtl.e-scroll-device {
87
72
  padding-left: 50px;
88
73
  padding-right: initial;
89
74
  }
90
-
91
75
  .e-hscroll.e-rtl.e-scroll-device .e-scroll-nav {
92
76
  transform: skewX(-16deg) translateX(-6px);
93
77
  }
94
-
95
78
  .e-hscroll.e-rtl.e-scroll-device .e-scroll-overlay.e-scroll-right-overlay {
96
79
  left: 52px;
97
80
  right: auto;
98
81
  transform: skewX(-16deg) translateX(-6px);
99
82
  }
100
-
101
83
  .e-hscroll.e-rtl.e-scroll-device .e-scroll-overlay.e-scroll-left-overlay {
102
84
  left: auto;
103
85
  right: 0;
104
86
  }
105
-
106
87
  .e-hscroll:not(.e-scroll-device) {
107
88
  padding: 0 40px;
108
89
  }
109
-
110
90
  .e-hscroll.e-scroll-device {
111
91
  padding-right: 50px;
112
92
  }
113
-
114
93
  .e-hscroll.e-scroll-device .e-scroll-nav {
115
94
  transform: skewX(-16deg) translateX(6px);
116
95
  width: 52px;
117
96
  }
118
-
119
97
  .e-hscroll.e-scroll-device .e-scroll-nav .e-nav-arrow {
120
98
  font-size: 14px;
121
99
  transform: skewX(16deg);
122
100
  }
123
-
124
101
  .e-hscroll.e-scroll-device .e-scroll-overlay {
125
102
  opacity: 0.5;
126
103
  pointer-events: none;
@@ -128,26 +105,21 @@
128
105
  top: 0;
129
106
  z-index: 100;
130
107
  }
131
-
132
108
  .e-hscroll.e-scroll-device .e-scroll-overlay.e-scroll-right-overlay {
133
109
  left: auto;
134
110
  right: 52px;
135
111
  transform: skewX(-16deg) translateX(6px);
136
112
  }
137
-
138
113
  .e-hscroll.e-scroll-device .e-scroll-overlay.e-scroll-left-overlay {
139
114
  left: 0;
140
115
  right: auto;
141
116
  }
142
-
143
117
  .e-hscroll.e-overlay .e-hscroll-content > * {
144
118
  pointer-events: none;
145
119
  }
146
-
147
120
  .e-hscroll > * {
148
121
  height: inherit;
149
122
  }
150
-
151
123
  .e-hscroll .e-hscroll-content {
152
124
  display: inline-block;
153
125
  height: inherit;
@@ -155,21 +127,17 @@
155
127
  -ms-touch-action: none;
156
128
  touch-action: none;
157
129
  }
158
-
159
130
  .e-hscroll .e-hscroll-content > * {
160
131
  pointer-events: auto;
161
132
  }
162
-
163
133
  .e-hscroll.e-rtl .e-scroll-nav.e-scroll-right-nav {
164
134
  left: 0;
165
135
  right: auto;
166
136
  }
167
-
168
137
  .e-hscroll.e-rtl .e-scroll-nav.e-scroll-left-nav {
169
138
  left: auto;
170
139
  right: 0;
171
140
  }
172
-
173
141
  .e-hscroll .e-scroll-nav {
174
142
  -ms-flex-align: center;
175
143
  align-items: center;
@@ -177,37 +145,30 @@
177
145
  cursor: pointer;
178
146
  display: -ms-flexbox;
179
147
  display: flex;
180
- height: 100%;
181
148
  min-height: 40px;
182
149
  overflow: hidden;
183
150
  position: absolute;
184
151
  top: 0;
185
152
  width: 40px;
186
153
  }
187
-
188
154
  .e-hscroll .e-scroll-nav.e-scroll-left-nav {
189
155
  left: 0;
190
156
  }
191
-
192
157
  .e-hscroll .e-scroll-nav.e-scroll-right-nav {
193
158
  right: 0;
194
159
  }
195
-
196
160
  .e-hscroll .e-scroll-nav.e-ie-align {
197
161
  display: table;
198
162
  }
199
-
200
163
  .e-hscroll .e-nav-arrow {
201
164
  position: relative;
202
165
  }
203
-
204
166
  .e-hscroll .e-nav-arrow.e-icons {
205
167
  display: table-cell;
206
168
  text-align: center;
207
169
  vertical-align: middle;
208
170
  width: 100%;
209
171
  }
210
-
211
172
  .e-hscroll .e-hscroll-bar .e-hscroll-content .e-overlay {
212
173
  pointer-events: none;
213
174
  }
@@ -216,91 +177,73 @@
216
177
  .e-hscroll .e-scroll-nav .e-icons {
217
178
  color: #333;
218
179
  }
219
-
220
180
  .e-hscroll.e-rtl.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
221
181
  border-color: #ccc;
222
182
  box-shadow: 4px 0 8px 0 rgba(0, 0, 0, 0.06);
223
183
  }
224
-
225
184
  .e-hscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
226
185
  background-color: #f8f8f8;
227
186
  border-color: #ccc;
228
187
  border-width: 1px;
229
188
  box-shadow: -4px 0 8px 0 rgba(0, 0, 0, 0.06);
230
189
  }
231
-
232
190
  .e-hscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav .e-nav-arrow {
233
191
  color: #317ab9;
234
192
  }
235
-
236
193
  .e-hscroll .e-scroll-overlay {
237
194
  background-color: transparent;
238
195
  background-repeat: repeat-x;
239
196
  }
240
-
241
197
  .e-hscroll .e-scroll-overlay.e-scroll-left-overlay {
242
198
  background-image: linear-gradient(-270deg, white 0%, rgba(255, 255, 255, 0) 100%);
243
199
  }
244
-
245
200
  .e-hscroll .e-scroll-overlay.e-scroll-right-overlay {
246
201
  background-image: linear-gradient(-270deg, rgba(255, 255, 255, 0) 0%, white 100%);
247
202
  }
248
-
249
203
  .e-hscroll.e-rtl .e-scroll-nav {
250
204
  background: #f8f8f8;
251
205
  }
252
-
253
206
  .e-hscroll.e-rtl .e-scroll-nav.e-scroll-left-nav {
254
207
  border-left: 1px solid #ccc;
255
208
  border-right: 0;
256
209
  }
257
-
258
210
  .e-hscroll.e-rtl .e-scroll-nav.e-scroll-right-nav {
259
211
  border-left: 0;
260
212
  border-right: 1px solid #ccc;
261
213
  }
262
-
263
214
  .e-hscroll.e-rtl .e-scroll-nav:hover {
264
215
  background: #e6e6e6;
265
216
  border: 0;
266
217
  color: #333;
267
218
  }
268
-
269
219
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover {
270
220
  background: #e6e6e6;
271
221
  border: 0;
272
222
  color: #333;
273
223
  }
274
-
275
224
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus {
276
225
  background: #e6e6e6;
277
226
  border: 0;
278
227
  color: #333;
279
228
  }
280
-
281
229
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:active {
282
230
  background: #e6e6e6;
283
231
  border: 0;
284
232
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
285
233
  color: #333;
286
234
  }
287
-
288
235
  .e-hscroll .e-scroll-nav {
289
236
  background: #f8f8f8;
290
237
  }
291
-
292
238
  .e-hscroll .e-scroll-nav.e-scroll-left-nav {
293
239
  border-right: 1px solid #ccc;
294
240
  }
295
-
296
241
  .e-hscroll .e-scroll-nav.e-scroll-right-nav {
297
242
  border-left: 1px solid #ccc;
298
243
  }
299
-
300
244
  .e-hscroll .e-scroll-nav::after {
301
- content: '';
245
+ content: "";
302
246
  }
303
-
304
247
  .e-hscroll .e-scroll-nav:active::after {
305
- content: '';
306
- }
248
+ content: "";
249
+ }