chnobli 0.1.10 → 0.1.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE.md +21 -0
- package/dist/animation/Animation.d.ts +2 -1
- package/dist/animation/Animation.d.ts.map +1 -1
- package/dist/animation/Animation.js +5 -3
- package/dist/animation/Animation.js.map +1 -1
- package/dist/animator/Animator.d.ts +30 -0
- package/dist/animator/Animator.d.ts.map +1 -0
- package/dist/animator/Animator.js +97 -0
- package/dist/animator/Animator.js.map +1 -0
- package/dist/animator/index.d.ts +5 -0
- package/dist/animator/index.d.ts.map +1 -0
- package/dist/animator/index.js +53 -0
- package/dist/animator/index.js.map +1 -0
- package/dist/animator/public.d.ts +16 -0
- package/dist/animator/public.d.ts.map +1 -0
- package/dist/animator/public.js +50 -0
- package/dist/animator/public.js.map +1 -0
- package/dist/chnobli.d.ts +3 -3
- package/dist/chnobli.d.ts.map +1 -1
- package/dist/chnobli.js.map +1 -1
- package/dist/property/ClassProperty.js +1 -1
- package/dist/property/ClassProperty.js.map +1 -1
- package/dist/property/TransformXYProperty.d.ts.map +1 -1
- package/dist/scroll/Scroll.d.ts +24 -3
- package/dist/scroll/Scroll.d.ts.map +1 -1
- package/dist/scroll/Scroll.js +157 -43
- package/dist/scroll/Scroll.js.map +1 -1
- package/dist/scroll/ScrollEvent.d.ts.map +1 -1
- package/dist/scroll/ScrollEvent.js +1 -0
- package/dist/scroll/ScrollEvent.js.map +1 -1
- package/dist/scroll/index.d.ts +2 -0
- package/dist/scroll/index.d.ts.map +1 -1
- package/dist/scroll/index.js +1 -0
- package/dist/scroll/index.js.map +1 -1
- package/dist/scroll/public.d.ts +19 -1
- package/dist/scroll/public.d.ts.map +1 -1
- package/dist/scroll/public.js +26 -1
- package/dist/scroll/public.js.map +1 -1
- package/dist/target/DomTarget.js +1 -1
- package/dist/target/DomTarget.js.map +1 -1
- package/dist/target/ObjectTarget.d.ts +11 -10
- package/dist/target/ObjectTarget.d.ts.map +1 -1
- package/dist/target/ObjectTarget.js +20 -13
- package/dist/target/ObjectTarget.js.map +1 -1
- package/dist/target/TestDomNode.d.ts.map +1 -1
- package/dist/timeline/Timeline.d.ts +2 -1
- 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 +11 -4
- package/dist/timeline/public.d.ts.map +1 -1
- package/dist/timeline/public.js +19 -11
- package/dist/timeline/public.js.map +1 -1
- package/dist/timing/AnimationFrameTicker.d.ts.map +1 -1
- package/dist/timing/AnimationFrameTicker.js +5 -1
- package/dist/timing/AnimationFrameTicker.js.map +1 -1
- package/dist/timing/TestTicker.d.ts.map +1 -1
- package/dist/timing/TestTicker.js +5 -1
- package/dist/timing/TestTicker.js.map +1 -1
- package/dist/timing/Ticker.d.ts +4 -2
- package/dist/timing/Ticker.d.ts.map +1 -1
- package/dist/timing/Timing.d.ts +47 -2
- package/dist/timing/Timing.d.ts.map +1 -1
- package/dist/timing/Timing.js +118 -84
- package/dist/timing/Timing.js.map +1 -1
- package/dist/timing/easing.d.ts +1 -2
- package/dist/timing/easing.d.ts.map +1 -1
- package/dist/timing/easing.js.map +1 -1
- package/dist/utils/Events.js +1 -1
- package/dist/utils/Events.js.map +1 -1
- package/dist/utils/motionpath.js +5 -5
- package/dist/utils/motionpath.js.map +1 -1
- package/dist/utils/utils.d.ts.map +1 -1
- package/dist/utils/utils.js +0 -8
- package/dist/utils/utils.js.map +1 -1
- package/dist/values/ColorValue.d.ts.map +1 -1
- package/dist/values/ColorValue.js +1 -0
- package/dist/values/ColorValue.js.map +1 -1
- package/dist/values/StyleValue.d.ts.map +1 -1
- package/dist/values/Value.d.ts.map +1 -1
- package/dist/values/Value.js +1 -1
- package/dist/values/Value.js.map +1 -1
- package/eslint.config.js +23 -0
- package/jsr.json +16 -0
- package/package.json +12 -4
- package/src/animation/Animation.ts +6 -3
- package/src/animator/Animator.ts +130 -0
- package/src/animator/index.ts +56 -0
- package/src/animator/public.ts +66 -0
- package/src/chnobli.ts +3 -2
- package/src/property/ClassProperty.ts +1 -1
- package/src/property/TransformXYProperty.ts +1 -1
- package/src/scroll/Scroll.ts +204 -51
- package/src/scroll/ScrollEvent.ts +1 -0
- package/src/scroll/index.ts +3 -0
- package/src/scroll/public.ts +35 -2
- package/src/target/DomTarget.ts +1 -1
- package/src/target/ObjectTarget.ts +19 -13
- package/src/target/TestDomNode.ts +3 -3
- package/src/tests/properties.test.ts +86 -3
- package/src/tests/scroll.test.ts +36 -0
- package/src/tests/timeline.test.ts +1 -1
- package/src/tests/timing.test.ts +32 -0
- package/src/tests/usecases.test.ts +40 -2
- package/src/tests/values.test.ts +9 -9
- package/src/timeline/Timeline.ts +5 -4
- package/src/timeline/public.ts +34 -12
- package/src/timing/AnimationFrameTicker.ts +6 -1
- package/src/timing/TestTicker.ts +7 -1
- package/src/timing/Ticker.ts +5 -1
- package/src/timing/Timing.ts +133 -97
- package/src/timing/easing.ts +6 -1
- package/src/utils/Events.ts +1 -1
- package/src/utils/motionpath.ts +5 -5
- package/src/utils/utils.ts +13 -16
- package/src/values/ColorValue.ts +5 -4
- package/src/values/StyleValue.ts +4 -4
- package/src/values/Value.ts +8 -8
- package/.eslintrc.cjs +0 -39
- package/src/animator.js +0 -187
package/LICENSE.md
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2024 Sören Meier
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
|
@@ -2,6 +2,7 @@ import Timing from '../timing/Timing.js';
|
|
|
2
2
|
import Property from '../property/Property.js';
|
|
3
3
|
import Ticker from '../timing/Ticker.js';
|
|
4
4
|
import { Target } from '../target/Target.js';
|
|
5
|
+
import { DestroyOptions } from '../timeline/public.js';
|
|
5
6
|
export default class Animation {
|
|
6
7
|
timing: Timing;
|
|
7
8
|
target: Target;
|
|
@@ -18,7 +19,7 @@ export default class Animation {
|
|
|
18
19
|
get duration(): number;
|
|
19
20
|
init(reset?: boolean): void;
|
|
20
21
|
render(): void;
|
|
21
|
-
destroy(): void;
|
|
22
|
+
destroy(opts: DestroyOptions): void;
|
|
22
23
|
}
|
|
23
24
|
declare class PropertyAnimation<V> {
|
|
24
25
|
prop: Property<V>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Animation.d.ts","sourceRoot":"","sources":["../../src/animation/Animation.ts"],"names":[],"mappings":"AAAA,OAAO,MAIN,MAAM,qBAAqB,CAAC;AAE7B,OAAO,QAAyC,MAAM,yBAAyB,CAAC;AAChF,OAAO,MAAM,MAAM,qBAAqB,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"Animation.d.ts","sourceRoot":"","sources":["../../src/animation/Animation.ts"],"names":[],"mappings":"AAAA,OAAO,MAIN,MAAM,qBAAqB,CAAC;AAE7B,OAAO,QAAyC,MAAM,yBAAyB,CAAC;AAChF,OAAO,MAAM,MAAM,qBAAqB,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,MAAM,CAAC,OAAO,OAAO,SAAS;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,iBAAiB,CAAC,GAAG,CAAC,CAAC,CAAC;IAE9C,OAAO,CAAC,OAAO,CAAS;IAExB,OAAO,CAAC,gBAAgB,CAAS;IACjC,OAAO,CAAC,MAAM,CAA2B;IACzC,OAAO,CAAC,YAAY,CAAU;gBAKlB,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,GAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAM;IAiBxE,OAAO,CAAC,MAAM,EAAE,MAAM;IAKtB,MAAM,CAAC,EAAE,EAAE,MAAM;IAKjB,IAAI,CAAC,GAAG,EAAE,MAAM;IAKhB,QAAQ,IAAI,OAAO;IAInB,IAAI,QAAQ,IAAI,MAAM,CAErB;IAED,IAAI,CAAC,KAAK,UAAQ;IASlB,MAAM;IAwBN,OAAO,CAAC,IAAI,EAAE,cAAc;CAS5B;AAOD,cAAM,iBAAiB,CAAC,CAAC;IACxB,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;IAElB,OAAO,CAAC,aAAa,CAAU;IAC/B,OAAO,CAAC,OAAO,CAA2C;IAE1D,OAAO,CAAC,aAAa,CAAM;IAE3B,OAAO,CAAC,OAAO,CAAW;IAC1B,OAAO,CAAC,KAAK,CAAW;gBAEZ,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS;IAoC1D,IAAI,CAAC,MAAM,EAAE,MAAM;IAiDnB,aAAa,CAAC,MAAM,EAAE,MAAM;IAK5B,MAAM,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM;CAQlC"}
|
|
@@ -69,9 +69,11 @@ export default class Animation {
|
|
|
69
69
|
prop.render(pos, this.target);
|
|
70
70
|
}
|
|
71
71
|
}
|
|
72
|
-
destroy() {
|
|
73
|
-
|
|
74
|
-
prop
|
|
72
|
+
destroy(opts) {
|
|
73
|
+
if (!opts.keepValues) {
|
|
74
|
+
for (const prop of this._props) {
|
|
75
|
+
prop.restoreBefore(this.target);
|
|
76
|
+
}
|
|
75
77
|
}
|
|
76
78
|
this._ticker.unregisterTarget(this.target.inner());
|
|
77
79
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Animation.js","sourceRoot":"","sources":["../../src/animation/Animation.ts"],"names":[],"mappings":"AAAA,OAAe,EACd,SAAS,EACT,YAAY,EACZ,WAAW,GACX,MAAM,qBAAqB,CAAC;AAE7B,OAAiB,EAAkB,WAAW,EAAE,MAAM,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"Animation.js","sourceRoot":"","sources":["../../src/animation/Animation.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import Property from '../property/Property.js';
|
|
2
|
+
import { Target } from '../target/Target.js';
|
|
3
|
+
import Ticker from '../timing/Ticker.js';
|
|
4
|
+
import Timing from '../timing/Timing.js';
|
|
5
|
+
export type Settings = {
|
|
6
|
+
duration: number;
|
|
7
|
+
ease?: (t: number) => number;
|
|
8
|
+
};
|
|
9
|
+
export default class Animator {
|
|
10
|
+
setts: Settings;
|
|
11
|
+
target: Target;
|
|
12
|
+
private props;
|
|
13
|
+
private ticker;
|
|
14
|
+
constructor(target: any, ticker: Ticker, setts: Settings);
|
|
15
|
+
private getProp;
|
|
16
|
+
set(props: Record<string, any>): void;
|
|
17
|
+
to(props: Record<string, any>, duration?: number): void;
|
|
18
|
+
_tick(change: number): boolean;
|
|
19
|
+
}
|
|
20
|
+
export declare class PropertyAnimator<V> {
|
|
21
|
+
prop: Property<V>;
|
|
22
|
+
timing: Timing;
|
|
23
|
+
private initialized;
|
|
24
|
+
constructor(prop: string, setts: Settings, target: Target);
|
|
25
|
+
set(target: Target, value: any): void;
|
|
26
|
+
to(target: Target, value: any, duration?: number): void;
|
|
27
|
+
advance(change: number): void;
|
|
28
|
+
render(target: Target): void;
|
|
29
|
+
}
|
|
30
|
+
//# sourceMappingURL=Animator.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Animator.d.ts","sourceRoot":"","sources":["../../src/animator/Animator.ts"],"names":[],"mappings":"AAAA,OAAO,QAAyB,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,MAAM,MAAM,qBAAqB,CAAC;AACzC,OAAO,MAAuB,MAAM,qBAAqB,CAAC;AAE1D,MAAM,MAAM,QAAQ,GAAG;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;CAC7B,CAAC;AAeF,MAAM,CAAC,OAAO,OAAO,QAAQ;IAC5B,KAAK,EAAE,QAAQ,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,KAAK,CAAqC;IAElD,OAAO,CAAC,MAAM,CAAS;gBAEX,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ;IASxD,OAAO,CAAC,OAAO;IASf,GAAG,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;IAS9B,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,QAAQ,CAAC,EAAE,MAAM;IAQhD,KAAK,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO;CAc9B;AAED,qBAAa,gBAAgB,CAAC,CAAC;IAC9B,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IAEf,OAAO,CAAC,WAAW,CAAU;gBAEjB,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM;IAOzD,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG;IAQ9B,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,QAAQ,CAAC,EAAE,MAAM;IAiBhD,OAAO,CAAC,MAAM,EAAE,MAAM;IAKtB,MAAM,CAAC,MAAM,EAAE,MAAM;CAKrB"}
|
|
@@ -0,0 +1,97 @@
|
|
|
1
|
+
import { newProperty } from '../property/Property.js';
|
|
2
|
+
import Timing, { STATE_AFTER } from '../timing/Timing.js';
|
|
3
|
+
/*
|
|
4
|
+
|
|
5
|
+
const opacity = animator(obj, {
|
|
6
|
+
duration: 200,
|
|
7
|
+
ease: sinInOut
|
|
8
|
+
});
|
|
9
|
+
|
|
10
|
+
opacity.set({ opacity: 0 });
|
|
11
|
+
|
|
12
|
+
opacity.to({ opacity: 1 });
|
|
13
|
+
opacity.to({ opacity: 2 }, 1000);
|
|
14
|
+
*/
|
|
15
|
+
export default class Animator {
|
|
16
|
+
setts;
|
|
17
|
+
target;
|
|
18
|
+
props;
|
|
19
|
+
ticker;
|
|
20
|
+
constructor(target, ticker, setts) {
|
|
21
|
+
this.setts = setts;
|
|
22
|
+
this.target = ticker.registerTarget(target);
|
|
23
|
+
this.ticker = ticker;
|
|
24
|
+
this.props = new Map();
|
|
25
|
+
}
|
|
26
|
+
getProp(name) {
|
|
27
|
+
const prop = this.props.get(name);
|
|
28
|
+
if (prop)
|
|
29
|
+
return prop;
|
|
30
|
+
const newProp = new PropertyAnimator(name, this.setts, this.target);
|
|
31
|
+
this.props.set(name, newProp);
|
|
32
|
+
return newProp;
|
|
33
|
+
}
|
|
34
|
+
set(props) {
|
|
35
|
+
for (const prop in props) {
|
|
36
|
+
const propAni = this.getProp(prop);
|
|
37
|
+
console.log('got prop ani', propAni);
|
|
38
|
+
propAni.set(this.target, props[prop]);
|
|
39
|
+
console.log('got prop ani', propAni);
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
to(props, duration) {
|
|
43
|
+
for (const prop in props) {
|
|
44
|
+
const propAni = this.getProp(prop);
|
|
45
|
+
propAni.to(this.target, props[prop], duration);
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
/// returns if the ticker should keep running
|
|
49
|
+
_tick(change) {
|
|
50
|
+
let shouldStop = true;
|
|
51
|
+
for (const prop of this.props.values()) {
|
|
52
|
+
prop.advance(change);
|
|
53
|
+
prop.render(this.target);
|
|
54
|
+
if (prop.timing.state < STATE_AFTER) {
|
|
55
|
+
shouldStop = false;
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
return !shouldStop;
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
export class PropertyAnimator {
|
|
62
|
+
prop;
|
|
63
|
+
timing;
|
|
64
|
+
initialized;
|
|
65
|
+
constructor(prop, setts, target) {
|
|
66
|
+
this.prop = newProperty(prop, target.type());
|
|
67
|
+
this.timing = new Timing(setts);
|
|
68
|
+
this.initialized = false;
|
|
69
|
+
}
|
|
70
|
+
set(target, value) {
|
|
71
|
+
const val = this.prop.parseValue(value);
|
|
72
|
+
this.prop.init(target, val, val);
|
|
73
|
+
this.timing.seek(2);
|
|
74
|
+
}
|
|
75
|
+
to(target, value, duration) {
|
|
76
|
+
const val = this.prop.parseValue(value);
|
|
77
|
+
let current = null;
|
|
78
|
+
if (this.initialized) {
|
|
79
|
+
current = this.prop.interpolate(this.timing.position);
|
|
80
|
+
}
|
|
81
|
+
this.prop.init(target, current, val);
|
|
82
|
+
this.initialized = true;
|
|
83
|
+
this.timing.seek(0);
|
|
84
|
+
if (typeof duration === 'number') {
|
|
85
|
+
this.timing.setDuration(duration);
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
advance(change) {
|
|
89
|
+
this.timing.advance(change);
|
|
90
|
+
}
|
|
91
|
+
// call advance first
|
|
92
|
+
render(target) {
|
|
93
|
+
const pos = this.timing.position;
|
|
94
|
+
this.prop.setValue(target, this.prop.interpolate(pos));
|
|
95
|
+
}
|
|
96
|
+
}
|
|
97
|
+
//# sourceMappingURL=Animator.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Animator.js","sourceRoot":"","sources":["../../src/animator/Animator.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/animator/index.ts"],"names":[],"mappings":"AAgDA,OAAO,QAAQ,EAAE,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEtD,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,CAAC;AAE9B,wBAAgB,QAAQ,CAAC,MAAM,EAAE,GAAG,EAAE,KAAK,CAAC,EAAE,aAAa,GAAG,QAAQ,CAErE"}
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
/*
|
|
2
|
+
|
|
3
|
+
const obj = { opacity: 1 };
|
|
4
|
+
// maybe we could even have stagger?
|
|
5
|
+
const opacity = animator(obj, {
|
|
6
|
+
// initial value
|
|
7
|
+
// might also be able to be set with stagger?
|
|
8
|
+
// for example
|
|
9
|
+
opacity: 1,
|
|
10
|
+
|
|
11
|
+
duration: 200,
|
|
12
|
+
ease: sineInOut
|
|
13
|
+
});
|
|
14
|
+
|
|
15
|
+
// or maybe instead
|
|
16
|
+
|
|
17
|
+
const animator = animator();
|
|
18
|
+
animator.add(obj, {
|
|
19
|
+
opacity: 1,
|
|
20
|
+
duration: 200,
|
|
21
|
+
ease: sineInOut
|
|
22
|
+
});
|
|
23
|
+
|
|
24
|
+
// what is the reason why we would wan't one animator with
|
|
25
|
+
// multiple objects with different timings
|
|
26
|
+
// could we not just use multiple animators
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
opacity.set(obj, { opacity: 0 });
|
|
30
|
+
|
|
31
|
+
let's make the most basic animator first
|
|
32
|
+
|
|
33
|
+
|
|
34
|
+
const opacity = animator(obj, {
|
|
35
|
+
duration: 200,
|
|
36
|
+
ease: sinInOut
|
|
37
|
+
});
|
|
38
|
+
|
|
39
|
+
opacity.set({ opacity: 0 });
|
|
40
|
+
|
|
41
|
+
opacity.to({ opacity: 1 });
|
|
42
|
+
opacity.to({ opacity: 2 }, 1000);
|
|
43
|
+
|
|
44
|
+
|
|
45
|
+
|
|
46
|
+
|
|
47
|
+
*/
|
|
48
|
+
import Animator from './public.js';
|
|
49
|
+
export { Animator };
|
|
50
|
+
export function animator(target, props) {
|
|
51
|
+
return new Animator(target, props);
|
|
52
|
+
}
|
|
53
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/animator/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8CE;AAEF,OAAO,QAA2B,MAAM,aAAa,CAAC;AAEtD,OAAO,EAAE,QAAQ,EAAE,CAAC;AAGpB,MAAM,UAAU,QAAQ,CAAC,MAAW,EAAE,KAAqB;IAC1D,OAAO,IAAI,QAAQ,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;AACpC,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
export type AnimatorProps = {
|
|
2
|
+
duration?: number;
|
|
3
|
+
ease?: (t: number) => number;
|
|
4
|
+
};
|
|
5
|
+
export default class PublicAnimator {
|
|
6
|
+
private ticker;
|
|
7
|
+
private inner;
|
|
8
|
+
private runningTicker;
|
|
9
|
+
private events;
|
|
10
|
+
constructor(target: any, props?: AnimatorProps);
|
|
11
|
+
set(props: Record<string, any>): this;
|
|
12
|
+
to(props: Record<string, any>, duration?: number): this;
|
|
13
|
+
on(ev: string, fn: (...args: any[]) => void): () => void;
|
|
14
|
+
private startTicker;
|
|
15
|
+
}
|
|
16
|
+
//# sourceMappingURL=public.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../src/animator/public.ts"],"names":[],"mappings":"AAUA,MAAM,MAAM,aAAa,GAAG;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;CAC7B,CAAC;AAEF,MAAM,CAAC,OAAO,OAAO,cAAc;IAClC,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,KAAK,CAAW;IACxB,OAAO,CAAC,aAAa,CAAM;IAC3B,OAAO,CAAC,MAAM,CAAS;gBAEX,MAAM,EAAE,GAAG,EAAE,KAAK,GAAE,aAAkB;IASlD,GAAG,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI;IAOrC,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI;IAQvD,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,GAAG,MAAM,IAAI;IAIxD,OAAO,CAAC,WAAW;CAgBnB"}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
/*
|
|
2
|
+
set,
|
|
3
|
+
to,
|
|
4
|
+
*/
|
|
5
|
+
import AnimationFrameTicker from '../timing/AnimationFrameTicker.js';
|
|
6
|
+
import Events from '../utils/Events.js';
|
|
7
|
+
import Animator from './Animator.js';
|
|
8
|
+
export default class PublicAnimator {
|
|
9
|
+
ticker;
|
|
10
|
+
inner;
|
|
11
|
+
runningTicker;
|
|
12
|
+
events;
|
|
13
|
+
constructor(target, props = {}) {
|
|
14
|
+
this.ticker = AnimationFrameTicker.global();
|
|
15
|
+
this.inner = new Animator(target, this.ticker, {
|
|
16
|
+
duration: props.duration ?? 1000,
|
|
17
|
+
ease: props.ease,
|
|
18
|
+
});
|
|
19
|
+
this.events = new Events();
|
|
20
|
+
}
|
|
21
|
+
set(props) {
|
|
22
|
+
this.inner.set(props);
|
|
23
|
+
this.startTicker();
|
|
24
|
+
return this;
|
|
25
|
+
}
|
|
26
|
+
to(props, duration) {
|
|
27
|
+
this.inner.to(props, duration);
|
|
28
|
+
this.startTicker();
|
|
29
|
+
return this;
|
|
30
|
+
}
|
|
31
|
+
// on: update
|
|
32
|
+
on(ev, fn) {
|
|
33
|
+
return this.events.add(ev, fn);
|
|
34
|
+
}
|
|
35
|
+
startTicker() {
|
|
36
|
+
if (this.runningTicker)
|
|
37
|
+
return;
|
|
38
|
+
this.runningTicker = this.ticker.add((change, opts) => {
|
|
39
|
+
const keepRunning = this.inner._tick(change);
|
|
40
|
+
opts.onApplied(() => {
|
|
41
|
+
this.events.trigger('update');
|
|
42
|
+
});
|
|
43
|
+
if (!keepRunning) {
|
|
44
|
+
opts.remove();
|
|
45
|
+
this.runningTicker = null;
|
|
46
|
+
}
|
|
47
|
+
});
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
//# sourceMappingURL=public.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"public.js","sourceRoot":"","sources":["../../src/animator/public.ts"],"names":[],"mappings":"AAAA;;;EAGE;AAEF,OAAO,oBAAoB,MAAM,mCAAmC,CAAC;AAErE,OAAO,MAAM,MAAM,oBAAoB,CAAC;AACxC,OAAO,QAAQ,MAAM,eAAe,CAAC;AAOrC,MAAM,CAAC,OAAO,OAAO,cAAc;IAC1B,MAAM,CAAS;IACf,KAAK,CAAW;IAChB,aAAa,CAAM;IACnB,MAAM,CAAS;IAEvB,YAAY,MAAW,EAAE,QAAuB,EAAE;QACjD,IAAI,CAAC,MAAM,GAAG,oBAAoB,CAAC,MAAM,EAAE,CAAC;QAC5C,IAAI,CAAC,KAAK,GAAG,IAAI,QAAQ,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE;YAC9C,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAAI,IAAI;YAChC,IAAI,EAAE,KAAK,CAAC,IAAI;SAChB,CAAC,CAAC;QACH,IAAI,CAAC,MAAM,GAAG,IAAI,MAAM,EAAE,CAAC;IAC5B,CAAC;IAED,GAAG,CAAC,KAA0B;QAC7B,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QACtB,IAAI,CAAC,WAAW,EAAE,CAAC;QAEnB,OAAO,IAAI,CAAC;IACb,CAAC;IAED,EAAE,CAAC,KAA0B,EAAE,QAAiB;QAC/C,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;QAC/B,IAAI,CAAC,WAAW,EAAE,CAAC;QAEnB,OAAO,IAAI,CAAC;IACb,CAAC;IAED,aAAa;IACb,EAAE,CAAC,EAAU,EAAE,EAA4B;QAC1C,OAAO,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;IAChC,CAAC;IAEO,WAAW;QAClB,IAAI,IAAI,CAAC,aAAa;YAAE,OAAO;QAE/B,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,IAAI,EAAE,EAAE;YACrD,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;YAE7C,IAAI,CAAC,SAAS,CAAC,GAAG,EAAE;gBACnB,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;YAC/B,CAAC,CAAC,CAAC;YAEH,IAAI,CAAC,WAAW,EAAE,CAAC;gBAClB,IAAI,CAAC,MAAM,EAAE,CAAC;gBACd,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;YAC3B,CAAC;QACF,CAAC,CAAC,CAAC;IACJ,CAAC;CACD"}
|
package/dist/chnobli.d.ts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import Animation, { AnimationProps } from './animation/public.js';
|
|
2
|
-
import Timeline from './timeline/public.js';
|
|
2
|
+
import Timeline, { TimelineProps } from './timeline/public.js';
|
|
3
3
|
import Stagger, { type StaggerValue } from './stagger/stagger.js';
|
|
4
4
|
import type { Targets, AnimationTarget } from './target/Target.js';
|
|
5
|
-
export type { Animation, Timeline, Stagger, Targets, AnimationTarget, StaggerValue, AnimationProps, };
|
|
5
|
+
export type { Animation, Timeline, TimelineProps, Stagger, Targets, AnimationTarget, StaggerValue, AnimationProps, };
|
|
6
6
|
/**
|
|
7
7
|
* Creates a simple animation
|
|
8
8
|
*
|
|
@@ -10,6 +10,6 @@ export type { Animation, Timeline, Stagger, Targets, AnimationTarget, StaggerVal
|
|
|
10
10
|
*
|
|
11
11
|
*/
|
|
12
12
|
export declare function animate(targets: Targets, props?: AnimationProps): Animation;
|
|
13
|
-
export declare function timeline(props?:
|
|
13
|
+
export declare function timeline(props?: TimelineProps): Timeline;
|
|
14
14
|
export declare function stagger<O>(value: StaggerValue<O>): Stagger<O>;
|
|
15
15
|
//# sourceMappingURL=chnobli.d.ts.map
|
package/dist/chnobli.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chnobli.d.ts","sourceRoot":"","sources":["../src/chnobli.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,EAAE,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,QAAQ,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"chnobli.d.ts","sourceRoot":"","sources":["../src/chnobli.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,EAAE,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,QAAQ,EAAE,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAC/D,OAAO,OAAO,EAAE,EAAE,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAO,KAAK,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAEnE,YAAY,EACX,SAAS,EACT,QAAQ,EACR,aAAa,EACb,OAAO,EACP,OAAO,EACP,eAAe,EACf,YAAY,EACZ,cAAc,GACd,CAAC;AAIF;;;;;GAKG;AACH,wBAAgB,OAAO,CACtB,OAAO,EAAE,OAAO,EAChB,KAAK,GAAE,cAAmB,GACxB,SAAS,CAEX;AAED,wBAAgB,QAAQ,CAAC,KAAK,GAAE,aAAkB,GAAG,QAAQ,CAE5D;AAED,wBAAgB,OAAO,CAAC,CAAC,EAAE,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAE7D"}
|
package/dist/chnobli.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chnobli.js","sourceRoot":"","sources":["../src/chnobli.ts"],"names":[],"mappings":"AAAA,OAAO,SAA6B,MAAM,uBAAuB,CAAC;AAClE,OAAO,
|
|
1
|
+
{"version":3,"file":"chnobli.js","sourceRoot":"","sources":["../src/chnobli.ts"],"names":[],"mappings":"AAAA,OAAO,SAA6B,MAAM,uBAAuB,CAAC;AAClE,OAAO,QAA2B,MAAM,sBAAsB,CAAC;AAC/D,OAAO,OAA8B,MAAM,sBAAsB,CAAC;AAclE,8DAA8D;AAE9D;;;;;GAKG;AACH,MAAM,UAAU,OAAO,CACtB,OAAgB,EAChB,QAAwB,EAAE;IAE1B,OAAO,IAAI,SAAS,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;AACtC,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,QAAuB,EAAE;IACjD,OAAO,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC;AAC5B,CAAC;AAED,MAAM,UAAU,OAAO,CAAI,KAAsB;IAChD,OAAO,IAAI,OAAO,CAAC,KAAK,CAAC,CAAC;AAC3B,CAAC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsCE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ClassProperty.js","sourceRoot":"","sources":["../../src/property/ClassProperty.ts"],"names":[],"mappings":"AAQA;;;;;;;;;GASG;AACH,MAAM,CAAC,OAAO,OAAO,aAAa;IACjC,IAAI,CAAS;IAEb,IAAI,CAAY;IAChB,EAAE,CAAY;IAEN,SAAS,CAAwB;IACjC,MAAM,CAAwB;IAEtC,YAAY,IAAY;QACvB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IAClB,CAAC;IAED,aAAa;QACZ,OAAO,KAAK,CAAC;IACd,CAAC;IAED,IAAI,CAAC,MAAc,EAAE,IAAqB,EAAE,EAAmB;QAC9D,IAAI,CAAC,IAAI,GAAG,IAAI,IAAI,EAAE,CAAC;QACvB,IAAI,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC;QAEnB,IAAI,CAAC,SAAS,GAAG,IAAI,GAAG,EAAE,CAAC;QAC3B,IAAI,CAAC,MAAM,GAAG,IAAI,GAAG,EAAE,CAAC;QAExB,KAAK,MAAM,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC,IAAI,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC;YAC9C,MAAM,MAAM,GAAG,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;YACpC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC;YAChC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC;QAC9B,CAAC;IACF,CAAC;IAED,UAAU,CAAC,GAAmB;QAC7B,IAAI,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC;YACxB,OAAO,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;gBAClB,IAAI,OAAO,CAAC,KAAK,QAAQ;oBACxB,MAAM,IAAI,KAAK,CAAC,4BAA4B,CAAC,CAAC;gBAE/C,OAAO,CAAC,CAAC;YACV,CAAC,CAAC,CAAC;QACJ,CAAC;QAED,IAAI,OAAO,GAAG,KAAK,QAAQ;YAAE,OAAO,CAAC,GAAG,CAAC,CAAC;QAE1C,MAAM,IAAI,KAAK,CAAC,wCAAwC,CAAC,CAAC;IAC3D,CAAC;IAED,QAAQ,CAAC,OAAe;QACvB,MAAM,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC3B,CAAC;IAED,WAAW,CAAC,GAAW;QACtB;;;;;;;;WAQG;QAEH,
|
|
1
|
+
{"version":3,"file":"ClassProperty.js","sourceRoot":"","sources":["../../src/property/ClassProperty.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TransformXYProperty.d.ts","sourceRoot":"","sources":["../../src/property/TransformXYProperty.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,oBAAoB,CAAC;AACvC,OAAO,
|
|
1
|
+
{"version":3,"file":"TransformXYProperty.d.ts","sourceRoot":"","sources":["../../src/property/TransformXYProperty.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,oBAAoB,CAAC;AACvC,OAAO,QAAQ,MAAM,eAAe,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,MAAM,MAAM,OAAO,GAAG;IACrB,CAAC,EAAE,KAAK,CAAC;IACT,CAAC,EAAE,KAAK,CAAC;CACT,CAAC;AAEF,MAAM,CAAC,OAAO,OAAO,mBAAoB,YAAW,QAAQ,CAAC,OAAO,CAAC;IACpE,IAAI,EAAE,MAAM,CAAC;IAEb,IAAI,EAAG,OAAO,CAAC;IACf,EAAE,EAAG,OAAO,CAAC;gBAED,IAAI,EAAE,MAAM;IAIxB,aAAa,IAAI,OAAO;IAIxB,IAAI,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,GAAG,IAAI,EAAE,EAAE,EAAE,OAAO,GAAG,IAAI;IAe7D,UAAU,CAAC,GAAG,EAAE,GAAG;;;;IAWnB,YAAY;;;;IAOZ,QAAQ,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO;IAYjC,WAAW,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO;IAUjC,QAAQ,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,OAAO;IAKrC,WAAW,CAAC,MAAM,EAAE,MAAM;CAI1B"}
|
package/dist/scroll/Scroll.d.ts
CHANGED
|
@@ -1,15 +1,19 @@
|
|
|
1
1
|
import PublicTimeline from '../timeline/public.js';
|
|
2
|
+
export type DestroyOptions = {
|
|
3
|
+
timelines?: boolean;
|
|
4
|
+
};
|
|
2
5
|
export type ScrollTrigger = {
|
|
3
6
|
target: HTMLElement;
|
|
4
7
|
offset?: OffsetValue;
|
|
5
8
|
view?: OffsetValue;
|
|
6
9
|
} | HTMLElement;
|
|
7
10
|
export type OffsetValue = 'top' | 'center' | 'bottom' | number;
|
|
11
|
+
export type State = 'before' | 'in' | 'after';
|
|
8
12
|
export type ParsedScrollTrigger = {
|
|
9
13
|
target: HTMLElement;
|
|
10
14
|
offset: number;
|
|
11
15
|
view: number;
|
|
12
|
-
position: Position;
|
|
16
|
+
position: Position | undefined;
|
|
13
17
|
};
|
|
14
18
|
export type ScrollOffset = {
|
|
15
19
|
y: number;
|
|
@@ -20,10 +24,17 @@ export type Position = number | string;
|
|
|
20
24
|
export default class ScrollTimeline {
|
|
21
25
|
private _initialized;
|
|
22
26
|
private _globalEvent;
|
|
23
|
-
private
|
|
27
|
+
private _scrollEvent;
|
|
28
|
+
private _responsiveEvent;
|
|
24
29
|
private _triggers;
|
|
30
|
+
private _events;
|
|
31
|
+
private lastEvPos;
|
|
25
32
|
private timelines;
|
|
33
|
+
private state;
|
|
34
|
+
private lastSeek;
|
|
26
35
|
offsets: ScrollOffset[];
|
|
36
|
+
private debugMarkers;
|
|
37
|
+
private debugPrefix?;
|
|
27
38
|
constructor();
|
|
28
39
|
/**
|
|
29
40
|
* Add a trigger to the timeline
|
|
@@ -34,7 +45,17 @@ export default class ScrollTimeline {
|
|
|
34
45
|
*/
|
|
35
46
|
add(trigger: ScrollTrigger, position?: Position): void;
|
|
36
47
|
addTimeline(timeline: PublicTimeline): void;
|
|
37
|
-
|
|
48
|
+
on(event: string, fn: (...args: any[]) => void): () => void;
|
|
49
|
+
init(): boolean;
|
|
50
|
+
private initY;
|
|
51
|
+
update(): void;
|
|
52
|
+
destroy(opts?: DestroyOptions): void;
|
|
53
|
+
debug(prefix?: string): void;
|
|
38
54
|
private _onScroll;
|
|
55
|
+
/**
|
|
56
|
+
* @ignore
|
|
57
|
+
*/
|
|
58
|
+
private _onResponsive;
|
|
59
|
+
private calcPosition;
|
|
39
60
|
}
|
|
40
61
|
//# sourceMappingURL=Scroll.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Scroll.d.ts","sourceRoot":"","sources":["../../src/scroll/Scroll.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Scroll.d.ts","sourceRoot":"","sources":["../../src/scroll/Scroll.ts"],"names":[],"mappings":"AACA,OAAO,cAAc,MAAM,uBAAuB,CAAC;AAKnD,MAAM,MAAM,cAAc,GAAG;IAE5B,SAAS,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAgDF,MAAM,MAAM,aAAa,GACtB;IACA,MAAM,EAAE,WAAW,CAAC;IACpB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,IAAI,CAAC,EAAE,WAAW,CAAC;CAClB,GACD,WAAW,CAAC;AAEf,MAAM,MAAM,WAAW,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE/D,MAAM,MAAM,KAAK,GAAG,QAAQ,GAAG,IAAI,GAAG,OAAO,CAAC;AAE9C,MAAM,MAAM,mBAAmB,GAAG;IACjC,MAAM,EAAE,WAAW,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,QAAQ,GAAG,SAAS,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IAE1B,CAAC,EAAE,MAAM,CAAC;IAEV,IAAI,EAAE,MAAM,CAAC;IAEb,QAAQ,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;AAOvC,MAAM,CAAC,OAAO,OAAO,cAAc;IAClC,OAAO,CAAC,YAAY,CAAU;IAC9B,OAAO,CAAC,YAAY,CAAqB;IACzC,OAAO,CAAC,YAAY,CAAa;IACjC,OAAO,CAAC,gBAAgB,CAAM;IAE9B,OAAO,CAAC,SAAS,CAAwB;IACzC,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,SAAS,CAAmB;IACpC,OAAO,CAAC,KAAK,CAAQ;IACrB,OAAO,CAAC,QAAQ,CAAuB;IACvC,OAAO,EAAE,YAAY,EAAE,CAAC;IAExB,OAAO,CAAC,YAAY,CAAgB;IACpC,OAAO,CAAC,WAAW,CAAC,CAAS;;IAqB7B;;;;;;OAMG;IACH,GAAG,CAAC,OAAO,EAAE,aAAa,EAAE,QAAQ,CAAC,EAAE,QAAQ;IAM/C,WAAW,CAAC,QAAQ,EAAE,cAAc;IAIpC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,GAAG,MAAM,IAAI;IAK3D,IAAI,IAAI,OAAO;IAyDf,OAAO,CAAC,KAAK;IAeb,MAAM;IAWN,OAAO,CAAC,IAAI,GAAE,cAAmB;IAmBjC,KAAK,CAAC,MAAM,CAAC,EAAE,MAAM;IA4BrB,OAAO,CAAC,SAAS;IAwBjB;;OAEG;IACH,OAAO,CAAC,aAAa;IAgBrB,OAAO,CAAC,YAAY;CA6BpB"}
|