vevet 3.19.2 → 4.0.0-beta.0
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/README.md +81 -18
- package/lib/cjs/{Application → Vevet}/events/createOnPageLoad/index.js +7 -7
- package/lib/cjs/Vevet/events/createOnPageLoad/index.js.map +1 -0
- package/lib/cjs/Vevet/events/createOnPageLoad/types.js.map +1 -0
- package/lib/cjs/{Application → Vevet}/events/createViewport/index.js +19 -25
- package/lib/cjs/Vevet/events/createViewport/index.js.map +1 -0
- package/lib/cjs/Vevet/events/createViewport/types.js.map +1 -0
- package/lib/cjs/Vevet/exported.js +3 -0
- package/lib/cjs/Vevet/exported.js.map +1 -0
- package/lib/cjs/Vevet/global.js +3 -0
- package/lib/cjs/Vevet/global.js.map +1 -0
- package/lib/cjs/Vevet/index.js +94 -0
- package/lib/cjs/Vevet/index.js.map +1 -0
- package/lib/cjs/{Application → Vevet}/types.js.map +1 -1
- package/lib/cjs/{utils/internal → Vevet/utils}/fetchWebpSupport.js +1 -1
- package/lib/cjs/Vevet/utils/fetchWebpSupport.js.map +1 -0
- package/lib/cjs/Vevet/utils/getDeviceInfo.js.map +1 -0
- package/lib/cjs/base/Callbacks/index.js +65 -48
- package/lib/cjs/base/Callbacks/index.js.map +1 -1
- package/lib/cjs/base/Component/index.js +15 -4
- package/lib/cjs/base/Component/index.js.map +1 -1
- package/lib/cjs/base/Module/index.js +118 -64
- package/lib/cjs/base/Module/index.js.map +1 -1
- package/lib/cjs/base/MutableProps/index.js +30 -55
- package/lib/cjs/base/MutableProps/index.js.map +1 -1
- package/lib/cjs/base/Plugin/index.js +20 -1
- package/lib/cjs/base/Plugin/index.js.map +1 -1
- package/lib/cjs/components/AnimationFrame/index.js +14 -21
- package/lib/cjs/components/AnimationFrame/index.js.map +1 -1
- package/lib/cjs/components/Ctx2D/index.js +40 -25
- package/lib/cjs/components/Ctx2D/index.js.map +1 -1
- package/lib/cjs/components/Ctx2DPrerender/index.js +17 -7
- package/lib/cjs/components/Ctx2DPrerender/index.js.map +1 -1
- package/lib/cjs/components/CustomCursor/index.js +75 -51
- package/lib/cjs/components/CustomCursor/index.js.map +1 -1
- package/lib/cjs/components/{SmoothScroll → CustomScroll}/AnimatonFrame.js +2 -2
- package/lib/cjs/components/{SmoothScroll → CustomScroll}/AnimatonFrame.js.map +1 -1
- package/lib/cjs/components/{SmoothScroll → CustomScroll}/Elements.js +9 -9
- package/lib/cjs/components/{SmoothScroll → CustomScroll}/Elements.js.map +1 -1
- package/lib/cjs/components/{SmoothScroll → CustomScroll}/index.js +72 -66
- package/lib/cjs/components/CustomScroll/index.js.map +1 -0
- package/lib/cjs/components/CustomScroll/types.js.map +1 -0
- package/lib/cjs/components/{SmoothScrollDragPlugin → CustomScrollDragPlugin}/index.js +45 -44
- package/lib/cjs/components/CustomScrollDragPlugin/index.js.map +1 -0
- package/lib/cjs/components/CustomScrollDragPlugin/types.js.map +1 -0
- package/lib/cjs/components/{SmoothScrollKeyboardPlugin → CustomScrollKeyboardPlugin}/index.js +51 -47
- package/lib/cjs/components/CustomScrollKeyboardPlugin/index.js.map +1 -0
- package/lib/cjs/components/CustomScrollKeyboardPlugin/types.js.map +1 -0
- package/lib/cjs/components/DraggerBase/index.js +74 -26
- package/lib/cjs/components/DraggerBase/index.js.map +1 -1
- package/lib/cjs/components/DraggerDirection/index.js +12 -6
- package/lib/cjs/components/DraggerDirection/index.js.map +1 -1
- package/lib/cjs/components/DraggerMove/index.js +44 -13
- package/lib/cjs/components/DraggerMove/index.js.map +1 -1
- package/lib/cjs/components/Marquee/index.js +240 -160
- package/lib/cjs/components/Marquee/index.js.map +1 -1
- package/lib/cjs/components/Preloader/index.js +45 -16
- package/lib/cjs/components/Preloader/index.js.map +1 -1
- package/lib/cjs/components/ProgressPreloader/index.js +79 -41
- package/lib/cjs/components/ProgressPreloader/index.js.map +1 -1
- package/lib/cjs/components/ProgressPreloader/utils/preloadCustomElement.js +12 -1
- package/lib/cjs/components/ProgressPreloader/utils/preloadCustomElement.js.map +1 -1
- package/lib/cjs/components/ScrollBar/Bar/index.js +90 -36
- package/lib/cjs/components/ScrollBar/Bar/index.js.map +1 -1
- package/lib/cjs/components/ScrollBar/index.js +59 -20
- package/lib/cjs/components/ScrollBar/index.js.map +1 -1
- package/lib/cjs/components/ScrollView/index.js +56 -20
- package/lib/cjs/components/ScrollView/index.js.map +1 -1
- package/lib/cjs/components/SectionScrollProgress/index.js +68 -31
- package/lib/cjs/components/SectionScrollProgress/index.js.map +1 -1
- package/lib/cjs/components/SlideProgress/index.js +72 -38
- package/lib/cjs/components/SlideProgress/index.js.map +1 -1
- package/lib/cjs/components/SplitText/index.js +52 -23
- package/lib/cjs/components/SplitText/index.js.map +1 -1
- package/lib/cjs/components/SplitText/utils/splitBase.js +6 -1
- package/lib/cjs/components/SplitText/utils/splitBase.js.map +1 -1
- package/lib/cjs/components/SplitText/utils/wrapLetters.js +11 -3
- package/lib/cjs/components/SplitText/utils/wrapLetters.js.map +1 -1
- package/lib/cjs/components/SplitText/utils/wrapLines.js +11 -5
- package/lib/cjs/components/SplitText/utils/wrapLines.js.map +1 -1
- package/lib/cjs/components/SplitText/utils/wrapWords.js +13 -2
- package/lib/cjs/components/SplitText/utils/wrapWords.js.map +1 -1
- package/lib/cjs/components/Timeline/index.js +77 -21
- package/lib/cjs/components/Timeline/index.js.map +1 -1
- package/lib/cjs/components/index.js +4 -4
- package/lib/cjs/components/index.js.map +1 -1
- package/lib/cjs/index.js +10 -3
- package/lib/cjs/index.js.map +1 -1
- package/lib/cjs/types/index.js +19 -0
- package/lib/cjs/types/index.js.map +1 -0
- package/lib/cjs/utils/common/PCancelable.js +16 -0
- package/lib/cjs/utils/common/PCancelable.js.map +1 -1
- package/lib/cjs/utils/common/normalizedTimeoutCallback.js +19 -4
- package/lib/cjs/utils/common/normalizedTimeoutCallback.js.map +1 -1
- package/lib/cjs/utils/common/objectKeys.js +11 -1
- package/lib/cjs/utils/common/objectKeys.js.map +1 -1
- package/lib/cjs/utils/common/pickObjectProps.js +14 -2
- package/lib/cjs/utils/common/pickObjectProps.js.map +1 -1
- package/lib/cjs/utils/common/times.js +12 -3
- package/lib/cjs/utils/common/times.js.map +1 -1
- package/lib/cjs/utils/common/uid.js +4 -2
- package/lib/cjs/utils/common/uid.js.map +1 -1
- package/lib/cjs/utils/image/load.js +3 -3
- package/lib/cjs/utils/image/load.js.map +1 -1
- package/lib/cjs/utils/image/pathsToProps.js +12 -5
- package/lib/cjs/utils/image/pathsToProps.js.map +1 -1
- package/lib/cjs/utils/image/sizesToSrcSet.js +7 -3
- package/lib/cjs/utils/image/sizesToSrcSet.js.map +1 -1
- package/lib/cjs/utils/internal/getApp.js +12 -0
- package/lib/cjs/utils/internal/getApp.js.map +1 -1
- package/lib/cjs/utils/listeners/isIntersectionObserverSupported.js +1 -1
- package/lib/cjs/utils/listeners/onResize.js +13 -12
- package/lib/cjs/utils/listeners/onResize.js.map +1 -1
- package/lib/cjs/utils/math/clamp.js +10 -5
- package/lib/cjs/utils/math/clamp.js.map +1 -1
- package/lib/cjs/utils/math/clampScope.js +8 -1
- package/lib/cjs/utils/math/clampScope.js.map +1 -1
- package/lib/cjs/utils/math/easing.js +6 -2
- package/lib/cjs/utils/math/easing.js.map +1 -1
- package/lib/cjs/utils/math/inScope.js +6 -3
- package/lib/cjs/utils/math/inScope.js.map +1 -1
- package/lib/cjs/utils/math/lerp.js +11 -3
- package/lib/cjs/utils/math/lerp.js.map +1 -1
- package/lib/cjs/utils/math/normalizeNestedScope.js +12 -3
- package/lib/cjs/utils/math/normalizeNestedScope.js.map +1 -1
- package/lib/cjs/utils/math/scoped.js +18 -7
- package/lib/cjs/utils/math/scoped.js.map +1 -1
- package/lib/cjs/utils/math/spreadScope.js +17 -3
- package/lib/cjs/utils/math/spreadScope.js.map +1 -1
- package/lib/cjs/utils/math/wrap.js +9 -3
- package/lib/cjs/utils/math/wrap.js.map +1 -1
- package/lib/cjs/utils/scroll/getScrollValues.js +13 -1
- package/lib/cjs/utils/scroll/getScrollValues.js.map +1 -1
- package/lib/cjs/utils/scroll/isPageScrolling.js +30 -0
- package/lib/cjs/utils/scroll/isPageScrolling.js.map +1 -1
- package/lib/cjs/utils/scroll/normalizeWheel.js +7 -2
- package/lib/cjs/utils/scroll/normalizeWheel.js.map +1 -1
- package/lib/cjs/utils/scroll/onScroll.js +14 -7
- package/lib/cjs/utils/scroll/onScroll.js.map +1 -1
- package/lib/cjs/utils/scroll/scrollTo.js +8 -7
- package/lib/cjs/utils/scroll/scrollTo.js.map +1 -1
- package/lib/cjs/utils/scroll/scrollToElement.js +8 -6
- package/lib/cjs/utils/scroll/scrollToElement.js.map +1 -1
- package/lib/cjs/version.js +1 -1
- package/lib/esm/{Application → Vevet}/events/createOnPageLoad/index.js +7 -7
- package/lib/esm/Vevet/events/createOnPageLoad/index.js.map +1 -0
- package/lib/esm/Vevet/events/createOnPageLoad/types.js.map +1 -0
- package/lib/esm/{Application → Vevet}/events/createViewport/index.js +20 -26
- package/lib/esm/Vevet/events/createViewport/index.js.map +1 -0
- package/lib/esm/Vevet/events/createViewport/types.js.map +1 -0
- package/lib/esm/Vevet/exported.js +2 -0
- package/lib/esm/Vevet/exported.js.map +1 -0
- package/lib/esm/Vevet/global.js +2 -0
- package/lib/esm/Vevet/global.js.map +1 -0
- package/lib/esm/Vevet/index.js +72 -0
- package/lib/esm/Vevet/index.js.map +1 -0
- package/lib/esm/{Application → Vevet}/types.js.map +1 -1
- package/lib/esm/{utils/internal → Vevet/utils}/fetchWebpSupport.js +1 -1
- package/lib/esm/Vevet/utils/fetchWebpSupport.js.map +1 -0
- package/lib/esm/Vevet/utils/getDeviceInfo.js.map +1 -0
- package/lib/esm/base/Callbacks/index.js +66 -48
- package/lib/esm/base/Callbacks/index.js.map +1 -1
- package/lib/esm/base/Component/index.js +15 -4
- package/lib/esm/base/Component/index.js.map +1 -1
- package/lib/esm/base/Module/index.js +119 -65
- package/lib/esm/base/Module/index.js.map +1 -1
- package/lib/esm/base/MutableProps/index.js +35 -60
- package/lib/esm/base/MutableProps/index.js.map +1 -1
- package/lib/esm/base/Plugin/index.js +20 -1
- package/lib/esm/base/Plugin/index.js.map +1 -1
- package/lib/esm/components/AnimationFrame/index.js +14 -21
- package/lib/esm/components/AnimationFrame/index.js.map +1 -1
- package/lib/esm/components/Ctx2D/index.js +40 -25
- package/lib/esm/components/Ctx2D/index.js.map +1 -1
- package/lib/esm/components/Ctx2DPrerender/index.js +17 -7
- package/lib/esm/components/Ctx2DPrerender/index.js.map +1 -1
- package/lib/esm/components/CustomCursor/index.js +75 -51
- package/lib/esm/components/CustomCursor/index.js.map +1 -1
- package/lib/esm/components/{SmoothScroll → CustomScroll}/AnimatonFrame.js +2 -2
- package/lib/esm/components/{SmoothScroll → CustomScroll}/AnimatonFrame.js.map +1 -1
- package/lib/esm/components/{SmoothScroll → CustomScroll}/Elements.js +8 -8
- package/lib/esm/components/{SmoothScroll → CustomScroll}/Elements.js.map +1 -1
- package/lib/esm/components/{SmoothScroll → CustomScroll}/index.js +30 -24
- package/lib/esm/components/CustomScroll/index.js.map +1 -0
- package/lib/esm/components/CustomScroll/types.js.map +1 -0
- package/lib/esm/components/{SmoothScrollDragPlugin → CustomScrollDragPlugin}/index.js +28 -27
- package/lib/esm/components/CustomScrollDragPlugin/index.js.map +1 -0
- package/lib/esm/components/CustomScrollDragPlugin/types.js.map +1 -0
- package/lib/esm/components/{SmoothScrollKeyboardPlugin → CustomScrollKeyboardPlugin}/index.js +37 -33
- package/lib/esm/components/CustomScrollKeyboardPlugin/index.js.map +1 -0
- package/lib/esm/components/CustomScrollKeyboardPlugin/types.js.map +1 -0
- package/lib/esm/components/DraggerBase/index.js +74 -28
- package/lib/esm/components/DraggerBase/index.js.map +1 -1
- package/lib/esm/components/DraggerDirection/index.js +12 -6
- package/lib/esm/components/DraggerDirection/index.js.map +1 -1
- package/lib/esm/components/DraggerMove/index.js +44 -13
- package/lib/esm/components/DraggerMove/index.js.map +1 -1
- package/lib/esm/components/Marquee/index.js +220 -161
- package/lib/esm/components/Marquee/index.js.map +1 -1
- package/lib/esm/components/Preloader/index.js +45 -16
- package/lib/esm/components/Preloader/index.js.map +1 -1
- package/lib/esm/components/ProgressPreloader/index.js +79 -40
- package/lib/esm/components/ProgressPreloader/index.js.map +1 -1
- package/lib/esm/components/ProgressPreloader/utils/preloadCustomElement.js +12 -1
- package/lib/esm/components/ProgressPreloader/utils/preloadCustomElement.js.map +1 -1
- package/lib/esm/components/ScrollBar/Bar/index.js +89 -32
- package/lib/esm/components/ScrollBar/Bar/index.js.map +1 -1
- package/lib/esm/components/ScrollBar/index.js +49 -15
- package/lib/esm/components/ScrollBar/index.js.map +1 -1
- package/lib/esm/components/ScrollView/index.js +56 -20
- package/lib/esm/components/ScrollView/index.js.map +1 -1
- package/lib/esm/components/SectionScrollProgress/index.js +68 -31
- package/lib/esm/components/SectionScrollProgress/index.js.map +1 -1
- package/lib/esm/components/SlideProgress/index.js +72 -38
- package/lib/esm/components/SlideProgress/index.js.map +1 -1
- package/lib/esm/components/SplitText/index.js +52 -23
- package/lib/esm/components/SplitText/index.js.map +1 -1
- package/lib/esm/components/SplitText/utils/splitBase.js +6 -1
- package/lib/esm/components/SplitText/utils/splitBase.js.map +1 -1
- package/lib/esm/components/SplitText/utils/wrapLetters.js +11 -3
- package/lib/esm/components/SplitText/utils/wrapLetters.js.map +1 -1
- package/lib/esm/components/SplitText/utils/wrapLines.js +11 -5
- package/lib/esm/components/SplitText/utils/wrapLines.js.map +1 -1
- package/lib/esm/components/SplitText/utils/wrapWords.js +13 -2
- package/lib/esm/components/SplitText/utils/wrapWords.js.map +1 -1
- package/lib/esm/components/Timeline/index.js +70 -22
- package/lib/esm/components/Timeline/index.js.map +1 -1
- package/lib/esm/components/index.js +4 -4
- package/lib/esm/components/index.js.map +1 -1
- package/lib/esm/index.js +9 -3
- package/lib/esm/index.js.map +1 -1
- package/lib/esm/types/index.js +3 -0
- package/lib/esm/types/index.js.map +1 -0
- package/lib/esm/utils/common/PCancelable.js +16 -0
- package/lib/esm/utils/common/PCancelable.js.map +1 -1
- package/lib/esm/utils/common/normalizedTimeoutCallback.js +19 -4
- package/lib/esm/utils/common/normalizedTimeoutCallback.js.map +1 -1
- package/lib/esm/utils/common/objectKeys.js +11 -1
- package/lib/esm/utils/common/objectKeys.js.map +1 -1
- package/lib/esm/utils/common/pickObjectProps.js +14 -2
- package/lib/esm/utils/common/pickObjectProps.js.map +1 -1
- package/lib/esm/utils/common/times.js +12 -3
- package/lib/esm/utils/common/times.js.map +1 -1
- package/lib/esm/utils/common/uid.js +4 -2
- package/lib/esm/utils/common/uid.js.map +1 -1
- package/lib/esm/utils/image/load.js +3 -3
- package/lib/esm/utils/image/load.js.map +1 -1
- package/lib/esm/utils/image/pathsToProps.js +12 -5
- package/lib/esm/utils/image/pathsToProps.js.map +1 -1
- package/lib/esm/utils/image/sizesToSrcSet.js +7 -3
- package/lib/esm/utils/image/sizesToSrcSet.js.map +1 -1
- package/lib/esm/utils/internal/getApp.js +12 -0
- package/lib/esm/utils/internal/getApp.js.map +1 -1
- package/lib/esm/utils/listeners/isIntersectionObserverSupported.js +1 -1
- package/lib/esm/utils/listeners/onResize.js +11 -12
- package/lib/esm/utils/listeners/onResize.js.map +1 -1
- package/lib/esm/utils/math/clamp.js +10 -5
- package/lib/esm/utils/math/clamp.js.map +1 -1
- package/lib/esm/utils/math/clampScope.js +8 -1
- package/lib/esm/utils/math/clampScope.js.map +1 -1
- package/lib/esm/utils/math/easing.js +6 -2
- package/lib/esm/utils/math/easing.js.map +1 -1
- package/lib/esm/utils/math/inScope.js +6 -3
- package/lib/esm/utils/math/inScope.js.map +1 -1
- package/lib/esm/utils/math/lerp.js +11 -3
- package/lib/esm/utils/math/lerp.js.map +1 -1
- package/lib/esm/utils/math/normalizeNestedScope.js +12 -3
- package/lib/esm/utils/math/normalizeNestedScope.js.map +1 -1
- package/lib/esm/utils/math/scoped.js +17 -6
- package/lib/esm/utils/math/scoped.js.map +1 -1
- package/lib/esm/utils/math/spreadScope.js +17 -3
- package/lib/esm/utils/math/spreadScope.js.map +1 -1
- package/lib/esm/utils/math/wrap.js +9 -3
- package/lib/esm/utils/math/wrap.js.map +1 -1
- package/lib/esm/utils/scroll/getScrollValues.js +13 -1
- package/lib/esm/utils/scroll/getScrollValues.js.map +1 -1
- package/lib/esm/utils/scroll/isPageScrolling.js +30 -0
- package/lib/esm/utils/scroll/isPageScrolling.js.map +1 -1
- package/lib/esm/utils/scroll/normalizeWheel.js +7 -2
- package/lib/esm/utils/scroll/normalizeWheel.js.map +1 -1
- package/lib/esm/utils/scroll/onScroll.js +14 -7
- package/lib/esm/utils/scroll/onScroll.js.map +1 -1
- package/lib/esm/utils/scroll/scrollTo.js +8 -7
- package/lib/esm/utils/scroll/scrollTo.js.map +1 -1
- package/lib/esm/utils/scroll/scrollToElement.js +8 -6
- package/lib/esm/utils/scroll/scrollToElement.js.map +1 -1
- package/lib/esm/version.js +1 -1
- package/lib/styles/base.scss +0 -2
- package/lib/styles/components/CustomCursor.scss +7 -7
- package/{src/styles/components/SmoothScroll.scss → lib/styles/components/CustomScroll.scss} +3 -3
- package/lib/styles/components/Preloader.scss +1 -1
- package/lib/styles/components/ScrollBar.scss +4 -4
- package/lib/styles/components/index.scss +1 -1
- package/lib/styles/index.scss +0 -1
- package/lib/types/Vevet/events/createOnPageLoad/index.d.ts +3 -0
- package/lib/types/Vevet/events/createOnPageLoad/index.d.ts.map +1 -0
- package/lib/types/Vevet/events/createOnPageLoad/types.d.ts +20 -0
- package/lib/types/Vevet/events/createOnPageLoad/types.d.ts.map +1 -0
- package/lib/types/Vevet/events/createViewport/index.d.ts +4 -0
- package/lib/types/Vevet/events/createViewport/index.d.ts.map +1 -0
- package/lib/types/Vevet/events/createViewport/types.d.ts +85 -0
- package/lib/types/Vevet/events/createViewport/types.d.ts.map +1 -0
- package/lib/types/Vevet/exported.d.ts +6 -0
- package/lib/types/Vevet/exported.d.ts.map +1 -0
- package/lib/types/Vevet/global.d.ts +51 -0
- package/lib/types/Vevet/global.d.ts.map +1 -0
- package/lib/types/Vevet/index.d.ts +4 -0
- package/lib/types/Vevet/index.d.ts.map +1 -0
- package/lib/types/Vevet/types.d.ts +43 -0
- package/lib/types/Vevet/types.d.ts.map +1 -0
- package/lib/types/Vevet/utils/fetchWebpSupport.d.ts +3 -0
- package/lib/types/Vevet/utils/fetchWebpSupport.d.ts.map +1 -0
- package/lib/types/Vevet/utils/getDeviceInfo.d.ts.map +1 -0
- package/lib/types/base/Callbacks/index.d.ts +67 -46
- package/lib/types/base/Callbacks/index.d.ts.map +1 -1
- package/lib/types/base/Callbacks/types.d.ts +46 -14
- package/lib/types/base/Callbacks/types.d.ts.map +1 -1
- package/lib/types/base/Component/index.d.ts +19 -5
- package/lib/types/base/Component/index.d.ts.map +1 -1
- package/lib/types/base/Component/types.d.ts +15 -3
- package/lib/types/base/Component/types.d.ts.map +1 -1
- package/lib/types/base/Module/index.d.ts +124 -74
- package/lib/types/base/Module/index.d.ts.map +1 -1
- package/lib/types/base/Module/types.d.ts +29 -3
- package/lib/types/base/Module/types.d.ts.map +1 -1
- package/lib/types/base/MutableProps/index.d.ts +34 -77
- package/lib/types/base/MutableProps/index.d.ts.map +1 -1
- package/lib/types/base/MutableProps/types.d.ts +14 -8
- package/lib/types/base/MutableProps/types.d.ts.map +1 -1
- package/lib/types/base/Plugin/index.d.ts +24 -1
- package/lib/types/base/Plugin/index.d.ts.map +1 -1
- package/lib/types/base/Plugin/types.d.ts +11 -0
- package/lib/types/base/Plugin/types.d.ts.map +1 -1
- package/lib/types/components/AnimationFrame/index.d.ts +20 -18
- package/lib/types/components/AnimationFrame/index.d.ts.map +1 -1
- package/lib/types/components/AnimationFrame/types.d.ts +18 -3
- package/lib/types/components/AnimationFrame/types.d.ts.map +1 -1
- package/lib/types/components/Ctx2D/index.d.ts +37 -15
- package/lib/types/components/Ctx2D/index.d.ts.map +1 -1
- package/lib/types/components/Ctx2D/types.d.ts +40 -13
- package/lib/types/components/Ctx2D/types.d.ts.map +1 -1
- package/lib/types/components/Ctx2DPrerender/index.d.ts +13 -4
- package/lib/types/components/Ctx2DPrerender/index.d.ts.map +1 -1
- package/lib/types/components/Ctx2DPrerender/types.d.ts +13 -2
- package/lib/types/components/Ctx2DPrerender/types.d.ts.map +1 -1
- package/lib/types/components/CustomCursor/index.d.ts +59 -36
- package/lib/types/components/CustomCursor/index.d.ts.map +1 -1
- package/lib/types/components/CustomCursor/types.d.ts +52 -12
- package/lib/types/components/CustomCursor/types.d.ts.map +1 -1
- package/lib/types/components/{SmoothScroll → CustomScroll}/AnimatonFrame.d.ts.map +1 -1
- package/lib/types/components/{SmoothScroll → CustomScroll}/Elements.d.ts +3 -3
- package/lib/types/components/{SmoothScroll → CustomScroll}/Elements.d.ts.map +1 -1
- package/lib/types/components/{SmoothScroll → CustomScroll}/index.d.ts +46 -32
- package/lib/types/components/CustomScroll/index.d.ts.map +1 -0
- package/lib/types/components/CustomScroll/types.d.ts +137 -0
- package/lib/types/components/CustomScroll/types.d.ts.map +1 -0
- package/lib/types/components/CustomScrollDragPlugin/index.d.ts +62 -0
- package/lib/types/components/CustomScrollDragPlugin/index.d.ts.map +1 -0
- package/lib/types/components/CustomScrollDragPlugin/types.d.ts +52 -0
- package/lib/types/components/CustomScrollDragPlugin/types.d.ts.map +1 -0
- package/lib/types/components/CustomScrollKeyboardPlugin/index.d.ts +47 -0
- package/lib/types/components/CustomScrollKeyboardPlugin/index.d.ts.map +1 -0
- package/lib/types/components/CustomScrollKeyboardPlugin/types.d.ts +16 -0
- package/lib/types/components/{SmoothScrollKeyboardPlugin → CustomScrollKeyboardPlugin}/types.d.ts.map +1 -1
- package/lib/types/components/DraggerBase/index.d.ts +93 -28
- package/lib/types/components/DraggerBase/index.d.ts.map +1 -1
- package/lib/types/components/DraggerBase/types.d.ts +21 -3
- package/lib/types/components/DraggerBase/types.d.ts.map +1 -1
- package/lib/types/components/DraggerDirection/index.d.ts +6 -2
- package/lib/types/components/DraggerDirection/index.d.ts.map +1 -1
- package/lib/types/components/DraggerDirection/types.d.ts +15 -1
- package/lib/types/components/DraggerDirection/types.d.ts.map +1 -1
- package/lib/types/components/DraggerMove/index.d.ts +38 -8
- package/lib/types/components/DraggerMove/index.d.ts.map +1 -1
- package/lib/types/components/DraggerMove/types.d.ts +15 -2
- package/lib/types/components/DraggerMove/types.d.ts.map +1 -1
- package/lib/types/components/Marquee/index.d.ts +59 -36
- package/lib/types/components/Marquee/index.d.ts.map +1 -1
- package/lib/types/components/Marquee/types.d.ts +18 -8
- package/lib/types/components/Marquee/types.d.ts.map +1 -1
- package/lib/types/components/Preloader/index.d.ts +52 -15
- package/lib/types/components/Preloader/index.d.ts.map +1 -1
- package/lib/types/components/Preloader/types.d.ts +16 -5
- package/lib/types/components/Preloader/types.d.ts.map +1 -1
- package/lib/types/components/ProgressPreloader/index.d.ts +85 -25
- package/lib/types/components/ProgressPreloader/index.d.ts.map +1 -1
- package/lib/types/components/ProgressPreloader/types.d.ts +51 -14
- package/lib/types/components/ProgressPreloader/types.d.ts.map +1 -1
- package/lib/types/components/ProgressPreloader/utils/preloadCustomElement.d.ts +3 -0
- package/lib/types/components/ProgressPreloader/utils/preloadCustomElement.d.ts.map +1 -1
- package/lib/types/components/ScrollBar/Bar/index.d.ts +81 -16
- package/lib/types/components/ScrollBar/Bar/index.d.ts.map +1 -1
- package/lib/types/components/ScrollBar/Bar/types.d.ts +38 -16
- package/lib/types/components/ScrollBar/Bar/types.d.ts.map +1 -1
- package/lib/types/components/ScrollBar/index.d.ts +49 -12
- package/lib/types/components/ScrollBar/index.d.ts.map +1 -1
- package/lib/types/components/ScrollBar/types.d.ts +8 -6
- package/lib/types/components/ScrollBar/types.d.ts.map +1 -1
- package/lib/types/components/ScrollView/index.d.ts +65 -21
- package/lib/types/components/ScrollView/index.d.ts.map +1 -1
- package/lib/types/components/SectionScrollProgress/index.d.ts +83 -28
- package/lib/types/components/SectionScrollProgress/index.d.ts.map +1 -1
- package/lib/types/components/SectionScrollProgress/types.d.ts +15 -6
- package/lib/types/components/SectionScrollProgress/types.d.ts.map +1 -1
- package/lib/types/components/SlideProgress/index.d.ts +59 -24
- package/lib/types/components/SlideProgress/index.d.ts.map +1 -1
- package/lib/types/components/SlideProgress/types.d.ts +24 -15
- package/lib/types/components/SlideProgress/types.d.ts.map +1 -1
- package/lib/types/components/SplitText/index.d.ts +64 -18
- package/lib/types/components/SplitText/index.d.ts.map +1 -1
- package/lib/types/components/SplitText/types.d.ts +36 -8
- package/lib/types/components/SplitText/types.d.ts.map +1 -1
- package/lib/types/components/SplitText/utils/splitBase.d.ts +3 -1
- package/lib/types/components/SplitText/utils/splitBase.d.ts.map +1 -1
- package/lib/types/components/SplitText/utils/wrapLetters.d.ts +3 -1
- package/lib/types/components/SplitText/utils/wrapLetters.d.ts.map +1 -1
- package/lib/types/components/SplitText/utils/wrapLines.d.ts +3 -1
- package/lib/types/components/SplitText/utils/wrapLines.d.ts.map +1 -1
- package/lib/types/components/SplitText/utils/wrapWords.d.ts +3 -1
- package/lib/types/components/SplitText/utils/wrapWords.d.ts.map +1 -1
- package/lib/types/components/Timeline/index.d.ts +69 -21
- package/lib/types/components/Timeline/index.d.ts.map +1 -1
- package/lib/types/components/Timeline/types.d.ts +32 -7
- package/lib/types/components/Timeline/types.d.ts.map +1 -1
- package/lib/types/components/index.d.ts +4 -4
- package/lib/types/components/index.d.ts.map +1 -1
- package/lib/types/index.d.ts +9 -2
- package/lib/types/index.d.ts.map +1 -1
- package/lib/types/types/index.d.ts +3 -0
- package/lib/types/types/index.d.ts.map +1 -0
- package/lib/types/types/utility.d.ts +2 -3
- package/lib/types/types/utility.d.ts.map +1 -1
- package/lib/types/utils/common/PCancelable.d.ts +16 -0
- package/lib/types/utils/common/PCancelable.d.ts.map +1 -1
- package/lib/types/utils/common/normalizedTimeoutCallback.d.ts +19 -4
- package/lib/types/utils/common/normalizedTimeoutCallback.d.ts.map +1 -1
- package/lib/types/utils/common/objectKeys.d.ts +11 -1
- package/lib/types/utils/common/objectKeys.d.ts.map +1 -1
- package/lib/types/utils/common/pickObjectProps.d.ts +14 -2
- package/lib/types/utils/common/pickObjectProps.d.ts.map +1 -1
- package/lib/types/utils/common/times.d.ts +12 -3
- package/lib/types/utils/common/times.d.ts.map +1 -1
- package/lib/types/utils/common/uid.d.ts +4 -2
- package/lib/types/utils/common/uid.d.ts.map +1 -1
- package/lib/types/utils/image/load.d.ts +8 -5
- package/lib/types/utils/image/load.d.ts.map +1 -1
- package/lib/types/utils/image/pathsToProps.d.ts +10 -4
- package/lib/types/utils/image/pathsToProps.d.ts.map +1 -1
- package/lib/types/utils/image/sizesToSrcSet.d.ts +7 -3
- package/lib/types/utils/image/sizesToSrcSet.d.ts.map +1 -1
- package/lib/types/utils/internal/getApp.d.ts +9 -1
- package/lib/types/utils/internal/getApp.d.ts.map +1 -1
- package/lib/types/utils/listeners/isIntersectionObserverSupported.d.ts +1 -1
- package/lib/types/utils/listeners/onResize.d.ts +11 -12
- package/lib/types/utils/listeners/onResize.d.ts.map +1 -1
- package/lib/types/utils/math/clamp.d.ts +7 -2
- package/lib/types/utils/math/clamp.d.ts.map +1 -1
- package/lib/types/utils/math/clampScope.d.ts +8 -1
- package/lib/types/utils/math/clampScope.d.ts.map +1 -1
- package/lib/types/utils/math/easing.d.ts +4 -1
- package/lib/types/utils/math/easing.d.ts.map +1 -1
- package/lib/types/utils/math/inScope.d.ts +5 -2
- package/lib/types/utils/math/inScope.d.ts.map +1 -1
- package/lib/types/utils/math/lerp.d.ts +10 -2
- package/lib/types/utils/math/lerp.d.ts.map +1 -1
- package/lib/types/utils/math/normalizeNestedScope.d.ts +12 -3
- package/lib/types/utils/math/normalizeNestedScope.d.ts.map +1 -1
- package/lib/types/utils/math/scoped.d.ts +16 -5
- package/lib/types/utils/math/scoped.d.ts.map +1 -1
- package/lib/types/utils/math/spreadScope.d.ts +17 -3
- package/lib/types/utils/math/spreadScope.d.ts.map +1 -1
- package/lib/types/utils/math/wrap.d.ts +9 -3
- package/lib/types/utils/math/wrap.d.ts.map +1 -1
- package/lib/types/utils/scroll/getScrollValues.d.ts +13 -1
- package/lib/types/utils/scroll/getScrollValues.d.ts.map +1 -1
- package/lib/types/utils/scroll/isPageScrolling.d.ts +20 -0
- package/lib/types/utils/scroll/isPageScrolling.d.ts.map +1 -1
- package/lib/types/utils/scroll/normalizeWheel.d.ts +10 -2
- package/lib/types/utils/scroll/normalizeWheel.d.ts.map +1 -1
- package/lib/types/utils/scroll/onScroll.d.ts +10 -5
- package/lib/types/utils/scroll/onScroll.d.ts.map +1 -1
- package/lib/types/utils/scroll/scrollTo.d.ts +12 -9
- package/lib/types/utils/scroll/scrollTo.d.ts.map +1 -1
- package/lib/types/utils/scroll/scrollToElement.d.ts +9 -7
- package/lib/types/utils/scroll/scrollToElement.d.ts.map +1 -1
- package/lib/types/version.d.ts +1 -1
- package/package.json +6 -7
- package/src/{Application → Vevet}/events/createOnPageLoad/index.ts +8 -8
- package/src/Vevet/events/createOnPageLoad/types.ts +21 -0
- package/src/{Application → Vevet}/events/createViewport/index.ts +33 -35
- package/src/{Application → Vevet}/events/createViewport/stories/index.tsx +7 -5
- package/src/Vevet/events/createViewport/types.ts +93 -0
- package/src/Vevet/exported.ts +15 -0
- package/src/Vevet/global.ts +51 -0
- package/src/Vevet/index.ts +98 -0
- package/src/{Application → Vevet}/stories/index.tsx +2 -2
- package/src/Vevet/types.ts +48 -0
- package/src/base/Callbacks/index.ts +70 -51
- package/src/base/Callbacks/types.ts +53 -14
- package/src/base/Component/index.ts +19 -5
- package/src/base/Component/types.ts +15 -3
- package/src/base/Module/index.ts +125 -78
- package/src/base/Module/types.ts +32 -3
- package/src/base/MutableProps/index.ts +44 -73
- package/src/base/MutableProps/types.ts +15 -8
- package/src/base/Plugin/index.ts +24 -1
- package/src/base/Plugin/types.ts +11 -0
- package/src/components/AnimationFrame/index.ts +21 -28
- package/src/components/AnimationFrame/types.ts +23 -3
- package/src/components/Ctx2D/index.ts +46 -34
- package/src/components/Ctx2D/types.ts +53 -13
- package/src/components/Ctx2DPrerender/index.ts +18 -7
- package/src/components/Ctx2DPrerender/types.ts +13 -2
- package/src/components/CustomCursor/index.ts +85 -60
- package/src/components/CustomCursor/stories/index.tsx +0 -3
- package/src/components/CustomCursor/types.ts +63 -12
- package/src/components/{SmoothScroll → CustomScroll}/AnimatonFrame.ts +2 -2
- package/src/components/{SmoothScroll → CustomScroll}/Elements.ts +14 -14
- package/src/components/{SmoothScroll → CustomScroll}/index.ts +61 -44
- package/src/components/{SmoothScroll → CustomScroll}/stories/Default.tsx +8 -8
- package/src/components/{SmoothScroll → CustomScroll}/stories/WithHorizontal.tsx +9 -9
- package/src/components/{SmoothScroll → CustomScroll}/stories/WithInnerLerp.tsx +9 -9
- package/src/components/{SmoothScroll → CustomScroll}/stories/index.stories.tsx +1 -1
- package/src/components/CustomScroll/types.ts +165 -0
- package/src/components/{SmoothScrollDragPlugin → CustomScrollDragPlugin}/index.ts +41 -41
- package/src/components/{SmoothScrollDragPlugin → CustomScrollDragPlugin}/stories/index.stories.tsx +1 -1
- package/src/components/{SmoothScrollDragPlugin → CustomScrollDragPlugin}/stories/index.tsx +10 -10
- package/src/components/CustomScrollDragPlugin/types.ts +59 -0
- package/src/components/{SmoothScrollKeyboardPlugin → CustomScrollKeyboardPlugin}/index.ts +47 -43
- package/src/components/{SmoothScrollKeyboardPlugin → CustomScrollKeyboardPlugin}/stories/index.stories.tsx +1 -1
- package/src/components/{SmoothScrollKeyboardPlugin → CustomScrollKeyboardPlugin}/stories/index.tsx +10 -10
- package/src/components/{SmoothScrollKeyboardPlugin → CustomScrollKeyboardPlugin}/types.ts +6 -2
- package/src/components/DraggerBase/index.ts +101 -37
- package/src/components/DraggerBase/types.ts +25 -3
- package/src/components/DraggerDirection/index.ts +12 -6
- package/src/components/DraggerDirection/types.ts +18 -1
- package/src/components/DraggerMove/index.ts +44 -13
- package/src/components/DraggerMove/types.ts +17 -2
- package/src/components/Marquee/index.ts +255 -186
- package/src/components/Marquee/stories/index.tsx +16 -2
- package/src/components/Marquee/types.ts +18 -8
- package/src/components/Preloader/index.ts +56 -20
- package/src/components/Preloader/types.ts +18 -5
- package/src/components/ProgressPreloader/index.ts +104 -48
- package/src/components/ProgressPreloader/types.ts +65 -14
- package/src/components/ProgressPreloader/utils/preloadCustomElement.ts +13 -2
- package/src/components/ScrollBar/Bar/index.ts +112 -62
- package/src/components/ScrollBar/Bar/types.ts +46 -17
- package/src/components/ScrollBar/index.ts +65 -20
- package/src/components/ScrollBar/stories/{WithSmoothScrollComponent.tsx → WithCustomScrollComponent.tsx} +5 -5
- package/src/components/ScrollBar/stories/index.stories.tsx +3 -3
- package/src/components/ScrollBar/types.ts +10 -6
- package/src/components/ScrollView/index.ts +73 -27
- package/src/components/ScrollView/stories/index.tsx +5 -2
- package/src/components/SectionScrollProgress/index.ts +97 -41
- package/src/components/SectionScrollProgress/stories/WithCustomScroll.tsx +6 -6
- package/src/components/SectionScrollProgress/types.ts +19 -6
- package/src/components/SlideProgress/index.ts +78 -45
- package/src/components/SlideProgress/types.ts +24 -15
- package/src/components/SplitText/index.ts +71 -31
- package/src/components/SplitText/types.ts +48 -8
- package/src/components/SplitText/utils/splitBase.ts +6 -2
- package/src/components/SplitText/utils/wrapLetters.ts +11 -3
- package/src/components/SplitText/utils/wrapLines.ts +11 -5
- package/src/components/SplitText/utils/wrapWords.ts +14 -3
- package/src/components/Timeline/index.ts +98 -26
- package/src/components/Timeline/stories/index.stories.tsx +0 -5
- package/src/components/Timeline/types.ts +37 -7
- package/src/components/index.ts +4 -4
- package/src/index.ts +14 -4
- package/src/styles/base.scss +0 -2
- package/src/styles/components/CustomCursor.scss +7 -7
- package/{lib/styles/components/SmoothScroll.scss → src/styles/components/CustomScroll.scss} +3 -3
- package/src/styles/components/Preloader.scss +1 -1
- package/src/styles/components/ScrollBar.scss +4 -4
- package/src/styles/components/index.scss +1 -1
- package/src/styles/index.scss +0 -1
- package/src/types/index.ts +2 -0
- package/src/types/utility.ts +2 -2
- package/src/utils/common/PCancelable.ts +17 -0
- package/src/utils/common/normalizedTimeoutCallback.ts +19 -4
- package/src/utils/common/objectKeys.ts +12 -2
- package/src/utils/common/pickObjectProps.ts +16 -4
- package/src/utils/common/times.ts +12 -3
- package/src/utils/common/uid.ts +5 -3
- package/src/utils/image/load.ts +9 -4
- package/src/utils/image/pathsToProps.ts +12 -5
- package/src/utils/image/sizesToSrcSet.ts +7 -3
- package/src/utils/internal/getApp.ts +25 -0
- package/src/utils/listeners/isIntersectionObserverSupported.ts +1 -1
- package/src/utils/listeners/onResize.ts +16 -21
- package/src/utils/math/clamp.ts +10 -5
- package/src/utils/math/clampScope.ts +9 -2
- package/src/utils/math/easing.ts +6 -2
- package/src/utils/math/inScope.ts +6 -3
- package/src/utils/math/lerp.ts +11 -3
- package/src/utils/math/normalizeNestedScope.ts +12 -3
- package/src/utils/math/scoped.ts +17 -6
- package/src/utils/math/spreadScope.ts +17 -3
- package/src/utils/math/wrap.ts +9 -3
- package/src/utils/scroll/getScrollValues.ts +13 -1
- package/src/utils/scroll/isPageScrolling.ts +31 -0
- package/src/utils/scroll/normalizeWheel.ts +10 -2
- package/src/utils/scroll/onScroll.ts +18 -11
- package/src/utils/scroll/scrollTo.ts +16 -10
- package/src/utils/scroll/scrollToElement.ts +9 -7
- package/src/version.ts +1 -1
- package/lib/cjs/Application/events/createOnPageLoad/index.js.map +0 -1
- package/lib/cjs/Application/events/createOnPageLoad/types.js.map +0 -1
- package/lib/cjs/Application/events/createViewport/index.js.map +0 -1
- package/lib/cjs/Application/events/createViewport/types.js.map +0 -1
- package/lib/cjs/Application/index.js +0 -222
- package/lib/cjs/Application/index.js.map +0 -1
- package/lib/cjs/components/BaseTimeline/index.js +0 -125
- package/lib/cjs/components/BaseTimeline/index.js.map +0 -1
- package/lib/cjs/components/BaseTimeline/types.js.map +0 -1
- package/lib/cjs/components/SmoothScroll/index.js.map +0 -1
- package/lib/cjs/components/SmoothScroll/types.js.map +0 -1
- package/lib/cjs/components/SmoothScrollDragPlugin/index.js.map +0 -1
- package/lib/cjs/components/SmoothScrollDragPlugin/types.js.map +0 -1
- package/lib/cjs/components/SmoothScrollKeyboardPlugin/index.js.map +0 -1
- package/lib/cjs/components/SmoothScrollKeyboardPlugin/types.js +0 -3
- package/lib/cjs/components/SmoothScrollKeyboardPlugin/types.js.map +0 -1
- package/lib/cjs/utils/internal/fetchWebpSupport.js.map +0 -1
- package/lib/cjs/utils/internal/getDeviceInfo.js.map +0 -1
- package/lib/cjs/vevet.js +0 -6
- package/lib/cjs/vevet.js.map +0 -1
- package/lib/esm/Application/events/createOnPageLoad/index.js.map +0 -1
- package/lib/esm/Application/events/createOnPageLoad/types.js.map +0 -1
- package/lib/esm/Application/events/createViewport/index.js.map +0 -1
- package/lib/esm/Application/events/createViewport/types.js.map +0 -1
- package/lib/esm/Application/index.js +0 -134
- package/lib/esm/Application/index.js.map +0 -1
- package/lib/esm/components/BaseTimeline/index.js +0 -75
- package/lib/esm/components/BaseTimeline/index.js.map +0 -1
- package/lib/esm/components/BaseTimeline/types.js.map +0 -1
- package/lib/esm/components/SmoothScroll/index.js.map +0 -1
- package/lib/esm/components/SmoothScroll/types.js.map +0 -1
- package/lib/esm/components/SmoothScrollDragPlugin/index.js.map +0 -1
- package/lib/esm/components/SmoothScrollDragPlugin/types.js.map +0 -1
- package/lib/esm/components/SmoothScrollKeyboardPlugin/index.js.map +0 -1
- package/lib/esm/components/SmoothScrollKeyboardPlugin/types.js +0 -2
- package/lib/esm/components/SmoothScrollKeyboardPlugin/types.js.map +0 -1
- package/lib/esm/utils/internal/fetchWebpSupport.js.map +0 -1
- package/lib/esm/utils/internal/getDeviceInfo.js.map +0 -1
- package/lib/esm/vevet.js +0 -3
- package/lib/esm/vevet.js.map +0 -1
- package/lib/styles/globals/index.scss +0 -18
- package/lib/types/Application/events/createOnPageLoad/index.d.ts +0 -5
- package/lib/types/Application/events/createOnPageLoad/index.d.ts.map +0 -1
- package/lib/types/Application/events/createOnPageLoad/types.d.ts +0 -5
- package/lib/types/Application/events/createOnPageLoad/types.d.ts.map +0 -1
- package/lib/types/Application/events/createViewport/index.d.ts +0 -20
- package/lib/types/Application/events/createViewport/index.d.ts.map +0 -1
- package/lib/types/Application/events/createViewport/types.d.ts +0 -52
- package/lib/types/Application/events/createViewport/types.d.ts.map +0 -1
- package/lib/types/Application/index.d.ts +0 -89
- package/lib/types/Application/index.d.ts.map +0 -1
- package/lib/types/Application/types.d.ts +0 -41
- package/lib/types/Application/types.d.ts.map +0 -1
- package/lib/types/components/BaseTimeline/index.d.ts +0 -40
- package/lib/types/components/BaseTimeline/index.d.ts.map +0 -1
- package/lib/types/components/BaseTimeline/types.d.ts +0 -34
- package/lib/types/components/BaseTimeline/types.d.ts.map +0 -1
- package/lib/types/components/SmoothScroll/index.d.ts.map +0 -1
- package/lib/types/components/SmoothScroll/types.d.ts +0 -105
- package/lib/types/components/SmoothScroll/types.d.ts.map +0 -1
- package/lib/types/components/SmoothScrollDragPlugin/index.d.ts +0 -50
- package/lib/types/components/SmoothScrollDragPlugin/index.d.ts.map +0 -1
- package/lib/types/components/SmoothScrollDragPlugin/types.d.ts +0 -39
- package/lib/types/components/SmoothScrollDragPlugin/types.d.ts.map +0 -1
- package/lib/types/components/SmoothScrollKeyboardPlugin/index.d.ts +0 -31
- package/lib/types/components/SmoothScrollKeyboardPlugin/index.d.ts.map +0 -1
- package/lib/types/components/SmoothScrollKeyboardPlugin/types.d.ts +0 -12
- package/lib/types/utils/internal/fetchWebpSupport.d.ts +0 -3
- package/lib/types/utils/internal/fetchWebpSupport.d.ts.map +0 -1
- package/lib/types/utils/internal/getDeviceInfo.d.ts.map +0 -1
- package/lib/types/vevet.d.ts +0 -3
- package/lib/types/vevet.d.ts.map +0 -1
- package/src/Application/events/createOnPageLoad/types.ts +0 -5
- package/src/Application/events/createViewport/types.ts +0 -55
- package/src/Application/index.ts +0 -204
- package/src/Application/types.ts +0 -41
- package/src/components/BaseTimeline/index.ts +0 -123
- package/src/components/BaseTimeline/stories/Basic.tsx +0 -65
- package/src/components/BaseTimeline/stories/Nested.tsx +0 -108
- package/src/components/BaseTimeline/stories/index.stories.tsx +0 -16
- package/src/components/BaseTimeline/types.ts +0 -36
- package/src/components/SmoothScroll/types.ts +0 -114
- package/src/components/SmoothScrollDragPlugin/types.ts +0 -40
- package/src/components/Timeline/stories/Nested.tsx +0 -135
- package/src/styles/globals/index.scss +0 -18
- package/src/vevet.ts +0 -4
- /package/lib/cjs/{Application → Vevet}/events/createOnPageLoad/types.js +0 -0
- /package/lib/cjs/{Application → Vevet}/events/createViewport/types.js +0 -0
- /package/lib/cjs/{Application → Vevet}/types.js +0 -0
- /package/lib/cjs/{utils/internal → Vevet/utils}/getDeviceInfo.js +0 -0
- /package/lib/cjs/components/{BaseTimeline → CustomScroll}/types.js +0 -0
- /package/lib/cjs/components/{SmoothScroll → CustomScrollDragPlugin}/types.js +0 -0
- /package/lib/cjs/components/{SmoothScrollDragPlugin → CustomScrollKeyboardPlugin}/types.js +0 -0
- /package/lib/esm/{Application → Vevet}/events/createOnPageLoad/types.js +0 -0
- /package/lib/esm/{Application → Vevet}/events/createViewport/types.js +0 -0
- /package/lib/esm/{Application → Vevet}/types.js +0 -0
- /package/lib/esm/{utils/internal → Vevet/utils}/getDeviceInfo.js +0 -0
- /package/lib/esm/components/{BaseTimeline → CustomScroll}/types.js +0 -0
- /package/lib/esm/components/{SmoothScroll → CustomScrollDragPlugin}/types.js +0 -0
- /package/lib/esm/components/{SmoothScrollDragPlugin → CustomScrollKeyboardPlugin}/types.js +0 -0
- /package/lib/types/{utils/internal → Vevet/utils}/getDeviceInfo.d.ts +0 -0
- /package/lib/types/components/{SmoothScroll → CustomScroll}/AnimatonFrame.d.ts +0 -0
- /package/src/{Application → Vevet}/events/.eslintrc +0 -0
- /package/src/{Application → Vevet}/events/createViewport/stories/index.stories.tsx +0 -0
- /package/src/{Application → Vevet}/stories/index.stories.tsx +0 -0
- /package/src/{utils/internal → Vevet/utils}/fetchWebpSupport.ts +0 -0
- /package/src/{utils/internal → Vevet/utils}/getDeviceInfo.ts +0 -0
package/src/utils/math/lerp.ts
CHANGED
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
/**
|
|
2
|
-
*
|
|
2
|
+
* Performs linear interpolation between the current and target values using an ease factor.
|
|
3
|
+
*
|
|
4
|
+
* Linear interpolation (LERP) calculates the intermediate value between two values (`current` and `target`)
|
|
5
|
+
* based on a given easing factor.
|
|
6
|
+
*
|
|
7
|
+
* @param current - The current value or starting point.
|
|
8
|
+
* @param target - The target value or end point.
|
|
9
|
+
* @param factor - The factor, typically between 0 and 1, which controls how fast the interpolation happens. A value closer to 0 makes the change slower, and a value closer to 1 makes it faster.
|
|
10
|
+
* @param approximationLeft - The threshold within which the difference between `current` and `target` is considered negligible, and the function returns the `target` value directly.
|
|
3
11
|
*
|
|
4
12
|
* @example
|
|
5
13
|
*
|
|
@@ -9,10 +17,10 @@
|
|
|
9
17
|
export function lerp(
|
|
10
18
|
current: number,
|
|
11
19
|
target: number,
|
|
12
|
-
|
|
20
|
+
factor: number,
|
|
13
21
|
approximationLeft = 0.001,
|
|
14
22
|
) {
|
|
15
|
-
const value = current * (1 -
|
|
23
|
+
const value = current * (1 - factor) + target * factor;
|
|
16
24
|
const difference = Math.abs(target - value);
|
|
17
25
|
|
|
18
26
|
if (difference <= approximationLeft) {
|
|
@@ -1,10 +1,19 @@
|
|
|
1
1
|
/**
|
|
2
|
-
*
|
|
2
|
+
* Normalizes a nested scope (`innerScope`) relative to a larger `globalScope`.
|
|
3
|
+
*
|
|
4
|
+
* This function calculates the relative position of an inner scope within a global scope,
|
|
5
|
+
* adjusting the inner scope's values based on the size and position of the global scope.
|
|
6
|
+
*
|
|
7
|
+
* @param innerScope - The scope that is nested within the global scope. This is a range [start, end] relative to the global scope.
|
|
8
|
+
* @param globalScope - The global scope or range [start, end] that the inner scope should be normalized to.
|
|
3
9
|
*
|
|
4
10
|
* @example
|
|
5
11
|
*
|
|
6
|
-
* normalizeNestedScope([0, 1], [0.1, 0.8]);
|
|
7
|
-
*
|
|
12
|
+
* normalizeNestedScope([0, 1], [0.1, 0.8]);
|
|
13
|
+
* // => [0.1, 0.8] // No change, since innerScope matches the full globalScope
|
|
14
|
+
*
|
|
15
|
+
* normalizeNestedScope([0.2, 0.9], [0.1, 0.8]);
|
|
16
|
+
* // => [0.24, 0.73] // Adjusted to fit within globalScope [0.1, 0.8]
|
|
8
17
|
*/
|
|
9
18
|
export function normalizeNestedScope(
|
|
10
19
|
innerScope: [number, number] | number[],
|
package/src/utils/math/scoped.ts
CHANGED
|
@@ -1,14 +1,25 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Get progress
|
|
2
|
+
* Get the progress of a value (`value`) relative to a given scope (`scope`).
|
|
3
|
+
*
|
|
4
|
+
* This function calculates how far along a value is within a specific range (scope),
|
|
5
|
+
* providing a normalized result between 0 and 1, depending on its position in the scope.
|
|
6
|
+
*
|
|
7
|
+
* @param value - The value for which to determine the relative progress within the scope.
|
|
8
|
+
* @param scope - The range (start, end) within which the value's progress will be calculated. Defaults to [0, 1].
|
|
3
9
|
*
|
|
4
10
|
* @example
|
|
5
11
|
*
|
|
6
|
-
* scoped(0.35, [0, 1]);
|
|
7
|
-
*
|
|
8
|
-
*
|
|
12
|
+
* scoped(0.35, [0, 1]);
|
|
13
|
+
* // => 0.35 // Progress of 0.35 within the full range [0, 1]
|
|
14
|
+
*
|
|
15
|
+
* scoped(0.35, [0.25, 1]);
|
|
16
|
+
* // => 0.133 // Progress of 0.35 within the range [0.25, 1]
|
|
17
|
+
*
|
|
18
|
+
* scoped(0.35, [0.25, 0.9]);
|
|
19
|
+
* // => 0.153 // Progress of 0.35 within the narrower range [0.25, 0.9]
|
|
9
20
|
*/
|
|
10
|
-
export function scoped(
|
|
11
|
-
const result = (
|
|
21
|
+
export function scoped(value: number, scope = [0, 1]) {
|
|
22
|
+
const result = (value - scope[0]) / (scope[1] - scope[0]);
|
|
12
23
|
|
|
13
24
|
return result;
|
|
14
25
|
}
|
|
@@ -1,10 +1,24 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Distribute
|
|
2
|
+
* Distribute the progress scope evenly across a specified number of timelines,
|
|
3
|
+
* with an optional overlap or shift between them.
|
|
4
|
+
*
|
|
5
|
+
* The function divides the range `[0, 1]` into segments, where each segment represents
|
|
6
|
+
* the progress of a timeline. The `shift` parameter allows overlap or space between
|
|
7
|
+
* the timelines. A `shift` of 0 means no overlap, while positive values introduce
|
|
8
|
+
* overlap between timelines.
|
|
9
|
+
*
|
|
10
|
+
* @param quantity - The number of timelines to distribute the progress scope over.
|
|
11
|
+
* @param shift - A value from `0` to `1` that determines how much overlap exists between timelines. A `shift` of 0 means no overlap, while a shift closer to `1` results in more overlap. Negative values could introduce gaps between the timelines.
|
|
3
12
|
*
|
|
4
13
|
* @example
|
|
5
14
|
*
|
|
6
|
-
* spreadScope(3, 0.1);
|
|
7
|
-
*
|
|
15
|
+
* spreadScope(3, 0.1);
|
|
16
|
+
* // => [[0, 0.357], [0.321, 0.678], [0.642, 1]]
|
|
17
|
+
* // Progress of 3 timelines with 0.1 shift (slight overlap)
|
|
18
|
+
*
|
|
19
|
+
* spreadScope(3, 0.9);
|
|
20
|
+
* // => [[0, 0.833], [0.083, 0.916], [0.167, 1]]
|
|
21
|
+
* // Progress of 3 timelines with 0.9 shift (more overlap)
|
|
8
22
|
*/
|
|
9
23
|
export function spreadScope(quantity: number, shift: number) {
|
|
10
24
|
const timelines: number[][] = [];
|
package/src/utils/math/wrap.ts
CHANGED
|
@@ -3,15 +3,21 @@ function conditionalReturn(value: number, func: (val: number) => number) {
|
|
|
3
3
|
}
|
|
4
4
|
|
|
5
5
|
/**
|
|
6
|
-
* Wrap
|
|
6
|
+
* Wrap a value around a specified range.
|
|
7
|
+
* When the value exceeds the `max`, it wraps back to `min`, and when it's below `min`,
|
|
8
|
+
* it wraps around to `max`.
|
|
9
|
+
*
|
|
10
|
+
* @param min - The minimum value of the range.
|
|
11
|
+
* @param max - The maximum value of the range.
|
|
12
|
+
* @param value - The value to wrap around the range.
|
|
7
13
|
*
|
|
8
14
|
* @example
|
|
9
15
|
*
|
|
10
16
|
* wrap(0, 3, 0); // => 0
|
|
11
17
|
* wrap(0, 3, 1); // => 1
|
|
12
18
|
* wrap(0, 3, 2); // => 2
|
|
13
|
-
* wrap(0, 3, 3); // => 0
|
|
14
|
-
* wrap(0, 3, -1); // => 2
|
|
19
|
+
* wrap(0, 3, 3); // => 0 (wraps back to the start)
|
|
20
|
+
* wrap(0, 3, -1); // => 2 (wraps from below to the end)
|
|
15
21
|
* wrap(0, 3, -2); // => 1
|
|
16
22
|
* wrap(0, 3, -3); // => 0
|
|
17
23
|
*/
|
|
@@ -6,11 +6,23 @@ export interface IGetScrollValues {
|
|
|
6
6
|
}
|
|
7
7
|
|
|
8
8
|
/**
|
|
9
|
-
* Get scroll values of a
|
|
9
|
+
* Get the scroll values (scrollTop and scrollLeft) of a specific element, window, or a custom scroll-like object.
|
|
10
|
+
* This function retrieves the vertical and horizontal scroll positions.
|
|
11
|
+
*
|
|
12
|
+
* @param selector - The element, window, or custom scroll-like object to get scroll values from. If no selector is provided, it defaults to `window`.
|
|
10
13
|
*
|
|
11
14
|
* @example
|
|
12
15
|
*
|
|
16
|
+
* // Get scroll values of the window
|
|
13
17
|
* getScrollValues(window); // => { scrollTop: 0, scrollLeft: 0 }
|
|
18
|
+
*
|
|
19
|
+
* // Get scroll values of a specific DOM element
|
|
20
|
+
* const element = document.querySelector('.scrollable');
|
|
21
|
+
* getScrollValues(element); // => { scrollTop: 100, scrollLeft: 50 }
|
|
22
|
+
*
|
|
23
|
+
* // Get scroll values of a custom scroll-like object
|
|
24
|
+
* const customScroll: IScrollLike = { scrollTop: 200, scrollLeft: 75 };
|
|
25
|
+
* getScrollValues(customScroll); // => { scrollTop: 200, scrollLeft: 75 }
|
|
14
26
|
*/
|
|
15
27
|
export function getScrollValues(
|
|
16
28
|
selector: Window | Element | IScrollLike | undefined = window,
|
|
@@ -9,6 +9,10 @@ let listener: IRemovable | undefined;
|
|
|
9
9
|
|
|
10
10
|
let isScrolling = false;
|
|
11
11
|
|
|
12
|
+
/**
|
|
13
|
+
* Creates a scroll event listener if it doesn't exist and updates the `isScrolling` state.
|
|
14
|
+
* This listener detects if the user is scrolling and sets a timeout of 150ms to reset the `isScrolling` state.
|
|
15
|
+
*/
|
|
12
16
|
function createListener() {
|
|
13
17
|
if (!listener) {
|
|
14
18
|
listener = addEventListener(window, 'scroll', () => {
|
|
@@ -25,6 +29,9 @@ function createListener() {
|
|
|
25
29
|
}
|
|
26
30
|
}
|
|
27
31
|
|
|
32
|
+
/**
|
|
33
|
+
* Destroys the scroll event listener when there are no more IDs associated with it..
|
|
34
|
+
*/
|
|
28
35
|
function destroyListener() {
|
|
29
36
|
if (ids.length === 0) {
|
|
30
37
|
listener?.remove();
|
|
@@ -32,19 +39,43 @@ function destroyListener() {
|
|
|
32
39
|
}
|
|
33
40
|
}
|
|
34
41
|
|
|
42
|
+
/**
|
|
43
|
+
* Creates an instance to check whether the page is currently scrolling.
|
|
44
|
+
* This function manages the scroll state across multiple instances, ensuring the listener is created only once.
|
|
45
|
+
*
|
|
46
|
+
* @example
|
|
47
|
+
*
|
|
48
|
+
* const scrollChecker = createIsPageScrolling();
|
|
49
|
+
*
|
|
50
|
+
* // Check if page is scrolling
|
|
51
|
+
* const isPageScrolling = scrollChecker.get(); // => true or false
|
|
52
|
+
*
|
|
53
|
+
* // Destroy the instance when not needed
|
|
54
|
+
* scrollChecker.destroy();
|
|
55
|
+
*/
|
|
35
56
|
export function createIsPageScrolling() {
|
|
36
57
|
const id = uid('is-page-scrolling');
|
|
37
58
|
ids.push(id);
|
|
38
59
|
|
|
39
60
|
createListener();
|
|
40
61
|
|
|
62
|
+
/**
|
|
63
|
+
* Removes the current instance's ID from the tracking list and destroys the listener if no other IDs exist.
|
|
64
|
+
*/
|
|
41
65
|
function destroy() {
|
|
42
66
|
ids = ids.filter((item) => item !== id);
|
|
43
67
|
destroyListener();
|
|
44
68
|
}
|
|
45
69
|
|
|
46
70
|
return {
|
|
71
|
+
/**
|
|
72
|
+
* @returns {boolean} - Returns whether the page is currently scrolling.
|
|
73
|
+
*/
|
|
47
74
|
get: () => isScrolling,
|
|
75
|
+
|
|
76
|
+
/**
|
|
77
|
+
* Destroys the scroll listener instance.
|
|
78
|
+
*/
|
|
48
79
|
destroy,
|
|
49
80
|
};
|
|
50
81
|
}
|
|
@@ -1,16 +1,24 @@
|
|
|
1
1
|
import normalizeWheelFunc from 'normalize-wheel';
|
|
2
2
|
|
|
3
3
|
/**
|
|
4
|
-
* Normalize wheel delta. This function is
|
|
4
|
+
* Normalize wheel delta. This function is re-exported from `normalize-wheel` for convenience.
|
|
5
|
+
* It helps normalize the wheel event's delta values (spinX, spinY, pixelX, pixelY) across different browsers.
|
|
5
6
|
*
|
|
6
7
|
* @see https://www.npmjs.com/package/normalize-wheel
|
|
7
8
|
*
|
|
8
9
|
* @example
|
|
9
10
|
*
|
|
10
|
-
*
|
|
11
|
+
* document.addEventListener('wheel', (event) => {
|
|
12
|
+
* const normalized = normalizeWheel(event);
|
|
13
|
+
* console.log(normalized);
|
|
14
|
+
* // => { spinX: -0, spinY: 1.25, pixelX: -0, pixelY: 125 }
|
|
15
|
+
* });
|
|
11
16
|
*/
|
|
12
17
|
export function normalizeWheel(event: WheelEvent) {
|
|
13
18
|
return normalizeWheelFunc(event);
|
|
14
19
|
}
|
|
15
20
|
|
|
21
|
+
/**
|
|
22
|
+
* Type definition for the normalized wheel event.
|
|
23
|
+
*/
|
|
16
24
|
export type TNormalizeWheel = ReturnType<typeof normalizeWheel>;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { addEventListener, selectOne } from 'vevet-dom';
|
|
2
2
|
import { IRemovable } from '@/types/general';
|
|
3
3
|
import { uid } from '../common';
|
|
4
|
-
import type {
|
|
4
|
+
import type { CustomScroll } from '@/components/CustomScroll';
|
|
5
5
|
import { getScrollValues } from './getScrollValues';
|
|
6
6
|
|
|
7
|
-
type
|
|
7
|
+
export type TOnScrollContainer = string | Element | CustomScroll | Window;
|
|
8
8
|
|
|
9
9
|
export interface IOnScrollCallbackParameter {
|
|
10
10
|
scrollTop: number;
|
|
@@ -13,7 +13,7 @@ export interface IOnScrollCallbackParameter {
|
|
|
13
13
|
|
|
14
14
|
interface IInstance {
|
|
15
15
|
id: string;
|
|
16
|
-
container:
|
|
16
|
+
container: TOnScrollContainer;
|
|
17
17
|
callbacks: {
|
|
18
18
|
id: string;
|
|
19
19
|
callback: (data: IOnScrollCallbackParameter) => void;
|
|
@@ -23,7 +23,7 @@ interface IInstance {
|
|
|
23
23
|
}
|
|
24
24
|
|
|
25
25
|
export interface IOnScrollProps {
|
|
26
|
-
container:
|
|
26
|
+
container: TOnScrollContainer;
|
|
27
27
|
callback: (data: IOnScrollCallbackParameter) => void;
|
|
28
28
|
isPassive?: boolean;
|
|
29
29
|
}
|
|
@@ -31,7 +31,13 @@ export interface IOnScrollProps {
|
|
|
31
31
|
let instances: IInstance[] = [];
|
|
32
32
|
|
|
33
33
|
/**
|
|
34
|
-
* Add `onScroll` event
|
|
34
|
+
* Add `onScroll` event listener to the provided container (DOM element, custom scroll, or window).
|
|
35
|
+
* It automatically manages multiple scroll listeners by stacking them in instances.
|
|
36
|
+
*
|
|
37
|
+
* If an instance already exists for the container, it adds the new callback to the existing stack.
|
|
38
|
+
* Otherwise, it creates a new scroll listener.
|
|
39
|
+
*
|
|
40
|
+
* This function supports both native scrollable elements and `CustomScroll` instances.
|
|
35
41
|
*
|
|
36
42
|
* @example
|
|
37
43
|
*
|
|
@@ -46,18 +52,18 @@ export function onScroll({
|
|
|
46
52
|
callback,
|
|
47
53
|
isPassive = false,
|
|
48
54
|
}: IOnScrollProps): IRemovable {
|
|
49
|
-
//
|
|
55
|
+
// Check if a listener for this container already exists
|
|
50
56
|
let instance = instances.find(
|
|
51
57
|
(data) => data.container === container && data.isPassive === isPassive,
|
|
52
58
|
)!;
|
|
53
59
|
|
|
54
60
|
const callbackId = uid('scroll-event');
|
|
55
61
|
|
|
56
|
-
//
|
|
62
|
+
// If a listener exists, we just add a new callback to its stack
|
|
57
63
|
if (instance) {
|
|
58
64
|
instance.callbacks.push({ id: callbackId, callback });
|
|
59
65
|
} else {
|
|
60
|
-
//
|
|
66
|
+
// Otherwise, create a new instance
|
|
61
67
|
instance = {
|
|
62
68
|
id: uid('scroll-event-instance'),
|
|
63
69
|
container,
|
|
@@ -67,8 +73,8 @@ export function onScroll({
|
|
|
67
73
|
};
|
|
68
74
|
instances.push(instance);
|
|
69
75
|
|
|
70
|
-
//
|
|
71
|
-
if (typeof container === 'object' && '
|
|
76
|
+
// Custom scroll events
|
|
77
|
+
if (typeof container === 'object' && 'isCustomScroll' in container) {
|
|
72
78
|
instance.listeners.push(
|
|
73
79
|
container.addCallback(
|
|
74
80
|
'render',
|
|
@@ -83,7 +89,7 @@ export function onScroll({
|
|
|
83
89
|
),
|
|
84
90
|
);
|
|
85
91
|
} else {
|
|
86
|
-
//
|
|
92
|
+
// DOM scroll events
|
|
87
93
|
const domContainer = selectOne(container) as any;
|
|
88
94
|
|
|
89
95
|
instance.listeners.push(
|
|
@@ -104,6 +110,7 @@ export function onScroll({
|
|
|
104
110
|
}
|
|
105
111
|
}
|
|
106
112
|
|
|
113
|
+
// Removes the scroll listener
|
|
107
114
|
const remove = () => {
|
|
108
115
|
const newCallbacks = instance.callbacks.filter(
|
|
109
116
|
(item) => item.id !== callbackId,
|
|
@@ -4,48 +4,54 @@ import { Timeline } from '@/components/Timeline';
|
|
|
4
4
|
|
|
5
5
|
export interface IScrollToProps {
|
|
6
6
|
/**
|
|
7
|
+
* The container to scroll (window, element, or custom scroll-like object)
|
|
7
8
|
* @default window
|
|
8
9
|
*/
|
|
9
10
|
container?: Window | Element | IScrollLike;
|
|
11
|
+
|
|
10
12
|
/**
|
|
11
|
-
* top padding
|
|
13
|
+
* The target top position to scroll to, with optional padding.
|
|
12
14
|
* @default 0
|
|
13
15
|
*/
|
|
14
16
|
top?: number;
|
|
17
|
+
|
|
15
18
|
/**
|
|
16
|
-
* left padding
|
|
19
|
+
* The target left position to scroll to, with optional padding.
|
|
17
20
|
* @default 0
|
|
18
21
|
*/
|
|
19
22
|
left?: number;
|
|
23
|
+
|
|
20
24
|
/**
|
|
21
|
-
*
|
|
25
|
+
* The duration of the scroll animation in milliseconds.
|
|
26
|
+
* Can be either a fixed number or a function that takes the scroll distance and returns the duration.
|
|
22
27
|
* @default 250
|
|
23
28
|
*/
|
|
24
29
|
duration?: number | ((lengthPx: number) => number);
|
|
25
30
|
}
|
|
26
31
|
|
|
27
32
|
/**
|
|
28
|
-
*
|
|
33
|
+
* Smoothly scroll to the specified top and left coordinates inside the given container.
|
|
34
|
+
* Supports promises to handle the end of the scroll animation.
|
|
29
35
|
*
|
|
30
36
|
* @example
|
|
31
37
|
*
|
|
32
|
-
* // static duration
|
|
38
|
+
* // Scroll with a static duration
|
|
33
39
|
* scrollTo({
|
|
34
40
|
* container: window,
|
|
35
41
|
* top: 500,
|
|
36
42
|
* duration: 500,
|
|
37
43
|
* });
|
|
38
44
|
*
|
|
39
|
-
* // dynamic duration
|
|
45
|
+
* // Scroll with a dynamic duration based on distance
|
|
40
46
|
* scrollTo({
|
|
41
47
|
* top: 1000,
|
|
42
48
|
* duration: (px) => px,
|
|
43
49
|
* });
|
|
44
50
|
*
|
|
45
|
-
* //
|
|
51
|
+
* // Use promise to handle when the scroll finishes
|
|
46
52
|
* scrollTo({ top: 500 })
|
|
47
|
-
* .then(() => console.log('
|
|
48
|
-
* .catch(() =>
|
|
53
|
+
* .then(() => console.log('Scroll complete'))
|
|
54
|
+
* .catch(() => console.error('Scroll failed'));
|
|
49
55
|
*/
|
|
50
56
|
export function scrollTo({
|
|
51
57
|
container = window,
|
|
@@ -72,7 +78,7 @@ export function scrollTo({
|
|
|
72
78
|
|
|
73
79
|
const timeline = new Timeline({
|
|
74
80
|
duration: finalDuration,
|
|
75
|
-
|
|
81
|
+
isDestroyedOnEnd: true,
|
|
76
82
|
});
|
|
77
83
|
|
|
78
84
|
timeline.addCallback('progress', ({ e }) => {
|
|
@@ -5,17 +5,19 @@ import { IScrollToProps, scrollTo } from './scrollTo';
|
|
|
5
5
|
|
|
6
6
|
export interface IScrollToElementProps extends IScrollToProps {
|
|
7
7
|
/**
|
|
8
|
-
* The target element
|
|
8
|
+
* The target element to scroll to.
|
|
9
9
|
*/
|
|
10
10
|
element: Element | string;
|
|
11
11
|
}
|
|
12
12
|
|
|
13
13
|
/**
|
|
14
|
-
*
|
|
14
|
+
* Smoothly scroll to a specific element inside a container.
|
|
15
|
+
* It uses the element's bounding box to calculate the scroll position
|
|
16
|
+
* and allows for custom top and left padding as well as scroll duration.
|
|
15
17
|
*
|
|
16
18
|
* @example
|
|
17
19
|
*
|
|
18
|
-
* // static duration
|
|
20
|
+
* // Scroll to an element with a static duration
|
|
19
21
|
* scrollToElement({
|
|
20
22
|
* container: window,
|
|
21
23
|
* element: document.getElementById('element_20')!,
|
|
@@ -23,20 +25,20 @@ export interface IScrollToElementProps extends IScrollToProps {
|
|
|
23
25
|
* duration: 500,
|
|
24
26
|
* });
|
|
25
27
|
*
|
|
26
|
-
* // dynamic duration
|
|
28
|
+
* // Scroll to an element with a dynamic duration
|
|
27
29
|
* scrollToElement({
|
|
28
30
|
* element: document.getElementById('element_20')!,
|
|
29
31
|
* top: 60,
|
|
30
32
|
* duration: (px) => px,
|
|
31
33
|
* });
|
|
32
34
|
*
|
|
33
|
-
* //
|
|
35
|
+
* // Use promise to handle when the scroll finishes
|
|
34
36
|
* scrollToElement({
|
|
35
37
|
* element: document.getElementById('element_20')!,
|
|
36
38
|
* top: 60,
|
|
37
39
|
* })
|
|
38
|
-
* .then(() => console.log('
|
|
39
|
-
* .catch(() =>
|
|
40
|
+
* .then(() => console.log('Scroll complete'))
|
|
41
|
+
* .catch(() => console.error('Scroll failed'));
|
|
40
42
|
*/
|
|
41
43
|
export function scrollToElement({
|
|
42
44
|
container = window,
|
package/src/version.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
const version = '3.
|
|
1
|
+
const version = '3.20.0';
|
|
2
2
|
export default version;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Application/events/createOnPageLoad/index.ts"],"names":[],"mappings":";;;AAAA,uCAA6C;AAC7C,kDAAiD;AACjD,8CAA6C;AAG7C,SAAgB,gBAAgB;IAC9B,IAAM,SAAS,GAAG,IAAI,qBAAS,EAAmB,CAAC;IAEnD,IAAI,QAAQ,GAAG,KAAK,CAAC;IAErB,IAAI,QAAQ,CAAC,UAAU,KAAK,UAAU,EAAE;QACtC,YAAY,EAAE,CAAC;KAChB;SAAM;QACL,IAAA,4BAAgB,EAAC,MAAM,EAAE,MAAM,EAAE,cAAM,OAAA,YAAY,EAAE,EAAd,CAAc,CAAC,CAAC;KACxD;IAED,8BAA8B;IAC9B,SAAS,YAAY;QACnB,IAAM,GAAG,GAAG,IAAA,eAAM,GAAE,CAAC;QACb,IAAA,MAAM,GAAK,GAAG,OAAR,CAAS;QAEvB,QAAQ,GAAG,IAAI,CAAC;QAEhB,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,UAAG,MAAM,YAAS,CAAC,CAAC;QAC9C,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,UAAG,MAAM,YAAS,CAAC,CAAC;QAE9C,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,UAAG,MAAM,WAAQ,CAAC,CAAC;QAE1C,SAAS,CAAC,GAAG,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;IACrC,CAAC;IAED,SAAS,MAAM,CAAC,QAAoB;QAClC,IAAI,QAAQ,EAAE;YACZ,QAAQ,EAAE,CAAC;YAEX,OAAO,SAAS,CAAC;SAClB;QAED,OAAO,SAAS,CAAC,GAAG,CAAC,QAAQ,EAAE,cAAM,OAAA,QAAQ,EAAE,EAAV,CAAU,CAAC,CAAC;IACnD,CAAC;IAED,OAAO,EAAE,MAAM,QAAA,EAAE,WAAW,EAAE,cAAM,OAAA,QAAQ,EAAR,CAAQ,EAAE,CAAC;AACjD,CAAC;AArCD,4CAqCC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/Application/events/createOnPageLoad/types.ts"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Application/events/createViewport/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/Application/events/createViewport/types.ts"],"names":[],"mappings":";;;AA2CA,0BAA0B;AAC1B,IAAY,UAIX;AAJD,WAAY,UAAU;IACpB,iCAAmB,CAAA;IACnB,+BAAiB,CAAA;IACjB,6BAAe,CAAA;AACjB,CAAC,EAJW,UAAU,0BAAV,UAAU,QAIrB;AAED,wBAAwB;AACxB,IAAY,iBAGX;AAHD,WAAY,iBAAiB;IAC3B,4CAAuB,CAAA;IACvB,0CAAqB,CAAA;AACvB,CAAC,EAHW,iBAAiB,iCAAjB,iBAAiB,QAG5B"}
|