@noction/vue-bezier 1.12.0 → 2.0.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 (33) hide show
  1. package/README.md +143 -66
  2. package/dist/types/components/Blur/BlurTransition.vue.d.ts +23 -0
  3. package/dist/types/components/ClipPath/ClipPathTransition.vue.d.ts +17 -0
  4. package/dist/types/components/Dissolve/DissolveListTransition.vue.d.ts +14 -0
  5. package/dist/types/components/Dissolve/DissolveTransition.vue.d.ts +14 -0
  6. package/dist/types/components/FadeSlide/FadeSlideTransition.vue.d.ts +14 -0
  7. package/dist/types/components/Push/PushTransition.vue.d.ts +17 -0
  8. package/dist/types/components/Rotate/RotateTransition.vue.d.ts +14 -0
  9. package/dist/types/components/Scale/ScaleListTransition.vue.d.ts +14 -0
  10. package/dist/types/components/Scale/ScaleTransition.vue.d.ts +9 -63
  11. package/dist/types/components/Wipe/WipeTransition.vue.d.ts +14 -0
  12. package/dist/types/components/Zoom/ZoomTransition.vue.d.ts +14 -0
  13. package/dist/types/components/index.d.ts +10 -10
  14. package/dist/types/main.d.ts +1 -1
  15. package/dist/types/types/index.d.ts +6 -6
  16. package/dist/vue-bezier.css +2 -0
  17. package/dist/vue-bezier.js +529 -418
  18. package/dist/web-types.json +222 -306
  19. package/package.json +27 -28
  20. package/dist/style.css +0 -1
  21. package/dist/types/components/Collapse/CollapseTransition.vue.d.ts +0 -69
  22. package/dist/types/components/Fade/FadeTransition.vue.d.ts +0 -68
  23. package/dist/types/components/Slide/SlideXLeftTransition.vue.d.ts +0 -68
  24. package/dist/types/components/Slide/SlideXRightTransition.vue.d.ts +0 -68
  25. package/dist/types/components/Slide/SlideYDownTransition.vue.d.ts +0 -68
  26. package/dist/types/components/Slide/SlideYUpTransition.vue.d.ts +0 -68
  27. package/dist/types/components/Zoom/ZoomCenterTransition.vue.d.ts +0 -68
  28. package/dist/types/components/Zoom/ZoomUpTransition.vue.d.ts +0 -68
  29. package/dist/types/components/Zoom/ZoomXTransition.vue.d.ts +0 -68
  30. package/dist/types/components/Zoom/ZoomYTransition.vue.d.ts +0 -68
  31. package/dist/types/composables/buildComponentType.d.ts +0 -4
  32. package/dist/types/composables/index.d.ts +0 -3
  33. package/dist/types/composables/useHooks.d.ts +0 -15
