@vikeriait/vue-viewport 1.1.0
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/LICENSE +21 -0
- package/README.md +294 -0
- package/dist/index.d.ts +300 -0
- package/dist/style.css +1 -0
- package/dist/vue-viewport.js +330 -0
- package/dist/vue-viewport.umd.cjs +1 -0
- package/package.json +78 -0
- package/src/styles/presets.css +258 -0
- package/src/styles/tailwind.css +8 -0
- package/web-types.json +73 -0
package/web-types.json
ADDED
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "https://json.schemastore.org/web-types",
|
|
3
|
+
"name": "@vikeriait/vue-viewport",
|
|
4
|
+
"version": "1.0.0",
|
|
5
|
+
"description-markup": "markdown",
|
|
6
|
+
"js-types-syntax": "typescript",
|
|
7
|
+
"framework": "vue",
|
|
8
|
+
"contributions": {
|
|
9
|
+
"html": {
|
|
10
|
+
"tags": [
|
|
11
|
+
{
|
|
12
|
+
"name": "VViewport",
|
|
13
|
+
"description": "Wrapper component for viewport detection and scroll animations.",
|
|
14
|
+
"attributes": [
|
|
15
|
+
{
|
|
16
|
+
"name": "as",
|
|
17
|
+
"description": "The HTML tag to render.",
|
|
18
|
+
"default": "div",
|
|
19
|
+
"value": { "kind": "expression", "type": "string" }
|
|
20
|
+
},
|
|
21
|
+
{
|
|
22
|
+
"name": "preset",
|
|
23
|
+
"description": "The animation preset name (e.g., 'fade-up').",
|
|
24
|
+
"value": { "kind": "expression", "type": "string" }
|
|
25
|
+
},
|
|
26
|
+
{
|
|
27
|
+
"name": "stagger",
|
|
28
|
+
"description": "Delay in ms or CSS string. Set to true for global default.",
|
|
29
|
+
"value": { "kind": "expression", "type": "number | string | boolean" }
|
|
30
|
+
},
|
|
31
|
+
{
|
|
32
|
+
"name": "once",
|
|
33
|
+
"description": "If true, disconnects observer after first entry.",
|
|
34
|
+
"default": "false",
|
|
35
|
+
"value": { "kind": "expression", "type": "boolean" }
|
|
36
|
+
},
|
|
37
|
+
{
|
|
38
|
+
"name": "threshold",
|
|
39
|
+
"description": "Intersection threshold (0.0 - 1.0) or array of thresholds.",
|
|
40
|
+
"default": "0.1",
|
|
41
|
+
"value": { "kind": "expression", "type": "number | number[]" }
|
|
42
|
+
},
|
|
43
|
+
{
|
|
44
|
+
"name": "rootMargin",
|
|
45
|
+
"description": "Custom rootMargin string (e.g. '10px 0px').",
|
|
46
|
+
"value": { "kind": "expression", "type": "string" }
|
|
47
|
+
},
|
|
48
|
+
{
|
|
49
|
+
"name": "root",
|
|
50
|
+
"description": "Custom root element for the observer.",
|
|
51
|
+
"value": { "kind": "expression", "type": "Element | Document" }
|
|
52
|
+
}
|
|
53
|
+
],
|
|
54
|
+
"events": [
|
|
55
|
+
{ "name": "enter", "description": "Triggered when element enters viewport." },
|
|
56
|
+
{ "name": "leave", "description": "Triggered when element leaves viewport." }
|
|
57
|
+
]
|
|
58
|
+
}
|
|
59
|
+
],
|
|
60
|
+
"vue-directives": [
|
|
61
|
+
{
|
|
62
|
+
"name": "viewport",
|
|
63
|
+
"description": "Detects when an element enters the viewport and applies animation classes.",
|
|
64
|
+
"doc-url": "https://github.com/vikeriait/vue-viewport",
|
|
65
|
+
"value": {
|
|
66
|
+
"kind": "expression",
|
|
67
|
+
"type": "string | ViewportOptions"
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
]
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
}
|