@efxlab/motion-canvas-responsive 4.0.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/lib/components/ParticleGroup.d.ts +9 -0
- package/lib/components/ParticleGroup.d.ts.map +1 -0
- package/lib/components/ParticleGroup.js +20 -0
- package/lib/components/ParticleGroup.js.map +1 -0
- package/lib/components/RatioLayer.d.ts +7 -0
- package/lib/components/RatioLayer.d.ts.map +1 -0
- package/lib/components/RatioLayer.js +8 -0
- package/lib/components/RatioLayer.js.map +1 -0
- package/lib/components/index.d.ts +3 -0
- package/lib/components/index.d.ts.map +1 -0
- package/lib/components/index.js +3 -0
- package/lib/components/index.js.map +1 -0
- package/lib/context/ResponsiveContext.d.ts +45 -0
- package/lib/context/ResponsiveContext.d.ts.map +1 -0
- package/lib/context/ResponsiveContext.js +118 -0
- package/lib/context/ResponsiveContext.js.map +1 -0
- package/lib/context/ResponsiveContext.test.d.ts +2 -0
- package/lib/context/ResponsiveContext.test.d.ts.map +1 -0
- package/lib/context/ResponsiveContext.test.js +74 -0
- package/lib/helpers/color.d.ts +26 -0
- package/lib/helpers/color.d.ts.map +1 -0
- package/lib/helpers/color.js +10 -0
- package/lib/helpers/color.js.map +1 -0
- package/lib/helpers/filter.d.ts +25 -0
- package/lib/helpers/filter.d.ts.map +1 -0
- package/lib/helpers/filter.js +8 -0
- package/lib/helpers/filter.js.map +1 -0
- package/lib/helpers/helpers.test.d.ts +2 -0
- package/lib/helpers/helpers.test.d.ts.map +1 -0
- package/lib/helpers/helpers.test.js +224 -0
- package/lib/helpers/index.d.ts +8 -0
- package/lib/helpers/index.d.ts.map +1 -0
- package/lib/helpers/index.js +8 -0
- package/lib/helpers/index.js.map +1 -0
- package/lib/helpers/path.d.ts +32 -0
- package/lib/helpers/path.d.ts.map +1 -0
- package/lib/helpers/path.js +28 -0
- package/lib/helpers/path.js.map +1 -0
- package/lib/helpers/position.d.ts +20 -0
- package/lib/helpers/position.d.ts.map +1 -0
- package/lib/helpers/position.js +52 -0
- package/lib/helpers/position.js.map +1 -0
- package/lib/helpers/rotation.d.ts +33 -0
- package/lib/helpers/rotation.d.ts.map +1 -0
- package/lib/helpers/rotation.js +14 -0
- package/lib/helpers/rotation.js.map +1 -0
- package/lib/helpers/scale.d.ts +31 -0
- package/lib/helpers/scale.d.ts.map +1 -0
- package/lib/helpers/scale.js +24 -0
- package/lib/helpers/scale.js.map +1 -0
- package/lib/helpers/visibility.d.ts +21 -0
- package/lib/helpers/visibility.d.ts.map +1 -0
- package/lib/helpers/visibility.js +7 -0
- package/lib/helpers/visibility.js.map +1 -0
- package/lib/hooks/index.d.ts +5 -0
- package/lib/hooks/index.d.ts.map +1 -0
- package/lib/hooks/index.js +5 -0
- package/lib/hooks/index.js.map +1 -0
- package/lib/hooks/useRatio.d.ts +2 -0
- package/lib/hooks/useRatio.d.ts.map +1 -0
- package/lib/hooks/useRatio.js +2 -0
- package/lib/hooks/useRatio.js.map +1 -0
- package/lib/hooks/useRatioEffect.d.ts +5 -0
- package/lib/hooks/useRatioEffect.d.ts.map +1 -0
- package/lib/hooks/useRatioEffect.js +29 -0
- package/lib/hooks/useRatioEffect.js.map +1 -0
- package/lib/hooks/useRatioElement.d.ts +11 -0
- package/lib/hooks/useRatioElement.d.ts.map +1 -0
- package/lib/hooks/useRatioElement.js +47 -0
- package/lib/hooks/useRatioElement.js.map +1 -0
- package/lib/hooks/useResponsive.d.ts +3 -0
- package/lib/hooks/useResponsive.d.ts.map +1 -0
- package/lib/hooks/useResponsive.js +29 -0
- package/lib/hooks/useResponsive.js.map +1 -0
- package/lib/hooks/useResponsiveAnimation.d.ts +3 -0
- package/lib/hooks/useResponsiveAnimation.d.ts.map +1 -0
- package/lib/hooks/useResponsiveAnimation.js +5 -0
- package/lib/hooks/useResponsiveAnimation.js.map +1 -0
- package/lib/index.d.ts +20 -0
- package/lib/index.d.ts.map +1 -0
- package/lib/index.js +12 -0
- package/lib/index.js.map +1 -0
- package/lib/layout/ResponsiveLayout.d.ts +39 -0
- package/lib/layout/ResponsiveLayout.d.ts.map +1 -0
- package/lib/layout/ResponsiveLayout.js +48 -0
- package/lib/layout/ResponsiveLayout.js.map +1 -0
- package/lib/layout/ResponsiveLayout.test.d.ts +2 -0
- package/lib/layout/ResponsiveLayout.test.d.ts.map +1 -0
- package/lib/layout/ResponsiveLayout.test.js +65 -0
- package/lib/scene/index.d.ts +3 -0
- package/lib/scene/index.d.ts.map +1 -0
- package/lib/scene/index.js +3 -0
- package/lib/scene/index.js.map +1 -0
- package/lib/scene/integration.d.ts +7 -0
- package/lib/scene/integration.d.ts.map +1 -0
- package/lib/scene/integration.js +7 -0
- package/lib/scene/integration.js.map +1 -0
- package/lib/scene/makeResponsiveScene.d.ts +19 -0
- package/lib/scene/makeResponsiveScene.d.ts.map +1 -0
- package/lib/scene/makeResponsiveScene.js +19 -0
- package/lib/scene/makeResponsiveScene.js.map +1 -0
- package/lib/types.d.ts +35 -0
- package/lib/types.d.ts.map +1 -0
- package/lib/types.js +2 -0
- package/lib/types.js.map +1 -0
- package/package.json +42 -0
- package/src/components/ParticleGroup.tsx +36 -0
- package/src/components/RatioLayer.tsx +19 -0
- package/src/components/index.ts +2 -0
- package/src/context/ResponsiveContext.test.ts +112 -0
- package/src/context/ResponsiveContext.ts +146 -0
- package/src/helpers/color.ts +21 -0
- package/src/helpers/filter.ts +18 -0
- package/src/helpers/helpers.test.ts +252 -0
- package/src/helpers/index.ts +7 -0
- package/src/helpers/path.ts +49 -0
- package/src/helpers/position.ts +75 -0
- package/src/helpers/rotation.ts +27 -0
- package/src/helpers/scale.ts +42 -0
- package/src/helpers/visibility.ts +13 -0
- package/src/hooks/index.ts +4 -0
- package/src/hooks/useRatio.ts +1 -0
- package/src/hooks/useRatioEffect.ts +42 -0
- package/src/hooks/useRatioElement.ts +61 -0
- package/src/hooks/useResponsive.ts +36 -0
- package/src/hooks/useResponsiveAnimation.ts +8 -0
- package/src/index.ts +17 -0
- package/src/layout/ResponsiveLayout.test.ts +82 -0
- package/src/layout/ResponsiveLayout.ts +89 -0
- package/src/scene/index.ts +2 -0
- package/src/scene/integration.ts +13 -0
- package/src/scene/makeResponsiveScene.ts +49 -0
- package/src/types.ts +44 -0
|
@@ -0,0 +1,224 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
var vitest_1 = require("vitest");
|
|
4
|
+
var rotation_1 = require("./rotation");
|
|
5
|
+
var scale_1 = require("./scale");
|
|
6
|
+
var visibility_1 = require("./visibility");
|
|
7
|
+
var color_1 = require("./color");
|
|
8
|
+
var path_1 = require("./path");
|
|
9
|
+
var filter_1 = require("./filter");
|
|
10
|
+
(0, vitest_1.describe)('Rotation Helpers', function () {
|
|
11
|
+
(0, vitest_1.describe)('rotate.spin', function () {
|
|
12
|
+
(0, vitest_1.it)('should convert turns to degrees', function () {
|
|
13
|
+
(0, vitest_1.expect)(rotation_1.rotate.spin(1)).toBe(360);
|
|
14
|
+
(0, vitest_1.expect)(rotation_1.rotate.spin(2)).toBe(720);
|
|
15
|
+
(0, vitest_1.expect)(rotation_1.rotate.spin(0.5)).toBe(180);
|
|
16
|
+
});
|
|
17
|
+
});
|
|
18
|
+
(0, vitest_1.describe)('rotate.spinCW', function () {
|
|
19
|
+
(0, vitest_1.it)('should return positive degrees', function () {
|
|
20
|
+
(0, vitest_1.expect)(rotation_1.rotate.spinCW(1)).toBe(360);
|
|
21
|
+
});
|
|
22
|
+
});
|
|
23
|
+
(0, vitest_1.describe)('rotate.spinCCW', function () {
|
|
24
|
+
(0, vitest_1.it)('should return negative degrees', function () {
|
|
25
|
+
(0, vitest_1.expect)(rotation_1.rotate.spinCCW(1)).toBe(-360);
|
|
26
|
+
});
|
|
27
|
+
});
|
|
28
|
+
(0, vitest_1.describe)('rotate.pivot', function () {
|
|
29
|
+
(0, vitest_1.it)('should return center pivot', function () {
|
|
30
|
+
(0, vitest_1.expect)(rotation_1.rotate.pivot.center()).toEqual({ x: 0, y: 0 });
|
|
31
|
+
});
|
|
32
|
+
(0, vitest_1.it)('should return corner pivots', function () {
|
|
33
|
+
(0, vitest_1.expect)(rotation_1.rotate.pivot.topLeft()).toEqual({ x: -0.5, y: -0.5 });
|
|
34
|
+
(0, vitest_1.expect)(rotation_1.rotate.pivot.topRight()).toEqual({ x: 0.5, y: -0.5 });
|
|
35
|
+
(0, vitest_1.expect)(rotation_1.rotate.pivot.bottomLeft()).toEqual({ x: -0.5, y: 0.5 });
|
|
36
|
+
(0, vitest_1.expect)(rotation_1.rotate.pivot.bottomRight()).toEqual({ x: 0.5, y: 0.5 });
|
|
37
|
+
});
|
|
38
|
+
(0, vitest_1.it)('should return custom pivot', function () {
|
|
39
|
+
(0, vitest_1.expect)(rotation_1.rotate.pivot.custom(100, 50)).toEqual({ x: 100, y: 50 });
|
|
40
|
+
});
|
|
41
|
+
});
|
|
42
|
+
});
|
|
43
|
+
(0, vitest_1.describe)('Scale Helpers', function () {
|
|
44
|
+
(0, vitest_1.describe)('scale.from', function () {
|
|
45
|
+
(0, vitest_1.it)('should create from-to config', function () {
|
|
46
|
+
var result = scale_1.scale.from(0);
|
|
47
|
+
(0, vitest_1.expect)(result.from).toBe(0);
|
|
48
|
+
(0, vitest_1.expect)(result.to).toBe(1);
|
|
49
|
+
});
|
|
50
|
+
});
|
|
51
|
+
(0, vitest_1.describe)('scale.to', function () {
|
|
52
|
+
(0, vitest_1.it)('should create from-to config', function () {
|
|
53
|
+
var result = scale_1.scale.to(2);
|
|
54
|
+
(0, vitest_1.expect)(result.from).toBe(1);
|
|
55
|
+
(0, vitest_1.expect)(result.to).toBe(2);
|
|
56
|
+
});
|
|
57
|
+
});
|
|
58
|
+
(0, vitest_1.describe)('scale.pop', function () {
|
|
59
|
+
(0, vitest_1.it)('should create bounce keyframes', function () {
|
|
60
|
+
var result = scale_1.scale.pop();
|
|
61
|
+
(0, vitest_1.expect)(result.from).toBe(1);
|
|
62
|
+
(0, vitest_1.expect)(result.to).toBe(1);
|
|
63
|
+
(0, vitest_1.expect)(result.keyframes).toHaveLength(3);
|
|
64
|
+
(0, vitest_1.expect)(result.keyframes[1].scale).toBe(1.1);
|
|
65
|
+
});
|
|
66
|
+
});
|
|
67
|
+
(0, vitest_1.describe)('scale.pulse', function () {
|
|
68
|
+
(0, vitest_1.it)('should create pulse range', function () {
|
|
69
|
+
var result = scale_1.scale.pulse(5);
|
|
70
|
+
(0, vitest_1.expect)(result.from).toBe(0.5);
|
|
71
|
+
(0, vitest_1.expect)(result.to).toBe(1.5);
|
|
72
|
+
});
|
|
73
|
+
});
|
|
74
|
+
(0, vitest_1.describe)('transform', function () {
|
|
75
|
+
(0, vitest_1.it)('should return transform values', function () {
|
|
76
|
+
(0, vitest_1.expect)(scale_1.transform.scaleX(2)).toBe(2);
|
|
77
|
+
(0, vitest_1.expect)(scale_1.transform.scaleY(2)).toBe(2);
|
|
78
|
+
(0, vitest_1.expect)(scale_1.transform.skewX(30)).toBe(30);
|
|
79
|
+
(0, vitest_1.expect)(scale_1.transform.skewY(30)).toBe(30);
|
|
80
|
+
});
|
|
81
|
+
});
|
|
82
|
+
});
|
|
83
|
+
(0, vitest_1.describe)('Visibility Helpers', function () {
|
|
84
|
+
(0, vitest_1.describe)('opacity.fadeIn', function () {
|
|
85
|
+
(0, vitest_1.it)('should create fade in config', function () {
|
|
86
|
+
var result = visibility_1.opacity.fadeIn(1);
|
|
87
|
+
(0, vitest_1.expect)(result.from).toBe(0);
|
|
88
|
+
(0, vitest_1.expect)(result.to).toBe(1);
|
|
89
|
+
(0, vitest_1.expect)(result.duration).toBe(1);
|
|
90
|
+
});
|
|
91
|
+
});
|
|
92
|
+
(0, vitest_1.describe)('opacity.fadeOut', function () {
|
|
93
|
+
(0, vitest_1.it)('should create fade out config', function () {
|
|
94
|
+
var result = visibility_1.opacity.fadeOut(1);
|
|
95
|
+
(0, vitest_1.expect)(result.from).toBe(1);
|
|
96
|
+
(0, vitest_1.expect)(result.to).toBe(0);
|
|
97
|
+
});
|
|
98
|
+
});
|
|
99
|
+
(0, vitest_1.describe)('opacity.flash', function () {
|
|
100
|
+
(0, vitest_1.it)('should create flash config', function () {
|
|
101
|
+
var result = visibility_1.opacity.flash(3);
|
|
102
|
+
(0, vitest_1.expect)(result.times).toBe(3);
|
|
103
|
+
(0, vitest_1.expect)(result.duration).toBeCloseTo(0.6);
|
|
104
|
+
});
|
|
105
|
+
});
|
|
106
|
+
(0, vitest_1.describe)('opacity.blink', function () {
|
|
107
|
+
(0, vitest_1.it)('should create blink config', function () {
|
|
108
|
+
var result = visibility_1.opacity.blink(0.5);
|
|
109
|
+
(0, vitest_1.expect)(result.interval).toBe(0.5);
|
|
110
|
+
});
|
|
111
|
+
});
|
|
112
|
+
});
|
|
113
|
+
(0, vitest_1.describe)('Color Helpers', function () {
|
|
114
|
+
(0, vitest_1.describe)('color.tint', function () {
|
|
115
|
+
(0, vitest_1.it)('should create tint config', function () {
|
|
116
|
+
var result = color_1.color.tint('red', 'blue');
|
|
117
|
+
(0, vitest_1.expect)(result.from).toBe('red');
|
|
118
|
+
(0, vitest_1.expect)(result.to).toBe('blue');
|
|
119
|
+
});
|
|
120
|
+
});
|
|
121
|
+
(0, vitest_1.describe)('color.highlight', function () {
|
|
122
|
+
(0, vitest_1.it)('should create highlight config', function () {
|
|
123
|
+
var result = color_1.color.highlight('yellow');
|
|
124
|
+
(0, vitest_1.expect)(result.color).toBe('yellow');
|
|
125
|
+
(0, vitest_1.expect)(result.duration).toBe(0.3);
|
|
126
|
+
});
|
|
127
|
+
});
|
|
128
|
+
(0, vitest_1.describe)('color.gradient', function () {
|
|
129
|
+
(0, vitest_1.it)('should create gradient config', function () {
|
|
130
|
+
var result = color_1.color.gradient(['red', 'green', 'blue']);
|
|
131
|
+
(0, vitest_1.expect)(result.colors).toEqual(['red', 'green', 'blue']);
|
|
132
|
+
(0, vitest_1.expect)(result.duration).toBe(1.5);
|
|
133
|
+
});
|
|
134
|
+
});
|
|
135
|
+
(0, vitest_1.describe)('stroke.draw', function () {
|
|
136
|
+
(0, vitest_1.it)('should create draw config', function () {
|
|
137
|
+
var result = color_1.stroke.draw(2);
|
|
138
|
+
(0, vitest_1.expect)(result.duration).toBe(2);
|
|
139
|
+
});
|
|
140
|
+
});
|
|
141
|
+
(0, vitest_1.describe)('stroke.dash', function () {
|
|
142
|
+
(0, vitest_1.it)('should create dash config', function () {
|
|
143
|
+
var result = color_1.stroke.dash(10, 5);
|
|
144
|
+
(0, vitest_1.expect)(result.length).toBe(10);
|
|
145
|
+
(0, vitest_1.expect)(result.gap).toBe(5);
|
|
146
|
+
});
|
|
147
|
+
});
|
|
148
|
+
});
|
|
149
|
+
(0, vitest_1.describe)('Path Helpers', function () {
|
|
150
|
+
(0, vitest_1.describe)('path.arc', function () {
|
|
151
|
+
(0, vitest_1.it)('should create arc config', function () {
|
|
152
|
+
var result = path_1.path.arc(0, 180, 100);
|
|
153
|
+
(0, vitest_1.expect)(result.startAngle).toBe(0);
|
|
154
|
+
(0, vitest_1.expect)(result.endAngle).toBe(180);
|
|
155
|
+
(0, vitest_1.expect)(result.radius).toBe(100);
|
|
156
|
+
});
|
|
157
|
+
});
|
|
158
|
+
(0, vitest_1.describe)('path.orbit', function () {
|
|
159
|
+
(0, vitest_1.it)('should create orbit config', function () {
|
|
160
|
+
var result = path_1.path.orbit(0, 0, 200);
|
|
161
|
+
(0, vitest_1.expect)(result.centerX).toBe(0);
|
|
162
|
+
(0, vitest_1.expect)(result.centerY).toBe(0);
|
|
163
|
+
(0, vitest_1.expect)(result.radius).toBe(200);
|
|
164
|
+
(0, vitest_1.expect)(result.duration).toBe(2);
|
|
165
|
+
});
|
|
166
|
+
});
|
|
167
|
+
(0, vitest_1.describe)('path.wave', function () {
|
|
168
|
+
(0, vitest_1.it)('should create wave config', function () {
|
|
169
|
+
var result = path_1.path.wave(50, 2);
|
|
170
|
+
(0, vitest_1.expect)(result.amplitude).toBe(50);
|
|
171
|
+
(0, vitest_1.expect)(result.frequency).toBe(2);
|
|
172
|
+
(0, vitest_1.expect)(result.duration).toBe(1);
|
|
173
|
+
});
|
|
174
|
+
});
|
|
175
|
+
(0, vitest_1.describe)('path.shake', function () {
|
|
176
|
+
(0, vitest_1.it)('should create shake config', function () {
|
|
177
|
+
var result = path_1.path.shake(10);
|
|
178
|
+
(0, vitest_1.expect)(result.intensity).toBe(10);
|
|
179
|
+
(0, vitest_1.expect)(result.duration).toBe(0.5);
|
|
180
|
+
});
|
|
181
|
+
});
|
|
182
|
+
(0, vitest_1.describe)('path.wobble', function () {
|
|
183
|
+
(0, vitest_1.it)('should create wobble config', function () {
|
|
184
|
+
var result = path_1.path.wobble(5);
|
|
185
|
+
(0, vitest_1.expect)(result.intensity).toBe(5);
|
|
186
|
+
(0, vitest_1.expect)(result.duration).toBe(1);
|
|
187
|
+
});
|
|
188
|
+
});
|
|
189
|
+
});
|
|
190
|
+
(0, vitest_1.describe)('Filter Helpers', function () {
|
|
191
|
+
(0, vitest_1.describe)('filter.blur', function () {
|
|
192
|
+
(0, vitest_1.it)('should create blur config', function () {
|
|
193
|
+
var result = filter_1.filter.blur(0, 10);
|
|
194
|
+
(0, vitest_1.expect)(result.from).toBe(0);
|
|
195
|
+
(0, vitest_1.expect)(result.to).toBe(10);
|
|
196
|
+
(0, vitest_1.expect)(result.duration).toBe(1);
|
|
197
|
+
});
|
|
198
|
+
});
|
|
199
|
+
(0, vitest_1.describe)('filter.brightness', function () {
|
|
200
|
+
(0, vitest_1.it)('should create brightness config', function () {
|
|
201
|
+
var result = filter_1.filter.brightness(1.5);
|
|
202
|
+
(0, vitest_1.expect)(result.value).toBe(1.5);
|
|
203
|
+
(0, vitest_1.expect)(result.duration).toBe(0.5);
|
|
204
|
+
});
|
|
205
|
+
});
|
|
206
|
+
(0, vitest_1.describe)('filter.contrast', function () {
|
|
207
|
+
(0, vitest_1.it)('should create contrast config', function () {
|
|
208
|
+
var result = filter_1.filter.contrast(1.2);
|
|
209
|
+
(0, vitest_1.expect)(result.value).toBe(1.2);
|
|
210
|
+
});
|
|
211
|
+
});
|
|
212
|
+
(0, vitest_1.describe)('filter.saturate', function () {
|
|
213
|
+
(0, vitest_1.it)('should create saturate config', function () {
|
|
214
|
+
var result = filter_1.filter.saturate(2);
|
|
215
|
+
(0, vitest_1.expect)(result.value).toBe(2);
|
|
216
|
+
});
|
|
217
|
+
});
|
|
218
|
+
(0, vitest_1.describe)('filter.grayscale', function () {
|
|
219
|
+
(0, vitest_1.it)('should create grayscale config', function () {
|
|
220
|
+
var result = filter_1.filter.grayscale(1);
|
|
221
|
+
(0, vitest_1.expect)(result.value).toBe(1);
|
|
222
|
+
});
|
|
223
|
+
});
|
|
224
|
+
});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/helpers/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/helpers/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { Vector2 } from '@efxlab/motion-canvas-core';
|
|
2
|
+
export interface PathHelpers {
|
|
3
|
+
arc: (startAngle: number, endAngle: number, radius: number) => {
|
|
4
|
+
startAngle: number;
|
|
5
|
+
endAngle: number;
|
|
6
|
+
radius: number;
|
|
7
|
+
};
|
|
8
|
+
bezier: (controlPoints: Vector2[]) => {
|
|
9
|
+
controlPoints: Vector2[];
|
|
10
|
+
};
|
|
11
|
+
orbit: (centerX: number, centerY: number, radius: number) => {
|
|
12
|
+
centerX: number;
|
|
13
|
+
centerY: number;
|
|
14
|
+
radius: number;
|
|
15
|
+
duration: number;
|
|
16
|
+
};
|
|
17
|
+
wave: (amplitude: number, frequency: number) => {
|
|
18
|
+
amplitude: number;
|
|
19
|
+
frequency: number;
|
|
20
|
+
duration: number;
|
|
21
|
+
};
|
|
22
|
+
shake: (intensity: number) => {
|
|
23
|
+
intensity: number;
|
|
24
|
+
duration: number;
|
|
25
|
+
};
|
|
26
|
+
wobble: (intensity: number) => {
|
|
27
|
+
intensity: number;
|
|
28
|
+
duration: number;
|
|
29
|
+
};
|
|
30
|
+
}
|
|
31
|
+
export declare const path: PathHelpers;
|
|
32
|
+
//# sourceMappingURL=path.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"path.d.ts","sourceRoot":"","sources":["../../src/helpers/path.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,4BAA4B,CAAC;AAEnD,MAAM,WAAW,WAAW;IAC1B,GAAG,EAAE,CACH,UAAU,EAAE,MAAM,EAClB,QAAQ,EAAE,MAAM,EAChB,MAAM,EAAE,MAAM,KACX;QAAC,UAAU,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAC,CAAC;IAC5D,MAAM,EAAE,CAAC,aAAa,EAAE,OAAO,EAAE,KAAK;QAAC,aAAa,EAAE,OAAO,EAAE,CAAA;KAAC,CAAC;IACjE,KAAK,EAAE,CACL,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,MAAM,EACf,MAAM,EAAE,MAAM,KACX;QAAC,OAAO,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAC,CAAC;IAC1E,IAAI,EAAE,CACJ,SAAS,EAAE,MAAM,EACjB,SAAS,EAAE,MAAM,KACd;QAAC,SAAS,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAC,CAAC;IAC9D,KAAK,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK;QAAC,SAAS,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAC,CAAC;IACpE,MAAM,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK;QAAC,SAAS,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAC,CAAC;CACtE;AAED,eAAO,MAAM,IAAI,EAAE,WA0BlB,CAAC"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
export const path = {
|
|
2
|
+
arc: (startAngle, endAngle, radius) => ({
|
|
3
|
+
startAngle,
|
|
4
|
+
endAngle,
|
|
5
|
+
radius,
|
|
6
|
+
}),
|
|
7
|
+
bezier: (controlPoints) => ({ controlPoints }),
|
|
8
|
+
orbit: (centerX, centerY, radius) => ({
|
|
9
|
+
centerX,
|
|
10
|
+
centerY,
|
|
11
|
+
radius,
|
|
12
|
+
duration: 2,
|
|
13
|
+
}),
|
|
14
|
+
wave: (amplitude, frequency) => ({
|
|
15
|
+
amplitude,
|
|
16
|
+
frequency,
|
|
17
|
+
duration: 1,
|
|
18
|
+
}),
|
|
19
|
+
shake: (intensity) => ({
|
|
20
|
+
intensity,
|
|
21
|
+
duration: 0.5,
|
|
22
|
+
}),
|
|
23
|
+
wobble: (intensity) => ({
|
|
24
|
+
intensity,
|
|
25
|
+
duration: 1,
|
|
26
|
+
}),
|
|
27
|
+
};
|
|
28
|
+
//# sourceMappingURL=path.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"path.js","sourceRoot":"","sources":["../../src/helpers/path.ts"],"names":[],"mappings":"AAsBA,MAAM,CAAC,MAAM,IAAI,GAAgB;IAC/B,GAAG,EAAE,CAAC,UAAkB,EAAE,QAAgB,EAAE,MAAc,EAAE,EAAE,CAAC,CAAC;QAC9D,UAAU;QACV,QAAQ;QACR,MAAM;KACP,CAAC;IACF,MAAM,EAAE,CAAC,aAAwB,EAAE,EAAE,CAAC,CAAC,EAAC,aAAa,EAAC,CAAC;IACvD,KAAK,EAAE,CAAC,OAAe,EAAE,OAAe,EAAE,MAAc,EAAE,EAAE,CAAC,CAAC;QAC5D,OAAO;QACP,OAAO;QACP,MAAM;QACN,QAAQ,EAAE,CAAC;KACZ,CAAC;IACF,IAAI,EAAE,CAAC,SAAiB,EAAE,SAAiB,EAAE,EAAE,CAAC,CAAC;QAC/C,SAAS;QACT,SAAS;QACT,QAAQ,EAAE,CAAC;KACZ,CAAC;IACF,KAAK,EAAE,CAAC,SAAiB,EAAE,EAAE,CAAC,CAAC;QAC7B,SAAS;QACT,QAAQ,EAAE,GAAG;KACd,CAAC;IACF,MAAM,EAAE,CAAC,SAAiB,EAAE,EAAE,CAAC,CAAC;QAC9B,SAAS;QACT,QAAQ,EAAE,CAAC;KACZ,CAAC;CACH,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
export interface PositionHelpers {
|
|
2
|
+
offLeft: (margin?: number) => number;
|
|
3
|
+
offRight: (margin?: number) => number;
|
|
4
|
+
offTop: (margin?: number) => number;
|
|
5
|
+
offBottom: (margin?: number) => number;
|
|
6
|
+
fromLeft: (margin?: number) => number;
|
|
7
|
+
fromRight: (margin?: number) => number;
|
|
8
|
+
fromTop: (margin?: number) => number;
|
|
9
|
+
fromBottom: (margin?: number) => number;
|
|
10
|
+
}
|
|
11
|
+
export declare function createPositionHelpers(elementWidth?: number, elementHeight?: number): PositionHelpers;
|
|
12
|
+
export declare const offLeft: (margin?: number, elementWidth?: number) => number;
|
|
13
|
+
export declare const offRight: (margin?: number, elementWidth?: number) => number;
|
|
14
|
+
export declare const offTop: (margin?: number, elementHeight?: number) => number;
|
|
15
|
+
export declare const offBottom: (margin?: number, elementHeight?: number) => number;
|
|
16
|
+
export declare const fromLeft: (margin?: number, elementWidth?: number) => number;
|
|
17
|
+
export declare const fromRight: (margin?: number, elementWidth?: number) => number;
|
|
18
|
+
export declare const fromTop: (margin?: number, elementHeight?: number) => number;
|
|
19
|
+
export declare const fromBottom: (margin?: number, elementHeight?: number) => number;
|
|
20
|
+
//# sourceMappingURL=position.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"position.d.ts","sourceRoot":"","sources":["../../src/helpers/position.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IACrC,QAAQ,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IACtC,MAAM,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IACpC,SAAS,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IACvC,QAAQ,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IACtC,SAAS,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IACvC,OAAO,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IACrC,UAAU,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;CACzC;AAED,wBAAgB,qBAAqB,CACnC,YAAY,GAAE,MAAU,EACxB,aAAa,GAAE,MAAU,GACxB,eAAe,CAkBjB;AAED,eAAO,MAAM,OAAO,GAAI,eAAU,EAAE,qBAAgB,KAAG,MAGtD,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,eAAU,EAAE,qBAAgB,KAAG,MAGvD,CAAC;AAEF,eAAO,MAAM,MAAM,GAAI,eAAU,EAAE,sBAAiB,KAAG,MAGtD,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,eAAU,EAAE,sBAAiB,KAAG,MAGzD,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,eAAU,EAAE,qBAAgB,KAAG,MAGvD,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,eAAU,EAAE,qBAAgB,KAAG,MAGxD,CAAC;AAEF,eAAO,MAAM,OAAO,GAAI,eAAU,EAAE,sBAAiB,KAAG,MAGvD,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,eAAU,EAAE,sBAAiB,KAAG,MAG1D,CAAC"}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { useResponsiveContext } from '../context/ResponsiveContext';
|
|
2
|
+
export function createPositionHelpers(elementWidth = 0, elementHeight = 0) {
|
|
3
|
+
const state = useResponsiveContext();
|
|
4
|
+
const { width, height } = state;
|
|
5
|
+
const hw = width / 2;
|
|
6
|
+
const hh = height / 2;
|
|
7
|
+
const elHalfW = elementWidth / 2;
|
|
8
|
+
const elHalfH = elementHeight / 2;
|
|
9
|
+
return {
|
|
10
|
+
offLeft: (margin = 0) => -hw - elHalfW - margin,
|
|
11
|
+
offRight: (margin = 0) => hw + elHalfW + margin,
|
|
12
|
+
offTop: (margin = 0) => -hh - elHalfH - margin,
|
|
13
|
+
offBottom: (margin = 0) => hh + elHalfH + margin,
|
|
14
|
+
fromLeft: (margin = 0) => -hw + elHalfW + margin,
|
|
15
|
+
fromRight: (margin = 0) => hw - elHalfW - margin,
|
|
16
|
+
fromTop: (margin = 0) => -hh + elHalfH + margin,
|
|
17
|
+
fromBottom: (margin = 0) => hh - elHalfH - margin,
|
|
18
|
+
};
|
|
19
|
+
}
|
|
20
|
+
export const offLeft = (margin = 0, elementWidth = 0) => {
|
|
21
|
+
const state = useResponsiveContext();
|
|
22
|
+
return -state.width / 2 - elementWidth / 2 - margin;
|
|
23
|
+
};
|
|
24
|
+
export const offRight = (margin = 0, elementWidth = 0) => {
|
|
25
|
+
const state = useResponsiveContext();
|
|
26
|
+
return state.width / 2 + elementWidth / 2 + margin;
|
|
27
|
+
};
|
|
28
|
+
export const offTop = (margin = 0, elementHeight = 0) => {
|
|
29
|
+
const state = useResponsiveContext();
|
|
30
|
+
return -state.height / 2 - elementHeight / 2 - margin;
|
|
31
|
+
};
|
|
32
|
+
export const offBottom = (margin = 0, elementHeight = 0) => {
|
|
33
|
+
const state = useResponsiveContext();
|
|
34
|
+
return state.height / 2 + elementHeight / 2 + margin;
|
|
35
|
+
};
|
|
36
|
+
export const fromLeft = (margin = 0, elementWidth = 0) => {
|
|
37
|
+
const state = useResponsiveContext();
|
|
38
|
+
return -state.width / 2 + elementWidth / 2 + margin;
|
|
39
|
+
};
|
|
40
|
+
export const fromRight = (margin = 0, elementWidth = 0) => {
|
|
41
|
+
const state = useResponsiveContext();
|
|
42
|
+
return state.width / 2 - elementWidth / 2 - margin;
|
|
43
|
+
};
|
|
44
|
+
export const fromTop = (margin = 0, elementHeight = 0) => {
|
|
45
|
+
const state = useResponsiveContext();
|
|
46
|
+
return -state.height / 2 + elementHeight / 2 + margin;
|
|
47
|
+
};
|
|
48
|
+
export const fromBottom = (margin = 0, elementHeight = 0) => {
|
|
49
|
+
const state = useResponsiveContext();
|
|
50
|
+
return state.height / 2 - elementHeight / 2 - margin;
|
|
51
|
+
};
|
|
52
|
+
//# sourceMappingURL=position.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"position.js","sourceRoot":"","sources":["../../src/helpers/position.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
export interface RotationHelpers {
|
|
2
|
+
spin: (turns: number) => number;
|
|
3
|
+
spinCW: (turns: number) => number;
|
|
4
|
+
spinCCW: (turns: number) => number;
|
|
5
|
+
pivot: {
|
|
6
|
+
center: () => {
|
|
7
|
+
x: number;
|
|
8
|
+
y: number;
|
|
9
|
+
};
|
|
10
|
+
topLeft: () => {
|
|
11
|
+
x: number;
|
|
12
|
+
y: number;
|
|
13
|
+
};
|
|
14
|
+
topRight: () => {
|
|
15
|
+
x: number;
|
|
16
|
+
y: number;
|
|
17
|
+
};
|
|
18
|
+
bottomLeft: () => {
|
|
19
|
+
x: number;
|
|
20
|
+
y: number;
|
|
21
|
+
};
|
|
22
|
+
bottomRight: () => {
|
|
23
|
+
x: number;
|
|
24
|
+
y: number;
|
|
25
|
+
};
|
|
26
|
+
custom: (x: number, y: number) => {
|
|
27
|
+
x: number;
|
|
28
|
+
y: number;
|
|
29
|
+
};
|
|
30
|
+
};
|
|
31
|
+
}
|
|
32
|
+
export declare const rotate: RotationHelpers;
|
|
33
|
+
//# sourceMappingURL=rotation.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"rotation.d.ts","sourceRoot":"","sources":["../../src/helpers/rotation.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAChC,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAClC,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACnC,KAAK,EAAE;QACL,MAAM,EAAE,MAAM;YAAC,CAAC,EAAE,MAAM,CAAC;YAAC,CAAC,EAAE,MAAM,CAAA;SAAC,CAAC;QACrC,OAAO,EAAE,MAAM;YAAC,CAAC,EAAE,MAAM,CAAC;YAAC,CAAC,EAAE,MAAM,CAAA;SAAC,CAAC;QACtC,QAAQ,EAAE,MAAM;YAAC,CAAC,EAAE,MAAM,CAAC;YAAC,CAAC,EAAE,MAAM,CAAA;SAAC,CAAC;QACvC,UAAU,EAAE,MAAM;YAAC,CAAC,EAAE,MAAM,CAAC;YAAC,CAAC,EAAE,MAAM,CAAA;SAAC,CAAC;QACzC,WAAW,EAAE,MAAM;YAAC,CAAC,EAAE,MAAM,CAAC;YAAC,CAAC,EAAE,MAAM,CAAA;SAAC,CAAC;QAC1C,MAAM,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,KAAK;YAAC,CAAC,EAAE,MAAM,CAAC;YAAC,CAAC,EAAE,MAAM,CAAA;SAAC,CAAC;KAC1D,CAAC;CACH;AAED,eAAO,MAAM,MAAM,EAAE,eAYpB,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export const rotate = {
|
|
2
|
+
spin: (turns) => turns * 360,
|
|
3
|
+
spinCW: (turns) => turns * 360,
|
|
4
|
+
spinCCW: (turns) => -turns * 360,
|
|
5
|
+
pivot: {
|
|
6
|
+
center: () => ({ x: 0, y: 0 }),
|
|
7
|
+
topLeft: () => ({ x: -0.5, y: -0.5 }),
|
|
8
|
+
topRight: () => ({ x: 0.5, y: -0.5 }),
|
|
9
|
+
bottomLeft: () => ({ x: -0.5, y: 0.5 }),
|
|
10
|
+
bottomRight: () => ({ x: 0.5, y: 0.5 }),
|
|
11
|
+
custom: (x, y) => ({ x, y }),
|
|
12
|
+
},
|
|
13
|
+
};
|
|
14
|
+
//# sourceMappingURL=rotation.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"rotation.js","sourceRoot":"","sources":["../../src/helpers/rotation.ts"],"names":[],"mappings":"AAcA,MAAM,CAAC,MAAM,MAAM,GAAoB;IACrC,IAAI,EAAE,CAAC,KAAa,EAAE,EAAE,CAAC,KAAK,GAAG,GAAG;IACpC,MAAM,EAAE,CAAC,KAAa,EAAE,EAAE,CAAC,KAAK,GAAG,GAAG;IACtC,OAAO,EAAE,CAAC,KAAa,EAAE,EAAE,CAAC,CAAC,KAAK,GAAG,GAAG;IACxC,KAAK,EAAE;QACL,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,EAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAC,CAAC;QAC5B,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,EAAC,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,GAAG,EAAC,CAAC;QACnC,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC,EAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,GAAG,EAAC,CAAC;QACnC,UAAU,EAAE,GAAG,EAAE,CAAC,CAAC,EAAC,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,GAAG,EAAC,CAAC;QACrC,WAAW,EAAE,GAAG,EAAE,CAAC,CAAC,EAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAC,CAAC;QACrC,MAAM,EAAE,CAAC,CAAS,EAAE,CAAS,EAAE,EAAE,CAAC,CAAC,EAAC,CAAC,EAAE,CAAC,EAAC,CAAC;KAC3C;CACF,CAAC"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
export interface ScaleHelpers {
|
|
2
|
+
from: (value: number) => {
|
|
3
|
+
from: number;
|
|
4
|
+
to: number;
|
|
5
|
+
};
|
|
6
|
+
to: (value: number) => {
|
|
7
|
+
from: number;
|
|
8
|
+
to: number;
|
|
9
|
+
};
|
|
10
|
+
pop: () => {
|
|
11
|
+
from: number;
|
|
12
|
+
to: number;
|
|
13
|
+
keyframes: Array<{
|
|
14
|
+
progress: number;
|
|
15
|
+
scale: number;
|
|
16
|
+
}>;
|
|
17
|
+
};
|
|
18
|
+
pulse: (intensity: number) => {
|
|
19
|
+
from: number;
|
|
20
|
+
to: number;
|
|
21
|
+
};
|
|
22
|
+
}
|
|
23
|
+
export interface TransformHelpers {
|
|
24
|
+
scaleX: (value: number) => number;
|
|
25
|
+
scaleY: (value: number) => number;
|
|
26
|
+
skewX: (degrees: number) => number;
|
|
27
|
+
skewY: (degrees: number) => number;
|
|
28
|
+
}
|
|
29
|
+
export declare const scale: ScaleHelpers;
|
|
30
|
+
export declare const transform: TransformHelpers;
|
|
31
|
+
//# sourceMappingURL=scale.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"scale.d.ts","sourceRoot":"","sources":["../../src/helpers/scale.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAC,CAAC;IACpD,EAAE,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAC,CAAC;IAClD,GAAG,EAAE,MAAM;QACT,IAAI,EAAE,MAAM,CAAC;QACb,EAAE,EAAE,MAAM,CAAC;QACX,SAAS,EAAE,KAAK,CAAC;YAAC,QAAQ,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAC,CAAC,CAAC;KACrD,CAAC;IACF,KAAK,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAC,CAAC;CAC1D;AAED,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAClC,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAClC,KAAK,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,MAAM,CAAC;IACnC,KAAK,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,MAAM,CAAC;CACpC;AAED,eAAO,MAAM,KAAK,EAAE,YAgBnB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,gBAKvB,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
export const scale = {
|
|
2
|
+
from: (value) => ({ from: value, to: 1 }),
|
|
3
|
+
to: (value) => ({ from: 1, to: value }),
|
|
4
|
+
pop: () => ({
|
|
5
|
+
from: 1,
|
|
6
|
+
to: 1,
|
|
7
|
+
keyframes: [
|
|
8
|
+
{ progress: 0, scale: 1 },
|
|
9
|
+
{ progress: 0.5, scale: 1.1 },
|
|
10
|
+
{ progress: 1, scale: 1 },
|
|
11
|
+
],
|
|
12
|
+
}),
|
|
13
|
+
pulse: (intensity) => ({
|
|
14
|
+
from: 1 - intensity * 0.1,
|
|
15
|
+
to: 1 + intensity * 0.1,
|
|
16
|
+
}),
|
|
17
|
+
};
|
|
18
|
+
export const transform = {
|
|
19
|
+
scaleX: (value) => value,
|
|
20
|
+
scaleY: (value) => value,
|
|
21
|
+
skewX: (degrees) => degrees,
|
|
22
|
+
skewY: (degrees) => degrees,
|
|
23
|
+
};
|
|
24
|
+
//# sourceMappingURL=scale.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"scale.js","sourceRoot":"","sources":["../../src/helpers/scale.ts"],"names":[],"mappings":"AAkBA,MAAM,CAAC,MAAM,KAAK,GAAiB;IACjC,IAAI,EAAE,CAAC,KAAa,EAAE,EAAE,CAAC,CAAC,EAAC,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,EAAC,CAAC;IAC/C,EAAE,EAAE,CAAC,KAAa,EAAE,EAAE,CAAC,CAAC,EAAC,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,KAAK,EAAC,CAAC;IAC7C,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;QACV,IAAI,EAAE,CAAC;QACP,EAAE,EAAE,CAAC;QACL,SAAS,EAAE;YACT,EAAC,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAC;YACvB,EAAC,QAAQ,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAC;YAC3B,EAAC,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAC;SACxB;KACF,CAAC;IACF,KAAK,EAAE,CAAC,SAAiB,EAAE,EAAE,CAAC,CAAC;QAC7B,IAAI,EAAE,CAAC,GAAG,SAAS,GAAG,GAAG;QACzB,EAAE,EAAE,CAAC,GAAG,SAAS,GAAG,GAAG;KACxB,CAAC;CACH,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAqB;IACzC,MAAM,EAAE,CAAC,KAAa,EAAE,EAAE,CAAC,KAAK;IAChC,MAAM,EAAE,CAAC,KAAa,EAAE,EAAE,CAAC,KAAK;IAChC,KAAK,EAAE,CAAC,OAAe,EAAE,EAAE,CAAC,OAAO;IACnC,KAAK,EAAE,CAAC,OAAe,EAAE,EAAE,CAAC,OAAO;CACpC,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
export interface VisibilityHelpers {
|
|
2
|
+
fadeIn: (duration: number) => {
|
|
3
|
+
from: number;
|
|
4
|
+
to: number;
|
|
5
|
+
duration: number;
|
|
6
|
+
};
|
|
7
|
+
fadeOut: (duration: number) => {
|
|
8
|
+
from: number;
|
|
9
|
+
to: number;
|
|
10
|
+
duration: number;
|
|
11
|
+
};
|
|
12
|
+
flash: (times: number) => {
|
|
13
|
+
times: number;
|
|
14
|
+
duration: number;
|
|
15
|
+
};
|
|
16
|
+
blink: (interval: number) => {
|
|
17
|
+
interval: number;
|
|
18
|
+
};
|
|
19
|
+
}
|
|
20
|
+
export declare const opacity: VisibilityHelpers;
|
|
21
|
+
//# sourceMappingURL=visibility.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"visibility.d.ts","sourceRoot":"","sources":["../../src/helpers/visibility.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAC,CAAC;IAC3E,OAAO,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAC,CAAC;IAC5E,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAC,CAAC;IAC5D,KAAK,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAC,CAAC;CACjD;AAED,eAAO,MAAM,OAAO,EAAE,iBAKrB,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export const opacity = {
|
|
2
|
+
fadeIn: (duration) => ({ from: 0, to: 1, duration }),
|
|
3
|
+
fadeOut: (duration) => ({ from: 1, to: 0, duration }),
|
|
4
|
+
flash: (times) => ({ times, duration: times * 0.2 }),
|
|
5
|
+
blink: (interval) => ({ interval }),
|
|
6
|
+
};
|
|
7
|
+
//# sourceMappingURL=visibility.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"visibility.js","sourceRoot":"","sources":["../../src/helpers/visibility.ts"],"names":[],"mappings":"AAOA,MAAM,CAAC,MAAM,OAAO,GAAsB;IACxC,MAAM,EAAE,CAAC,QAAgB,EAAE,EAAE,CAAC,CAAC,EAAC,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,QAAQ,EAAC,CAAC;IAC1D,OAAO,EAAE,CAAC,QAAgB,EAAE,EAAE,CAAC,CAAC,EAAC,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,QAAQ,EAAC,CAAC;IAC3D,KAAK,EAAE,CAAC,KAAa,EAAE,EAAE,CAAC,CAAC,EAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,GAAG,GAAG,EAAC,CAAC;IAC1D,KAAK,EAAE,CAAC,QAAgB,EAAE,EAAE,CAAC,CAAC,EAAC,QAAQ,EAAC,CAAC;CAC1C,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,0BAA0B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,0BAA0B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useRatio.d.ts","sourceRoot":"","sources":["../../src/hooks/useRatio.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,4BAA4B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useRatio.js","sourceRoot":"","sources":["../../src/hooks/useRatio.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,4BAA4B,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type { RatioClass, RatioId } from '../types';
|
|
2
|
+
type RatioCondition = RatioId | RatioClass | 'portrait' | 'landscape' | 'square' | 'ultrawide';
|
|
3
|
+
export declare function useRatioEffect(condition: RatioCondition | RatioCondition[], callback: () => void | (() => void), deps?: any[]): void;
|
|
4
|
+
export {};
|
|
5
|
+
//# sourceMappingURL=useRatioEffect.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useRatioEffect.d.ts","sourceRoot":"","sources":["../../src/hooks/useRatioEffect.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,UAAU,EAAE,OAAO,EAAC,MAAM,UAAU,CAAC;AAElD,KAAK,cAAc,GACf,OAAO,GACP,UAAU,GACV,UAAU,GACV,WAAW,GACX,QAAQ,GACR,WAAW,CAAC;AAEhB,wBAAgB,cAAc,CAC5B,SAAS,EAAE,cAAc,GAAG,cAAc,EAAE,EAC5C,QAAQ,EAAE,MAAM,IAAI,GAAG,CAAC,MAAM,IAAI,CAAC,EACnC,IAAI,GAAE,GAAG,EAAO,QAuBjB"}
|