package/dist/web-types.json CHANGED
@@ -1,63 +1,31 @@
1
1
  {
2
2
  "framework": "vue",
3
3
  "name": "@noction/vue-bezier",
4
- "version": "1.12.0",
4
+ "version": "2.0.1",
5
5
  "contributions": {
6
6
  "html": {
7
7
  "description-markup": "markdown",
8
8
  "types-syntax": "typescript",
9
9
  "tags": [
10
10
  {
11
- "name": "CollapseTransition",
11
+ "name": "BlurTransition",
12
12
  "description": "",
13
13
  "attributes": [
14
- {
15
- "name": "delay",
16
- "value": {
17
- "kind": "expression",
18
- "type": "any"
19
- },
20
- "default": "0"
21
- },
22
14
  {
23
15
  "name": "duration",
16
+ "required": false,
24
17
  "value": {
25
18
  "kind": "expression",
26
- "type": "any"
27
- },
28
- "default": "300"
29
- },
30
- {
31
- "name": "group",
32
- "value": {
33
- "kind": "expression",
34
- "type": "any"
35
- },
36
- "default": "false"
19
+ "type": "union"
20
+ }
37
21
  },
38
22
  {
39
- "name": "origin",
40
- "value": {
41
- "kind": "expression",
42
- "type": "any"
43
- },
44
- "default": "''"
45
- },
46
- {
47
- "name": "styles",
48
- "value": {
49
- "kind": "expression",
50
- "type": "any"
51
- },
52
- "default": "() => ({\n animationFillMode: 'both',\n animationTimingFunction: 'ease-out'\n})"
53
- },
54
- {
55
- "name": "tag",
23
+ "name": "delay",
24
+ "required": false,
56
25
  "value": {
57
26
  "kind": "expression",
58
- "type": "any"
59
- },
60
- "default": "'span'"
27
+ "type": "union"
28
+ }
61
29
  }
62
30
  ],
63
31
  "slots": [
@@ -66,124 +34,80 @@
66
34
  }
67
35
  ],
68
36
  "source": {
69
- "module": "./src/components/Collapse/CollapseTransition.vue",
37
+ "module": "./src/components/Blur/BlurTransition.vue",
70
38
  "symbol": "default"
71
39
  }
72
40
  },
73
41
  {
74
- "name": "FadeTransition",
42
+ "name": "ClipPathTransition",
75
43
  "description": "",
76
- "attributes": [
77
- {
78
- "name": "delay",
79
- "value": {
80
- "kind": "expression",
81
- "type": "any"
82
- },
83
- "default": "0"
84
- },
85
- {
86
- "name": "duration",
87
- "value": {
88
- "kind": "expression",
89
- "type": "any"
90
- },
91
- "default": "300"
92
- },
93
- {
94
- "name": "group",
95
- "value": {
96
- "kind": "expression",
97
- "type": "any"
98
- },
99
- "default": "false"
100
- },
101
- {
102
- "name": "origin",
103
- "value": {
104
- "kind": "expression",
105
- "type": "any"
106
- },
107
- "default": "''"
108
- },
109
- {
110
- "name": "styles",
111
- "value": {
112
- "kind": "expression",
113
- "type": "any"
114
- },
115
- "default": "() => ({\n animationFillMode: 'both',\n animationTimingFunction: 'ease-out'\n})"
116
- },
117
- {
118
- "name": "tag",
119
- "value": {
120
- "kind": "expression",
121
- "type": "any"
122
- },
123
- "default": "'span'"
124
- }
125
- ],
126
44
  "slots": [
127
45
  {
128
46
  "name": "default"
129
47
  }
130
48
  ],
131
49
  "source": {
132
- "module": "./src/components/Fade/FadeTransition.vue",
50
+ "module": "./src/components/ClipPath/ClipPathTransition.vue",
133
51
  "symbol": "default"
134
52
  }
135
53
  },
136
54
  {
137
- "name": "ScaleTransition",
55
+ "name": "DissolveListTransition",
138
56
  "description": "",
139
57
  "attributes": [
140
58
  {
141
59
  "name": "delay",
60
+ "required": false,
61
+ "description": "Transition delay. Number for specifying the same delay for enter/leave transitions\nObject style {enter: 300, leave: 300} for specifying explicit durations for enter/leave",
142
62
  "value": {
143
63
  "kind": "expression",
144
- "type": "any"
145
- },
146
- "default": "0"
64
+ "type": "NumberOrTimings"
65
+ }
147
66
  },
148
67
  {
149
68
  "name": "duration",
69
+ "required": false,
70
+ "description": "Transition duration. Number for specifying the same duration for enter/leave transitions\nObject style {enter: 300, leave: 300} for specifying explicit durations for enter/leave",
150
71
  "value": {
151
72
  "kind": "expression",
152
- "type": "any"
153
- },
154
- "default": "300"
73
+ "type": "NumberOrTimings"
74
+ }
155
75
  },
156
76
  {
157
77
  "name": "group",
78
+ "required": false,
79
+ "description": "Whether the component should be a `transition-group` component.",
158
80
  "value": {
159
81
  "kind": "expression",
160
- "type": "any"
161
- },
162
- "default": "false"
82
+ "type": "boolean"
83
+ }
163
84
  },
