reacthub-pixitweenjs 0.2.107-alpha.106 → 0.2.107-alpha.108

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 (86) hide show
  1. package/LICENSE.md +21 -0
  2. package/README.md +34 -13
  3. package/package.json +5 -4
  4. package/dist/components/PixiAnimatedSprite/PixiAnimatedSprite.d.ts +0 -23
  5. package/dist/components/PixiAnimatedSprite/index.d.ts +0 -1
  6. package/dist/components/PixiAudioSprite/HowlerAudioSprite.d.ts +0 -19
  7. package/dist/components/PixiAudioSprite/PixiAudioSprite.d.ts +0 -15
  8. package/dist/components/PixiAudioSprite/PixiAudioSprite.stories.d.ts +0 -53
  9. package/dist/components/PixiAudioSprite/index.d.ts +0 -1
  10. package/dist/components/PixiGifSprite/PixiGifGsapSync.d.ts +0 -19
  11. package/dist/components/PixiGifSprite/PixiGifSprite.stories.d.ts +0 -153
  12. package/dist/components/PixiGifSprite/index.d.ts +0 -2
  13. package/dist/components/PixiGsapAnims/FadeIn.d.ts +0 -11
  14. package/dist/components/PixiGsapAnims/PixiFlipContainer.d.ts +0 -9
  15. package/dist/components/PixiImageSprite/PixiImageSprite.d.ts +0 -4
  16. package/dist/components/PixiImageSprite/PixiImageSprite.stories.d.ts +0 -136
  17. package/dist/components/PixiImageSprite/index.d.ts +0 -1
  18. package/dist/components/PixiLottieSprite/PixiLottieSprite.d.ts +0 -14
  19. package/dist/components/PixiLottieSprite/PixiLottieSprite.stories.d.ts +0 -149
  20. package/dist/components/PixiLottieSprite/index.d.ts +0 -1
  21. package/dist/components/PixiRemotionSprite/PixiRemotionSprite.d.ts +0 -26
  22. package/dist/components/PixiRemotionSprite/index.d.ts +0 -1
  23. package/dist/components/PixiSVGSprite/PixiSvgPathSprite.d.ts +0 -64
  24. package/dist/components/PixiSVGSprite/PixiSvgPathSprite.stories.d.ts +0 -121
  25. package/dist/components/PixiSVGSprite/index.d.ts +0 -1
  26. package/dist/components/PixiSequence/PixiSeqenceWrapper.d.ts +0 -9
  27. package/dist/components/PixiSequence/PixiSequence.d.ts +0 -11
  28. package/dist/components/PixiSequence/PixiSequence.stories.d.ts +0 -32
  29. package/dist/components/PixiSequence/index.d.ts +0 -2
  30. package/dist/components/PixiTextSprite/PixiTextSprite.d.ts +0 -85
  31. package/dist/components/PixiTextSprite/PixiTextSprite.stories.d.ts +0 -130
  32. package/dist/components/PixiTextSprite/index.d.ts +0 -1
  33. package/dist/components/PixiTransformer/PixiTransformer.d.ts +0 -19
  34. package/dist/components/PixiTransformer/Transformer.d.ts +0 -39
  35. package/dist/components/PixiTransformer/applyEventProps.d.ts +0 -10
  36. package/dist/components/PixiTransformer/index.d.ts +0 -1
  37. package/dist/components/PixiVideoSprite/PixiVideoCanvasSync.d.ts +0 -26
  38. package/dist/components/PixiVideoSprite/PixiVideoSprite.d.ts +0 -22
  39. package/dist/components/PixiVideoSprite/PixiVideoSprite.stories.d.ts +0 -136
  40. package/dist/components/PixiVideoSprite/index.d.ts +0 -2
  41. package/dist/components/index.d.ts +0 -10
  42. package/dist/declare.module.d.ts +0 -0
  43. package/dist/events/Events.d.ts +0 -7
  44. package/dist/events/index.d.ts +0 -1
  45. package/dist/hocs/AbstractContainer.d.ts +0 -12
  46. package/dist/hocs/OverlayTilingSprite.d.ts +0 -35
  47. package/dist/hooks/index.d.ts +0 -1
  48. package/dist/hooks/useDebounce.d.ts +0 -2
  49. package/dist/hooks/useDebouncePointerEvents.d.ts +0 -6
  50. package/dist/hooks/useDeepEffect.d.ts +0 -2
  51. package/dist/hooks/useGsapEffect.d.ts +0 -3
  52. package/dist/hooks/withEffectsHook.d.ts +0 -5
  53. package/dist/hooks/withFiltersHook.d.ts +0 -29
  54. package/dist/index.d.ts +0 -5
  55. package/dist/index.es.js +0 -26000
  56. package/dist/index.umd.js +0 -1998
  57. package/dist/providers/AudioContextProvider.d.ts +0 -12
  58. package/dist/providers/GsapPixieContextProvider.d.ts +0 -47
  59. package/dist/providers/index.d.ts +0 -1
  60. package/dist/stories/Features/TestHowlerAudioFiles.d.ts +0 -2
  61. package/dist/stories/Features/TimelineAnimations.d.ts +0 -15
  62. package/dist/stories/Features/TimelineTest.d.ts +0 -15
  63. package/dist/stories/Features/TimelineTest.stories.d.ts +0 -21
  64. package/dist/stories/Features/TimelineTestAudios.d.ts +0 -15
  65. package/dist/stories/Features/TimelineTestWithVideos.d.ts +0 -15
  66. package/dist/stories/Features/TimelineWithGif.d.ts +0 -21
  67. package/dist/stories/Features/common.tests.d.ts +0 -411
  68. package/dist/types/Animations.d.ts +0 -72
  69. package/dist/types/BaseProps.d.ts +0 -70
  70. package/dist/types/BlendModes.d.ts +0 -19
  71. package/dist/types/Effects.d.ts +0 -12
  72. package/dist/types/index.d.ts +0 -4
  73. package/dist/types/transformation.d.ts +0 -12
  74. package/dist/utils/AppStateProvider.d.ts +0 -11
  75. package/dist/utils/AppStateSequenceProvider.d.ts +0 -11
  76. package/dist/utils/AppStateStage.d.ts +0 -6
  77. package/dist/utils/AppWrapper.d.ts +0 -7
  78. package/dist/utils/ContextBridge.d.ts +0 -7
  79. package/dist/utils/GsapAnim.d.ts +0 -29
  80. package/dist/utils/GsapAnims.d.ts +0 -2
  81. package/dist/utils/InteractionManager.d.ts +0 -18
  82. package/dist/utils/PixiStage.d.ts +0 -9
  83. package/dist/utils/VideoSeekBar.d.ts +0 -2
  84. package/dist/utils/isRemoteAsset.d.ts +0 -1
  85. package/dist/utils/useDebounce.d.ts +0 -1
  86. package/dist/utils/useDeepEffect.d.ts +0 -4
