@studiometa/ui 0.2.12 → 0.2.14

package/atoms/ScrollAnimation/ScrollAnimation.cjs

@@ -1,8 +1,6 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __export = (target, all) => {
@@ -17,34 +15,27 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-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));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
 
-// packages/ui/atoms/ScrollAnimation/ScrollAnimation.js
+// packages/ui/atoms/ScrollAnimation/ScrollAnimation.ts
 var ScrollAnimation_exports = {};
 __export(ScrollAnimation_exports, {
-  default: () => ScrollAnimation
+  ScrollAnimation: () => ScrollAnimation
 });
 module.exports = __toCommonJS(ScrollAnimation_exports);
 var import_js_toolkit = require("@studiometa/js-toolkit");
-var import_AbstractScrollAnimation = __toESM(require("./AbstractScrollAnimation.cjs"), 1);
-var ScrollAnimation = class extends (0, import_js_toolkit.withScrolledInView)(import_AbstractScrollAnimation.default, {}) {
+var import_AbstractScrollAnimation = require("./AbstractScrollAnimation.cjs");
+var ScrollAnimation = class extends (0, import_js_toolkit.withScrolledInView)(import_AbstractScrollAnimation.AbstractScrollAnimation, {}) {
   get target() {
     return this.$refs.target;
   }
-  get dampFactor() {
-    return this.$options.dampFactor;
-  }
-  get dampPrecision() {
-    return this.$options.dampPrecision;
-  }
 };
 __publicField(ScrollAnimation, "config", {
-  ...import_AbstractScrollAnimation.default.config,
+  ...import_AbstractScrollAnimation.AbstractScrollAnimation.config,
   name: "ScrollAnimation",
   refs: ["target"]
 });

package/atoms/ScrollAnimation/ScrollAnimation.d.ts

@@ -1,60 +1,22 @@
-/**
- * @typedef {ScrollAnimation & { $refs: { target: HTMLElement }}} ScrollAnimationInterface
- */
+import type { BaseConfig, BaseProps } from '@studiometa/js-toolkit';
+import { AbstractScrollAnimation } from './AbstractScrollAnimation.js';
+export interface ScrollAnimationProps extends BaseProps {
+    $refs: {
+        target: HTMLElement;
+    };
+}
+declare const ScrollAnimation_base: import("@studiometa/js-toolkit").BaseDecorator<import("@studiometa/js-toolkit").WithScrolledInViewInterface, AbstractScrollAnimation<BaseProps>, import("@studiometa/js-toolkit").WithScrolledInViewProps>;
 /**
  * ScrollAnimation class.
  */
-export default class ScrollAnimation extends AbstractScrollAnimation {
+export declare class ScrollAnimation<T extends BaseProps = BaseProps> extends ScrollAnimation_base<T & ScrollAnimationProps> {
     /**
      * Config.
      */
-    static config: {
-        name: string;
-        refs: string[];
-        options: {
-            playRange: {
-                type: ArrayConstructor;
-                default: () => number[];
-            };
-            dampFactor: {
-                type: NumberConstructor;
-                default: number;
-            };
-            dampPrecision: {
-                type: NumberConstructor;
-                default: number;
-            };
-            from: {
-                type: ObjectConstructor;
-                default: () => {};
-            };
-            to: {
-                type: ObjectConstructor;
-                default: () => {};
-            };
-            keyframes: {
-                type: ArrayConstructor;
-            };
-            easing: {
-                type: ArrayConstructor;
-                default: () => number[];
-            };
-        };
-    };
-    /**
-     * Get the damp factor from the freezed options.
-     * @returns {number}
-     */
-    get dampFactor(): number;
+    static config: BaseConfig;
     /**
-     * Get the damp precision from the freezed options.
-     * @returns {number}
+     * Use the `target` ref as animation target.
      */
-    get dampPrecision(): number;
+    get target(): HTMLElement;
 }
-export type ScrollAnimationInterface = ScrollAnimation & {
-    $refs: {
-        target: HTMLElement;
-    };
-};
-import AbstractScrollAnimation from "./AbstractScrollAnimation.js";
+export {};

package/atoms/ScrollAnimation/ScrollAnimation.js

@@ -1 +1,21 @@
-import{withScrolledInView as r}from"@studiometa/js-toolkit";import t from"./AbstractScrollAnimation.js";class i extends r(t,{}){static config={...t.config,name:"ScrollAnimation",refs:["target"]};get target(){return this.$refs.target}get dampFactor(){return this.$options.dampFactor}get dampPrecision(){return this.$options.dampPrecision}}export{i as default};
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+import { withScrolledInView } from "@studiometa/js-toolkit";
+import { AbstractScrollAnimation } from "./AbstractScrollAnimation.js";
+class ScrollAnimation extends withScrolledInView(AbstractScrollAnimation, {}) {
+  get target() {
+    return this.$refs.target;
+  }
+}
+__publicField(ScrollAnimation, "config", {
+  ...AbstractScrollAnimation.config,
+  name: "ScrollAnimation",
+  refs: ["target"]
+});
+export {
+  ScrollAnimation
+};

package/atoms/ScrollAnimation/ScrollAnimationChild.cjs

@@ -1,8 +1,6 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __export = (target, all) => {
@@ -17,35 +15,60 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-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));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
 
-// packages/ui/atoms/ScrollAnimation/ScrollAnimationChild.js
+// packages/ui/atoms/ScrollAnimation/ScrollAnimationChild.ts
 var ScrollAnimationChild_exports = {};
 __export(ScrollAnimationChild_exports, {
-  default: () => ScrollAnimationChild
+  ScrollAnimationChild: () => ScrollAnimationChild
 });
 module.exports = __toCommonJS(ScrollAnimationChild_exports);
 var import_utils = require("@studiometa/js-toolkit/utils");
-var import_AbstractScrollAnimation = __toESM(require("./AbstractScrollAnimation.cjs"), 1);
-var ScrollAnimationChild = class extends import_AbstractScrollAnimation.default {
-  dampedProgress = {
-    x: 0,
-    y: 0
-  };
+var import_AbstractScrollAnimation = require("./AbstractScrollAnimation.cjs");
+function updateProps(that, props, dampFactor, dampPrecision, axis = "x") {
+  that.dampedCurrent[axis] = (0, import_utils.damp)(props.current[axis], that.dampedCurrent[axis], dampFactor, dampPrecision);
+  that.dampedProgress[axis] = (0, import_utils.clamp01)(
+    (that.dampedCurrent[axis] - props.start[axis]) / (props.end[axis] - props.start[axis])
+  );
+}
+var ScrollAnimationChild = class extends import_AbstractScrollAnimation.AbstractScrollAnimation {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "dampedCurrent", {
+      x: 0,
+      y: 0
+    });
+    __publicField(this, "dampedProgress", {
+      x: 0,
+      y: 0
+    });
+  }
   scrolledInView(props) {
-    this.dampedProgress.y = (0, import_utils.damp)(props.progress.y, this.dampedProgress.y, this.$options.dampFactor, this.$options.dampPrecision);
-    this.dampedProgress.x = (0, import_utils.damp)(props.progress.x, this.dampedProgress.x, this.$options.dampFactor, this.$options.dampPrecision);
+    const { dampFactor, dampPrecision } = this.$options;
+    updateProps(this, props, dampFactor, dampPrecision, "x");
+    updateProps(this, props, dampFactor, dampPrecision, "y");
+    props.dampedCurrent = this.dampedCurrent;
     props.dampedProgress = this.dampedProgress;
     super.scrolledInView(props);
   }
 };
 __publicField(ScrollAnimationChild, "config", {
   name: "ScrollAnimationChild",
-  ...import_AbstractScrollAnimation.default.config
+  ...import_AbstractScrollAnimation.AbstractScrollAnimation.config,
+  options: {
+    ...import_AbstractScrollAnimation.AbstractScrollAnimation.config.options,
+    dampFactor: {
+      type: Number,
+      default: 0.1
+    },
+    dampPrecision: {
+      type: Number,
+      default: 1e-3
+    }
+  }
 });
 if (module.exports.default) module.exports = module.exports.default;

