chnobli 0.1.4 → 0.1.6
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/.prettierignore +4 -0
- package/.prettierrc +6 -0
- package/.vscode/settings.json +4 -0
- package/auto-docs/easing.js.html +342 -0
- package/auto-docs/fonts/OpenSans-Bold-webfont.eot +0 -0
- package/auto-docs/fonts/OpenSans-Bold-webfont.svg +1830 -0
- package/auto-docs/fonts/OpenSans-Bold-webfont.woff +0 -0
- package/auto-docs/fonts/OpenSans-BoldItalic-webfont.eot +0 -0
- package/auto-docs/fonts/OpenSans-BoldItalic-webfont.svg +1830 -0
- package/auto-docs/fonts/OpenSans-BoldItalic-webfont.woff +0 -0
- package/auto-docs/fonts/OpenSans-Italic-webfont.eot +0 -0
- package/auto-docs/fonts/OpenSans-Italic-webfont.svg +1830 -0
- package/auto-docs/fonts/OpenSans-Italic-webfont.woff +0 -0
- package/auto-docs/fonts/OpenSans-Light-webfont.eot +0 -0
- package/auto-docs/fonts/OpenSans-Light-webfont.svg +1831 -0
- package/auto-docs/fonts/OpenSans-Light-webfont.woff +0 -0
- package/auto-docs/fonts/OpenSans-LightItalic-webfont.eot +0 -0
- package/auto-docs/fonts/OpenSans-LightItalic-webfont.svg +1835 -0
- package/auto-docs/fonts/OpenSans-LightItalic-webfont.woff +0 -0
- package/auto-docs/fonts/OpenSans-Regular-webfont.eot +0 -0
- package/auto-docs/fonts/OpenSans-Regular-webfont.svg +1831 -0
- package/auto-docs/fonts/OpenSans-Regular-webfont.woff +0 -0
- package/auto-docs/global.html +4810 -0
- package/auto-docs/index.html +65 -0
- package/auto-docs/scripts/linenumber.js +25 -0
- package/auto-docs/scripts/prettify/Apache-License-2.0.txt +202 -0
- package/auto-docs/scripts/prettify/lang-css.js +2 -0
- package/auto-docs/scripts/prettify/prettify.js +28 -0
- package/auto-docs/styles/jsdoc-default.css +358 -0
- package/auto-docs/styles/prettify-jsdoc.css +111 -0
- package/auto-docs/styles/prettify-tomorrow.css +132 -0
- package/dist/animation/Animation.d.ts +36 -0
- package/dist/animation/Animation.d.ts.map +1 -0
- package/dist/animation/Animation.js +230 -0
- package/dist/animation/Animation.js.map +1 -0
- package/dist/animation/animation.d.ts +36 -0
- package/dist/animation/animation.d.ts.map +1 -0
- package/dist/animation/animation.js +230 -0
- package/dist/animation/animation.js.map +1 -0
- package/dist/animation/public.d.ts +55 -0
- package/dist/animation/public.d.ts.map +1 -0
- package/dist/animation/public.js +104 -0
- package/dist/animation/public.js.map +1 -0
- package/dist/chnobli.d.ts +15 -0
- package/dist/chnobli.d.ts.map +1 -0
- package/dist/chnobli.js +63 -0
- package/dist/chnobli.js.map +1 -0
- package/dist/property/BasicProperty.d.ts +38 -0
- package/dist/property/BasicProperty.d.ts.map +1 -0
- package/dist/property/BasicProperty.js +72 -0
- package/dist/property/BasicProperty.js.map +1 -0
- package/dist/property/ClassProperty.d.ts +32 -0
- package/dist/property/ClassProperty.d.ts.map +1 -0
- package/dist/property/ClassProperty.js +108 -0
- package/dist/property/ClassProperty.js.map +1 -0
- package/dist/property/Property.d.ts +13 -0
- package/dist/property/Property.d.ts.map +1 -0
- package/dist/property/Property.js +20 -0
- package/dist/property/Property.js.map +1 -0
- package/dist/property/StyleProperty.d.ts +25 -0
- package/dist/property/StyleProperty.d.ts.map +1 -0
- package/dist/property/StyleProperty.js +221 -0
- package/dist/property/StyleProperty.js.map +1 -0
- package/dist/property/TransformProperty.d.ts +15 -0
- package/dist/property/TransformProperty.d.ts.map +1 -0
- package/dist/property/TransformProperty.js +43 -0
- package/dist/property/TransformProperty.js.map +1 -0
- package/dist/property/TransformXYProperty.d.ts +28 -0
- package/dist/property/TransformXYProperty.d.ts.map +1 -0
- package/dist/property/TransformXYProperty.js +65 -0
- package/dist/property/TransformXYProperty.js.map +1 -0
- package/dist/responsive/ResponsiveEvent.d.ts +17 -0
- package/dist/responsive/ResponsiveEvent.d.ts.map +1 -0
- package/dist/responsive/ResponsiveEvent.js +45 -0
- package/dist/responsive/ResponsiveEvent.js.map +1 -0
- package/dist/responsive/TestEvent.d.ts +11 -0
- package/dist/responsive/TestEvent.d.ts.map +1 -0
- package/dist/responsive/TestEvent.js +26 -0
- package/dist/responsive/TestEvent.js.map +1 -0
- package/dist/responsive/event.d.ts +10 -0
- package/dist/responsive/event.d.ts.map +1 -0
- package/dist/responsive/event.js +39 -0
- package/dist/responsive/event.js.map +1 -0
- package/dist/scroll/Scroll.d.ts +27 -0
- package/dist/scroll/Scroll.d.ts.map +1 -0
- package/dist/scroll/Scroll.js +132 -0
- package/dist/scroll/Scroll.js.map +1 -0
- package/dist/scroll/ScrollEvent.d.ts +17 -0
- package/dist/scroll/ScrollEvent.d.ts.map +1 -0
- package/dist/scroll/ScrollEvent.js +39 -0
- package/dist/scroll/ScrollEvent.js.map +1 -0
- package/dist/scroll/public.d.ts +7 -0
- package/dist/scroll/public.d.ts.map +1 -0
- package/dist/scroll/public.js +17 -0
- package/dist/scroll/public.js.map +1 -0
- package/dist/stagger/stagger.d.ts +13 -0
- package/dist/stagger/stagger.d.ts.map +1 -0
- package/dist/stagger/stagger.js +35 -0
- package/dist/stagger/stagger.js.map +1 -0
- package/dist/target/BaseTarget.old.d.ts +33 -0
- package/dist/target/BaseTarget.old.d.ts.map +1 -0
- package/dist/target/BaseTarget.old.js +73 -0
- package/dist/target/BaseTarget.old.js.map +1 -0
- package/dist/target/DomTarget.d.ts +41 -0
- package/dist/target/DomTarget.d.ts.map +1 -0
- package/dist/target/DomTarget.js +230 -0
- package/dist/target/DomTarget.js.map +1 -0
- package/dist/target/Target.d.ts +22 -0
- package/dist/target/Target.d.ts.map +1 -0
- package/dist/target/Target.js +21 -0
- package/dist/target/Target.js.map +1 -0
- package/dist/target/TestDomNode.d.ts +14 -0
- package/dist/target/TestDomNode.d.ts.map +1 -0
- package/dist/target/TestDomNode.js +55 -0
- package/dist/target/TestDomNode.js.map +1 -0
- package/dist/timeline/Nested.d.ts +30 -0
- package/dist/timeline/Nested.d.ts.map +1 -0
- package/dist/timeline/Nested.js +51 -0
- package/dist/timeline/Nested.js.map +1 -0
- package/dist/timeline/TimeLine.d.ts +32 -0
- package/dist/timeline/TimeLine.d.ts.map +1 -0
- package/dist/timeline/TimeLine.js +288 -0
- package/dist/timeline/TimeLine.js.map +1 -0
- package/dist/timeline/public.d.ts +120 -0
- package/dist/timeline/public.d.ts.map +1 -0
- package/dist/timeline/public.js +301 -0
- package/dist/timeline/public.js.map +1 -0
- package/dist/timing/AnimationFrameTicker.d.ts +32 -0
- package/dist/timing/AnimationFrameTicker.d.ts.map +1 -0
- package/dist/timing/AnimationFrameTicker.js +134 -0
- package/dist/timing/AnimationFrameTicker.js.map +1 -0
- package/dist/timing/Ease.d.ts +6 -0
- package/dist/timing/Ease.d.ts.map +1 -0
- package/dist/timing/Ease.js +15 -0
- package/dist/timing/Ease.js.map +1 -0
- package/dist/timing/TestTicker.d.ts +19 -0
- package/dist/timing/TestTicker.d.ts.map +1 -0
- package/dist/timing/TestTicker.js +81 -0
- package/dist/timing/TestTicker.js.map +1 -0
- package/dist/timing/Ticker.d.ts +14 -0
- package/dist/timing/Ticker.d.ts.map +1 -0
- package/dist/timing/Ticker.js +2 -0
- package/dist/timing/Ticker.js.map +1 -0
- package/dist/timing/Timing.d.ts +62 -0
- package/dist/timing/Timing.d.ts.map +1 -0
- package/dist/timing/Timing.js +257 -0
- package/dist/timing/Timing.js.map +1 -0
- package/dist/timing/easing.d.ts +158 -0
- package/dist/timing/easing.d.ts.map +1 -0
- package/dist/timing/easing.js +273 -0
- package/dist/timing/easing.js.map +1 -0
- package/dist/utils/Events.d.ts +9 -0
- package/dist/utils/Events.d.ts.map +1 -0
- package/dist/utils/Events.js +35 -0
- package/dist/utils/Events.js.map +1 -0
- package/dist/utils/internal.d.ts +2 -0
- package/dist/utils/internal.d.ts.map +1 -0
- package/dist/utils/internal.js +6 -0
- package/dist/utils/internal.js.map +1 -0
- package/dist/utils/motionpath.d.ts +16 -0
- package/dist/utils/motionpath.d.ts.map +1 -0
- package/dist/utils/motionpath.js +41 -0
- package/dist/utils/motionpath.js.map +1 -0
- package/dist/utils/utils.d.ts +43 -0
- package/dist/utils/utils.d.ts.map +1 -0
- package/dist/utils/utils.js +93 -0
- package/dist/utils/utils.js.map +1 -0
- package/dist/values/ColorValue.d.ts +12 -0
- package/dist/values/ColorValue.d.ts.map +1 -0
- package/dist/values/ColorValue.js +133 -0
- package/dist/values/ColorValue.js.map +1 -0
- package/dist/values/StyleValue.d.ts +40 -0
- package/dist/values/StyleValue.d.ts.map +1 -0
- package/dist/values/StyleValue.js +149 -0
- package/dist/values/StyleValue.js.map +1 -0
- package/dist/values/Value.d.ts +13 -0
- package/dist/values/Value.d.ts.map +1 -0
- package/dist/values/Value.js +38 -0
- package/dist/values/Value.js.map +1 -0
- package/dist/values/defaultcolors.d.ts +2 -0
- package/dist/values/defaultcolors.d.ts.map +1 -0
- package/dist/values/defaultcolors.js +149 -0
- package/dist/values/defaultcolors.js.map +1 -0
- package/package.json +11 -7
- package/src/animation/{animation.js → Animation.ts} +56 -54
- package/src/animation/{public.js → public.ts} +23 -18
- package/src/{chnobli.js → chnobli.ts} +11 -12
- package/src/property/BasicProperty.ts +91 -0
- package/src/property/ClassProperty.ts +132 -0
- package/src/property/Property.ts +33 -0
- package/src/property/StyleProperty.ts +273 -0
- package/src/property/TransformProperty.ts +56 -0
- package/src/property/TransformXYProperty.ts +88 -0
- package/src/responsive/ResponsiveEvent.ts +60 -0
- package/src/responsive/{testevent.js → TestEvent.ts} +12 -10
- package/src/scroll/{scroll.js → Scroll.ts} +53 -35
- package/src/scroll/ScrollEvent.ts +53 -0
- package/src/scroll/public.ts +20 -0
- package/src/stagger/stagger.ts +45 -0
- package/src/target/{basetarget.js → BaseTarget.old.ts} +25 -26
- package/src/target/DomTarget.ts +281 -0
- package/src/target/Target.ts +48 -0
- package/src/target/{testdomnode.js → TestDomNode.ts} +18 -15
- package/src/tests/{properties.test.js → properties.test.ts} +54 -49
- package/src/tests/timeline.test.ts +290 -0
- package/src/tests/{timing.test.js → timing.test.ts} +25 -22
- package/src/tests/{usecases.test.js → usecases.test.ts} +13 -10
- package/src/tests/{values.test.js → values.test.ts} +21 -21
- package/src/timeline/Nested.ts +67 -0
- package/src/timeline/{timeline.js → TimeLine.ts} +126 -56
- package/src/timeline/{public.js → public.ts} +112 -73
- package/src/timing/{ticker.js → AnimationFrameTicker.ts} +36 -21
- package/src/timing/{ease.js → Ease.ts} +6 -5
- package/src/timing/{testticker.js → TestTicker.ts} +27 -24
- package/src/timing/Ticker.ts +11 -0
- package/src/timing/{timing.js → Timing.ts} +72 -63
- package/src/timing/{easing.js → easing.ts} +52 -43
- package/src/utils/{events.js → Events.ts} +12 -11
- package/src/utils/internal.ts +10 -0
- package/src/utils/{motionpath.js → motionpath.ts} +36 -13
- package/src/utils/utils.ts +110 -0
- package/src/values/{colorvalue.js → ColorValue.ts} +46 -47
- package/src/values/StyleValue.ts +186 -0
- package/src/values/{value.js → Value.ts} +14 -12
- package/src/values/{defaultcolors.js → defaultcolors.ts} +2 -2
- package/tsconfig.build.json +19 -0
- package/tsconfig.json +17 -108
- package/src/animation/property.js +0 -556
- package/src/responsive/event.js +0 -46
- package/src/scroll/event.js +0 -41
- package/src/scroll/public.js +0 -17
- package/src/stagger/stagger.js +0 -42
- package/src/target/domtarget.js +0 -266
- package/src/target/target.js +0 -22
- package/src/tests/timeline.test.js +0 -234
- package/src/utils/internal.js +0 -7
- package/src/utils/utils.js +0 -75
- package/src/values/stylevalue.js +0 -148
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
export declare const STATE_BEFORE = 0;
|
|
2
|
+
export declare const STATE_START = 1;
|
|
3
|
+
export declare const STATE_RUNNING = 2;
|
|
4
|
+
export declare const STATE_ENDED = 3;
|
|
5
|
+
export declare const STATE_AFTER = 4;
|
|
6
|
+
export type Position = {
|
|
7
|
+
progress: number;
|
|
8
|
+
};
|
|
9
|
+
/**
|
|
10
|
+
* This class handles everything timing related
|
|
11
|
+
*
|
|
12
|
+
* It manages easing, keeps track of where we are at the moment
|
|
13
|
+
*
|
|
14
|
+
* The most important property is position which gives the calculated position
|
|
15
|
+
*
|
|
16
|
+
*
|
|
17
|
+
* Timing works the same as in after effects
|
|
18
|
+
* if the duration is not at least 1ms the position is always 1 and either
|
|
19
|
+
* STATE_BEFORE or STATE_AFTER
|
|
20
|
+
*
|
|
21
|
+
* if the duration is 1ms seek 0 or 1 will always result in position 1
|
|
22
|
+
* because it is like one frame, so it's an image
|
|
23
|
+
*/
|
|
24
|
+
export default class Timing {
|
|
25
|
+
iterDuration: number;
|
|
26
|
+
duration: number;
|
|
27
|
+
ease: (t: number) => number;
|
|
28
|
+
repeat: number;
|
|
29
|
+
alternate: boolean;
|
|
30
|
+
reversed: boolean;
|
|
31
|
+
position: number;
|
|
32
|
+
state: number;
|
|
33
|
+
private _progress;
|
|
34
|
+
constructor(props: Record<string, any>);
|
|
35
|
+
setDuration(iterDuration: number): void;
|
|
36
|
+
positionMs(): number;
|
|
37
|
+
/**
|
|
38
|
+
* Returns the position in milliseconds
|
|
39
|
+
*
|
|
40
|
+
* If the state is before or after the position might be more/less than
|
|
41
|
+
* required
|
|
42
|
+
*/
|
|
43
|
+
positionMsUnbounded(): number;
|
|
44
|
+
isFinite(): boolean;
|
|
45
|
+
advance(change: number): void;
|
|
46
|
+
seekMs(ms: number): void;
|
|
47
|
+
seek(pos: number): void;
|
|
48
|
+
savePosition(): Position;
|
|
49
|
+
restorePosition(pos: Position): void;
|
|
50
|
+
setAlternate(alternate: boolean): void;
|
|
51
|
+
reverse(): void;
|
|
52
|
+
_shouldInvert(): boolean;
|
|
53
|
+
_updateProgress(newProgress: number): void;
|
|
54
|
+
}
|
|
55
|
+
export declare function newTiming(props: Record<string, any>): Timing;
|
|
56
|
+
export declare function parseDuration(dur: any): number;
|
|
57
|
+
export declare function parseEase(ease: any): (t: number) => number;
|
|
58
|
+
export declare function parseRepeat(repeat: any): number;
|
|
59
|
+
export declare function parseDelay(delay: any): number;
|
|
60
|
+
export declare function parseAlternate(alternate: any): boolean;
|
|
61
|
+
export declare function parseReversed(reversed: any): boolean;
|
|
62
|
+
//# sourceMappingURL=Timing.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Timing.d.ts","sourceRoot":"","sources":["../../src/timing/Timing.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,IAAI,CAAC;AAE9B,eAAO,MAAM,WAAW,IAAI,CAAC;AAC7B,eAAO,MAAM,aAAa,IAAI,CAAC;AAE/B,eAAO,MAAM,WAAW,IAAI,CAAC;AAC7B,eAAO,MAAM,WAAW,IAAI,CAAC;AAE7B,MAAM,MAAM,QAAQ,GAAG;IACtB,QAAQ,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,OAAO,OAAO,MAAM;IAG1B,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IAEjB,IAAI,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IAC5B,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAElB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IAEd,OAAO,CAAC,SAAS,CAAS;gBAiBd,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;IAsBtC,WAAW,CAAC,YAAY,EAAE,MAAM;IAShC,UAAU;IAKV;;;;;OAKG;IACH,mBAAmB;IAUnB,QAAQ;IAIR,OAAO,CAAC,MAAM,EAAE,MAAM;IAWtB,MAAM,CAAC,EAAE,EAAE,MAAM;IAUjB,IAAI,CAAC,GAAG,EAAE,MAAM;IAShB,YAAY,IAAI,QAAQ;IAMxB,eAAe,CAAC,GAAG,EAAE,QAAQ;IAI7B,YAAY,CAAC,SAAS,EAAE,OAAO;IAQ/B,OAAO;IAwBP,aAAa;IAIb,eAAe,CAAC,WAAW,EAAE,MAAM;CAiDnC;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,UAUnD;AAED,wBAAgB,aAAa,CAAC,GAAG,EAAE,GAAG,UAMrC;AAED,wBAAgB,SAAS,CAAC,IAAI,EAAE,GAAG,GAAG,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAK1D;AAED,wBAAgB,WAAW,CAAC,MAAM,EAAE,GAAG,GAAG,MAAM,CAY/C;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,GAAG,GAAG,MAAM,CAK7C;AAED,wBAAgB,cAAc,CAAC,SAAS,EAAE,GAAG,GAAG,OAAO,CAKtD;AAED,wBAAgB,aAAa,CAAC,QAAQ,EAAE,GAAG,GAAG,OAAO,CAKpD"}
|
|
@@ -0,0 +1,257 @@
|
|
|
1
|
+
import { takeProp } from '../utils/internal';
|
|
2
|
+
export const STATE_BEFORE = 0;
|
|
3
|
+
/// start only occurs if the current position is exactly 0 or 1 if reversed
|
|
4
|
+
export const STATE_START = 1;
|
|
5
|
+
export const STATE_RUNNING = 2;
|
|
6
|
+
/// ended only occurs if the current position is exactly 1 or 0 if reversed
|
|
7
|
+
export const STATE_ENDED = 3;
|
|
8
|
+
export const STATE_AFTER = 4;
|
|
9
|
+
/**
|
|
10
|
+
* This class handles everything timing related
|
|
11
|
+
*
|
|
12
|
+
* It manages easing, keeps track of where we are at the moment
|
|
13
|
+
*
|
|
14
|
+
* The most important property is position which gives the calculated position
|
|
15
|
+
*
|
|
16
|
+
*
|
|
17
|
+
* Timing works the same as in after effects
|
|
18
|
+
* if the duration is not at least 1ms the position is always 1 and either
|
|
19
|
+
* STATE_BEFORE or STATE_AFTER
|
|
20
|
+
*
|
|
21
|
+
* if the duration is 1ms seek 0 or 1 will always result in position 1
|
|
22
|
+
* because it is like one frame, so it's an image
|
|
23
|
+
*/
|
|
24
|
+
export default class Timing {
|
|
25
|
+
// removes the relevant properties from the props
|
|
26
|
+
iterDuration;
|
|
27
|
+
duration;
|
|
28
|
+
ease;
|
|
29
|
+
repeat;
|
|
30
|
+
alternate;
|
|
31
|
+
reversed;
|
|
32
|
+
position;
|
|
33
|
+
state;
|
|
34
|
+
_progress;
|
|
35
|
+
/*
|
|
36
|
+
seeking
|
|
37
|
+
if repeat is infinite
|
|
38
|
+
seek will only control the current iteration
|
|
39
|
+
if repeat is finite
|
|
40
|
+
seek will control the entire time
|
|
41
|
+
|
|
42
|
+
|
|
43
|
+
{
|
|
44
|
+
duration: in ms
|
|
45
|
+
ease: easeFunction
|
|
46
|
+
repeat: -1 - x,
|
|
47
|
+
alternate
|
|
48
|
+
}
|
|
49
|
+
*/
|
|
50
|
+
constructor(props) {
|
|
51
|
+
// these vars are only readonly
|
|
52
|
+
// use functions to update them
|
|
53
|
+
this.iterDuration = props.duration;
|
|
54
|
+
this.duration = props.duration;
|
|
55
|
+
this.ease = props.ease ?? (t => t);
|
|
56
|
+
this.repeat = props.repeat ?? 0;
|
|
57
|
+
this.alternate = props.alternate ?? true;
|
|
58
|
+
this.reversed = props.reversed ?? false;
|
|
59
|
+
this.position = this.duration > 0 ? 0 : 1;
|
|
60
|
+
this.state = STATE_BEFORE;
|
|
61
|
+
// progress does not take alternation into account and has no easing
|
|
62
|
+
// this always increments up
|
|
63
|
+
this._progress = 0;
|
|
64
|
+
// scrub
|
|
65
|
+
}
|
|
66
|
+
setDuration(iterDuration) {
|
|
67
|
+
this.iterDuration = iterDuration;
|
|
68
|
+
this.duration = this.iterDuration;
|
|
69
|
+
if (this.repeat > -1) {
|
|
70
|
+
this.duration = (this.repeat + 1) * this.iterDuration;
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
positionMs() {
|
|
74
|
+
return this.position * this.iterDuration;
|
|
75
|
+
}
|
|
76
|
+
// todo find a better name
|
|
77
|
+
/**
|
|
78
|
+
* Returns the position in milliseconds
|
|
79
|
+
*
|
|
80
|
+
* If the state is before or after the position might be more/less than
|
|
81
|
+
* required
|
|
82
|
+
*/
|
|
83
|
+
positionMsUnbounded() {
|
|
84
|
+
const outOfBounds = this.state <= STATE_BEFORE || this.state >= STATE_AFTER;
|
|
85
|
+
if (!outOfBounds)
|
|
86
|
+
return this.position * this.iterDuration;
|
|
87
|
+
if (this.position === 0)
|
|
88
|
+
return -1;
|
|
89
|
+
return this.position * this.iterDuration + 1;
|
|
90
|
+
}
|
|
91
|
+
isFinite() {
|
|
92
|
+
return this.repeat > -1;
|
|
93
|
+
}
|
|
94
|
+
advance(change) {
|
|
95
|
+
if (this.state >= STATE_AFTER)
|
|
96
|
+
return;
|
|
97
|
+
if (this.iterDuration <= 0) {
|
|
98
|
+
this._updateProgress(1);
|
|
99
|
+
return;
|
|
100
|
+
}
|
|
101
|
+
this._updateProgress(this._progress + change / this.iterDuration);
|
|
102
|
+
}
|
|
103
|
+
seekMs(ms) {
|
|
104
|
+
if (this.iterDuration <= 0) {
|
|
105
|
+
this._updateProgress(Math.sign(ms));
|
|
106
|
+
return;
|
|
107
|
+
}
|
|
108
|
+
this._updateProgress(ms / this.iterDuration);
|
|
109
|
+
}
|
|
110
|
+
// should be between 0-1 if outside might change the state
|
|
111
|
+
seek(pos) {
|
|
112
|
+
if (this.repeat <= 0) {
|
|
113
|
+
this._updateProgress(pos);
|
|
114
|
+
}
|
|
115
|
+
else {
|
|
116
|
+
// finite
|
|
117
|
+
this._updateProgress(pos * (this.repeat + 1));
|
|
118
|
+
}
|
|
119
|
+
}
|
|
120
|
+
savePosition() {
|
|
121
|
+
return {
|
|
122
|
+
progress: this._progress,
|
|
123
|
+
};
|
|
124
|
+
}
|
|
125
|
+
restorePosition(pos) {
|
|
126
|
+
this._updateProgress(pos.progress);
|
|
127
|
+
}
|
|
128
|
+
setAlternate(alternate) {
|
|
129
|
+
if (this.alternate == alternate)
|
|
130
|
+
return;
|
|
131
|
+
// make sure the reversed is updated according to the current inversion
|
|
132
|
+
this.reversed = alternate == this._shouldInvert();
|
|
133
|
+
this.alternate = alternate;
|
|
134
|
+
}
|
|
135
|
+
reverse() {
|
|
136
|
+
this.reversed = !this.reversed;
|
|
137
|
+
const wrapAround = (p) => {
|
|
138
|
+
if (this.repeat > -1)
|
|
139
|
+
return p % (this.repeat + 1);
|
|
140
|
+
return p;
|
|
141
|
+
};
|
|
142
|
+
let p;
|
|
143
|
+
if (this.state <= STATE_BEFORE) {
|
|
144
|
+
p = 2;
|
|
145
|
+
}
|
|
146
|
+
else if (this.state >= STATE_AFTER) {
|
|
147
|
+
p = -1;
|
|
148
|
+
// check if the values should be reversed
|
|
149
|
+
}
|
|
150
|
+
else if (this.reversed != this._shouldInvert()) {
|
|
151
|
+
let decimal = 1 - (this._progress % 1);
|
|
152
|
+
p = wrapAround(Math.floor(this._progress) + decimal);
|
|
153
|
+
}
|
|
154
|
+
else {
|
|
155
|
+
p = wrapAround(this._progress);
|
|
156
|
+
}
|
|
157
|
+
this._updateProgress(p);
|
|
158
|
+
}
|
|
159
|
+
_shouldInvert() {
|
|
160
|
+
return this.alternate && Math.floor(this._progress) % 2 === 1;
|
|
161
|
+
}
|
|
162
|
+
_updateProgress(newProgress) {
|
|
163
|
+
// if duration is zero the position is always 1
|
|
164
|
+
// and the state is either BEFORE or AFTER
|
|
165
|
+
if (this.iterDuration <= 0) {
|
|
166
|
+
newProgress = Math.sign(newProgress);
|
|
167
|
+
this._progress = newProgress;
|
|
168
|
+
this.position = 1;
|
|
169
|
+
if (newProgress < 0)
|
|
170
|
+
this.state = STATE_BEFORE;
|
|
171
|
+
else
|
|
172
|
+
this.state = STATE_AFTER;
|
|
173
|
+
return;
|
|
174
|
+
}
|
|
175
|
+
this._progress = newProgress;
|
|
176
|
+
// since infinite repeat can never end let's ignore it
|
|
177
|
+
if (this.repeat > -1) {
|
|
178
|
+
const end = this.repeat + 1;
|
|
179
|
+
if (this._progress > end) {
|
|
180
|
+
this._progress = end;
|
|
181
|
+
this.state = STATE_AFTER;
|
|
182
|
+
}
|
|
183
|
+
else if (this._progress === end) {
|
|
184
|
+
this.state = STATE_ENDED;
|
|
185
|
+
}
|
|
186
|
+
else {
|
|
187
|
+
this.state = STATE_RUNNING;
|
|
188
|
+
}
|
|
189
|
+
}
|
|
190
|
+
else {
|
|
191
|
+
this.state = STATE_RUNNING;
|
|
192
|
+
}
|
|
193
|
+
// override state if not running
|
|
194
|
+
if (this._progress < 0) {
|
|
195
|
+
this._progress = 0;
|
|
196
|
+
this.state = STATE_BEFORE;
|
|
197
|
+
}
|
|
198
|
+
else if (this._progress === 0) {
|
|
199
|
+
this.state = STATE_START;
|
|
200
|
+
}
|
|
201
|
+
// now calculate the position
|
|
202
|
+
this.position = this._progress % 1;
|
|
203
|
+
// calc if we are in a reversed iteration or not
|
|
204
|
+
// and we are we should invert the position
|
|
205
|
+
if (this.reversed != this._shouldInvert())
|
|
206
|
+
this.position = 1 - this.position;
|
|
207
|
+
this.position = this.ease(this.position);
|
|
208
|
+
}
|
|
209
|
+
}
|
|
210
|
+
export function newTiming(props) {
|
|
211
|
+
const nProps = {
|
|
212
|
+
duration: parseDuration(takeProp(props, 'duration', 1000)),
|
|
213
|
+
ease: parseEase(takeProp(props, 'ease', null)),
|
|
214
|
+
repeat: parseRepeat(takeProp(props, 'repeat', false)),
|
|
215
|
+
alternate: parseAlternate(takeProp(props, 'alternate', true)),
|
|
216
|
+
};
|
|
217
|
+
// this._delay = parseDelay(takeProp(props, 'delay', 0));
|
|
218
|
+
return new Timing(nProps);
|
|
219
|
+
}
|
|
220
|
+
export function parseDuration(dur) {
|
|
221
|
+
if (typeof dur !== 'number')
|
|
222
|
+
throw new Error('duration is not a number');
|
|
223
|
+
dur = Math.round(dur);
|
|
224
|
+
return Math.max(dur, 0);
|
|
225
|
+
}
|
|
226
|
+
export function parseEase(ease) {
|
|
227
|
+
if (ease !== null && typeof ease !== 'function')
|
|
228
|
+
throw new Error('ease needs to be null or a function');
|
|
229
|
+
return ease;
|
|
230
|
+
}
|
|
231
|
+
export function parseRepeat(repeat) {
|
|
232
|
+
if (repeat !== true &&
|
|
233
|
+
repeat !== false &&
|
|
234
|
+
(typeof repeat !== 'number' || repeat < 0))
|
|
235
|
+
throw new Error('repeat needs to be true|false|0+');
|
|
236
|
+
if (repeat === true)
|
|
237
|
+
repeat = -1;
|
|
238
|
+
else if (repeat === false)
|
|
239
|
+
repeat = 0;
|
|
240
|
+
return repeat;
|
|
241
|
+
}
|
|
242
|
+
export function parseDelay(delay) {
|
|
243
|
+
if (typeof delay !== 'number' || delay < 0)
|
|
244
|
+
throw new Error('delay needs to be 0+');
|
|
245
|
+
return delay;
|
|
246
|
+
}
|
|
247
|
+
export function parseAlternate(alternate) {
|
|
248
|
+
if (alternate !== true && alternate !== false)
|
|
249
|
+
throw new Error('alternate needs to be true|false');
|
|
250
|
+
return alternate;
|
|
251
|
+
}
|
|
252
|
+
export function parseReversed(reversed) {
|
|
253
|
+
if (reversed !== true && reversed !== false)
|
|
254
|
+
throw new Error('reversed needs to be true|false');
|
|
255
|
+
return reversed;
|
|
256
|
+
}
|
|
257
|
+
//# sourceMappingURL=Timing.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Timing.js","sourceRoot":"","sources":["../../src/timing/Timing.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,158 @@
|
|
|
1
|
+
import bezierEasing from 'bezier-easing';
|
|
2
|
+
/**
|
|
3
|
+
* @param {number} t
|
|
4
|
+
* @returns {number}
|
|
5
|
+
*/
|
|
6
|
+
export declare function linear(t: number): number;
|
|
7
|
+
/**
|
|
8
|
+
* @param {number} t
|
|
9
|
+
* @returns {number}
|
|
10
|
+
*/
|
|
11
|
+
export declare function backInOut(t: number): number;
|
|
12
|
+
/**
|
|
13
|
+
* @param {number} t
|
|
14
|
+
* @returns {number}
|
|
15
|
+
*/
|
|
16
|
+
export declare function backIn(t: number): number;
|
|
17
|
+
/**
|
|
18
|
+
* @param {number} t
|
|
19
|
+
* @returns {number}
|
|
20
|
+
*/
|
|
21
|
+
export declare function backOut(t: number): number;
|
|
22
|
+
/**
|
|
23
|
+
* @param {number} t
|
|
24
|
+
* @returns {number}
|
|
25
|
+
*/
|
|
26
|
+
export declare function bounceOut(t: number): number;
|
|
27
|
+
/**
|
|
28
|
+
* @param {number} t
|
|
29
|
+
* @returns {number}
|
|
30
|
+
*/
|
|
31
|
+
export declare function bounceInOut(t: number): number;
|
|
32
|
+
/**
|
|
33
|
+
* @param {number} t
|
|
34
|
+
* @returns {number}
|
|
35
|
+
*/
|
|
36
|
+
export declare function bounceIn(t: number): number;
|
|
37
|
+
/**
|
|
38
|
+
* @param {number} t
|
|
39
|
+
* @returns {number}
|
|
40
|
+
*/
|
|
41
|
+
export declare function circInOut(t: number): number;
|
|
42
|
+
/**
|
|
43
|
+
* @param {number} t
|
|
44
|
+
* @returns {number}
|
|
45
|
+
*/
|
|
46
|
+
export declare function circIn(t: number): number;
|
|
47
|
+
/**
|
|
48
|
+
* @param {number} t
|
|
49
|
+
* @returns {number}
|
|
50
|
+
*/
|
|
51
|
+
export declare function circOut(t: number): number;
|
|
52
|
+
/**
|
|
53
|
+
* @param {number} t
|
|
54
|
+
* @returns {number}
|
|
55
|
+
*/
|
|
56
|
+
export declare function cubicInOut(t: number): number;
|
|
57
|
+
/**
|
|
58
|
+
* @param {number} t
|
|
59
|
+
* @returns {number}
|
|
60
|
+
*/
|
|
61
|
+
export declare function cubicIn(t: number): number;
|
|
62
|
+
/**
|
|
63
|
+
* @param {number} t
|
|
64
|
+
* @returns {number}
|
|
65
|
+
*/
|
|
66
|
+
export declare function cubicOut(t: number): number;
|
|
67
|
+
/**
|
|
68
|
+
* @param {number} t
|
|
69
|
+
* @returns {number}
|
|
70
|
+
*/
|
|
71
|
+
export declare function elasticInOut(t: number): number;
|
|
72
|
+
/**
|
|
73
|
+
* @param {number} t
|
|
74
|
+
* @returns {number}
|
|
75
|
+
*/
|
|
76
|
+
export declare function elasticIn(t: number): number;
|
|
77
|
+
/**
|
|
78
|
+
* @param {number} t
|
|
79
|
+
* @returns {number}
|
|
80
|
+
*/
|
|
81
|
+
export declare function elasticOut(t: number): number;
|
|
82
|
+
/**
|
|
83
|
+
* @param {number} t
|
|
84
|
+
* @returns {number}
|
|
85
|
+
*/
|
|
86
|
+
export declare function expoInOut(t: number): number;
|
|
87
|
+
/**
|
|
88
|
+
* @param {number} t
|
|
89
|
+
* @returns {number}
|
|
90
|
+
*/
|
|
91
|
+
export declare function expoIn(t: number): number;
|
|
92
|
+
/**
|
|
93
|
+
* @param {number} t
|
|
94
|
+
* @returns {number}
|
|
95
|
+
*/
|
|
96
|
+
export declare function expoOut(t: number): number;
|
|
97
|
+
/**
|
|
98
|
+
* @param {number} t
|
|
99
|
+
* @returns {number}
|
|
100
|
+
*/
|
|
101
|
+
export declare function quadInOut(t: number): number;
|
|
102
|
+
/**
|
|
103
|
+
* @param {number} t
|
|
104
|
+
* @returns {number}
|
|
105
|
+
*/
|
|
106
|
+
export declare function quadIn(t: number): number;
|
|
107
|
+
/**
|
|
108
|
+
* @param {number} t
|
|
109
|
+
* @returns {number}
|
|
110
|
+
*/
|
|
111
|
+
export declare function quadOut(t: number): number;
|
|
112
|
+
/**
|
|
113
|
+
* @param {number} t
|
|
114
|
+
* @returns {number}
|
|
115
|
+
*/
|
|
116
|
+
export declare function quartInOut(t: number): number;
|
|
117
|
+
/**
|
|
118
|
+
* @param {number} t
|
|
119
|
+
* @returns {number}
|
|
120
|
+
*/
|
|
121
|
+
export declare function quartIn(t: number): number;
|
|
122
|
+
/**
|
|
123
|
+
* @param {number} t
|
|
124
|
+
* @returns {number}
|
|
125
|
+
*/
|
|
126
|
+
export declare function quartOut(t: number): number;
|
|
127
|
+
/**
|
|
128
|
+
* @param {number} t
|
|
129
|
+
* @returns {number}
|
|
130
|
+
*/
|
|
131
|
+
export declare function quintInOut(t: number): number;
|
|
132
|
+
/**
|
|
133
|
+
* @param {number} t
|
|
134
|
+
* @returns {number}
|
|
135
|
+
*/
|
|
136
|
+
export declare function quintIn(t: number): number;
|
|
137
|
+
/**
|
|
138
|
+
* @param {number} t
|
|
139
|
+
* @returns {number}
|
|
140
|
+
*/
|
|
141
|
+
export declare function quintOut(t: number): number;
|
|
142
|
+
/**
|
|
143
|
+
* @param {number} t
|
|
144
|
+
* @returns {number}
|
|
145
|
+
*/
|
|
146
|
+
export declare function sineInOut(t: number): number;
|
|
147
|
+
/**
|
|
148
|
+
* @param {number} t
|
|
149
|
+
* @returns {number}
|
|
150
|
+
*/
|
|
151
|
+
export declare function sineIn(t: number): number;
|
|
152
|
+
/**
|
|
153
|
+
* @param {number} t
|
|
154
|
+
* @returns {number}
|
|
155
|
+
*/
|
|
156
|
+
export declare function sineOut(t: number): number;
|
|
157
|
+
export declare function cubicBezier(x1: number, y1: number, x2: number, y2: number): bezierEasing.EasingFunction;
|
|
158
|
+
//# sourceMappingURL=easing.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"easing.d.ts","sourceRoot":"","sources":["../../src/timing/easing.ts"],"names":[],"mappings":"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"}
|