164
85
  {
165
86
  "name": "origin",
87
+ "required": false,
88
+ "description": "Transform origin property https://tympanus.net/codrops/css_reference/transform-origin/.\nCan be specified with styles as well, but it's shorter with this prop",
166
89
  "value": {
167
90
  "kind": "expression",
168
- "type": "any"
169
- },
170
- "default": "'top left'"
91
+ "type": "string"
92
+ }
171
93
  },
172
94
  {
173
95
  "name": "styles",
96
+ "required": false,
97
+ "description": "Element styles that are applied during transition. These styles are applied on @beforeEnter and @beforeLeave hooks",
174
98
  "value": {
175
99
  "kind": "expression",
176
- "type": "any"
177
- },
178
- "default": "() => ({\n animationFillMode: 'both',\n animationTimingFunction: 'ease-out'\n})"
100
+ "type": "Styles"
101
+ }
179
102
  },
180
103
  {
181
104
  "name": "tag",
105
+ "required": false,
106
+ "description": "Transition tag, in case the component is a `transition-group`",
182
107
  "value": {
183
108
  "kind": "expression",
184
- "type": "any"
185
- },
186
- "default": "'span'"
109
+ "type": "string"
110
+ }
187
111
  }
188
112
  ],
189
113
  "slots": [
@@ -192,61 +116,67 @@
192
116
  }
193
117
  ],
194
118
  "source": {
195
- "module": "./src/components/Scale/ScaleTransition.vue",
119
+ "module": "./src/components/Dissolve/DissolveListTransition.vue",
196
120
  "symbol": "default"
197
121
  }
198
122
  },
199
123
  {
200
- "name": "SlideXLeftTransition",
124
+ "name": "DissolveTransition",
201
125
  "description": "",
202
126
  "attributes": [
203
127
  {
204
128
  "name": "delay",
129
+ "required": false,
130
+ "description": "Transition delay. Number for specifying the same delay for enter/leave transitions\nObject style {enter: 300, leave: 300} for specifying explicit durations for enter/leave",
205
131
  "value": {
206
132
  "kind": "expression",
207
- "type": "any"
208
- },
209
- "default": "0"
133
+ "type": "NumberOrTimings"
134
+ }
210
135
  },
211
136
  {
212
137
  "name": "duration",
138
+ "required": false,
139
+ "description": "Transition duration. Number for specifying the same duration for enter/leave transitions\nObject style {enter: 300, leave: 300} for specifying explicit durations for enter/leave",
213
140
  "value": {
214
141
  "kind": "expression",
215
- "type": "any"
216
- },
217
- "default": "300"
142
+ "type": "NumberOrTimings"
143
+ }
218
144
  },
219
145
  {
220
146
  "name": "group",
147
+ "required": false,
148
+ "description": "Whether the component should be a `transition-group` component.",
221
149
  "value": {
222
150
  "kind": "expression",
223
- "type": "any"
224
- },
225
- "default": "false"
151
+ "type": "boolean"
152
+ }
226
153
  },
227
154
  {
228
155
  "name": "origin",
156
+ "required": false,
157
+ "description": "Transform origin property https://tympanus.net/codrops/css_reference/transform-origin/.\nCan be specified with styles as well, but it's shorter with this prop",
229
158
  "value": {
230
159
  "kind": "expression",
231
- "type": "any"
232
- },
233
- "default": "''"
160
+ "type": "string"
161
+ }
234
162
  },
235
163
  {
236
164
  "name": "styles",
165
+ "required": false,
166
+ "description": "Element styles that are applied during transition. These styles are applied on @beforeEnter and @beforeLeave hooks",
237
167
  "value": {
238
168
  "kind": "expression",
239
- "type": "any"
240
- },
241
- "default": "() => ({\n animationFillMode: 'both',\n animationTimingFunction: 'ease-out'\n})"
169
+ "type": "Styles"
170
+ }
242
171
  },
