@maplat/ui 0.10.6 → 0.11.1

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 (176) hide show
  1. package/LICENSE +223 -223
  2. package/README.md +128 -91
  3. package/assets/locales/de/translation.json +71 -0
  4. package/{locales → assets/locales}/en/translation.json +70 -64
  5. package/{locales → assets/locales}/ja/translation.json +70 -64
  6. package/{locales → assets/locales}/ko/translation.json +71 -65
  7. package/assets/locales/vi/translation.json +71 -0
  8. package/{locales → assets/locales}/zh/translation.json +71 -65
  9. package/{locales → assets/locales}/zh-TW/translation.json +71 -65
  10. package/assets/parts/attr.png +0 -0
  11. package/assets/parts/border.png +0 -0
  12. package/assets/parts/compass.png +0 -0
  13. package/assets/parts/gps.png +0 -0
  14. package/assets/parts/help.png +0 -0
  15. package/assets/parts/hide_marker.png +0 -0
  16. package/assets/parts/home.png +0 -0
  17. package/assets/parts/marker_list.png +0 -0
  18. package/assets/parts/share.png +0 -0
  19. package/dist/absolute_url.d.ts +1 -0
  20. package/dist/assets/locales/de/translation.json +71 -0
  21. package/dist/assets/locales/en/translation.json +70 -64
  22. package/dist/assets/locales/ja/translation.json +70 -64
  23. package/dist/assets/locales/ko/translation.json +71 -65
  24. package/dist/assets/locales/vi/translation.json +71 -0
  25. package/dist/assets/locales/zh/translation.json +71 -65
  26. package/dist/assets/locales/zh-TW/translation.json +71 -65
  27. package/dist/contextmenu.d.ts +5 -0
  28. package/dist/function.d.ts +2 -0
  29. package/dist/icons.d.ts +7 -0
  30. package/dist/index.d.ts +65 -0
  31. package/dist/maplat-ui.es.js +33551 -0
  32. package/dist/maplat-ui.umd.js +4934 -0
  33. package/dist/maplat_control.d.ts +55 -0
  34. package/dist/pointer_images.d.ts +2 -0
  35. package/dist/swiper_ex.d.ts +2 -0
  36. package/dist/types.d.ts +185 -0
  37. package/dist/ui_init.d.ts +4 -0
  38. package/dist/ui_marker.d.ts +9 -0
  39. package/dist/ui_utils.d.ts +9 -0
  40. package/less/bootstrap.less +7010 -7010
  41. package/less/contextmenu.css +8 -0
  42. package/less/font-awesome.less +51 -31
  43. package/less/iziToast.less +1732 -1732
  44. package/less/maplat-specific.less +1038 -652
  45. package/less/swiper4.css +715 -0
  46. package/less/ui.less +11 -11
  47. package/less/ui_packed.less +10 -10
  48. package/package.json +80 -79
  49. package/src/{absolute_url.js → absolute_url.ts} +1 -1
  50. package/src/contextmenu/base.ts +170 -0
  51. package/src/contextmenu/constants.ts +66 -0
  52. package/src/contextmenu/cssVars.ts +13 -0
  53. package/src/contextmenu/helpers/dom.ts +295 -0
  54. package/src/contextmenu/helpers/mix.ts +120 -0
  55. package/src/contextmenu/html.ts +161 -0
  56. package/src/contextmenu/internal.ts +293 -0
  57. package/src/contextmenu.ts +40 -0
  58. package/src/function.ts +36 -0
  59. package/src/icons.ts +46 -0
  60. package/src/index.ts +521 -0
  61. package/src/maplat_control.ts +629 -0
  62. package/src/pointer_images.ts +101 -0
  63. package/src/{service-worker.js → service-worker/index.ts} +5 -6
  64. package/src/swiper_augment.d.ts +13 -0
  65. package/src/{swiper_ex.js → swiper_ex.ts} +14 -10
  66. package/src/types.d.ts +31 -0
  67. package/src/types.ts +202 -0
  68. package/src/ui_init.ts +1175 -0
  69. package/src/ui_marker.ts +376 -0
  70. package/src/ui_utils.ts +87 -0
  71. package/dist/assets/fonts/a8c0074cf70b152b56105e6c4b227bd8.woff +0 -0
  72. package/dist/assets/fonts/cfeff2e898a64ebe7e6b5ec078b174c3.woff +0 -0
  73. package/dist/assets/images/09c3ce5a86d600e24f8e85de3a019853.png +0 -0
  74. package/dist/assets/images/0beac2cb41dfab43ddfd9df80b32b85d.png +0 -0
  75. package/dist/assets/images/1354b4f40dd58bb0f2a4871cb4ff81d8.png +0 -0
  76. package/dist/assets/images/2a61e310e46b50b5f8ddd5e905ba9db9.png +0 -0
  77. package/dist/assets/images/3131423d782cd3ea89a81247065e7f9d.png +0 -0
  78. package/dist/assets/images/41b2cf0fa604d3f196ca52337d238219.jpg +0 -0
  79. package/dist/assets/images/558bc7e8b9b6c5f41a7141cddb8cdb5e.png +0 -0
  80. package/dist/assets/images/56f7003805ed02f8a21199947651db2e.png +0 -0
  81. package/dist/assets/images/5ba349e3596aca094c41c56966b45dc7.png +0 -0
  82. package/dist/assets/images/6111b8076a2cf81c73f0e46f41a3af60.png +0 -0
  83. package/dist/assets/images/6345ee67d554fbfbf484ba4035ad19d9.jpg +0 -0
  84. package/dist/assets/images/649fce122b354de2ac725ba5f2661955.png +0 -0
  85. package/dist/assets/images/6a580287dea82c2fb9b214321a375145.png +0 -0
  86. package/dist/assets/images/6c5dba7f7d76e74c3a8c7c5b1c3fc544.png +0 -0
  87. package/dist/assets/images/6e1f2f2f6fed3c5cddeb925e7ae75aba.png +0 -0
  88. package/dist/assets/images/799a0177b0dc540682fa4a2e349a8f4f.png +0 -0
  89. package/dist/assets/images/7bef6f357e921c43f4f800cfcb757872.png +0 -0
  90. package/dist/assets/images/7d9d643a903df6f57b8b7386316021e5.png +0 -0
  91. package/dist/assets/images/7df82bae917b68159f84998182f2fdc6.png +0 -0
  92. package/dist/assets/images/8e5d0335f6598b8d874ba23ea9fb295f.png +0 -0
  93. package/dist/assets/images/90c32e751366be22777f3fe40a53fe06.png +0 -0
  94. package/dist/assets/images/9247459937b9c882303962e42bd8d989.png +0 -0
  95. package/dist/assets/images/927c34e7b9b2f95c82ba477993117eaf.png +0 -0
  96. package/dist/assets/images/95e9ca8285131f8ccb6da5052093173c.png +0 -0
  97. package/dist/assets/images/9a243e0cb0fc43e2a016d5d3aaa330d5.png +0 -0
  98. package/dist/assets/images/9ac6d81f417d6a5626b7c8d5a087c32b.png +0 -0
  99. package/dist/assets/images/9d3a01c866095b8b3e8e63f9cf11dd51.png +0 -0
  100. package/dist/assets/images/9df733bcb29a746cb16b47eedea9fc3a.png +0 -0
  101. package/dist/assets/images/acc6eab0ba9c470ae20fb4b74135e865.png +0 -0
  102. package/dist/assets/images/b9ae27f0a01228380dff76a33b605707.jpg +0 -0
  103. package/dist/assets/images/ba48b220f61a6e1028f1854326f43acd.png +0 -0
  104. package/dist/assets/images/bf67cc860289b85c0402a4d4f890a3bd.png +0 -0
  105. package/dist/assets/images/c49f2344772e33256ba24d64b59b20d1.png +0 -0
  106. package/dist/assets/images/ca6b77b234b18e7bb9b1ccda774da286.png +0 -0
  107. package/dist/assets/images/cd213169df16398b0017450e31788d73.png +0 -0
  108. package/dist/assets/images/f101a0974972eeab41189185a5c5b225.png +0 -0
  109. package/dist/assets/images/f115726e6249018905cca51653e1262c.png +0 -0
  110. package/dist/assets/images/f7acb820d978ab2dd69e8bf695c574d1.png +0 -0
  111. package/dist/assets/images/ffea4dd10bf2506aa1e0cd4c61426b42.png +0 -0
  112. package/dist/assets/maplat.css +0 -19
  113. package/dist/assets/maplat.css.map +0 -1
  114. package/dist/assets/maplat.js +0 -3
  115. package/dist/assets/maplat.js.LICENSE.txt +0 -43
  116. package/dist/assets/maplat.js.map +0 -1
  117. package/dist/index.html +0 -125
  118. package/dist/service-worker.js +0 -3
  119. package/dist/service-worker.js.LICENSE.txt +0 -1
  120. package/dist/service-worker.js.map +0 -1
  121. package/fonts/clarenbd-webfont.woff +0 -0
  122. package/fonts/fontawesome-webfont.woff +0 -0
  123. package/legacy/bootstrap-native.js +0 -1935
  124. package/legacy/detect-element-resize.js +0 -153
  125. package/legacy/iziToast.js +0 -1301
  126. package/legacy/page.js +0 -1153
  127. package/legacy/qrcode.js +0 -616
  128. package/legacy/sprintf.js +0 -285
  129. package/less/font-face.less +0 -11
  130. package/less/font-face_packed.less +0 -11
  131. package/parts/attr.png +0 -0
  132. package/parts/blue_marker.png +0 -0
  133. package/parts/bluedot.png +0 -0
  134. package/parts/bluedot_small.png +0 -0
  135. package/parts/bluedot_transparent.png +0 -0
  136. package/parts/border.png +0 -0
  137. package/parts/compass.png +0 -0
  138. package/parts/defaultpin.png +0 -0
  139. package/parts/defaultpin_selected.png +0 -0
  140. package/parts/gps.png +0 -0
  141. package/parts/gsi.jpg +0 -0
  142. package/parts/gsi_ortho.jpg +0 -0
  143. package/parts/help.png +0 -0
  144. package/parts/hide_marker.png +0 -0
  145. package/parts/home.png +0 -0
  146. package/parts/osm.jpg +0 -0
  147. package/parts/red_marker.png +0 -0
  148. package/parts/redcircle.png +0 -0
  149. package/parts/share.png +0 -0
  150. package/src/contextmenu.js +0 -29
  151. package/src/freeze_locales.js +0 -337
  152. package/src/function.js +0 -22
  153. package/src/index.js +0 -1778
  154. package/src/index_packed.js +0 -8
  155. package/src/maplat_control.js +0 -808
  156. package/src/pointer_images.js +0 -81
  157. /package/{parts → assets/parts}/Maplat.png +0 -0
  158. /package/{parts → assets/parts}/all_right_reserved.png +0 -0
  159. /package/{parts → assets/parts}/basemap.png +0 -0
  160. /package/{parts → assets/parts}/cc0.png +0 -0
  161. /package/{parts → assets/parts}/cc_by-nc-nd.png +0 -0
  162. /package/{parts → assets/parts}/cc_by-nc-sa.png +0 -0
  163. /package/{parts → assets/parts}/cc_by-nc.png +0 -0
  164. /package/{parts → assets/parts}/cc_by-nd.png +0 -0
  165. /package/{parts → assets/parts}/cc_by-sa.png +0 -0
  166. /package/{parts → assets/parts}/cc_by.png +0 -0
  167. /package/{parts → assets/parts}/favicon.png +0 -0
  168. /package/{parts → assets/parts}/fullscreen.png +0 -0
  169. /package/{parts → assets/parts}/loading.png +0 -0
  170. /package/{parts → assets/parts}/loading_image.png +0 -0
  171. /package/{parts → assets/parts}/minus.png +0 -0
  172. /package/{parts → assets/parts}/no_image.png +0 -0
  173. /package/{parts → assets/parts}/overlay.png +0 -0
  174. /package/{parts → assets/parts}/pd.png +0 -0
  175. /package/{parts → assets/parts}/plus.png +0 -0
  176. /package/{parts → assets/parts}/slider.png +0 -0
