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.
Files changed (202) hide show
  1. package/package.json +9 -5
  2. package/src/animation/Animation.ts +2 -2
  3. package/src/animation/public.ts +39 -5
  4. package/src/chnobli.ts +15 -11
  5. package/src/property/Property.ts +2 -0
  6. package/src/property/StyleProperty.ts +2 -2
  7. package/src/scroll/Scroll.ts +172 -88
  8. package/src/scroll/index.ts +8 -0
  9. package/src/scroll/public.ts +23 -12
  10. package/src/stagger/stagger.ts +28 -14
  11. package/src/target/ObjectTarget.ts +124 -0
  12. package/src/target/Target.ts +13 -0
  13. package/src/tests/properties.test.ts +51 -1
  14. package/src/timeline/Nested.ts +1 -1
  15. package/src/timeline/{TimeLine.ts → Timeline.ts} +21 -1
  16. package/src/timeline/public.ts +168 -47
  17. package/src/timing/Timing.ts +37 -3
  18. package/src/utils/internal.ts +6 -3
  19. package/src/utils/utils.ts +16 -7
  20. package/src/values/StyleValue.ts +13 -1
  21. package/tsconfig.json +0 -1
  22. package/.editorconfig +0 -11
  23. package/.github/workflows/ci.yaml +0 -34
  24. package/.prettierignore +0 -4
  25. package/.prettierrc +0 -6
  26. package/.vscode/settings.json +0 -4
  27. package/LICENSE.md +0 -21
  28. package/README.md +0 -5
  29. package/auto-docs/easing.js.html +0 -342
  30. package/auto-docs/fonts/OpenSans-Bold-webfont.eot +0 -0
  31. package/auto-docs/fonts/OpenSans-Bold-webfont.svg +0 -1830
  32. package/auto-docs/fonts/OpenSans-Bold-webfont.woff +0 -0
  33. package/auto-docs/fonts/OpenSans-BoldItalic-webfont.eot +0 -0
  34. package/auto-docs/fonts/OpenSans-BoldItalic-webfont.svg +0 -1830
  35. package/auto-docs/fonts/OpenSans-BoldItalic-webfont.woff +0 -0
  36. package/auto-docs/fonts/OpenSans-Italic-webfont.eot +0 -0
  37. package/auto-docs/fonts/OpenSans-Italic-webfont.svg +0 -1830
  38. package/auto-docs/fonts/OpenSans-Italic-webfont.woff +0 -0
  39. package/auto-docs/fonts/OpenSans-Light-webfont.eot +0 -0
  40. package/auto-docs/fonts/OpenSans-Light-webfont.svg +0 -1831
  41. package/auto-docs/fonts/OpenSans-Light-webfont.woff +0 -0
  42. package/auto-docs/fonts/OpenSans-LightItalic-webfont.eot +0 -0
  43. package/auto-docs/fonts/OpenSans-LightItalic-webfont.svg +0 -1835
  44. package/auto-docs/fonts/OpenSans-LightItalic-webfont.woff +0 -0
  45. package/auto-docs/fonts/OpenSans-Regular-webfont.eot +0 -0
  46. package/auto-docs/fonts/OpenSans-Regular-webfont.svg +0 -1831
  47. package/auto-docs/fonts/OpenSans-Regular-webfont.woff +0 -0
  48. package/auto-docs/global.html +0 -4810
  49. package/auto-docs/index.html +0 -65
  50. package/auto-docs/scripts/linenumber.js +0 -25
  51. package/auto-docs/scripts/prettify/Apache-License-2.0.txt +0 -202
  52. package/auto-docs/scripts/prettify/lang-css.js +0 -2
  53. package/auto-docs/scripts/prettify/prettify.js +0 -28
  54. package/auto-docs/styles/jsdoc-default.css +0 -358
  55. package/auto-docs/styles/prettify-jsdoc.css +0 -111
  56. package/auto-docs/styles/prettify-tomorrow.css +0 -132
  57. package/dist/animation/Animation.d.ts +0 -36
  58. package/dist/animation/Animation.d.ts.map +0 -1
  59. package/dist/animation/Animation.js +0 -230
  60. package/dist/animation/Animation.js.map +0 -1
  61. package/dist/animation/public.d.ts +0 -58
  62. package/dist/animation/public.d.ts.map +0 -1
  63. package/dist/animation/public.js +0 -107
  64. package/dist/animation/public.js.map +0 -1
  65. package/dist/chnobli.d.ts +0 -16
  66. package/dist/chnobli.d.ts.map +0 -1
  67. package/dist/chnobli.js +0 -63
  68. package/dist/chnobli.js.map +0 -1
  69. package/dist/property/BasicProperty.d.ts +0 -38
  70. package/dist/property/BasicProperty.d.ts.map +0 -1
  71. package/dist/property/BasicProperty.js +0 -72
  72. package/dist/property/BasicProperty.js.map +0 -1
  73. package/dist/property/ClassProperty.d.ts +0 -32
  74. package/dist/property/ClassProperty.d.ts.map +0 -1
  75. package/dist/property/ClassProperty.js +0 -108
  76. package/dist/property/ClassProperty.js.map +0 -1
  77. package/dist/property/Property.d.ts +0 -13
  78. package/dist/property/Property.d.ts.map +0 -1
  79. package/dist/property/Property.js +0 -20
  80. package/dist/property/Property.js.map +0 -1
  81. package/dist/property/StyleProperty.d.ts +0 -25
  82. package/dist/property/StyleProperty.d.ts.map +0 -1
  83. package/dist/property/StyleProperty.js +0 -221
  84. package/dist/property/StyleProperty.js.map +0 -1
  85. package/dist/property/TransformProperty.d.ts +0 -15
  86. package/dist/property/TransformProperty.d.ts.map +0 -1
  87. package/dist/property/TransformProperty.js +0 -43
  88. package/dist/property/TransformProperty.js.map +0 -1
  89. package/dist/property/TransformXYProperty.d.ts +0 -28
  90. package/dist/property/TransformXYProperty.d.ts.map +0 -1
  91. package/dist/property/TransformXYProperty.js +0 -65
  92. package/dist/property/TransformXYProperty.js.map +0 -1
  93. package/dist/responsive/ResponsiveEvent.d.ts +0 -17
  94. package/dist/responsive/ResponsiveEvent.d.ts.map +0 -1
  95. package/dist/responsive/ResponsiveEvent.js +0 -45
  96. package/dist/responsive/ResponsiveEvent.js.map +0 -1
  97. package/dist/responsive/TestEvent.d.ts +0 -11
  98. package/dist/responsive/TestEvent.d.ts.map +0 -1
  99. package/dist/responsive/TestEvent.js +0 -26
  100. package/dist/responsive/TestEvent.js.map +0 -1
  101. package/dist/scroll/Scroll.d.ts +0 -27
  102. package/dist/scroll/Scroll.d.ts.map +0 -1
  103. package/dist/scroll/Scroll.js +0 -132
  104. package/dist/scroll/Scroll.js.map +0 -1
  105. package/dist/scroll/ScrollEvent.d.ts +0 -17
  106. package/dist/scroll/ScrollEvent.d.ts.map +0 -1
  107. package/dist/scroll/ScrollEvent.js +0 -39
  108. package/dist/scroll/ScrollEvent.js.map +0 -1
  109. package/dist/scroll/public.d.ts +0 -7
  110. package/dist/scroll/public.d.ts.map +0 -1
  111. package/dist/scroll/public.js +0 -17
  112. package/dist/scroll/public.js.map +0 -1
  113. package/dist/stagger/stagger.d.ts +0 -19
  114. package/dist/stagger/stagger.d.ts.map +0 -1
  115. package/dist/stagger/stagger.js +0 -41
  116. package/dist/stagger/stagger.js.map +0 -1
  117. package/dist/target/BaseTarget.old.d.ts +0 -33
  118. package/dist/target/BaseTarget.old.d.ts.map +0 -1
  119. package/dist/target/BaseTarget.old.js +0 -73
  120. package/dist/target/BaseTarget.old.js.map +0 -1
  121. package/dist/target/DomTarget.d.ts +0 -41
  122. package/dist/target/DomTarget.d.ts.map +0 -1
  123. package/dist/target/DomTarget.js +0 -230
  124. package/dist/target/DomTarget.js.map +0 -1
  125. package/dist/target/Target.d.ts +0 -22
  126. package/dist/target/Target.d.ts.map +0 -1
  127. package/dist/target/Target.js +0 -21
  128. package/dist/target/Target.js.map +0 -1
  129. package/dist/target/TestDomNode.d.ts +0 -14
  130. package/dist/target/TestDomNode.d.ts.map +0 -1
  131. package/dist/target/TestDomNode.js +0 -55
  132. package/dist/target/TestDomNode.js.map +0 -1
  133. package/dist/timeline/Nested.d.ts +0 -30
  134. package/dist/timeline/Nested.d.ts.map +0 -1
  135. package/dist/timeline/Nested.js +0 -51
  136. package/dist/timeline/Nested.js.map +0 -1
  137. package/dist/timeline/TimeLine.d.ts +0 -32
  138. package/dist/timeline/TimeLine.d.ts.map +0 -1
  139. package/dist/timeline/TimeLine.js +0 -288
  140. package/dist/timeline/TimeLine.js.map +0 -1
  141. package/dist/timeline/public.d.ts +0 -135
  142. package/dist/timeline/public.d.ts.map +0 -1
  143. package/dist/timeline/public.js +0 -316
  144. package/dist/timeline/public.js.map +0 -1
  145. package/dist/timing/AnimationFrameTicker.d.ts +0 -32
  146. package/dist/timing/AnimationFrameTicker.d.ts.map +0 -1
  147. package/dist/timing/AnimationFrameTicker.js +0 -134
  148. package/dist/timing/AnimationFrameTicker.js.map +0 -1
  149. package/dist/timing/Ease.d.ts +0 -6
  150. package/dist/timing/Ease.d.ts.map +0 -1
  151. package/dist/timing/Ease.js +0 -15
  152. package/dist/timing/Ease.js.map +0 -1
  153. package/dist/timing/TestTicker.d.ts +0 -19
  154. package/dist/timing/TestTicker.d.ts.map +0 -1
  155. package/dist/timing/TestTicker.js +0 -81
  156. package/dist/timing/TestTicker.js.map +0 -1
  157. package/dist/timing/Ticker.d.ts +0 -14
  158. package/dist/timing/Ticker.d.ts.map +0 -1
  159. package/dist/timing/Ticker.js +0 -2
  160. package/dist/timing/Ticker.js.map +0 -1
  161. package/dist/timing/Timing.d.ts +0 -62
  162. package/dist/timing/Timing.d.ts.map +0 -1
  163. package/dist/timing/Timing.js +0 -257
  164. package/dist/timing/Timing.js.map +0 -1
  165. package/dist/timing/easing.d.ts +0 -158
  166. package/dist/timing/easing.d.ts.map +0 -1
  167. package/dist/timing/easing.js +0 -273
  168. package/dist/timing/easing.js.map +0 -1
  169. package/dist/utils/Events.d.ts +0 -9
  170. package/dist/utils/Events.d.ts.map +0 -1
  171. package/dist/utils/Events.js +0 -35
  172. package/dist/utils/Events.js.map +0 -1
  173. package/dist/utils/internal.d.ts +0 -2
  174. package/dist/utils/internal.d.ts.map +0 -1
  175. package/dist/utils/internal.js +0 -6
  176. package/dist/utils/internal.js.map +0 -1
  177. package/dist/utils/motionpath.d.ts +0 -16
  178. package/dist/utils/motionpath.d.ts.map +0 -1
  179. package/dist/utils/motionpath.js +0 -41
  180. package/dist/utils/motionpath.js.map +0 -1
  181. package/dist/utils/utils.d.ts +0 -43
  182. package/dist/utils/utils.d.ts.map +0 -1
  183. package/dist/utils/utils.js +0 -93
  184. package/dist/utils/utils.js.map +0 -1
  185. package/dist/values/ColorValue.d.ts +0 -12
  186. package/dist/values/ColorValue.d.ts.map +0 -1
  187. package/dist/values/ColorValue.js +0 -133
  188. package/dist/values/ColorValue.js.map +0 -1
  189. package/dist/values/StyleValue.d.ts +0 -40
  190. package/dist/values/StyleValue.d.ts.map +0 -1
  191. package/dist/values/StyleValue.js +0 -149
  192. package/dist/values/StyleValue.js.map +0 -1
  193. package/dist/values/Value.d.ts +0 -13
  194. package/dist/values/Value.d.ts.map +0 -1
  195. package/dist/values/Value.js +0 -38
  196. package/dist/values/Value.js.map +0 -1
  197. package/dist/values/defaultcolors.d.ts +0 -2
  198. package/dist/values/defaultcolors.d.ts.map +0 -1
  199. package/dist/values/defaultcolors.js +0 -149
  200. package/dist/values/defaultcolors.js.map +0 -1
  201. package/docs/INDEX.md +0 -15
  202. 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"}