243
172
  {
244
173
  "name": "tag",
174
+ "required": false,
175
+ "description": "Transition tag, in case the component is a `transition-group`",
245
176
  "value": {
246
177
  "kind": "expression",
247
- "type": "any"
248
- },
249
- "default": "'span'"
178
+ "type": "string"
179
+ }
250
180
  }
251
181
  ],
252
182
  "slots": [
@@ -255,61 +185,67 @@
255
185
  }
256
186
  ],
257
187
  "source": {
258
- "module": "./src/components/Slide/SlideXLeftTransition.vue",
188
+ "module": "./src/components/Dissolve/DissolveTransition.vue",
259
189
  "symbol": "default"
260
190
  }
261
191
  },
262
192
  {
263
- "name": "SlideXRightTransition",
193
+ "name": "FadeSlideTransition",
264
194
  "description": "",
265
195
  "attributes": [
266
196
  {
267
197
  "name": "delay",
198
+ "required": false,
199
+ "description": "Transition delay. Number for specifying the same delay for enter/leave transitions\nObject style {enter: 300, leave: 300} for specifying explicit durations for enter/leave",
268
200
  "value": {
269
201
  "kind": "expression",
270
- "type": "any"
271
- },
272
- "default": "0"
202
+ "type": "NumberOrTimings"
203
+ }
273
204
  },
274
205
  {
275
206
  "name": "duration",
207
+ "required": false,
208
+ "description": "Transition duration. Number for specifying the same duration for enter/leave transitions\nObject style {enter: 300, leave: 300} for specifying explicit durations for enter/leave",
276
209
  "value": {
277
210
  "kind": "expression",
278
- "type": "any"
279
- },
280
- "default": "300"
211
+ "type": "NumberOrTimings"
212
+ }
281
213
  },
282
214
  {
283
215
  "name": "group",
216
+ "required": false,
217
+ "description": "Whether the component should be a `transition-group` component.",
284
218
  "value": {
285
219
  "kind": "expression",
286
- "type": "any"
287
- },
288
- "default": "false"
220
+ "type": "boolean"
221
+ }
289
222
  },
290
223
  {
291
224
  "name": "origin",
225
+ "required": false,
226
+ "description": "Transform origin property https://tympanus.net/codrops/css_reference/transform-origin/.\nCan be specified with styles as well, but it's shorter with this prop",
292
227
  "value": {
293
228
  "kind": "expression",
294
- "type": "any"
295
- },
296
- "default": "''"
229
+ "type": "string"
230
+ }
297
231
  },
298
232
  {
299
233
  "name": "styles",
234
+ "required": false,
235
+ "description": "Element styles that are applied during transition. These styles are applied on @beforeEnter and @beforeLeave hooks",
300
236
  "value": {
301
237
  "kind": "expression",
302
- "type": "any"
303
- },
304
- "default": "() => ({\n animationFillMode: 'both',\n animationTimingFunction: 'ease-out'\n})"
238
+ "type": "Styles"
239
+ }
305
240
  },
306
241
  {
307
242
  "name": "tag",
243
+ "required": false,
244
+ "description": "Transition tag, in case the component is a `transition-group`",
308
245
  "value": {
309
246
  "kind": "expression",
310
- "type": "any"
311
- },
312
- "default": "'span'"
247
+ "type": "string"
248
+ }
313
249
  }
314
250
  ],
315
251
  "slots": [
@@ -318,124 +254,80 @@
318
254
  }
319
255
  ],
320
256
  "source": {
321
- "module": "./src/components/Slide/SlideXRightTransition.vue",
257
+ "module": "./src/components/FadeSlide/FadeSlideTransition.vue",
322
258
  "symbol": "default"
323
259
  }
324
260
  },