package/atoms/ScrollAnimation/ScrollAnimationChild.d.ts

@@ -1,13 +1,26 @@
+import type { BaseConfig, BaseProps, ScrollInViewProps, WithScrolledInViewProps } from '@studiometa/js-toolkit';
+import { AbstractScrollAnimation } from './AbstractScrollAnimation.js';
+export interface ScrollAnimationChildProps extends BaseProps {
+    $options: WithScrolledInViewProps['$options'];
+}
 /**
  * ScrollAnimationChild class.
  */
-export default class ScrollAnimationChild extends AbstractScrollAnimation {
+export declare class ScrollAnimationChild<T extends BaseProps = BaseProps> extends AbstractScrollAnimation<T & ScrollAnimationChildProps> {
+    /**
+     * Config.
+     */
+    static config: BaseConfig;
+    /**
+     * Local damped current values.
+     */
+    dampedCurrent: ScrollInViewProps['dampedCurrent'];
     /**
      * Local damped progress.
      */
-    dampedProgress: {
-        x: number;
-        y: number;
-    };
+    dampedProgress: ScrollInViewProps['dampedCurrent'];
+    /**
+     * Compute local damped progress.
+     */
+    scrolledInView(props: ScrollInViewProps): void;
 }
-import AbstractScrollAnimation from "./AbstractScrollAnimation.js";

package/atoms/ScrollAnimation/ScrollAnimationChild.js

@@ -1 +1,53 @@
-import{damp as o}from"@studiometa/js-toolkit/utils";import i from"./AbstractScrollAnimation.js";class r extends i{static config={name:"ScrollAnimationChild",...i.config};dampedProgress={x:0,y:0};scrolledInView(s){this.dampedProgress.y=o(s.progress.y,this.dampedProgress.y,this.$options.dampFactor,this.$options.dampPrecision),this.dampedProgress.x=o(s.progress.x,this.dampedProgress.x,this.$options.dampFactor,this.$options.dampPrecision),s.dampedProgress=this.dampedProgress,super.scrolledInView(s)}}export{r as default};
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+import { damp, clamp01 } from "@studiometa/js-toolkit/utils";
+import { AbstractScrollAnimation } from "./AbstractScrollAnimation.js";
+function updateProps(that, props, dampFactor, dampPrecision, axis = "x") {
+  that.dampedCurrent[axis] = damp(props.current[axis], that.dampedCurrent[axis], dampFactor, dampPrecision);
+  that.dampedProgress[axis] = clamp01(
+    (that.dampedCurrent[axis] - props.start[axis]) / (props.end[axis] - props.start[axis])
+  );
+}
+class ScrollAnimationChild extends AbstractScrollAnimation {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "dampedCurrent", {
+      x: 0,
+      y: 0
+    });
+    __publicField(this, "dampedProgress", {
+      x: 0,
+      y: 0
+    });
+  }
+  scrolledInView(props) {
+    const { dampFactor, dampPrecision } = this.$options;
+    updateProps(this, props, dampFactor, dampPrecision, "x");
+    updateProps(this, props, dampFactor, dampPrecision, "y");
+    props.dampedCurrent = this.dampedCurrent;
+    props.dampedProgress = this.dampedProgress;
+    super.scrolledInView(props);
+  }
+}
+__publicField(ScrollAnimationChild, "config", {
+  name: "ScrollAnimationChild",
+  ...AbstractScrollAnimation.config,
+  options: {
+    ...AbstractScrollAnimation.config.options,
+    dampFactor: {
+      type: Number,
+      default: 0.1
+    },
+    dampPrecision: {
+      type: Number,
+      default: 1e-3
+    }
+  }
+});
+export {
+  ScrollAnimationChild
+};

