@hortonstudio/main 1.1.19 → 1.1.21
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/animations/hero.js +7 -2
- package/animations/text.js +3 -3
- package/package.json +1 -1
package/animations/hero.js
CHANGED
@@ -244,6 +244,9 @@ export async function init() {
|
|
244
244
|
// Animation timeline
|
245
245
|
document.fonts.ready.then(() => {
|
246
246
|
|
247
|
+
// Wait for layout to stabilize before splitting text
|
248
|
+
setTimeout(() => {
|
249
|
+
|
247
250
|
// Split text setup (after fonts are loaded)
|
248
251
|
headingSplits = [];
|
249
252
|
|
@@ -399,7 +402,7 @@ export async function init() {
|
|
399
402
|
ease: config.headingSplit.ease,
|
400
403
|
onComplete: () => {
|
401
404
|
if (split && split.revert) {
|
402
|
-
|
405
|
+
|
403
406
|
}
|
404
407
|
}
|
405
408
|
},
|
@@ -418,7 +421,7 @@ export async function init() {
|
|
418
421
|
ease: config.subheadingSplit.ease,
|
419
422
|
onComplete: () => {
|
420
423
|
if (split && split.revert) {
|
421
|
-
|
424
|
+
|
422
425
|
}
|
423
426
|
}
|
424
427
|
},
|
@@ -511,6 +514,8 @@ export async function init() {
|
|
511
514
|
|
512
515
|
}, config.global.animationDelay * 1000);
|
513
516
|
|
517
|
+
}, 100); // Wait 100ms for layout to stabilize
|
518
|
+
|
514
519
|
});
|
515
520
|
|
516
521
|
// API exposure
|
package/animations/text.js
CHANGED
@@ -107,7 +107,7 @@ const CharSplitAnimations = {
|
|
107
107
|
invalidateOnRefresh: true,
|
108
108
|
},
|
109
109
|
onComplete: () => {
|
110
|
-
|
110
|
+
|
111
111
|
}
|
112
112
|
});
|
113
113
|
|
@@ -157,7 +157,7 @@ const WordSplitAnimations = {
|
|
157
157
|
invalidateOnRefresh: true,
|
158
158
|
},
|
159
159
|
onComplete: () => {
|
160
|
-
|
160
|
+
|
161
161
|
}
|
162
162
|
});
|
163
163
|
|
@@ -207,7 +207,7 @@ const LineSplitAnimations = {
|
|
207
207
|
invalidateOnRefresh: true,
|
208
208
|
},
|
209
209
|
onComplete: () => {
|
210
|
-
|
210
|
+
|
211
211
|
}
|
212
212
|
});
|
213
213
|
|