@mirai/ui 1.0.175 → 1.0.176
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.
- package/README.md +33 -0
- package/build/components/Calendar/Calendar.stories.js +1 -1
- package/build/components/Calendar/Calendar.stories.js.map +1 -1
- package/build/components/Slider/Slider.constants.js +9 -0
- package/build/components/Slider/Slider.constants.js.map +1 -0
- package/build/components/Slider/Slider.js +190 -0
- package/build/components/Slider/Slider.js.map +1 -0
- package/build/components/Slider/Slider.module.css +121 -0
- package/build/components/Slider/Slider.stories.js +52 -0
- package/build/components/Slider/Slider.stories.js.map +1 -0
- package/build/components/Slider/__tests__/__snapshots__/Slider.test.js.snap +816 -0
- package/build/components/Slider/helpers/getMotionExpand.js +15 -0
- package/build/components/Slider/helpers/getMotionExpand.js.map +1 -0
- package/build/components/Slider/helpers/index.js +17 -0
- package/build/components/Slider/helpers/index.js.map +1 -0
- package/build/components/Slider/index.js +17 -0
- package/build/components/Slider/index.js.map +1 -0
- package/build/theme/default.theme.css +6 -0
- package/package.json +1 -1
|
@@ -0,0 +1,816 @@
|
|
|
1
|
+
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
2
|
+
|
|
3
|
+
exports[`component:<Slider> inherit:className 1`] = `
|
|
4
|
+
<DocumentFragment>
|
|
5
|
+
<div
|
|
6
|
+
class="view container mirai"
|
|
7
|
+
style="width: 360px;"
|
|
8
|
+
>
|
|
9
|
+
<div
|
|
10
|
+
class="pressable button hide back"
|
|
11
|
+
>
|
|
12
|
+
<span
|
|
13
|
+
class="icon headline-3"
|
|
14
|
+
>
|
|
15
|
+
<svg
|
|
16
|
+
fill="currentColor"
|
|
17
|
+
height="1em"
|
|
18
|
+
stroke="currentColor"
|
|
19
|
+
stroke-width="0"
|
|
20
|
+
viewBox="0 0 24 24"
|
|
21
|
+
width="1em"
|
|
22
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
23
|
+
>
|
|
24
|
+
<path
|
|
25
|
+
d="M0 0h24v24H0V0z"
|
|
26
|
+
fill="none"
|
|
27
|
+
/>
|
|
28
|
+
<path
|
|
29
|
+
d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"
|
|
30
|
+
/>
|
|
31
|
+
</svg>
|
|
32
|
+
</span>
|
|
33
|
+
</div>
|
|
34
|
+
<div
|
|
35
|
+
class="scrollview snap horizontal scrollView"
|
|
36
|
+
style="width: 360px;"
|
|
37
|
+
>
|
|
38
|
+
<div
|
|
39
|
+
class="view item"
|
|
40
|
+
>
|
|
41
|
+
<div
|
|
42
|
+
class="view image"
|
|
43
|
+
style="background-image: url(https://picsum.photos/seed/@soyjavi/1024/768); height: 230px; width: 360px;"
|
|
44
|
+
/>
|
|
45
|
+
</div>
|
|
46
|
+
<div
|
|
47
|
+
class="view item"
|
|
48
|
+
>
|
|
49
|
+
<div
|
|
50
|
+
class="view image"
|
|
51
|
+
style="background-image: url(https://picsum.photos/seed/@jose/1024/768); height: 230px; width: 360px;"
|
|
52
|
+
/>
|
|
53
|
+
</div>
|
|
54
|
+
<div
|
|
55
|
+
class="view item"
|
|
56
|
+
>
|
|
57
|
+
<div
|
|
58
|
+
class="view image"
|
|
59
|
+
style="background-image: url(https://picsum.photos/seed/@mario1/1024/768); height: 230px; width: 360px;"
|
|
60
|
+
/>
|
|
61
|
+
</div>
|
|
62
|
+
<div
|
|
63
|
+
class="view item"
|
|
64
|
+
>
|
|
65
|
+
<div
|
|
66
|
+
class="view image"
|
|
67
|
+
style="height: 230px; width: 360px;"
|
|
68
|
+
/>
|
|
69
|
+
</div>
|
|
70
|
+
<div
|
|
71
|
+
class="view item"
|
|
72
|
+
>
|
|
73
|
+
<div
|
|
74
|
+
class="view image"
|
|
75
|
+
style="height: 230px; width: 360px;"
|
|
76
|
+
/>
|
|
77
|
+
</div>
|
|
78
|
+
<div
|
|
79
|
+
class="view item"
|
|
80
|
+
>
|
|
81
|
+
<div
|
|
82
|
+
class="view image"
|
|
83
|
+
style="height: 230px; width: 360px;"
|
|
84
|
+
/>
|
|
85
|
+
</div>
|
|
86
|
+
</div>
|
|
87
|
+
<div
|
|
88
|
+
class="pressable button hide forward"
|
|
89
|
+
>
|
|
90
|
+
<span
|
|
91
|
+
class="icon headline-3"
|
|
92
|
+
>
|
|
93
|
+
<svg
|
|
94
|
+
fill="currentColor"
|
|
95
|
+
height="1em"
|
|
96
|
+
stroke="currentColor"
|
|
97
|
+
stroke-width="0"
|
|
98
|
+
viewBox="0 0 24 24"
|
|
99
|
+
width="1em"
|
|
100
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
101
|
+
>
|
|
102
|
+
<path
|
|
103
|
+
d="M0 0h24v24H0V0z"
|
|
104
|
+
fill="none"
|
|
105
|
+
/>
|
|
106
|
+
<path
|
|
107
|
+
d="M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8-8-8z"
|
|
108
|
+
/>
|
|
109
|
+
</svg>
|
|
110
|
+
</span>
|
|
111
|
+
</div>
|
|
112
|
+
</div>
|
|
113
|
+
</DocumentFragment>
|
|
114
|
+
`;
|
|
115
|
+
|
|
116
|
+
exports[`component:<Slider> prop:auto 1`] = `
|
|
117
|
+
<DocumentFragment>
|
|
118
|
+
<div
|
|
119
|
+
class="view container"
|
|
120
|
+
style="width: 360px;"
|
|
121
|
+
>
|
|
122
|
+
<div
|
|
123
|
+
class="pressable button hide back"
|
|
124
|
+
>
|
|
125
|
+
<span
|
|
126
|
+
class="icon headline-3"
|
|
127
|
+
>
|
|
128
|
+
<svg
|
|
129
|
+
fill="currentColor"
|
|
130
|
+
height="1em"
|
|
131
|
+
stroke="currentColor"
|
|
132
|
+
stroke-width="0"
|
|
133
|
+
viewBox="0 0 24 24"
|
|
134
|
+
width="1em"
|
|
135
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
136
|
+
>
|
|
137
|
+
<path
|
|
138
|
+
d="M0 0h24v24H0V0z"
|
|
139
|
+
fill="none"
|
|
140
|
+
/>
|
|
141
|
+
<path
|
|
142
|
+
d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"
|
|
143
|
+
/>
|
|
144
|
+
</svg>
|
|
145
|
+
</span>
|
|
146
|
+
</div>
|
|
147
|
+
<div
|
|
148
|
+
class="scrollview snap horizontal scrollView"
|
|
149
|
+
style="width: 360px;"
|
|
150
|
+
>
|
|
151
|
+
<div
|
|
152
|
+
class="view item"
|
|
153
|
+
>
|
|
154
|
+
<div
|
|
155
|
+
class="view image"
|
|
156
|
+
style="background-image: url(https://picsum.photos/seed/@soyjavi/1024/768); height: 230px; width: 360px;"
|
|
157
|
+
/>
|
|
158
|
+
</div>
|
|
159
|
+
<div
|
|
160
|
+
class="view item"
|
|
161
|
+
>
|
|
162
|
+
<div
|
|
163
|
+
class="view image"
|
|
164
|
+
style="background-image: url(https://picsum.photos/seed/@jose/1024/768); height: 230px; width: 360px;"
|
|
165
|
+
/>
|
|
166
|
+
</div>
|
|
167
|
+
<div
|
|
168
|
+
class="view item"
|
|
169
|
+
>
|
|
170
|
+
<div
|
|
171
|
+
class="view image"
|
|
172
|
+
style="background-image: url(https://picsum.photos/seed/@mario1/1024/768); height: 230px; width: 360px;"
|
|
173
|
+
/>
|
|
174
|
+
</div>
|
|
175
|
+
<div
|
|
176
|
+
class="view item"
|
|
177
|
+
>
|
|
178
|
+
<div
|
|
179
|
+
class="view image"
|
|
180
|
+
style="height: 230px; width: 360px;"
|
|
181
|
+
/>
|
|
182
|
+
</div>
|
|
183
|
+
<div
|
|
184
|
+
class="view item"
|
|
185
|
+
>
|
|
186
|
+
<div
|
|
187
|
+
class="view image"
|
|
188
|
+
style="height: 230px; width: 360px;"
|
|
189
|
+
/>
|
|
190
|
+
</div>
|
|
191
|
+
<div
|
|
192
|
+
class="view item"
|
|
193
|
+
>
|
|
194
|
+
<div
|
|
195
|
+
class="view image"
|
|
196
|
+
style="height: 230px; width: 360px;"
|
|
197
|
+
/>
|
|
198
|
+
</div>
|
|
199
|
+
</div>
|
|
200
|
+
<div
|
|
201
|
+
class="pressable button hide forward"
|
|
202
|
+
>
|
|
203
|
+
<span
|
|
204
|
+
class="icon headline-3"
|
|
205
|
+
>
|
|
206
|
+
<svg
|
|
207
|
+
fill="currentColor"
|
|
208
|
+
height="1em"
|
|
209
|
+
stroke="currentColor"
|
|
210
|
+
stroke-width="0"
|
|
211
|
+
viewBox="0 0 24 24"
|
|
212
|
+
width="1em"
|
|
213
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
214
|
+
>
|
|
215
|
+
<path
|
|
216
|
+
d="M0 0h24v24H0V0z"
|
|
217
|
+
fill="none"
|
|
218
|
+
/>
|
|
219
|
+
<path
|
|
220
|
+
d="M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8-8-8z"
|
|
221
|
+
/>
|
|
222
|
+
</svg>
|
|
223
|
+
</span>
|
|
224
|
+
</div>
|
|
225
|
+
</div>
|
|
226
|
+
</DocumentFragment>
|
|
227
|
+
`;
|
|
228
|
+
|
|
229
|
+
exports[`component:<Slider> prop:captions 1`] = `
|
|
230
|
+
<DocumentFragment>
|
|
231
|
+
<div
|
|
232
|
+
class="view container"
|
|
233
|
+
style="width: 360px;"
|
|
234
|
+
>
|
|
235
|
+
<div
|
|
236
|
+
class="pressable button hide back"
|
|
237
|
+
>
|
|
238
|
+
<span
|
|
239
|
+
class="icon headline-3"
|
|
240
|
+
>
|
|
241
|
+
<svg
|
|
242
|
+
fill="currentColor"
|
|
243
|
+
height="1em"
|
|
244
|
+
stroke="currentColor"
|
|
245
|
+
stroke-width="0"
|
|
246
|
+
viewBox="0 0 24 24"
|
|
247
|
+
width="1em"
|
|
248
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
249
|
+
>
|
|
250
|
+
<path
|
|
251
|
+
d="M0 0h24v24H0V0z"
|
|
252
|
+
fill="none"
|
|
253
|
+
/>
|
|
254
|
+
<path
|
|
255
|
+
d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"
|
|
256
|
+
/>
|
|
257
|
+
</svg>
|
|
258
|
+
</span>
|
|
259
|
+
</div>
|
|
260
|
+
<div
|
|
261
|
+
class="scrollview snap horizontal scrollView"
|
|
262
|
+
style="width: 360px;"
|
|
263
|
+
>
|
|
264
|
+
<div
|
|
265
|
+
class="view item"
|
|
266
|
+
>
|
|
267
|
+
<div
|
|
268
|
+
class="view image"
|
|
269
|
+
style="background-image: url(https://picsum.photos/seed/@soyjavi/1024/768); height: 230px; width: 360px;"
|
|
270
|
+
/>
|
|
271
|
+
<div
|
|
272
|
+
class="view caption"
|
|
273
|
+
>
|
|
274
|
+
<span
|
|
275
|
+
class="text bold small text"
|
|
276
|
+
>
|
|
277
|
+
javi
|
|
278
|
+
</span>
|
|
279
|
+
</div>
|
|
280
|
+
</div>
|
|
281
|
+
<div
|
|
282
|
+
class="view item"
|
|
283
|
+
>
|
|
284
|
+
<div
|
|
285
|
+
class="view image"
|
|
286
|
+
style="background-image: url(https://picsum.photos/seed/@jose/1024/768); height: 230px; width: 360px;"
|
|
287
|
+
/>
|
|
288
|
+
<div
|
|
289
|
+
class="view caption"
|
|
290
|
+
>
|
|
291
|
+
<span
|
|
292
|
+
class="text bold small text"
|
|
293
|
+
>
|
|
294
|
+
jose
|
|
295
|
+
</span>
|
|
296
|
+
</div>
|
|
297
|
+
</div>
|
|
298
|
+
<div
|
|
299
|
+
class="view item"
|
|
300
|
+
>
|
|
301
|
+
<div
|
|
302
|
+
class="view image"
|
|
303
|
+
style="background-image: url(https://picsum.photos/seed/@mario1/1024/768); height: 230px; width: 360px;"
|
|
304
|
+
/>
|
|
305
|
+
</div>
|
|
306
|
+
<div
|
|
307
|
+
class="view item"
|
|
308
|
+
>
|
|
309
|
+
<div
|
|
310
|
+
class="view image"
|
|
311
|
+
style="height: 230px; width: 360px;"
|
|
312
|
+
/>
|
|
313
|
+
<div
|
|
314
|
+
class="view caption"
|
|
315
|
+
>
|
|
316
|
+
<span
|
|
317
|
+
class="text bold small text"
|
|
318
|
+
>
|
|
319
|
+
victor
|
|
320
|
+
</span>
|
|
321
|
+
</div>
|
|
322
|
+
</div>
|
|
323
|
+
<div
|
|
324
|
+
class="view item"
|
|
325
|
+
>
|
|
326
|
+
<div
|
|
327
|
+
class="view image"
|
|
328
|
+
style="height: 230px; width: 360px;"
|
|
329
|
+
/>
|
|
330
|
+
<div
|
|
331
|
+
class="view caption"
|
|
332
|
+
>
|
|
333
|
+
<span
|
|
334
|
+
class="text bold small text"
|
|
335
|
+
>
|
|
336
|
+
svet
|
|
337
|
+
</span>
|
|
338
|
+
</div>
|
|
339
|
+
</div>
|
|
340
|
+
<div
|
|
341
|
+
class="view item"
|
|
342
|
+
>
|
|
343
|
+
<div
|
|
344
|
+
class="view image"
|
|
345
|
+
style="height: 230px; width: 360px;"
|
|
346
|
+
/>
|
|
347
|
+
<div
|
|
348
|
+
class="view caption"
|
|
349
|
+
>
|
|
350
|
+
<span
|
|
351
|
+
class="text bold small text"
|
|
352
|
+
>
|
|
353
|
+
mario2
|
|
354
|
+
</span>
|
|
355
|
+
</div>
|
|
356
|
+
</div>
|
|
357
|
+
</div>
|
|
358
|
+
<div
|
|
359
|
+
class="pressable button hide forward"
|
|
360
|
+
>
|
|
361
|
+
<span
|
|
362
|
+
class="icon headline-3"
|
|
363
|
+
>
|
|
364
|
+
<svg
|
|
365
|
+
fill="currentColor"
|
|
366
|
+
height="1em"
|
|
367
|
+
stroke="currentColor"
|
|
368
|
+
stroke-width="0"
|
|
369
|
+
viewBox="0 0 24 24"
|
|
370
|
+
width="1em"
|
|
371
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
372
|
+
>
|
|
373
|
+
<path
|
|
374
|
+
d="M0 0h24v24H0V0z"
|
|
375
|
+
fill="none"
|
|
376
|
+
/>
|
|
377
|
+
<path
|
|
378
|
+
d="M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8-8-8z"
|
|
379
|
+
/>
|
|
380
|
+
</svg>
|
|
381
|
+
</span>
|
|
382
|
+
</div>
|
|
383
|
+
</div>
|
|
384
|
+
</DocumentFragment>
|
|
385
|
+
`;
|
|
386
|
+
|
|
387
|
+
exports[`component:<Slider> prop:fullScreen 1`] = `
|
|
388
|
+
<DocumentFragment>
|
|
389
|
+
<div
|
|
390
|
+
class="view container fullScreen"
|
|
391
|
+
style="width: 1024px;"
|
|
392
|
+
>
|
|
393
|
+
<div
|
|
394
|
+
class="scrollview snap horizontal scrollView"
|
|
395
|
+
style="width: 870.4px;"
|
|
396
|
+
>
|
|
397
|
+
<div
|
|
398
|
+
class="view item"
|
|
399
|
+
>
|
|
400
|
+
<div
|
|
401
|
+
class="view image"
|
|
402
|
+
style="background-image: url(https://picsum.photos/seed/@soyjavi/1024/768); height: 691.2px; width: 870.4px;"
|
|
403
|
+
/>
|
|
404
|
+
</div>
|
|
405
|
+
<div
|
|
406
|
+
class="view item"
|
|
407
|
+
>
|
|
408
|
+
<div
|
|
409
|
+
class="view image"
|
|
410
|
+
style="background-image: url(https://picsum.photos/seed/@jose/1024/768); height: 691.2px; width: 870.4px;"
|
|
411
|
+
/>
|
|
412
|
+
</div>
|
|
413
|
+
<div
|
|
414
|
+
class="view item"
|
|
415
|
+
>
|
|
416
|
+
<div
|
|
417
|
+
class="view image"
|
|
418
|
+
style="background-image: url(https://picsum.photos/seed/@mario1/1024/768); height: 691.2px; width: 870.4px;"
|
|
419
|
+
/>
|
|
420
|
+
</div>
|
|
421
|
+
<div
|
|
422
|
+
class="view item"
|
|
423
|
+
>
|
|
424
|
+
<div
|
|
425
|
+
class="view image"
|
|
426
|
+
style="background-image: url(https://picsum.photos/seed/@victor/1024/768); height: 691.2px; width: 870.4px;"
|
|
427
|
+
/>
|
|
428
|
+
</div>
|
|
429
|
+
<div
|
|
430
|
+
class="view item"
|
|
431
|
+
>
|
|
432
|
+
<div
|
|
433
|
+
class="view image"
|
|
434
|
+
style="background-image: url(https://picsum.photos/seed/@svet/1024/768); height: 691.2px; width: 870.4px;"
|
|
435
|
+
/>
|
|
436
|
+
</div>
|
|
437
|
+
<div
|
|
438
|
+
class="view item"
|
|
439
|
+
>
|
|
440
|
+
<div
|
|
441
|
+
class="view image"
|
|
442
|
+
style="background-image: url(https://picsum.photos/seed/@mario2/1024/768); height: 691.2px; width: 870.4px;"
|
|
443
|
+
/>
|
|
444
|
+
</div>
|
|
445
|
+
</div>
|
|
446
|
+
<div
|
|
447
|
+
class="scrollview snap horizontal thumbnails"
|
|
448
|
+
>
|
|
449
|
+
<div
|
|
450
|
+
class="pressable thumbnail active"
|
|
451
|
+
style="background-image: url(https://picsum.photos/seed/@soyjavi/1024/768);"
|
|
452
|
+
/>
|
|
453
|
+
<div
|
|
454
|
+
class="pressable thumbnail"
|
|
455
|
+
style="background-image: url(https://picsum.photos/seed/@jose/1024/768);"
|
|
456
|
+
/>
|
|
457
|
+
<div
|
|
458
|
+
class="pressable thumbnail"
|
|
459
|
+
style="background-image: url(https://picsum.photos/seed/@mario1/1024/768);"
|
|
460
|
+
/>
|
|
461
|
+
<div
|
|
462
|
+
class="pressable thumbnail"
|
|
463
|
+
style="background-image: url(https://picsum.photos/seed/@victor/1024/768);"
|
|
464
|
+
/>
|
|
465
|
+
<div
|
|
466
|
+
class="pressable thumbnail"
|
|
467
|
+
style="background-image: url(https://picsum.photos/seed/@svet/1024/768);"
|
|
468
|
+
/>
|
|
469
|
+
<div
|
|
470
|
+
class="pressable thumbnail"
|
|
471
|
+
style="background-image: url(https://picsum.photos/seed/@mario2/1024/768);"
|
|
472
|
+
/>
|
|
473
|
+
</div>
|
|
474
|
+
</div>
|
|
475
|
+
</DocumentFragment>
|
|
476
|
+
`;
|
|
477
|
+
|
|
478
|
+
exports[`component:<Slider> prop:index 1`] = `
|
|
479
|
+
<DocumentFragment>
|
|
480
|
+
<div
|
|
481
|
+
class="view container"
|
|
482
|
+
style="width: 360px;"
|
|
483
|
+
>
|
|
484
|
+
<div
|
|
485
|
+
class="pressable button hide back"
|
|
486
|
+
>
|
|
487
|
+
<span
|
|
488
|
+
class="icon headline-3"
|
|
489
|
+
>
|
|
490
|
+
<svg
|
|
491
|
+
fill="currentColor"
|
|
492
|
+
height="1em"
|
|
493
|
+
stroke="currentColor"
|
|
494
|
+
stroke-width="0"
|
|
495
|
+
viewBox="0 0 24 24"
|
|
496
|
+
width="1em"
|
|
497
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
498
|
+
>
|
|
499
|
+
<path
|
|
500
|
+
d="M0 0h24v24H0V0z"
|
|
501
|
+
fill="none"
|
|
502
|
+
/>
|
|
503
|
+
<path
|
|
504
|
+
d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"
|
|
505
|
+
/>
|
|
506
|
+
</svg>
|
|
507
|
+
</span>
|
|
508
|
+
</div>
|
|
509
|
+
<div
|
|
510
|
+
class="scrollview snap horizontal scrollView"
|
|
511
|
+
style="width: 360px;"
|
|
512
|
+
>
|
|
513
|
+
<div
|
|
514
|
+
class="view item"
|
|
515
|
+
>
|
|
516
|
+
<div
|
|
517
|
+
class="view image"
|
|
518
|
+
style="height: 230px; width: 360px;"
|
|
519
|
+
/>
|
|
520
|
+
</div>
|
|
521
|
+
<div
|
|
522
|
+
class="view item"
|
|
523
|
+
>
|
|
524
|
+
<div
|
|
525
|
+
class="view image"
|
|
526
|
+
style="height: 230px; width: 360px;"
|
|
527
|
+
/>
|
|
528
|
+
</div>
|
|
529
|
+
<div
|
|
530
|
+
class="view item"
|
|
531
|
+
>
|
|
532
|
+
<div
|
|
533
|
+
class="view image"
|
|
534
|
+
style="background-image: url(https://picsum.photos/seed/@mario1/1024/768); height: 230px; width: 360px;"
|
|
535
|
+
/>
|
|
536
|
+
</div>
|
|
537
|
+
<div
|
|
538
|
+
class="view item"
|
|
539
|
+
>
|
|
540
|
+
<div
|
|
541
|
+
class="view image"
|
|
542
|
+
style="background-image: url(https://picsum.photos/seed/@victor/1024/768); height: 230px; width: 360px;"
|
|
543
|
+
/>
|
|
544
|
+
</div>
|
|
545
|
+
<div
|
|
546
|
+
class="view item"
|
|
547
|
+
>
|
|
548
|
+
<div
|
|
549
|
+
class="view image"
|
|
550
|
+
style="background-image: url(https://picsum.photos/seed/@svet/1024/768); height: 230px; width: 360px;"
|
|
551
|
+
/>
|
|
552
|
+
</div>
|
|
553
|
+
<div
|
|
554
|
+
class="view item"
|
|
555
|
+
>
|
|
556
|
+
<div
|
|
557
|
+
class="view image"
|
|
558
|
+
style="background-image: url(https://picsum.photos/seed/@mario2/1024/768); height: 230px; width: 360px;"
|
|
559
|
+
/>
|
|
560
|
+
</div>
|
|
561
|
+
</div>
|
|
562
|
+
<div
|
|
563
|
+
class="pressable button hide forward"
|
|
564
|
+
>
|
|
565
|
+
<span
|
|
566
|
+
class="icon headline-3"
|
|
567
|
+
>
|
|
568
|
+
<svg
|
|
569
|
+
fill="currentColor"
|
|
570
|
+
height="1em"
|
|
571
|
+
stroke="currentColor"
|
|
572
|
+
stroke-width="0"
|
|
573
|
+
viewBox="0 0 24 24"
|
|
574
|
+
width="1em"
|
|
575
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
576
|
+
>
|
|
577
|
+
<path
|
|
578
|
+
d="M0 0h24v24H0V0z"
|
|
579
|
+
fill="none"
|
|
580
|
+
/>
|
|
581
|
+
<path
|
|
582
|
+
d="M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8-8-8z"
|
|
583
|
+
/>
|
|
584
|
+
</svg>
|
|
585
|
+
</span>
|
|
586
|
+
</div>
|
|
587
|
+
</div>
|
|
588
|
+
</DocumentFragment>
|
|
589
|
+
`;
|
|
590
|
+
|
|
591
|
+
exports[`component:<Slider> renders 1`] = `
|
|
592
|
+
<DocumentFragment>
|
|
593
|
+
<div
|
|
594
|
+
class="view container"
|
|
595
|
+
style="width: 360px;"
|
|
596
|
+
>
|
|
597
|
+
<div
|
|
598
|
+
class="pressable button hide back"
|
|
599
|
+
>
|
|
600
|
+
<span
|
|
601
|
+
class="icon headline-3"
|
|
602
|
+
>
|
|
603
|
+
<svg
|
|
604
|
+
fill="currentColor"
|
|
605
|
+
height="1em"
|
|
606
|
+
stroke="currentColor"
|
|
607
|
+
stroke-width="0"
|
|
608
|
+
viewBox="0 0 24 24"
|
|
609
|
+
width="1em"
|
|
610
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
611
|
+
>
|
|
612
|
+
<path
|
|
613
|
+
d="M0 0h24v24H0V0z"
|
|
614
|
+
fill="none"
|
|
615
|
+
/>
|
|
616
|
+
<path
|
|
617
|
+
d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"
|
|
618
|
+
/>
|
|
619
|
+
</svg>
|
|
620
|
+
</span>
|
|
621
|
+
</div>
|
|
622
|
+
<div
|
|
623
|
+
class="scrollview snap horizontal scrollView"
|
|
624
|
+
style="width: 360px;"
|
|
625
|
+
>
|
|
626
|
+
<div
|
|
627
|
+
class="view item"
|
|
628
|
+
>
|
|
629
|
+
<div
|
|
630
|
+
class="view image"
|
|
631
|
+
style="background-image: url(https://picsum.photos/seed/@soyjavi/1024/768); height: 230px; width: 360px;"
|
|
632
|
+
/>
|
|
633
|
+
</div>
|
|
634
|
+
<div
|
|
635
|
+
class="view item"
|
|
636
|
+
>
|
|
637
|
+
<div
|
|
638
|
+
class="view image"
|
|
639
|
+
style="background-image: url(https://picsum.photos/seed/@jose/1024/768); height: 230px; width: 360px;"
|
|
640
|
+
/>
|
|
641
|
+
</div>
|
|
642
|
+
<div
|
|
643
|
+
class="view item"
|
|
644
|
+
>
|
|
645
|
+
<div
|
|
646
|
+
class="view image"
|
|
647
|
+
style="background-image: url(https://picsum.photos/seed/@mario1/1024/768); height: 230px; width: 360px;"
|
|
648
|
+
/>
|
|
649
|
+
</div>
|
|
650
|
+
<div
|
|
651
|
+
class="view item"
|
|
652
|
+
>
|
|
653
|
+
<div
|
|
654
|
+
class="view image"
|
|
655
|
+
style="height: 230px; width: 360px;"
|
|
656
|
+
/>
|
|
657
|
+
</div>
|
|
658
|
+
<div
|
|
659
|
+
class="view item"
|
|
660
|
+
>
|
|
661
|
+
<div
|
|
662
|
+
class="view image"
|
|
663
|
+
style="height: 230px; width: 360px;"
|
|
664
|
+
/>
|
|
665
|
+
</div>
|
|
666
|
+
<div
|
|
667
|
+
class="view item"
|
|
668
|
+
>
|
|
669
|
+
<div
|
|
670
|
+
class="view image"
|
|
671
|
+
style="height: 230px; width: 360px;"
|
|
672
|
+
/>
|
|
673
|
+
</div>
|
|
674
|
+
</div>
|
|
675
|
+
<div
|
|
676
|
+
class="pressable button hide forward"
|
|
677
|
+
>
|
|
678
|
+
<span
|
|
679
|
+
class="icon headline-3"
|
|
680
|
+
>
|
|
681
|
+
<svg
|
|
682
|
+
fill="currentColor"
|
|
683
|
+
height="1em"
|
|
684
|
+
stroke="currentColor"
|
|
685
|
+
stroke-width="0"
|
|
686
|
+
viewBox="0 0 24 24"
|
|
687
|
+
width="1em"
|
|
688
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
689
|
+
>
|
|
690
|
+
<path
|
|
691
|
+
d="M0 0h24v24H0V0z"
|
|
692
|
+
fill="none"
|
|
693
|
+
/>
|
|
694
|
+
<path
|
|
695
|
+
d="M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8-8-8z"
|
|
696
|
+
/>
|
|
697
|
+
</svg>
|
|
698
|
+
</span>
|
|
699
|
+
</div>
|
|
700
|
+
</div>
|
|
701
|
+
</DocumentFragment>
|
|
702
|
+
`;
|
|
703
|
+
|
|
704
|
+
exports[`component:<Slider> testId 1`] = `
|
|
705
|
+
<DocumentFragment>
|
|
706
|
+
<div
|
|
707
|
+
class="view container"
|
|
708
|
+
data-testid="mirai"
|
|
709
|
+
style="width: 360px;"
|
|
710
|
+
>
|
|
711
|
+
<div
|
|
712
|
+
class="pressable button hide back"
|
|
713
|
+
>
|
|
714
|
+
<span
|
|
715
|
+
class="icon headline-3"
|
|
716
|
+
>
|
|
717
|
+
<svg
|
|
718
|
+
fill="currentColor"
|
|
719
|
+
height="1em"
|
|
720
|
+
stroke="currentColor"
|
|
721
|
+
stroke-width="0"
|
|
722
|
+
viewBox="0 0 24 24"
|
|
723
|
+
width="1em"
|
|
724
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
725
|
+
>
|
|
726
|
+
<path
|
|
727
|
+
d="M0 0h24v24H0V0z"
|
|
728
|
+
fill="none"
|
|
729
|
+
/>
|
|
730
|
+
<path
|
|
731
|
+
d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"
|
|
732
|
+
/>
|
|
733
|
+
</svg>
|
|
734
|
+
</span>
|
|
735
|
+
</div>
|
|
736
|
+
<div
|
|
737
|
+
class="scrollview snap horizontal scrollView"
|
|
738
|
+
style="width: 360px;"
|
|
739
|
+
>
|
|
740
|
+
<div
|
|
741
|
+
class="view item"
|
|
742
|
+
>
|
|
743
|
+
<div
|
|
744
|
+
class="view image"
|
|
745
|
+
style="background-image: url(https://picsum.photos/seed/@soyjavi/1024/768); height: 230px; width: 360px;"
|
|
746
|
+
/>
|
|
747
|
+
</div>
|
|
748
|
+
<div
|
|
749
|
+
class="view item"
|
|
750
|
+
>
|
|
751
|
+
<div
|
|
752
|
+
class="view image"
|
|
753
|
+
style="background-image: url(https://picsum.photos/seed/@jose/1024/768); height: 230px; width: 360px;"
|
|
754
|
+
/>
|
|
755
|
+
</div>
|
|
756
|
+
<div
|
|
757
|
+
class="view item"
|
|
758
|
+
>
|
|
759
|
+
<div
|
|
760
|
+
class="view image"
|
|
761
|
+
style="background-image: url(https://picsum.photos/seed/@mario1/1024/768); height: 230px; width: 360px;"
|
|
762
|
+
/>
|
|
763
|
+
</div>
|
|
764
|
+
<div
|
|
765
|
+
class="view item"
|
|
766
|
+
>
|
|
767
|
+
<div
|
|
768
|
+
class="view image"
|
|
769
|
+
style="height: 230px; width: 360px;"
|
|
770
|
+
/>
|
|
771
|
+
</div>
|
|
772
|
+
<div
|
|
773
|
+
class="view item"
|
|
774
|
+
>
|
|
775
|
+
<div
|
|
776
|
+
class="view image"
|
|
777
|
+
style="height: 230px; width: 360px;"
|
|
778
|
+
/>
|
|
779
|
+
</div>
|
|
780
|
+
<div
|
|
781
|
+
class="view item"
|
|
782
|
+
>
|
|
783
|
+
<div
|
|
784
|
+
class="view image"
|
|
785
|
+
style="height: 230px; width: 360px;"
|
|
786
|
+
/>
|
|
787
|
+
</div>
|
|
788
|
+
</div>
|
|
789
|
+
<div
|
|
790
|
+
class="pressable button hide forward"
|
|
791
|
+
>
|
|
792
|
+
<span
|
|
793
|
+
class="icon headline-3"
|
|
794
|
+
>
|
|
795
|
+
<svg
|
|
796
|
+
fill="currentColor"
|
|
797
|
+
height="1em"
|
|
798
|
+
stroke="currentColor"
|
|
799
|
+
stroke-width="0"
|
|
800
|
+
viewBox="0 0 24 24"
|
|
801
|
+
width="1em"
|
|
802
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
803
|
+
>
|
|
804
|
+
<path
|
|
805
|
+
d="M0 0h24v24H0V0z"
|
|
806
|
+
fill="none"
|
|
807
|
+
/>
|
|
808
|
+
<path
|
|
809
|
+
d="M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8-8-8z"
|
|
810
|
+
/>
|
|
811
|
+
</svg>
|
|
812
|
+
</span>
|
|
813
|
+
</div>
|
|
814
|
+
</div>
|
|
815
|
+
</DocumentFragment>
|
|
816
|
+
`;
|