package/atoms/ScrollAnimation/ScrollAnimationChildWithEase.cjs

@@ -1,8 +1,6 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __export = (target, all) => {
@@ -17,25 +15,24 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-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));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
 
-// packages/ui/atoms/ScrollAnimation/ScrollAnimationChildWithEase.js
+// packages/ui/atoms/ScrollAnimation/ScrollAnimationChildWithEase.ts
 var ScrollAnimationChildWithEase_exports = {};
 __export(ScrollAnimationChildWithEase_exports, {
-  default: () => ScrollAnimationChildWithEase
+  ScrollAnimationChildWithEase: () => ScrollAnimationChildWithEase
 });
 module.exports = __toCommonJS(ScrollAnimationChildWithEase_exports);
-var import_ScrollAnimationChild = __toESM(require("./ScrollAnimationChild.cjs"), 1);
-var import_animationScrollWithEase = __toESM(require("./animationScrollWithEase.cjs"), 1);
-var ScrollAnimationChildWithEase = class extends (0, import_animationScrollWithEase.default)(import_ScrollAnimationChild.default) {
+var import_ScrollAnimationChild = require("./ScrollAnimationChild.cjs");
+var import_animationScrollWithEase = require("./animationScrollWithEase.cjs");
+var ScrollAnimationChildWithEase = class extends (0, import_animationScrollWithEase.animationScrollWithEase)(import_ScrollAnimationChild.ScrollAnimationChild) {
 };
 __publicField(ScrollAnimationChildWithEase, "config", {
-  ...import_ScrollAnimationChild.default.config,
+  ...import_ScrollAnimationChild.ScrollAnimationChild.config,
   name: "ScrollAnimationChildWithEase"
 });
 if (module.exports.default) module.exports = module.exports.default;

package/atoms/ScrollAnimation/ScrollAnimationChildWithEase.d.ts

@@ -1,6 +1,12 @@
+import type { BaseConfig } from '@studiometa/js-toolkit';
+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>;
 /**
  * ScrollAnimationChild class.
  */
-export default class ScrollAnimationChildWithEase extends ScrollAnimationChild {
+export declare class ScrollAnimationChildWithEase extends ScrollAnimationChildWithEase_base {
+    /**
+     * Config.
+     */
+    static config: BaseConfig;
 }
-import ScrollAnimationChild from "./ScrollAnimationChild.js";
+export {};

package/atoms/ScrollAnimation/ScrollAnimationChildWithEase.js

@@ -1 +1,17 @@
-import i from"./ScrollAnimationChild.js";import o from"./animationScrollWithEase.js";class t extends o(i){static config={...i.config,name:"ScrollAnimationChildWithEase"}}export{t as default};
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+import { ScrollAnimationChild } from "./ScrollAnimationChild.js";
+import { animationScrollWithEase } from "./animationScrollWithEase.js";
+class ScrollAnimationChildWithEase extends animationScrollWithEase(ScrollAnimationChild) {
+}
+__publicField(ScrollAnimationChildWithEase, "config", {
+  ...ScrollAnimationChild.config,
+  name: "ScrollAnimationChildWithEase"
+});
+export {
+  ScrollAnimationChildWithEase
+};

package/atoms/ScrollAnimation/ScrollAnimationParent.cjs

@@ -1,8 +1,6 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __export = (target, all) => {
@@ -17,22 +15,24 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-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));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
 
-// packages/ui/atoms/ScrollAnimation/ScrollAnimationParent.js
+// packages/ui/atoms/ScrollAnimation/ScrollAnimationParent.ts
 var ScrollAnimationParent_exports = {};
 __export(ScrollAnimationParent_exports, {
-  default: () => ScrollAnimationParent
+  ScrollAnimationParent: () => ScrollAnimationParent
 });
 module.exports = __toCommonJS(ScrollAnimationParent_exports);
 var import_js_toolkit = require("@studiometa/js-toolkit");
-var import_ScrollAnimationChild = __toESM(require("./ScrollAnimationChild.cjs"), 1);
-var ScrollAnimationParent = class extends (0, import_js_toolkit.withScrolledInView)(import_js_toolkit.Base, {}) {
+var import_ScrollAnimationChild = require("./ScrollAnimationChild.cjs");
+var ScrollAnimationParent = class extends (0, import_js_toolkit.withScrolledInView)(
+  import_js_toolkit.Base,
+  {}
+) {
   scrolledInView(props) {
     this.$children.ScrollAnimationChild.forEach((child) => {
       child.scrolledInView(props);
@@ -42,7 +42,7 @@ var ScrollAnimationParent = class extends (0, import_js_toolkit.withScrolledInVi
 __publicField(ScrollAnimationParent, "config", {
   name: "ScrollAnimationParent",
   components: {
-    ScrollAnimationChild: import_ScrollAnimationChild.default
+    ScrollAnimationChild: import_ScrollAnimationChild.ScrollAnimationChild
   }
 });
 if (module.exports.default) module.exports = module.exports.default;

package/atoms/ScrollAnimation/ScrollAnimationParent.d.ts

@@ -1,35 +1,23 @@
-/**
- * @typedef {ScrollAnimationParent & {
- *   $children: {
- *     ScrollAnimationChild: ScrollAnimationChild[],
- *   },
- * }} ScrollAnimationInterface
- */
+import { Base, ScrollInViewProps } from '@studiometa/js-toolkit';
+import type { BaseConfig, BaseProps } from '@studiometa/js-toolkit';
+import { ScrollAnimationChild } from './ScrollAnimationChild.js';
+export interface ScrollAnimationParentProps extends BaseProps {
+    $children: {
+        ScrollAnimationChild: ScrollAnimationChild[];
+    };
+}
+declare const ScrollAnimationParent_base: import("@studiometa/js-toolkit").BaseDecorator<import("@studiometa/js-toolkit").WithScrolledInViewInterface, Base<BaseProps>, import("@studiometa/js-toolkit").WithScrolledInViewProps>;
 /**
  * ScrollAnimationParent class.
  */
-export default class ScrollAnimationParent extends Base {
+export declare class ScrollAnimationParent<T extends BaseProps = BaseProps> extends ScrollAnimationParent_base<T & ScrollAnimationParentProps> {
     /**
      * Config.
      */
-    static config: {
-        name: string;
-        components: {
-            ScrollAnimationChild: typeof ScrollAnimationChild;
-        };
-    };
+    static config: BaseConfig;
     /**
-     * @todo Optimize default value read
-     * @todo do not add unnecessary styles
-     * @todo freeze options for better perf
-     * @this {ScrollAnimationInterface}
+     * Scrolled in view hook.
      */
-    scrolledInView(this: ScrollAnimationInterface, props: any): void;
+    scrolledInView(props: ScrollInViewProps): void;
 }
-export type ScrollAnimationInterface = ScrollAnimationParent & {
-    $children: {
-        ScrollAnimationChild: ScrollAnimationChild[];
-    };
-};
-import { Base } from "@studiometa/js-toolkit";
-import ScrollAnimationChild from "./ScrollAnimationChild.js";
+export {};

package/atoms/ScrollAnimation/ScrollAnimationParent.js

@@ -1 +1,27 @@
-import{Base as l,withScrolledInView as n}from"@studiometa/js-toolkit";import e from"./ScrollAnimationChild.js";class r extends n(l,{}){static config={name:"ScrollAnimationParent",components:{ScrollAnimationChild:e}};scrolledInView(i){this.$children.ScrollAnimationChild.forEach(o=>{o.scrolledInView(i)})}}export{r as default};
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+import { Base, withScrolledInView } from "@studiometa/js-toolkit";
+import { ScrollAnimationChild } from "./ScrollAnimationChild.js";
+class ScrollAnimationParent extends withScrolledInView(
+  Base,
+  {}
+) {
+  scrolledInView(props) {
+    this.$children.ScrollAnimationChild.forEach((child) => {
+      child.scrolledInView(props);
+    });
+  }
+}
+__publicField(ScrollAnimationParent, "config", {
+  name: "ScrollAnimationParent",
+  components: {
+    ScrollAnimationChild
+  }
+});
+export {
+  ScrollAnimationParent
+};

package/atoms/ScrollAnimation/ScrollAnimationWithEase.cjs

@@ -1,8 +1,6 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __export = (target, all) => {
@@ -17,25 +15,24 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-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));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
 
-// packages/ui/atoms/ScrollAnimation/ScrollAnimationWithEase.js
+// packages/ui/atoms/ScrollAnimation/ScrollAnimationWithEase.ts
 var ScrollAnimationWithEase_exports = {};
 __export(ScrollAnimationWithEase_exports, {
-  default: () => ScrollAnimationWithEase
+  ScrollAnimationWithEase: () => ScrollAnimationWithEase
 });
 module.exports = __toCommonJS(ScrollAnimationWithEase_exports);
-var import_ScrollAnimation = __toESM(require("./ScrollAnimation.cjs"), 1);
-var import_animationScrollWithEase = __toESM(require("./animationScrollWithEase.cjs"), 1);
-var ScrollAnimationWithEase = class extends (0, import_animationScrollWithEase.default)(import_ScrollAnimation.default) {
+var import_ScrollAnimation = require("./ScrollAnimation.cjs");
+var import_animationScrollWithEase = require("./animationScrollWithEase.cjs");
+var ScrollAnimationWithEase = class extends (0, import_animationScrollWithEase.animationScrollWithEase)(import_ScrollAnimation.ScrollAnimation) {
 };
 __publicField(ScrollAnimationWithEase, "config", {
-  ...import_ScrollAnimation.default.config,
+  ...import_ScrollAnimation.ScrollAnimation.config,
   name: "ScrollAnimationWithEase"
 });
 if (module.exports.default) module.exports = module.exports.default;

package/atoms/ScrollAnimation/ScrollAnimationWithEase.d.ts

@@ -1,6 +1,19 @@
+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>;
 /**
  * ScrollAnimation class.
  */
-export default class ScrollAnimationWithEase extends ScrollAnimation {
+export declare class ScrollAnimationWithEase extends ScrollAnimationWithEase_base {
+    /**
+     * Config.
+     */
+    static config: {
+        name: string;
+        debug?: boolean;
+        log?: boolean;
+        refs?: string[];
+        emits?: string[];
+        components?: import("@studiometa/js-toolkit/Base/index.js").BaseConfigComponents;
+        options?: import("@studiometa/js-toolkit/Base/managers/OptionsManager.js").OptionsSchema;
+    };
 }
-import ScrollAnimation from "./ScrollAnimation.js";
+export {};

package/atoms/ScrollAnimation/ScrollAnimationWithEase.js

@@ -1 +1,17 @@
-import i from"./ScrollAnimation.js";import o from"./animationScrollWithEase.js";class t extends o(i){static config={...i.config,name:"ScrollAnimationWithEase"}}export{t as default};
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+import { ScrollAnimation } from "./ScrollAnimation.js";
+import { animationScrollWithEase } from "./animationScrollWithEase.js";
+class ScrollAnimationWithEase extends animationScrollWithEase(ScrollAnimation) {
+}
+__publicField(ScrollAnimationWithEase, "config", {
+  ...ScrollAnimation.config,
+  name: "ScrollAnimationWithEase"
+});
+export {
+  ScrollAnimationWithEase
+};