@studiometa/ui 0.2.2 → 0.2.5

package/atoms/Prefetch/index.js

@@ -1,8 +1 @@
-import { default as default2 } from "./AbstractPrefetch.js";
-import { default as default3 } from "./PrefetchWhenOver.js";
-import { default as default4 } from "./PrefetchWhenVisible.js";
-export {
-  default2 as AbstractPrefetch,
-  default3 as PrefetchWhenOver,
-  default4 as PrefetchWhenVisible
-};
+import{default as t}from"./AbstractPrefetch.js";import{default as a}from"./PrefetchWhenOver.js";import{default as h}from"./PrefetchWhenVisible.js";export{t as AbstractPrefetch,a as PrefetchWhenOver,h as PrefetchWhenVisible};

package/atoms/ScrollAnimation/AbstractScrollAnimation.cjs

@@ -0,0 +1,126 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+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/AbstractScrollAnimation.js
+var AbstractScrollAnimation_exports = {};
+__export(AbstractScrollAnimation_exports, {
+  default: () => AbstractScrollAnimation
+});
+module.exports = __toCommonJS(AbstractScrollAnimation_exports);
+var import_js_toolkit = require("@studiometa/js-toolkit");
+var import_utils = require("@studiometa/js-toolkit/utils");
+function getDefaults() {
+  return {
+    x: 0,
+    y: 0,
+    z: 0,
+    scale: 1,
+    scaleX: 1,
+    scaleY: 1,
+    rotate: 0,
+    skewX: 0,
+    skewY: 0,
+    opacity: 1
+  };
+}
+var AbstractScrollAnimation = class extends (0, import_js_toolkit.withFreezedOptions)(import_js_toolkit.Base) {
+  get target() {
+    return this.$el;
+  }
+  get has() {
+    const has = {
+      x: false,
+      y: false,
+      z: false,
+      scale: false,
+      scaleX: false,
+      scaleY: false,
+      rotate: false,
+      skewX: false,
+      skewY: false,
+      opacity: false,
+      transform: false
+    };
+    Object.keys(this.$options.from).forEach((key) => {
+      has[key] = this.$options.from[key] !== this.$options.to[key];
+    });
+    has.transform = Object.keys(has).filter((key) => key !== "opacity" && key !== "transform").some((key) => has[key]);
+    Object.defineProperty(this, "has", { value: has });
+    return has;
+  }
+  scrolledInView(props) {
+    if (!this.has.opacity && !this.has.transform) {
+      return;
+    }
+    const progress = (0, import_utils.map)((0, import_utils.clamp)(props.dampedProgress.y, this.$options.playRange[0], this.$options.playRange[1]), this.$options.playRange[0], this.$options.playRange[1], 0, 1);
+    this.render(progress);
+  }
+  render(progress) {
+    if (this.has.opacity) {
+      this.target.style.opacity = String((0, import_utils.map)(progress, 0, 1, this.$options.from.opacity, this.$options.to.opacity));
+    }
+    if (this.has.transform) {
+      let transform = (0, import_utils.matrix)({
+        translateX: this.has.x ? (0, import_utils.lerp)(this.$options.from.x, this.$options.to.x, progress) : void 0,
+        translateY: this.has.y ? (0, import_utils.lerp)(this.$options.from.y, this.$options.to.y, progress) : void 0,
+        scaleX: this.has.scale ? (0, import_utils.lerp)(this.$options.from.scale, this.$options.to.scale, progress) : this.has.scaleX ? (0, import_utils.lerp)(this.$options.from.scaleX, this.$options.to.scaleX, progress) : void 0,
+        scaleY: this.has.scale ? (0, import_utils.lerp)(this.$options.from.scale, this.$options.to.scale, progress) : this.has.scaleY ? (0, import_utils.lerp)(this.$options.from.scaleY, this.$options.to.scaleY, progress) : void 0,
+        skewX: this.has.skewX ? (0, import_utils.lerp)(this.$options.from.skewX, this.$options.to.skewX, progress) : void 0,
+        skewY: this.has.skewY ? (0, import_utils.lerp)(this.$options.from.skewY, this.$options.to.skewY, progress) : void 0
+      });
+      if (this.has.rotate) {
+        transform += ` rotate(${(0, import_utils.lerp)(this.$options.from.rotate, this.$options.to.rotate, progress)}deg)`;
+      }
+      transform += `translateZ(${this.has.z ? (0, import_utils.lerp)(this.$options.from.z, this.$options.to.z, progress) : 0})`;
+      this.target.style.transform = transform;
+    }
+  }
+};
+__publicField(AbstractScrollAnimation, "config", {
+  name: "AbstractScrollAnimation",
+  options: {
+    playRange: {
+      type: Array,
+      default: () => [0, 1]
+    },
+    dampFactor: {
+      type: Number,
+      default: 0.5
+    },
+    dampPrecision: {
+      type: Number,
+      default: 1e-3
+    },
+    from: {
+      type: Object,
+      default: getDefaults,
+      merge: true
+    },
+    to: {
+      type: Object,
+      default: getDefaults,
+      merge: true
+    }
+  }
+});
+if (module.exports.default) module.exports = module.exports.default;