325
261
  {
326
- "name": "SlideYDownTransition",
262
+ "name": "PushTransition",
327
263
  "description": "",
328
- "attributes": [
329
- {
330
- "name": "delay",
331
- "value": {
332
- "kind": "expression",
333
- "type": "any"
334
- },
335
- "default": "0"
336
- },
337
- {
338
- "name": "duration",
339
- "value": {
340
- "kind": "expression",
341
- "type": "any"
342
- },
343
- "default": "300"
344
- },
345
- {
346
- "name": "group",
347
- "value": {
348
- "kind": "expression",
349
- "type": "any"
350
- },
351
- "default": "false"
352
- },
353
- {
354
- "name": "origin",
355
- "value": {
356
- "kind": "expression",
357
- "type": "any"
358
- },
359
- "default": "''"
360
- },
361
- {
362
- "name": "styles",
363
- "value": {
364
- "kind": "expression",
365
- "type": "any"
366
- },
367
- "default": "() => ({\n animationFillMode: 'both',\n animationTimingFunction: 'ease-out'\n})"
368
- },
369
- {
370
- "name": "tag",
371
- "value": {
372
- "kind": "expression",
373
- "type": "any"
374
- },
375
- "default": "'span'"
376
- }
377
- ],
378
264
  "slots": [
379
265
  {
380
266
  "name": "default"
381
267
  }
382
268
  ],
383
269
  "source": {
384
- "module": "./src/components/Slide/SlideYDownTransition.vue",
270
+ "module": "./src/components/Push/PushTransition.vue",
385
271
  "symbol": "default"
386
272
  }
387
273
  },
388
274
  {
389
- "name": "SlideYUpTransition",
275
+ "name": "RotateTransition",
390
276
  "description": "",
391
277
  "attributes": [
392
278
  {
393
279
  "name": "delay",
280
+ "required": false,
281
+ "description": "Transition delay. Number for specifying the same delay for enter/leave transitions\nObject style {enter: 300, leave: 300} for specifying explicit durations for enter/leave",
394
282
  "value": {
395
283
  "kind": "expression",
396
- "type": "any"
397
- },
398
- "default": "0"
284
+ "type": "NumberOrTimings"
285
+ }
399
286
  },
400
287
  {
401
288
  "name": "duration",
289
+ "required": false,
290
+ "description": "Transition duration. Number for specifying the same duration for enter/leave transitions\nObject style {enter: 300, leave: 300} for specifying explicit durations for enter/leave",
402
291
  "value": {
403
292
  "kind": "expression",
404
- "type": "any"
405
- },
406
- "default": "300"
293
+ "type": "NumberOrTimings"
294
+ }
407
295
  },
408
296
  {
409
297
  "name": "group",
298
+ "required": false,
299
+ "description": "Whether the component should be a `transition-group` component.",
410
300
  "value": {
411
301
  "kind": "expression",
412
- "type": "any"
413
- },
414
- "default": "false"
302
+ "type": "boolean"
303
+ }
415
304
  },
416
305
  {
417
306
  "name": "origin",
307
+ "required": false,
308
+ "description": "Transform origin property https://tympanus.net/codrops/css_reference/transform-origin/.\nCan be specified with styles as well, but it's shorter with this prop",
418
309
  "value": {
419
310
  "kind": "expression",
420
- "type": "any"
421
- },
422
- "default": "''"
311
+ "type": "string"
312
+ }
423
313
  },
424
314
  {
425
315
  "name": "styles",
316
+ "required": false,
317
+ "description": "Element styles that are applied during transition. These styles are applied on @beforeEnter and @beforeLeave hooks",
426
318
  "value": {
427
319
  "kind": "expression",
428
- "type": "any"
429
- },
430
- "default": "() => ({\n animationFillMode: 'both',\n animationTimingFunction: 'ease-out'\n})"
320
+ "type": "Styles"
321
+ }
431
322
  },
432
323
  {
433
324
  "name": "tag",
325
+ "required": false,
326
+ "description": "Transition tag, in case the component is a `transition-group`",
434
327
  "value": {
435
328
  "kind": "expression",
436
- "type": "any"
437
- },
438
- "default": "'span'"
329
+ "type": "string"
330
+ }
439
331
  }
440
332
  ],
441
333
  "slots": [
@@ -444,61 +336,67 @@
444
336
  }
445
337
  ],
446
338
  "source": {
447
- "module": "./src/components/Slide/SlideYUpTransition.vue",
339
+ "module": "./src/components/Rotate/RotateTransition.vue",
448
340
  "symbol": "default"
449
341
  }
