chnobli 0.1.8 → 0.1.9
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/package.json +9 -5
- package/src/animation/Animation.ts +2 -2
- package/src/animation/public.ts +39 -5
- package/src/chnobli.ts +15 -11
- package/src/property/Property.ts +2 -0
- package/src/property/StyleProperty.ts +2 -2
- package/src/scroll/Scroll.ts +172 -88
- package/src/scroll/index.ts +8 -0
- package/src/scroll/public.ts +23 -12
- package/src/stagger/stagger.ts +28 -14
- package/src/target/ObjectTarget.ts +124 -0
- package/src/target/Target.ts +13 -0
- package/src/tests/properties.test.ts +51 -1
- package/src/timeline/Nested.ts +1 -1
- package/src/timeline/{TimeLine.ts → Timeline.ts} +21 -1
- package/src/timeline/public.ts +168 -47
- package/src/timing/Timing.ts +37 -3
- package/src/utils/internal.ts +6 -3
- package/src/utils/utils.ts +16 -7
- package/src/values/StyleValue.ts +13 -1
- package/tsconfig.json +0 -1
- package/.editorconfig +0 -11
- package/.github/workflows/ci.yaml +0 -34
- package/.prettierignore +0 -4
- package/.prettierrc +0 -6
- package/.vscode/settings.json +0 -4
- package/LICENSE.md +0 -21
- package/README.md +0 -5
- package/auto-docs/easing.js.html +0 -342
- package/auto-docs/fonts/OpenSans-Bold-webfont.eot +0 -0
- package/auto-docs/fonts/OpenSans-Bold-webfont.svg +0 -1830
- 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 +0 -1830
- 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 +0 -1830
- 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 +0 -1831
- 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 +0 -1835
- 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 +0 -1831
- package/auto-docs/fonts/OpenSans-Regular-webfont.woff +0 -0
- package/auto-docs/global.html +0 -4810
- package/auto-docs/index.html +0 -65
- package/auto-docs/scripts/linenumber.js +0 -25
- package/auto-docs/scripts/prettify/Apache-License-2.0.txt +0 -202
- package/auto-docs/scripts/prettify/lang-css.js +0 -2
- package/auto-docs/scripts/prettify/prettify.js +0 -28
- package/auto-docs/styles/jsdoc-default.css +0 -358
- package/auto-docs/styles/prettify-jsdoc.css +0 -111
- package/auto-docs/styles/prettify-tomorrow.css +0 -132
- 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/animation/public.d.ts +0 -58
- package/dist/animation/public.d.ts.map +0 -1
- package/dist/animation/public.js +0 -107
- package/dist/animation/public.js.map +0 -1
- package/dist/chnobli.d.ts +0 -16
- package/dist/chnobli.d.ts.map +0 -1
- package/dist/chnobli.js +0 -63
- package/dist/chnobli.js.map +0 -1
- package/dist/property/BasicProperty.d.ts +0 -38
- package/dist/property/BasicProperty.d.ts.map +0 -1
- package/dist/property/BasicProperty.js +0 -72
- package/dist/property/BasicProperty.js.map +0 -1
- package/dist/property/ClassProperty.d.ts +0 -32
- package/dist/property/ClassProperty.d.ts.map +0 -1
- package/dist/property/ClassProperty.js +0 -108
- package/dist/property/ClassProperty.js.map +0 -1
- package/dist/property/Property.d.ts +0 -13
- package/dist/property/Property.d.ts.map +0 -1
- package/dist/property/Property.js +0 -20
- package/dist/property/Property.js.map +0 -1
- package/dist/property/StyleProperty.d.ts +0 -25
- package/dist/property/StyleProperty.d.ts.map +0 -1
- package/dist/property/StyleProperty.js +0 -221
- package/dist/property/StyleProperty.js.map +0 -1
- package/dist/property/TransformProperty.d.ts +0 -15
- package/dist/property/TransformProperty.d.ts.map +0 -1
- package/dist/property/TransformProperty.js +0 -43
- package/dist/property/TransformProperty.js.map +0 -1
- package/dist/property/TransformXYProperty.d.ts +0 -28
- package/dist/property/TransformXYProperty.d.ts.map +0 -1
- package/dist/property/TransformXYProperty.js +0 -65
- package/dist/property/TransformXYProperty.js.map +0 -1
- package/dist/responsive/ResponsiveEvent.d.ts +0 -17
- package/dist/responsive/ResponsiveEvent.d.ts.map +0 -1
- package/dist/responsive/ResponsiveEvent.js +0 -45
- package/dist/responsive/ResponsiveEvent.js.map +0 -1
- package/dist/responsive/TestEvent.d.ts +0 -11
- package/dist/responsive/TestEvent.d.ts.map +0 -1
- package/dist/responsive/TestEvent.js +0 -26
- package/dist/responsive/TestEvent.js.map +0 -1
- package/dist/scroll/Scroll.d.ts +0 -27
- package/dist/scroll/Scroll.d.ts.map +0 -1
- package/dist/scroll/Scroll.js +0 -132
- package/dist/scroll/Scroll.js.map +0 -1
- package/dist/scroll/ScrollEvent.d.ts +0 -17
- package/dist/scroll/ScrollEvent.d.ts.map +0 -1
- package/dist/scroll/ScrollEvent.js +0 -39
- package/dist/scroll/ScrollEvent.js.map +0 -1
- package/dist/scroll/public.d.ts +0 -7
- package/dist/scroll/public.d.ts.map +0 -1
- package/dist/scroll/public.js +0 -17
- package/dist/scroll/public.js.map +0 -1
- package/dist/stagger/stagger.d.ts +0 -19
- package/dist/stagger/stagger.d.ts.map +0 -1
- package/dist/stagger/stagger.js +0 -41
- package/dist/stagger/stagger.js.map +0 -1
- package/dist/target/BaseTarget.old.d.ts +0 -33
- package/dist/target/BaseTarget.old.d.ts.map +0 -1
- package/dist/target/BaseTarget.old.js +0 -73
- package/dist/target/BaseTarget.old.js.map +0 -1
- package/dist/target/DomTarget.d.ts +0 -41
- package/dist/target/DomTarget.d.ts.map +0 -1
- package/dist/target/DomTarget.js +0 -230
- package/dist/target/DomTarget.js.map +0 -1
- package/dist/target/Target.d.ts +0 -22
- package/dist/target/Target.d.ts.map +0 -1
- package/dist/target/Target.js +0 -21
- package/dist/target/Target.js.map +0 -1
- package/dist/target/TestDomNode.d.ts +0 -14
- package/dist/target/TestDomNode.d.ts.map +0 -1
- package/dist/target/TestDomNode.js +0 -55
- package/dist/target/TestDomNode.js.map +0 -1
- package/dist/timeline/Nested.d.ts +0 -30
- package/dist/timeline/Nested.d.ts.map +0 -1
- package/dist/timeline/Nested.js +0 -51
- package/dist/timeline/Nested.js.map +0 -1
- package/dist/timeline/TimeLine.d.ts +0 -32
- package/dist/timeline/TimeLine.d.ts.map +0 -1
- package/dist/timeline/TimeLine.js +0 -288
- package/dist/timeline/TimeLine.js.map +0 -1
- package/dist/timeline/public.d.ts +0 -135
- package/dist/timeline/public.d.ts.map +0 -1
- package/dist/timeline/public.js +0 -316
- package/dist/timeline/public.js.map +0 -1
- package/dist/timing/AnimationFrameTicker.d.ts +0 -32
- package/dist/timing/AnimationFrameTicker.d.ts.map +0 -1
- package/dist/timing/AnimationFrameTicker.js +0 -134
- package/dist/timing/AnimationFrameTicker.js.map +0 -1
- package/dist/timing/Ease.d.ts +0 -6
- package/dist/timing/Ease.d.ts.map +0 -1
- package/dist/timing/Ease.js +0 -15
- package/dist/timing/Ease.js.map +0 -1
- package/dist/timing/TestTicker.d.ts +0 -19
- package/dist/timing/TestTicker.d.ts.map +0 -1
- package/dist/timing/TestTicker.js +0 -81
- package/dist/timing/TestTicker.js.map +0 -1
- package/dist/timing/Ticker.d.ts +0 -14
- package/dist/timing/Ticker.d.ts.map +0 -1
- package/dist/timing/Ticker.js +0 -2
- package/dist/timing/Ticker.js.map +0 -1
- package/dist/timing/Timing.d.ts +0 -62
- package/dist/timing/Timing.d.ts.map +0 -1
- package/dist/timing/Timing.js +0 -257
- package/dist/timing/Timing.js.map +0 -1
- package/dist/timing/easing.d.ts +0 -158
- package/dist/timing/easing.d.ts.map +0 -1
- package/dist/timing/easing.js +0 -273
- package/dist/timing/easing.js.map +0 -1
- package/dist/utils/Events.d.ts +0 -9
- package/dist/utils/Events.d.ts.map +0 -1
- package/dist/utils/Events.js +0 -35
- package/dist/utils/Events.js.map +0 -1
- package/dist/utils/internal.d.ts +0 -2
- package/dist/utils/internal.d.ts.map +0 -1
- package/dist/utils/internal.js +0 -6
- package/dist/utils/internal.js.map +0 -1
- package/dist/utils/motionpath.d.ts +0 -16
- package/dist/utils/motionpath.d.ts.map +0 -1
- package/dist/utils/motionpath.js +0 -41
- package/dist/utils/motionpath.js.map +0 -1
- package/dist/utils/utils.d.ts +0 -43
- package/dist/utils/utils.d.ts.map +0 -1
- package/dist/utils/utils.js +0 -93
- package/dist/utils/utils.js.map +0 -1
- package/dist/values/ColorValue.d.ts +0 -12
- package/dist/values/ColorValue.d.ts.map +0 -1
- package/dist/values/ColorValue.js +0 -133
- package/dist/values/ColorValue.js.map +0 -1
- package/dist/values/StyleValue.d.ts +0 -40
- package/dist/values/StyleValue.d.ts.map +0 -1
- package/dist/values/StyleValue.js +0 -149
- package/dist/values/StyleValue.js.map +0 -1
- package/dist/values/Value.d.ts +0 -13
- package/dist/values/Value.d.ts.map +0 -1
- package/dist/values/Value.js +0 -38
- package/dist/values/Value.js.map +0 -1
- package/dist/values/defaultcolors.d.ts +0 -2
- package/dist/values/defaultcolors.d.ts.map +0 -1
- package/dist/values/defaultcolors.js +0 -149
- package/dist/values/defaultcolors.js.map +0 -1
- package/docs/INDEX.md +0 -15
- package/jsr.json +0 -9
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
export default class ResponsiveEvent {
|
|
2
|
-
_listeners;
|
|
3
|
-
constructor() {
|
|
4
|
-
this._listeners = new Set();
|
|
5
|
-
window.addEventListener('resize', e => this._onResize(e));
|
|
6
|
-
}
|
|
7
|
-
static global() {
|
|
8
|
-
// allow to define a test ticker
|
|
9
|
-
// @ts-ignore
|
|
10
|
-
if (typeof globalThis !== 'undefined' && globalThis.chnobliResponsive)
|
|
11
|
-
// @ts-ignore
|
|
12
|
-
return globalThis.chnobliResponsive;
|
|
13
|
-
if (typeof window === 'undefined')
|
|
14
|
-
return null;
|
|
15
|
-
// @ts-ignore
|
|
16
|
-
if (typeof window.chnobliResponsive === 'undefined')
|
|
17
|
-
// @ts-ignore
|
|
18
|
-
window.chnobliResponsive = new ResponsiveEvent();
|
|
19
|
-
// @ts-ignore
|
|
20
|
-
return window.chnobliResponsive;
|
|
21
|
-
}
|
|
22
|
-
// fn({ width, height }, { remove() })
|
|
23
|
-
add(fn) {
|
|
24
|
-
this._listeners.add(fn);
|
|
25
|
-
return {
|
|
26
|
-
remove: () => {
|
|
27
|
-
this.remove(fn);
|
|
28
|
-
},
|
|
29
|
-
};
|
|
30
|
-
}
|
|
31
|
-
remove(fn) {
|
|
32
|
-
this._listeners.delete(fn);
|
|
33
|
-
}
|
|
34
|
-
_onResize(_e) {
|
|
35
|
-
for (const fn of this._listeners) {
|
|
36
|
-
fn({
|
|
37
|
-
width: window.innerWidth,
|
|
38
|
-
height: window.innerHeight,
|
|
39
|
-
}, {
|
|
40
|
-
remove: () => this.remove(fn),
|
|
41
|
-
});
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
//# sourceMappingURL=ResponsiveEvent.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ResponsiveEvent.js","sourceRoot":"","sources":["../../src/responsive/ResponsiveEvent.ts"],"names":[],"mappings":"AAKA,MAAM,CAAC,OAAO,OAAO,eAAe;IAC3B,UAAU,CAAgB;IAElC;QACC,IAAI,CAAC,UAAU,GAAG,IAAI,GAAG,EAAE,CAAC;QAE5B,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;IAC3D,CAAC;IAED,MAAM,CAAC,MAAM;QACZ,gCAAgC;QAChC,aAAa;QACb,IAAI,OAAO,UAAU,KAAK,WAAW,IAAI,UAAU,CAAC,iBAAiB;YACpE,aAAa;YACb,OAAO,UAAU,CAAC,iBAAiB,CAAC;QAErC,IAAI,OAAO,MAAM,KAAK,WAAW;YAAE,OAAO,IAAI,CAAC;QAE/C,aAAa;QACb,IAAI,OAAO,MAAM,CAAC,iBAAiB,KAAK,WAAW;YAClD,aAAa;YACb,MAAM,CAAC,iBAAiB,GAAG,IAAI,eAAe,EAAE,CAAC;QAClD,aAAa;QACb,OAAO,MAAM,CAAC,iBAAiB,CAAC;IACjC,CAAC;IAED,sCAAsC;IACtC,GAAG,CAAC,EAAY;QACf,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;QAExB,OAAO;YACN,MAAM,EAAE,GAAG,EAAE;gBACZ,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;YACjB,CAAC;SACD,CAAC;IACH,CAAC;IAED,MAAM,CAAC,EAAY;QAClB,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;IAC5B,CAAC;IAED,SAAS,CAAC,EAAS;QAClB,KAAK,MAAM,EAAE,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YAClC,EAAE,CACD;gBACC,KAAK,EAAE,MAAM,CAAC,UAAU;gBACxB,MAAM,EAAE,MAAM,CAAC,WAAW;aAC1B,EACD;gBACC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC;aAC7B,CACD,CAAC;QACH,CAAC;IACF,CAAC;CACD"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { Callback } from './ResponsiveEvent.js';
|
|
2
|
-
export default class TestResponsiveEvent {
|
|
3
|
-
private _listeners;
|
|
4
|
-
constructor();
|
|
5
|
-
add(fn: Callback): {
|
|
6
|
-
remove: () => void;
|
|
7
|
-
};
|
|
8
|
-
remove(fn: Callback): void;
|
|
9
|
-
resize(width: number, height: number): void;
|
|
10
|
-
}
|
|
11
|
-
//# sourceMappingURL=TestEvent.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TestEvent.d.ts","sourceRoot":"","sources":["../../src/responsive/TestEvent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,MAAM,CAAC,OAAO,OAAO,mBAAmB;IACvC,OAAO,CAAC,UAAU,CAAgB;;IAUlC,GAAG,CAAC,EAAE,EAAE,QAAQ;;;IAUhB,MAAM,CAAC,EAAE,EAAE,QAAQ;IAInB,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM;CAKpC"}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
export default class TestResponsiveEvent {
|
|
2
|
-
_listeners;
|
|
3
|
-
constructor() {
|
|
4
|
-
this._listeners = new Set();
|
|
5
|
-
// @ts-ignore
|
|
6
|
-
globalThis.chnobliResponsive = this;
|
|
7
|
-
}
|
|
8
|
-
// fn({ width, height }, { remove() })
|
|
9
|
-
add(fn) {
|
|
10
|
-
this._listeners.add(fn);
|
|
11
|
-
return {
|
|
12
|
-
remove: () => {
|
|
13
|
-
this.remove(fn);
|
|
14
|
-
},
|
|
15
|
-
};
|
|
16
|
-
}
|
|
17
|
-
remove(fn) {
|
|
18
|
-
this._listeners.delete(fn);
|
|
19
|
-
}
|
|
20
|
-
resize(width, height) {
|
|
21
|
-
for (const fn of this._listeners) {
|
|
22
|
-
fn({ width, height }, { remove: () => this.remove(fn) });
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
//# sourceMappingURL=TestEvent.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TestEvent.js","sourceRoot":"","sources":["../../src/responsive/TestEvent.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,OAAO,OAAO,mBAAmB;IAC/B,UAAU,CAAgB;IAElC;QACC,IAAI,CAAC,UAAU,GAAG,IAAI,GAAG,EAAE,CAAC;QAE5B,aAAa;QACb,UAAU,CAAC,iBAAiB,GAAG,IAAI,CAAC;IACrC,CAAC;IAED,sCAAsC;IACtC,GAAG,CAAC,EAAY;QACf,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;QAExB,OAAO;YACN,MAAM,EAAE,GAAG,EAAE;gBACZ,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;YACjB,CAAC;SACD,CAAC;IACH,CAAC;IAED,MAAM,CAAC,EAAY;QAClB,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;IAC5B,CAAC;IAED,MAAM,CAAC,KAAa,EAAE,MAAc;QACnC,KAAK,MAAM,EAAE,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YAClC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;QAC1D,CAAC;IACF,CAAC;CACD"}
|
package/dist/scroll/Scroll.d.ts
DELETED
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import PublicTimeline from '../timeline/public.js';
|
|
2
|
-
export type Start = {
|
|
3
|
-
y: number;
|
|
4
|
-
view: number;
|
|
5
|
-
};
|
|
6
|
-
export type End = {
|
|
7
|
-
y: number;
|
|
8
|
-
view: number;
|
|
9
|
-
};
|
|
10
|
-
export default class Scroll {
|
|
11
|
-
private _start;
|
|
12
|
-
private _end;
|
|
13
|
-
private _globalEvent;
|
|
14
|
-
start: Start;
|
|
15
|
-
end: End;
|
|
16
|
-
private timelines;
|
|
17
|
-
private _rmEvent;
|
|
18
|
-
private _initialized;
|
|
19
|
-
constructor(props?: {});
|
|
20
|
-
addTimeline(timeline: PublicTimeline): void;
|
|
21
|
-
init(): void;
|
|
22
|
-
_onScroll({ y, height }: {
|
|
23
|
-
y: number;
|
|
24
|
-
height: number;
|
|
25
|
-
}): void;
|
|
26
|
-
}
|
|
27
|
-
//# sourceMappingURL=Scroll.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Scroll.d.ts","sourceRoot":"","sources":["../../src/scroll/Scroll.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,uBAAuB,CAAC;AA+BnD,MAAM,MAAM,KAAK,GAAG;IACnB,CAAC,EAAE,MAAM,CAAC;IACV,IAAI,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,MAAM,MAAM,GAAG,GAAG;IACjB,CAAC,EAAE,MAAM,CAAC;IACV,IAAI,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,MAAM,CAAC,OAAO,OAAO,MAAM;IAC1B,OAAO,CAAC,MAAM,CAAiB;IAC/B,OAAO,CAAC,IAAI,CAAwB;IACpC,OAAO,CAAC,YAAY,CAAc;IAElC,KAAK,EAAE,KAAK,CAAC;IACb,GAAG,EAAE,GAAG,CAAC;IAET,OAAO,CAAC,SAAS,CAAmB;IACpC,OAAO,CAAC,QAAQ,CAAa;IAC7B,OAAO,CAAC,YAAY,CAAU;gBAElB,KAAK,KAAK;IA0BtB,WAAW,CAAC,QAAQ,EAAE,cAAc;IAIpC,IAAI;IAaJ,SAAS,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE;CAgBtD"}
|
package/dist/scroll/Scroll.js
DELETED
|
@@ -1,132 +0,0 @@
|
|
|
1
|
-
import { takeProp } from '../utils/internal.js';
|
|
2
|
-
import { pageOffset } from '../utils/utils.js';
|
|
3
|
-
import ScrollEvent from './ScrollEvent.js';
|
|
4
|
-
export default class Scroll {
|
|
5
|
-
_start;
|
|
6
|
-
_end;
|
|
7
|
-
_globalEvent;
|
|
8
|
-
start;
|
|
9
|
-
end;
|
|
10
|
-
timelines;
|
|
11
|
-
_rmEvent;
|
|
12
|
-
_initialized;
|
|
13
|
-
constructor(props = {}) {
|
|
14
|
-
// { target, offset }
|
|
15
|
-
this._start = parseStart(takeProp(props, 'start', null));
|
|
16
|
-
// { target, offset }
|
|
17
|
-
this._end = parseEnd(takeProp(props, 'end', null));
|
|
18
|
-
this._globalEvent = ScrollEvent.global();
|
|
19
|
-
this.start = {
|
|
20
|
-
// px
|
|
21
|
-
y: 0,
|
|
22
|
-
// percentage
|
|
23
|
-
view: parseOffset(takeProp(props, 'startView', 'top')),
|
|
24
|
-
};
|
|
25
|
-
this.end = {
|
|
26
|
-
// px
|
|
27
|
-
y: 0,
|
|
28
|
-
// percentage
|
|
29
|
-
view: parseOffset(takeProp(props, 'endView', 'bottom')),
|
|
30
|
-
};
|
|
31
|
-
this.timelines = [];
|
|
32
|
-
this._rmEvent = this._globalEvent.add(y => this._onScroll(y)).remove;
|
|
33
|
-
this._initialized = false;
|
|
34
|
-
}
|
|
35
|
-
addTimeline(timeline) {
|
|
36
|
-
this.timelines.push(timeline);
|
|
37
|
-
}
|
|
38
|
-
init() {
|
|
39
|
-
const startOffset = pageOffset(this._start.target);
|
|
40
|
-
this.start.y =
|
|
41
|
-
startOffset.top + startOffset.height * this._start.offset;
|
|
42
|
-
if (this._end) {
|
|
43
|
-
const offset = pageOffset(this._end.target);
|
|
44
|
-
this.end.y = offset.top + offset.height * this._end.offset;
|
|
45
|
-
}
|
|
46
|
-
else {
|
|
47
|
-
this.end.y = this.start.y + pageOffset(this._start.target).height;
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
_onScroll({ y, height }) {
|
|
51
|
-
if (!this._initialized) {
|
|
52
|
-
this.init();
|
|
53
|
-
this._initialized = true;
|
|
54
|
-
}
|
|
55
|
-
const start = this.start.y + height * this.start.view;
|
|
56
|
-
const end = this.end.y + height * this.end.view;
|
|
57
|
-
const dif = end - start;
|
|
58
|
-
const x = 1 - (end - y) / dif;
|
|
59
|
-
for (const timeline of this.timelines) {
|
|
60
|
-
timeline.seek(x);
|
|
61
|
-
}
|
|
62
|
-
}
|
|
63
|
-
}
|
|
64
|
-
function parseStart(val) {
|
|
65
|
-
// might be an object { target, offset }
|
|
66
|
-
if (!val) {
|
|
67
|
-
throw new Error('unknown start property use an html element or an object');
|
|
68
|
-
}
|
|
69
|
-
let element = null;
|
|
70
|
-
let offset = 'top';
|
|
71
|
-
if (typeof val === 'object') {
|
|
72
|
-
if (val instanceof HTMLElement)
|
|
73
|
-
element = val;
|
|
74
|
-
else if ('target' in val) {
|
|
75
|
-
element = val.target;
|
|
76
|
-
if (typeof val.offset !== 'undefined')
|
|
77
|
-
offset = val.offset;
|
|
78
|
-
}
|
|
79
|
-
else {
|
|
80
|
-
throw new Error('start unknown ' + val);
|
|
81
|
-
}
|
|
82
|
-
}
|
|
83
|
-
else {
|
|
84
|
-
throw new Error('unknown start val');
|
|
85
|
-
}
|
|
86
|
-
return {
|
|
87
|
-
target: element,
|
|
88
|
-
offset: parseOffset(offset),
|
|
89
|
-
};
|
|
90
|
-
}
|
|
91
|
-
function parseEnd(val) {
|
|
92
|
-
// might be an object { target, offset }
|
|
93
|
-
if (!val)
|
|
94
|
-
return null;
|
|
95
|
-
let element = null;
|
|
96
|
-
let offset = 'top';
|
|
97
|
-
if (typeof val === 'object') {
|
|
98
|
-
if (val instanceof HTMLElement)
|
|
99
|
-
element = val;
|
|
100
|
-
else if ('target' in val) {
|
|
101
|
-
element = val.target;
|
|
102
|
-
if (typeof val.offset !== 'undefined')
|
|
103
|
-
offset = val.offset;
|
|
104
|
-
}
|
|
105
|
-
else {
|
|
106
|
-
throw new Error('start unknown ' + val);
|
|
107
|
-
}
|
|
108
|
-
}
|
|
109
|
-
else {
|
|
110
|
-
throw new Error('unknown start val');
|
|
111
|
-
}
|
|
112
|
-
return {
|
|
113
|
-
target: element,
|
|
114
|
-
offset: parseOffset(offset),
|
|
115
|
-
};
|
|
116
|
-
}
|
|
117
|
-
function parseOffset(val) {
|
|
118
|
-
if (typeof val === 'string') {
|
|
119
|
-
if (val === 'top')
|
|
120
|
-
return 0;
|
|
121
|
-
if (val === 'center')
|
|
122
|
-
return 0.5;
|
|
123
|
-
if (val === 'bottom')
|
|
124
|
-
return 1;
|
|
125
|
-
throw new Error('unknown view value ' + val);
|
|
126
|
-
}
|
|
127
|
-
if (typeof val !== 'number') {
|
|
128
|
-
throw new Error('view expecting to be a top/center/bottom or a percent value');
|
|
129
|
-
}
|
|
130
|
-
return val;
|
|
131
|
-
}
|
|
132
|
-
//# sourceMappingURL=Scroll.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Scroll.js","sourceRoot":"","sources":["../../src/scroll/Scroll.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
export type Callback = (a: {
|
|
2
|
-
y: number;
|
|
3
|
-
height: number;
|
|
4
|
-
}, opts: {
|
|
5
|
-
remove: () => void;
|
|
6
|
-
}) => void;
|
|
7
|
-
export default class ScrollEvent {
|
|
8
|
-
_listeners: Set<Callback>;
|
|
9
|
-
constructor();
|
|
10
|
-
static global(): any;
|
|
11
|
-
add(fn: Callback): {
|
|
12
|
-
remove: () => void;
|
|
13
|
-
};
|
|
14
|
-
remove(fn: Callback): void;
|
|
15
|
-
private _onScroll;
|
|
16
|
-
}
|
|
17
|
-
//# sourceMappingURL=ScrollEvent.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ScrollEvent.d.ts","sourceRoot":"","sources":["../../src/scroll/ScrollEvent.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,QAAQ,GAAG,CACtB,CAAC,EAAE;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,EAChC,IAAI,EAAE;IAAE,MAAM,EAAE,MAAM,IAAI,CAAA;CAAE,KACxB,IAAI,CAAC;AAEV,MAAM,CAAC,OAAO,OAAO,WAAW;IAC/B,UAAU,EAAE,GAAG,CAAC,QAAQ,CAAC,CAAC;;IAQ1B,MAAM,CAAC,MAAM;IAWb,GAAG,CAAC,EAAE,EAAE,QAAQ;;;IAUhB,MAAM,CAAC,EAAE,EAAE,QAAQ;IAInB,OAAO,CAAC,SAAS;CAajB"}
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
export default class ScrollEvent {
|
|
2
|
-
_listeners;
|
|
3
|
-
constructor() {
|
|
4
|
-
this._listeners = new Set();
|
|
5
|
-
window.addEventListener('scroll', e => this._onScroll(e));
|
|
6
|
-
}
|
|
7
|
-
static global() {
|
|
8
|
-
if (typeof window === 'undefined')
|
|
9
|
-
return null;
|
|
10
|
-
// @ts-ignore
|
|
11
|
-
if (typeof window.chnobliScroll === 'undefined')
|
|
12
|
-
// @ts-ignore
|
|
13
|
-
window.chnobliScroll = new ScrollEvent();
|
|
14
|
-
// @ts-ignore
|
|
15
|
-
return window.chnobliScroll;
|
|
16
|
-
}
|
|
17
|
-
add(fn) {
|
|
18
|
-
this._listeners.add(fn);
|
|
19
|
-
return {
|
|
20
|
-
remove: () => {
|
|
21
|
-
this.remove(fn);
|
|
22
|
-
},
|
|
23
|
-
};
|
|
24
|
-
}
|
|
25
|
-
remove(fn) {
|
|
26
|
-
this._listeners.delete(fn);
|
|
27
|
-
}
|
|
28
|
-
_onScroll(_e) {
|
|
29
|
-
for (const fn of this._listeners) {
|
|
30
|
-
fn({
|
|
31
|
-
y: window.scrollY,
|
|
32
|
-
height: window.innerHeight,
|
|
33
|
-
}, {
|
|
34
|
-
remove: () => this.remove(fn),
|
|
35
|
-
});
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
//# sourceMappingURL=ScrollEvent.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ScrollEvent.js","sourceRoot":"","sources":["../../src/scroll/ScrollEvent.ts"],"names":[],"mappings":"AAKA,MAAM,CAAC,OAAO,OAAO,WAAW;IAC/B,UAAU,CAAgB;IAE1B;QACC,IAAI,CAAC,UAAU,GAAG,IAAI,GAAG,EAAE,CAAC;QAE5B,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;IAC3D,CAAC;IAED,MAAM,CAAC,MAAM;QACZ,IAAI,OAAO,MAAM,KAAK,WAAW;YAAE,OAAO,IAAI,CAAC;QAE/C,aAAa;QACb,IAAI,OAAO,MAAM,CAAC,aAAa,KAAK,WAAW;YAC9C,aAAa;YACb,MAAM,CAAC,aAAa,GAAG,IAAI,WAAW,EAAE,CAAC;QAC1C,aAAa;QACb,OAAO,MAAM,CAAC,aAAa,CAAC;IAC7B,CAAC;IAED,GAAG,CAAC,EAAY;QACf,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;QAExB,OAAO;YACN,MAAM,EAAE,GAAG,EAAE;gBACZ,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;YACjB,CAAC;SACD,CAAC;IACH,CAAC;IAED,MAAM,CAAC,EAAY;QAClB,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;IAC5B,CAAC;IAEO,SAAS,CAAC,EAAS;QAC1B,KAAK,MAAM,EAAE,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YAClC,EAAE,CACD;gBACC,CAAC,EAAE,MAAM,CAAC,OAAO;gBACjB,MAAM,EAAE,MAAM,CAAC,WAAW;aAC1B,EACD;gBACC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC;aAC7B,CACD,CAAC;QACH,CAAC;IACF,CAAC;CACD"}
|
package/dist/scroll/public.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../src/scroll/public.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,uBAAuB,CAAC;AAGnD,MAAM,CAAC,OAAO,OAAO,YAAY;IAChC,OAAO,CAAC,MAAM,CAAS;gBAQX,KAAK,GAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAM;IAI3C,GAAG,CAAC,QAAQ,EAAE,cAAc;CAG5B"}
|
package/dist/scroll/public.js
DELETED
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import Scroll from './Scroll.js';
|
|
2
|
-
export default class PublicScroll {
|
|
3
|
-
_inner;
|
|
4
|
-
/*
|
|
5
|
-
{
|
|
6
|
-
start: el | px
|
|
7
|
-
startView: 'top'
|
|
8
|
-
}
|
|
9
|
-
*/
|
|
10
|
-
constructor(props = {}) {
|
|
11
|
-
this._inner = new Scroll(props);
|
|
12
|
-
}
|
|
13
|
-
add(timeline) {
|
|
14
|
-
this._inner.addTimeline(timeline);
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
//# sourceMappingURL=public.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"public.js","sourceRoot":"","sources":["../../src/scroll/public.ts"],"names":[],"mappings":"AACA,OAAO,MAAM,MAAM,aAAa,CAAC;AAEjC,MAAM,CAAC,OAAO,OAAO,YAAY;IACxB,MAAM,CAAS;IAEvB;;;;;MAKE;IACF,YAAY,QAA6B,EAAE;QAC1C,IAAI,CAAC,MAAM,GAAG,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC;IACjC,CAAC;IAED,GAAG,CAAC,QAAwB;QAC3B,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;IACnC,CAAC;CACD"}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Staggering allows to have a different value for every target
|
|
3
|
-
* allowing to easely offset each target by a few pixels
|
|
4
|
-
*/
|
|
5
|
-
export declare function callStagger(value: any, i: number, l?: any): any;
|
|
6
|
-
export declare function staggerMap(value: any, fn: (v: any) => any): any;
|
|
7
|
-
export default class Stagger {
|
|
8
|
-
private fn;
|
|
9
|
-
/**
|
|
10
|
-
* @ignore
|
|
11
|
-
*/
|
|
12
|
-
constructor(value: any);
|
|
13
|
-
call(...args: any[]): any;
|
|
14
|
-
/**
|
|
15
|
-
* @ignore
|
|
16
|
-
*/
|
|
17
|
-
__isStagger__(): void;
|
|
18
|
-
}
|
|
19
|
-
//# sourceMappingURL=stagger.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"stagger.d.ts","sourceRoot":"","sources":["../../src/stagger/stagger.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAUH,wBAAgB,WAAW,CAAC,KAAK,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,GAAE,GAAU,OAI/D;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,GAAG,OAKzD;AAED,MAAM,CAAC,OAAO,OAAO,OAAO;IAC3B,OAAO,CAAC,EAAE,CAA0B;IAEpC;;OAEG;gBACS,KAAK,EAAE,GAAG;IAUtB,IAAI,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,GAAG,GAAG;IAIzB;;OAEG;IACH,aAAa;CACb"}
|
package/dist/stagger/stagger.js
DELETED
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Staggering allows to have a different value for every target
|
|
3
|
-
* allowing to easely offset each target by a few pixels
|
|
4
|
-
*/
|
|
5
|
-
function isStagger(value) {
|
|
6
|
-
return (typeof value === 'object' &&
|
|
7
|
-
value !== null &&
|
|
8
|
-
typeof value.__isStagger__ === 'function');
|
|
9
|
-
}
|
|
10
|
-
export function callStagger(value, i, l = null) {
|
|
11
|
-
if (isStagger(value))
|
|
12
|
-
return value.call(i, l);
|
|
13
|
-
return value;
|
|
14
|
-
}
|
|
15
|
-
export function staggerMap(value, fn) {
|
|
16
|
-
if (isStagger(value))
|
|
17
|
-
return new Stagger((...args) => fn(value.call(...args)));
|
|
18
|
-
return fn(value);
|
|
19
|
-
}
|
|
20
|
-
export default class Stagger {
|
|
21
|
-
fn;
|
|
22
|
-
/**
|
|
23
|
-
* @ignore
|
|
24
|
-
*/
|
|
25
|
-
constructor(value) {
|
|
26
|
-
if (typeof value === 'function') {
|
|
27
|
-
this.fn = value;
|
|
28
|
-
return;
|
|
29
|
-
}
|
|
30
|
-
// if (value === )
|
|
31
|
-
throw new Error('unknown stagger value ' + value);
|
|
32
|
-
}
|
|
33
|
-
call(...args) {
|
|
34
|
-
return this.fn(...args);
|
|
35
|
-
}
|
|
36
|
-
/**
|
|
37
|
-
* @ignore
|
|
38
|
-
*/
|
|
39
|
-
__isStagger__() { }
|
|
40
|
-
}
|
|
41
|
-
//# sourceMappingURL=stagger.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"stagger.js","sourceRoot":"","sources":["../../src/stagger/stagger.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,SAAS,SAAS,CAAC,KAAU;IAC5B,OAAO,CACN,OAAO,KAAK,KAAK,QAAQ;QACzB,KAAK,KAAK,IAAI;QACd,OAAO,KAAK,CAAC,aAAa,KAAK,UAAU,CACzC,CAAC;AACH,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,KAAU,EAAE,CAAS,EAAE,IAAS,IAAI;IAC/D,IAAI,SAAS,CAAC,KAAK,CAAC;QAAE,OAAO,KAAK,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAE9C,OAAO,KAAK,CAAC;AACd,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,KAAU,EAAE,EAAmB;IACzD,IAAI,SAAS,CAAC,KAAK,CAAC;QACnB,OAAO,IAAI,OAAO,CAAC,CAAC,GAAG,IAAW,EAAE,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;IAEjE,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;AAClB,CAAC;AAED,MAAM,CAAC,OAAO,OAAO,OAAO;IACnB,EAAE,CAA0B;IAEpC;;OAEG;IACH,YAAY,KAAU;QACrB,IAAI,OAAO,KAAK,KAAK,UAAU,EAAE,CAAC;YACjC,IAAI,CAAC,EAAE,GAAG,KAAK,CAAC;YAChB,OAAO;QACR,CAAC;QAED,kBAAkB;QAClB,MAAM,IAAI,KAAK,CAAC,wBAAwB,GAAG,KAAK,CAAC,CAAC;IACnD,CAAC;IAED,IAAI,CAAC,GAAG,IAAW;QAClB,OAAO,IAAI,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,CAAC;IACzB,CAAC;IAED;;OAEG;IACH,aAAa,KAAI,CAAC;CAClB"}
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import Value from '../values/Value.js';
|
|
2
|
-
import StyleValue from '../values/StyleValue.js';
|
|
3
|
-
export default class BaseTarget<T> {
|
|
4
|
-
target: T;
|
|
5
|
-
constructor(target: T);
|
|
6
|
-
type(): string;
|
|
7
|
-
getValue(name: string): Value | null;
|
|
8
|
-
setValue(name: string, _value: Value): void;
|
|
9
|
-
removeValue(name: string): void;
|
|
10
|
-
getTransformValue(name: string): Value | null;
|
|
11
|
-
setTransformValue(name: string, value: Value): void;
|
|
12
|
-
removeTransformValue(name: string): void;
|
|
13
|
-
/**
|
|
14
|
-
* returns nothing or a style value
|
|
15
|
-
*/
|
|
16
|
-
getStyleValue(name: string): StyleValue | null;
|
|
17
|
-
/**
|
|
18
|
-
* Expects a style value
|
|
19
|
-
*/
|
|
20
|
-
setStyleValue(name: string, value: StyleValue): void;
|
|
21
|
-
removeStyleValue(name: string): void;
|
|
22
|
-
hasClass(name: string): boolean;
|
|
23
|
-
addClass(name: string): void;
|
|
24
|
-
removeClass(name: string): void;
|
|
25
|
-
/**
|
|
26
|
-
* Tries to unify both values so their units match
|
|
27
|
-
*
|
|
28
|
-
* a and b need to be a Value
|
|
29
|
-
*/
|
|
30
|
-
unifyValues(name: string, a: Value, b: Value): [Value, Value];
|
|
31
|
-
apply(): void;
|
|
32
|
-
}
|
|
33
|
-
//# sourceMappingURL=BaseTarget.old.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"BaseTarget.old.d.ts","sourceRoot":"","sources":["../../src/target/BaseTarget.old.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,oBAAoB,CAAC;AACvC,OAAO,UAAU,MAAM,yBAAyB,CAAC;AAEjD,MAAM,CAAC,OAAO,OAAO,UAAU,CAAC,CAAC;IAChC,MAAM,EAAE,CAAC,CAAC;gBAEE,MAAM,EAAE,CAAC;IAOrB,IAAI;IAIJ,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI;IAIpC,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK;IAIpC,WAAW,CAAC,IAAI,EAAE,MAAM;IAIxB,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI;IAI7C,iBAAiB,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK;IAI5C,oBAAoB,CAAC,IAAI,EAAE,MAAM;IAIjC;;OAEG;IACH,aAAa,CAAC,IAAI,EAAE,MAAM,GAAG,UAAU,GAAG,IAAI;IAM9C;;OAEG;IACH,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU;IAI7C,gBAAgB,CAAC,IAAI,EAAE,MAAM;IAI7B,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO;IAI/B,QAAQ,CAAC,IAAI,EAAE,MAAM;IAIrB,WAAW,CAAC,IAAI,EAAE,MAAM;IAIxB;;;;OAIG;IACH,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,GAAG,CAAC,KAAK,EAAE,KAAK,CAAC;IAW7D,KAAK;CACL"}
|
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
import StyleValue from '../values/StyleValue.js';
|
|
2
|
-
export default class BaseTarget {
|
|
3
|
-
target;
|
|
4
|
-
constructor(target) {
|
|
5
|
-
this.target = target;
|
|
6
|
-
// this might be an object, a dom node
|
|
7
|
-
// what about arrays?
|
|
8
|
-
}
|
|
9
|
-
type() {
|
|
10
|
-
return 'unknown';
|
|
11
|
-
}
|
|
12
|
-
getValue(name) {
|
|
13
|
-
throw new Error('cannot get value of ' + name);
|
|
14
|
-
}
|
|
15
|
-
setValue(name, _value) {
|
|
16
|
-
throw new Error('cannot set value of ' + name);
|
|
17
|
-
}
|
|
18
|
-
removeValue(name) {
|
|
19
|
-
throw new Error('cannot remove value of ' + name);
|
|
20
|
-
}
|
|
21
|
-
getTransformValue(name) {
|
|
22
|
-
return this.getValue(name);
|
|
23
|
-
}
|
|
24
|
-
setTransformValue(name, value) {
|
|
25
|
-
return this.setValue(name, value);
|
|
26
|
-
}
|
|
27
|
-
removeTransformValue(name) {
|
|
28
|
-
return this.removeValue(name);
|
|
29
|
-
}
|
|
30
|
-
/**
|
|
31
|
-
* returns nothing or a style value
|
|
32
|
-
*/
|
|
33
|
-
getStyleValue(name) {
|
|
34
|
-
const val = this.getValue(name);
|
|
35
|
-
if (!val)
|
|
36
|
-
return val;
|
|
37
|
-
return new StyleValue([val]);
|
|
38
|
-
}
|
|
39
|
-
/**
|
|
40
|
-
* Expects a style value
|
|
41
|
-
*/
|
|
42
|
-
setStyleValue(name, value) {
|
|
43
|
-
return this.setValue(name, value.intoValue());
|
|
44
|
-
}
|
|
45
|
-
removeStyleValue(name) {
|
|
46
|
-
return this.removeValue(name);
|
|
47
|
-
}
|
|
48
|
-
hasClass(name) {
|
|
49
|
-
throw new Error('cannot know if class exists ' + name);
|
|
50
|
-
}
|
|
51
|
-
addClass(name) {
|
|
52
|
-
throw new Error('cannot add class ' + name);
|
|
53
|
-
}
|
|
54
|
-
removeClass(name) {
|
|
55
|
-
throw new Error('cannot remove class ' + name);
|
|
56
|
-
}
|
|
57
|
-
/**
|
|
58
|
-
* Tries to unify both values so their units match
|
|
59
|
-
*
|
|
60
|
-
* a and b need to be a Value
|
|
61
|
-
*/
|
|
62
|
-
unifyValues(name, a, b) {
|
|
63
|
-
if (!a.unit && b.unit)
|
|
64
|
-
a.unit = b.unit;
|
|
65
|
-
if (!b.unit && a.unit)
|
|
66
|
-
b.unit = a.unit;
|
|
67
|
-
if (a.unit !== b.unit)
|
|
68
|
-
throw new Error(`${name} cannot unify ${a.unit} and ${b.unit}`);
|
|
69
|
-
return [a, b];
|
|
70
|
-
}
|
|
71
|
-
apply() { }
|
|
72
|
-
}
|
|
73
|
-
//# sourceMappingURL=BaseTarget.old.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"BaseTarget.old.js","sourceRoot":"","sources":["../../src/target/BaseTarget.old.ts"],"names":[],"mappings":"AACA,OAAO,UAAU,MAAM,yBAAyB,CAAC;AAEjD,MAAM,CAAC,OAAO,OAAO,UAAU;IAC9B,MAAM,CAAI;IAEV,YAAY,MAAS;QACpB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QAErB,sCAAsC;QACtC,qBAAqB;IACtB,CAAC;IAED,IAAI;QACH,OAAO,SAAS,CAAC;IAClB,CAAC;IAED,QAAQ,CAAC,IAAY;QACpB,MAAM,IAAI,KAAK,CAAC,sBAAsB,GAAG,IAAI,CAAC,CAAC;IAChD,CAAC;IAED,QAAQ,CAAC,IAAY,EAAE,MAAa;QACnC,MAAM,IAAI,KAAK,CAAC,sBAAsB,GAAG,IAAI,CAAC,CAAC;IAChD,CAAC;IAED,WAAW,CAAC,IAAY;QACvB,MAAM,IAAI,KAAK,CAAC,yBAAyB,GAAG,IAAI,CAAC,CAAC;IACnD,CAAC;IAED,iBAAiB,CAAC,IAAY;QAC7B,OAAO,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC5B,CAAC;IAED,iBAAiB,CAAC,IAAY,EAAE,KAAY;QAC3C,OAAO,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IACnC,CAAC;IAED,oBAAoB,CAAC,IAAY;QAChC,OAAO,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IAC/B,CAAC;IAED;;OAEG;IACH,aAAa,CAAC,IAAY;QACzB,MAAM,GAAG,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QAChC,IAAI,CAAC,GAAG;YAAE,OAAO,GAAG,CAAC;QACrB,OAAO,IAAI,UAAU,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;IAC9B,CAAC;IAED;;OAEG;IACH,aAAa,CAAC,IAAY,EAAE,KAAiB;QAC5C,OAAO,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC;IAC/C,CAAC;IAED,gBAAgB,CAAC,IAAY;QAC5B,OAAO,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IAC/B,CAAC;IAED,QAAQ,CAAC,IAAY;QACpB,MAAM,IAAI,KAAK,CAAC,8BAA8B,GAAG,IAAI,CAAC,CAAC;IACxD,CAAC;IAED,QAAQ,CAAC,IAAY;QACpB,MAAM,IAAI,KAAK,CAAC,mBAAmB,GAAG,IAAI,CAAC,CAAC;IAC7C,CAAC;IAED,WAAW,CAAC,IAAY;QACvB,MAAM,IAAI,KAAK,CAAC,sBAAsB,GAAG,IAAI,CAAC,CAAC;IAChD,CAAC;IAED;;;;OAIG;IACH,WAAW,CAAC,IAAY,EAAE,CAAQ,EAAE,CAAQ;QAC3C,IAAI,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI;YAAE,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,IAAI,CAAC;QAEvC,IAAI,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI;YAAE,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,IAAI,CAAC;QAEvC,IAAI,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI;YACpB,MAAM,IAAI,KAAK,CAAC,GAAG,IAAI,iBAAiB,CAAC,CAAC,IAAI,QAAQ,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;QAEjE,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACf,CAAC;IAED,KAAK,KAAI,CAAC;CACV"}
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
import Value from '../values/Value.js';
|
|
2
|
-
import StyleValue from '../values/StyleValue.js';
|
|
3
|
-
import { Target } from './Target.js';
|
|
4
|
-
export type Element = HTMLElement | SVGElement;
|
|
5
|
-
export type ExternalFunctions = {
|
|
6
|
-
getComputedStyle: (el: Element) => CSSStyleDeclaration;
|
|
7
|
-
getRootElement: () => Element;
|
|
8
|
-
};
|
|
9
|
-
export default class DomTarget implements Target {
|
|
10
|
-
private target;
|
|
11
|
-
private _extFns;
|
|
12
|
-
private transformValues;
|
|
13
|
-
private styleValues;
|
|
14
|
-
private values;
|
|
15
|
-
/**
|
|
16
|
-
* target a dom node or svg
|
|
17
|
-
*
|
|
18
|
-
* extFns: {getComputedStyle, getRootElement}
|
|
19
|
-
*/
|
|
20
|
-
constructor(target: Element, extFns: ExternalFunctions);
|
|
21
|
-
inner(): Element;
|
|
22
|
-
type(): string;
|
|
23
|
-
getValue(name: string): Value | null;
|
|
24
|
-
setValue(name: string, value: Value): void;
|
|
25
|
-
removeValue(name: string): void;
|
|
26
|
-
getTransformValue(name: string): Value | null;
|
|
27
|
-
setTransformValue(name: string, value: Value): void;
|
|
28
|
-
removeTransformValue(name: string): void;
|
|
29
|
-
getStyleValue(name: string): StyleValue | null;
|
|
30
|
-
setStyleValue(name: string, value: StyleValue): void;
|
|
31
|
-
removeStyleValue(name: string): void;
|
|
32
|
-
hasClass(name: string): boolean;
|
|
33
|
-
addClass(name: string): void;
|
|
34
|
-
removeClass(name: string): void;
|
|
35
|
-
private _getRem;
|
|
36
|
-
private _convertToPx;
|
|
37
|
-
private _convertFromPx;
|
|
38
|
-
unifyValues(name: string, a: Value, b: Value): [Value, Value];
|
|
39
|
-
apply(): void;
|
|
40
|
-
}
|
|
41
|
-
//# sourceMappingURL=DomTarget.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DomTarget.d.ts","sourceRoot":"","sources":["../../src/target/DomTarget.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,oBAAoB,CAAC;AACvC,OAAO,UAAU,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,MAAM,MAAM,OAAO,GAAG,WAAW,GAAG,UAAU,CAAC;AAE/C,MAAM,MAAM,iBAAiB,GAAG;IAC/B,gBAAgB,EAAE,CAAC,EAAE,EAAE,OAAO,KAAK,mBAAmB,CAAC;IACvD,cAAc,EAAE,MAAM,OAAO,CAAC;CAC9B,CAAC;AAEF,MAAM,CAAC,OAAO,OAAO,SAAU,YAAW,MAAM;IAC/C,OAAO,CAAC,MAAM,CAAU;IAExB,OAAO,CAAC,OAAO,CAAoB;IAEnC,OAAO,CAAC,eAAe,CAAgC;IACvD,OAAO,CAAC,WAAW,CAAsC;IACzD,OAAO,CAAC,MAAM,CAAqB;IAEnC;;;;OAIG;gBACS,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,iBAAiB;IAWtD,KAAK;IAIL,IAAI;IAIJ,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI;IAIpC,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK;IAInC,WAAW,CAAC,IAAI,EAAE,MAAM;IAIxB,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI;IAQ7C,iBAAiB,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK;IAa5C,oBAAoB,CAAC,IAAI,EAAE,MAAM;IAiBjC,aAAa,CAAC,IAAI,EAAE,MAAM,GAAG,UAAU,GAAG,IAAI;IAwB9C,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU;IAI7C,gBAAgB,CAAC,IAAI,EAAE,MAAM;IAI7B,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO;IAI/B,QAAQ,CAAC,IAAI,EAAE,MAAM;IAIrB,WAAW,CAAC,IAAI,EAAE,MAAM;IAIxB,OAAO,CAAC,OAAO;IAUf,OAAO,CAAC,YAAY;IAgBpB,OAAO,CAAC,cAAc;IAuBtB,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,GAAG,CAAC,KAAK,EAAE,KAAK,CAAC;IAa7D,KAAK;CAyCL"}
|