@studiometa/ui 0.2.13 → 0.2.15
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/atoms/AnchorScrollTo/AnchorScrollTo.cjs +4 -3
- package/atoms/AnchorScrollTo/AnchorScrollTo.cjs.map +7 -0
- package/atoms/AnchorScrollTo/AnchorScrollTo.d.ts +8 -15
- package/atoms/AnchorScrollTo/AnchorScrollTo.js +21 -1
- package/atoms/AnchorScrollTo/AnchorScrollTo.js.map +7 -0
- package/atoms/AnchorScrollTo/index.cjs +21 -0
- package/atoms/AnchorScrollTo/index.cjs.map +7 -0
- package/atoms/AnchorScrollTo/index.d.ts +1 -0
- package/atoms/AnchorScrollTo/index.js +2 -0
- package/atoms/AnchorScrollTo/index.js.map +7 -0
- package/atoms/Cursor/Cursor.cjs +8 -3
- package/atoms/Cursor/Cursor.cjs.map +7 -0
- package/atoms/Cursor/Cursor.d.ts +19 -117
- package/atoms/Cursor/Cursor.js +103 -1
- package/atoms/Cursor/Cursor.js.map +7 -0
- package/atoms/Cursor/index.cjs +21 -0
- package/atoms/Cursor/index.cjs.map +7 -0
- package/atoms/Cursor/index.d.ts +1 -0
- package/atoms/Cursor/index.js +2 -0
- package/atoms/Cursor/index.js.map +7 -0
- package/atoms/Figure/Figure.cjs +16 -9
- package/atoms/Figure/Figure.cjs.map +7 -0
- package/atoms/Figure/Figure.d.ts +18 -53
- package/atoms/Figure/Figure.js +51 -1
- package/atoms/Figure/Figure.js.map +7 -0
- package/atoms/Figure/FigureTwicPics.cjs +11 -10
- package/atoms/Figure/FigureTwicPics.cjs.map +7 -0
- package/atoms/Figure/FigureTwicPics.d.ts +16 -37
- package/atoms/Figure/FigureTwicPics.js +46 -1
- package/atoms/Figure/FigureTwicPics.js.map +7 -0
- package/atoms/Figure/index.cjs +5 -14
- package/atoms/Figure/index.cjs.map +7 -0
- package/atoms/Figure/index.d.ts +2 -2
- package/atoms/Figure/index.js +3 -1
- package/atoms/Figure/index.js.map +7 -0
- package/atoms/LargeText/LargeText.cjs +8 -3
- package/atoms/LargeText/LargeText.cjs.map +7 -0
- package/atoms/LargeText/LargeText.d.ts +19 -40
- package/atoms/LargeText/LargeText.js +60 -1
- package/atoms/LargeText/LargeText.js.map +7 -0
- package/atoms/LargeText/index.cjs +21 -0
- package/atoms/LargeText/index.cjs.map +7 -0
- package/atoms/LargeText/index.d.ts +1 -0
- package/atoms/LargeText/index.js +2 -0
- package/atoms/LargeText/index.js.map +7 -0
- package/atoms/LazyInclude/LazyInclude.cjs +3 -2
- package/atoms/LazyInclude/LazyInclude.cjs.map +7 -0
- package/atoms/LazyInclude/LazyInclude.d.ts +17 -36
- package/atoms/LazyInclude/LazyInclude.js +41 -1
- package/atoms/LazyInclude/LazyInclude.js.map +7 -0
- package/atoms/LazyInclude/index.cjs +21 -0
- package/atoms/LazyInclude/index.cjs.map +7 -0
- package/atoms/LazyInclude/index.d.ts +1 -0
- package/atoms/LazyInclude/index.js +2 -0
- package/atoms/LazyInclude/index.js.map +7 -0
- package/atoms/Prefetch/AbstractPrefetch.cjs +7 -6
- package/atoms/Prefetch/AbstractPrefetch.cjs.map +7 -0
- package/atoms/Prefetch/AbstractPrefetch.d.ts +12 -35
- package/atoms/Prefetch/AbstractPrefetch.js +52 -1
- package/atoms/Prefetch/AbstractPrefetch.js.map +7 -0
- package/atoms/Prefetch/PrefetchWhenOver.cjs +6 -8
- package/atoms/Prefetch/PrefetchWhenOver.cjs.map +7 -0
- package/atoms/Prefetch/PrefetchWhenOver.d.ts +8 -14
- package/atoms/Prefetch/PrefetchWhenOver.js +14 -1
- package/atoms/Prefetch/PrefetchWhenOver.js.map +7 -0
- package/atoms/Prefetch/PrefetchWhenVisible.cjs +6 -8
- package/atoms/Prefetch/PrefetchWhenVisible.cjs.map +7 -0
- package/atoms/Prefetch/PrefetchWhenVisible.d.ts +10 -14
- package/atoms/Prefetch/PrefetchWhenVisible.js +15 -1
- package/atoms/Prefetch/PrefetchWhenVisible.js.map +7 -0
- package/atoms/Prefetch/index.cjs +6 -16
- package/atoms/Prefetch/index.cjs.map +7 -0
- package/atoms/Prefetch/index.d.ts +3 -3
- package/atoms/Prefetch/index.js +4 -1
- package/atoms/Prefetch/index.js.map +7 -0
- package/atoms/ScrollAnimation/AbstractScrollAnimation.cjs +18 -14
- package/atoms/ScrollAnimation/AbstractScrollAnimation.cjs.map +7 -0
- package/atoms/ScrollAnimation/AbstractScrollAnimation.d.ts +19 -89
- package/atoms/ScrollAnimation/AbstractScrollAnimation.js +62 -1
- package/atoms/ScrollAnimation/AbstractScrollAnimation.js.map +7 -0
- package/atoms/ScrollAnimation/ScrollAnimation.cjs +6 -14
- package/atoms/ScrollAnimation/ScrollAnimation.cjs.map +7 -0
- package/atoms/ScrollAnimation/ScrollAnimation.d.ts +13 -51
- package/atoms/ScrollAnimation/ScrollAnimation.js +16 -1
- package/atoms/ScrollAnimation/ScrollAnimation.js.map +7 -0
- package/atoms/ScrollAnimation/ScrollAnimationChild.cjs +31 -10
- package/atoms/ScrollAnimation/ScrollAnimationChild.cjs.map +7 -0
- package/atoms/ScrollAnimation/ScrollAnimationChild.d.ts +19 -6
- package/atoms/ScrollAnimation/ScrollAnimationChild.js +45 -1
- package/atoms/ScrollAnimation/ScrollAnimationChild.js.map +7 -0
- package/atoms/ScrollAnimation/ScrollAnimationChildWithEase.cjs +7 -9
- package/atoms/ScrollAnimation/ScrollAnimationChildWithEase.cjs.map +7 -0
- package/atoms/ScrollAnimation/ScrollAnimationChildWithEase.d.ts +8 -2
- package/atoms/ScrollAnimation/ScrollAnimationChildWithEase.js +12 -1
- package/atoms/ScrollAnimation/ScrollAnimationChildWithEase.js.map +7 -0
- package/atoms/ScrollAnimation/ScrollAnimationParent.cjs +9 -8
- package/atoms/ScrollAnimation/ScrollAnimationParent.cjs.map +7 -0
- package/atoms/ScrollAnimation/ScrollAnimationParent.d.ts +14 -26
- package/atoms/ScrollAnimation/ScrollAnimationParent.js +22 -1
- package/atoms/ScrollAnimation/ScrollAnimationParent.js.map +7 -0
- package/atoms/ScrollAnimation/ScrollAnimationWithEase.cjs +7 -9
- package/atoms/ScrollAnimation/ScrollAnimationWithEase.cjs.map +7 -0
- package/atoms/ScrollAnimation/ScrollAnimationWithEase.d.ts +15 -2
- package/atoms/ScrollAnimation/ScrollAnimationWithEase.js +12 -1
- package/atoms/ScrollAnimation/ScrollAnimationWithEase.js.map +7 -0
- package/atoms/ScrollAnimation/animationScrollWithEase.cjs +9 -5
- package/atoms/ScrollAnimation/animationScrollWithEase.cjs.map +7 -0
- package/atoms/ScrollAnimation/animationScrollWithEase.d.ts +10 -8
- package/atoms/ScrollAnimation/animationScrollWithEase.js +31 -1
- package/atoms/ScrollAnimation/animationScrollWithEase.js.map +7 -0
- package/atoms/ScrollAnimation/index.cjs +10 -24
- package/atoms/ScrollAnimation/index.cjs.map +7 -0
- package/atoms/ScrollAnimation/index.d.ts +7 -7
- package/atoms/ScrollAnimation/index.js +8 -1
- package/atoms/ScrollAnimation/index.js.map +7 -0
- package/atoms/ScrollReveal/ScrollReveal.cjs +6 -3
- package/atoms/ScrollReveal/ScrollReveal.cjs.map +7 -0
- package/atoms/ScrollReveal/ScrollReveal.d.ts +16 -59
- package/atoms/ScrollReveal/ScrollReveal.js +47 -1
- package/atoms/ScrollReveal/ScrollReveal.js.map +7 -0
- package/atoms/ScrollReveal/index.cjs +4 -12
- package/atoms/ScrollReveal/index.cjs.map +7 -0
- package/atoms/ScrollReveal/index.d.ts +1 -1
- package/atoms/ScrollReveal/index.js +2 -1
- package/atoms/ScrollReveal/index.js.map +7 -0
- package/atoms/index.cjs +6 -18
- package/atoms/index.cjs.map +7 -0
- package/atoms/index.d.ts +8 -8
- package/atoms/index.js +9 -1
- package/atoms/index.js.map +7 -0
- package/decorators/index.cjs +4 -12
- package/decorators/index.cjs.map +7 -0
- package/decorators/index.d.ts +1 -1
- package/decorators/index.js +2 -1
- package/decorators/index.js.map +7 -0
- package/decorators/withTransition.cjs +23 -17
- package/decorators/withTransition.cjs.map +7 -0
- package/decorators/withTransition.d.ts +21 -33
- package/decorators/withTransition.js +50 -1
- package/decorators/withTransition.js.map +7 -0
- package/index.cjs +2 -1
- package/index.cjs.map +7 -0
- package/index.d.ts +5 -5
- package/index.js +6 -1
- package/index.js.map +7 -0
- package/molecules/Accordion/Accordion.cjs +8 -10
- package/molecules/Accordion/Accordion.cjs.map +7 -0
- package/molecules/Accordion/Accordion.d.ts +5 -23
- package/molecules/Accordion/Accordion.js +14 -1
- package/molecules/Accordion/Accordion.js.map +7 -0
- package/molecules/Accordion/AccordionCore.cjs +7 -8
- package/molecules/Accordion/AccordionCore.cjs.map +7 -0
- package/molecules/Accordion/AccordionCore.d.ts +22 -70
- package/molecules/Accordion/AccordionCore.js +27 -1
- package/molecules/Accordion/AccordionCore.js.map +7 -0
- package/molecules/Accordion/AccordionItem.cjs +39 -23
- package/molecules/Accordion/AccordionItem.cjs.map +7 -0
- package/molecules/Accordion/AccordionItem.d.ts +24 -94
- package/molecules/Accordion/AccordionItem.js +146 -1
- package/molecules/Accordion/AccordionItem.js.map +7 -0
- package/molecules/Accordion/index.cjs +22 -0
- package/molecules/Accordion/index.cjs.map +7 -0
- package/molecules/Accordion/index.d.ts +2 -0
- package/molecules/Accordion/index.js +3 -0
- package/molecules/Accordion/index.js.map +7 -0
- package/molecules/Menu/Menu.cjs +7 -10
- package/molecules/Menu/Menu.cjs.map +7 -0
- package/molecules/Menu/Menu.d.ts +24 -84
- package/molecules/Menu/Menu.js +108 -1
- package/molecules/Menu/Menu.js.map +7 -0
- package/molecules/Menu/MenuBtn.cjs +4 -4
- package/molecules/Menu/MenuBtn.cjs.map +7 -0
- package/molecules/Menu/MenuBtn.d.ts +7 -9
- package/molecules/Menu/MenuBtn.js +22 -1
- package/molecules/Menu/MenuBtn.js.map +7 -0
- package/molecules/Menu/MenuList.cjs +9 -9
- package/molecules/Menu/MenuList.cjs.map +7 -0
- package/molecules/Menu/MenuList.d.ts +16 -53
- package/molecules/Menu/MenuList.js +104 -1
- package/molecules/Menu/MenuList.js.map +7 -0
- package/molecules/Menu/index.cjs +6 -16
- package/molecules/Menu/index.cjs.map +7 -0
- package/molecules/Menu/index.d.ts +3 -3
- package/molecules/Menu/index.js +4 -1
- package/molecules/Menu/index.js.map +7 -0
- package/molecules/Modal/Modal.cjs +35 -13
- package/molecules/Modal/Modal.cjs.map +7 -0
- package/molecules/Modal/Modal.d.ts +69 -140
- package/molecules/Modal/Modal.js +150 -1
- package/molecules/Modal/Modal.js.map +7 -0
- package/molecules/Modal/ModalWithTransition.cjs +5 -7
- package/molecules/Modal/ModalWithTransition.cjs.map +7 -0
- package/molecules/Modal/ModalWithTransition.d.ts +6 -22
- package/molecules/Modal/ModalWithTransition.js +41 -1
- package/molecules/Modal/ModalWithTransition.js.map +7 -0
- package/molecules/Modal/index.cjs +22 -0
- package/molecules/Modal/index.cjs.map +7 -0
- package/molecules/Modal/index.d.ts +2 -0
- package/molecules/Modal/index.js +3 -0
- package/molecules/Modal/index.js.map +7 -0
- package/molecules/Panel/Panel.cjs +38 -26
- package/molecules/Panel/Panel.cjs.map +7 -0
- package/molecules/Panel/Panel.d.ts +22 -21
- package/molecules/Panel/Panel.js +98 -1
- package/molecules/Panel/Panel.js.map +7 -0
- package/molecules/Panel/index.cjs +21 -0
- package/molecules/Panel/index.cjs.map +7 -0
- package/molecules/Panel/index.d.ts +1 -0
- package/molecules/Panel/index.js +2 -0
- package/molecules/Panel/index.js.map +7 -0
- package/molecules/Slider/AbstractSliderChild.cjs +8 -9
- package/molecules/Slider/AbstractSliderChild.cjs.map +7 -0
- package/molecules/Slider/AbstractSliderChild.d.ts +11 -30
- package/molecules/Slider/AbstractSliderChild.js +43 -1
- package/molecules/Slider/AbstractSliderChild.js.map +7 -0
- package/molecules/Slider/Slider.cjs +31 -18
- package/molecules/Slider/Slider.cjs.map +7 -0
- package/molecules/Slider/Slider.d.ts +40 -157
- package/molecules/Slider/Slider.js +271 -1
- package/molecules/Slider/Slider.js.map +7 -0
- package/molecules/Slider/SliderBtn.cjs +5 -7
- package/molecules/Slider/SliderBtn.cjs.map +7 -0
- package/molecules/Slider/SliderBtn.d.ts +12 -23
- package/molecules/Slider/SliderBtn.js +29 -1
- package/molecules/Slider/SliderBtn.js.map +7 -0
- package/molecules/Slider/SliderCount.cjs +5 -7
- package/molecules/Slider/SliderCount.cjs.map +7 -0
- package/molecules/Slider/SliderCount.d.ts +10 -16
- package/molecules/Slider/SliderCount.js +14 -1
- package/molecules/Slider/SliderCount.js.map +7 -0
- package/molecules/Slider/SliderDots.cjs +5 -7
- package/molecules/Slider/SliderDots.cjs.map +7 -0
- package/molecules/Slider/SliderDots.d.ts +11 -31
- package/molecules/Slider/SliderDots.js +24 -1
- package/molecules/Slider/SliderDots.js.map +7 -0
- package/molecules/Slider/SliderDrag.cjs +3 -2
- package/molecules/Slider/SliderDrag.cjs.map +7 -0
- package/molecules/Slider/SliderDrag.d.ts +12 -30
- package/molecules/Slider/SliderDrag.js +29 -1
- package/molecules/Slider/SliderDrag.js.map +7 -0
- package/molecules/Slider/SliderItem.cjs +7 -3
- package/molecules/Slider/SliderItem.cjs.map +7 -0
- package/molecules/Slider/SliderItem.d.ts +21 -33
- package/molecules/Slider/SliderItem.js +85 -1
- package/molecules/Slider/SliderItem.js.map +7 -0
- package/molecules/Slider/SliderProgress.cjs +5 -7
- package/molecules/Slider/SliderProgress.cjs.map +7 -0
- package/molecules/Slider/SliderProgress.d.ts +10 -25
- package/molecules/Slider/SliderProgress.js +21 -1
- package/molecules/Slider/SliderProgress.js.map +7 -0
- package/molecules/Slider/index.cjs +11 -26
- package/molecules/Slider/index.cjs.map +7 -0
- package/molecules/Slider/index.d.ts +8 -8
- package/molecules/Slider/index.js +9 -1
- package/molecules/Slider/index.js.map +7 -0
- package/molecules/Sticky/Sticky.cjs +12 -8
- package/molecules/Sticky/Sticky.cjs.map +7 -0
- package/molecules/Sticky/Sticky.d.ts +30 -68
- package/molecules/Sticky/Sticky.js +101 -1
- package/molecules/Sticky/Sticky.js.map +7 -0
- package/molecules/Sticky/index.cjs +21 -0
- package/molecules/Sticky/index.cjs.map +7 -0
- package/molecules/Sticky/index.d.ts +1 -0
- package/molecules/Sticky/index.js +2 -0
- package/molecules/Sticky/index.js.map +7 -0
- package/molecules/TableOfContent/TableOfContent.cjs +6 -8
- package/molecules/TableOfContent/TableOfContent.cjs.map +7 -0
- package/molecules/TableOfContent/TableOfContent.d.ts +19 -41
- package/molecules/TableOfContent/TableOfContent.js +37 -1
- package/molecules/TableOfContent/TableOfContent.js.map +7 -0
- package/molecules/TableOfContent/TableOfContentAnchor.cjs +7 -5
- package/molecules/TableOfContent/TableOfContentAnchor.cjs.map +7 -0
- package/molecules/TableOfContent/TableOfContentAnchor.d.ts +14 -17
- package/molecules/TableOfContent/TableOfContentAnchor.js +35 -1
- package/molecules/TableOfContent/TableOfContentAnchor.js.map +7 -0
- package/molecules/TableOfContent/index.cjs +5 -14
- package/molecules/TableOfContent/index.cjs.map +7 -0
- package/molecules/TableOfContent/index.d.ts +2 -2
- package/molecules/TableOfContent/index.js +3 -1
- package/molecules/TableOfContent/index.js.map +7 -0
- package/molecules/Tabs/Tabs.cjs +40 -22
- package/molecules/Tabs/Tabs.cjs.map +7 -0
- package/molecules/Tabs/Tabs.d.ts +28 -90
- package/molecules/Tabs/Tabs.js +115 -1
- package/molecules/Tabs/Tabs.js.map +7 -0
- package/molecules/Tabs/index.cjs +21 -0
- package/molecules/Tabs/index.cjs.map +7 -0
- package/molecules/Tabs/index.d.ts +1 -0
- package/molecules/Tabs/index.js +2 -0
- package/molecules/Tabs/index.js.map +7 -0
- package/molecules/index.cjs +8 -24
- package/molecules/index.cjs.map +7 -0
- package/molecules/index.d.ts +9 -10
- package/molecules/index.js +10 -1
- package/molecules/index.js.map +7 -0
- package/organisms/Frame/Frame.cjs +21 -43
- package/organisms/Frame/Frame.cjs.map +7 -0
- package/organisms/Frame/Frame.d.ts +21 -98
- package/organisms/Frame/Frame.js +155 -1
- package/organisms/Frame/Frame.js.map +7 -0
- package/organisms/Frame/FrameAnchor.cjs +3 -2
- package/organisms/Frame/FrameAnchor.cjs.map +7 -0
- package/organisms/Frame/FrameAnchor.d.ts +7 -16
- package/organisms/Frame/FrameAnchor.js +13 -1
- package/organisms/Frame/FrameAnchor.js.map +7 -0
- package/organisms/Frame/FrameForm.cjs +3 -2
- package/organisms/Frame/FrameForm.cjs.map +7 -0
- package/organisms/Frame/FrameForm.d.ts +10 -16
- package/organisms/Frame/FrameForm.js +13 -1
- package/organisms/Frame/FrameForm.js.map +7 -0
- package/organisms/Frame/FrameTarget.cjs +15 -9
- package/organisms/Frame/FrameTarget.cjs.map +7 -0
- package/organisms/Frame/FrameTarget.d.ts +17 -26
- package/organisms/Frame/FrameTarget.js +70 -1
- package/organisms/Frame/FrameTarget.js.map +7 -0
- package/organisms/Frame/index.cjs +7 -18
- package/organisms/Frame/index.cjs.map +7 -0
- package/organisms/Frame/index.d.ts +4 -4
- package/organisms/Frame/index.js +5 -1
- package/organisms/Frame/index.js.map +7 -0
- package/organisms/index.cjs +2 -1
- package/organisms/index.cjs.map +7 -0
- package/organisms/index.d.ts +1 -1
- package/organisms/index.js +2 -1
- package/organisms/index.js.map +7 -0
- package/package.json +2 -2
- package/primitives/Draggable/Draggable.cjs +3 -2
- package/primitives/Draggable/Draggable.cjs.map +7 -0
- package/primitives/Draggable/Draggable.d.ts +10 -11
- package/primitives/Draggable/Draggable.js +25 -1
- package/primitives/Draggable/Draggable.js.map +7 -0
- package/primitives/Draggable/index.cjs +21 -0
- package/primitives/Draggable/index.cjs.map +7 -0
- package/primitives/Draggable/index.d.ts +1 -0
- package/primitives/Draggable/index.js +2 -0
- package/primitives/Draggable/index.js.map +7 -0
- package/primitives/Sentinel/Sentinel.cjs +3 -2
- package/primitives/Sentinel/Sentinel.cjs.map +7 -0
- package/primitives/Sentinel/Sentinel.d.ts +6 -5
- package/primitives/Sentinel/Sentinel.js +10 -1
- package/primitives/Sentinel/Sentinel.js.map +7 -0
- package/primitives/Sentinel/index.cjs +21 -0
- package/primitives/Sentinel/index.cjs.map +7 -0
- package/primitives/Sentinel/index.d.ts +1 -0
- package/primitives/Sentinel/index.js +2 -0
- package/primitives/Sentinel/index.js.map +7 -0
- package/primitives/Transition/Transition.cjs +13 -3
- package/primitives/Transition/Transition.cjs.map +7 -0
- package/primitives/Transition/Transition.d.ts +13 -7
- package/primitives/Transition/Transition.js +11 -1
- package/primitives/Transition/Transition.js.map +7 -0
- package/primitives/Transition/index.cjs +21 -0
- package/primitives/Transition/index.cjs.map +7 -0
- package/primitives/Transition/index.d.ts +1 -0
- package/primitives/Transition/index.js +2 -0
- package/primitives/Transition/index.js.map +7 -0
- package/primitives/index.cjs +6 -16
- package/primitives/index.cjs.map +7 -0
- package/primitives/index.d.ts +3 -3
- package/primitives/index.js +4 -1
- package/primitives/index.js.map +7 -0
|
@@ -1,8 +1,6 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
2
1
|
var __defProp = Object.defineProperty;
|
|
3
2
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
3
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
6
4
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
5
|
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
8
6
|
var __export = (target, all) => {
|
|
@@ -17,35 +15,58 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
15
|
}
|
|
18
16
|
return to;
|
|
19
17
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
|
|
21
18
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
19
|
var __publicField = (obj, key, value) => {
|
|
23
20
|
__defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
|
|
24
21
|
return value;
|
|
25
22
|
};
|
|
26
23
|
|
|
27
|
-
// packages/ui/atoms/ScrollAnimation/ScrollAnimationChild.
|
|
24
|
+
// packages/ui/atoms/ScrollAnimation/ScrollAnimationChild.ts
|
|
28
25
|
var ScrollAnimationChild_exports = {};
|
|
29
26
|
__export(ScrollAnimationChild_exports, {
|
|
30
|
-
|
|
27
|
+
ScrollAnimationChild: () => ScrollAnimationChild
|
|
31
28
|
});
|
|
32
29
|
module.exports = __toCommonJS(ScrollAnimationChild_exports);
|
|
33
30
|
var import_utils = require("@studiometa/js-toolkit/utils");
|
|
34
|
-
var import_AbstractScrollAnimation =
|
|
35
|
-
|
|
31
|
+
var import_AbstractScrollAnimation = require("./AbstractScrollAnimation.cjs");
|
|
32
|
+
function updateProps(that, props, dampFactor, dampPrecision, axis = "x") {
|
|
33
|
+
that.dampedCurrent[axis] = (0, import_utils.damp)(props.current[axis], that.dampedCurrent[axis], dampFactor, dampPrecision);
|
|
34
|
+
that.dampedProgress[axis] = (0, import_utils.clamp01)(
|
|
35
|
+
(that.dampedCurrent[axis] - props.start[axis]) / (props.end[axis] - props.start[axis])
|
|
36
|
+
);
|
|
37
|
+
}
|
|
38
|
+
var ScrollAnimationChild = class extends import_AbstractScrollAnimation.AbstractScrollAnimation {
|
|
39
|
+
dampedCurrent = {
|
|
40
|
+
x: 0,
|
|
41
|
+
y: 0
|
|
42
|
+
};
|
|
36
43
|
dampedProgress = {
|
|
37
44
|
x: 0,
|
|
38
45
|
y: 0
|
|
39
46
|
};
|
|
40
47
|
scrolledInView(props) {
|
|
41
|
-
|
|
42
|
-
this
|
|
48
|
+
const { dampFactor, dampPrecision } = this.$options;
|
|
49
|
+
updateProps(this, props, dampFactor, dampPrecision, "x");
|
|
50
|
+
updateProps(this, props, dampFactor, dampPrecision, "y");
|
|
51
|
+
props.dampedCurrent = this.dampedCurrent;
|
|
43
52
|
props.dampedProgress = this.dampedProgress;
|
|
44
53
|
super.scrolledInView(props);
|
|
45
54
|
}
|
|
46
55
|
};
|
|
47
56
|
__publicField(ScrollAnimationChild, "config", {
|
|
48
57
|
name: "ScrollAnimationChild",
|
|
49
|
-
...import_AbstractScrollAnimation.
|
|
58
|
+
...import_AbstractScrollAnimation.AbstractScrollAnimation.config,
|
|
59
|
+
options: {
|
|
60
|
+
...import_AbstractScrollAnimation.AbstractScrollAnimation.config.options,
|
|
61
|
+
dampFactor: {
|
|
62
|
+
type: Number,
|
|
63
|
+
default: 0.1
|
|
64
|
+
},
|
|
65
|
+
dampPrecision: {
|
|
66
|
+
type: Number,
|
|
67
|
+
default: 1e-3
|
|
68
|
+
}
|
|
69
|
+
}
|
|
50
70
|
});
|
|
51
71
|
if (module.exports.default) module.exports = module.exports.default;
|
|
72
|
+
//# sourceMappingURL=ScrollAnimationChild.cjs.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../packages/ui/atoms/ScrollAnimation/ScrollAnimationChild.ts"],
|
|
4
|
+
"sourcesContent": ["import type {\n BaseConfig,\n BaseProps,\n ScrollInViewProps,\n WithScrolledInViewProps,\n} from '@studiometa/js-toolkit';\nimport { damp, clamp01 } from '@studiometa/js-toolkit/utils';\nimport { AbstractScrollAnimation } from './AbstractScrollAnimation.js';\n\nexport interface ScrollAnimationChildProps extends BaseProps {\n $options: WithScrolledInViewProps['$options'];\n}\n\nfunction updateProps(\n // eslint-disable-next-line no-use-before-define\n that: ScrollAnimationChild,\n props: ScrollInViewProps,\n dampFactor: number,\n dampPrecision: number,\n axis: 'x' | 'y' = 'x',\n) {\n that.dampedCurrent[axis] = damp(props.current[axis], that.dampedCurrent[axis], dampFactor, dampPrecision);\n that.dampedProgress[axis] = clamp01(\n (that.dampedCurrent[axis] - props.start[axis]) / (props.end[axis] - props.start[axis]),\n );\n}\n\n/**\n * ScrollAnimationChild class.\n */\nexport class ScrollAnimationChild<T extends BaseProps = BaseProps> extends AbstractScrollAnimation<\n T & ScrollAnimationChildProps\n> {\n /**\n * Config.\n */\n static config: BaseConfig = {\n name: 'ScrollAnimationChild',\n ...AbstractScrollAnimation.config,\n options: {\n ...AbstractScrollAnimation.config.options,\n dampFactor: {\n type: Number,\n default: 0.1,\n },\n dampPrecision: {\n type: Number,\n default: 0.001,\n },\n },\n };\n\n /**\n * Local damped current values.\n */\n dampedCurrent: ScrollInViewProps['dampedCurrent'] = {\n x: 0,\n y: 0,\n };\n\n /**\n * Local damped progress.\n */\n dampedProgress: ScrollInViewProps['dampedCurrent'] = {\n x: 0,\n y: 0,\n };\n\n /**\n * Compute local damped progress.\n */\n scrolledInView(props: ScrollInViewProps) {\n const { dampFactor, dampPrecision } = this.$options;\n\n updateProps(this, props, dampFactor, dampPrecision, 'x');\n updateProps(this, props, dampFactor, dampPrecision, 'y');\n\n props.dampedCurrent = this.dampedCurrent;\n props.dampedProgress = this.dampedProgress;\n\n super.scrolledInView(props);\n }\n}\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA,mBAA8B;AAC9B,qCAAwC;AAMxC,SAAS,YAEP,MACA,OACA,YACA,eACA,OAAkB,KAClB;AACA,OAAK,cAAc,YAAQ,mBAAK,MAAM,QAAQ,OAAO,KAAK,cAAc,OAAO,YAAY,aAAa;AACxG,OAAK,eAAe,YAAQ;AAAA,KACzB,KAAK,cAAc,QAAQ,MAAM,MAAM,UAAU,MAAM,IAAI,QAAQ,MAAM,MAAM;AAAA,EAClF;AACF;AAKO,IAAM,uBAAN,cAAoE,uDAEzE;AAAA,EAuBA,gBAAoD;AAAA,IAClD,GAAG;AAAA,IACH,GAAG;AAAA,EACL;AAAA,EAKA,iBAAqD;AAAA,IACnD,GAAG;AAAA,IACH,GAAG;AAAA,EACL;AAAA,EAKA,eAAe,OAA0B;AACvC,UAAM,EAAE,YAAY,cAAc,IAAI,KAAK;AAE3C,gBAAY,MAAM,OAAO,YAAY,eAAe,GAAG;AACvD,gBAAY,MAAM,OAAO,YAAY,eAAe,GAAG;AAEvD,UAAM,gBAAgB,KAAK;AAC3B,UAAM,iBAAiB,KAAK;AAE5B,UAAM,eAAe,KAAK;AAAA,EAC5B;AACF;AA9CE,cANW,sBAMJ,UAAqB;AAAA,EAC1B,MAAM;AAAA,EACN,GAAG,uDAAwB;AAAA,EAC3B,SAAS;AAAA,IACP,GAAG,uDAAwB,OAAO;AAAA,IAClC,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IACA,eAAe;AAAA,MACb,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AACF;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -1,13 +1,26 @@
|
|
|
1
|
+
import type { BaseConfig, BaseProps, ScrollInViewProps, WithScrolledInViewProps } from '@studiometa/js-toolkit';
|
|
2
|
+
import { AbstractScrollAnimation } from './AbstractScrollAnimation.js';
|
|
3
|
+
export interface ScrollAnimationChildProps extends BaseProps {
|
|
4
|
+
$options: WithScrolledInViewProps['$options'];
|
|
5
|
+
}
|
|
1
6
|
/**
|
|
2
7
|
* ScrollAnimationChild class.
|
|
3
8
|
*/
|
|
4
|
-
export
|
|
9
|
+
export declare class ScrollAnimationChild<T extends BaseProps = BaseProps> extends AbstractScrollAnimation<T & ScrollAnimationChildProps> {
|
|
10
|
+
/**
|
|
11
|
+
* Config.
|
|
12
|
+
*/
|
|
13
|
+
static config: BaseConfig;
|
|
14
|
+
/**
|
|
15
|
+
* Local damped current values.
|
|
16
|
+
*/
|
|
17
|
+
dampedCurrent: ScrollInViewProps['dampedCurrent'];
|
|
5
18
|
/**
|
|
6
19
|
* Local damped progress.
|
|
7
20
|
*/
|
|
8
|
-
dampedProgress:
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
21
|
+
dampedProgress: ScrollInViewProps['dampedCurrent'];
|
|
22
|
+
/**
|
|
23
|
+
* Compute local damped progress.
|
|
24
|
+
*/
|
|
25
|
+
scrolledInView(props: ScrollInViewProps): void;
|
|
12
26
|
}
|
|
13
|
-
import AbstractScrollAnimation from "./AbstractScrollAnimation.js";
|
|
@@ -1 +1,45 @@
|
|
|
1
|
-
import{damp
|
|
1
|
+
import { damp, clamp01 } from "@studiometa/js-toolkit/utils";
|
|
2
|
+
import { AbstractScrollAnimation } from "./AbstractScrollAnimation.js";
|
|
3
|
+
function updateProps(that, props, dampFactor, dampPrecision, axis = "x") {
|
|
4
|
+
that.dampedCurrent[axis] = damp(props.current[axis], that.dampedCurrent[axis], dampFactor, dampPrecision);
|
|
5
|
+
that.dampedProgress[axis] = clamp01(
|
|
6
|
+
(that.dampedCurrent[axis] - props.start[axis]) / (props.end[axis] - props.start[axis])
|
|
7
|
+
);
|
|
8
|
+
}
|
|
9
|
+
class ScrollAnimationChild extends AbstractScrollAnimation {
|
|
10
|
+
static config = {
|
|
11
|
+
name: "ScrollAnimationChild",
|
|
12
|
+
...AbstractScrollAnimation.config,
|
|
13
|
+
options: {
|
|
14
|
+
...AbstractScrollAnimation.config.options,
|
|
15
|
+
dampFactor: {
|
|
16
|
+
type: Number,
|
|
17
|
+
default: 0.1
|
|
18
|
+
},
|
|
19
|
+
dampPrecision: {
|
|
20
|
+
type: Number,
|
|
21
|
+
default: 1e-3
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
};
|
|
25
|
+
dampedCurrent = {
|
|
26
|
+
x: 0,
|
|
27
|
+
y: 0
|
|
28
|
+
};
|
|
29
|
+
dampedProgress = {
|
|
30
|
+
x: 0,
|
|
31
|
+
y: 0
|
|
32
|
+
};
|
|
33
|
+
scrolledInView(props) {
|
|
34
|
+
const { dampFactor, dampPrecision } = this.$options;
|
|
35
|
+
updateProps(this, props, dampFactor, dampPrecision, "x");
|
|
36
|
+
updateProps(this, props, dampFactor, dampPrecision, "y");
|
|
37
|
+
props.dampedCurrent = this.dampedCurrent;
|
|
38
|
+
props.dampedProgress = this.dampedProgress;
|
|
39
|
+
super.scrolledInView(props);
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
export {
|
|
43
|
+
ScrollAnimationChild
|
|
44
|
+
};
|
|
45
|
+
//# sourceMappingURL=ScrollAnimationChild.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../packages/ui/atoms/ScrollAnimation/ScrollAnimationChild.ts"],
|
|
4
|
+
"sourcesContent": ["import type {\n BaseConfig,\n BaseProps,\n ScrollInViewProps,\n WithScrolledInViewProps,\n} from '@studiometa/js-toolkit';\nimport { damp, clamp01 } from '@studiometa/js-toolkit/utils';\nimport { AbstractScrollAnimation } from './AbstractScrollAnimation.js';\n\nexport interface ScrollAnimationChildProps extends BaseProps {\n $options: WithScrolledInViewProps['$options'];\n}\n\nfunction updateProps(\n // eslint-disable-next-line no-use-before-define\n that: ScrollAnimationChild,\n props: ScrollInViewProps,\n dampFactor: number,\n dampPrecision: number,\n axis: 'x' | 'y' = 'x',\n) {\n that.dampedCurrent[axis] = damp(props.current[axis], that.dampedCurrent[axis], dampFactor, dampPrecision);\n that.dampedProgress[axis] = clamp01(\n (that.dampedCurrent[axis] - props.start[axis]) / (props.end[axis] - props.start[axis]),\n );\n}\n\n/**\n * ScrollAnimationChild class.\n */\nexport class ScrollAnimationChild<T extends BaseProps = BaseProps> extends AbstractScrollAnimation<\n T & ScrollAnimationChildProps\n> {\n /**\n * Config.\n */\n static config: BaseConfig = {\n name: 'ScrollAnimationChild',\n ...AbstractScrollAnimation.config,\n options: {\n ...AbstractScrollAnimation.config.options,\n dampFactor: {\n type: Number,\n default: 0.1,\n },\n dampPrecision: {\n type: Number,\n default: 0.001,\n },\n },\n };\n\n /**\n * Local damped current values.\n */\n dampedCurrent: ScrollInViewProps['dampedCurrent'] = {\n x: 0,\n y: 0,\n };\n\n /**\n * Local damped progress.\n */\n dampedProgress: ScrollInViewProps['dampedCurrent'] = {\n x: 0,\n y: 0,\n };\n\n /**\n * Compute local damped progress.\n */\n scrolledInView(props: ScrollInViewProps) {\n const { dampFactor, dampPrecision } = this.$options;\n\n updateProps(this, props, dampFactor, dampPrecision, 'x');\n updateProps(this, props, dampFactor, dampPrecision, 'y');\n\n props.dampedCurrent = this.dampedCurrent;\n props.dampedProgress = this.dampedProgress;\n\n super.scrolledInView(props);\n }\n}\n"],
|
|
5
|
+
"mappings": "AAMA,SAAS,MAAM,eAAe;AAC9B,SAAS,+BAA+B;AAMxC,SAAS,YAEP,MACA,OACA,YACA,eACA,OAAkB,KAClB;AACA,OAAK,cAAc,QAAQ,KAAK,MAAM,QAAQ,OAAO,KAAK,cAAc,OAAO,YAAY,aAAa;AACxG,OAAK,eAAe,QAAQ;AAAA,KACzB,KAAK,cAAc,QAAQ,MAAM,MAAM,UAAU,MAAM,IAAI,QAAQ,MAAM,MAAM;AAAA,EAClF;AACF;AAKO,MAAM,6BAA8D,wBAEzE;AAAA,EAIA,OAAO,SAAqB;AAAA,IAC1B,MAAM;AAAA,IACN,GAAG,wBAAwB;AAAA,IAC3B,SAAS;AAAA,MACP,GAAG,wBAAwB,OAAO;AAAA,MAClC,YAAY;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,MACX;AAAA,MACA,eAAe;AAAA,QACb,MAAM;AAAA,QACN,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AAAA,EAKA,gBAAoD;AAAA,IAClD,GAAG;AAAA,IACH,GAAG;AAAA,EACL;AAAA,EAKA,iBAAqD;AAAA,IACnD,GAAG;AAAA,IACH,GAAG;AAAA,EACL;AAAA,EAKA,eAAe,OAA0B;AACvC,UAAM,EAAE,YAAY,cAAc,IAAI,KAAK;AAE3C,gBAAY,MAAM,OAAO,YAAY,eAAe,GAAG;AACvD,gBAAY,MAAM,OAAO,YAAY,eAAe,GAAG;AAEvD,UAAM,gBAAgB,KAAK;AAC3B,UAAM,iBAAiB,KAAK;AAE5B,UAAM,eAAe,KAAK;AAAA,EAC5B;AACF;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -1,8 +1,6 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
2
1
|
var __defProp = Object.defineProperty;
|
|
3
2
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
3
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
6
4
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
5
|
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
8
6
|
var __export = (target, all) => {
|
|
@@ -17,25 +15,25 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
15
|
}
|
|
18
16
|
return to;
|
|
19
17
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
|
|
21
18
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
19
|
var __publicField = (obj, key, value) => {
|
|
23
20
|
__defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
|
|
24
21
|
return value;
|
|
25
22
|
};
|
|
26
23
|
|
|
27
|
-
// packages/ui/atoms/ScrollAnimation/ScrollAnimationChildWithEase.
|
|
24
|
+
// packages/ui/atoms/ScrollAnimation/ScrollAnimationChildWithEase.ts
|
|
28
25
|
var ScrollAnimationChildWithEase_exports = {};
|
|
29
26
|
__export(ScrollAnimationChildWithEase_exports, {
|
|
30
|
-
|
|
27
|
+
ScrollAnimationChildWithEase: () => ScrollAnimationChildWithEase
|
|
31
28
|
});
|
|
32
29
|
module.exports = __toCommonJS(ScrollAnimationChildWithEase_exports);
|
|
33
|
-
var import_ScrollAnimationChild =
|
|
34
|
-
var import_animationScrollWithEase =
|
|
35
|
-
var ScrollAnimationChildWithEase = class extends (0, import_animationScrollWithEase.
|
|
30
|
+
var import_ScrollAnimationChild = require("./ScrollAnimationChild.cjs");
|
|
31
|
+
var import_animationScrollWithEase = require("./animationScrollWithEase.cjs");
|
|
32
|
+
var ScrollAnimationChildWithEase = class extends (0, import_animationScrollWithEase.animationScrollWithEase)(import_ScrollAnimationChild.ScrollAnimationChild) {
|
|
36
33
|
};
|
|
37
34
|
__publicField(ScrollAnimationChildWithEase, "config", {
|
|
38
|
-
...import_ScrollAnimationChild.
|
|
35
|
+
...import_ScrollAnimationChild.ScrollAnimationChild.config,
|
|
39
36
|
name: "ScrollAnimationChildWithEase"
|
|
40
37
|
});
|
|
41
38
|
if (module.exports.default) module.exports = module.exports.default;
|
|
39
|
+
//# sourceMappingURL=ScrollAnimationChildWithEase.cjs.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../packages/ui/atoms/ScrollAnimation/ScrollAnimationChildWithEase.ts"],
|
|
4
|
+
"sourcesContent": ["import type { BaseConfig } from '@studiometa/js-toolkit';\nimport { ScrollAnimationChild } from './ScrollAnimationChild.js';\nimport { animationScrollWithEase } from './animationScrollWithEase.js';\n\n/**\n * ScrollAnimationChild class.\n */\nexport class ScrollAnimationChildWithEase extends animationScrollWithEase(ScrollAnimationChild) {\n /**\n * Config.\n */\n static config: BaseConfig = {\n ...ScrollAnimationChild.config,\n name: 'ScrollAnimationChildWithEase',\n };\n}\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,kCAAqC;AACrC,qCAAwC;AAKjC,IAAM,+BAAN,kBAA2C,wDAAwB,gDAAoB,EAAE;AAQhG;AAJE,cAJW,8BAIJ,UAAqB;AAAA,EAC1B,GAAG,iDAAqB;AAAA,EACxB,MAAM;AACR;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -1,6 +1,12 @@
|
|
|
1
|
+
import type { BaseConfig } from '@studiometa/js-toolkit';
|
|
2
|
+
declare const ScrollAnimationChildWithEase_base: import("@studiometa/js-toolkit").BaseDecorator<import("./animationScrollWithEase.js").AnimationScrollWithEaseInterface, import("./AbstractScrollAnimation.js").AbstractScrollAnimation<import("@studiometa/js-toolkit").BaseProps>, import("./animationScrollWithEase.js").AnimationScrollWithEaseProps>;
|
|
1
3
|
/**
|
|
2
4
|
* ScrollAnimationChild class.
|
|
3
5
|
*/
|
|
4
|
-
export
|
|
6
|
+
export declare class ScrollAnimationChildWithEase extends ScrollAnimationChildWithEase_base {
|
|
7
|
+
/**
|
|
8
|
+
* Config.
|
|
9
|
+
*/
|
|
10
|
+
static config: BaseConfig;
|
|
5
11
|
}
|
|
6
|
-
|
|
12
|
+
export {};
|
|
@@ -1 +1,12 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { ScrollAnimationChild } from "./ScrollAnimationChild.js";
|
|
2
|
+
import { animationScrollWithEase } from "./animationScrollWithEase.js";
|
|
3
|
+
class ScrollAnimationChildWithEase extends animationScrollWithEase(ScrollAnimationChild) {
|
|
4
|
+
static config = {
|
|
5
|
+
...ScrollAnimationChild.config,
|
|
6
|
+
name: "ScrollAnimationChildWithEase"
|
|
7
|
+
};
|
|
8
|
+
}
|
|
9
|
+
export {
|
|
10
|
+
ScrollAnimationChildWithEase
|
|
11
|
+
};
|
|
12
|
+
//# sourceMappingURL=ScrollAnimationChildWithEase.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../packages/ui/atoms/ScrollAnimation/ScrollAnimationChildWithEase.ts"],
|
|
4
|
+
"sourcesContent": ["import type { BaseConfig } from '@studiometa/js-toolkit';\nimport { ScrollAnimationChild } from './ScrollAnimationChild.js';\nimport { animationScrollWithEase } from './animationScrollWithEase.js';\n\n/**\n * ScrollAnimationChild class.\n */\nexport class ScrollAnimationChildWithEase extends animationScrollWithEase(ScrollAnimationChild) {\n /**\n * Config.\n */\n static config: BaseConfig = {\n ...ScrollAnimationChild.config,\n name: 'ScrollAnimationChildWithEase',\n };\n}\n"],
|
|
5
|
+
"mappings": "AACA,SAAS,4BAA4B;AACrC,SAAS,+BAA+B;AAKjC,MAAM,qCAAqC,wBAAwB,oBAAoB,EAAE;AAAA,EAI9F,OAAO,SAAqB;AAAA,IAC1B,GAAG,qBAAqB;AAAA,IACxB,MAAM;AAAA,EACR;AACF;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -1,8 +1,6 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
2
1
|
var __defProp = Object.defineProperty;
|
|
3
2
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
3
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
6
4
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
5
|
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
8
6
|
var __export = (target, all) => {
|
|
@@ -17,22 +15,24 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
15
|
}
|
|
18
16
|
return to;
|
|
19
17
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
|
|
21
18
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
19
|
var __publicField = (obj, key, value) => {
|
|
23
20
|
__defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
|
|
24
21
|
return value;
|
|
25
22
|
};
|
|
26
23
|
|
|
27
|
-
// packages/ui/atoms/ScrollAnimation/ScrollAnimationParent.
|
|
24
|
+
// packages/ui/atoms/ScrollAnimation/ScrollAnimationParent.ts
|
|
28
25
|
var ScrollAnimationParent_exports = {};
|
|
29
26
|
__export(ScrollAnimationParent_exports, {
|
|
30
|
-
|
|
27
|
+
ScrollAnimationParent: () => ScrollAnimationParent
|
|
31
28
|
});
|
|
32
29
|
module.exports = __toCommonJS(ScrollAnimationParent_exports);
|
|
33
30
|
var import_js_toolkit = require("@studiometa/js-toolkit");
|
|
34
|
-
var import_ScrollAnimationChild =
|
|
35
|
-
var ScrollAnimationParent = class extends (0, import_js_toolkit.withScrolledInView)(
|
|
31
|
+
var import_ScrollAnimationChild = require("./ScrollAnimationChild.cjs");
|
|
32
|
+
var ScrollAnimationParent = class extends (0, import_js_toolkit.withScrolledInView)(
|
|
33
|
+
import_js_toolkit.Base,
|
|
34
|
+
{}
|
|
35
|
+
) {
|
|
36
36
|
scrolledInView(props) {
|
|
37
37
|
this.$children.ScrollAnimationChild.forEach((child) => {
|
|
38
38
|
child.scrolledInView(props);
|
|
@@ -42,7 +42,8 @@ var ScrollAnimationParent = class extends (0, import_js_toolkit.withScrolledInVi
|
|
|
42
42
|
__publicField(ScrollAnimationParent, "config", {
|
|
43
43
|
name: "ScrollAnimationParent",
|
|
44
44
|
components: {
|
|
45
|
-
ScrollAnimationChild: import_ScrollAnimationChild.
|
|
45
|
+
ScrollAnimationChild: import_ScrollAnimationChild.ScrollAnimationChild
|
|
46
46
|
}
|
|
47
47
|
});
|
|
48
48
|
if (module.exports.default) module.exports = module.exports.default;
|
|
49
|
+
//# sourceMappingURL=ScrollAnimationParent.cjs.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../packages/ui/atoms/ScrollAnimation/ScrollAnimationParent.ts"],
|
|
4
|
+
"sourcesContent": ["import { Base, ScrollInViewProps, withScrolledInView } from '@studiometa/js-toolkit';\nimport type { BaseConfig, BaseProps } from '@studiometa/js-toolkit';\nimport { ScrollAnimationChild } from './ScrollAnimationChild.js';\n\nexport interface ScrollAnimationParentProps extends BaseProps {\n $children: {\n ScrollAnimationChild: ScrollAnimationChild[];\n };\n}\n\n/**\n * ScrollAnimationParent class.\n */\nexport class ScrollAnimationParent<T extends BaseProps = BaseProps> extends withScrolledInView(\n Base,\n {},\n)<T & ScrollAnimationParentProps> {\n /**\n * Config.\n */\n static config: BaseConfig = {\n name: 'ScrollAnimationParent',\n components: {\n ScrollAnimationChild,\n },\n };\n\n /**\n * Scrolled in view hook.\n */\n scrolledInView(props: ScrollInViewProps) {\n this.$children.ScrollAnimationChild.forEach((child) => {\n child.scrolledInView(props);\n });\n }\n}\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAA4D;AAE5D,kCAAqC;AAW9B,IAAM,wBAAN,kBAAqE;AAAA,EAC1E;AAAA,EACA,CAAC;AACH,EAAkC;AAAA,EAchC,eAAe,OAA0B;AACvC,SAAK,UAAU,qBAAqB,QAAQ,CAAC,UAAU;AACrD,YAAM,eAAe,KAAK;AAAA,IAC5B,CAAC;AAAA,EACH;AACF;AAfE,cAPW,uBAOJ,UAAqB;AAAA,EAC1B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,EACF;AACF;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -1,35 +1,23 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
1
|
+
import { Base, ScrollInViewProps } from '@studiometa/js-toolkit';
|
|
2
|
+
import type { BaseConfig, BaseProps } from '@studiometa/js-toolkit';
|
|
3
|
+
import { ScrollAnimationChild } from './ScrollAnimationChild.js';
|
|
4
|
+
export interface ScrollAnimationParentProps extends BaseProps {
|
|
5
|
+
$children: {
|
|
6
|
+
ScrollAnimationChild: ScrollAnimationChild[];
|
|
7
|
+
};
|
|
8
|
+
}
|
|
9
|
+
declare const ScrollAnimationParent_base: import("@studiometa/js-toolkit").BaseDecorator<import("@studiometa/js-toolkit").WithScrolledInViewInterface, Base<BaseProps>, import("@studiometa/js-toolkit").WithScrolledInViewProps>;
|
|
8
10
|
/**
|
|
9
11
|
* ScrollAnimationParent class.
|
|
10
12
|
*/
|
|
11
|
-
export
|
|
13
|
+
export declare class ScrollAnimationParent<T extends BaseProps = BaseProps> extends ScrollAnimationParent_base<T & ScrollAnimationParentProps> {
|
|
12
14
|
/**
|
|
13
15
|
* Config.
|
|
14
16
|
*/
|
|
15
|
-
static config:
|
|
16
|
-
name: string;
|
|
17
|
-
components: {
|
|
18
|
-
ScrollAnimationChild: typeof ScrollAnimationChild;
|
|
19
|
-
};
|
|
20
|
-
};
|
|
17
|
+
static config: BaseConfig;
|
|
21
18
|
/**
|
|
22
|
-
*
|
|
23
|
-
* @todo do not add unnecessary styles
|
|
24
|
-
* @todo freeze options for better perf
|
|
25
|
-
* @this {ScrollAnimationInterface}
|
|
19
|
+
* Scrolled in view hook.
|
|
26
20
|
*/
|
|
27
|
-
scrolledInView(
|
|
21
|
+
scrolledInView(props: ScrollInViewProps): void;
|
|
28
22
|
}
|
|
29
|
-
export
|
|
30
|
-
$children: {
|
|
31
|
-
ScrollAnimationChild: ScrollAnimationChild[];
|
|
32
|
-
};
|
|
33
|
-
};
|
|
34
|
-
import { Base } from "@studiometa/js-toolkit";
|
|
35
|
-
import ScrollAnimationChild from "./ScrollAnimationChild.js";
|
|
23
|
+
export {};
|
|
@@ -1 +1,22 @@
|
|
|
1
|
-
import{Base
|
|
1
|
+
import { Base, withScrolledInView } from "@studiometa/js-toolkit";
|
|
2
|
+
import { ScrollAnimationChild } from "./ScrollAnimationChild.js";
|
|
3
|
+
class ScrollAnimationParent extends withScrolledInView(
|
|
4
|
+
Base,
|
|
5
|
+
{}
|
|
6
|
+
) {
|
|
7
|
+
static config = {
|
|
8
|
+
name: "ScrollAnimationParent",
|
|
9
|
+
components: {
|
|
10
|
+
ScrollAnimationChild
|
|
11
|
+
}
|
|
12
|
+
};
|
|
13
|
+
scrolledInView(props) {
|
|
14
|
+
this.$children.ScrollAnimationChild.forEach((child) => {
|
|
15
|
+
child.scrolledInView(props);
|
|
16
|
+
});
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
export {
|
|
20
|
+
ScrollAnimationParent
|
|
21
|
+
};
|
|
22
|
+
//# sourceMappingURL=ScrollAnimationParent.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../packages/ui/atoms/ScrollAnimation/ScrollAnimationParent.ts"],
|
|
4
|
+
"sourcesContent": ["import { Base, ScrollInViewProps, withScrolledInView } from '@studiometa/js-toolkit';\nimport type { BaseConfig, BaseProps } from '@studiometa/js-toolkit';\nimport { ScrollAnimationChild } from './ScrollAnimationChild.js';\n\nexport interface ScrollAnimationParentProps extends BaseProps {\n $children: {\n ScrollAnimationChild: ScrollAnimationChild[];\n };\n}\n\n/**\n * ScrollAnimationParent class.\n */\nexport class ScrollAnimationParent<T extends BaseProps = BaseProps> extends withScrolledInView(\n Base,\n {},\n)<T & ScrollAnimationParentProps> {\n /**\n * Config.\n */\n static config: BaseConfig = {\n name: 'ScrollAnimationParent',\n components: {\n ScrollAnimationChild,\n },\n };\n\n /**\n * Scrolled in view hook.\n */\n scrolledInView(props: ScrollInViewProps) {\n this.$children.ScrollAnimationChild.forEach((child) => {\n child.scrolledInView(props);\n });\n }\n}\n"],
|
|
5
|
+
"mappings": "AAAA,SAAS,MAAyB,0BAA0B;AAE5D,SAAS,4BAA4B;AAW9B,MAAM,8BAA+D;AAAA,EAC1E;AAAA,EACA,CAAC;AACH,EAAkC;AAAA,EAIhC,OAAO,SAAqB;AAAA,IAC1B,MAAM;AAAA,IACN,YAAY;AAAA,MACV;AAAA,IACF;AAAA,EACF;AAAA,EAKA,eAAe,OAA0B;AACvC,SAAK,UAAU,qBAAqB,QAAQ,CAAC,UAAU;AACrD,YAAM,eAAe,KAAK;AAAA,IAC5B,CAAC;AAAA,EACH;AACF;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -1,8 +1,6 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
2
1
|
var __defProp = Object.defineProperty;
|
|
3
2
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
3
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
6
4
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
5
|
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
8
6
|
var __export = (target, all) => {
|
|
@@ -17,25 +15,25 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
15
|
}
|
|
18
16
|
return to;
|
|
19
17
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
|
|
21
18
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
19
|
var __publicField = (obj, key, value) => {
|
|
23
20
|
__defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
|
|
24
21
|
return value;
|
|
25
22
|
};
|
|
26
23
|
|
|
27
|
-
// packages/ui/atoms/ScrollAnimation/ScrollAnimationWithEase.
|
|
24
|
+
// packages/ui/atoms/ScrollAnimation/ScrollAnimationWithEase.ts
|
|
28
25
|
var ScrollAnimationWithEase_exports = {};
|
|
29
26
|
__export(ScrollAnimationWithEase_exports, {
|
|
30
|
-
|
|
27
|
+
ScrollAnimationWithEase: () => ScrollAnimationWithEase
|
|
31
28
|
});
|
|
32
29
|
module.exports = __toCommonJS(ScrollAnimationWithEase_exports);
|
|
33
|
-
var import_ScrollAnimation =
|
|
34
|
-
var import_animationScrollWithEase =
|
|
35
|
-
var ScrollAnimationWithEase = class extends (0, import_animationScrollWithEase.
|
|
30
|
+
var import_ScrollAnimation = require("./ScrollAnimation.cjs");
|
|
31
|
+
var import_animationScrollWithEase = require("./animationScrollWithEase.cjs");
|
|
32
|
+
var ScrollAnimationWithEase = class extends (0, import_animationScrollWithEase.animationScrollWithEase)(import_ScrollAnimation.ScrollAnimation) {
|
|
36
33
|
};
|
|
37
34
|
__publicField(ScrollAnimationWithEase, "config", {
|
|
38
|
-
...import_ScrollAnimation.
|
|
35
|
+
...import_ScrollAnimation.ScrollAnimation.config,
|
|
39
36
|
name: "ScrollAnimationWithEase"
|
|
40
37
|
});
|
|
41
38
|
if (module.exports.default) module.exports = module.exports.default;
|
|
39
|
+
//# sourceMappingURL=ScrollAnimationWithEase.cjs.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../packages/ui/atoms/ScrollAnimation/ScrollAnimationWithEase.ts"],
|
|
4
|
+
"sourcesContent": ["import { ScrollAnimation } from './ScrollAnimation.js';\nimport { animationScrollWithEase } from './animationScrollWithEase.js';\n\n/**\n * ScrollAnimation class.\n */\nexport class ScrollAnimationWithEase extends animationScrollWithEase(ScrollAnimation) {\n /**\n * Config.\n */\n static config = {\n ...ScrollAnimation.config,\n name: 'ScrollAnimationWithEase',\n };\n}\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6BAAgC;AAChC,qCAAwC;AAKjC,IAAM,0BAAN,kBAAsC,wDAAwB,sCAAe,EAAE;AAQtF;AAJE,cAJW,yBAIJ,UAAS;AAAA,EACd,GAAG,uCAAgB;AAAA,EACnB,MAAM;AACR;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -1,6 +1,19 @@
|
|
|
1
|
+
declare const ScrollAnimationWithEase_base: import("@studiometa/js-toolkit").BaseDecorator<import("./animationScrollWithEase.js").AnimationScrollWithEaseInterface, import("./AbstractScrollAnimation.js").AbstractScrollAnimation<import("@studiometa/js-toolkit").BaseProps>, import("./animationScrollWithEase.js").AnimationScrollWithEaseProps>;
|
|
1
2
|
/**
|
|
2
3
|
* ScrollAnimation class.
|
|
3
4
|
*/
|
|
4
|
-
export
|
|
5
|
+
export declare class ScrollAnimationWithEase extends ScrollAnimationWithEase_base {
|
|
6
|
+
/**
|
|
7
|
+
* Config.
|
|
8
|
+
*/
|
|
9
|
+
static config: {
|
|
10
|
+
name: string;
|
|
11
|
+
debug?: boolean;
|
|
12
|
+
log?: boolean;
|
|
13
|
+
refs?: string[];
|
|
14
|
+
emits?: string[];
|
|
15
|
+
components?: import("@studiometa/js-toolkit/Base/index.js").BaseConfigComponents;
|
|
16
|
+
options?: import("@studiometa/js-toolkit/Base/managers/OptionsManager.js").OptionsSchema;
|
|
17
|
+
};
|
|
5
18
|
}
|
|
6
|
-
|
|
19
|
+
export {};
|
|
@@ -1 +1,12 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { ScrollAnimation } from "./ScrollAnimation.js";
|
|
2
|
+
import { animationScrollWithEase } from "./animationScrollWithEase.js";
|
|
3
|
+
class ScrollAnimationWithEase extends animationScrollWithEase(ScrollAnimation) {
|
|
4
|
+
static config = {
|
|
5
|
+
...ScrollAnimation.config,
|
|
6
|
+
name: "ScrollAnimationWithEase"
|
|
7
|
+
};
|
|
8
|
+
}
|
|
9
|
+
export {
|
|
10
|
+
ScrollAnimationWithEase
|
|
11
|
+
};
|
|
12
|
+
//# sourceMappingURL=ScrollAnimationWithEase.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../packages/ui/atoms/ScrollAnimation/ScrollAnimationWithEase.ts"],
|
|
4
|
+
"sourcesContent": ["import { ScrollAnimation } from './ScrollAnimation.js';\nimport { animationScrollWithEase } from './animationScrollWithEase.js';\n\n/**\n * ScrollAnimation class.\n */\nexport class ScrollAnimationWithEase extends animationScrollWithEase(ScrollAnimation) {\n /**\n * Config.\n */\n static config = {\n ...ScrollAnimation.config,\n name: 'ScrollAnimationWithEase',\n };\n}\n"],
|
|
5
|
+
"mappings": "AAAA,SAAS,uBAAuB;AAChC,SAAS,+BAA+B;AAKjC,MAAM,gCAAgC,wBAAwB,eAAe,EAAE;AAAA,EAIpF,OAAO,SAAS;AAAA,IACd,GAAG,gBAAgB;AAAA,IACnB,MAAM;AAAA,EACR;AACF;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -16,17 +16,19 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
16
16
|
};
|
|
17
17
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
18
18
|
|
|
19
|
-
// packages/ui/atoms/ScrollAnimation/animationScrollWithEase.
|
|
19
|
+
// packages/ui/atoms/ScrollAnimation/animationScrollWithEase.ts
|
|
20
20
|
var animationScrollWithEase_exports = {};
|
|
21
21
|
__export(animationScrollWithEase_exports, {
|
|
22
|
-
|
|
22
|
+
animationScrollWithEase: () => animationScrollWithEase
|
|
23
23
|
});
|
|
24
24
|
module.exports = __toCommonJS(animationScrollWithEase_exports);
|
|
25
25
|
var import_utils = require("@studiometa/js-toolkit/utils");
|
|
26
26
|
var regex = /ease([A-Z])/;
|
|
27
|
-
var eases = Object.fromEntries(
|
|
27
|
+
var eases = Object.fromEntries(
|
|
28
|
+
Object.entries(import_utils.ease).filter(([name]) => name.startsWith("ease")).map(([name, value]) => [name.replace(regex, (match, $1) => $1.toLowerCase()), value])
|
|
29
|
+
);
|
|
28
30
|
function animationScrollWithEase(ScrollAnimation) {
|
|
29
|
-
|
|
31
|
+
class AnimationScrollWithEase extends ScrollAnimation {
|
|
30
32
|
static config = {
|
|
31
33
|
...ScrollAnimation.config,
|
|
32
34
|
name: `${ScrollAnimation.config.name}WithEase`,
|
|
@@ -44,6 +46,8 @@ function animationScrollWithEase(ScrollAnimation) {
|
|
|
44
46
|
}
|
|
45
47
|
super.render(progress);
|
|
46
48
|
}
|
|
47
|
-
}
|
|
49
|
+
}
|
|
50
|
+
return AnimationScrollWithEase;
|
|
48
51
|
}
|
|
49
52
|
if (module.exports.default) module.exports = module.exports.default;
|
|
53
|
+
//# sourceMappingURL=animationScrollWithEase.cjs.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../packages/ui/atoms/ScrollAnimation/animationScrollWithEase.ts"],
|
|
4
|
+
"sourcesContent": ["import type { BaseConfig, BaseProps, BaseDecorator, BaseInterface } from '@studiometa/js-toolkit';\nimport { ease } from '@studiometa/js-toolkit/utils';\nimport type { AbstractScrollAnimation } from './AbstractScrollAnimation.js';\n\nconst regex = /ease([A-Z])/;\nconst eases = Object.fromEntries(\n Object.entries(ease)\n .filter(([name]) => name.startsWith('ease'))\n .map(([name, value]) => [name.replace(regex, (match, $1) => $1.toLowerCase()), value]),\n);\n\nexport interface AnimationScrollWithEaseProps extends BaseProps {\n $options: {\n ease: string;\n }\n}\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\nexport interface AnimationScrollWithEaseInterface extends BaseInterface {}\n\n/**\n * Extend a `ScrollAnimation` component to use easings.\n */\nexport function animationScrollWithEase<\n S extends AbstractScrollAnimation,\n>(ScrollAnimation: typeof AbstractScrollAnimation): BaseDecorator<AnimationScrollWithEaseInterface, S, AnimationScrollWithEaseProps> {\n class AnimationScrollWithEase extends ScrollAnimation<AnimationScrollWithEaseProps> {\n /**\n * Config.\n */\n static config : BaseConfig = {\n ...ScrollAnimation.config,\n name: `${ScrollAnimation.config.name}WithEase`,\n options: {\n ...ScrollAnimation.config.options,\n ease: {\n type: String,\n default: 'outExpo',\n },\n },\n };\n\n /**\n * Eases the progress value.\n */\n render(progress:number) {\n if (typeof eases[this.$options.ease] === 'function') {\n // eslint-disable-next-line no-param-reassign\n progress = eases[this.$options.ease](progress);\n }\n\n super.render(progress);\n }\n }\n\n // @ts-ignore\n return AnimationScrollWithEase;\n}\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAqB;AAGrB,IAAM,QAAQ;AACd,IAAM,QAAQ,OAAO;AAAA,EACnB,OAAO,QAAQ,iBAAI,EAChB,OAAO,CAAC,CAAC,IAAI,MAAM,KAAK,WAAW,MAAM,CAAC,EAC1C,IAAI,CAAC,CAAC,MAAM,KAAK,MAAM,CAAC,KAAK,QAAQ,OAAO,CAAC,OAAO,OAAO,GAAG,YAAY,CAAC,GAAG,KAAK,CAAC;AACzF;AAcO,SAAS,wBAEd,iBAAmI;AACnI,QAAM,gCAAgC,gBAA8C;AAAA,IAIlF,OAAO,SAAsB;AAAA,MAC3B,GAAG,gBAAgB;AAAA,MACnB,MAAM,GAAG,gBAAgB,OAAO;AAAA,MAChC,SAAS;AAAA,QACP,GAAG,gBAAgB,OAAO;AAAA,QAC1B,MAAM;AAAA,UACJ,MAAM;AAAA,UACN,SAAS;AAAA,QACX;AAAA,MACF;AAAA,IACF;AAAA,IAKA,OAAO,UAAiB;AACtB,UAAI,OAAO,MAAM,KAAK,SAAS,UAAU,YAAY;AAEnD,mBAAW,MAAM,KAAK,SAAS,MAAM,QAAQ;AAAA,MAC/C;AAEA,YAAM,OAAO,QAAQ;AAAA,IACvB;AAAA,EACF;AAGA,SAAO;AACT;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -1,11 +1,13 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
import type { BaseProps, BaseDecorator, BaseInterface } from '@studiometa/js-toolkit';
|
|
2
|
+
import type { AbstractScrollAnimation } from './AbstractScrollAnimation.js';
|
|
3
|
+
export interface AnimationScrollWithEaseProps extends BaseProps {
|
|
4
|
+
$options: {
|
|
5
|
+
ease: string;
|
|
6
|
+
};
|
|
7
|
+
}
|
|
8
|
+
export interface AnimationScrollWithEaseInterface extends BaseInterface {
|
|
9
|
+
}
|
|
4
10
|
/**
|
|
5
11
|
* Extend a `ScrollAnimation` component to use easings.
|
|
6
|
-
* @template {AbstractScrollAnimationConstructor} T
|
|
7
|
-
* @param {T} ScrollAnimation A child class of the `AbstractScrollAnimation` class.
|
|
8
|
-
* @returns {T}
|
|
9
12
|
*/
|
|
10
|
-
export
|
|
11
|
-
export type AbstractScrollAnimationConstructor = import('./AbstractScrollAnimation.js').AbstractScrollAnimationConstructor;
|
|
13
|
+
export declare function animationScrollWithEase<S extends AbstractScrollAnimation>(ScrollAnimation: typeof AbstractScrollAnimation): BaseDecorator<AnimationScrollWithEaseInterface, S, AnimationScrollWithEaseProps>;
|
|
@@ -1 +1,31 @@
|
|
|
1
|
-
import{ease
|
|
1
|
+
import { ease } from "@studiometa/js-toolkit/utils";
|
|
2
|
+
const regex = /ease([A-Z])/;
|
|
3
|
+
const eases = Object.fromEntries(
|
|
4
|
+
Object.entries(ease).filter(([name]) => name.startsWith("ease")).map(([name, value]) => [name.replace(regex, (match, $1) => $1.toLowerCase()), value])
|
|
5
|
+
);
|
|
6
|
+
function animationScrollWithEase(ScrollAnimation) {
|
|
7
|
+
class AnimationScrollWithEase extends ScrollAnimation {
|
|
8
|
+
static config = {
|
|
9
|
+
...ScrollAnimation.config,
|
|
10
|
+
name: `${ScrollAnimation.config.name}WithEase`,
|
|
11
|
+
options: {
|
|
12
|
+
...ScrollAnimation.config.options,
|
|
13
|
+
ease: {
|
|
14
|
+
type: String,
|
|
15
|
+
default: "outExpo"
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
};
|
|
19
|
+
render(progress) {
|
|
20
|
+
if (typeof eases[this.$options.ease] === "function") {
|
|
21
|
+
progress = eases[this.$options.ease](progress);
|
|
22
|
+
}
|
|
23
|
+
super.render(progress);
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
return AnimationScrollWithEase;
|
|
27
|
+
}
|
|
28
|
+
export {
|
|
29
|
+
animationScrollWithEase
|
|
30
|
+
};
|
|
31
|
+
//# sourceMappingURL=animationScrollWithEase.js.map
|