450
342
  },
451
343
  {
452
- "name": "ZoomCenterTransition",
344
+ "name": "ScaleListTransition",
453
345
  "description": "",
454
346
  "attributes": [
455
347
  {
456
348
  "name": "delay",
349
+ "required": false,
350
+ "description": "Transition delay. Number for specifying the same delay for enter/leave transitions\nObject style {enter: 300, leave: 300} for specifying explicit durations for enter/leave",
457
351
  "value": {
458
352
  "kind": "expression",
459
- "type": "any"
460
- },
461
- "default": "0"
353
+ "type": "NumberOrTimings"
354
+ }
462
355
  },
463
356
  {
464
357
  "name": "duration",
358
+ "required": false,
359
+ "description": "Transition duration. Number for specifying the same duration for enter/leave transitions\nObject style {enter: 300, leave: 300} for specifying explicit durations for enter/leave",
465
360
  "value": {
466
361
  "kind": "expression",
467
- "type": "any"
468
- },
469
- "default": "300"
362
+ "type": "NumberOrTimings"
363
+ }
470
364
  },
471
365
  {
472
366
  "name": "group",
367
+ "required": false,
368
+ "description": "Whether the component should be a `transition-group` component.",
473
369
  "value": {
474
370
  "kind": "expression",
475
- "type": "any"
476
- },
477
- "default": "false"
371
+ "type": "boolean"
372
+ }
478
373
  },
479
374
  {
480
375
  "name": "origin",
376
+ "required": false,
377
+ "description": "Transform origin property https://tympanus.net/codrops/css_reference/transform-origin/.\nCan be specified with styles as well, but it's shorter with this prop",
481
378
  "value": {
482
379
  "kind": "expression",
483
- "type": "any"
484
- },
485
- "default": "''"
380
+ "type": "string"
381
+ }
486
382
  },
487
383
  {
488
384
  "name": "styles",
385
+ "required": false,
386
+ "description": "Element styles that are applied during transition. These styles are applied on @beforeEnter and @beforeLeave hooks",
489
387
  "value": {
490
388
  "kind": "expression",
491
- "type": "any"
492
- },
493
- "default": "() => ({\n animationFillMode: 'both',\n animationTimingFunction: 'ease-out'\n})"
389
+ "type": "Styles"
390
+ }
494
391
  },
495
392
  {
496
393
  "name": "tag",
394
+ "required": false,
395
+ "description": "Transition tag, in case the component is a `transition-group`",
497
396
  "value": {
498
397
  "kind": "expression",
499
- "type": "any"
500
- },
501
- "default": "'span'"
398
+ "type": "string"
399
+ }
502
400
  }
503
401
  ],
504
402
  "slots": [
@@ -507,61 +405,67 @@
507
405
  }
508
406
  ],
509
407
  "source": {
510
- "module": "./src/components/Zoom/ZoomCenterTransition.vue",
408
+ "module": "./src/components/Scale/ScaleListTransition.vue",
511
409
  "symbol": "default"
512
410
  }
513
411
  },
514
412
  {
515
- "name": "ZoomUpTransition",
413
+ "name": "ScaleTransition",
516
414
  "description": "",
517
415
  "attributes": [
518
416
  {
519
417
  "name": "delay",
418
+ "required": false,
419
+ "description": "Transition delay. Number for specifying the same delay for enter/leave transitions\nObject style {enter: 300, leave: 300} for specifying explicit durations for enter/leave",
520
420
  "value": {
521
421
  "kind": "expression",
522
- "type": "any"
523
- },
524
- "default": "0"
422
+ "type": "NumberOrTimings"
423
+ }
525
424
  },
526
425
  {
527
426
  "name": "duration",
427
+ "required": false,
428
+ "description": "Transition duration. Number for specifying the same duration for enter/leave transitions\nObject style {enter: 300, leave: 300} for specifying explicit durations for enter/leave",
528
429
  "value": {
529
430
  "kind": "expression",
530
- "type": "any"
531
- },
532
- "default": "300"
431
+ "type": "NumberOrTimings"
432
+ }
533
433
  },
