vevet 3.18.0 → 3.19.1
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/lib/cjs/components/AnimationFrame/index.js +26 -26
- package/lib/cjs/components/AnimationFrame/index.js.map +1 -1
- package/lib/cjs/components/SmoothScrollKeyboardPlugin/index.js +23 -14
- package/lib/cjs/components/SmoothScrollKeyboardPlugin/index.js.map +1 -1
- package/lib/cjs/components/SplitText/index.js +7 -0
- package/lib/cjs/components/SplitText/index.js.map +1 -1
- package/lib/cjs/components/Timeline/index.js +13 -13
- package/lib/cjs/components/Timeline/index.js.map +1 -1
- package/lib/cjs/version.js +1 -1
- package/lib/esm/components/AnimationFrame/index.js +26 -26
- package/lib/esm/components/AnimationFrame/index.js.map +1 -1
- package/lib/esm/components/SmoothScrollKeyboardPlugin/index.js +23 -14
- package/lib/esm/components/SmoothScrollKeyboardPlugin/index.js.map +1 -1
- package/lib/esm/components/SplitText/index.js +7 -0
- package/lib/esm/components/SplitText/index.js.map +1 -1
- package/lib/esm/components/Timeline/index.js +13 -13
- package/lib/esm/components/Timeline/index.js.map +1 -1
- package/lib/esm/version.js +1 -1
- package/lib/types/components/AnimationFrame/index.d.ts +5 -5
- package/lib/types/components/AnimationFrame/index.d.ts.map +1 -1
- package/lib/types/components/SmoothScrollKeyboardPlugin/index.d.ts +5 -3
- package/lib/types/components/SmoothScrollKeyboardPlugin/index.d.ts.map +1 -1
- package/lib/types/components/SplitText/index.d.ts.map +1 -1
- package/lib/types/components/SplitText/types.d.ts +1 -0
- package/lib/types/components/SplitText/types.d.ts.map +1 -1
- package/lib/types/components/Timeline/index.d.ts +2 -2
- package/lib/types/components/Timeline/index.d.ts.map +1 -1
- package/lib/types/version.d.ts +1 -1
- package/package.json +1 -1
- package/src/components/AnimationFrame/index.ts +31 -31
- package/src/components/SmoothScrollKeyboardPlugin/index.ts +29 -16
- package/src/components/SmoothScrollKeyboardPlugin/stories/index.tsx +10 -1
- package/src/components/SplitText/index.ts +9 -0
- package/src/components/SplitText/types.ts +1 -0
- package/src/components/Timeline/index.ts +15 -17
- package/src/version.ts +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/SmoothScrollKeyboardPlugin/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAGvC,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAIjD;;GAEG;AACH,MAAM,OAAO,0BAOX,SAAQ,MAKT;IACW,gBAAgB;QACxB,uCACK,KAAK,CAAC,gBAAgB,EAAE,KAC3B,QAAQ,EAAE,EAAE,IACZ;IACJ,CAAC;IAID,2BAA2B;IACjB,KAAK;QACb,KAAK,CAAC,KAAK,EAAE,CAAC;QAEd,IAAI,CAAC,gBAAgB,CAAC,MAAM,EAAE,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE,CACjD,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAC3B,CAAC;IACJ,CAAC;IAED,8CAA8C;IACpC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/SmoothScrollKeyboardPlugin/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -90,6 +90,9 @@ export class SplitText extends ComponentClass {
|
|
|
90
90
|
}
|
|
91
91
|
/** Split the text */
|
|
92
92
|
splitText() {
|
|
93
|
+
// launch callbacks
|
|
94
|
+
this.callbacks.tbt('beforeSplit', undefined);
|
|
95
|
+
// split intro base elements
|
|
93
96
|
this._splitBase();
|
|
94
97
|
// split text into lines
|
|
95
98
|
if (this.props.hasLines) {
|
|
@@ -131,6 +134,10 @@ export class SplitText extends ComponentClass {
|
|
|
131
134
|
var _a;
|
|
132
135
|
const { container, words, lineClassName } = this;
|
|
133
136
|
const { lineTag } = this.props;
|
|
137
|
+
const isHidden = window.getComputedStyle(container).display === 'none';
|
|
138
|
+
if (isHidden) {
|
|
139
|
+
return;
|
|
140
|
+
}
|
|
134
141
|
(_a = this._lineWrapper) === null || _a === void 0 ? void 0 : _a.destroy();
|
|
135
142
|
this._lineWrapper = wrapLines({
|
|
136
143
|
container,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/SplitText/index.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/SplitText/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -9,7 +9,7 @@ export class Timeline extends BaseTimeline {
|
|
|
9
9
|
}
|
|
10
10
|
/** Timeline is playing */
|
|
11
11
|
get isPlaying() {
|
|
12
|
-
return typeof this.
|
|
12
|
+
return typeof this._raf !== 'undefined';
|
|
13
13
|
}
|
|
14
14
|
/** Timeline is reversed */
|
|
15
15
|
get isReversed() {
|
|
@@ -25,8 +25,8 @@ export class Timeline extends BaseTimeline {
|
|
|
25
25
|
constructor(initialProps, canInit = true) {
|
|
26
26
|
super(initialProps, false);
|
|
27
27
|
// set default variables
|
|
28
|
-
this.
|
|
29
|
-
this.
|
|
28
|
+
this._raf = undefined;
|
|
29
|
+
this._rafTime = 0;
|
|
30
30
|
this._isReversed = false;
|
|
31
31
|
this._isPaused = false;
|
|
32
32
|
if (canInit) {
|
|
@@ -41,7 +41,7 @@ export class Timeline extends BaseTimeline {
|
|
|
41
41
|
this._isReversed = false;
|
|
42
42
|
this._isPaused = false;
|
|
43
43
|
if (!this.isPlaying) {
|
|
44
|
-
this.
|
|
44
|
+
this._rafTime = Date.now();
|
|
45
45
|
this._animate();
|
|
46
46
|
}
|
|
47
47
|
}
|
|
@@ -53,7 +53,7 @@ export class Timeline extends BaseTimeline {
|
|
|
53
53
|
this._isReversed = true;
|
|
54
54
|
this._isPaused = false;
|
|
55
55
|
if (!this.isPlaying) {
|
|
56
|
-
this.
|
|
56
|
+
this._rafTime = Date.now();
|
|
57
57
|
this._animate();
|
|
58
58
|
}
|
|
59
59
|
}
|
|
@@ -63,10 +63,10 @@ export class Timeline extends BaseTimeline {
|
|
|
63
63
|
return;
|
|
64
64
|
}
|
|
65
65
|
this._isPaused = true;
|
|
66
|
-
if (this.
|
|
67
|
-
window.cancelAnimationFrame(this.
|
|
66
|
+
if (this._raf) {
|
|
67
|
+
window.cancelAnimationFrame(this._raf);
|
|
68
68
|
}
|
|
69
|
-
this.
|
|
69
|
+
this._raf = undefined;
|
|
70
70
|
}
|
|
71
71
|
/** Reset timeline */
|
|
72
72
|
reset() {
|
|
@@ -83,9 +83,9 @@ export class Timeline extends BaseTimeline {
|
|
|
83
83
|
}
|
|
84
84
|
const { isReversed } = this;
|
|
85
85
|
// calculate difference between frames
|
|
86
|
-
const currentTime =
|
|
87
|
-
const frameDiff = Math.abs(this.
|
|
88
|
-
this.
|
|
86
|
+
const currentTime = Date.now();
|
|
87
|
+
const frameDiff = Math.abs(this._rafTime - currentTime);
|
|
88
|
+
this._rafTime = currentTime;
|
|
89
89
|
// calculate current progress
|
|
90
90
|
const progressIterator = frameDiff / this.duration / (isReversed ? -1 : 1);
|
|
91
91
|
const progressTarget = clamp(this.p + progressIterator, [0, 1]);
|
|
@@ -95,11 +95,11 @@ export class Timeline extends BaseTimeline {
|
|
|
95
95
|
(progressTarget === 0 && isReversed)) {
|
|
96
96
|
this._isReversed = false;
|
|
97
97
|
this._isPaused = false;
|
|
98
|
-
this.
|
|
98
|
+
this._raf = undefined;
|
|
99
99
|
return;
|
|
100
100
|
}
|
|
101
101
|
// continue animation
|
|
102
|
-
this.
|
|
102
|
+
this._raf = window.requestAnimationFrame(this._animate.bind(this));
|
|
103
103
|
}
|
|
104
104
|
/** Events on progress */
|
|
105
105
|
_handleProgressUpdate() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Timeline/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AACrC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAK/C;;GAEG;AACH,MAAM,OAAO,QAKX,SAAQ,YAA0D;IACxD,gBAAgB;QACxB,uCACK,KAAK,CAAC,gBAAgB,EAAE,KAC3B,QAAQ,EAAE,IAAI,EACd,kBAAkB,EAAE,KAAK,IACzB;IACJ,CAAC;IAQD,0BAA0B;IAC1B,IAAI,SAAS;QACX,OAAO,OAAO,IAAI,CAAC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Timeline/index.ts"],"names":[],"mappings":"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"}
|
package/lib/esm/version.js
CHANGED
|
@@ -14,15 +14,15 @@ export declare class AnimationFrame<StaticProps extends NAnimationFrame.IStaticP
|
|
|
14
14
|
protected _isPlaying: boolean;
|
|
15
15
|
get isPlaying(): boolean;
|
|
16
16
|
/** The animation frame */
|
|
17
|
-
protected
|
|
17
|
+
protected _raf: number | null;
|
|
18
18
|
/** Last frame time */
|
|
19
|
-
protected
|
|
19
|
+
protected _rafIndex: number;
|
|
20
20
|
/** First frame time */
|
|
21
|
-
protected
|
|
21
|
+
protected _rafFirst: null | number;
|
|
22
22
|
/** Last frame time */
|
|
23
|
-
protected
|
|
23
|
+
protected _rafLast: null | number;
|
|
24
24
|
/** Array of frame time durations */
|
|
25
|
-
protected
|
|
25
|
+
protected _durations: number[];
|
|
26
26
|
/** Computed fps */
|
|
27
27
|
protected _computedFPS: number;
|
|
28
28
|
/** Computed real time fps */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/AnimationFrame/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,YAAY,EAAE,eAAe,EAAE,CAAC;AAEhC;;GAEG;AACH,qBAAa,cAAc,CACzB,WAAW,SACT,eAAe,CAAC,YAAY,GAAG,eAAe,CAAC,YAAY,EAC7D,eAAe,SACb,eAAe,CAAC,gBAAgB,GAAG,eAAe,CAAC,gBAAgB,EACrE,cAAc,SACZ,eAAe,CAAC,eAAe,GAAG,eAAe,CAAC,eAAe,CACnE,SAAQ,cAAc,CAAC,WAAW,EAAE,eAAe,EAAE,cAAc,CAAC;IACpE,SAAS,CAAC,gBAAgB;;;;;IAS1B,+BAA+B;IAC/B,SAAS,CAAC,UAAU,EAAE,OAAO,CAAC;IAE9B,IAAI,SAAS,YAEZ;IAED,0BAA0B;IAC1B,SAAS,CAAC,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/AnimationFrame/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,YAAY,EAAE,eAAe,EAAE,CAAC;AAEhC;;GAEG;AACH,qBAAa,cAAc,CACzB,WAAW,SACT,eAAe,CAAC,YAAY,GAAG,eAAe,CAAC,YAAY,EAC7D,eAAe,SACb,eAAe,CAAC,gBAAgB,GAAG,eAAe,CAAC,gBAAgB,EACrE,cAAc,SACZ,eAAe,CAAC,eAAe,GAAG,eAAe,CAAC,eAAe,CACnE,SAAQ,cAAc,CAAC,WAAW,EAAE,eAAe,EAAE,cAAc,CAAC;IACpE,SAAS,CAAC,gBAAgB;;;;;IAS1B,+BAA+B;IAC/B,SAAS,CAAC,UAAU,EAAE,OAAO,CAAC;IAE9B,IAAI,SAAS,YAEZ;IAED,0BAA0B;IAC1B,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IAE9B,sBAAsB;IACtB,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC;IAE5B,uBAAuB;IACvB,SAAS,CAAC,SAAS,EAAE,IAAI,GAAG,MAAM,CAAC;IAEnC,sBAAsB;IACtB,SAAS,CAAC,QAAQ,EAAE,IAAI,GAAG,MAAM,CAAC;IAElC,oCAAoC;IACpC,SAAS,CAAC,UAAU,EAAE,MAAM,EAAE,CAAC;IAE/B,mBAAmB;IACnB,SAAS,CAAC,YAAY,EAAE,MAAM,CAAC;IAE/B,6BAA6B;IAC7B,IAAI,WAAW,WAEd;IAED,+DAA+D;IAC/D,IAAI,cAAc,WAEjB;gBAEW,YAAY,CAAC,EAAE,WAAW,GAAG,eAAe,EAAE,OAAO,UAAO;IAgBxE,SAAS,CAAC,KAAK;IAQf,SAAS,CAAC,cAAc;IAcxB,qBAAqB;IACd,IAAI;IAYX,qBAAqB;IACrB,SAAS,CAAC,KAAK;IAaf,sBAAsB;IACf,KAAK;IAQZ,sBAAsB;IACtB,SAAS,CAAC,MAAM;IAgBhB,iCAAiC;IACjC,SAAS,CAAC,QAAQ;IAsClB,4BAA4B;IAC5B,SAAS,CAAC,WAAW,CAAC,SAAS,EAAE,MAAM;IA8BvC,kCAAkC;IAClC,SAAS,CAAC,QAAQ;CAKnB"}
|
|
@@ -10,19 +10,21 @@ export declare class SmoothScrollKeyboardPlugin<StaticProps extends NSmoothScrol
|
|
|
10
10
|
protected _getDefaultProps(): {
|
|
11
11
|
iterator: number;
|
|
12
12
|
};
|
|
13
|
-
protected
|
|
13
|
+
protected _tabTimeout?: NodeJS.Timeout;
|
|
14
14
|
/** Initialize the class */
|
|
15
15
|
protected _init(): void;
|
|
16
16
|
/** Check if keyboard events may be ignored */
|
|
17
|
-
protected
|
|
17
|
+
protected _canIgnoreEvents(): boolean;
|
|
18
18
|
/** Check if scroll container is in viewport */
|
|
19
|
-
protected
|
|
19
|
+
protected _isInViewport(): boolean;
|
|
20
20
|
/** Check if scroll ended */
|
|
21
21
|
protected _checkIsEndOfScroll(): boolean;
|
|
22
22
|
/** Event on `keydown` */
|
|
23
23
|
protected _handleKeydown(event: KeyboardEvent): void;
|
|
24
24
|
/** Handle Tab key */
|
|
25
25
|
protected _handleTab(): void;
|
|
26
|
+
/** Handle Whitespace key */
|
|
27
|
+
protected _handleSpace(event: KeyboardEvent): void;
|
|
26
28
|
/** Destroy the plugin */
|
|
27
29
|
protected _destroy(): void;
|
|
28
30
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/SmoothScrollKeyboardPlugin/index.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAC;AACtD,OAAO,KAAK,EAAE,YAAY,IAAI,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAG5E,YAAY,EAAE,2BAA2B,EAAE,CAAC;AAE5C;;GAEG;AACH,qBAAa,0BAA0B,CACrC,WAAW,SACT,2BAA2B,CAAC,YAAY,GAAG,2BAA2B,CAAC,YAAY,EACrF,eAAe,SACb,2BAA2B,CAAC,gBAAgB,GAAG,2BAA2B,CAAC,gBAAgB,EAC7F,cAAc,SACZ,2BAA2B,CAAC,eAAe,GAAG,2BAA2B,CAAC,eAAe,CAC3F,SAAQ,MAAM,CACd,WAAW,EACX,eAAe,EACf,cAAc,EACd,oBAAoB,CACrB;IACC,SAAS,CAAC,gBAAgB;;;IAO1B,SAAS,CAAC,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/SmoothScrollKeyboardPlugin/index.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAC;AACtD,OAAO,KAAK,EAAE,YAAY,IAAI,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAG5E,YAAY,EAAE,2BAA2B,EAAE,CAAC;AAE5C;;GAEG;AACH,qBAAa,0BAA0B,CACrC,WAAW,SACT,2BAA2B,CAAC,YAAY,GAAG,2BAA2B,CAAC,YAAY,EACrF,eAAe,SACb,2BAA2B,CAAC,gBAAgB,GAAG,2BAA2B,CAAC,gBAAgB,EAC7F,cAAc,SACZ,2BAA2B,CAAC,eAAe,GAAG,2BAA2B,CAAC,eAAe,CAC3F,SAAQ,MAAM,CACd,WAAW,EACX,eAAe,EACf,cAAc,EACd,oBAAoB,CACrB;IACC,SAAS,CAAC,gBAAgB;;;IAO1B,SAAS,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC;IAEvC,2BAA2B;IAC3B,SAAS,CAAC,KAAK;IAQf,8CAA8C;IAC9C,SAAS,CAAC,gBAAgB;IAU1B,+CAA+C;IAC/C,SAAS,CAAC,aAAa;IAavB,4BAA4B;IAC5B,SAAS,CAAC,mBAAmB;IAS7B,yBAAyB;IACzB,SAAS,CAAC,cAAc,CAAC,KAAK,EAAE,aAAa;IAqF7C,qBAAqB;IACrB,SAAS,CAAC,UAAU;IAkCpB,4BAA4B;IAC5B,SAAS,CAAC,YAAY,CAAC,KAAK,EAAE,aAAa;IAU3C,yBAAyB;IACzB,SAAS,CAAC,QAAQ;CAOnB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/SplitText/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAGrC,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAG9C,YAAY,EAAE,UAAU,EAAE,CAAC;AAE3B;;;;;;;;;;;;GAYG;AACH,qBAAa,SAAS,CACpB,WAAW,SAAS,UAAU,CAAC,YAAY,GAAG,UAAU,CAAC,YAAY,EACrE,eAAe,SACb,UAAU,CAAC,gBAAgB,GAAG,UAAU,CAAC,gBAAgB,EAC3D,cAAc,SACZ,UAAU,CAAC,eAAe,GAAG,UAAU,CAAC,eAAe,CACzD,SAAQ,cAAc,CAAC,WAAW,EAAE,eAAe,EAAE,cAAc,CAAC;IACpE,SAAS,CAAC,gBAAgB;;;;;;;;;;IAc1B,IAAI,MAAM,WAET;IAED,IAAI,eAAe,WAElB;IAED,IAAI,aAAa,WAEhB;IAED,IAAI,aAAa,WAEhB;IAED,2BAA2B;IAC3B,SAAS,CAAC,YAAY,EAAE,MAAM,CAAC;IAE/B,wDAAwD;IACxD,SAAS,CAAC,YAAY,UAAS;IAE/B,qBAAqB;IACrB,SAAS,CAAC,UAAU,EAAE,WAAW,CAAC;IAElC,qBAAqB;IACrB,IAAI,SAAS,gBAEZ;IAED,cAAc;IACd,SAAS,CAAC,QAAQ,EAAE,UAAU,CAAC,OAAO,EAAE,CAAC;IAEzC,cAAc;IACd,IAAI,OAAO,yBAEV;IAED,YAAY;IACZ,SAAS,CAAC,MAAM,EAAE,UAAU,CAAC,KAAK,EAAE,CAAC;IAErC,YAAY;IACZ,IAAI,KAAK,uBAER;IAED,YAAY;IACZ,SAAS,CAAC,MAAM,EAAE,UAAU,CAAC,KAAK,EAAE,CAAC;IAErC,YAAY;IACZ,IAAI,KAAK,uBAER;IAED,+BAA+B;IAC/B,SAAS,CAAC,YAAY,CAAC,EAAE,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;gBAE1C,YAAY,EAAE,WAAW,GAAG,eAAe,EAAE,OAAO,UAAO;IAuBvE,SAAS,CAAC,KAAK;IAMf,wBAAwB;IACxB,SAAS,CAAC,UAAU;IAqBpB,qBAAqB;IACd,SAAS;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/SplitText/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAGrC,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAG9C,YAAY,EAAE,UAAU,EAAE,CAAC;AAE3B;;;;;;;;;;;;GAYG;AACH,qBAAa,SAAS,CACpB,WAAW,SAAS,UAAU,CAAC,YAAY,GAAG,UAAU,CAAC,YAAY,EACrE,eAAe,SACb,UAAU,CAAC,gBAAgB,GAAG,UAAU,CAAC,gBAAgB,EAC3D,cAAc,SACZ,UAAU,CAAC,eAAe,GAAG,UAAU,CAAC,eAAe,CACzD,SAAQ,cAAc,CAAC,WAAW,EAAE,eAAe,EAAE,cAAc,CAAC;IACpE,SAAS,CAAC,gBAAgB;;;;;;;;;;IAc1B,IAAI,MAAM,WAET;IAED,IAAI,eAAe,WAElB;IAED,IAAI,aAAa,WAEhB;IAED,IAAI,aAAa,WAEhB;IAED,2BAA2B;IAC3B,SAAS,CAAC,YAAY,EAAE,MAAM,CAAC;IAE/B,wDAAwD;IACxD,SAAS,CAAC,YAAY,UAAS;IAE/B,qBAAqB;IACrB,SAAS,CAAC,UAAU,EAAE,WAAW,CAAC;IAElC,qBAAqB;IACrB,IAAI,SAAS,gBAEZ;IAED,cAAc;IACd,SAAS,CAAC,QAAQ,EAAE,UAAU,CAAC,OAAO,EAAE,CAAC;IAEzC,cAAc;IACd,IAAI,OAAO,yBAEV;IAED,YAAY;IACZ,SAAS,CAAC,MAAM,EAAE,UAAU,CAAC,KAAK,EAAE,CAAC;IAErC,YAAY;IACZ,IAAI,KAAK,uBAER;IAED,YAAY;IACZ,SAAS,CAAC,MAAM,EAAE,UAAU,CAAC,KAAK,EAAE,CAAC;IAErC,YAAY;IACZ,IAAI,KAAK,uBAER;IAED,+BAA+B;IAC/B,SAAS,CAAC,YAAY,CAAC,EAAE,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;gBAE1C,YAAY,EAAE,WAAW,GAAG,eAAe,EAAE,OAAO,UAAO;IAuBvE,SAAS,CAAC,KAAK;IAMf,wBAAwB;IACxB,SAAS,CAAC,UAAU;IAqBpB,qBAAqB;IACd,SAAS;IAgBhB,iBAAiB;IACjB,OAAO,CAAC,UAAU;IAoClB,gCAAgC;IAChC,SAAS,CAAC,eAAe;IAqBzB,yBAAyB;IACzB,SAAS,CAAC,QAAQ;CAKnB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/SplitText/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAE7D,yBAAiB,UAAU,CAAC;IAC1B,UAAiB,YAAa,SAAQ,UAAU,CAAC,YAAY;QAC3D;;WAEG;QACH,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC;QAC5B;;;WAGG;QACH,UAAU,CAAC,EAAE,OAAO,CAAC;QACrB;;;WAGG;QACH,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB;;;WAGG;QACH,SAAS,CAAC,EAAE,MAAM,qBAAqB,CAAC;QACxC;;;WAGG;QACH,OAAO,CAAC,EAAE,MAAM,qBAAqB,CAAC;QACtC;;;WAGG;QACH,OAAO,CAAC,EAAE,MAAM,qBAAqB,CAAC;QACtC;;;WAGG;QACH,cAAc,CAAC,EAAE,eAAe,CAAC;QACjC;;;WAGG;QACH,cAAc,CAAC,EAAE,MAAM,CAAC;KACzB;IAED,UAAiB,gBAAiB,SAAQ,UAAU,CAAC,gBAAgB;KAAG;IAExE,UAAiB,eAAgB,SAAQ,UAAU,CAAC,eAAe;QACjE,KAAK,EAAE,SAAS,CAAC;KAClB;IAED,UAAiB,KAAK;QACpB,OAAO,EAAE,WAAW,CAAC;QACrB,KAAK,EAAE,UAAU,CAAC,KAAK,EAAE,CAAC;KAC3B;IAED,UAAiB,KAAK;QACpB,OAAO,EAAE,WAAW,CAAC;QACrB,IAAI,EAAE,MAAM,CAAC;QACb,OAAO,EAAE,UAAU,CAAC,OAAO,EAAE,CAAC;KAC/B;IAED,UAAiB,OAAO;QACtB,OAAO,EAAE,WAAW,CAAC;QACrB,IAAI,EAAE,MAAM,CAAC;KACd;CACF"}
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/SplitText/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAE7D,yBAAiB,UAAU,CAAC;IAC1B,UAAiB,YAAa,SAAQ,UAAU,CAAC,YAAY;QAC3D;;WAEG;QACH,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC;QAC5B;;;WAGG;QACH,UAAU,CAAC,EAAE,OAAO,CAAC;QACrB;;;WAGG;QACH,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB;;;WAGG;QACH,SAAS,CAAC,EAAE,MAAM,qBAAqB,CAAC;QACxC;;;WAGG;QACH,OAAO,CAAC,EAAE,MAAM,qBAAqB,CAAC;QACtC;;;WAGG;QACH,OAAO,CAAC,EAAE,MAAM,qBAAqB,CAAC;QACtC;;;WAGG;QACH,cAAc,CAAC,EAAE,eAAe,CAAC;QACjC;;;WAGG;QACH,cAAc,CAAC,EAAE,MAAM,CAAC;KACzB;IAED,UAAiB,gBAAiB,SAAQ,UAAU,CAAC,gBAAgB;KAAG;IAExE,UAAiB,eAAgB,SAAQ,UAAU,CAAC,eAAe;QACjE,WAAW,EAAE,SAAS,CAAC;QACvB,KAAK,EAAE,SAAS,CAAC;KAClB;IAED,UAAiB,KAAK;QACpB,OAAO,EAAE,WAAW,CAAC;QACrB,KAAK,EAAE,UAAU,CAAC,KAAK,EAAE,CAAC;KAC3B;IAED,UAAiB,KAAK;QACpB,OAAO,EAAE,WAAW,CAAC;QACrB,IAAI,EAAE,MAAM,CAAC;QACb,OAAO,EAAE,UAAU,CAAC,OAAO,EAAE,CAAC;KAC/B;IAED,UAAiB,OAAO;QACtB,OAAO,EAAE,WAAW,CAAC;QACrB,IAAI,EAAE,MAAM,CAAC;KACd;CACF"}
|
|
@@ -13,9 +13,9 @@ export declare class Timeline<StaticProps extends NTimeline.IStaticProps = NTime
|
|
|
13
13
|
hasNestedEasingProgress: boolean;
|
|
14
14
|
};
|
|
15
15
|
/** The animation frame */
|
|
16
|
-
protected
|
|
16
|
+
protected _raf?: number;
|
|
17
17
|
/** Last time when animationFrame callback has been called */
|
|
18
|
-
protected
|
|
18
|
+
protected _rafTime: number;
|
|
19
19
|
/** Timeline is playing */
|
|
20
20
|
get isPlaying(): boolean;
|
|
21
21
|
/** Timeline is reversed */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Timeline/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,YAAY,EAAE,SAAS,EAAE,CAAC;AAE1B;;GAEG;AACH,qBAAa,QAAQ,CACnB,WAAW,SAAS,SAAS,CAAC,YAAY,GAAG,SAAS,CAAC,YAAY,EACnE,eAAe,SACb,SAAS,CAAC,gBAAgB,GAAG,SAAS,CAAC,gBAAgB,EACzD,cAAc,SAAS,SAAS,CAAC,eAAe,GAAG,SAAS,CAAC,eAAe,CAC5E,SAAQ,YAAY,CAAC,WAAW,EAAE,eAAe,EAAE,cAAc,CAAC;IAClE,SAAS,CAAC,gBAAgB;;;;;;;IAQ1B,0BAA0B;IAC1B,SAAS,CAAC,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Timeline/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,YAAY,EAAE,SAAS,EAAE,CAAC;AAE1B;;GAEG;AACH,qBAAa,QAAQ,CACnB,WAAW,SAAS,SAAS,CAAC,YAAY,GAAG,SAAS,CAAC,YAAY,EACnE,eAAe,SACb,SAAS,CAAC,gBAAgB,GAAG,SAAS,CAAC,gBAAgB,EACzD,cAAc,SAAS,SAAS,CAAC,eAAe,GAAG,SAAS,CAAC,eAAe,CAC5E,SAAQ,YAAY,CAAC,WAAW,EAAE,eAAe,EAAE,cAAc,CAAC;IAClE,SAAS,CAAC,gBAAgB;;;;;;;IAQ1B,0BAA0B;IAC1B,SAAS,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAExB,6DAA6D;IAC7D,SAAS,CAAC,QAAQ,EAAE,MAAM,CAAC;IAE3B,0BAA0B;IAC1B,IAAI,SAAS,YAEZ;IAED,2BAA2B;IAC3B,SAAS,CAAC,WAAW,EAAE,OAAO,CAAC;IAE/B,2BAA2B;IAC3B,IAAI,UAAU,YAEb;IAED,yBAAyB;IACzB,SAAS,CAAC,SAAS,EAAE,OAAO,CAAC;IAE7B,yBAAyB;IACzB,IAAI,QAAQ,YAEX;IAED,IAAI,QAAQ,WAEX;gBAEW,YAAY,CAAC,EAAE,WAAW,GAAG,eAAe,EAAE,OAAO,UAAO;IAcxE,wBAAwB;IACjB,IAAI;IAcX,uBAAuB;IAChB,OAAO;IAcd,sBAAsB;IACf,KAAK;IAaZ,qBAAqB;IACd,KAAK;IASZ,sBAAsB;IACtB,SAAS,CAAC,QAAQ;IAiClB,yBAAyB;IACzB,SAAS,CAAC,qBAAqB;IAkB/B,2BAA2B;IAC3B,SAAS,CAAC,QAAQ;CAKnB"}
|
package/lib/types/version.d.ts
CHANGED
package/package.json
CHANGED
|
@@ -31,19 +31,19 @@ export class AnimationFrame<
|
|
|
31
31
|
}
|
|
32
32
|
|
|
33
33
|
/** The animation frame */
|
|
34
|
-
protected
|
|
34
|
+
protected _raf: number | null;
|
|
35
35
|
|
|
36
36
|
/** Last frame time */
|
|
37
|
-
protected
|
|
37
|
+
protected _rafIndex: number;
|
|
38
38
|
|
|
39
39
|
/** First frame time */
|
|
40
|
-
protected
|
|
40
|
+
protected _rafFirst: null | number;
|
|
41
41
|
|
|
42
42
|
/** Last frame time */
|
|
43
|
-
protected
|
|
43
|
+
protected _rafLast: null | number;
|
|
44
44
|
|
|
45
45
|
/** Array of frame time durations */
|
|
46
|
-
protected
|
|
46
|
+
protected _durations: number[];
|
|
47
47
|
|
|
48
48
|
/** Computed fps */
|
|
49
49
|
protected _computedFPS: number;
|
|
@@ -62,11 +62,11 @@ export class AnimationFrame<
|
|
|
62
62
|
super(initialProps, false);
|
|
63
63
|
|
|
64
64
|
this._isPlaying = false;
|
|
65
|
-
this.
|
|
66
|
-
this.
|
|
67
|
-
this.
|
|
68
|
-
this.
|
|
69
|
-
this.
|
|
65
|
+
this._raf = null;
|
|
66
|
+
this._rafIndex = -1;
|
|
67
|
+
this._rafFirst = null;
|
|
68
|
+
this._rafLast = null;
|
|
69
|
+
this._durations = [];
|
|
70
70
|
this._computedFPS = this.props.fps !== 'auto' ? this.props.fps : 60;
|
|
71
71
|
|
|
72
72
|
if (canInit) {
|
|
@@ -85,9 +85,9 @@ export class AnimationFrame<
|
|
|
85
85
|
protected _onPropsMutate() {
|
|
86
86
|
super._onPropsMutate();
|
|
87
87
|
|
|
88
|
-
this.
|
|
89
|
-
this.
|
|
90
|
-
this.
|
|
88
|
+
this._rafIndex = -1;
|
|
89
|
+
this._rafFirst = null;
|
|
90
|
+
this._rafLast = null;
|
|
91
91
|
|
|
92
92
|
if (this.props.isEnabled) {
|
|
93
93
|
this._play();
|
|
@@ -120,7 +120,7 @@ export class AnimationFrame<
|
|
|
120
120
|
this.callbacks.tbt('play', undefined);
|
|
121
121
|
this.callbacks.tbt('toggle', undefined);
|
|
122
122
|
|
|
123
|
-
this.
|
|
123
|
+
this._raf = window.requestAnimationFrame(this._animate.bind(this));
|
|
124
124
|
}
|
|
125
125
|
|
|
126
126
|
/** Pause animation */
|
|
@@ -138,9 +138,9 @@ export class AnimationFrame<
|
|
|
138
138
|
return;
|
|
139
139
|
}
|
|
140
140
|
|
|
141
|
-
if (this.
|
|
142
|
-
window.cancelAnimationFrame(this.
|
|
143
|
-
this.
|
|
141
|
+
if (this._raf) {
|
|
142
|
+
window.cancelAnimationFrame(this._raf);
|
|
143
|
+
this._raf = null;
|
|
144
144
|
}
|
|
145
145
|
|
|
146
146
|
this._isPlaying = false;
|
|
@@ -155,28 +155,28 @@ export class AnimationFrame<
|
|
|
155
155
|
return;
|
|
156
156
|
}
|
|
157
157
|
|
|
158
|
-
this.
|
|
158
|
+
this._raf = window.requestAnimationFrame(this._animate.bind(this));
|
|
159
159
|
|
|
160
160
|
// update time
|
|
161
|
-
const startTime =
|
|
162
|
-
if (this.
|
|
163
|
-
this.
|
|
161
|
+
const startTime = Date.now();
|
|
162
|
+
if (this._rafFirst === null) {
|
|
163
|
+
this._rafFirst = startTime;
|
|
164
164
|
}
|
|
165
165
|
|
|
166
166
|
// calculate frame index
|
|
167
167
|
const minFrameDuration =
|
|
168
168
|
this.props.fps === 'auto' ? 1 : 1000 / this.props.fps;
|
|
169
169
|
const newFrameIndex = Math.floor(
|
|
170
|
-
(startTime - this.
|
|
170
|
+
(startTime - this._rafFirst) / minFrameDuration,
|
|
171
171
|
);
|
|
172
172
|
|
|
173
173
|
// break if frame index the same
|
|
174
|
-
if (newFrameIndex <= this.
|
|
174
|
+
if (newFrameIndex <= this._rafIndex) {
|
|
175
175
|
return;
|
|
176
176
|
}
|
|
177
177
|
|
|
178
178
|
// update frame index
|
|
179
|
-
this.
|
|
179
|
+
this._rafIndex = newFrameIndex;
|
|
180
180
|
|
|
181
181
|
// compute fps
|
|
182
182
|
this._computeFPS(startTime);
|
|
@@ -185,30 +185,30 @@ export class AnimationFrame<
|
|
|
185
185
|
this.callbacks.tbt('frame', undefined);
|
|
186
186
|
|
|
187
187
|
// update vars
|
|
188
|
-
this.
|
|
188
|
+
this._rafLast = startTime;
|
|
189
189
|
}
|
|
190
190
|
|
|
191
191
|
/** Compute real-time FPS */
|
|
192
192
|
protected _computeFPS(startTime: number) {
|
|
193
|
-
const lastFrameDuration = startTime - (this.
|
|
193
|
+
const lastFrameDuration = startTime - (this._rafLast ?? startTime);
|
|
194
194
|
|
|
195
195
|
// skip frames that seem not real
|
|
196
196
|
if (lastFrameDuration <= 0 || lastFrameDuration > 250) {
|
|
197
197
|
return;
|
|
198
198
|
}
|
|
199
199
|
|
|
200
|
-
this.
|
|
200
|
+
this._durations.push(lastFrameDuration);
|
|
201
201
|
|
|
202
|
-
if (this.
|
|
202
|
+
if (this._durations.length < this.props.autoFpsFrames) {
|
|
203
203
|
return;
|
|
204
204
|
}
|
|
205
205
|
|
|
206
|
-
const totalFramesDuration = this.
|
|
206
|
+
const totalFramesDuration = this._durations.reduce(
|
|
207
207
|
(prev, curr) => prev + curr,
|
|
208
208
|
);
|
|
209
209
|
|
|
210
210
|
const approximateFrameDuration =
|
|
211
|
-
totalFramesDuration / this.
|
|
211
|
+
totalFramesDuration / this._durations.length;
|
|
212
212
|
|
|
213
213
|
const computedFPS = Math.floor(1000 / approximateFrameDuration);
|
|
214
214
|
const normalizedFPS = Math.round(computedFPS / 10) * 10;
|
|
@@ -216,7 +216,7 @@ export class AnimationFrame<
|
|
|
216
216
|
this._computedFPS = normalizedFPS;
|
|
217
217
|
|
|
218
218
|
// clear durations
|
|
219
|
-
this.
|
|
219
|
+
this._durations = [];
|
|
220
220
|
}
|
|
221
221
|
|
|
222
222
|
/** Destroy the animation frame */
|
|
@@ -29,7 +29,7 @@ export class SmoothScrollKeyboardPlugin<
|
|
|
29
29
|
};
|
|
30
30
|
}
|
|
31
31
|
|
|
32
|
-
protected
|
|
32
|
+
protected _tabTimeout?: NodeJS.Timeout;
|
|
33
33
|
|
|
34
34
|
/** Initialize the class */
|
|
35
35
|
protected _init() {
|
|
@@ -41,7 +41,7 @@ export class SmoothScrollKeyboardPlugin<
|
|
|
41
41
|
}
|
|
42
42
|
|
|
43
43
|
/** Check if keyboard events may be ignored */
|
|
44
|
-
protected
|
|
44
|
+
protected _canIgnoreEvents() {
|
|
45
45
|
const { activeElement } = document;
|
|
46
46
|
|
|
47
47
|
return (
|
|
@@ -52,7 +52,7 @@ export class SmoothScrollKeyboardPlugin<
|
|
|
52
52
|
}
|
|
53
53
|
|
|
54
54
|
/** Check if scroll container is in viewport */
|
|
55
|
-
protected
|
|
55
|
+
protected _isInViewport() {
|
|
56
56
|
const { viewport } = getApp();
|
|
57
57
|
|
|
58
58
|
const bounding = this.component.container.getBoundingClientRect();
|
|
@@ -91,20 +91,27 @@ export class SmoothScrollKeyboardPlugin<
|
|
|
91
91
|
return;
|
|
92
92
|
}
|
|
93
93
|
|
|
94
|
+
// TAB
|
|
95
|
+
if (event.keyCode === 32) {
|
|
96
|
+
this._handleSpace(event);
|
|
97
|
+
|
|
98
|
+
return;
|
|
99
|
+
}
|
|
100
|
+
|
|
94
101
|
// ignore key events for some elements
|
|
95
|
-
if (this.
|
|
102
|
+
if (this._canIgnoreEvents()) {
|
|
96
103
|
return;
|
|
97
104
|
}
|
|
98
105
|
|
|
99
106
|
// check if the scroll container is in viewport
|
|
100
|
-
if (!this.
|
|
107
|
+
if (!this._isInViewport()) {
|
|
101
108
|
return;
|
|
102
109
|
}
|
|
103
110
|
|
|
104
111
|
// prevent default behavior
|
|
105
112
|
if (
|
|
106
113
|
!this._checkIsEndOfScroll() &&
|
|
107
|
-
[38, 40, 39, 37, 34, 33, 36, 35
|
|
114
|
+
[38, 40, 39, 37, 34, 33, 36, 35].includes(event.keyCode)
|
|
108
115
|
) {
|
|
109
116
|
event.preventDefault();
|
|
110
117
|
}
|
|
@@ -149,11 +156,6 @@ export class SmoothScrollKeyboardPlugin<
|
|
|
149
156
|
component.targetLeft = component.scrollWidth;
|
|
150
157
|
break;
|
|
151
158
|
|
|
152
|
-
// SPACE
|
|
153
|
-
case 32:
|
|
154
|
-
component.targetTop += iterator * 5;
|
|
155
|
-
break;
|
|
156
|
-
|
|
157
159
|
default:
|
|
158
160
|
break;
|
|
159
161
|
}
|
|
@@ -161,11 +163,11 @@ export class SmoothScrollKeyboardPlugin<
|
|
|
161
163
|
|
|
162
164
|
/** Handle Tab key */
|
|
163
165
|
protected _handleTab() {
|
|
164
|
-
if (this.
|
|
165
|
-
clearTimeout(this.
|
|
166
|
+
if (this._tabTimeout) {
|
|
167
|
+
clearTimeout(this._tabTimeout);
|
|
166
168
|
}
|
|
167
169
|
|
|
168
|
-
this.
|
|
170
|
+
this._tabTimeout = setTimeout(() => {
|
|
169
171
|
const scroll = this.component;
|
|
170
172
|
const { activeElement } = document;
|
|
171
173
|
|
|
@@ -194,12 +196,23 @@ export class SmoothScrollKeyboardPlugin<
|
|
|
194
196
|
}, 120);
|
|
195
197
|
}
|
|
196
198
|
|
|
199
|
+
/** Handle Whitespace key */
|
|
200
|
+
protected _handleSpace(event: KeyboardEvent) {
|
|
201
|
+
if (document.activeElement instanceof HTMLButtonElement) {
|
|
202
|
+
return;
|
|
203
|
+
}
|
|
204
|
+
|
|
205
|
+
event.preventDefault();
|
|
206
|
+
|
|
207
|
+
this.component.targetTop += this.props.iterator * 5;
|
|
208
|
+
}
|
|
209
|
+
|
|
197
210
|
/** Destroy the plugin */
|
|
198
211
|
protected _destroy() {
|
|
199
212
|
super._destroy();
|
|
200
213
|
|
|
201
|
-
if (this.
|
|
202
|
-
clearTimeout(this.
|
|
214
|
+
if (this._tabTimeout) {
|
|
215
|
+
clearTimeout(this._tabTimeout);
|
|
203
216
|
}
|
|
204
217
|
}
|
|
205
218
|
}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
/* eslint-disable no-alert */
|
|
1
2
|
import React, { FC, useEffect, useRef, useState } from 'react';
|
|
2
3
|
import { SmoothScrollKeyboardPlugin } from '..';
|
|
3
4
|
import { SmoothScroll } from '@/components/SmoothScroll';
|
|
@@ -67,7 +68,15 @@ export const Component: FC = () => {
|
|
|
67
68
|
|
|
68
69
|
<br />
|
|
69
70
|
|
|
70
|
-
<
|
|
71
|
+
<a href="/">Link</a>
|
|
72
|
+
|
|
73
|
+
<br />
|
|
74
|
+
|
|
75
|
+
<br />
|
|
76
|
+
|
|
77
|
+
<button type="button" onClick={() => alert('click')}>
|
|
78
|
+
Test button
|
|
79
|
+
</button>
|
|
71
80
|
</div>
|
|
72
81
|
),
|
|
73
82
|
40,
|
|
@@ -152,6 +152,10 @@ export class SplitText<
|
|
|
152
152
|
|
|
153
153
|
/** Split the text */
|
|
154
154
|
public splitText() {
|
|
155
|
+
// launch callbacks
|
|
156
|
+
this.callbacks.tbt('beforeSplit', undefined);
|
|
157
|
+
|
|
158
|
+
// split intro base elements
|
|
155
159
|
this._splitBase();
|
|
156
160
|
|
|
157
161
|
// split text into lines
|
|
@@ -205,6 +209,11 @@ export class SplitText<
|
|
|
205
209
|
const { container, words, lineClassName } = this;
|
|
206
210
|
const { lineTag } = this.props;
|
|
207
211
|
|
|
212
|
+
const isHidden = window.getComputedStyle(container).display === 'none';
|
|
213
|
+
if (isHidden) {
|
|
214
|
+
return;
|
|
215
|
+
}
|
|
216
|
+
|
|
208
217
|
this._lineWrapper?.destroy();
|
|
209
218
|
|
|
210
219
|
this._lineWrapper = wrapLines({
|