package/atoms/ScrollAnimation/AbstractScrollAnimation.d.ts

@@ -0,0 +1,133 @@
+/**
+ * @typedef {AbstractScrollAnimation & {
+ *   $options: {
+ *     playRange: string,
+ *     dampFactor: number,
+ *     dampPrecision: number,
+ *     from: AnimationOptions,
+ *     to: AnimationOptions,
+ *   },
+ * }} ScrollAnimationChildInterface
+ */
+/**
+ * AbstractScrollAnimation class.
+ *
+ * @todo add support for magic values in options to access key values:
+ * - viewport size
+ * - target size
+ * - root element size
+ * - etc.
+ *
+ * ```
+ * data-option-to="{ x: 100%, y: innerWidth / 2 }"
+ * ```
+ */
+export default class AbstractScrollAnimation extends Base {
+    /**
+     * Config.
+     */
+    static config: {
+        name: string;
+        options: {
+            playRange: {
+                type: ArrayConstructor;
+                default: () => number[];
+            };
+            dampFactor: {
+                type: NumberConstructor;
+                default: number;
+            };
+            dampPrecision: {
+                type: NumberConstructor;
+                default: number;
+            };
+            from: {
+                type: ObjectConstructor;
+                default: typeof getDefaults;
+                merge: boolean;
+            };
+            to: {
+                type: ObjectConstructor;
+                default: typeof getDefaults;
+                merge: boolean;
+            };
+        };
+    };
+    /**
+     * Get the target element for the animation.
+     *
+     * @returns {HTMLElement}
+     */
+    get target(): HTMLElement;
+    /**
+     * Flags for style detection.
+     */
+    get has(): {
+        x: boolean;
+        y: boolean;
+        z: boolean;
+        scale: boolean;
+        scaleX: boolean;
+        scaleY: boolean;
+        rotate: boolean;
+        skewX: boolean;
+        skewY: boolean;
+        opacity: boolean;
+        transform: boolean;
+    };
+    /**
+     * @todo do not add unnecessary styles
+     */
+    scrolledInView(props: any): void;
+    /**
+     * Render the animation for the given progress.
+     *
+     * @param   {number} progress
+     * @returns {void}
+     */
+    render(progress: number): void;
+}
+export type AbstractScrollAnimationConstructor = typeof AbstractScrollAnimation;
+export type AnimationOptions = {
+    x?: number;
+    y?: number;
+    z?: number;
+    scale?: number;
+    scaleX?: number;
+    scaleY?: number;
+    rotate?: number;
+    skewX?: number;
+    skewY?: number;
+    opacity?: number;
+};
+export type ScrollAnimationChildInterface = AbstractScrollAnimation & {
+    $options: {
+        playRange: string;
+        dampFactor: number;
+        dampPrecision: number;
+        from: AnimationOptions;
+        to: AnimationOptions;
+    };
+};
+import { Base } from "@studiometa/js-toolkit";
+/**
+ * @typedef {typeof AbstractScrollAnimation} AbstractScrollAnimationConstructor
+ * @typedef {{
+ *   x?: number;
+ *   y?: number;
+ *   z?: number;
+ *   scale?: number;
+ *   scaleX?: number;
+ *   scaleY?: number;
+ *   rotate?: number;
+ *   skewX?: number;
+ *   skewY?: number;
+ *   opacity?: number;
+ * }} AnimationOptions
+ */
+/**
+ * Get animation configuration defaults.
+ * @returns {AnimationOptions}
+ */
+declare function getDefaults(): AnimationOptions;
+export {};

package/atoms/ScrollAnimation/AbstractScrollAnimation.js

