chnobli 0.1.6 → 0.1.8
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/.editorconfig +11 -0
- package/.github/workflows/ci.yaml +1 -1
- package/dist/animation/Animation.d.ts +4 -4
- package/dist/animation/Animation.d.ts.map +1 -1
- package/dist/animation/Animation.js +2 -2
- package/dist/animation/Animation.js.map +1 -1
- package/dist/animation/public.d.ts +4 -1
- package/dist/animation/public.d.ts.map +1 -1
- package/dist/animation/public.js +6 -3
- package/dist/animation/public.js.map +1 -1
- package/dist/chnobli.d.ts +5 -4
- package/dist/chnobli.d.ts.map +1 -1
- package/dist/chnobli.js +4 -4
- package/dist/chnobli.js.map +1 -1
- package/dist/property/BasicProperty.d.ts +3 -3
- package/dist/property/BasicProperty.d.ts.map +1 -1
- package/dist/property/BasicProperty.js +1 -1
- package/dist/property/BasicProperty.js.map +1 -1
- package/dist/property/ClassProperty.d.ts +2 -2
- package/dist/property/ClassProperty.d.ts.map +1 -1
- package/dist/property/Property.d.ts +1 -1
- package/dist/property/Property.d.ts.map +1 -1
- package/dist/property/Property.js +4 -4
- package/dist/property/Property.js.map +1 -1
- package/dist/property/StyleProperty.d.ts +3 -3
- package/dist/property/StyleProperty.d.ts.map +1 -1
- package/dist/property/StyleProperty.js +3 -3
- package/dist/property/StyleProperty.js.map +1 -1
- package/dist/property/TransformProperty.d.ts +4 -4
- package/dist/property/TransformProperty.d.ts.map +1 -1
- package/dist/property/TransformProperty.js +2 -2
- package/dist/property/TransformProperty.js.map +1 -1
- package/dist/property/TransformXYProperty.d.ts +3 -3
- package/dist/property/TransformXYProperty.d.ts.map +1 -1
- package/dist/property/TransformXYProperty.js +1 -1
- package/dist/property/TransformXYProperty.js.map +1 -1
- package/dist/responsive/TestEvent.d.ts +1 -1
- package/dist/responsive/TestEvent.d.ts.map +1 -1
- package/dist/scroll/Scroll.d.ts +1 -1
- package/dist/scroll/Scroll.d.ts.map +1 -1
- package/dist/scroll/Scroll.js +3 -3
- package/dist/scroll/Scroll.js.map +1 -1
- package/dist/scroll/public.d.ts +1 -1
- package/dist/scroll/public.d.ts.map +1 -1
- package/dist/scroll/public.js +1 -1
- package/dist/scroll/public.js.map +1 -1
- package/dist/stagger/stagger.d.ts +6 -0
- package/dist/stagger/stagger.d.ts.map +1 -1
- package/dist/stagger/stagger.js +6 -0
- package/dist/stagger/stagger.js.map +1 -1
- package/dist/target/BaseTarget.old.d.ts +2 -2
- package/dist/target/BaseTarget.old.d.ts.map +1 -1
- package/dist/target/BaseTarget.old.js +1 -1
- package/dist/target/BaseTarget.old.js.map +1 -1
- package/dist/target/DomTarget.d.ts +3 -3
- package/dist/target/DomTarget.d.ts.map +1 -1
- package/dist/target/DomTarget.js +2 -2
- package/dist/target/DomTarget.js.map +1 -1
- package/dist/target/Target.d.ts +2 -2
- package/dist/target/Target.d.ts.map +1 -1
- package/dist/target/Target.js +1 -1
- package/dist/target/Target.js.map +1 -1
- package/dist/timeline/Nested.d.ts +1 -1
- package/dist/timeline/Nested.d.ts.map +1 -1
- package/dist/timeline/Nested.js +3 -3
- package/dist/timeline/Nested.js.map +1 -1
- package/dist/timeline/TimeLine.d.ts +2 -2
- package/dist/timeline/TimeLine.d.ts.map +1 -1
- package/dist/timeline/TimeLine.js +4 -4
- package/dist/timeline/TimeLine.js.map +1 -1
- package/dist/timeline/public.d.ts +18 -3
- package/dist/timeline/public.d.ts.map +1 -1
- package/dist/timeline/public.js +22 -7
- package/dist/timeline/public.js.map +1 -1
- package/dist/timing/AnimationFrameTicker.d.ts +1 -1
- package/dist/timing/AnimationFrameTicker.d.ts.map +1 -1
- package/dist/timing/AnimationFrameTicker.js +2 -2
- package/dist/timing/AnimationFrameTicker.js.map +1 -1
- package/dist/timing/TestTicker.d.ts +2 -2
- package/dist/timing/TestTicker.d.ts.map +1 -1
- package/dist/timing/TestTicker.js +1 -1
- package/dist/timing/TestTicker.js.map +1 -1
- package/dist/timing/Ticker.d.ts +1 -1
- package/dist/timing/Ticker.d.ts.map +1 -1
- package/dist/timing/Timing.js +1 -1
- package/dist/timing/Timing.js.map +1 -1
- package/dist/utils/utils.d.ts +1 -1
- package/dist/utils/utils.d.ts.map +1 -1
- package/dist/utils/utils.js +1 -1
- package/dist/utils/utils.js.map +1 -1
- package/dist/values/ColorValue.js +1 -1
- package/dist/values/ColorValue.js.map +1 -1
- package/dist/values/StyleValue.d.ts +2 -2
- package/dist/values/StyleValue.d.ts.map +1 -1
- package/dist/values/StyleValue.js +2 -2
- package/dist/values/StyleValue.js.map +1 -1
- package/jsr.json +9 -0
- package/package.json +18 -9
- package/src/animation/Animation.ts +9 -5
- package/src/animation/public.ts +9 -6
- package/src/chnobli.ts +13 -8
- package/src/property/BasicProperty.ts +3 -3
- package/src/property/ClassProperty.ts +2 -2
- package/src/property/Property.ts +5 -5
- package/src/property/StyleProperty.ts +5 -5
- package/src/property/TransformProperty.ts +4 -4
- package/src/property/TransformXYProperty.ts +3 -3
- package/src/responsive/TestEvent.ts +1 -1
- package/src/scroll/Scroll.ts +4 -4
- package/src/scroll/public.ts +2 -2
- package/src/stagger/stagger.ts +7 -1
- package/src/target/BaseTarget.old.ts +2 -2
- package/src/target/DomTarget.ts +3 -3
- package/src/target/Target.ts +3 -3
- package/src/tests/properties.test.ts +4 -4
- package/src/tests/timeline.test.ts +3 -3
- package/src/tests/timing.test.ts +1 -1
- package/src/tests/usecases.test.ts +5 -5
- package/src/tests/values.test.ts +4 -4
- package/src/timeline/Nested.ts +7 -7
- package/src/timeline/TimeLine.ts +8 -8
- package/src/timeline/public.ts +35 -16
- package/src/timing/AnimationFrameTicker.ts +3 -3
- package/src/timing/TestTicker.ts +2 -2
- package/src/timing/Ticker.ts +1 -1
- package/src/timing/Timing.ts +1 -1
- package/src/utils/utils.ts +2 -2
- package/src/values/ColorValue.ts +1 -1
- package/src/values/StyleValue.ts +2 -2
- package/tsconfig.build.json +2 -2
- package/tsconfig.json +2 -2
- package/dist/animation/animation.d.ts +0 -36
- package/dist/animation/animation.d.ts.map +0 -1
- package/dist/animation/animation.js +0 -230
- package/dist/animation/animation.js.map +0 -1
- package/dist/responsive/event.d.ts +0 -10
- package/dist/responsive/event.d.ts.map +0 -1
- package/dist/responsive/event.js +0 -39
- package/dist/responsive/event.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ColorValue.js","sourceRoot":"","sources":["../../src/values/ColorValue.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"ColorValue.js","sourceRoot":"","sources":["../../src/values/ColorValue.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StyleValue.d.ts","sourceRoot":"","sources":["../../src/values/StyleValue.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,
|
|
1
|
+
{"version":3,"file":"StyleValue.d.ts","sourceRoot":"","sources":["../../src/values/StyleValue.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,YAAY,CAAC;AAC/B,OAAO,UAAU,MAAM,iBAAiB,CAAC;AAmBzC;;;;;;;;;GASG;AACH,MAAM,CAAC,OAAO,OAAO,UAAU;IAC9B,OAAO,CAAC,KAAK,CAAuC;IACpD,OAAO,CAAC,YAAY,CAAU;IAE9B;;;;;;;;;OASG;gBACS,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,KAAK,EAAE,GAAG,UAAU;IAmCzD,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE;IAkCrD,IAAI,IAAI,IAAI,MAAM,GAAG,QAAQ,GAAG,OAAO,CAEtC;IAED,IAAI,MAAM,IAAI,MAAM,GAAG,KAAK,EAAE,GAAG,UAAU,CAE1C;IAGD,IAAI,MAAM,WAKT;IAED,cAAc,CAAC,MAAM,EAAE,MAAM;IAO7B;;OAEG;IACH,SAAS,IAAI,KAAK;IAQlB,KAAK;IAWL,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAYnC,QAAQ;CAeR"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StyleValue.js","sourceRoot":"","sources":["../../src/values/StyleValue.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,
|
|
1
|
+
{"version":3,"file":"StyleValue.js","sourceRoot":"","sources":["../../src/values/StyleValue.ts"],"names":[],"mappings":"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"}
|
package/jsr.json
ADDED
package/package.json
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "chnobli",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.8",
|
|
4
4
|
"author": "Sören Meier <info@soerenmeier.ch>",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"scripts": {
|
|
7
7
|
"docs": "jsdoc -c jsdoc.conf.json",
|
|
8
8
|
"check": "tsc",
|
|
9
9
|
"lint": "eslint ./src",
|
|
10
|
-
"test": "node --expose-gc ./node_modules/.bin/vitest",
|
|
11
|
-
"test:
|
|
10
|
+
"test": "node --expose-gc ./node_modules/.bin/vitest run",
|
|
11
|
+
"test:watch": "node --expose-gc ./node_modules/.bin/vitest",
|
|
12
12
|
"build": "tsc -p tsconfig.build.json",
|
|
13
13
|
"watch": "tsc -w"
|
|
14
14
|
},
|
|
@@ -18,17 +18,26 @@
|
|
|
18
18
|
},
|
|
19
19
|
"license": "MIT",
|
|
20
20
|
"exports": {
|
|
21
|
-
"./easing":
|
|
22
|
-
|
|
23
|
-
|
|
21
|
+
"./easing": {
|
|
22
|
+
"import": "./dist/timing/easing.js",
|
|
23
|
+
"types": "./dist/timing/easing.d.ts"
|
|
24
|
+
},
|
|
25
|
+
"./utils": {
|
|
26
|
+
"import": "./dist/utils/utils.js",
|
|
27
|
+
"types": "./dist/utils/utils.d.ts"
|
|
28
|
+
},
|
|
29
|
+
".": {
|
|
30
|
+
"import": "./dist/chnobli.js",
|
|
31
|
+
"types": "./dist/chnobli.d.ts"
|
|
32
|
+
}
|
|
24
33
|
},
|
|
25
34
|
"devDependencies": {
|
|
26
35
|
"eslint": "^8.45.0",
|
|
27
36
|
"jsdoc": "^4.0.2",
|
|
28
|
-
"typescript": "^5.1.6",
|
|
29
|
-
"vitest": "^1.1.3",
|
|
30
37
|
"prettier": "^3.2.4",
|
|
31
|
-
"tslib": "^2.6.2"
|
|
38
|
+
"tslib": "^2.6.2",
|
|
39
|
+
"typescript": "^5.1.6",
|
|
40
|
+
"vitest": "^1.1.3"
|
|
32
41
|
},
|
|
33
42
|
"dependencies": {
|
|
34
43
|
"bezier-easing": "^2.1.0",
|
|
@@ -1,8 +1,12 @@
|
|
|
1
|
-
import Timing, {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
import Timing, {
|
|
2
|
+
newTiming,
|
|
3
|
+
STATE_BEFORE,
|
|
4
|
+
STATE_AFTER,
|
|
5
|
+
} from '../timing/Timing.js';
|
|
6
|
+
|
|
7
|
+
import Property, { ParseableValue, newProperty } from '../property/Property.js';
|
|
8
|
+
import Ticker from '../timing/Ticker.js';
|
|
9
|
+
import { Target } from '../target/Target.js';
|
|
6
10
|
|
|
7
11
|
export default class Animation {
|
|
8
12
|
timing: Timing;
|
package/src/animation/public.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { takeProp } from '../utils/internal';
|
|
2
|
-
import Timeline from '../timeline/public';
|
|
3
|
-
import { staggerMap } from '../stagger/stagger';
|
|
1
|
+
import { takeProp } from '../utils/internal.js';
|
|
2
|
+
import Timeline from '../timeline/public.js';
|
|
3
|
+
import { staggerMap } from '../stagger/stagger.js';
|
|
4
4
|
|
|
5
5
|
/**
|
|
6
6
|
* The animation consist of a timeline with just one animation
|
|
@@ -83,7 +83,7 @@ export default class PublicAnimation {
|
|
|
83
83
|
/**
|
|
84
84
|
* Returns wether the timeline is set to reversed
|
|
85
85
|
*/
|
|
86
|
-
isReversed() {
|
|
86
|
+
isReversed(): boolean {
|
|
87
87
|
return this._tl.isReversed();
|
|
88
88
|
}
|
|
89
89
|
|
|
@@ -101,12 +101,15 @@ export default class PublicAnimation {
|
|
|
101
101
|
this._tl.reverse();
|
|
102
102
|
}
|
|
103
103
|
|
|
104
|
-
|
|
104
|
+
/**
|
|
105
|
+
* @returns a function to call to unregister the event
|
|
106
|
+
*/
|
|
107
|
+
on(event: string, fn: (...args: any[]) => void): () => void {
|
|
105
108
|
return this._tl.on(event, fn);
|
|
106
109
|
}
|
|
107
110
|
|
|
108
111
|
// not wroking
|
|
109
|
-
onPromise(event: string) {
|
|
112
|
+
onPromise(event: string): Promise<unknown> {
|
|
110
113
|
return this._tl.onPromise(event);
|
|
111
114
|
}
|
|
112
115
|
|
package/src/chnobli.ts
CHANGED
|
@@ -1,7 +1,9 @@
|
|
|
1
|
-
import Animation from './animation/public';
|
|
2
|
-
import Timeline from './timeline/public';
|
|
3
|
-
import Scroll from './scroll/public';
|
|
4
|
-
import Stagger from './stagger/stagger';
|
|
1
|
+
import Animation from './animation/public.js';
|
|
2
|
+
import Timeline from './timeline/public.js';
|
|
3
|
+
import Scroll from './scroll/public.js';
|
|
4
|
+
import Stagger from './stagger/stagger.js';
|
|
5
|
+
|
|
6
|
+
export type { Animation, Timeline, Stagger, Scroll };
|
|
5
7
|
|
|
6
8
|
// todo maybe add, to, from and fromTo to the animate function
|
|
7
9
|
|
|
@@ -11,19 +13,22 @@ import Stagger from './stagger/stagger';
|
|
|
11
13
|
* ## Properties
|
|
12
14
|
*
|
|
13
15
|
*/
|
|
14
|
-
export function animate(
|
|
16
|
+
export function animate(
|
|
17
|
+
targets: any,
|
|
18
|
+
props: Record<string, any> = {},
|
|
19
|
+
): Animation {
|
|
15
20
|
return new Animation(targets, props);
|
|
16
21
|
}
|
|
17
22
|
|
|
18
|
-
export function timeline(props: Record<string, any> = {}) {
|
|
23
|
+
export function timeline(props: Record<string, any> = {}): Timeline {
|
|
19
24
|
return new Timeline(props);
|
|
20
25
|
}
|
|
21
26
|
|
|
22
|
-
export function stagger(value: any) {
|
|
27
|
+
export function stagger(value: any): Stagger {
|
|
23
28
|
return new Stagger(value);
|
|
24
29
|
}
|
|
25
30
|
|
|
26
|
-
export function scroll(props: Record<string, any> = {}) {
|
|
31
|
+
export function scroll(props: Record<string, any> = {}): Scroll {
|
|
27
32
|
return new Scroll(props);
|
|
28
33
|
}
|
|
29
34
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import Value from '../values/Value';
|
|
2
|
-
import Property, { ParseableValue } from './Property';
|
|
3
|
-
import { Target } from '../target/Target';
|
|
1
|
+
import Value from '../values/Value.js';
|
|
2
|
+
import Property, { ParseableValue } from './Property.js';
|
|
3
|
+
import { Target } from '../target/Target.js';
|
|
4
4
|
|
|
5
5
|
export default class BasicProperty implements Property<Value> {
|
|
6
6
|
/**
|
package/src/property/Property.ts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { Target } from '../target/Target';
|
|
2
|
-
import TransformProperty, { TRANSFORM_PROPS } from './TransformProperty';
|
|
3
|
-
import TransformXYProperty from './TransformXYProperty';
|
|
4
|
-
import StyleProperty, { STYLE_PROPS } from './StyleProperty';
|
|
5
|
-
import ClassProperty from './ClassProperty';
|
|
1
|
+
import { Target } from '../target/Target.js';
|
|
2
|
+
import TransformProperty, { TRANSFORM_PROPS } from './TransformProperty.js';
|
|
3
|
+
import TransformXYProperty from './TransformXYProperty.js';
|
|
4
|
+
import StyleProperty, { STYLE_PROPS } from './StyleProperty.js';
|
|
5
|
+
import ClassProperty from './ClassProperty.js';
|
|
6
6
|
|
|
7
7
|
export type ParseableValue = string | number | (string | number)[];
|
|
8
8
|
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import StyleValue from '../values/StyleValue';
|
|
2
|
-
import Property, { ParseableValue } from './Property';
|
|
3
|
-
import Value from '../values/Value';
|
|
4
|
-
import { Target } from '../target/Target';
|
|
5
|
-
import ColorValue, { RGBA } from '../values/ColorValue';
|
|
1
|
+
import StyleValue from '../values/StyleValue.js';
|
|
2
|
+
import Property, { ParseableValue } from './Property.js';
|
|
3
|
+
import Value from '../values/Value.js';
|
|
4
|
+
import { Target } from '../target/Target.js';
|
|
5
|
+
import ColorValue, { RGBA } from '../values/ColorValue.js';
|
|
6
6
|
|
|
7
7
|
export const STYLE_PROPS: Record<string, string | [number, string | null]> = {
|
|
8
8
|
position: 'static',
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import Value from '../values/Value';
|
|
2
|
-
import BasicProperty from './BasicProperty';
|
|
3
|
-
import { ParseableValue } from './Property';
|
|
4
|
-
import { Target } from '../target/Target';
|
|
1
|
+
import Value from '../values/Value.js';
|
|
2
|
+
import BasicProperty from './BasicProperty.js';
|
|
3
|
+
import { ParseableValue } from './Property.js';
|
|
4
|
+
import { Target } from '../target/Target.js';
|
|
5
5
|
|
|
6
6
|
export const TRANSFORM_PROPS: Record<string, [number, string | null]> = {
|
|
7
7
|
x: [0, 'px'],
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import Value from '../values/Value';
|
|
2
|
-
import Property, { ParseableValue } from './Property';
|
|
3
|
-
import { Target } from '../target/Target';
|
|
1
|
+
import Value from '../values/Value.js';
|
|
2
|
+
import Property, { ParseableValue } from './Property.js';
|
|
3
|
+
import { Target } from '../target/Target.js';
|
|
4
4
|
|
|
5
5
|
export type XYValue = {
|
|
6
6
|
x: Value;
|
package/src/scroll/Scroll.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import PublicTimeline from '../timeline/public';
|
|
2
|
-
import { takeProp } from '../utils/internal';
|
|
3
|
-
import { pageOffset } from '../utils/utils';
|
|
4
|
-
import ScrollEvent from './ScrollEvent';
|
|
1
|
+
import PublicTimeline from '../timeline/public.js';
|
|
2
|
+
import { takeProp } from '../utils/internal.js';
|
|
3
|
+
import { pageOffset } from '../utils/utils.js';
|
|
4
|
+
import ScrollEvent from './ScrollEvent.js';
|
|
5
5
|
|
|
6
6
|
/*
|
|
7
7
|
run animation when in view (start stop resume when different events happen)
|
package/src/scroll/public.ts
CHANGED
package/src/stagger/stagger.ts
CHANGED
|
@@ -27,6 +27,9 @@ export function staggerMap(value: any, fn: (v: any) => any) {
|
|
|
27
27
|
export default class Stagger {
|
|
28
28
|
private fn: (...args: any[]) => any;
|
|
29
29
|
|
|
30
|
+
/**
|
|
31
|
+
* @ignore
|
|
32
|
+
*/
|
|
30
33
|
constructor(value: any) {
|
|
31
34
|
if (typeof value === 'function') {
|
|
32
35
|
this.fn = value;
|
|
@@ -37,9 +40,12 @@ export default class Stagger {
|
|
|
37
40
|
throw new Error('unknown stagger value ' + value);
|
|
38
41
|
}
|
|
39
42
|
|
|
40
|
-
call(...args: any[]) {
|
|
43
|
+
call(...args: any[]): any {
|
|
41
44
|
return this.fn(...args);
|
|
42
45
|
}
|
|
43
46
|
|
|
47
|
+
/**
|
|
48
|
+
* @ignore
|
|
49
|
+
*/
|
|
44
50
|
__isStagger__() {}
|
|
45
51
|
}
|
package/src/target/DomTarget.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import Value from '../values/Value';
|
|
2
|
-
import StyleValue from '../values/StyleValue';
|
|
3
|
-
import { Target } from './Target';
|
|
1
|
+
import Value from '../values/Value.js';
|
|
2
|
+
import StyleValue from '../values/StyleValue.js';
|
|
3
|
+
import { Target } from './Target.js';
|
|
4
4
|
|
|
5
5
|
export type Element = HTMLElement | SVGElement;
|
|
6
6
|
|
package/src/target/Target.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import Value from '../values/Value';
|
|
2
|
-
import DomTarget from './DomTarget';
|
|
3
|
-
import StyleValue from '../values/StyleValue';
|
|
1
|
+
import Value from '../values/Value.js';
|
|
2
|
+
import DomTarget from './DomTarget.js';
|
|
3
|
+
import StyleValue from '../values/StyleValue.js';
|
|
4
4
|
|
|
5
5
|
export function newTarget(target: any): Target {
|
|
6
6
|
if (typeof window === 'undefined') {
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { describe, expect, it } from 'vitest';
|
|
2
|
-
import TestTicker from '../timing/TestTicker';
|
|
3
|
-
import TestResponsiveEvent from '../responsive/TestEvent';
|
|
2
|
+
import TestTicker from '../timing/TestTicker.js';
|
|
3
|
+
import TestResponsiveEvent from '../responsive/TestEvent.js';
|
|
4
4
|
import { animate, timeline } from '../chnobli.js';
|
|
5
|
-
import { responsive, curve } from '../utils/utils';
|
|
6
|
-
import { el } from '../target/TestDomNode';
|
|
5
|
+
import { responsive, curve } from '../utils/utils.js';
|
|
6
|
+
import { el } from '../target/TestDomNode.js';
|
|
7
7
|
import { timeout } from 'fire/utils';
|
|
8
8
|
|
|
9
9
|
describe('properties', () => {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { describe, expect, it } from 'vitest';
|
|
2
|
-
import TestTicker from '../timing/TestTicker';
|
|
3
|
-
import { animate, timeline } from '../chnobli';
|
|
4
|
-
import { el } from '../target/TestDomNode';
|
|
2
|
+
import TestTicker from '../timing/TestTicker.js';
|
|
3
|
+
import { animate, timeline } from '../chnobli.js';
|
|
4
|
+
import { el } from '../target/TestDomNode.js';
|
|
5
5
|
|
|
6
6
|
describe('timeline', () => {
|
|
7
7
|
it('empty timeline', () => {
|
package/src/tests/timing.test.ts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { describe, expect, it } from 'vitest';
|
|
2
|
-
import TestTicker from '../timing/TestTicker';
|
|
3
|
-
import TestResponsiveEvent from '../responsive/TestEvent';
|
|
4
|
-
import { animate, timeline } from '../chnobli';
|
|
5
|
-
import { responsive } from '../utils/utils';
|
|
6
|
-
import { el } from '../target/TestDomNode';
|
|
2
|
+
import TestTicker from '../timing/TestTicker.js';
|
|
3
|
+
import TestResponsiveEvent from '../responsive/TestEvent.js';
|
|
4
|
+
import { animate, timeline } from '../chnobli.js';
|
|
5
|
+
import { responsive } from '../utils/utils.js';
|
|
6
|
+
import { el } from '../target/TestDomNode.js';
|
|
7
7
|
|
|
8
8
|
describe('usecases', () => {
|
|
9
9
|
it('accordion', () => {
|
package/src/tests/values.test.ts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { describe, expect, it } from 'vitest';
|
|
2
|
-
import TestTicker from '../timing/TestTicker';
|
|
3
|
-
import { animate, timeline } from '../chnobli';
|
|
4
|
-
import { responsive, from, fromTo } from '../utils/utils';
|
|
5
|
-
import { el, getRootElement } from '../target/TestDomNode';
|
|
2
|
+
import TestTicker from '../timing/TestTicker.js';
|
|
3
|
+
import { animate, timeline } from '../chnobli.js';
|
|
4
|
+
import { responsive, from, fromTo } from '../utils/utils.js';
|
|
5
|
+
import { el, getRootElement } from '../target/TestDomNode.js';
|
|
6
6
|
|
|
7
7
|
describe('values', () => {
|
|
8
8
|
it('rem unit', () => {
|
package/src/timeline/Nested.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { takeProp } from '../utils/internal';
|
|
2
|
-
import Timeline from './TimeLine';
|
|
3
|
-
import { timelineAdd } from './public';
|
|
1
|
+
import { takeProp } from '../utils/internal.js';
|
|
2
|
+
import Timeline from './TimeLine.js';
|
|
3
|
+
import { timelineAdd } from './public.js';
|
|
4
4
|
|
|
5
5
|
export default class NestedTimeline {
|
|
6
6
|
_defaults: Record<string, any>;
|
|
@@ -19,7 +19,7 @@ export default class NestedTimeline {
|
|
|
19
19
|
* Set's properties
|
|
20
20
|
* offset can be staggered, a number, a label or a string `+=10`
|
|
21
21
|
*/
|
|
22
|
-
set(targets: any, props: Record<string, any>, offset: any = null) {
|
|
22
|
+
set(targets: any, props: Record<string, any>, offset: any = null): this {
|
|
23
23
|
// for the moment let's just add as usual but set the duration to 0
|
|
24
24
|
return this.add(targets, { ...props, duration: 0 }, offset);
|
|
25
25
|
}
|
|
@@ -29,7 +29,7 @@ export default class NestedTimeline {
|
|
|
29
29
|
*
|
|
30
30
|
* offset can be staggered, a number, a label or a string `+=10`
|
|
31
31
|
*/
|
|
32
|
-
add(targets: any, props: Record<string, any>, offset: any = null) {
|
|
32
|
+
add(targets: any, props: Record<string, any>, offset: any = null): this {
|
|
33
33
|
timelineAdd(this, targets, props, offset);
|
|
34
34
|
|
|
35
35
|
return this;
|
|
@@ -40,7 +40,7 @@ export default class NestedTimeline {
|
|
|
40
40
|
*
|
|
41
41
|
* This label can then be used in offsets
|
|
42
42
|
*/
|
|
43
|
-
label(label: string, offset: any = null) {
|
|
43
|
+
label(label: string, offset: any = null): this {
|
|
44
44
|
this._inner.label(label, offset);
|
|
45
45
|
|
|
46
46
|
return this;
|
|
@@ -55,7 +55,7 @@ export default class NestedTimeline {
|
|
|
55
55
|
fn: (tl: NestedTimeline) => void,
|
|
56
56
|
opts: Record<string, any> = {},
|
|
57
57
|
offset: any = null,
|
|
58
|
-
) {
|
|
58
|
+
): this {
|
|
59
59
|
const tl = new NestedTimeline(opts);
|
|
60
60
|
|
|
61
61
|
fn(tl);
|
package/src/timeline/TimeLine.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { takeProp } from '../utils/internal';
|
|
1
|
+
import { takeProp } from '../utils/internal.js';
|
|
2
2
|
import Timing, {
|
|
3
3
|
parseEase,
|
|
4
4
|
parseRepeat,
|
|
@@ -6,10 +6,10 @@ import Timing, {
|
|
|
6
6
|
parseReversed,
|
|
7
7
|
STATE_BEFORE,
|
|
8
8
|
STATE_ENDED,
|
|
9
|
-
} from '../timing/Timing';
|
|
10
|
-
import Ticker from '../timing/Ticker';
|
|
11
|
-
import Animation from '../animation/Animation';
|
|
12
|
-
import AnimationFrameTicker from '../timing/AnimationFrameTicker';
|
|
9
|
+
} from '../timing/Timing.js';
|
|
10
|
+
import Ticker from '../timing/Ticker.js';
|
|
11
|
+
import Animation from '../animation/Animation.js';
|
|
12
|
+
import AnimationFrameTicker from '../timing/AnimationFrameTicker.js';
|
|
13
13
|
|
|
14
14
|
type Entry = {
|
|
15
15
|
type: 'label' | 'animation' | 'timeline';
|
|
@@ -71,7 +71,7 @@ export default class Timeline {
|
|
|
71
71
|
};
|
|
72
72
|
}
|
|
73
73
|
|
|
74
|
-
isFinite() {
|
|
74
|
+
isFinite(): boolean {
|
|
75
75
|
return !this.entries.some(e => {
|
|
76
76
|
return e.type === 'animation' && !e.value.isFinite();
|
|
77
77
|
});
|
|
@@ -84,7 +84,7 @@ export default class Timeline {
|
|
|
84
84
|
props: Record<string, any>,
|
|
85
85
|
offset: any = null,
|
|
86
86
|
relative = 0,
|
|
87
|
-
) {
|
|
87
|
+
): this {
|
|
88
88
|
const animation = new Animation(target, this.ticker, props);
|
|
89
89
|
|
|
90
90
|
if (!animation.isFinite())
|
|
@@ -111,7 +111,7 @@ export default class Timeline {
|
|
|
111
111
|
});
|
|
112
112
|
}
|
|
113
113
|
|
|
114
|
-
label(label: string, offset: any = null) {
|
|
114
|
+
label(label: string, offset: any = null): this {
|
|
115
115
|
this.entries.push({
|
|
116
116
|
type: 'label',
|
|
117
117
|
value: label,
|