534
434
  {
535
435
  "name": "group",
436
+ "required": false,
437
+ "description": "Whether the component should be a `transition-group` component.",
536
438
  "value": {
537
439
  "kind": "expression",
538
- "type": "any"
539
- },
540
- "default": "false"
440
+ "type": "boolean"
441
+ }
541
442
  },
542
443
  {
543
444
  "name": "origin",
445
+ "required": false,
446
+ "description": "Transform origin property https://tympanus.net/codrops/css_reference/transform-origin/.\nCan be specified with styles as well, but it's shorter with this prop",
544
447
  "value": {
545
448
  "kind": "expression",
546
- "type": "any"
547
- },
548
- "default": "''"
449
+ "type": "string"
450
+ }
549
451
  },
550
452
  {
551
453
  "name": "styles",
454
+ "required": false,
455
+ "description": "Element styles that are applied during transition. These styles are applied on @beforeEnter and @beforeLeave hooks",
552
456
  "value": {
553
457
  "kind": "expression",
554
- "type": "any"
555
- },
556
- "default": "() => ({\n animationFillMode: 'both',\n animationTimingFunction: 'ease-out'\n})"
458
+ "type": "Styles"
459
+ }
557
460
  },
558
461
  {
559
462
  "name": "tag",
463
+ "required": false,
464
+ "description": "Transition tag, in case the component is a `transition-group`",
560
465
  "value": {
561
466
  "kind": "expression",
562
- "type": "any"
563
- },
564
- "default": "'span'"
467
+ "type": "string"
468
+ }
565
469
  }
566
470
  ],
567
471
  "slots": [
@@ -570,61 +474,67 @@
570
474
  }
571
475
  ],
572
476
  "source": {
573
- "module": "./src/components/Zoom/ZoomUpTransition.vue",
477
+ "module": "./src/components/Scale/ScaleTransition.vue",
574
478
  "symbol": "default"
575
479
  }
576
480
  },
577
481
  {
578
- "name": "ZoomXTransition",
482
+ "name": "WipeTransition",
579
483
  "description": "",
580
484
  "attributes": [
581
485
  {
582
486
  "name": "delay",
487
+ "required": false,
488
+ "description": "Transition delay. Number for specifying the same delay for enter/leave transitions\nObject style {enter: 300, leave: 300} for specifying explicit durations for enter/leave",
583
489
  "value": {
584
490
  "kind": "expression",
585
- "type": "any"
586
- },
587
- "default": "0"
491
+ "type": "NumberOrTimings"
492
+ }
588
493
  },
589
494
  {
590
495
  "name": "duration",
496
+ "required": false,
497
+ "description": "Transition duration. Number for specifying the same duration for enter/leave transitions\nObject style {enter: 300, leave: 300} for specifying explicit durations for enter/leave",
591
498
  "value": {
592
499
  "kind": "expression",
593
- "type": "any"
594
- },
595
- "default": "300"
500
+ "type": "NumberOrTimings"
501
+ }
596
502
  },
597
503
  {
598
504
  "name": "group",
505
+ "required": false,
506
+ "description": "Whether the component should be a `transition-group` component.",
599
507
  "value": {
600
508
  "kind": "expression",
601
- "type": "any"
602
- },
603
- "default": "false"
509
+ "type": "boolean"
510
+ }
604
511
  },
605
512
  {
606
513
  "name": "origin",
514
+ "required": false,
515
+ "description": "Transform origin property https://tympanus.net/codrops/css_reference/transform-origin/.\nCan be specified with styles as well, but it's shorter with this prop",
607
516
  "value": {
608
517
  "kind": "expression",
609
- "type": "any"
610
- },
611
- "default": "''"
518
+ "type": "string"
519
+ }
612
520
  },