@@ -0,0 +1 @@
+import{Base as a,withFreezedOptions as n}from"@studiometa/js-toolkit";import{matrix as h,lerp as e,map as o,clamp as r}from"@studiometa/js-toolkit/utils";function i(){return{x:0,y:0,z:0,scale:1,scaleX:1,scaleY:1,rotate:0,skewX:0,skewY:0,opacity:1}}class l extends n(a){static config={name:"AbstractScrollAnimation",options:{playRange:{type:Array,default:()=>[0,1]},dampFactor:{type:Number,default:.5},dampPrecision:{type:Number,default:.001},from:{type:Object,default:i,merge:!0},to:{type:Object,default:i,merge:!0}}};get target(){return this.$el}get has(){const t={x:!1,y:!1,z:!1,scale:!1,scaleX:!1,scaleY:!1,rotate:!1,skewX:!1,skewY:!1,opacity:!1,transform:!1};return Object.keys(this.$options.from).forEach(s=>{t[s]=this.$options.from[s]!==this.$options.to[s]}),t.transform=Object.keys(t).filter(s=>s!=="opacity"&&s!=="transform").some(s=>t[s]),Object.defineProperty(this,"has",{value:t}),t}scrolledInView(t){if(!this.has.opacity&&!this.has.transform)return;const s=o(r(t.dampedProgress.y,this.$options.playRange[0],this.$options.playRange[1]),this.$options.playRange[0],this.$options.playRange[1],0,1);this.render(s)}render(t){if(this.has.opacity&&(this.target.style.opacity=String(o(t,0,1,this.$options.from.opacity,this.$options.to.opacity))),this.has.transform){let s=h({translateX:this.has.x?e(this.$options.from.x,this.$options.to.x,t):void 0,translateY:this.has.y?e(this.$options.from.y,this.$options.to.y,t):void 0,scaleX:this.has.scale?e(this.$options.from.scale,this.$options.to.scale,t):this.has.scaleX?e(this.$options.from.scaleX,this.$options.to.scaleX,t):void 0,scaleY:this.has.scale?e(this.$options.from.scale,this.$options.to.scale,t):this.has.scaleY?e(this.$options.from.scaleY,this.$options.to.scaleY,t):void 0,skewX:this.has.skewX?e(this.$options.from.skewX,this.$options.to.skewX,t):void 0,skewY:this.has.skewY?e(this.$options.from.skewY,this.$options.to.skewY,t):void 0});this.has.rotate&&(s+=` rotate(${e(this.$options.from.rotate,this.$options.to.rotate,t)}deg)`),s+=`translateZ(${this.has.z?e(this.$options.from.z,this.$options.to.z,t):0})`,this.target.style.transform=s}}}export{l as default};

package/atoms/ScrollAnimation/ScrollAnimation.cjs

@@ -0,0 +1,51 @@
+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) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  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
+var ScrollAnimation_exports = {};
+__export(ScrollAnimation_exports, {
+  default: () => 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, {}) {
+  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,
+  name: "ScrollAnimation",
+  refs: ["target"]
+});
+if (module.exports.default) module.exports = module.exports.default;

package/atoms/ScrollAnimation/ScrollAnimation.d.ts

@@ -0,0 +1,55 @@
+/**
+ * @typedef {ScrollAnimation & { $refs: { target: HTMLElement }}} ScrollAnimationInterface
+ */
+/**
+ * ScrollAnimation class.
+ */
+export default class ScrollAnimation extends AbstractScrollAnimation {
+    /**
+     * 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: () => import("./AbstractScrollAnimation.js").AnimationOptions;
+                merge: boolean;
+            };
+            to: {
+                type: ObjectConstructor;
+                default: () => import("./AbstractScrollAnimation.js").AnimationOptions;
+                merge: boolean;
+            };
+        };
+    };
+    /**
+     * Get the damp factor from the freezed options.
+     * @returns {number}
+     */
+    get dampFactor(): number;
+    /**
+     * Get the damp precision from the freezed options.
+     * @returns {number}
+     */
+    get dampPrecision(): number;
+}
+export type ScrollAnimationInterface = ScrollAnimation & {
+    $refs: {
+        target: HTMLElement;
+    };
+};
+import AbstractScrollAnimation from "./AbstractScrollAnimation.js";

package/atoms/ScrollAnimation/ScrollAnimation.js

@@ -0,0 +1 @@
+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};

package/atoms/ScrollAnimation/ScrollAnimationChild.cjs

@@ -0,0 +1,51 @@
+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) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  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
+var ScrollAnimationChild_exports = {};
+__export(ScrollAnimationChild_exports, {
+  default: () => 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
+  };
+  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);
+    props.dampedProgress = this.dampedProgress;
+    super.scrolledInView(props);
+  }
+};
+__publicField(ScrollAnimationChild, "config", {
+  name: "ScrollAnimationChild",
+  ...import_AbstractScrollAnimation.default.config
+});
+if (module.exports.default) module.exports = module.exports.default;