@@ -0,0 +1,715 @@
1
+ /**
2
+ * Swiper 4.5.1
3
+ * Most modern mobile touch slider and framework with hardware accelerated transitions
4
+ * http://www.idangero.us/swiper/
5
+ *
6
+ * Copyright 2014-2019 Vladimir Kharlampidi
7
+ *
8
+ * Released under the MIT License
9
+ *
10
+ * Released on: September 13, 2019
11
+ */
12
+ .swiper-container {
13
+ margin-left: auto;
14
+ margin-right: auto;
15
+ position: relative;
16
+ overflow: hidden;
17
+ list-style: none;
18
+ padding: 0;
19
+ /* Fix of Webkit flickering */
20
+ z-index: 1;
21
+ }
22
+
23
+ .swiper-container-no-flexbox .swiper-slide {
24
+ float: left;
25
+ }
26
+
27
+ .swiper-container-vertical>.swiper-wrapper {
28
+ -webkit-box-orient: vertical;
29
+ -webkit-box-direction: normal;
30
+ -webkit-flex-direction: column;
31
+ -ms-flex-direction: column;
32
+ flex-direction: column;
33
+ }
34
+
35
+ .swiper-wrapper {
36
+ position: relative;
37
+ width: 100%;
38
+ height: 100%;
39
+ z-index: 1;
40
+ display: -webkit-box;
41
+ display: -webkit-flex;
42
+ display: -ms-flexbox;
43
+ display: flex;
44
+ -webkit-transition-property: -webkit-transform;
45
+ transition-property: -webkit-transform;
46
+ -o-transition-property: transform;
47
+ transition-property: transform;
48
+ transition-property: transform, -webkit-transform;
49
+ -webkit-box-sizing: content-box;
50
+ box-sizing: content-box;
51
+ }
52
+
53
+ .swiper-container-android .swiper-slide,
54
+ .swiper-wrapper {
55
+ -webkit-transform: translate3d(0px, 0, 0);
56
+ transform: translate3d(0px, 0, 0);
57
+ }
58
+
59
+ .swiper-container-multirow>.swiper-wrapper {
60
+ -webkit-flex-wrap: wrap;
61
+ -ms-flex-wrap: wrap;
62
+ flex-wrap: wrap;
63
+ }
64
+
65
+ .swiper-container-free-mode>.swiper-wrapper {
66
+ -webkit-transition-timing-function: ease-out;
67
+ -o-transition-timing-function: ease-out;
68
+ transition-timing-function: ease-out;
69
+ margin: 0 auto;
70
+ }
71
+
72
+ .swiper-slide {
73
+ -webkit-flex-shrink: 0;
74
+ -ms-flex-negative: 0;
75
+ flex-shrink: 0;
76
+ width: 100%;
77
+ height: 100%;
78
+ position: relative;
79
+ -webkit-transition-property: -webkit-transform;
80
+ transition-property: -webkit-transform;
81
+ -o-transition-property: transform;
82
+ transition-property: transform;
83
+ transition-property: transform, -webkit-transform;
84
+ }
85
+
86
+ .swiper-slide-invisible-blank {
87
+ visibility: hidden;
88
+ }
89
+
90
+ /* Auto Height */
91
+ .swiper-container-autoheight,
92
+ .swiper-container-autoheight .swiper-slide {
93
+ height: auto;
94
+ }
95
+
96
+ .swiper-container-autoheight .swiper-wrapper {
97
+ -webkit-box-align: start;
98
+ -webkit-align-items: flex-start;
99
+ -ms-flex-align: start;
100
+ align-items: flex-start;
101
+ -webkit-transition-property: height, -webkit-transform;
102
+ transition-property: height, -webkit-transform;
103
+ -o-transition-property: transform, height;
104
+ transition-property: transform, height;
105
+ transition-property: transform, height, -webkit-transform;
106
+ }
107
+
108
+ /* 3D Effects */
109
+ .swiper-container-3d {
110
+ -webkit-perspective: 1200px;
111
+ perspective: 1200px;
112
+ }
113
+
114
+ .swiper-container-3d .swiper-wrapper,
115
+ .swiper-container-3d .swiper-slide,
116
+ .swiper-container-3d .swiper-slide-shadow-left,
117
+ .swiper-container-3d .swiper-slide-shadow-right,
118
+ .swiper-container-3d .swiper-slide-shadow-top,
119
+ .swiper-container-3d .swiper-slide-shadow-bottom,
120
+ .swiper-container-3d .swiper-cube-shadow {
121
+ -webkit-transform-style: preserve-3d;
122
+ transform-style: preserve-3d;
123
+ }
124
+
125
+ .swiper-container-3d .swiper-slide-shadow-left,
126
+ .swiper-container-3d .swiper-slide-shadow-right,
127
+ .swiper-container-3d .swiper-slide-shadow-top,
128
+ .swiper-container-3d .swiper-slide-shadow-bottom {
129
+ position: absolute;
130
+ left: 0;
131
+ top: 0;
132
+ width: 100%;
133
+ height: 100%;
134
+ pointer-events: none;
135
+ z-index: 10;
136
+ }
137
+
138
+ .swiper-container-3d .swiper-slide-shadow-left {
139
+ background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
140
+ background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
141
+ background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
142
+ background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
143
+ }
144
+
145
+ .swiper-container-3d .swiper-slide-shadow-right {
146
+ background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
147
+ background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
148
+ background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
149
+ background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
150
+ }
151
+
152
+ .swiper-container-3d .swiper-slide-shadow-top {
153
+ background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
154
+ background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
155
+ background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
156
+ background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
157
+ }
158
+
159
+ .swiper-container-3d .swiper-slide-shadow-bottom {
160
+ background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
161
+ background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
162
+ background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
163
+ background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
164
+ }
165
+
166
+ /* IE10 Windows Phone 8 Fixes */
167
+ .swiper-container-wp8-horizontal,
168
+ .swiper-container-wp8-horizontal>.swiper-wrapper {
169
+ -ms-touch-action: pan-y;
170
+ touch-action: pan-y;
171
+ }
172
+
173
+ .swiper-container-wp8-vertical,
174
+ .swiper-container-wp8-vertical>.swiper-wrapper {
175
+ -ms-touch-action: pan-x;
176
+ touch-action: pan-x;
177
+ }
178
+
179
+ .swiper-button-prev,
180
+ .swiper-button-next {
181
+ position: absolute;
182
+ top: 50%;
183
+ width: 27px;
184
+ height: 44px;
185
+ margin-top: -22px;
186
+ z-index: 10;
187
+ cursor: pointer;
188
+ background-size: 27px 44px;
189
+ background-position: center;
190
+ background-repeat: no-repeat;
191
+ }
192
+
193
+ .swiper-button-prev.swiper-button-disabled,
194
+ .swiper-button-next.swiper-button-disabled {
195
+ opacity: 0.35;
196
+ cursor: auto;
197
+ pointer-events: none;
198
+ }
199
+
200
+ .swiper-button-prev,
201
+ .swiper-container-rtl .swiper-button-next {
202
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
203
+ left: 10px;
204
+ right: auto;
205
+ }
206
+
207
+ .swiper-button-next,
208
+ .swiper-container-rtl .swiper-button-prev {
209
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
210
+ right: 10px;
211
+ left: auto;
212
+ }
213
+
214
+ .swiper-button-prev.swiper-button-white,
215
+ .swiper-container-rtl .swiper-button-next.swiper-button-white {
216
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
217
+ }
218
+
219
+ .swiper-button-next.swiper-button-white,
220
+ .swiper-container-rtl .swiper-button-prev.swiper-button-white {
221
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
222
+ }
223
+
224
+ .swiper-button-prev.swiper-button-black,
225
+ .swiper-container-rtl .swiper-button-next.swiper-button-black {
226
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
227
+ }
228
+
229
+ .swiper-button-next.swiper-button-black,
230
+ .swiper-container-rtl .swiper-button-prev.swiper-button-black {
231
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
232
+ }
233
+
234
+ .swiper-button-lock {
235
+ display: none;
236
+ }
237
+
238
+ .swiper-pagination {
239
+ position: absolute;
240
+ text-align: center;
241
+ -webkit-transition: 300ms opacity;
242
+ -o-transition: 300ms opacity;
243
+ transition: 300ms opacity;
244
+ -webkit-transform: translate3d(0, 0, 0);
245
+ transform: translate3d(0, 0, 0);
246
+ z-index: 10;
247
+ }
248
+
249
+ .swiper-pagination.swiper-pagination-hidden {
250
+ opacity: 0;
251
+ }
252
+
253
+ /* Common Styles */
254
+ .swiper-pagination-fraction,
255
+ .swiper-pagination-custom,
256
+ .swiper-container-horizontal>.swiper-pagination-bullets {
257
+ bottom: 10px;
258
+ left: 0;
259
+ width: 100%;
260
+ }
261
+
262
+ /* Bullets */
263
+ .swiper-pagination-bullets-dynamic {
264
+ overflow: hidden;
265
+ font-size: 0;
266
+ }
267
+
268
+ .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
269
+ -webkit-transform: scale(0.33);
270
+ -ms-transform: scale(0.33);
271
+ transform: scale(0.33);
272
+ position: relative;
273
+ }
274
+
275
+ .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
276
+ -webkit-transform: scale(1);
277
+ -ms-transform: scale(1);
278
+ transform: scale(1);
279
+ }
280
+
281
+ .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
282
+ -webkit-transform: scale(1);
283
+ -ms-transform: scale(1);
284
+ transform: scale(1);
285
+ }
286
+
287
+ .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
288
+ -webkit-transform: scale(0.66);
289
+ -ms-transform: scale(0.66);
290
+ transform: scale(0.66);
291
+ }
292
+
293
+ .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
294
+ -webkit-transform: scale(0.33);
295
+ -ms-transform: scale(0.33);
296
+ transform: scale(0.33);
297
+ }
298
+
299
+ .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
300
+ -webkit-transform: scale(0.66);
301
+ -ms-transform: scale(0.66);
302
+ transform: scale(0.66);
303
+ }
304
+
305
+ .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
306
+ -webkit-transform: scale(0.33);
307
+ -ms-transform: scale(0.33);
308
+ transform: scale(0.33);
309
+ }
310
+
311
+ .swiper-pagination-bullet {
312
+ width: 8px;
313
+ height: 8px;
314
+ display: inline-block;
315
+ border-radius: 100%;
316
+ background: #000;
317
+ opacity: 0.2;
318
+ }
319
+
320
+ button.swiper-pagination-bullet {
321
+ border: none;
322
+ margin: 0;
323
+ padding: 0;
324
+ -webkit-box-shadow: none;
325
+ box-shadow: none;
326
+ -webkit-appearance: none;
327
+ -moz-appearance: none;
328
+ appearance: none;
329
+ }
330
+
331
+ .swiper-pagination-clickable .swiper-pagination-bullet {
332
+ cursor: pointer;
333
+ }
334
+
335
+ .swiper-pagination-bullet-active {
336
+ opacity: 1;
337
+ background: #007aff;
338
+ }
339
+
340
+ .swiper-container-vertical>.swiper-pagination-bullets {
341
+ right: 10px;
342
+ top: 50%;
343
+ -webkit-transform: translate3d(0px, -50%, 0);
344
+ transform: translate3d(0px, -50%, 0);
345
+ }
346
+
347
+ .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
348
+ margin: 6px 0;
349
+ display: block;
350
+ }
351
+
352
+ .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
353
+ top: 50%;
354
+ -webkit-transform: translateY(-50%);
355
+ -ms-transform: translateY(-50%);
356
+ transform: translateY(-50%);
357
+ width: 8px;
358
+ }
359
+
360
+ .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
361
+ display: inline-block;
362
+ -webkit-transition: 200ms top, 200ms -webkit-transform;
363
+ transition: 200ms top, 200ms -webkit-transform;
364
+ -o-transition: 200ms transform, 200ms top;
365
+ transition: 200ms transform, 200ms top;
366
+ transition: 200ms transform, 200ms top, 200ms -webkit-transform;
367
+ }
368
+
369
+ .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
370
+ margin: 0 4px;
371
+ }
372
+
373
+ .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
374
+ left: 50%;
375
+ -webkit-transform: translateX(-50%);
376
+ -ms-transform: translateX(-50%);
377
+ transform: translateX(-50%);
378
+ white-space: nowrap;
379
+ }
380
+
381
+ .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
382
+ -webkit-transition: 200ms left, 200ms -webkit-transform;
383
+ transition: 200ms left, 200ms -webkit-transform;
384
+ -o-transition: 200ms transform, 200ms left;
385
+ transition: 200ms transform, 200ms left;
386
+ transition: 200ms transform, 200ms left, 200ms -webkit-transform;
387
+ }
388
+
389
+ .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
390
+ -webkit-transition: 200ms right, 200ms -webkit-transform;
391
+ transition: 200ms right, 200ms -webkit-transform;
392
+ -o-transition: 200ms transform, 200ms right;
393
+ transition: 200ms transform, 200ms right;
394
+ transition: 200ms transform, 200ms right, 200ms -webkit-transform;
395
+ }
396
+
397
+ /* Progress */
398
+ .swiper-pagination-progressbar {
399
+ background: rgba(0, 0, 0, 0.25);
400
+ position: absolute;
401
+ }
402
+
403
+ .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
404
+ background: #007aff;
405
+ position: absolute;
406
+ left: 0;
407
+ top: 0;
408
+ width: 100%;
409
+ height: 100%;
410
+ -webkit-transform: scale(0);
411
+ -ms-transform: scale(0);
412
+ transform: scale(0);
413
+ -webkit-transform-origin: left top;
414
+ -ms-transform-origin: left top;
415
+ transform-origin: left top;
416
+ }
417
+
418
+ .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
419
+ -webkit-transform-origin: right top;
420
+ -ms-transform-origin: right top;
421
+ transform-origin: right top;
422
+ }
423
+
424
+ .swiper-container-horizontal>.swiper-pagination-progressbar,
425
+ .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
426
+ width: 100%;
427
+ height: 4px;
428
+ left: 0;
429
+ top: 0;
430
+ }
431
+
432
+ .swiper-container-vertical>.swiper-pagination-progressbar,
433
+ .swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
434
+ width: 4px;
435
+ height: 100%;
436
+ left: 0;
437
+ top: 0;
438
+ }
439
+
440
+ .swiper-pagination-white .swiper-pagination-bullet-active {
441
+ background: #ffffff;
442
+ }
443
+
444
+ .swiper-pagination-progressbar.swiper-pagination-white {
445
+ background: rgba(255, 255, 255, 0.25);
446
+ }
447
+
448
+ .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
449
+ background: #ffffff;
450
+ }
451
+
452
+ .swiper-pagination-black .swiper-pagination-bullet-active {
453
+ background: #000000;
454
+ }
455
+
456
+ .swiper-pagination-progressbar.swiper-pagination-black {
457
+ background: rgba(0, 0, 0, 0.25);
458
+ }
459
+
460
+ .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
461
+ background: #000000;
462
+ }
463
+
464
+ .swiper-pagination-lock {
465
+ display: none;
466
+ }
467
+
468
+ /* Scrollbar */
469
+ .swiper-scrollbar {
470
+ border-radius: 10px;
471
+ position: relative;
472
+ -ms-touch-action: none;
473
+ background: rgba(0, 0, 0, 0.1);
474
+ }
475
+
476
+ .swiper-container-horizontal>.swiper-scrollbar {
477
+ position: absolute;
478
+ left: 1%;
479
+ bottom: 3px;
480
+ z-index: 50;
481
+ height: 5px;
482
+ width: 98%;
483
+ }
484
+
485
+ .swiper-container-vertical>.swiper-scrollbar {
486
+ position: absolute;
487
+ right: 3px;
488
+ top: 1%;
489
+ z-index: 50;
490
+ width: 5px;
491
+ height: 98%;
492
+ }
493
+
494
+ .swiper-scrollbar-drag {
495
+ height: 100%;
496
+ width: 100%;
497
+ position: relative;
498
+ background: rgba(0, 0, 0, 0.5);
499
+ border-radius: 10px;
500
+ left: 0;
501
+ top: 0;
502
+ }
503
+
504
+ .swiper-scrollbar-cursor-drag {
505
+ cursor: move;
506
+ }
507
+
508
+ .swiper-scrollbar-lock {
509
+ display: none;
510
+ }
511
+
512
+ .swiper-zoom-container {
513
+ width: 100%;
514
+ height: 100%;
515
+ display: -webkit-box;
516
+ display: -webkit-flex;
517
+ display: -ms-flexbox;
518
+ display: flex;
519
+ -webkit-box-pack: center;
520
+ -webkit-justify-content: center;
521
+ -ms-flex-pack: center;
522
+ justify-content: center;
523
+ -webkit-box-align: center;
524
+ -webkit-align-items: center;
525
+ -ms-flex-align: center;
526
+ align-items: center;
527
+ text-align: center;
528
+ }
529
+
530
+ .swiper-zoom-container>img,
531
+ .swiper-zoom-container>svg,
532
+ .swiper-zoom-container>canvas {
533
+ max-width: 100%;
534
+ max-height: 100%;
535
+ -o-object-fit: contain;
536
+ object-fit: contain;
537
+ }
538
+
539
+ .swiper-slide-zoomed {
540
+ cursor: move;
541
+ }
542
+
543
+ /* Preloader */
544
+ .swiper-lazy-preloader {
545
+ width: 42px;
546
+ height: 42px;
547
+ position: absolute;
548
+ left: 50%;
549
+ top: 50%;
550
+ margin-left: -21px;
551
+ margin-top: -21px;
552
+ z-index: 10;
553
+ -webkit-transform-origin: 50%;
554
+ -ms-transform-origin: 50%;
555
+ transform-origin: 50%;
556
+ -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
557
+ animation: swiper-preloader-spin 1s steps(12, end) infinite;
558
+ }
559
+
560
+ .swiper-lazy-preloader:after {
561
+ display: block;
562
+ content: '';
563
+ width: 100%;
564
+ height: 100%;
565
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
566
+ background-position: 50%;
567
+ background-size: 100%;
568
+ background-repeat: no-repeat;
569
+ }
570
+
571
+ .swiper-lazy-preloader-white:after {
572
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
573
+ }
574
+
575
+ @-webkit-keyframes swiper-preloader-spin {
576
+ 100% {
577
+ -webkit-transform: rotate(360deg);
578
+ transform: rotate(360deg);
579
+ }
580
+ }
581
+
582
+ @keyframes swiper-preloader-spin {
583
+ 100% {
584
+ -webkit-transform: rotate(360deg);
585
+ transform: rotate(360deg);
586
+ }
587
+ }
588
+
589
+ /* a11y */
590
+ .swiper-container .swiper-notification {
591
+ position: absolute;
592
+ left: 0;
593
+ top: 0;
594
+ pointer-events: none;
595
+ opacity: 0;
596
+ z-index: -1000;
597
+ }
598
+
599
+ .swiper-container-fade.swiper-container-free-mode .swiper-slide {
600
+ -webkit-transition-timing-function: ease-out;
601
+ -o-transition-timing-function: ease-out;
602
+ transition-timing-function: ease-out;
603
+ }
604
+
605
+ .swiper-container-fade .swiper-slide {
606
+ pointer-events: none;
607
+ -webkit-transition-property: opacity;
608
+ -o-transition-property: opacity;
609
+ transition-property: opacity;
610
+ }
611
+
612
+ .swiper-container-fade .swiper-slide .swiper-slide {
613
+ pointer-events: none;
614
+ }
615
+
616
+ .swiper-container-fade .swiper-slide-active,
617
+ .swiper-container-fade .swiper-slide-active .swiper-slide-active {
618
+ pointer-events: auto;
619
+ }
620
+
621
+ .swiper-container-cube {
622
+ overflow: visible;
623
+ }
624
+
625
+ .swiper-container-cube .swiper-slide {
626
+ pointer-events: none;
627
+ -webkit-backface-visibility: hidden;
628
+ backface-visibility: hidden;
629
+ z-index: 1;
630
+ visibility: hidden;
631
+ -webkit-transform-origin: 0 0;
632
+ -ms-transform-origin: 0 0;
633
+ transform-origin: 0 0;
634
+ width: 100%;
635
+ height: 100%;
636
+ }
637
+
638
+ .swiper-container-cube .swiper-slide .swiper-slide {
639
+ pointer-events: none;
640
+ }
641
+
642
+ .swiper-container-cube.swiper-container-rtl .swiper-slide {
643
+ -webkit-transform-origin: 100% 0;
644
+ -ms-transform-origin: 100% 0;
645
+ transform-origin: 100% 0;
646
+ }
647
+
648
+ .swiper-container-cube .swiper-slide-active,
649
+ .swiper-container-cube .swiper-slide-active .swiper-slide-active {
650
+ pointer-events: auto;
651
+ }
652
+
653
+ .swiper-container-cube .swiper-slide-active,
654
+ .swiper-container-cube .swiper-slide-next,
655
+ .swiper-container-cube .swiper-slide-prev,
656
+ .swiper-container-cube .swiper-slide-next+.swiper-slide {
657
+ pointer-events: auto;
658
+ visibility: visible;
659
+ }
660
+
661
+ .swiper-container-cube .swiper-slide-shadow-top,
662
+ .swiper-container-cube .swiper-slide-shadow-bottom,
663
+ .swiper-container-cube .swiper-slide-shadow-left,
664
+ .swiper-container-cube .swiper-slide-shadow-right {
665
+ z-index: 0;
666
+ -webkit-backface-visibility: hidden;
667
+ backface-visibility: hidden;
668
+ }
669
+
670
+ .swiper-container-cube .swiper-cube-shadow {
671
+ position: absolute;
672
+ left: 0;
673
+ bottom: 0px;
674
+ width: 100%;
675
+ height: 100%;
676
+ background: #000;
677
+ opacity: 0.6;
678
+ -webkit-filter: blur(50px);
679
+ filter: blur(50px);
680
+ z-index: 0;
681
+ }
682
+
683
+ .swiper-container-flip {
684
+ overflow: visible;
685
+ }
686
+
687
+ .swiper-container-flip .swiper-slide {
688
+ pointer-events: none;
689
+ -webkit-backface-visibility: hidden;
690
+ backface-visibility: hidden;
691
+ z-index: 1;
692
+ }
693
+
694
+ .swiper-container-flip .swiper-slide .swiper-slide {
695
+ pointer-events: none;
696
+ }
697
+
698
+ .swiper-container-flip .swiper-slide-active,
699
+ .swiper-container-flip .swiper-slide-active .swiper-slide-active {
700
+ pointer-events: auto;
701
+ }
702
+
703
+ .swiper-container-flip .swiper-slide-shadow-top,
704
+ .swiper-container-flip .swiper-slide-shadow-bottom,
705
+ .swiper-container-flip .swiper-slide-shadow-left,
706
+ .swiper-container-flip .swiper-slide-shadow-right {
707
+ z-index: 0;
708
+ -webkit-backface-visibility: hidden;
709
+ backface-visibility: hidden;
710
+ }
711
+
712
+ .swiper-container-coverflow .swiper-wrapper {
713
+ /* Windows 8 IE 10 fix */
714
+ -ms-perspective: 1200px;
715
+ }