613
521
  {
614
522
  "name": "styles",
523
+ "required": false,
524
+ "description": "Element styles that are applied during transition. These styles are applied on @beforeEnter and @beforeLeave hooks",
615
525
  "value": {
616
526
  "kind": "expression",
617
- "type": "any"
618
- },
619
- "default": "() => ({\n animationFillMode: 'both',\n animationTimingFunction: 'ease-out'\n})"
527
+ "type": "Styles"
528
+ }
620
529
  },
621
530
  {
622
531
  "name": "tag",
532
+ "required": false,
533
+ "description": "Transition tag, in case the component is a `transition-group`",
623
534
  "value": {
624
535
  "kind": "expression",
625
- "type": "any"
626
- },
627
- "default": "'span'"
536
+ "type": "string"
537
+ }
628
538
  }
629
539
  ],
630
540
  "slots": [
@@ -633,61 +543,67 @@
633
543
  }
634
544
  ],
635
545
  "source": {
636
- "module": "./src/components/Zoom/ZoomXTransition.vue",
546
+ "module": "./src/components/Wipe/WipeTransition.vue",
637
547
  "symbol": "default"
638
548
  }
639
549
  },
640
550
  {
641
- "name": "ZoomYTransition",
551
+ "name": "ZoomTransition",
642
552
  "description": "",
643
553
  "attributes": [
644
554
  {
645
555
  "name": "delay",
556
+ "required": false,
557
+ "description": "Transition delay. Number for specifying the same delay for enter/leave transitions\nObject style {enter: 300, leave: 300} for specifying explicit durations for enter/leave",
646
558
  "value": {
647
559
  "kind": "expression",
648
- "type": "any"
649
- },
650
- "default": "0"
560
+ "type": "NumberOrTimings"
561
+ }
651
562
  },
652
563
  {
653
564
  "name": "duration",
565
+ "required": false,
566
+ "description": "Transition duration. Number for specifying the same duration for enter/leave transitions\nObject style {enter: 300, leave: 300} for specifying explicit durations for enter/leave",
654
567
  "value": {
655
568
  "kind": "expression",
656
- "type": "any"
657
- },
658
- "default": "300"
569
+ "type": "NumberOrTimings"
570
+ }
659
571
  },
660
572
  {
661
573
  "name": "group",
574
+ "required": false,
575
+ "description": "Whether the component should be a `transition-group` component.",
662
576
  "value": {
663
577
  "kind": "expression",
664
- "type": "any"
665
- },
666
- "default": "false"
578
+ "type": "boolean"
579
+ }
667
580
  },
668
581
  {
669
582
  "name": "origin",
583
+ "required": false,
584
+ "description": "Transform origin property https://tympanus.net/codrops/css_reference/transform-origin/.\nCan be specified with styles as well, but it's shorter with this prop",
670
585
  "value": {
671
586
  "kind": "expression",
672
- "type": "any"
673
- },
674
- "default": "''"
587
+ "type": "string"
588
+ }
675
589
  },
676
590
  {
677
591
  "name": "styles",
592
+ "required": false,
593
+ "description": "Element styles that are applied during transition. These styles are applied on @beforeEnter and @beforeLeave hooks",
678
594
  "value": {
679
595
  "kind": "expression",
680
- "type": "any"
681
- },
682
- "default": "() => ({\n animationFillMode: 'both',\n animationTimingFunction: 'ease-out'\n})"
596
+ "type": "Styles"
597
+ }
683
598
  },
684
599
  {
685
600
  "name": "tag",
601
+ "required": false,
602
+ "description": "Transition tag, in case the component is a `transition-group`",
686
603
  "value": {
687
604
  "kind": "expression",
688
- "type": "any"
689
- },
690
- "default": "'span'"
605
+ "type": "string"
606
+ }
691
607
  }
692
608
  ],
693
609
  "slots": [
@@ -696,7 +612,7 @@
696
612
  }
697
613
  ],
698
614
  "source": {
699
- "module": "./src/components/Zoom/ZoomYTransition.vue",
615
+ "module": "./src/components/Zoom/ZoomTransition.vue",
700
616
  "symbol": "default"
701
617
  }
702
618
  }