package/atoms/ScrollAnimation/ScrollAnimationChild.d.ts

@@ -0,0 +1,13 @@
+/**
+ * ScrollAnimationChild class.
+ */
+export default class ScrollAnimationChild extends AbstractScrollAnimation {
+    /**
+     * Local damped progress.
+     */
+    dampedProgress: {
+        x: number;
+        y: number;
+    };
+}
+import AbstractScrollAnimation from "./AbstractScrollAnimation.js";

package/atoms/ScrollAnimation/ScrollAnimationChild.js

@@ -0,0 +1 @@
+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};

package/atoms/ScrollAnimation/ScrollAnimationChildWithEase.cjs

@@ -0,0 +1,41 @@
+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) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  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
+var ScrollAnimationChildWithEase_exports = {};
+__export(ScrollAnimationChildWithEase_exports, {
+  default: () => 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) {
+};
+__publicField(ScrollAnimationChildWithEase, "config", {
+  ...import_ScrollAnimationChild.default.config,
+  name: "ScrollAnimationChildWithEase"
+});
+if (module.exports.default) module.exports = module.exports.default;

package/atoms/ScrollAnimation/ScrollAnimationChildWithEase.d.ts

@@ -0,0 +1,6 @@
+/**
+ * ScrollAnimationChild class.
+ */
+export default class ScrollAnimationChildWithEase extends ScrollAnimationChild {
+}
+import ScrollAnimationChild from "./ScrollAnimationChild.js";

package/atoms/ScrollAnimation/ScrollAnimationChildWithEase.js

@@ -0,0 +1 @@
+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};

package/atoms/ScrollAnimation/ScrollAnimationParent.cjs

@@ -0,0 +1,48 @@
+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) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  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
+var ScrollAnimationParent_exports = {};
+__export(ScrollAnimationParent_exports, {
+  default: () => 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, {}) {
+  scrolledInView(props) {
+    this.$children.ScrollAnimationChild.forEach((child) => {
+      child.scrolledInView(props);
+    });
+  }
+};
+__publicField(ScrollAnimationParent, "config", {
+  name: "ScrollAnimationParent",
+  components: {
+    ScrollAnimationChild: import_ScrollAnimationChild.default
+  }
+});
+if (module.exports.default) module.exports = module.exports.default;

package/atoms/ScrollAnimation/ScrollAnimationParent.d.ts

@@ -0,0 +1,35 @@
+/**
+ * @typedef {ScrollAnimationParent & {
+ *   $children: {
+ *     ScrollAnimationChild: ScrollAnimationChild[],
+ *   },
+ * }} ScrollAnimationInterface
+ */
+/**
+ * ScrollAnimationParent class.
+ */
+export default class ScrollAnimationParent extends Base {
+    /**
+     * Config.
+     */
+    static config: {
+        name: string;
+        components: {
+            ScrollAnimationChild: typeof ScrollAnimationChild;
+        };
+    };
+    /**
+     * @todo Optimize default value read
+     * @todo do not add unnecessary styles
+     * @todo freeze options for better perf
+     * @this {ScrollAnimationInterface}
+     */
+    scrolledInView(this: ScrollAnimationInterface, props: any): void;
+}
+export type ScrollAnimationInterface = ScrollAnimationParent & {
+    $children: {
+        ScrollAnimationChild: ScrollAnimationChild[];
+    };
+};
+import { Base } from "@studiometa/js-toolkit";
+import ScrollAnimationChild from "./ScrollAnimationChild.js";

package/atoms/ScrollAnimation/ScrollAnimationParent.js

@@ -0,0 +1 @@
+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};

package/atoms/ScrollAnimation/ScrollAnimationWithEase.cjs

@@ -0,0 +1,41 @@
+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) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  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
+var ScrollAnimationWithEase_exports = {};
+__export(ScrollAnimationWithEase_exports, {
+  default: () => 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) {
+};
+__publicField(ScrollAnimationWithEase, "config", {
+  ...import_ScrollAnimation.default.config,
+  name: "ScrollAnimationWithEase"
+});
+if (module.exports.default) module.exports = module.exports.default;

package/atoms/ScrollAnimation/ScrollAnimationWithEase.d.ts

@@ -0,0 +1,6 @@
+/**
+ * ScrollAnimation class.
+ */
+export default class ScrollAnimationWithEase extends ScrollAnimation {
+}
+import ScrollAnimation from "./ScrollAnimation.js";

package/atoms/ScrollAnimation/ScrollAnimationWithEase.js

@@ -0,0 +1 @@
+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};