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
|
@@ -1,18 +1,20 @@
|
|
|
1
1
|
import { Plugin } from '../../base/Plugin';
|
|
2
2
|
import { DraggerMove } from '../DraggerMove';
|
|
3
3
|
/**
|
|
4
|
-
*
|
|
4
|
+
* Plugin to add dragging functionality to a `CustomScroll` instance.
|
|
5
|
+
* It allows the user to control the scroll by dragging within the container.
|
|
5
6
|
*/
|
|
6
|
-
export class
|
|
7
|
+
export class CustomScrollDragPlugin extends Plugin {
|
|
7
8
|
_getDefaultProps() {
|
|
8
9
|
return Object.assign(Object.assign({}, super._getDefaultProps()), { isEnabled: true, speed: 1, lerp: false, stopPropagationThreshold: false, stopPropagationDirection: 'y' });
|
|
9
10
|
}
|
|
10
|
-
/**
|
|
11
|
+
/**
|
|
12
|
+
* Determines whether dragging is currently active.
|
|
13
|
+
*/
|
|
11
14
|
get isDragging() {
|
|
12
15
|
var _a, _b;
|
|
13
16
|
return (_b = (_a = this._dragger) === null || _a === void 0 ? void 0 : _a.isDragging) !== null && _b !== void 0 ? _b : false;
|
|
14
17
|
}
|
|
15
|
-
/** Initialize the class */
|
|
16
18
|
_init() {
|
|
17
19
|
super._init();
|
|
18
20
|
this._toggleDragger();
|
|
@@ -21,7 +23,9 @@ export class SmoothScrollDragPlugin extends Plugin {
|
|
|
21
23
|
super._onPropsMutate();
|
|
22
24
|
this._toggleDragger();
|
|
23
25
|
}
|
|
24
|
-
/**
|
|
26
|
+
/**
|
|
27
|
+
* Enables or disables the dragger based on the `isEnabled` property.
|
|
28
|
+
*/
|
|
25
29
|
_toggleDragger() {
|
|
26
30
|
if (this.props.isEnabled) {
|
|
27
31
|
this._addDragger();
|
|
@@ -30,7 +34,9 @@ export class SmoothScrollDragPlugin extends Plugin {
|
|
|
30
34
|
this._removeDragger();
|
|
31
35
|
}
|
|
32
36
|
}
|
|
33
|
-
/**
|
|
37
|
+
/**
|
|
38
|
+
* Adds the dragger functionality to the CustomScroll instance.
|
|
39
|
+
*/
|
|
34
40
|
_addDragger() {
|
|
35
41
|
if (this._dragger) {
|
|
36
42
|
return;
|
|
@@ -49,7 +55,9 @@ export class SmoothScrollDragPlugin extends Plugin {
|
|
|
49
55
|
name: this.name,
|
|
50
56
|
}));
|
|
51
57
|
}
|
|
52
|
-
/**
|
|
58
|
+
/**
|
|
59
|
+
* Removes the dragger and cleans up callbacks.
|
|
60
|
+
*/
|
|
53
61
|
_removeDragger() {
|
|
54
62
|
var _a;
|
|
55
63
|
if (!this._dragger) {
|
|
@@ -60,43 +68,43 @@ export class SmoothScrollDragPlugin extends Plugin {
|
|
|
60
68
|
(_a = this._componentCallbacks) === null || _a === void 0 ? void 0 : _a.forEach((callback) => callback.remove());
|
|
61
69
|
this._componentCallbacks = [];
|
|
62
70
|
}
|
|
63
|
-
/**
|
|
71
|
+
/**
|
|
72
|
+
* Determines if dragging is possible based on the current scroll state.
|
|
73
|
+
*/
|
|
64
74
|
_getIsDragAvailable() {
|
|
65
75
|
const { component } = this;
|
|
66
76
|
if (!component.props.isEnabled) {
|
|
67
77
|
return false;
|
|
68
78
|
}
|
|
69
|
-
// check scrollable area
|
|
70
79
|
if (component.maxScrollableWidth <= 0 &&
|
|
71
80
|
component.maxScrollableHeight <= 0) {
|
|
72
81
|
return false;
|
|
73
82
|
}
|
|
74
83
|
return true;
|
|
75
84
|
}
|
|
76
|
-
/**
|
|
85
|
+
/**
|
|
86
|
+
* Handles the start of dragging.
|
|
87
|
+
*/
|
|
77
88
|
_handleDragStart() {
|
|
78
89
|
if (!this._getIsDragAvailable()) {
|
|
79
90
|
return;
|
|
80
91
|
}
|
|
81
92
|
const { component } = this;
|
|
82
|
-
// change lerp
|
|
83
93
|
if (typeof this.props.lerp === 'number') {
|
|
84
94
|
this._prevComponentLerp = component.props.lerp;
|
|
85
95
|
component.changeProps({ lerp: this.props.lerp });
|
|
86
96
|
}
|
|
87
|
-
// launch callbacks
|
|
88
97
|
this.callbacks.tbt('start', undefined);
|
|
89
98
|
}
|
|
90
|
-
/**
|
|
99
|
+
/**
|
|
100
|
+
* Handles the dragging move event and updates scroll values.
|
|
101
|
+
*/
|
|
91
102
|
_handleDragMove({ event, coords, start, step, }) {
|
|
92
103
|
if (!this._getIsDragAvailable()) {
|
|
93
104
|
return;
|
|
94
105
|
}
|
|
95
|
-
const { component } = this;
|
|
96
|
-
const {
|
|
97
|
-
// get difference between coordinates and decide
|
|
98
|
-
// if we need to stop propagation
|
|
99
|
-
const { stopPropagationThreshold: threshold, stopPropagationDirection: direction, } = this.props;
|
|
106
|
+
const { component, props } = this;
|
|
107
|
+
const { stopPropagationThreshold: threshold, stopPropagationDirection: direction, } = props;
|
|
100
108
|
if (typeof threshold === 'number' && event.cancelable) {
|
|
101
109
|
const diffX = Math.abs(coords.x - start.x);
|
|
102
110
|
const diffY = Math.abs(coords.y - start.y);
|
|
@@ -106,35 +114,28 @@ export class SmoothScrollDragPlugin extends Plugin {
|
|
|
106
114
|
event.stopPropagation();
|
|
107
115
|
}
|
|
108
116
|
}
|
|
109
|
-
// get coordinates
|
|
110
117
|
const x = step.x * props.speed;
|
|
111
118
|
const y = step.y * props.speed;
|
|
112
|
-
// update scroll values
|
|
113
119
|
component.targetLeft -= x;
|
|
114
120
|
component.targetTop -= y;
|
|
115
|
-
// update styles
|
|
116
121
|
component.wrapper.style.pointerEvents = 'none';
|
|
117
122
|
component.wrapper.style.userSelect = 'none';
|
|
118
|
-
// launch callbacks
|
|
119
123
|
this.callbacks.tbt('move', undefined);
|
|
120
124
|
}
|
|
121
125
|
/**
|
|
122
|
-
*
|
|
126
|
+
* Handles the end of dragging and restores the scroll state.
|
|
123
127
|
*/
|
|
124
128
|
_handleDragEnd() {
|
|
125
129
|
const { component } = this;
|
|
126
|
-
// update styles
|
|
127
130
|
component.wrapper.style.pointerEvents = '';
|
|
128
131
|
component.wrapper.style.userSelect = '';
|
|
129
|
-
// restore SmoothScroll Lerp
|
|
130
132
|
if (typeof this._prevComponentLerp === 'number') {
|
|
131
133
|
component.changeProps({ lerp: this._prevComponentLerp });
|
|
132
134
|
this._prevComponentLerp = undefined;
|
|
133
135
|
}
|
|
134
|
-
// launch callbacks
|
|
135
136
|
this.callbacks.tbt('end', undefined);
|
|
136
137
|
}
|
|
137
|
-
/**
|
|
138
|
+
/** Cleans up and destroys the plugin. */
|
|
138
139
|
_destroy() {
|
|
139
140
|
super._destroy();
|
|
140
141
|
this._removeDragger();
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/CustomScrollDragPlugin/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/CustomScrollDragPlugin/types.ts"],"names":[],"mappings":""}
|
package/lib/esm/components/{SmoothScrollKeyboardPlugin → CustomScrollKeyboardPlugin}/index.js
RENAMED
|
@@ -2,25 +2,30 @@ import { childOf } from 'vevet-dom';
|
|
|
2
2
|
import { Plugin } from '../../base/Plugin';
|
|
3
3
|
import { getApp } from '../../utils/internal/getApp';
|
|
4
4
|
/**
|
|
5
|
-
*
|
|
5
|
+
* CustomScrollKeyboardPlugin adds keyboard navigation functionality to the `CustomScroll` component.
|
|
6
|
+
* It allows scrolling the container using keyboard arrow keys, space bar, page up/down, home, end, and tab.
|
|
6
7
|
*/
|
|
7
|
-
export class
|
|
8
|
+
export class CustomScrollKeyboardPlugin extends Plugin {
|
|
8
9
|
_getDefaultProps() {
|
|
9
10
|
return Object.assign(Object.assign({}, super._getDefaultProps()), { iterator: 40 });
|
|
10
11
|
}
|
|
11
|
-
/**
|
|
12
|
+
/** Initializes the plugin by adding event listeners for keyboard events. */
|
|
12
13
|
_init() {
|
|
13
14
|
super._init();
|
|
14
15
|
this.addEventListener(window, 'keydown', (event) => this._handleKeydown(event));
|
|
15
16
|
}
|
|
16
|
-
/**
|
|
17
|
+
/**
|
|
18
|
+
* Determines if keyboard events should be ignored, based on the currently active element.
|
|
19
|
+
*/
|
|
17
20
|
_canIgnoreEvents() {
|
|
18
21
|
const { activeElement } = document;
|
|
19
22
|
return (activeElement instanceof HTMLInputElement ||
|
|
20
23
|
activeElement instanceof HTMLTextAreaElement ||
|
|
21
24
|
activeElement instanceof HTMLSelectElement);
|
|
22
25
|
}
|
|
23
|
-
/**
|
|
26
|
+
/**
|
|
27
|
+
* Checks if the scroll container is visible in the viewport.
|
|
28
|
+
*/
|
|
24
29
|
_isInViewport() {
|
|
25
30
|
const { viewport } = getApp();
|
|
26
31
|
const bounding = this.component.container.getBoundingClientRect();
|
|
@@ -29,75 +34,71 @@ export class SmoothScrollKeyboardPlugin extends Plugin {
|
|
|
29
34
|
bounding.top < viewport.height &&
|
|
30
35
|
bounding.bottom > 0);
|
|
31
36
|
}
|
|
32
|
-
/**
|
|
37
|
+
/**
|
|
38
|
+
* Determines whether the scroll has reached its end.
|
|
39
|
+
*/
|
|
33
40
|
_checkIsEndOfScroll() {
|
|
34
41
|
const { component } = this;
|
|
35
42
|
return (component.targetTop >= component.maxScrollableHeight &&
|
|
36
43
|
component.targetLeft >= component.maxScrollableWidth);
|
|
37
44
|
}
|
|
38
|
-
/**
|
|
45
|
+
/**
|
|
46
|
+
* Handles the `keydown` event for navigating the scrollable container with the keyboard.
|
|
47
|
+
*/
|
|
39
48
|
_handleKeydown(event) {
|
|
40
49
|
const { component } = this;
|
|
41
50
|
const { iterator } = this.props;
|
|
42
51
|
if (!component.props.isEnabled) {
|
|
43
52
|
return;
|
|
44
53
|
}
|
|
45
|
-
//
|
|
54
|
+
// Handle Tab key
|
|
46
55
|
if (event.keyCode === 9) {
|
|
47
56
|
this._handleTab();
|
|
48
57
|
return;
|
|
49
58
|
}
|
|
50
|
-
//
|
|
59
|
+
// Handle Spacebar key
|
|
51
60
|
if (event.keyCode === 32) {
|
|
52
61
|
this._handleSpace(event);
|
|
53
62
|
return;
|
|
54
63
|
}
|
|
55
|
-
//
|
|
64
|
+
// Ignore events from form fields
|
|
56
65
|
if (this._canIgnoreEvents()) {
|
|
57
66
|
return;
|
|
58
67
|
}
|
|
59
|
-
//
|
|
68
|
+
// Ignore scroll events if the container is not in the viewport
|
|
60
69
|
if (!this._isInViewport()) {
|
|
61
70
|
return;
|
|
62
71
|
}
|
|
63
|
-
//
|
|
72
|
+
// Prevent default behavior for specific keys if the scroll has not reached its end
|
|
64
73
|
if (!this._checkIsEndOfScroll() &&
|
|
65
74
|
[38, 40, 39, 37, 34, 33, 36, 35].includes(event.keyCode)) {
|
|
66
75
|
event.preventDefault();
|
|
67
76
|
}
|
|
68
|
-
//
|
|
77
|
+
// Handle scroll key events
|
|
69
78
|
switch (event.keyCode) {
|
|
70
|
-
//
|
|
71
|
-
case 38:
|
|
79
|
+
case 38: // Arrow Up
|
|
72
80
|
component.targetTop -= iterator;
|
|
73
81
|
break;
|
|
74
|
-
//
|
|
75
|
-
case 40:
|
|
82
|
+
case 40: // Arrow Down
|
|
76
83
|
component.targetTop += iterator;
|
|
77
84
|
break;
|
|
78
|
-
//
|
|
79
|
-
case 39:
|
|
85
|
+
case 39: // Arrow Right
|
|
80
86
|
component.targetLeft += iterator;
|
|
81
87
|
break;
|
|
82
|
-
//
|
|
83
|
-
case 37:
|
|
88
|
+
case 37: // Arrow Left
|
|
84
89
|
component.targetLeft -= iterator;
|
|
85
90
|
break;
|
|
86
|
-
//
|
|
87
|
-
case 34:
|
|
91
|
+
case 34: // Page Down
|
|
88
92
|
component.targetTop += iterator * 10;
|
|
89
93
|
break;
|
|
90
|
-
//
|
|
91
|
-
case 33:
|
|
94
|
+
case 33: // Page Up
|
|
92
95
|
component.targetTop -= iterator * 10;
|
|
93
96
|
break;
|
|
94
|
-
//
|
|
95
|
-
case 36:
|
|
97
|
+
case 36: // Home
|
|
96
98
|
component.targetTop = 0;
|
|
97
99
|
component.targetLeft = 0;
|
|
98
100
|
break;
|
|
99
|
-
//
|
|
100
|
-
case 35:
|
|
101
|
+
case 35: // End
|
|
101
102
|
component.targetTop = component.scrollHeight;
|
|
102
103
|
component.targetLeft = component.scrollWidth;
|
|
103
104
|
break;
|
|
@@ -105,7 +106,9 @@ export class SmoothScrollKeyboardPlugin extends Plugin {
|
|
|
105
106
|
break;
|
|
106
107
|
}
|
|
107
108
|
}
|
|
108
|
-
/**
|
|
109
|
+
/**
|
|
110
|
+
* Handles the Tab key for focusing elements inside the scrollable container and adjusting the scroll position.
|
|
111
|
+
*/
|
|
109
112
|
_handleTab() {
|
|
110
113
|
if (this._tabTimeout) {
|
|
111
114
|
clearTimeout(this._tabTimeout);
|
|
@@ -113,7 +116,6 @@ export class SmoothScrollKeyboardPlugin extends Plugin {
|
|
|
113
116
|
this._tabTimeout = setTimeout(() => {
|
|
114
117
|
const scroll = this.component;
|
|
115
118
|
const { activeElement } = document;
|
|
116
|
-
// skip elements that do not belong to the SmoothScroll outer
|
|
117
119
|
if (!(activeElement instanceof HTMLElement) ||
|
|
118
120
|
!childOf(activeElement, scroll.container)) {
|
|
119
121
|
return;
|
|
@@ -130,7 +132,9 @@ export class SmoothScrollKeyboardPlugin extends Plugin {
|
|
|
130
132
|
scroll.targetLeft = left;
|
|
131
133
|
}, 120);
|
|
132
134
|
}
|
|
133
|
-
/**
|
|
135
|
+
/**
|
|
136
|
+
* Handles the Spacebar key to scroll down the container by a fixed amount.
|
|
137
|
+
*/
|
|
134
138
|
_handleSpace(event) {
|
|
135
139
|
if (document.activeElement instanceof HTMLButtonElement) {
|
|
136
140
|
return;
|
|
@@ -138,7 +142,7 @@ export class SmoothScrollKeyboardPlugin extends Plugin {
|
|
|
138
142
|
event.preventDefault();
|
|
139
143
|
this.component.targetTop += this.props.iterator * 5;
|
|
140
144
|
}
|
|
141
|
-
/**
|
|
145
|
+
/** Destroys the plugin and clears any timeouts or event listeners. */
|
|
142
146
|
_destroy() {
|
|
143
147
|
super._destroy();
|
|
144
148
|
if (this._tabTimeout) {
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/CustomScrollKeyboardPlugin/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/CustomScrollKeyboardPlugin/types.ts"],"names":[],"mappings":""}
|
|
@@ -2,7 +2,8 @@ import { addEventListener, isElement, isWindow, selectOne, } from 'vevet-dom';
|
|
|
2
2
|
import { Component as ComponentClass } from '../../base/Component';
|
|
3
3
|
import { getApp } from '../../utils/internal/getApp';
|
|
4
4
|
/**
|
|
5
|
-
*
|
|
5
|
+
* Abstract class to handle drag and swipe events on elements or window.
|
|
6
|
+
* Handles mouse and touch events, with runtime events to track dragging.
|
|
6
7
|
*/
|
|
7
8
|
export class DraggerBase extends ComponentClass {
|
|
8
9
|
_getDefaultProps() {
|
|
@@ -11,59 +12,76 @@ export class DraggerBase extends ComponentClass {
|
|
|
11
12
|
get prefix() {
|
|
12
13
|
return `${getApp().prefix}dragger`;
|
|
13
14
|
}
|
|
14
|
-
/**
|
|
15
|
+
/**
|
|
16
|
+
* Returns the dragger's container element or window.
|
|
17
|
+
*/
|
|
15
18
|
get container() {
|
|
16
19
|
return this._container;
|
|
17
20
|
}
|
|
18
|
-
/**
|
|
21
|
+
/**
|
|
22
|
+
* Indicates whether dragging is currently happening.
|
|
23
|
+
*/
|
|
19
24
|
get isDragging() {
|
|
20
25
|
return this._runtimeListeners.length > 0;
|
|
21
26
|
}
|
|
22
|
-
/**
|
|
27
|
+
/**
|
|
28
|
+
* Returns the current pointer ID.
|
|
29
|
+
*/
|
|
23
30
|
get pointerID() {
|
|
24
31
|
return this._pointerID;
|
|
25
32
|
}
|
|
26
|
-
/**
|
|
33
|
+
/**
|
|
34
|
+
* Returns the current pointer coordinates.
|
|
35
|
+
*/
|
|
27
36
|
get coords() {
|
|
28
37
|
return this._coords;
|
|
29
38
|
}
|
|
30
|
-
/**
|
|
39
|
+
/**
|
|
40
|
+
* Sets the current pointer coordinates.
|
|
41
|
+
*/
|
|
31
42
|
set coords(value) {
|
|
32
43
|
this._coords = value;
|
|
33
44
|
}
|
|
34
|
-
/**
|
|
45
|
+
/**
|
|
46
|
+
* Returns the previous pointer coordinates.
|
|
47
|
+
*/
|
|
35
48
|
get prevCoords() {
|
|
36
49
|
return this._prevCoords;
|
|
37
50
|
}
|
|
38
|
-
/**
|
|
51
|
+
/**
|
|
52
|
+
* Sets the previous pointer coordinates.
|
|
53
|
+
*/
|
|
39
54
|
set prevCoords(value) {
|
|
40
55
|
this._prevCoords = value;
|
|
41
56
|
}
|
|
42
|
-
/**
|
|
57
|
+
/**
|
|
58
|
+
* Returns the starting pointer coordinates at the beginning of the drag.
|
|
59
|
+
*/
|
|
43
60
|
get startCoords() {
|
|
44
61
|
return this._startCoords;
|
|
45
62
|
}
|
|
46
|
-
/**
|
|
63
|
+
/**
|
|
64
|
+
* Returns the type of event ('mouse' or 'touch') being handled.
|
|
65
|
+
*/
|
|
47
66
|
get type() {
|
|
48
67
|
return this._type;
|
|
49
68
|
}
|
|
50
69
|
constructor(initialProps, canInit = true) {
|
|
51
70
|
super(initialProps, false);
|
|
71
|
+
// Get the dragger container
|
|
52
72
|
this._container = selectOne(this.props.container);
|
|
53
73
|
if (!isElement(this._container) && !isWindow(this._container)) {
|
|
54
74
|
throw new Error('No container');
|
|
55
75
|
}
|
|
56
|
-
//
|
|
76
|
+
// Initialize default variables
|
|
57
77
|
this._runtimeListeners = [];
|
|
58
78
|
this._pointerID = null;
|
|
59
79
|
this._coords = { x: 0, y: 0 };
|
|
60
80
|
this._prevCoords = { x: 0, y: 0 };
|
|
61
81
|
this._startCoords = { x: 0, y: 0 };
|
|
62
|
-
//
|
|
82
|
+
// Set styles to prevent user-select during drag
|
|
63
83
|
this._fixStyles = document.createElement('style');
|
|
64
|
-
this._fixStyles.innerHTML =
|
|
65
|
-
* { user-select: none !important; }
|
|
66
|
-
`;
|
|
84
|
+
this._fixStyles.innerHTML = '* { user-select: none !important; }';
|
|
67
85
|
if (canInit) {
|
|
68
86
|
this.init();
|
|
69
87
|
}
|
|
@@ -72,12 +90,16 @@ export class DraggerBase extends ComponentClass {
|
|
|
72
90
|
super._init();
|
|
73
91
|
this._setEvents();
|
|
74
92
|
}
|
|
75
|
-
/**
|
|
93
|
+
/**
|
|
94
|
+
* Sets up the dragger events for mouse and touch start.
|
|
95
|
+
*/
|
|
76
96
|
_setEvents() {
|
|
77
97
|
this.addEventListener(this.container, 'mousedown', (event) => this._handleStart(event), { passive: this.props.isPassive });
|
|
78
98
|
this.addEventListener(this.container, 'touchstart', (event) => this._handleStart(event), { passive: this.props.isPassive });
|
|
79
99
|
}
|
|
80
|
-
/**
|
|
100
|
+
/**
|
|
101
|
+
* Adds runtime events for mouseup, touchend, and other events during dragging.
|
|
102
|
+
*/
|
|
81
103
|
_addRuntimeEvents() {
|
|
82
104
|
const { isPassive } = this.props;
|
|
83
105
|
this._runtimeListeners.push(addEventListener(window, 'mouseup', (event) => this.handleEnd(event), {
|
|
@@ -93,12 +115,19 @@ export class DraggerBase extends ComponentClass {
|
|
|
93
115
|
passive: isPassive,
|
|
94
116
|
}));
|
|
95
117
|
}
|
|
96
|
-
/**
|
|
118
|
+
/**
|
|
119
|
+
* Removes runtime events after the drag operation ends or is canceled.
|
|
120
|
+
*/
|
|
97
121
|
_removeRuntimeEvents() {
|
|
98
122
|
this._runtimeListeners.forEach((listener) => listener.remove());
|
|
99
123
|
this._runtimeListeners = [];
|
|
100
124
|
}
|
|
101
|
-
/**
|
|
125
|
+
/**
|
|
126
|
+
* Normalizes event coordinates based on the event type (mouse or touch).
|
|
127
|
+
*
|
|
128
|
+
* @param event - The event from which to extract coordinates.
|
|
129
|
+
* @returns The pointer coordinates and pointer ID.
|
|
130
|
+
*/
|
|
102
131
|
_getEventCoords(event) {
|
|
103
132
|
if (event.type.includes('touch')) {
|
|
104
133
|
const evt = event;
|
|
@@ -116,7 +145,12 @@ export class DraggerBase extends ComponentClass {
|
|
|
116
145
|
pointerId: null,
|
|
117
146
|
};
|
|
118
147
|
}
|
|
119
|
-
/**
|
|
148
|
+
/**
|
|
149
|
+
* Handles the start of a drag event.
|
|
150
|
+
*
|
|
151
|
+
* @param event - The event that initiated the drag (mouse or touch).
|
|
152
|
+
* @returns A boolean indicating whether the drag started successfully.
|
|
153
|
+
*/
|
|
120
154
|
_handleStart(event) {
|
|
121
155
|
if (!this.props.isEnabled || this.isDragging) {
|
|
122
156
|
return false;
|
|
@@ -135,17 +169,17 @@ export class DraggerBase extends ComponentClass {
|
|
|
135
169
|
return false;
|
|
136
170
|
}
|
|
137
171
|
}
|
|
138
|
-
//
|
|
172
|
+
// Update coordinates
|
|
139
173
|
const { x, y, pointerId } = this._getEventCoords(event);
|
|
140
174
|
this._coords = { x, y };
|
|
141
175
|
this._prevCoords = { x, y };
|
|
142
176
|
this._startCoords = { x, y };
|
|
143
177
|
this._pointerID = pointerId;
|
|
144
|
-
//
|
|
178
|
+
// Add runtime events for drag
|
|
145
179
|
this._addRuntimeEvents();
|
|
146
|
-
//
|
|
180
|
+
// Apply styles to prevent user-select
|
|
147
181
|
getApp().body.append(this._fixStyles);
|
|
148
|
-
//
|
|
182
|
+
// Trigger start callback
|
|
149
183
|
this.callbacks.tbt('start', {
|
|
150
184
|
event,
|
|
151
185
|
start: this.startCoords,
|
|
@@ -153,7 +187,11 @@ export class DraggerBase extends ComponentClass {
|
|
|
153
187
|
});
|
|
154
188
|
return true;
|
|
155
189
|
}
|
|
156
|
-
/**
|
|
190
|
+
/**
|
|
191
|
+
* Handles the end of a drag event and initiates cleanup.
|
|
192
|
+
*
|
|
193
|
+
* @param event - The event that ended the drag (mouse or touch).
|
|
194
|
+
*/
|
|
157
195
|
handleEnd(event) {
|
|
158
196
|
if (this._handleEndTimeout) {
|
|
159
197
|
return;
|
|
@@ -167,12 +205,18 @@ export class DraggerBase extends ComponentClass {
|
|
|
167
205
|
this._handleEndTimeout = undefined;
|
|
168
206
|
}, 1);
|
|
169
207
|
}
|
|
170
|
-
/**
|
|
208
|
+
/**
|
|
209
|
+
* Handles the cleanup process when dragging ends.
|
|
210
|
+
*
|
|
211
|
+
* @param event - The event that ended the drag.
|
|
212
|
+
*/
|
|
171
213
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
172
214
|
_handleEnd(event) {
|
|
173
215
|
this.cancel();
|
|
174
216
|
}
|
|
175
|
-
/**
|
|
217
|
+
/**
|
|
218
|
+
* Cancels the current drag operation and removes runtime events and styles.
|
|
219
|
+
*/
|
|
176
220
|
cancel() {
|
|
177
221
|
this._removeRuntimeEvents();
|
|
178
222
|
// remove styles fix
|
|
@@ -180,7 +224,9 @@ export class DraggerBase extends ComponentClass {
|
|
|
180
224
|
// launch callbacks
|
|
181
225
|
this.callbacks.tbt('end', undefined);
|
|
182
226
|
}
|
|
183
|
-
/**
|
|
227
|
+
/**
|
|
228
|
+
* Destroys the dragger component, removing events and cleaning up resources.
|
|
229
|
+
*/
|
|
184
230
|
_destroy() {
|
|
185
231
|
this.cancel();
|
|
186
232
|
super._destroy();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/DraggerBase/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,gBAAgB,EAChB,SAAS,EACT,QAAQ,EACR,SAAS,GACV,MAAM,WAAW,CAAC;AAEnB,OAAO,EAAE,SAAS,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC/D,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAIjD
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/DraggerBase/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,32 +1,38 @@
|
|
|
1
1
|
import { DraggerBase } from '../DraggerBase';
|
|
2
2
|
/**
|
|
3
|
-
*
|
|
3
|
+
* A draggable component that detects the swipe direction (up, down, left, or right) based on the drag event.
|
|
4
|
+
* Extends the base dragger functionality to determine the direction of the drag after it ends.
|
|
4
5
|
*/
|
|
5
6
|
export class DraggerDirection extends DraggerBase {
|
|
6
7
|
_getDefaultProps() {
|
|
7
8
|
return Object.assign(Object.assign({}, super._getDefaultProps()), { minLength: 75 });
|
|
8
9
|
}
|
|
9
|
-
/**
|
|
10
|
+
/**
|
|
11
|
+
* Handles the end of the drag event and detects the swipe direction by comparing the start and end coordinates.
|
|
12
|
+
* If the drag distance is greater than or equal to `minLength`, the corresponding direction callback is triggered.
|
|
13
|
+
*/
|
|
10
14
|
_handleEnd(event) {
|
|
11
15
|
const { x, y } = this._getEventCoords(event);
|
|
12
16
|
const { startCoords } = this;
|
|
13
17
|
const min = Math.abs(this.props.minLength);
|
|
14
|
-
//
|
|
18
|
+
// Detect swipe direction
|
|
19
|
+
// Swipe up
|
|
15
20
|
if (startCoords.y > y && Math.abs(y - startCoords.y) >= min) {
|
|
16
21
|
this.callbacks.tbt('up', undefined);
|
|
17
22
|
}
|
|
18
|
-
// down
|
|
23
|
+
// Swipe down
|
|
19
24
|
if (startCoords.y < y && Math.abs(y - startCoords.y) >= min) {
|
|
20
25
|
this.callbacks.tbt('down', undefined);
|
|
21
26
|
}
|
|
22
|
-
// left
|
|
27
|
+
// Swipe left
|
|
23
28
|
if (startCoords.x > x && Math.abs(x - startCoords.x) >= min) {
|
|
24
29
|
this.callbacks.tbt('left', undefined);
|
|
25
30
|
}
|
|
26
|
-
// right
|
|
31
|
+
// Swipe right
|
|
27
32
|
if (startCoords.x < x && Math.abs(x - startCoords.x) >= min) {
|
|
28
33
|
this.callbacks.tbt('right', undefined);
|
|
29
34
|
}
|
|
35
|
+
// Call the parent class's `_handleEnd` method for further cleanup
|
|
30
36
|
super._handleEnd(event);
|
|
31
37
|
}
|
|
32
38
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/DraggerDirection/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAgB,MAAM,gBAAgB,CAAC;AAK3D
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/DraggerDirection/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAgB,MAAM,gBAAgB,CAAC;AAK3D;;;GAGG;AACH,MAAM,OAAO,gBAOX,SAAQ,WAAyD;IACvD,gBAAgB;QACxB,uCACK,KAAK,CAAC,gBAAgB,EAAE,KAC3B,SAAS,EAAE,EAAE,IACb;IACJ,CAAC;IAED;;;OAGG;IACO,UAAU,CAAC,KAA0B;QAC7C,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;QAC7C,MAAM,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC;QAC7B,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QAE3C,yBAAyB;QACzB,WAAW;QACX,IAAI,WAAW,CAAC,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,IAAI,GAAG,EAAE;YAC3D,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;SACrC;QAED,aAAa;QACb,IAAI,WAAW,CAAC,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,IAAI,GAAG,EAAE;YAC3D,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;SACvC;QAED,aAAa;QACb,IAAI,WAAW,CAAC,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,IAAI,GAAG,EAAE;YAC3D,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;SACvC;QAED,cAAc;QACd,IAAI,WAAW,CAAC,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,IAAI,GAAG,EAAE;YAC3D,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;SACxC;QAED,kEAAkE;QAClE,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC;CACF"}
|