use-scroll-animate 6.1.0 → 6.1.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/CHANGELOG.md +11 -0
- package/README.md +157 -411
- package/README_ja.md +170 -175
- package/README_zh.md +169 -198
- package/dist/chunks/{base-B5i8qQPR.cjs → base-BaQV-2ha.cjs} +3 -3
- package/dist/chunks/base-BaQV-2ha.cjs.map +1 -0
- package/dist/chunks/{base-C3Sw9sAO.js → base-Yno7N2eC.js} +3 -3
- package/dist/chunks/base-Yno7N2eC.js.map +1 -0
- package/dist/chunks/{core-BYLtO0Po.cjs → core-B5T0dhFH.cjs} +3 -3
- package/dist/chunks/core-B5T0dhFH.cjs.map +1 -0
- package/dist/chunks/{core-BDcszY4L.cjs → core-BGAyaY6L.cjs} +2 -2
- package/dist/chunks/{core-BDcszY4L.cjs.map → core-BGAyaY6L.cjs.map} +1 -1
- package/dist/chunks/{core-BTf__I-8.js → core-BIOaYdgN.js} +2 -2
- package/dist/chunks/{core-BTf__I-8.js.map → core-BIOaYdgN.js.map} +1 -1
- package/dist/chunks/{core-DN3hHbHh.js → core-CUGCsMsJ.js} +2 -2
- package/dist/chunks/{core-DN3hHbHh.js.map → core-CUGCsMsJ.js.map} +1 -1
- package/dist/chunks/{core-BVQW34aX.js → core-D7cVumUu.js} +3 -3
- package/dist/chunks/core-D7cVumUu.js.map +1 -0
- package/dist/chunks/{core-BjOYKSrV.cjs → core-zq17EeCI.cjs} +2 -2
- package/dist/chunks/{core-BjOYKSrV.cjs.map → core-zq17EeCI.cjs.map} +1 -1
- package/dist/chunks/{fx-ChjxrMBo.js → fx-BqDeFywO.js} +2 -2
- package/dist/chunks/{fx-ChjxrMBo.js.map → fx-BqDeFywO.js.map} +1 -1
- package/dist/chunks/{fx-B8hk1Fby.cjs → fx-lBGVtQO1.cjs} +2 -2
- package/dist/chunks/{fx-B8hk1Fby.cjs.map → fx-lBGVtQO1.cjs.map} +1 -1
- package/dist/chunks/{presets-BJ09NeTo.js → presets-BYBVJVeP.js} +3 -3
- package/dist/chunks/presets-BYBVJVeP.js.map +1 -0
- package/dist/chunks/{presets-D2ksQNzJ.cjs → presets-CUHys3sK.cjs} +3 -3
- package/dist/chunks/presets-CUHys3sK.cjs.map +1 -0
- package/dist/chunks/{spring-CckMe3x0.js → spring-DfQO5USi.js} +2 -2
- package/dist/chunks/{spring-CckMe3x0.js.map → spring-DfQO5USi.js.map} +1 -1
- package/dist/chunks/{spring--oZh55tB.cjs → spring-Dgx187Vh.cjs} +2 -2
- package/dist/chunks/{spring--oZh55tB.cjs.map → spring-Dgx187Vh.cjs.map} +1 -1
- package/dist/chunks/{stagger-CvhYlKrF.cjs → stagger-CCFyhzSw.cjs} +3 -3
- package/dist/chunks/stagger-CCFyhzSw.cjs.map +1 -0
- package/dist/chunks/{stagger-Dh4V-OL0.js → stagger-DtMKo2SK.js} +3 -3
- package/dist/chunks/stagger-DtMKo2SK.js.map +1 -0
- package/dist/chunks/{variants-DxPmgrNX.cjs → variants-BhjyddG8.cjs} +2 -2
- package/dist/chunks/{variants-DxPmgrNX.cjs.map → variants-BhjyddG8.cjs.map} +1 -1
- package/dist/chunks/{variants-Bsevy6Xm.js → variants-VNscPeTD.js} +2 -2
- package/dist/chunks/{variants-Bsevy6Xm.js.map → variants-VNscPeTD.js.map} +1 -1
- package/dist/components/a11y.cjs +4 -4
- package/dist/components/a11y.cjs.map +1 -1
- package/dist/components/a11y.d.cts +2 -2
- package/dist/components/a11y.d.ts +2 -2
- package/dist/components/a11y.js +5 -5
- package/dist/components/a11y.js.map +1 -1
- package/dist/components/angular.cjs +8 -8
- package/dist/components/angular.cjs.map +1 -1
- package/dist/components/angular.d.cts +22 -22
- package/dist/components/angular.d.ts +22 -22
- package/dist/components/angular.js +8 -8
- package/dist/components/angular.js.map +1 -1
- package/dist/components/background.cjs +3 -3
- package/dist/components/background.cjs.map +1 -1
- package/dist/components/background.css +1 -1
- package/dist/components/background.d.cts +1 -1
- package/dist/components/background.d.ts +1 -1
- package/dist/components/background.js +3 -3
- package/dist/components/background.js.map +1 -1
- package/dist/components/bridge.cjs +2 -2
- package/dist/components/bridge.cjs.map +1 -1
- package/dist/components/bridge.d.cts +1 -1
- package/dist/components/bridge.d.ts +1 -1
- package/dist/components/bridge.js +2 -2
- package/dist/components/bridge.js.map +1 -1
- package/dist/components/cards.cjs +3 -3
- package/dist/components/cards.cjs.map +1 -1
- package/dist/components/cards.css +1 -1
- package/dist/components/cards.d.cts +1 -1
- package/dist/components/cards.d.ts +1 -1
- package/dist/components/cards.js +3 -3
- package/dist/components/cards.js.map +1 -1
- package/dist/components/click.cjs +4 -4
- package/dist/components/click.cjs.map +1 -1
- package/dist/components/click.css +1 -1
- package/dist/components/click.d.cts +1 -1
- package/dist/components/click.d.ts +1 -1
- package/dist/components/click.js +4 -4
- package/dist/components/click.js.map +1 -1
- package/dist/components/depth.cjs +4 -4
- package/dist/components/depth.cjs.map +1 -1
- package/dist/components/depth.css +1 -1
- package/dist/components/depth.d.cts +1 -1
- package/dist/components/depth.d.ts +1 -1
- package/dist/components/depth.js +4 -4
- package/dist/components/depth.js.map +1 -1
- package/dist/components/effects.cjs +13 -13
- package/dist/components/effects.cjs.map +1 -1
- package/dist/components/effects.d.cts +2 -2
- package/dist/components/effects.d.ts +2 -2
- package/dist/components/effects.js +13 -13
- package/dist/components/effects.js.map +1 -1
- package/dist/components/feedback.cjs +2 -2
- package/dist/components/feedback.cjs.map +1 -1
- package/dist/components/feedback.css +1 -1
- package/dist/components/feedback.d.cts +1 -1
- package/dist/components/feedback.d.ts +1 -1
- package/dist/components/feedback.js +2 -2
- package/dist/components/feedback.js.map +1 -1
- package/dist/components/fx.cjs +10 -10
- package/dist/components/fx.cjs.map +1 -1
- package/dist/components/fx.css +1 -1
- package/dist/components/fx.d.cts +2 -2
- package/dist/components/fx.d.ts +2 -2
- package/dist/components/fx.js +10 -10
- package/dist/components/fx.js.map +1 -1
- package/dist/components/gesture.cjs +4 -4
- package/dist/components/gesture.cjs.map +1 -1
- package/dist/components/gesture.css +1 -1
- package/dist/components/gesture.d.cts +1 -1
- package/dist/components/gesture.d.ts +1 -1
- package/dist/components/gesture.js +5 -5
- package/dist/components/gesture.js.map +1 -1
- package/dist/components/interaction.cjs +2 -2
- package/dist/components/interaction.cjs.map +1 -1
- package/dist/components/interaction.css +1 -1
- package/dist/components/interaction.d.cts +1 -1
- package/dist/components/interaction.d.ts +1 -1
- package/dist/components/interaction.js +2 -2
- package/dist/components/interaction.js.map +1 -1
- package/dist/components/jsx.d.cts +2 -2
- package/dist/components/jsx.d.ts +2 -2
- package/dist/components/layout.cjs +2 -2
- package/dist/components/layout.cjs.map +1 -1
- package/dist/components/layout.css +1 -1
- package/dist/components/layout.d.cts +1 -1
- package/dist/components/layout.d.ts +1 -1
- package/dist/components/layout.js +2 -2
- package/dist/components/layout.js.map +1 -1
- package/dist/components/lazy.cjs +2 -2
- package/dist/components/lazy.cjs.map +1 -1
- package/dist/components/lazy.d.cts +2 -2
- package/dist/components/lazy.d.ts +2 -2
- package/dist/components/lazy.js +2 -2
- package/dist/components/lazy.js.map +1 -1
- package/dist/components/lite.cjs +41 -41
- package/dist/components/lite.cjs.map +1 -1
- package/dist/components/lite.js +41 -41
- package/dist/components/lite.js.map +1 -1
- package/dist/components/packs.cjs +2 -2
- package/dist/components/packs.cjs.map +1 -1
- package/dist/components/packs.css +1 -1
- package/dist/components/packs.d.cts +1 -1
- package/dist/components/packs.d.ts +1 -1
- package/dist/components/packs.js +2 -2
- package/dist/components/packs.js.map +1 -1
- package/dist/components/page.cjs +3 -3
- package/dist/components/page.cjs.map +1 -1
- package/dist/components/page.css +1 -1
- package/dist/components/page.d.cts +1 -1
- package/dist/components/page.d.ts +1 -1
- package/dist/components/page.js +4 -4
- package/dist/components/page.js.map +1 -1
- package/dist/components/perf.cjs +3 -3
- package/dist/components/perf.cjs.map +1 -1
- package/dist/components/perf.d.cts +2 -2
- package/dist/components/perf.d.ts +2 -2
- package/dist/components/perf.js +4 -4
- package/dist/components/perf.js.map +1 -1
- package/dist/components/physics.cjs +3 -3
- package/dist/components/physics.cjs.map +1 -1
- package/dist/components/physics.css +1 -1
- package/dist/components/physics.d.cts +1 -1
- package/dist/components/physics.d.ts +1 -1
- package/dist/components/physics.js +4 -4
- package/dist/components/physics.js.map +1 -1
- package/dist/components/react.cjs +4 -4
- package/dist/components/react.cjs.map +1 -1
- package/dist/components/react.js +4 -4
- package/dist/components/react.js.map +1 -1
- package/dist/components/reveal.cjs +2 -2
- package/dist/components/reveal.cjs.map +1 -1
- package/dist/components/reveal.css +1 -1
- package/dist/components/reveal.d.cts +1 -1
- package/dist/components/reveal.d.ts +1 -1
- package/dist/components/reveal.js +2 -2
- package/dist/components/reveal.js.map +1 -1
- package/dist/components/solid.cjs +9 -9
- package/dist/components/solid.cjs.map +1 -1
- package/dist/components/solid.d.cts +22 -22
- package/dist/components/solid.d.ts +22 -22
- package/dist/components/solid.js +9 -9
- package/dist/components/solid.js.map +1 -1
- package/dist/components/svelte.cjs +8 -8
- package/dist/components/svelte.cjs.map +1 -1
- package/dist/components/svelte.d.cts +22 -22
- package/dist/components/svelte.d.ts +22 -22
- package/dist/components/svelte.js +8 -8
- package/dist/components/svelte.js.map +1 -1
- package/dist/components/svg.cjs +2 -2
- package/dist/components/svg.cjs.map +1 -1
- package/dist/components/svg.css +1 -1
- package/dist/components/svg.d.cts +1 -1
- package/dist/components/svg.d.ts +1 -1
- package/dist/components/svg.js +2 -2
- package/dist/components/svg.js.map +1 -1
- package/dist/components/text.cjs +3 -3
- package/dist/components/text.cjs.map +1 -1
- package/dist/components/text.css +1 -1
- package/dist/components/text.d.cts +1 -1
- package/dist/components/text.d.ts +1 -1
- package/dist/components/text.js +3 -3
- package/dist/components/text.js.map +1 -1
- package/dist/components/timeline.cjs +3 -3
- package/dist/components/timeline.cjs.map +1 -1
- package/dist/components/timeline.css +1 -1
- package/dist/components/timeline.d.cts +1 -1
- package/dist/components/timeline.d.ts +1 -1
- package/dist/components/timeline.js +4 -4
- package/dist/components/timeline.js.map +1 -1
- package/dist/components/tokens.cjs +2 -2
- package/dist/components/tokens.cjs.map +1 -1
- package/dist/components/tokens.d.cts +2 -2
- package/dist/components/tokens.d.ts +2 -2
- package/dist/components/tokens.js +2 -2
- package/dist/components/tokens.js.map +1 -1
- package/dist/components/transitions.cjs +2 -2
- package/dist/components/transitions.cjs.map +1 -1
- package/dist/components/transitions.css +1 -1
- package/dist/components/transitions.d.cts +1 -1
- package/dist/components/transitions.d.ts +1 -1
- package/dist/components/transitions.js +2 -2
- package/dist/components/transitions.js.map +1 -1
- package/dist/components/ui.cjs +4 -4
- package/dist/components/ui.cjs.map +1 -1
- package/dist/components/ui.css +1 -1
- package/dist/components/ui.d.cts +1 -1
- package/dist/components/ui.d.ts +1 -1
- package/dist/components/ui.js +5 -5
- package/dist/components/ui.js.map +1 -1
- package/dist/components/vue.cjs +9 -9
- package/dist/components/vue.cjs.map +1 -1
- package/dist/components/vue.d.cts +23 -23
- package/dist/components/vue.d.ts +23 -23
- package/dist/components/vue.js +9 -9
- package/dist/components/vue.js.map +1 -1
- package/dist/components/webgl.cjs +2 -2
- package/dist/components/webgl.cjs.map +1 -1
- package/dist/components/webgl.css +1 -1
- package/dist/components/webgl.d.cts +1 -1
- package/dist/components/webgl.d.ts +1 -1
- package/dist/components/webgl.js +2 -2
- package/dist/components/webgl.js.map +1 -1
- package/dist/components.cjs +9 -9
- package/dist/components.cjs.map +1 -1
- package/dist/components.css +1 -1
- package/dist/components.d.cts +30 -30
- package/dist/components.d.ts +30 -30
- package/dist/components.js +11 -11
- package/dist/components.js.map +1 -1
- package/dist/components.umd.js +5 -5
- package/dist/components.umd.js.map +1 -1
- package/dist/element.cjs +4 -4
- package/dist/element.cjs.map +1 -1
- package/dist/element.d.cts +5 -5
- package/dist/element.d.ts +5 -5
- package/dist/element.js +4 -4
- package/dist/element.js.map +1 -1
- package/dist/element.umd.js.map +1 -1
- package/dist/index.cjs +10 -10
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +9 -9
- package/dist/index.d.ts +9 -9
- package/dist/index.js +11 -11
- package/dist/index.js.map +1 -1
- package/dist/index.umd.js +3 -3
- package/dist/index.umd.js.map +1 -1
- package/dist/presets/extended.cjs +3 -3
- package/dist/presets/extended.cjs.map +1 -1
- package/dist/presets/extended.d.cts +3 -3
- package/dist/presets/extended.d.ts +3 -3
- package/dist/presets/extended.js +3 -3
- package/dist/presets/extended.js.map +1 -1
- package/dist/presets-extended.umd.js.map +1 -1
- package/dist/react.cjs +4 -4
- package/dist/react.cjs.map +1 -1
- package/dist/react.d.cts +5 -5
- package/dist/react.d.ts +5 -5
- package/dist/react.js +4 -4
- package/dist/react.js.map +1 -1
- package/dist/solid.cjs +5 -5
- package/dist/solid.cjs.map +1 -1
- package/dist/solid.d.cts +6 -6
- package/dist/solid.d.ts +6 -6
- package/dist/solid.js +5 -5
- package/dist/solid.js.map +1 -1
- package/dist/svelte.cjs +5 -5
- package/dist/svelte.cjs.map +1 -1
- package/dist/svelte.d.cts +6 -6
- package/dist/svelte.d.ts +6 -6
- package/dist/svelte.js +5 -5
- package/dist/svelte.js.map +1 -1
- package/dist/vue.cjs +4 -4
- package/dist/vue.cjs.map +1 -1
- package/dist/vue.d.cts +5 -5
- package/dist/vue.d.ts +5 -5
- package/dist/vue.js +4 -4
- package/dist/vue.js.map +1 -1
- package/docs/API.md +13 -13
- package/docs/ROADMAP.md +2 -2
- package/docs/accessibility.md +2 -2
- package/docs/components.md +33 -33
- package/docs/frameworks-ssr.md +12 -12
- package/docs/hybrid-apps.md +10 -10
- package/docs/migration-from-aos.md +5 -5
- package/docs/migration-from-gsap-scrolltrigger.md +3 -3
- package/docs/motion-tokens.css +1 -1
- package/docs/motion-tokens.md +2 -2
- package/docs/performance.md +6 -6
- package/docs/presets.md +5 -5
- package/docs/windows-apps.md +8 -8
- package/package.json +26 -25
- package/dist/chunks/base-B5i8qQPR.cjs.map +0 -1
- package/dist/chunks/base-C3Sw9sAO.js.map +0 -1
- package/dist/chunks/core-BVQW34aX.js.map +0 -1
- package/dist/chunks/core-BYLtO0Po.cjs.map +0 -1
- package/dist/chunks/presets-BJ09NeTo.js.map +0 -1
- package/dist/chunks/presets-D2ksQNzJ.cjs.map +0 -1
- package/dist/chunks/stagger-CvhYlKrF.cjs.map +0 -1
- package/dist/chunks/stagger-Dh4V-OL0.js.map +0 -1
|
@@ -79,7 +79,7 @@ interface UsaScrollyElement extends UsaElement {
|
|
|
79
79
|
}
|
|
80
80
|
|
|
81
81
|
/**
|
|
82
|
-
*
|
|
82
|
+
* motionary/components/reveal — entrance & scroll reveal components.
|
|
83
83
|
* `<usa-reveal>`, `<usa-stagger>`, `<usa-scroll-progress>`, `<usa-scrolly>`.
|
|
84
84
|
*/
|
|
85
85
|
|
|
@@ -310,7 +310,7 @@ interface Timeline {
|
|
|
310
310
|
}
|
|
311
311
|
|
|
312
312
|
/**
|
|
313
|
-
*
|
|
313
|
+
* motionary/components/text — text effects.
|
|
314
314
|
* `<usa-typewriter>`, `<usa-split-text>`, `<usa-scramble>`, `<usa-counter>`,
|
|
315
315
|
* `<usa-shimmer-text>`, `<usa-text-rotate>`.
|
|
316
316
|
*/
|
|
@@ -410,7 +410,7 @@ interface UsaToggleElement extends UsaElement {
|
|
|
410
410
|
}
|
|
411
411
|
|
|
412
412
|
/**
|
|
413
|
-
*
|
|
413
|
+
* motionary/components/interaction — micro-interactions.
|
|
414
414
|
* `<usa-ripple>`, `<usa-magnetic>`, `<usa-tilt>`, `<usa-spotlight>`,
|
|
415
415
|
* `<usa-press>`, `<usa-toggle>`.
|
|
416
416
|
*/
|
|
@@ -527,7 +527,7 @@ interface UsaCheckElement extends UsaElement {
|
|
|
527
527
|
}
|
|
528
528
|
|
|
529
529
|
/**
|
|
530
|
-
*
|
|
530
|
+
* motionary/components/feedback — loading & feedback.
|
|
531
531
|
* `<usa-spinner>`, `<usa-skeleton>`, `<usa-progress>`, `<usa-toaster>` +
|
|
532
532
|
* `toast()`, `<usa-check>`.
|
|
533
533
|
*/
|
|
@@ -645,7 +645,7 @@ interface UsaDotNetworkElement extends UsaElement {
|
|
|
645
645
|
}
|
|
646
646
|
|
|
647
647
|
/**
|
|
648
|
-
*
|
|
648
|
+
* motionary/components/background — backgrounds & decoration.
|
|
649
649
|
* `<usa-aurora>`, `<usa-particles>`, `<usa-grain>`, `<usa-marquee>`,
|
|
650
650
|
* `<usa-acrylic>`.
|
|
651
651
|
*/
|
|
@@ -719,7 +719,7 @@ interface UsaViewSwitchElement extends UsaElement {
|
|
|
719
719
|
}
|
|
720
720
|
|
|
721
721
|
/**
|
|
722
|
-
*
|
|
722
|
+
* motionary/components/transitions — view & layout transitions.
|
|
723
723
|
* `<usa-dialog>`, `<usa-accordion>`, `<usa-view-switch>`
|
|
724
724
|
* and the `viewTransition()` and `flip()` helpers (4.0: `<usa-flip-list>` → `<usa-auto-animate>`,
|
|
725
725
|
* `connectedAnimation()` → `sharedTransition()`, both in `components/layout`).
|
|
@@ -786,7 +786,7 @@ interface UsaOverscrollElement extends UsaElement {
|
|
|
786
786
|
}
|
|
787
787
|
|
|
788
788
|
/**
|
|
789
|
-
*
|
|
789
|
+
* motionary/components/physics — spring & bounce physics (v2.3).
|
|
790
790
|
* `<usa-spring>` (bounce-in, pop, drop, jelly, rubber-band), `<usa-draggable>`
|
|
791
791
|
* (spring-back, inertia, snap) and `<usa-overscroll>` (elastic edges), plus
|
|
792
792
|
* the spring core: `spring()`, `springEasing()`, `createSpring()`,
|
|
@@ -880,7 +880,7 @@ interface UsaCarousel3dElement extends UsaElement {
|
|
|
880
880
|
}
|
|
881
881
|
|
|
882
882
|
/**
|
|
883
|
-
*
|
|
883
|
+
* motionary/components/cards — card effects (v2.4).
|
|
884
884
|
* `<usa-card effect="flip | holo | glass | border-glow | conic-border | lift |
|
|
885
885
|
* spotlight | sheen | parallax-layers | expand">` (combinable),
|
|
886
886
|
* `<usa-card-stack>` (swipeable deck), `<usa-sticky-stack>` (stacking on
|
|
@@ -1028,7 +1028,7 @@ interface UsaCheckboxElement extends UsaElement {
|
|
|
1028
1028
|
}
|
|
1029
1029
|
|
|
1030
1030
|
/**
|
|
1031
|
-
*
|
|
1031
|
+
* motionary/components/click — click & tap effects (v2.5).
|
|
1032
1032
|
* `<usa-click>` (ripple, burst, confetti, squish, press-spring, shake),
|
|
1033
1033
|
* `<usa-button>` (button click deformation: squash, wobble, gooey, dent;
|
|
1034
1034
|
* shape morph; submit → loading → success), `<usa-icon-morph>`,
|
|
@@ -1200,7 +1200,7 @@ interface UsaAvatarStackElement extends UsaElement {
|
|
|
1200
1200
|
}
|
|
1201
1201
|
|
|
1202
1202
|
/**
|
|
1203
|
-
*
|
|
1203
|
+
* motionary/components/ui — animated UI components + style variants (v2.6).
|
|
1204
1204
|
* `<usa-tabs>`, `<usa-drawer>`, `<usa-bottom-sheet>`, `<usa-pull-refresh>`,
|
|
1205
1205
|
* `<usa-fab>`, `<usa-navbar>`, `<usa-slider>`, `<usa-rating>`,
|
|
1206
1206
|
* `<usa-tooltip>`, `<usa-popover>`, `<usa-badge>`, `<usa-avatar-stack>`,
|
|
@@ -1337,7 +1337,7 @@ interface UsaMotionSwitchElement extends UsaElement {
|
|
|
1337
1337
|
}
|
|
1338
1338
|
|
|
1339
1339
|
/**
|
|
1340
|
-
*
|
|
1340
|
+
* motionary/components/page — page & app-wide effects (v2.7).
|
|
1341
1341
|
* Page transitions (`pageTransition()`, `enableMpaTransitions()`,
|
|
1342
1342
|
* `themeTransition()`), `<usa-cursor>`, `smoothScroll()` / `scrollToTarget()`,
|
|
1343
1343
|
* `<usa-fullpage>`, `<usa-loading-bar>` + `loadingBar`, `<usa-back-to-top>`,
|
|
@@ -1381,7 +1381,7 @@ interface UsaTimelineElement extends UsaElement {
|
|
|
1381
1381
|
}
|
|
1382
1382
|
|
|
1383
1383
|
/**
|
|
1384
|
-
*
|
|
1384
|
+
* motionary/components/timeline — choreography (v3.1).
|
|
1385
1385
|
* `timeline()` chains, overlaps, labels, seeks, reverses and scroll-scrubs
|
|
1386
1386
|
* WAAPI animations on one playhead; `<usa-timeline>` builds one from
|
|
1387
1387
|
* `data-tl` children.
|
|
@@ -1427,7 +1427,7 @@ interface UsaPinchZoomElement extends UsaElement {
|
|
|
1427
1427
|
}
|
|
1428
1428
|
|
|
1429
1429
|
/**
|
|
1430
|
-
*
|
|
1430
|
+
* motionary/components/gesture — unified gestures (v3.2).
|
|
1431
1431
|
* `gesture()` recognises pan, swipe, pinch, long-press, tap and double-tap
|
|
1432
1432
|
* with release velocities for springs; `<usa-swipeable>` (swipe-to-dismiss)
|
|
1433
1433
|
* and `<usa-pinch-zoom>` are built on it.
|
|
@@ -1488,7 +1488,7 @@ interface UsaAnimIconElement extends UsaElement {
|
|
|
1488
1488
|
}
|
|
1489
1489
|
|
|
1490
1490
|
/**
|
|
1491
|
-
*
|
|
1491
|
+
* motionary/components/svg — SVG animation (v3.3).
|
|
1492
1492
|
* `<usa-draw>` (line drawing), `<usa-morph>` (path morph), `<usa-mask-reveal>`
|
|
1493
1493
|
* (mask / clip-path reveals) and `<usa-anim-icon>` (animated icons), plus
|
|
1494
1494
|
* `interpolatePath()`, `morphTo()`, `drawLines()`.
|
|
@@ -1515,7 +1515,7 @@ interface UsaGLElement extends UsaElement {
|
|
|
1515
1515
|
}
|
|
1516
1516
|
|
|
1517
1517
|
/**
|
|
1518
|
-
*
|
|
1518
|
+
* motionary/components/webgl — lightweight canvas / WebGL (v3.4).
|
|
1519
1519
|
* `<usa-shader>` (shader backgrounds), `<usa-distort>` (hover image
|
|
1520
1520
|
* distortion), `<usa-liquid>` (ripple images) on a tiny single-quad runner
|
|
1521
1521
|
* (`glQuad()`), with graceful fallbacks when WebGL is unavailable.
|
|
@@ -1563,7 +1563,7 @@ interface UsaDepthElement extends UsaElement {
|
|
|
1563
1563
|
}
|
|
1564
1564
|
|
|
1565
1565
|
/**
|
|
1566
|
-
*
|
|
1566
|
+
* motionary/components/depth — 3D (v3.5).
|
|
1567
1567
|
* `<usa-cube>` (CSS 3D cube), `<usa-depth>` (layered depth parallax driven by
|
|
1568
1568
|
* pointer, device orientation or scroll) and `deviceTilt()`. The 3D ring
|
|
1569
1569
|
* carousel is `<usa-carousel-3d>` in `components/cards`.
|
|
@@ -1597,7 +1597,7 @@ interface UsaMasonryElement extends UsaElement {
|
|
|
1597
1597
|
}
|
|
1598
1598
|
|
|
1599
1599
|
/**
|
|
1600
|
-
*
|
|
1600
|
+
* motionary/components/layout — layout animation (v3.6).
|
|
1601
1601
|
* `autoAnimate()` / `<usa-auto-animate>` (list & grid reflow),
|
|
1602
1602
|
* `<usa-masonry>`, and `sharedTransition()` for shared-element transitions
|
|
1603
1603
|
* (View Transitions API with a FLIP fallback).
|
|
@@ -1621,7 +1621,7 @@ interface UsaPackElement extends UsaElement {
|
|
|
1621
1621
|
}
|
|
1622
1622
|
|
|
1623
1623
|
/**
|
|
1624
|
-
*
|
|
1624
|
+
* motionary/components/packs — effect packs (v3.9).
|
|
1625
1625
|
* Ready-made motion for e-commerce, portfolio, dashboard, game UI and
|
|
1626
1626
|
* landing pages: mark elements with `data-role` and apply a pack with
|
|
1627
1627
|
* `<usa-pack name="…">` or `applyPack(name, root)`. Includes `flyToCart()`
|
|
@@ -1670,12 +1670,12 @@ interface UsaFxElement extends UsaElement {
|
|
|
1670
1670
|
}
|
|
1671
1671
|
|
|
1672
1672
|
/**
|
|
1673
|
-
*
|
|
1673
|
+
* motionary/components/fx — unified plugin-style effects (5.0).
|
|
1674
1674
|
* `registerEffect({ name, kind, run })`, `playEffect(el, name)`,
|
|
1675
1675
|
* `bindEffect(el, name, { trigger })`, `<usa-fx effect trigger>`. Built-ins:
|
|
1676
1676
|
* every timeline preset (`enter`), `pulse` · `pop` · `jelly` · `wiggle` ·
|
|
1677
1677
|
* `heartbeat` · `bounce` · `flash` · `tada` · `shake` (attention),
|
|
1678
|
-
* `burst` · `confetti` · `ripple` (click). More packs: `
|
|
1678
|
+
* `burst` · `confetti` · `ripple` (click). More packs: `motionary/components/effects`.
|
|
1679
1679
|
*/
|
|
1680
1680
|
|
|
1681
1681
|
declare global {
|
|
@@ -1685,16 +1685,16 @@ declare global {
|
|
|
1685
1685
|
}
|
|
1686
1686
|
|
|
1687
1687
|
/**
|
|
1688
|
-
*
|
|
1688
|
+
* motionary/components/vue — Vue integration (v2.9).
|
|
1689
1689
|
*
|
|
1690
1690
|
* ```js
|
|
1691
1691
|
* // vite.config.js
|
|
1692
1692
|
* import vue from '@vitejs/plugin-vue';
|
|
1693
|
-
* import { isUsaElement } from '
|
|
1693
|
+
* import { isUsaElement } from 'motionary/components/vue';
|
|
1694
1694
|
* export default { plugins: [vue({ template: { compilerOptions: { isCustomElement: isUsaElement } } })] };
|
|
1695
1695
|
*
|
|
1696
1696
|
* // main.js
|
|
1697
|
-
* import { UsaPlugin } from '
|
|
1697
|
+
* import { UsaPlugin } from 'motionary/components/vue';
|
|
1698
1698
|
* app.use(UsaPlugin, { categories: ['click', 'cards'] });
|
|
1699
1699
|
* ```
|
|
1700
1700
|
* In templates, listen with `@usa:change="…"` and bind properties with
|
package/dist/components/vue.d.ts
CHANGED
|
@@ -79,7 +79,7 @@ interface UsaScrollyElement extends UsaElement {
|
|
|
79
79
|
}
|
|
80
80
|
|
|
81
81
|
/**
|
|
82
|
-
*
|
|
82
|
+
* motionary/components/reveal — entrance & scroll reveal components.
|
|
83
83
|
* `<usa-reveal>`, `<usa-stagger>`, `<usa-scroll-progress>`, `<usa-scrolly>`.
|
|
84
84
|
*/
|
|
85
85
|
|
|
@@ -310,7 +310,7 @@ interface Timeline {
|
|
|
310
310
|
}
|
|
311
311
|
|
|
312
312
|
/**
|
|
313
|
-
*
|
|
313
|
+
* motionary/components/text — text effects.
|
|
314
314
|
* `<usa-typewriter>`, `<usa-split-text>`, `<usa-scramble>`, `<usa-counter>`,
|
|
315
315
|
* `<usa-shimmer-text>`, `<usa-text-rotate>`.
|
|
316
316
|
*/
|
|
@@ -410,7 +410,7 @@ interface UsaToggleElement extends UsaElement {
|
|
|
410
410
|
}
|
|
411
411
|
|
|
412
412
|
/**
|
|
413
|
-
*
|
|
413
|
+
* motionary/components/interaction — micro-interactions.
|
|
414
414
|
* `<usa-ripple>`, `<usa-magnetic>`, `<usa-tilt>`, `<usa-spotlight>`,
|
|
415
415
|
* `<usa-press>`, `<usa-toggle>`.
|
|
416
416
|
*/
|
|
@@ -527,7 +527,7 @@ interface UsaCheckElement extends UsaElement {
|
|
|
527
527
|
}
|
|
528
528
|
|
|
529
529
|
/**
|
|
530
|
-
*
|
|
530
|
+
* motionary/components/feedback — loading & feedback.
|
|
531
531
|
* `<usa-spinner>`, `<usa-skeleton>`, `<usa-progress>`, `<usa-toaster>` +
|
|
532
532
|
* `toast()`, `<usa-check>`.
|
|
533
533
|
*/
|
|
@@ -645,7 +645,7 @@ interface UsaDotNetworkElement extends UsaElement {
|
|
|
645
645
|
}
|
|
646
646
|
|
|
647
647
|
/**
|
|
648
|
-
*
|
|
648
|
+
* motionary/components/background — backgrounds & decoration.
|
|
649
649
|
* `<usa-aurora>`, `<usa-particles>`, `<usa-grain>`, `<usa-marquee>`,
|
|
650
650
|
* `<usa-acrylic>`.
|
|
651
651
|
*/
|
|
@@ -719,7 +719,7 @@ interface UsaViewSwitchElement extends UsaElement {
|
|
|
719
719
|
}
|
|
720
720
|
|
|
721
721
|
/**
|
|
722
|
-
*
|
|
722
|
+
* motionary/components/transitions — view & layout transitions.
|
|
723
723
|
* `<usa-dialog>`, `<usa-accordion>`, `<usa-view-switch>`
|
|
724
724
|
* and the `viewTransition()` and `flip()` helpers (4.0: `<usa-flip-list>` → `<usa-auto-animate>`,
|
|
725
725
|
* `connectedAnimation()` → `sharedTransition()`, both in `components/layout`).
|
|
@@ -786,7 +786,7 @@ interface UsaOverscrollElement extends UsaElement {
|
|
|
786
786
|
}
|
|
787
787
|
|
|
788
788
|
/**
|
|
789
|
-
*
|
|
789
|
+
* motionary/components/physics — spring & bounce physics (v2.3).
|
|
790
790
|
* `<usa-spring>` (bounce-in, pop, drop, jelly, rubber-band), `<usa-draggable>`
|
|
791
791
|
* (spring-back, inertia, snap) and `<usa-overscroll>` (elastic edges), plus
|
|
792
792
|
* the spring core: `spring()`, `springEasing()`, `createSpring()`,
|
|
@@ -880,7 +880,7 @@ interface UsaCarousel3dElement extends UsaElement {
|
|
|
880
880
|
}
|
|
881
881
|
|
|
882
882
|
/**
|
|
883
|
-
*
|
|
883
|
+
* motionary/components/cards — card effects (v2.4).
|
|
884
884
|
* `<usa-card effect="flip | holo | glass | border-glow | conic-border | lift |
|
|
885
885
|
* spotlight | sheen | parallax-layers | expand">` (combinable),
|
|
886
886
|
* `<usa-card-stack>` (swipeable deck), `<usa-sticky-stack>` (stacking on
|
|
@@ -1028,7 +1028,7 @@ interface UsaCheckboxElement extends UsaElement {
|
|
|
1028
1028
|
}
|
|
1029
1029
|
|
|
1030
1030
|
/**
|
|
1031
|
-
*
|
|
1031
|
+
* motionary/components/click — click & tap effects (v2.5).
|
|
1032
1032
|
* `<usa-click>` (ripple, burst, confetti, squish, press-spring, shake),
|
|
1033
1033
|
* `<usa-button>` (button click deformation: squash, wobble, gooey, dent;
|
|
1034
1034
|
* shape morph; submit → loading → success), `<usa-icon-morph>`,
|
|
@@ -1200,7 +1200,7 @@ interface UsaAvatarStackElement extends UsaElement {
|
|
|
1200
1200
|
}
|
|
1201
1201
|
|
|
1202
1202
|
/**
|
|
1203
|
-
*
|
|
1203
|
+
* motionary/components/ui — animated UI components + style variants (v2.6).
|
|
1204
1204
|
* `<usa-tabs>`, `<usa-drawer>`, `<usa-bottom-sheet>`, `<usa-pull-refresh>`,
|
|
1205
1205
|
* `<usa-fab>`, `<usa-navbar>`, `<usa-slider>`, `<usa-rating>`,
|
|
1206
1206
|
* `<usa-tooltip>`, `<usa-popover>`, `<usa-badge>`, `<usa-avatar-stack>`,
|
|
@@ -1337,7 +1337,7 @@ interface UsaMotionSwitchElement extends UsaElement {
|
|
|
1337
1337
|
}
|
|
1338
1338
|
|
|
1339
1339
|
/**
|
|
1340
|
-
*
|
|
1340
|
+
* motionary/components/page — page & app-wide effects (v2.7).
|
|
1341
1341
|
* Page transitions (`pageTransition()`, `enableMpaTransitions()`,
|
|
1342
1342
|
* `themeTransition()`), `<usa-cursor>`, `smoothScroll()` / `scrollToTarget()`,
|
|
1343
1343
|
* `<usa-fullpage>`, `<usa-loading-bar>` + `loadingBar`, `<usa-back-to-top>`,
|
|
@@ -1381,7 +1381,7 @@ interface UsaTimelineElement extends UsaElement {
|
|
|
1381
1381
|
}
|
|
1382
1382
|
|
|
1383
1383
|
/**
|
|
1384
|
-
*
|
|
1384
|
+
* motionary/components/timeline — choreography (v3.1).
|
|
1385
1385
|
* `timeline()` chains, overlaps, labels, seeks, reverses and scroll-scrubs
|
|
1386
1386
|
* WAAPI animations on one playhead; `<usa-timeline>` builds one from
|
|
1387
1387
|
* `data-tl` children.
|
|
@@ -1427,7 +1427,7 @@ interface UsaPinchZoomElement extends UsaElement {
|
|
|
1427
1427
|
}
|
|
1428
1428
|
|
|
1429
1429
|
/**
|
|
1430
|
-
*
|
|
1430
|
+
* motionary/components/gesture — unified gestures (v3.2).
|
|
1431
1431
|
* `gesture()` recognises pan, swipe, pinch, long-press, tap and double-tap
|
|
1432
1432
|
* with release velocities for springs; `<usa-swipeable>` (swipe-to-dismiss)
|
|
1433
1433
|
* and `<usa-pinch-zoom>` are built on it.
|
|
@@ -1488,7 +1488,7 @@ interface UsaAnimIconElement extends UsaElement {
|
|
|
1488
1488
|
}
|
|
1489
1489
|
|
|
1490
1490
|
/**
|
|
1491
|
-
*
|
|
1491
|
+
* motionary/components/svg — SVG animation (v3.3).
|
|
1492
1492
|
* `<usa-draw>` (line drawing), `<usa-morph>` (path morph), `<usa-mask-reveal>`
|
|
1493
1493
|
* (mask / clip-path reveals) and `<usa-anim-icon>` (animated icons), plus
|
|
1494
1494
|
* `interpolatePath()`, `morphTo()`, `drawLines()`.
|
|
@@ -1515,7 +1515,7 @@ interface UsaGLElement extends UsaElement {
|
|
|
1515
1515
|
}
|
|
1516
1516
|
|
|
1517
1517
|
/**
|
|
1518
|
-
*
|
|
1518
|
+
* motionary/components/webgl — lightweight canvas / WebGL (v3.4).
|
|
1519
1519
|
* `<usa-shader>` (shader backgrounds), `<usa-distort>` (hover image
|
|
1520
1520
|
* distortion), `<usa-liquid>` (ripple images) on a tiny single-quad runner
|
|
1521
1521
|
* (`glQuad()`), with graceful fallbacks when WebGL is unavailable.
|
|
@@ -1563,7 +1563,7 @@ interface UsaDepthElement extends UsaElement {
|
|
|
1563
1563
|
}
|
|
1564
1564
|
|
|
1565
1565
|
/**
|
|
1566
|
-
*
|
|
1566
|
+
* motionary/components/depth — 3D (v3.5).
|
|
1567
1567
|
* `<usa-cube>` (CSS 3D cube), `<usa-depth>` (layered depth parallax driven by
|
|
1568
1568
|
* pointer, device orientation or scroll) and `deviceTilt()`. The 3D ring
|
|
1569
1569
|
* carousel is `<usa-carousel-3d>` in `components/cards`.
|
|
@@ -1597,7 +1597,7 @@ interface UsaMasonryElement extends UsaElement {
|
|
|
1597
1597
|
}
|
|
1598
1598
|
|
|
1599
1599
|
/**
|
|
1600
|
-
*
|
|
1600
|
+
* motionary/components/layout — layout animation (v3.6).
|
|
1601
1601
|
* `autoAnimate()` / `<usa-auto-animate>` (list & grid reflow),
|
|
1602
1602
|
* `<usa-masonry>`, and `sharedTransition()` for shared-element transitions
|
|
1603
1603
|
* (View Transitions API with a FLIP fallback).
|
|
@@ -1621,7 +1621,7 @@ interface UsaPackElement extends UsaElement {
|
|
|
1621
1621
|
}
|
|
1622
1622
|
|
|
1623
1623
|
/**
|
|
1624
|
-
*
|
|
1624
|
+
* motionary/components/packs — effect packs (v3.9).
|
|
1625
1625
|
* Ready-made motion for e-commerce, portfolio, dashboard, game UI and
|
|
1626
1626
|
* landing pages: mark elements with `data-role` and apply a pack with
|
|
1627
1627
|
* `<usa-pack name="…">` or `applyPack(name, root)`. Includes `flyToCart()`
|
|
@@ -1670,12 +1670,12 @@ interface UsaFxElement extends UsaElement {
|
|
|
1670
1670
|
}
|
|
1671
1671
|
|
|
1672
1672
|
/**
|
|
1673
|
-
*
|
|
1673
|
+
* motionary/components/fx — unified plugin-style effects (5.0).
|
|
1674
1674
|
* `registerEffect({ name, kind, run })`, `playEffect(el, name)`,
|
|
1675
1675
|
* `bindEffect(el, name, { trigger })`, `<usa-fx effect trigger>`. Built-ins:
|
|
1676
1676
|
* every timeline preset (`enter`), `pulse` · `pop` · `jelly` · `wiggle` ·
|
|
1677
1677
|
* `heartbeat` · `bounce` · `flash` · `tada` · `shake` (attention),
|
|
1678
|
-
* `burst` · `confetti` · `ripple` (click). More packs: `
|
|
1678
|
+
* `burst` · `confetti` · `ripple` (click). More packs: `motionary/components/effects`.
|
|
1679
1679
|
*/
|
|
1680
1680
|
|
|
1681
1681
|
declare global {
|
|
@@ -1685,16 +1685,16 @@ declare global {
|
|
|
1685
1685
|
}
|
|
1686
1686
|
|
|
1687
1687
|
/**
|
|
1688
|
-
*
|
|
1688
|
+
* motionary/components/vue — Vue integration (v2.9).
|
|
1689
1689
|
*
|
|
1690
1690
|
* ```js
|
|
1691
1691
|
* // vite.config.js
|
|
1692
1692
|
* import vue from '@vitejs/plugin-vue';
|
|
1693
|
-
* import { isUsaElement } from '
|
|
1693
|
+
* import { isUsaElement } from 'motionary/components/vue';
|
|
1694
1694
|
* export default { plugins: [vue({ template: { compilerOptions: { isCustomElement: isUsaElement } } })] };
|
|
1695
1695
|
*
|
|
1696
1696
|
* // main.js
|
|
1697
|
-
* import { UsaPlugin } from '
|
|
1697
|
+
* import { UsaPlugin } from 'motionary/components/vue';
|
|
1698
1698
|
* app.use(UsaPlugin, { categories: ['click', 'cards'] });
|
|
1699
1699
|
* ```
|
|
1700
1700
|
* In templates, listen with `@usa:change="…"` and bind properties with
|
package/dist/components/vue.js
CHANGED
|
@@ -1,24 +1,24 @@
|
|
|
1
1
|
import { defineComponents } from '../components.js';
|
|
2
2
|
import './reveal.js';
|
|
3
|
-
import '../chunks/base-
|
|
3
|
+
import '../chunks/base-Yno7N2eC.js';
|
|
4
4
|
import './text.js';
|
|
5
|
-
import '../chunks/core-
|
|
5
|
+
import '../chunks/core-CUGCsMsJ.js';
|
|
6
6
|
import './tokens.js';
|
|
7
7
|
import './interaction.js';
|
|
8
8
|
import './feedback.js';
|
|
9
9
|
import './background.js';
|
|
10
|
-
import '../chunks/variants-
|
|
10
|
+
import '../chunks/variants-VNscPeTD.js';
|
|
11
11
|
import './transitions.js';
|
|
12
12
|
import './physics.js';
|
|
13
|
-
import '../chunks/spring-
|
|
13
|
+
import '../chunks/spring-DfQO5USi.js';
|
|
14
14
|
import './cards.js';
|
|
15
15
|
import './click.js';
|
|
16
|
-
import '../chunks/fx-
|
|
16
|
+
import '../chunks/fx-BqDeFywO.js';
|
|
17
17
|
import './ui.js';
|
|
18
18
|
import './page.js';
|
|
19
19
|
import './timeline.js';
|
|
20
20
|
import './gesture.js';
|
|
21
|
-
import '../chunks/core-
|
|
21
|
+
import '../chunks/core-BIOaYdgN.js';
|
|
22
22
|
import './svg.js';
|
|
23
23
|
import './webgl.js';
|
|
24
24
|
import './depth.js';
|
|
@@ -31,16 +31,16 @@ import './perf.js';
|
|
|
31
31
|
import './bridge.js';
|
|
32
32
|
|
|
33
33
|
/**
|
|
34
|
-
*
|
|
34
|
+
* motionary/components/vue — Vue integration (v2.9).
|
|
35
35
|
*
|
|
36
36
|
* ```js
|
|
37
37
|
* // vite.config.js
|
|
38
38
|
* import vue from '@vitejs/plugin-vue';
|
|
39
|
-
* import { isUsaElement } from '
|
|
39
|
+
* import { isUsaElement } from 'motionary/components/vue';
|
|
40
40
|
* export default { plugins: [vue({ template: { compilerOptions: { isCustomElement: isUsaElement } } })] };
|
|
41
41
|
*
|
|
42
42
|
* // main.js
|
|
43
|
-
* import { UsaPlugin } from '
|
|
43
|
+
* import { UsaPlugin } from 'motionary/components/vue';
|
|
44
44
|
* app.use(UsaPlugin, { categories: ['click', 'cards'] });
|
|
45
45
|
* ```
|
|
46
46
|
* In templates, listen with `@usa:change="…"` and bind properties with
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"vue.js","sources":["../../src/components/frameworks/vue.ts"],"sourcesContent":["/**\n *
|
|
1
|
+
{"version":3,"file":"vue.js","sources":["../../src/components/frameworks/vue.ts"],"sourcesContent":["/**\n * motionary/components/vue — Vue integration (v2.9).\n *\n * ```js\n * // vite.config.js\n * import vue from '@vitejs/plugin-vue';\n * import { isUsaElement } from 'motionary/components/vue';\n * export default { plugins: [vue({ template: { compilerOptions: { isCustomElement: isUsaElement } } })] };\n *\n * // main.js\n * import { UsaPlugin } from 'motionary/components/vue';\n * app.use(UsaPlugin, { categories: ['click', 'cards'] });\n * ```\n * In templates, listen with `@usa:change=\"…\"` and bind properties with\n * `.prop`: `<usa-toggle :checked.prop=\"on\" @usa:change=\"on = $event.detail.checked\">`.\n */\nimport { defineComponents, type ComponentCategory } from '../index';\n\n/** `compilerOptions.isCustomElement` predicate for every `<usa-*>` tag. */\nexport const isUsaElement = (tag: string): boolean => tag.startsWith('usa-');\n\nexport interface UsaPluginOptions {\n /** Only register these categories (default: all). */\n categories?: ComponentCategory[];\n}\n\n/** Vue plugin: registers the `<usa-*>` elements (client only) and sets `isCustomElement` at runtime. */\nexport const UsaPlugin = {\n install(app: { config: { compilerOptions?: { isCustomElement?: (t: string) => boolean } } }, options: UsaPluginOptions = {}): void {\n const co = (app.config.compilerOptions ||= {});\n const prev = co.isCustomElement;\n co.isCustomElement = (t: string) => isUsaElement(t) || !!prev?.(t);\n defineComponents(options.categories);\n },\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;AAeG;AAGH;AACO,MAAM,YAAY,GAAG,CAAC,GAAW,KAAc,GAAG,CAAC,UAAU,CAAC,MAAM;AAO3E;AACO,MAAM,SAAS,GAAG;AACvB,IAAA,OAAO,CAAC,GAAmF,EAAE,OAAA,GAA4B,EAAE,EAAA;;AACzH,QAAA,MAAM,EAAE,IAAG,CAAA,EAAA,GAAC,GAAG,CAAC,MAAM,EAAC,eAAe,KAAA,EAAA,CAAf,eAAe,GAAK,EAAE,EAAC;AAC9C,QAAA,MAAM,IAAI,GAAG,EAAE,CAAC,eAAe;QAC/B,EAAE,CAAC,eAAe,GAAG,CAAC,CAAS,KAAK,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC;AAClE,QAAA,gBAAgB,CAAC,OAAO,CAAC,UAAU,CAAC;IACtC,CAAC;;;;;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var base = require('../chunks/base-
|
|
3
|
+
var base = require('../chunks/base-BaQV-2ha.cjs');
|
|
4
4
|
|
|
5
5
|
/** Minimal WebGL runner: one full-canvas quad, one fragment shader, optional image texture. */
|
|
6
6
|
const VERTEX = 'attribute vec2 p;varying vec2 v_uv;void main(){v_uv=p*.5+.5;gl_Position=vec4(p,0.,1.);}';
|
|
@@ -427,7 +427,7 @@ function definePostFx(tag = 'usa-post-fx') {
|
|
|
427
427
|
}
|
|
428
428
|
|
|
429
429
|
/**
|
|
430
|
-
*
|
|
430
|
+
* motionary/components/webgl — lightweight canvas / WebGL (v3.4).
|
|
431
431
|
* `<usa-shader>` (shader backgrounds), `<usa-distort>` (hover image
|
|
432
432
|
* distortion), `<usa-liquid>` (ripple images) on a tiny single-quad runner
|
|
433
433
|
* (`glQuad()`), with graceful fallbacks when WebGL is unavailable.
|