@@ -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"}
@@ -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":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,WAAW,MAAM,kBAAkB,CAAC;AAsC3C,MAAM,CAAC,OAAO,OAAO,MAAM;IAClB,MAAM,CAAiB;IACvB,IAAI,CAAwB;IAC5B,YAAY,CAAc;IAElC,KAAK,CAAQ;IACb,GAAG,CAAM;IAED,SAAS,CAAmB;IAC5B,QAAQ,CAAa;IACrB,YAAY,CAAU;IAE9B,YAAY,KAAK,GAAG,EAAE;QACrB,qBAAqB;QACrB,IAAI,CAAC,MAAM,GAAG,UAAU,CAAC,QAAQ,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC;QACzD,qBAAqB;QACrB,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC,QAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC;QACnD,IAAI,CAAC,YAAY,GAAG,WAAW,CAAC,MAAM,EAAE,CAAC;QAEzC,IAAI,CAAC,KAAK,GAAG;YACZ,KAAK;YACL,CAAC,EAAE,CAAC;YACJ,aAAa;YACb,IAAI,EAAE,WAAW,CAAC,QAAQ,CAAC,KAAK,EAAE,WAAW,EAAE,KAAK,CAAC,CAAC;SACtD,CAAC;QACF,IAAI,CAAC,GAAG,GAAG;YACV,KAAK;YACL,CAAC,EAAE,CAAC;YACJ,aAAa;YACb,IAAI,EAAE,WAAW,CAAC,QAAQ,CAAC,KAAK,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC;SACvD,CAAC;QAEF,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;QAEpB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;QACrE,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;IAC3B,CAAC;IAED,WAAW,CAAC,QAAwB;QACnC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC/B,CAAC;IAED,IAAI;QACH,MAAM,WAAW,GAAG,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;QACnD,IAAI,CAAC,KAAK,CAAC,CAAC;YACX,WAAW,CAAC,GAAG,GAAG,WAAW,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC;QAE3D,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACf,MAAM,MAAM,GAAG,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YAC5C,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,MAAM,CAAC,GAAG,GAAG,MAAM,CAAC,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC;QAC5D,CAAC;aAAM,CAAC;YACP,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC;QACnE,CAAC;IACF,CAAC;IAED,SAAS,CAAC,EAAE,CAAC,EAAE,MAAM,EAAiC;QACrD,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;YACxB,IAAI,CAAC,IAAI,EAAE,CAAC;YACZ,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;QAC1B,CAAC;QAED,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;QACtD,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC;QAEhD,MAAM,GAAG,GAAG,GAAG,GAAG,KAAK,CAAC;QACxB,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC;QAE9B,KAAK,MAAM,QAAQ,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACvC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAClB,CAAC;IACF,CAAC;CACD;AAED,SAAS,UAAU,CAAC,GAAQ;IAC3B,wCAAwC;IACxC,IAAI,CAAC,GAAG,EAAE,CAAC;QACV,MAAM,IAAI,KAAK,CACd,yDAAyD,CACzD,CAAC;IACH,CAAC;IAED,IAAI,OAAO,GAAG,IAAI,CAAC;IACnB,IAAI,MAAM,GAAG,KAAK,CAAC;IAEnB,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE,CAAC;QAC7B,IAAI,GAAG,YAAY,WAAW;YAAE,OAAO,GAAG,GAAG,CAAC;aACzC,IAAI,QAAQ,IAAI,GAAG,EAAE,CAAC;YAC1B,OAAO,GAAG,GAAG,CAAC,MAAM,CAAC;YACrB,IAAI,OAAO,GAAG,CAAC,MAAM,KAAK,WAAW;gBAAE,MAAM,GAAG,GAAG,CAAC,MAAM,CAAC;QAC5D,CAAC;aAAM,CAAC;YACP,MAAM,IAAI,KAAK,CAAC,gBAAgB,GAAG,GAAG,CAAC,CAAC;QACzC,CAAC;IACF,CAAC;SAAM,CAAC;QACP,MAAM,IAAI,KAAK,CAAC,mBAAmB,CAAC,CAAC;IACtC,CAAC;IAED,OAAO;QACN,MAAM,EAAE,OAAO;QACf,MAAM,EAAE,WAAW,CAAC,MAAM,CAAC;KAC3B,CAAC;AACH,CAAC;AAED,SAAS,QAAQ,CAAC,GAAQ;IACzB,wCAAwC;IACxC,IAAI,CAAC,GAAG;QAAE,OAAO,IAAI,CAAC;IAEtB,IAAI,OAAO,GAAG,IAAI,CAAC;IACnB,IAAI,MAAM,GAAG,KAAK,CAAC;IAEnB,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE,CAAC;QAC7B,IAAI,GAAG,YAAY,WAAW;YAAE,OAAO,GAAG,GAAG,CAAC;aACzC,IAAI,QAAQ,IAAI,GAAG,EAAE,CAAC;YAC1B,OAAO,GAAG,GAAG,CAAC,MAAM,CAAC;YACrB,IAAI,OAAO,GAAG,CAAC,MAAM,KAAK,WAAW;gBAAE,MAAM,GAAG,GAAG,CAAC,MAAM,CAAC;QAC5D,CAAC;aAAM,CAAC;YACP,MAAM,IAAI,KAAK,CAAC,gBAAgB,GAAG,GAAG,CAAC,CAAC;QACzC,CAAC;IACF,CAAC;SAAM,CAAC;QACP,MAAM,IAAI,KAAK,CAAC,mBAAmB,CAAC,CAAC;IACtC,CAAC;IAED,OAAO;QACN,MAAM,EAAE,OAAO;QACf,MAAM,EAAE,WAAW,CAAC,MAAM,CAAC;KAC3B,CAAC;AACH,CAAC;AAED,SAAS,WAAW,CAAC,GAAQ;IAC5B,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE,CAAC;QAC7B,IAAI,GAAG,KAAK,KAAK;YAAE,OAAO,CAAC,CAAC;QAE5B,IAAI,GAAG,KAAK,QAAQ;YAAE,OAAO,GAAG,CAAC;QAEjC,IAAI,GAAG,KAAK,QAAQ;YAAE,OAAO,CAAC,CAAC;QAE/B,MAAM,IAAI,KAAK,CAAC,qBAAqB,GAAG,GAAG,CAAC,CAAC;IAC9C,CAAC;IAED,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE,CAAC;QAC7B,MAAM,IAAI,KAAK,CACd,6DAA6D,CAC7D,CAAC;IACH,CAAC;IAED,OAAO,GAAG,CAAC;AACZ,CAAC"}
@@ -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"}
@@ -1,7 +0,0 @@
1
- import PublicTimeline from '../timeline/public.js';
2
- export default class PublicScroll {
3
- private _inner;
4
- constructor(props?: Record<string, any>);
5
- add(timeline: PublicTimeline): void;
6
- }
7
- //# sourceMappingURL=public.d.ts.map
@@ -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"}
@@ -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"}
@@ -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"}