@@ -1,12 +0,0 @@
1
- import * as React from "react";
2
- export type WebAudioContextType = {
3
- audioContextRef: React.MutableRefObject<AudioContext>;
4
- analyserRef: React.MutableRefObject<AnalyserNode | undefined>;
5
- gainNodeRef: React.MutableRefObject<GainNode | undefined>;
6
- hasAudioContext: boolean;
7
- };
8
- export declare const WebAudioContext: React.Context<WebAudioContextType>;
9
- export type AudioContextProviderProps = {
10
- children: React.ReactNode;
11
- };
12
- export declare const AudioContextProvider: ({ children, }: AudioContextProviderProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,47 +0,0 @@
1
- import * as React from "react";
2
- interface GsapPixieContextProps {
3
- gsapCtx: React.MutableRefObject<any>;
4
- tl: React.MutableRefObject<any>;
5
- handlePlay: () => void;
6
- handlePause: () => void;
7
- handleReset: () => void;
8
- handleSeek: (value: number) => void;
9
- handleSeekTest: () => void;
10
- handleRestart: () => void;
11
- handleRepeat: () => void;
12
- playerTimeRef: React.MutableRefObject<number>;
13
- getTimelineDuration: () => number;
14
- totalDuration?: number;
15
- setTotalDuration?: React.Dispatch<React.SetStateAction<number>>;
16
- reverseModeRef: React.MutableRefObject<boolean>;
17
- dragModeRef: React.MutableRefObject<boolean>;
18
- isRemotion: boolean;
19
- setIsRemotion: React.Dispatch<React.SetStateAction<boolean>>;
20
- }
21
- declare const GsapPixieContext: React.Context<GsapPixieContextProps>;
22
- declare const Events: {
23
- STOP: string;
24
- PAUSE: string;
25
- PLAY: string;
26
- RESUME: string;
27
- RESTART: string;
28
- REPEAT: string;
29
- SEEK: string;
30
- RESET: string;
31
- COMPLETE: string;
32
- SEEK_START: string;
33
- SEEK_END: string;
34
- SCRUBBER_SEEK: string;
35
- SCRUBBER_PROGRESS_UPDATE: string;
36
- SCRUBBER_PLAY: string;
37
- SCRUBBER_PAUSE: string;
38
- SCRUBBER_CLICKED: string;
39
- TRANSFORMER_DRAG_START: string;
40
- TRANSFORMER_DRAG_END: string;
41
- REVERSE_MODE_START: string;
42
- REVERSE_MODE_END: string;
43
- };
44
- declare const GsapPixieContextProvider: React.FC<{
45
- children: React.ReactNode;
46
- }>;
47
- export { GsapPixieContext, GsapPixieContextProvider, Events };
@@ -1 +0,0 @@
1
- export * from "./GsapPixieContextProvider";
@@ -1,2 +0,0 @@
1
- declare function TestAudioFiles(): import("react/jsx-runtime").JSX.Element;
2
- export default TestAudioFiles;
@@ -1,15 +0,0 @@
1
- import * as React from "react";
2
- export declare enum SpriteType {
3
- Image = "Image",
4
- Gif = "Gif",
5
- Video = "Video"
6
- }
7
- export interface TimelineTestProps {
8
- startAt: number;
9
- endAt: number;
10
- }
11
- export interface TimelineProps {
12
- children?: React.ReactNode;
13
- sequences: TimelineTestProps[];
14
- }
15
- export declare const TimelineAnimationTest: (props: TimelineProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,15 +0,0 @@
1
- import * as React from "react";
2
- export declare enum SpriteType {
3
- Image = "Image",
4
- Gif = "Gif",
5
- Video = "Video"
6
- }
7
- export interface TimelineTestProps {
8
- startAt: number;
9
- endAt: number;
10
- }
11
- export interface TimelineProps {
12
- children?: React.ReactNode;
13
- sequences: TimelineTestProps[];
14
- }
15
- export declare const TimelineTest: (props: TimelineProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,21 +0,0 @@
1
- import type { StoryObj } from "@storybook/react";
2
- declare const meta: {
3
- title: string;
4
- component: (props: import("./TimelineTest").TimelineProps) => import("react/jsx-runtime").JSX.Element;
5
- tags: string[];
6
- argTypes: {
7
- sequences: {
8
- description: string;
9
- control: {
10
- type: string;
11
- };
12
- };
13
- };
14
- };
15
- export default meta;
16
- type Story = StoryObj<typeof meta>;
17
- export declare const Normal: Story;
18
- export declare const GifTest: Story;
19
- export declare const VideoTest: Story;
20
- export declare const AudioTest: Story;
21
- export declare const Animations: Story;
@@ -1,15 +0,0 @@
1
- import * as React from "react";
2
- export declare enum SpriteType {
3
- Image = "Image",
4
- Gif = "Gif",
5
- Video = "Video"
6
- }
7
- export interface TimelineTestProps {
8
- startAt: number;
9
- endAt: number;
10
- }
11
- export interface TimelineProps {
12
- children?: React.ReactNode;
13
- sequences: TimelineTestProps[];
14
- }
15
- export declare const TimelineTestAudios: (props: TimelineProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,15 +0,0 @@
1
- import * as React from "react";
2
- export declare enum SpriteType {
3
- Image = "Image",
4
- Gif = "Gif",
5
- Video = "Video"
6
- }
7
- export interface TimelineTestProps {
8
- startAt: number;
9
- endAt: number;
10
- }
11
- export interface TimelineProps {
12
- children?: React.ReactNode;
13
- sequences: TimelineTestProps[];
14
- }
15
- export declare const TimelineTestVideos: (props: TimelineProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,21 +0,0 @@
1
- import * as React from "react";
2
- export declare enum SpriteType {
3
- Image = "Image",
4
- Gif = "Gif",
5
- Video = "Video"
6
- }
7
- export interface TimelineTestProps {
8
- startAt: number;
9
- endAt: number;
10
- }
11
- export interface TimelineProps {
12
- children?: React.ReactNode;
13
- sequences: TimelineTestProps[];
14
- }
15
- export declare const TimelineWithGif: {
16
- (props: TimelineProps): import("react/jsx-runtime").JSX.Element;
17
- whyDidYouRender: {
18
- logOnDifferentValues: boolean;
19
- customName: string;
20
- };
21
- };
@@ -1,411 +0,0 @@
1
- export declare const ImageProps: {
2
- uniqueId: string;
3
- src: string;
4
- applyTransformer: boolean;
5
- startAt: number;
6
- endAt: number;
7
- transformation: {
8
- x: number;
9
- y: number;
10
- width: number;
11
- height: number;
12
- anchor: number;
13
- rotation: number;
14
- alpha: number;
15
- scale: number;
16
- tint: number;
17
- blendMode: number;
18
- };
19
- visible: boolean;
20
- };
21
- export declare const GifProps: {
22
- uniqueId: string;
23
- src: string;
24
- locked: boolean;
25
- loop: boolean;
26
- applyTransformer: boolean;
27
- startAt: number;
28
- endAt: number;
29
- frameStartAt: number;
30
- frameEndAt: number;
31
- transformation: {
32
- x: number;
33
- y: number;
34
- width: number;
35
- height: number;
36
- anchor: number;
37
- rotation: number;
38
- alpha: number;
39
- scale: number;
40
- tint: number;
41
- blendMode: number;
42
- colorCorrection: {};
43
- };
44
- visible: boolean;
45
- };
46
- export declare const videoProps: {
47
- uniqueId: string;
48
- src: string;
49
- transformation: {
50
- x: number;
51
- y: number;
52
- width: number;
53
- height: number;
54
- anchor: number;
55
- rotation: number;
56
- alpha: number;
57
- scale: number;
58
- tint: number;
59
- blendMode: number;
60
- colorCorrection: {};
61
- };
62
- applyTransformer: boolean;
63
- startAt: number;
64
- endAt: number;
65
- frameStartAt: number;
66
- frameEndAt: number;
67
- visible: boolean;
68
- mute: boolean;
69
- locked: boolean;
70
- };
71
- export declare const audioProps: {
72
- uniqueId: string;
73
- src: string;
74
- startAt: number;
75
- endAt: number;
76
- audioStartAt: number;
77
- audioEndAt: number;
78
- mute: boolean;
79
- speed: number;
80
- };
81
- export declare const videoEditorAssets: ({
82
- visible: boolean;
83
- textValue: string;
84
- src: string;
85
- start: number;
86
- isVideo: boolean;
87
- mute: boolean;
88
- title: string;
89
- type: string;
90
- transformation: {
91
- strokeWidth: number;
92
- rotate: number;
93
- shadowOffsetX: number;
94
- shadowOffsetY: number;
95
- toCenter: boolean;
96
- color: string;
97
- shadowBlur: number;
98
- blurRadius: number;
99
- blurEnabled: boolean;
100
- scale: number[];
101
- stroke: null;
102
- animation: string;
103
- effect: string;
104
- x: number;
105
- width: number;
106
- y: number;
107
- opacity: number;
108
- colorCorrection: {
109
- reset: boolean;
110
- };
111
- shadowColor: null;
112
- shadowEnabled: boolean;
113
- height: number;
114
- zIndex: number;
115
- align?: undefined;
116
- fontFamily?: undefined;
117
- grayscaleEnabled?: undefined;
118
- placeholder?: undefined;
119
- fontWeight?: undefined;
120
- textTransform?: undefined;
121
- textValue?: undefined;
122
- rotation?: undefined;
123
- letterSpacing?: undefined;
124
- textDecoration?: undefined;
125
- brightnessEnabled?: undefined;
126
- fontStyle?: undefined;
127
- fill?: undefined;
128
- brightness?: undefined;
129
- fontSize?: undefined;
130
- lineHeight?: undefined;
131
- sepiaEnabled?: undefined;
132
- };
133
- frameEndAt: number;
134
- droptype: string;
135
- path: string;
136
- name: string;
137
- frameStartAt: number;
138
- end: number;
139
- isAudio: boolean;
140
- id: string;
141
- locked: boolean;
142
- value: string;
143
- scrubberRow: number;
144
- uniqueId: string;
145
- timestamp: number;
146
- clipId: string;
147
- s3Url?: undefined;
148
- fileName?: undefined;
149
- isAudioDetached?: undefined;
150
- duration?: undefined;
151
- thumbUrl?: undefined;
152
- height?: undefined;
153
- reducerType?: undefined;
154
- frames?: undefined;
155
- s3Key?: undefined;
156
- width?: undefined;
157
- projectId?: undefined;
158
- user?: undefined;
159
- pageId?: undefined;
160
- fontStyle?: undefined;
161
- text?: undefined;
162
- } | {
163
- s3Url: string;
164
- fileName: string;
165
- type: string;
166
- isAudioDetached: boolean;
167
- duration: number;
168
- frameStartAt: number;
169
- end: number;
170
- id: string;
171
- thumbUrl: string;
172
- locked: boolean;
173
- scrubberRow: number;
174
- height: number;
175
- timestamp: number;
176
- reducerType: string;
177
- visible: boolean;
178
- frames: null[];
179
- src: string;
180
- start: number;
181
- isVideo: boolean;
182
- mute: boolean;
183
- transformation: {
184
- strokeWidth: number;
185
- rotate: number;
186
- shadowOffsetX: number;
187
- shadowOffsetY: number;
188
- toCenter: boolean;
189
- shadowBlur: number;
190
- blurRadius: number;
191
- blurEnabled: boolean;
192
- scale: number[];
193
- stroke: null;
194
- animation: string;
195
- effect: string;
196
- width: number;
197
- x: number;
198
- y: number;
199
- opacity: number;
200
- colorCorrection: {
201
- reset: boolean;
202
- };
203
- shadowColor: null;
204
- shadowEnabled: boolean;
205
- height: number;
206
- zIndex: number;
207
- color?: undefined;
208
- align?: undefined;
209
- fontFamily?: undefined;
210
- grayscaleEnabled?: undefined;
211
- placeholder?: undefined;
212
- fontWeight?: undefined;
213
- textTransform?: undefined;
214
- textValue?: undefined;
215
- rotation?: undefined;
216
- letterSpacing?: undefined;
217
- textDecoration?: undefined;
218
- brightnessEnabled?: undefined;
219
- fontStyle?: undefined;
220
- fill?: undefined;
221
- brightness?: undefined;
222
- fontSize?: undefined;
223
- lineHeight?: undefined;
224
- sepiaEnabled?: undefined;
225
- };
226
- frameEndAt: number;
227
- droptype: string;
228
- s3Key: string;
229
- name: string;
230
- width: number;
231
- isAudio: boolean;
232
- projectId: string;
233
- user: string;
234
- uniqueId: string;
235
- clipId: string;
236
- textValue?: undefined;
237
- title?: undefined;
238
- path?: undefined;
239
- value?: undefined;
240
- pageId?: undefined;
241
- fontStyle?: undefined;
242
- text?: undefined;
243
- } | {
244
- visible: boolean;
245
- textValue: string;
246
- start: number;
247
- isVideo: boolean;
248
- mute: boolean;
249
- pageId: string;
250
- transformation: {
251
- strokeWidth: number;
252
- shadowOffsetX: number;
253
- rotate: number;
254
- shadowOffsetY: number;
255
- toCenter: boolean;
256
- color: string;
257
- shadowBlur: number;
258
- blurRadius: number;
259
- blurEnabled: boolean;
260
- scale: number[];
261
- align: string;
262
- fontFamily: string;
263
- grayscaleEnabled: boolean;
264
- placeholder: string;
265
- shadowColor: null;
266
- fontWeight: string;
267
- height: number;
268
- textTransform: string;
269
- zIndex: number;
270
- textValue: string;
271
- rotation: number;
272
- letterSpacing: number;
273
- textDecoration: string;
274
- brightnessEnabled: boolean;
275
- fontStyle: string;
276
- fill: string;
277
- stroke: null;
278
- animation: string;
279
- brightness: number;
280
- effect: string;
281
- x: number;
282
- width: number;
283
- y: number;
284
- fontSize: number;
285
- lineHeight: number;
286
- opacity: number;
287
- colorCorrection: {
288
- reset: boolean;
289
- };
290
- shadowEnabled: boolean;
291
- sepiaEnabled: boolean;
292
- };
293
- fontStyle: {
294
- fontSize: number;
295
- lineHeight: number;
296
- };
297
- frameEndAt: number;
298
- droptype: string;
299
- frameStartAt: number;
300
- end: number;
301
- isAudio: boolean;
302
- id: string;
303
- text: string;
304
- locked: boolean;
305
- scrubberRow: number;
306
- uniqueId: string;
307
- timestamp: number;
308
- clipId: string;
309
- src?: undefined;
310
- title?: undefined;
311
- type?: undefined;
312
- path?: undefined;
313
- name?: undefined;
314
- value?: undefined;
315
- s3Url?: undefined;
316
- fileName?: undefined;
317
- isAudioDetached?: undefined;
318
- duration?: undefined;
319
- thumbUrl?: undefined;
320
- height?: undefined;
321
- reducerType?: undefined;
322
- frames?: undefined;
323
- s3Key?: undefined;
324
- width?: undefined;
325
- projectId?: undefined;
326
- user?: undefined;
327
- } | {
328
- visible: boolean;
329
- textValue: string;
330
- start: number;
331
- isVideo: boolean;
332
- mute: boolean;
333
- pageId: string;
334
- transformation: {
335
- strokeWidth: number;
336
- shadowOffsetX: number;
337
- rotate: number;
338
- shadowOffsetY: number;
339
- toCenter: boolean;
340
- color: string;
341
- shadowBlur: number;
342
- blurRadius: number;
343
- blurEnabled: boolean;
344
- scale: number[];
345
- align: string;
346
- fontFamily: string;
347
- grayscaleEnabled: boolean;
348
- placeholder: string;
349
- shadowColor: null;
350
- fontWeight: string;
351
- height: number;
352
- textTransform: string;
353
- zIndex: number;
354
- rotation: number;
355
- letterSpacing: number;
356
- textDecoration: string;
357
- brightnessEnabled: boolean;
358
- fontStyle: string;
359
- fill: string;
360
- stroke: null;
361
- animation: string;
362
- brightness: number;
363
- effect: string;
364
- x: number;
365
- width: number;
366
- y: number;
367
- fontSize: number;
368
- lineHeight: number;
369
- opacity: number;
370
- colorCorrection: {
371
- reset: boolean;
372
- };
373
- shadowEnabled: boolean;
374
- sepiaEnabled: boolean;
375
- textValue?: undefined;
376
- };
377
- fontStyle: {
378
- fontSize: number;
379
- lineHeight: number;
380
- };
381
- frameEndAt: number;
382
- droptype: string;
383
- frameStartAt: number;
384
- end: number;
385
- isAudio: boolean;
386
- id: string;
387
- text: string;
388
- locked: boolean;
389
- scrubberRow: number;
390
- uniqueId: string;
391
- timestamp: number;
392
- clipId: string;
393
- src?: undefined;
394
- title?: undefined;
395
- type?: undefined;
396
- path?: undefined;
397
- name?: undefined;
398
- value?: undefined;
399
- s3Url?: undefined;
400
- fileName?: undefined;
401
- isAudioDetached?: undefined;
402
- duration?: undefined;
403
- thumbUrl?: undefined;
404
- height?: undefined;
405
- reducerType?: undefined;
406
- frames?: undefined;
407
- s3Key?: undefined;
408
- width?: undefined;
409
- projectId?: undefined;
410
- user?: undefined;
411
- })[];
@@ -1,72 +0,0 @@
1
- export declare enum Animations {
2
- NONE = "NONE",
3
- FLASH = "FLASH",
4
- PULSE = "PULSE",
5
- SHAKE = "SHAKE",
6
- SWING = "SWING",
7
- JELLO = "JELLO",
8
- WOOBLE = "WOOBLE",
9
- FADE_IN = "FADE_IN",
10
- FADE_OUT = "FADE_OUT",
11
- FADE_IN_OUT = "FADE_IN_OUT",
12
- SLIDE_IN_LEFT = "SLIDE_IN_LEFT",
13
- SLIDE_IN_RIGHT = "SLIDE_IN_RIGHT",
14
- SLIDE_IN_TOP = "SLIDE_IN_TOP",
15
- SLIDE_IN_BOTTOM = "SLIDE_IN_BOTTOM",
16
- SLIDE_OUT_LEFT = "SLIDE_OUT_LEFT",
17
- SLIDE_OUT_RIGHT = "SLIDE_OUT_RIGHT",
18
- SLIDE_OUT_TOP = "SLIDE_OUT_TOP",
19
- SLIDE_OUT_BOTTOM = "SLIDE_OUT_BOTTOM",
20
- ZOOM_IN = "ZOOM_IN",
21
- ZOOM_OUT = "ZOOM_OUT",
22
- ZOOM_IN_OUT = "ZOOM_IN_OUT",
23
- BOUNCE_IN = "BOUNCE_IN",
24
- BOUNCE_OUT = "BOUNCE_OUT",
25
- BOUNCE_IN_OUT = "BOUNCE_IN_OUT",
26
- BOUNCE_IN_DOWN = "BOUNCE_IN_DOWN",
27
- BOUNCE_IN_LEFT = "BOUNCE_IN_LEFT",
28
- BOUNCE_IN_RIGHT = "BOUNCE_IN_RIGHT",
29
- BOUNCE_IN_UP = "BOUNCE_IN_UP",
30
- BOUNCE_OUT_DOWN = "BOUNCE_OUT_DOWN",
31
- BOUNCE_OUT_LEFT = "BOUNCE_OUT_LEFT",
32
- BOUNCE_OUT_RIGHT = "BOUNCE_OUT_RIGHT",
33
- BOUNCE_OUT_UP = "BOUNCE_OUT_UP",
34
- FADE_IN_DOWN = "FADE_IN_DOWN",
35
- FADE_IN_LEFT = "FADE_IN_LEFT",
36
- FADE_IN_RIGHT = "FADE_IN_RIGHT",
37
- FADE_IN_UP = "FADE_IN_UP",
38
- FADE_OUT_DOWN = "FADE_OUT_DOWN",
39
- FADE_OUT_LEFT = "FADE_OUT_LEFT",
40
- FADE_OUT_RIGHT = "FADE_OUT_RIGHT",
41
- FADE_OUT_UP = "FADE_OUT_UP",
42
- ELASTIC_IN = "ELASTIC_IN",
43
- ELASTIC_OUT = "ELASTIC_OUT",
44
- ELASTIC_IN_OUT = "ELASTIC_IN_OUT",
45
- BACK_IN = "BACK_IN",
46
- BACK_OUT = "BACK_OUT",
47
- BACK_IN_OUT = "BACK_IN_OUT",
48
- CIRCULAR_IN = "CIRCULAR_IN",
49
- CIRCULAR_OUT = "CIRCULAR_OUT",
50
- CIRCULAR_IN_OUT = "CIRCULAR_IN_OUT",
51
- EXPO_IN = "EXPO_IN",
52
- EXPO_OUT = "EXPO_OUT",
53
- EXPO_IN_OUT = "EXPO_IN_OUT",
54
- SINE_IN = "SINE_IN",
55
- SINE_OUT = "SINE_OUT",
56
- SINE_IN_OUT = "SINE_IN_OUT",
57
- BOUNCE = "BOUNCE",
58
- ELASTIC = "ELASTIC",
59
- BACK = "BACK",
60
- CIRCULAR = "CIRCULAR",
61
- EXPO = "EXPO",
62
- SINE = "SINE"
63
- }
64
- export interface IGsapAnimInterface {
65
- from?: any;
66
- to?: any;
67
- fromTo?: any;
68
- duration?: number;
69
- x?: number;
70
- y?: number;
71
- alpha?: number;
72
- }