@studiometa/ui 0.2.23 → 0.2.24

package/atoms/ScrollAnimation/AbstractScrollAnimation.js

@@ -1,6 +1,9 @@
 import { Base, withFreezedOptions } from "@studiometa/js-toolkit";
 import { map, clamp, animate } from "@studiometa/js-toolkit/utils";
 class AbstractScrollAnimation extends withFreezedOptions(Base) {
+  /**
+   * Config.
+   */
   static config = {
     name: "AbstractScrollAnimation",
     options: {
@@ -25,9 +28,15 @@ class AbstractScrollAnimation extends withFreezedOptions(Base) {
       }
     }
   };
+  /**
+   * Get the target element for the animation.
+   */
   get target() {
     return this.$el;
   }
+  /**
+   * Lazily get animation.
+   */
   get animation() {
     let { keyframes } = this.$options;
     const { from, to } = this.$options;
@@ -51,6 +60,9 @@ class AbstractScrollAnimation extends withFreezedOptions(Base) {
     );
     this.render(progress);
   }
+  /**
+   * Render the animation for the given progress.
+   */
   render(progress) {
     this.animation.progress(progress);
   }

package/atoms/ScrollAnimation/AbstractScrollAnimation.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../packages/ui/atoms/ScrollAnimation/AbstractScrollAnimation.ts"],
-  "sourcesContent": ["import { Base, withFreezedOptions } from '@studiometa/js-toolkit';\nimport type { BaseProps, BaseConfig, ScrollInViewProps } from '@studiometa/js-toolkit';\nimport { map, clamp, animate } from '@studiometa/js-toolkit/utils';\nimport type { Keyframe } from '@studiometa/js-toolkit/utils';\n\nexport interface AbstractScrollAnimationProps extends BaseProps {\n  $options: {\n    playRange: [number, number];\n    from: Keyframe;\n    to: Keyframe;\n    keyframes: Keyframe[];\n    easing: [number,number,number,number];\n  };\n}\n\n/**\n * AbstractScrollAnimation class.\n */\nexport class AbstractScrollAnimation<T extends BaseProps = BaseProps> extends withFreezedOptions<Base>(Base)<T & AbstractScrollAnimationProps> {\n  /**\n   * Config.\n   */\n  static config: BaseConfig = {\n    name: 'AbstractScrollAnimation',\n    options: {\n      playRange: {\n        type: Array,\n        default: () => [0, 1],\n      },\n      from: {\n        type: Object,\n        default: () => ({}),\n      },\n      to: {\n        type: Object,\n        default: () => ({}),\n      },\n      keyframes: {\n        type: Array,\n      },\n      easing: {\n        type: Array,\n        default: () => [0, 0, 1, 1],\n      },\n    },\n  };\n\n  /**\n   * Get the target element for the animation.\n   */\n  get target() {\n    return this.$el as HTMLElement;\n  }\n\n  /**\n   * Lazily get animation.\n   */\n  get animation():ReturnType<typeof animate> {\n    let { keyframes } = this.$options;\n    const { from, to } = this.$options;\n\n    if (keyframes.length <= 0 && from && to) {\n      keyframes = [from, to];\n    }\n\n    const animation = animate(this.target, keyframes, { easing: this.$options.easing });\n\n    Object.defineProperty(this, 'animation', {\n      value: animation,\n      configurable: true,\n    });\n\n    return animation;\n  }\n\n  scrolledInView(props:ScrollInViewProps) {\n    const progress = map(\n      clamp(props.dampedProgress.y, this.$options.playRange[0], this.$options.playRange[1]),\n      this.$options.playRange[0],\n      this.$options.playRange[1],\n      0,\n      1,\n    );\n\n    this.render(progress);\n  }\n\n  /**\n   * Render the animation for the given progress.\n   */\n  render(progress:number) {\n    this.animation.progress(progress);\n  }\n}\n"],
-  "mappings": "AAAA,SAAS,MAAM,0BAA0B;AAEzC,SAAS,KAAK,OAAO,eAAe;AAgB7B,MAAM,gCAAiE,mBAAyB,IAAI,EAAoC;AAAA,EAI7I,OAAO,SAAqB;AAAA,IAC1B,MAAM;AAAA,IACN,SAAS;AAAA,MACP,WAAW;AAAA,QACT,MAAM;AAAA,QACN,SAAS,MAAM,CAAC,GAAG,CAAC;AAAA,MACtB;AAAA,MACA,MAAM;AAAA,QACJ,MAAM;AAAA,QACN,SAAS,OAAO,CAAC;AAAA,MACnB;AAAA,MACA,IAAI;AAAA,QACF,MAAM;AAAA,QACN,SAAS,OAAO,CAAC;AAAA,MACnB;AAAA,MACA,WAAW;AAAA,QACT,MAAM;AAAA,MACR;AAAA,MACA,QAAQ;AAAA,QACN,MAAM;AAAA,QACN,SAAS,MAAM,CAAC,GAAG,GAAG,GAAG,CAAC;AAAA,MAC5B;AAAA,IACF;AAAA,EACF;AAAA,EAKA,IAAI,SAAS;AACX,WAAO,KAAK;AAAA,EACd;AAAA,EAKA,IAAI,YAAuC;AACzC,QAAI,EAAE,UAAU,IAAI,KAAK;AACzB,UAAM,EAAE,MAAM,GAAG,IAAI,KAAK;AAE1B,QAAI,UAAU,UAAU,KAAK,QAAQ,IAAI;AACvC,kBAAY,CAAC,MAAM,EAAE;AAAA,IACvB;AAEA,UAAM,YAAY,QAAQ,KAAK,QAAQ,WAAW,EAAE,QAAQ,KAAK,SAAS,OAAO,CAAC;AAElF,WAAO,eAAe,MAAM,aAAa;AAAA,MACvC,OAAO;AAAA,MACP,cAAc;AAAA,IAChB,CAAC;AAED,WAAO;AAAA,EACT;AAAA,EAEA,eAAe,OAAyB;AACtC,UAAM,WAAW;AAAA,MACf,MAAM,MAAM,eAAe,GAAG,KAAK,SAAS,UAAU,IAAI,KAAK,SAAS,UAAU,EAAE;AAAA,MACpF,KAAK,SAAS,UAAU;AAAA,MACxB,KAAK,SAAS,UAAU;AAAA,MACxB;AAAA,MACA;AAAA,IACF;AAEA,SAAK,OAAO,QAAQ;AAAA,EACtB;AAAA,EAKA,OAAO,UAAiB;AACtB,SAAK,UAAU,SAAS,QAAQ;AAAA,EAClC;AACF;",
+  "sourcesContent": ["import { Base, withFreezedOptions } from '@studiometa/js-toolkit';\nimport type { BaseProps, BaseConfig, ScrollInViewProps } from '@studiometa/js-toolkit';\nimport { map, clamp, animate } from '@studiometa/js-toolkit/utils';\nimport type { Keyframe } from '@studiometa/js-toolkit/utils';\n\nexport interface AbstractScrollAnimationProps extends BaseProps {\n  $options: {\n    playRange: [number, number];\n    from: Keyframe;\n    to: Keyframe;\n    keyframes: Keyframe[];\n    easing: [number, number, number, number];\n  };\n}\n\n/**\n * AbstractScrollAnimation class.\n */\nexport class AbstractScrollAnimation<\n  T extends BaseProps = BaseProps,\n> extends withFreezedOptions<Base>(Base)<T & AbstractScrollAnimationProps> {\n  /**\n   * Config.\n   */\n  static config: BaseConfig = {\n    name: 'AbstractScrollAnimation',\n    options: {\n      playRange: {\n        type: Array,\n        default: () => [0, 1],\n      },\n      from: {\n        type: Object,\n        default: () => ({}),\n      },\n      to: {\n        type: Object,\n        default: () => ({}),\n      },\n      keyframes: {\n        type: Array,\n      },\n      easing: {\n        type: Array,\n        default: () => [0, 0, 1, 1],\n      },\n    },\n  };\n\n  /**\n   * Get the target element for the animation.\n   */\n  get target() {\n    return this.$el as HTMLElement;\n  }\n\n  /**\n   * Lazily get animation.\n   */\n  get animation(): ReturnType<typeof animate> {\n    let { keyframes } = this.$options;\n    const { from, to } = this.$options;\n\n    if (keyframes.length <= 0 && from && to) {\n      keyframes = [from, to];\n    }\n\n    const animation = animate(this.target, keyframes, { easing: this.$options.easing });\n\n    Object.defineProperty(this, 'animation', {\n      value: animation,\n      configurable: true,\n    });\n\n    return animation;\n  }\n\n  scrolledInView(props: ScrollInViewProps) {\n    const progress = map(\n      clamp(props.dampedProgress.y, this.$options.playRange[0], this.$options.playRange[1]),\n      this.$options.playRange[0],\n      this.$options.playRange[1],\n      0,\n      1,\n    );\n\n    this.render(progress);\n  }\n\n  /**\n   * Render the animation for the given progress.\n   */\n  render(progress: number) {\n    this.animation.progress(progress);\n  }\n}\n"],
+  "mappings": "AAAA,SAAS,MAAM,0BAA0B;AAEzC,SAAS,KAAK,OAAO,eAAe;AAgB7B,MAAM,gCAEH,mBAAyB,IAAI,EAAoC;AAAA;AAAA;AAAA;AAAA,EAIzE,OAAO,SAAqB;AAAA,IAC1B,MAAM;AAAA,IACN,SAAS;AAAA,MACP,WAAW;AAAA,QACT,MAAM;AAAA,QACN,SAAS,MAAM,CAAC,GAAG,CAAC;AAAA,MACtB;AAAA,MACA,MAAM;AAAA,QACJ,MAAM;AAAA,QACN,SAAS,OAAO,CAAC;AAAA,MACnB;AAAA,MACA,IAAI;AAAA,QACF,MAAM;AAAA,QACN,SAAS,OAAO,CAAC;AAAA,MACnB;AAAA,MACA,WAAW;AAAA,QACT,MAAM;AAAA,MACR;AAAA,MACA,QAAQ;AAAA,QACN,MAAM;AAAA,QACN,SAAS,MAAM,CAAC,GAAG,GAAG,GAAG,CAAC;AAAA,MAC5B;AAAA,IACF;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKA,IAAI,SAAS;AACX,WAAO,KAAK;AAAA,EACd;AAAA;AAAA;AAAA;AAAA,EAKA,IAAI,YAAwC;AAC1C,QAAI,EAAE,UAAU,IAAI,KAAK;AACzB,UAAM,EAAE,MAAM,GAAG,IAAI,KAAK;AAE1B,QAAI,UAAU,UAAU,KAAK,QAAQ,IAAI;AACvC,kBAAY,CAAC,MAAM,EAAE;AAAA,IACvB;AAEA,UAAM,YAAY,QAAQ,KAAK,QAAQ,WAAW,EAAE,QAAQ,KAAK,SAAS,OAAO,CAAC;AAElF,WAAO,eAAe,MAAM,aAAa;AAAA,MACvC,OAAO;AAAA,MACP,cAAc;AAAA,IAChB,CAAC;AAED,WAAO;AAAA,EACT;AAAA,EAEA,eAAe,OAA0B;AACvC,UAAM,WAAW;AAAA,MACf,MAAM,MAAM,eAAe,GAAG,KAAK,SAAS,UAAU,CAAC,GAAG,KAAK,SAAS,UAAU,CAAC,CAAC;AAAA,MACpF,KAAK,SAAS,UAAU,CAAC;AAAA,MACzB,KAAK,SAAS,UAAU,CAAC;AAAA,MACzB;AAAA,MACA;AAAA,IACF;AAEA,SAAK,OAAO,QAAQ;AAAA,EACtB;AAAA;AAAA;AAAA;AAAA,EAKA,OAAO,UAAkB;AACvB,SAAK,UAAU,SAAS,QAAQ;AAAA,EAClC;AACF;",
   "names": []
 }

package/atoms/ScrollAnimation/ScrollAnimation.cjs

@@ -30,10 +30,16 @@ module.exports = __toCommonJS(ScrollAnimation_exports);
 var import_js_toolkit = require("@studiometa/js-toolkit");
 var import_AbstractScrollAnimation = require("./AbstractScrollAnimation.cjs");
 var ScrollAnimation = class extends (0, import_js_toolkit.withScrolledInView)(import_AbstractScrollAnimation.AbstractScrollAnimation, {}) {
+  /**
+   * Use the `target` ref as animation target.
+   */
   get target() {
     return this.$refs.target;
   }
 };
+/**
+ * Config.
+ */
 __publicField(ScrollAnimation, "config", {
   ...import_AbstractScrollAnimation.AbstractScrollAnimation.config,
   name: "ScrollAnimation",

package/atoms/ScrollAnimation/ScrollAnimation.cjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../packages/ui/atoms/ScrollAnimation/ScrollAnimation.ts"],
   "sourcesContent": ["import { withScrolledInView } from '@studiometa/js-toolkit';\nimport type { BaseConfig, BaseProps } from '@studiometa/js-toolkit';\nimport { AbstractScrollAnimation } from './AbstractScrollAnimation.js';\n\nexport interface ScrollAnimationProps extends BaseProps {\n  $refs: {\n    target: HTMLElement;\n  };\n}\n\n/**\n * ScrollAnimation class.\n */\nexport class ScrollAnimation<\n  T extends BaseProps = BaseProps,\n> extends withScrolledInView<AbstractScrollAnimation>(AbstractScrollAnimation, {})<\n  T & ScrollAnimationProps\n> {\n  /**\n   * Config.\n   */\n  static config: BaseConfig = {\n    ...AbstractScrollAnimation.config,\n    name: 'ScrollAnimation',\n    refs: ['target'],\n  };\n\n  /**\n   * Use the `target` ref as animation target.\n   */\n  get target(): HTMLElement {\n    return this.$refs.target;\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAmC;AAEnC,qCAAwC;AAWjC,IAAM,kBAAN,kBAEG,sCAA4C,wDAAyB,CAAC,CAAC,EAE/E;AAAA,EAaA,IAAI,SAAsB;AACxB,WAAO,KAAK,MAAM;AAAA,EACpB;AACF;AAZE,cARW,iBAQJ,UAAqB;AAAA,EAC1B,GAAG,uDAAwB;AAAA,EAC3B,MAAM;AAAA,EACN,MAAM,CAAC,QAAQ;AACjB;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAmC;AAEnC,qCAAwC;AAWjC,IAAM,kBAAN,kBAEG,sCAA4C,wDAAyB,CAAC,CAAC,EAE/E;AAAA;AAAA;AAAA;AAAA,EAaA,IAAI,SAAsB;AACxB,WAAO,KAAK,MAAM;AAAA,EACpB;AACF;AAAA;AAAA;AAAA;AAZE,cARW,iBAQJ,UAAqB;AAAA,EAC1B,GAAG,uDAAwB;AAAA,EAC3B,MAAM;AAAA,EACN,MAAM,CAAC,QAAQ;AACjB;",
   "names": []
 }

package/atoms/ScrollAnimation/ScrollAnimation.js

@@ -1,11 +1,17 @@
 import { withScrolledInView } from "@studiometa/js-toolkit";
 import { AbstractScrollAnimation } from "./AbstractScrollAnimation.js";
 class ScrollAnimation extends withScrolledInView(AbstractScrollAnimation, {}) {
+  /**
+   * Config.
+   */
   static config = {
     ...AbstractScrollAnimation.config,
     name: "ScrollAnimation",
     refs: ["target"]
   };
+  /**
+   * Use the `target` ref as animation target.
+   */
   get target() {
     return this.$refs.target;
   }

package/atoms/ScrollAnimation/ScrollAnimation.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../packages/ui/atoms/ScrollAnimation/ScrollAnimation.ts"],
   "sourcesContent": ["import { withScrolledInView } from '@studiometa/js-toolkit';\nimport type { BaseConfig, BaseProps } from '@studiometa/js-toolkit';\nimport { AbstractScrollAnimation } from './AbstractScrollAnimation.js';\n\nexport interface ScrollAnimationProps extends BaseProps {\n  $refs: {\n    target: HTMLElement;\n  };\n}\n\n/**\n * ScrollAnimation class.\n */\nexport class ScrollAnimation<\n  T extends BaseProps = BaseProps,\n> extends withScrolledInView<AbstractScrollAnimation>(AbstractScrollAnimation, {})<\n  T & ScrollAnimationProps\n> {\n  /**\n   * Config.\n   */\n  static config: BaseConfig = {\n    ...AbstractScrollAnimation.config,\n    name: 'ScrollAnimation',\n    refs: ['target'],\n  };\n\n  /**\n   * Use the `target` ref as animation target.\n   */\n  get target(): HTMLElement {\n    return this.$refs.target;\n  }\n}\n"],
-  "mappings": "AAAA,SAAS,0BAA0B;AAEnC,SAAS,+BAA+B;AAWjC,MAAM,wBAEH,mBAA4C,yBAAyB,CAAC,CAAC,EAE/E;AAAA,EAIA,OAAO,SAAqB;AAAA,IAC1B,GAAG,wBAAwB;AAAA,IAC3B,MAAM;AAAA,IACN,MAAM,CAAC,QAAQ;AAAA,EACjB;AAAA,EAKA,IAAI,SAAsB;AACxB,WAAO,KAAK,MAAM;AAAA,EACpB;AACF;",
+  "mappings": "AAAA,SAAS,0BAA0B;AAEnC,SAAS,+BAA+B;AAWjC,MAAM,wBAEH,mBAA4C,yBAAyB,CAAC,CAAC,EAE/E;AAAA;AAAA;AAAA;AAAA,EAIA,OAAO,SAAqB;AAAA,IAC1B,GAAG,wBAAwB;AAAA,IAC3B,MAAM;AAAA,IACN,MAAM,CAAC,QAAQ;AAAA,EACjB;AAAA;AAAA;AAAA;AAAA,EAKA,IAAI,SAAsB;AACxB,WAAO,KAAK,MAAM;AAAA,EACpB;AACF;",
   "names": []
 }

package/atoms/ScrollAnimation/ScrollAnimationChild.cjs

@@ -30,20 +30,34 @@ module.exports = __toCommonJS(ScrollAnimationChild_exports);
 var import_utils = require("@studiometa/js-toolkit/utils");
 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.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 {
+  /**
+   * Local damped current values.
+   */
   dampedCurrent = {
     x: 0,
     y: 0
   };
+  /**
+   * Local damped progress.
+   */
   dampedProgress = {
     x: 0,
     y: 0
   };
+  /**
+   * Compute local damped progress.
+   */
   scrolledInView(props) {
     const { dampFactor, dampPrecision } = this.$options;
     updateProps(this, props, dampFactor, dampPrecision, "x");
@@ -53,6 +67,9 @@ var ScrollAnimationChild = class extends import_AbstractScrollAnimation.Abstract
     super.scrolledInView(props);
   }
 };
+/**
+ * Config.
+ */
 __publicField(ScrollAnimationChild, "config", {
   name: "ScrollAnimationChild",
   ...import_AbstractScrollAnimation.AbstractScrollAnimation.config,

package/atoms/ScrollAnimation/ScrollAnimationChild.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../packages/ui/atoms/ScrollAnimation/ScrollAnimationChild.ts"],
-  "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"],
-  "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;",
+  "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(\n    props.current[axis],\n    that.dampedCurrent[axis],\n    dampFactor,\n    dampPrecision,\n  );\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"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA,mBAA8B;AAC9B,qCAAwC;AAMxC,SAAS,YAEP,MACA,OACA,YACA,eACA,OAAkB,KAClB;AACA,OAAK,cAAc,IAAI,QAAI;AAAA,IACzB,MAAM,QAAQ,IAAI;AAAA,IAClB,KAAK,cAAc,IAAI;AAAA,IACvB;AAAA,IACA;AAAA,EACF;AACA,OAAK,eAAe,IAAI,QAAI;AAAA,KACzB,KAAK,cAAc,IAAI,IAAI,MAAM,MAAM,IAAI,MAAM,MAAM,IAAI,IAAI,IAAI,MAAM,MAAM,IAAI;AAAA,EACtF;AACF;AAKO,IAAM,uBAAN,cAAoE,uDAEzE;AAAA;AAAA;AAAA;AAAA,EAuBA,gBAAoD;AAAA,IAClD,GAAG;AAAA,IACH,GAAG;AAAA,EACL;AAAA;AAAA;AAAA;AAAA,EAKA,iBAAqD;AAAA,IACnD,GAAG;AAAA,IACH,GAAG;AAAA,EACL;AAAA;AAAA;AAAA;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;AAAA;AAAA;AAAA;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;",
   "names": []
 }

package/atoms/ScrollAnimation/ScrollAnimationChild.js

@@ -1,12 +1,20 @@
 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.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 {
+  /**
+   * Config.
+   */
   static config = {
     name: "ScrollAnimationChild",
     ...AbstractScrollAnimation.config,
@@ -22,14 +30,23 @@ class ScrollAnimationChild extends AbstractScrollAnimation {
       }
     }
   };
+  /**
+   * Local damped current values.
+   */
   dampedCurrent = {
     x: 0,
     y: 0
   };
+  /**
+   * Local damped progress.
+   */
   dampedProgress = {
     x: 0,
     y: 0
   };
+  /**
+   * Compute local damped progress.
+   */
   scrolledInView(props) {
     const { dampFactor, dampPrecision } = this.$options;
     updateProps(this, props, dampFactor, dampPrecision, "x");

package/atoms/ScrollAnimation/ScrollAnimationChild.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../packages/ui/atoms/ScrollAnimation/ScrollAnimationChild.ts"],
-  "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"],
-  "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;",
+  "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(\n    props.current[axis],\n    that.dampedCurrent[axis],\n    dampFactor,\n    dampPrecision,\n  );\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"],
+  "mappings": "AAMA,SAAS,MAAM,eAAe;AAC9B,SAAS,+BAA+B;AAMxC,SAAS,YAEP,MACA,OACA,YACA,eACA,OAAkB,KAClB;AACA,OAAK,cAAc,IAAI,IAAI;AAAA,IACzB,MAAM,QAAQ,IAAI;AAAA,IAClB,KAAK,cAAc,IAAI;AAAA,IACvB;AAAA,IACA;AAAA,EACF;AACA,OAAK,eAAe,IAAI,IAAI;AAAA,KACzB,KAAK,cAAc,IAAI,IAAI,MAAM,MAAM,IAAI,MAAM,MAAM,IAAI,IAAI,IAAI,MAAM,MAAM,IAAI;AAAA,EACtF;AACF;AAKO,MAAM,6BAA8D,wBAEzE;AAAA;AAAA;AAAA;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;AAAA;AAAA;AAAA,EAKA,gBAAoD;AAAA,IAClD,GAAG;AAAA,IACH,GAAG;AAAA,EACL;AAAA;AAAA;AAAA;AAAA,EAKA,iBAAqD;AAAA,IACnD,GAAG;AAAA,IACH,GAAG;AAAA,EACL;AAAA;AAAA;AAAA;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;",
   "names": []
 }

package/atoms/ScrollAnimation/ScrollAnimationChildWithEase.cjs

@@ -31,6 +31,9 @@ var import_ScrollAnimationChild = require("./ScrollAnimationChild.cjs");
 var import_animationScrollWithEase = require("./animationScrollWithEase.cjs");
 var ScrollAnimationChildWithEase = class extends (0, import_animationScrollWithEase.animationScrollWithEase)(import_ScrollAnimationChild.ScrollAnimationChild) {
 };
+/**
+ * Config.
+ */
 __publicField(ScrollAnimationChildWithEase, "config", {
   ...import_ScrollAnimationChild.ScrollAnimationChild.config,
   name: "ScrollAnimationChildWithEase"

package/atoms/ScrollAnimation/ScrollAnimationChildWithEase.cjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../packages/ui/atoms/ScrollAnimation/ScrollAnimationChildWithEase.ts"],
   "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"],
-  "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;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,kCAAqC;AACrC,qCAAwC;AAKjC,IAAM,+BAAN,kBAA2C,wDAAwB,gDAAoB,EAAE;AAQhG;AAAA;AAAA;AAAA;AAJE,cAJW,8BAIJ,UAAqB;AAAA,EAC1B,GAAG,iDAAqB;AAAA,EACxB,MAAM;AACR;",
   "names": []
 }

package/atoms/ScrollAnimation/ScrollAnimationChildWithEase.js

@@ -1,6 +1,9 @@
 import { ScrollAnimationChild } from "./ScrollAnimationChild.js";
 import { animationScrollWithEase } from "./animationScrollWithEase.js";
 class ScrollAnimationChildWithEase extends animationScrollWithEase(ScrollAnimationChild) {
+  /**
+   * Config.
+   */
   static config = {
     ...ScrollAnimationChild.config,
     name: "ScrollAnimationChildWithEase"

package/atoms/ScrollAnimation/ScrollAnimationChildWithEase.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../packages/ui/atoms/ScrollAnimation/ScrollAnimationChildWithEase.ts"],
   "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"],
-  "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;",
+  "mappings": "AACA,SAAS,4BAA4B;AACrC,SAAS,+BAA+B;AAKjC,MAAM,qCAAqC,wBAAwB,oBAAoB,EAAE;AAAA;AAAA;AAAA;AAAA,EAI9F,OAAO,SAAqB;AAAA,IAC1B,GAAG,qBAAqB;AAAA,IACxB,MAAM;AAAA,EACR;AACF;",
   "names": []
 }

package/atoms/ScrollAnimation/ScrollAnimationParent.cjs

@@ -33,12 +33,18 @@ var ScrollAnimationParent = class extends (0, import_js_toolkit.withScrolledInVi
   import_js_toolkit.Base,
   {}
 ) {
+  /**
+   * Scrolled in view hook.
+   */
   scrolledInView(props) {
     this.$children.ScrollAnimationChild.forEach((child) => {
       child.scrolledInView(props);
     });
   }
 };
+/**
+ * Config.
+ */
 __publicField(ScrollAnimationParent, "config", {
   name: "ScrollAnimationParent",
   components: {

package/atoms/ScrollAnimation/ScrollAnimationParent.cjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../packages/ui/atoms/ScrollAnimation/ScrollAnimationParent.ts"],
   "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"],
-  "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;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAA4D;AAE5D,kCAAqC;AAW9B,IAAM,wBAAN,kBAAqE;AAAA,EAC1E;AAAA,EACA,CAAC;AACH,EAAkC;AAAA;AAAA;AAAA;AAAA,EAchC,eAAe,OAA0B;AACvC,SAAK,UAAU,qBAAqB,QAAQ,CAAC,UAAU;AACrD,YAAM,eAAe,KAAK;AAAA,IAC5B,CAAC;AAAA,EACH;AACF;AAAA;AAAA;AAAA;AAfE,cAPW,uBAOJ,UAAqB;AAAA,EAC1B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,EACF;AACF;",
   "names": []
 }

package/atoms/ScrollAnimation/ScrollAnimationParent.js

@@ -4,12 +4,18 @@ class ScrollAnimationParent extends withScrolledInView(
   Base,
   {}
 ) {
+  /**
+   * Config.
+   */
   static config = {
     name: "ScrollAnimationParent",
     components: {
       ScrollAnimationChild
     }
   };
+  /**
+   * Scrolled in view hook.
+   */
   scrolledInView(props) {
     this.$children.ScrollAnimationChild.forEach((child) => {
       child.scrolledInView(props);

package/atoms/ScrollAnimation/ScrollAnimationParent.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../packages/ui/atoms/ScrollAnimation/ScrollAnimationParent.ts"],
   "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"],
-  "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;",
+  "mappings": "AAAA,SAAS,MAAyB,0BAA0B;AAE5D,SAAS,4BAA4B;AAW9B,MAAM,8BAA+D;AAAA,EAC1E;AAAA,EACA,CAAC;AACH,EAAkC;AAAA;AAAA;AAAA;AAAA,EAIhC,OAAO,SAAqB;AAAA,IAC1B,MAAM;AAAA,IACN,YAAY;AAAA,MACV;AAAA,IACF;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKA,eAAe,OAA0B;AACvC,SAAK,UAAU,qBAAqB,QAAQ,CAAC,UAAU;AACrD,YAAM,eAAe,KAAK;AAAA,IAC5B,CAAC;AAAA,EACH;AACF;",
   "names": []
 }

package/atoms/ScrollAnimation/ScrollAnimationWithEase.cjs

@@ -31,6 +31,9 @@ var import_ScrollAnimation = require("./ScrollAnimation.cjs");
 var import_animationScrollWithEase = require("./animationScrollWithEase.cjs");
 var ScrollAnimationWithEase = class extends (0, import_animationScrollWithEase.animationScrollWithEase)(import_ScrollAnimation.ScrollAnimation) {
 };
+/**
+ * Config.
+ */
 __publicField(ScrollAnimationWithEase, "config", {
   ...import_ScrollAnimation.ScrollAnimation.config,
   name: "ScrollAnimationWithEase"

package/atoms/ScrollAnimation/ScrollAnimationWithEase.cjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../packages/ui/atoms/ScrollAnimation/ScrollAnimationWithEase.ts"],
   "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"],
-  "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;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6BAAgC;AAChC,qCAAwC;AAKjC,IAAM,0BAAN,kBAAsC,wDAAwB,sCAAe,EAAE;AAQtF;AAAA;AAAA;AAAA;AAJE,cAJW,yBAIJ,UAAS;AAAA,EACd,GAAG,uCAAgB;AAAA,EACnB,MAAM;AACR;",
   "names": []
 }

package/atoms/ScrollAnimation/ScrollAnimationWithEase.js

@@ -1,6 +1,9 @@
 import { ScrollAnimation } from "./ScrollAnimation.js";
 import { animationScrollWithEase } from "./animationScrollWithEase.js";
 class ScrollAnimationWithEase extends animationScrollWithEase(ScrollAnimation) {
+  /**
+   * Config.
+   */
   static config = {
     ...ScrollAnimation.config,
     name: "ScrollAnimationWithEase"

package/atoms/ScrollAnimation/ScrollAnimationWithEase.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../packages/ui/atoms/ScrollAnimation/ScrollAnimationWithEase.ts"],
   "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"],
-  "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;",
+  "mappings": "AAAA,SAAS,uBAAuB;AAChC,SAAS,+BAA+B;AAKjC,MAAM,gCAAgC,wBAAwB,eAAe,EAAE;AAAA;AAAA;AAAA;AAAA,EAIpF,OAAO,SAAS;AAAA,IACd,GAAG,gBAAgB;AAAA,IACnB,MAAM;AAAA,EACR;AACF;",
   "names": []
 }

package/atoms/ScrollAnimation/animationScrollWithEase.cjs

@@ -29,6 +29,9 @@ var eases = Object.fromEntries(
 );
 function animationScrollWithEase(ScrollAnimation) {
   class AnimationScrollWithEase extends ScrollAnimation {
+    /**
+     * Config.
+     */
     static config = {
       ...ScrollAnimation.config,
       name: `${ScrollAnimation.config.name}WithEase`,
@@ -40,6 +43,9 @@ function animationScrollWithEase(ScrollAnimation) {
         }
       }
     };
+    /**
+     * Eases the progress value.
+     */
     render(progress) {
       if (typeof eases[this.$options.ease] === "function") {
         progress = eases[this.$options.ease](progress);

package/atoms/ScrollAnimation/animationScrollWithEase.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../packages/ui/atoms/ScrollAnimation/animationScrollWithEase.ts"],
-  "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"],
-  "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;",
+  "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<S extends AbstractScrollAnimation>(\n  ScrollAnimation: typeof AbstractScrollAnimation,\n): 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"],
+  "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,wBACd,iBACkF;AAClF,QAAM,gCAAgC,gBAA8C;AAAA;AAAA;AAAA;AAAA,IAIlF,OAAO,SAAqB;AAAA,MAC1B,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;AAAA;AAAA;AAAA,IAKA,OAAO,UAAkB;AACvB,UAAI,OAAO,MAAM,KAAK,SAAS,IAAI,MAAM,YAAY;AAEnD,mBAAW,MAAM,KAAK,SAAS,IAAI,EAAE,QAAQ;AAAA,MAC/C;AAEA,YAAM,OAAO,QAAQ;AAAA,IACvB;AAAA,EACF;AAGA,SAAO;AACT;",
   "names": []
 }

package/atoms/ScrollAnimation/animationScrollWithEase.js

@@ -5,6 +5,9 @@ const eases = Object.fromEntries(
 );
 function animationScrollWithEase(ScrollAnimation) {
   class AnimationScrollWithEase extends ScrollAnimation {
+    /**
+     * Config.
+     */
     static config = {
       ...ScrollAnimation.config,
       name: `${ScrollAnimation.config.name}WithEase`,
@@ -16,6 +19,9 @@ function animationScrollWithEase(ScrollAnimation) {
         }
       }
     };
+    /**
+     * Eases the progress value.
+     */
     render(progress) {
       if (typeof eases[this.$options.ease] === "function") {
         progress = eases[this.$options.ease](progress);

package/atoms/ScrollAnimation/animationScrollWithEase.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../packages/ui/atoms/ScrollAnimation/animationScrollWithEase.ts"],
-  "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"],
-  "mappings": "AACA,SAAS,YAAY;AAGrB,MAAM,QAAQ;AACd,MAAM,QAAQ,OAAO;AAAA,EACnB,OAAO,QAAQ,IAAI,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;",
+  "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<S extends AbstractScrollAnimation>(\n  ScrollAnimation: typeof AbstractScrollAnimation,\n): 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"],
+  "mappings": "AACA,SAAS,YAAY;AAGrB,MAAM,QAAQ;AACd,MAAM,QAAQ,OAAO;AAAA,EACnB,OAAO,QAAQ,IAAI,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,wBACd,iBACkF;AAClF,QAAM,gCAAgC,gBAA8C;AAAA;AAAA;AAAA;AAAA,IAIlF,OAAO,SAAqB;AAAA,MAC1B,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;AAAA;AAAA;AAAA,IAKA,OAAO,UAAkB;AACvB,UAAI,OAAO,MAAM,KAAK,SAAS,IAAI,MAAM,YAAY;AAEnD,mBAAW,MAAM,KAAK,SAAS,IAAI,EAAE,QAAQ;AAAA,MAC/C;AAEA,YAAM,OAAO,QAAQ;AAAA,IACvB;AAAA,EACF;AAGA,SAAO;AACT;",
   "names": []
 }

package/atoms/ScrollReveal/ScrollReveal.cjs

@@ -32,9 +32,15 @@ var import_primitives = require("../../primitives/index.cjs");
 var _ScrollReveal = class extends (0, import_js_toolkit.withMountWhenInView)(
   import_primitives.Transition
 ) {
+  /**
+   * Get the transition target.
+   */
   get target() {
     return this.$refs.target ?? this.$el;
   }
+  /**
+   * Trigger the `enter` transition on mount.
+   */
   mounted() {
     if (!this.$options.repeat) {
       this.enter();
@@ -53,6 +59,9 @@ var _ScrollReveal = class extends (0, import_js_toolkit.withMountWhenInView)(
   }
 };
 var ScrollReveal = _ScrollReveal;
+/**
+ * Config.
+ */
 __publicField(ScrollReveal, "config", {
   ...import_primitives.Transition.config,
   name: "ScrollReveal",
@@ -70,6 +79,9 @@ __publicField(ScrollReveal, "config", {
     }
   }
 });
+/**
+ * Vertical scroll direction.
+ */
 __publicField(ScrollReveal, "scrollDirectionY", "NONE");
 if (module.exports.default) module.exports = module.exports.default;
 //# sourceMappingURL=ScrollReveal.cjs.map

package/atoms/ScrollReveal/ScrollReveal.cjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../packages/ui/atoms/ScrollReveal/ScrollReveal.ts"],
   "sourcesContent": ["import { withMountWhenInView, useScroll, ScrollServiceProps } from '@studiometa/js-toolkit';\nimport type { BaseProps, BaseConfig } from '@studiometa/js-toolkit';\nimport { Transition } from '../../primitives/index.js';\n\nexport interface ScrollRevealProps extends BaseProps {\n  $refs: {\n    target?: HTMLElement;\n  };\n  $options: {\n    repeat: boolean;\n  };\n}\n\n/**\n * ScrollReveal class.\n */\nexport class ScrollReveal<T extends BaseProps = BaseProps> extends withMountWhenInView<Transition>(\n  Transition,\n)<T & ScrollRevealProps> {\n  /**\n   * Config.\n   */\n  static config: BaseConfig = {\n    ...Transition.config,\n    name: 'ScrollReveal',\n    refs: ['target'],\n    options: {\n      ...Transition.config.options,\n      enterKeep: {\n        type: Boolean,\n        default: true,\n      },\n      repeat: Boolean,\n      intersectionObserver: {\n        type: Object,\n        default: () => ({ threshold: [0, 1] }),\n      },\n    },\n  };\n\n  /**\n   * Vertical scroll direction.\n   */\n  static scrollDirectionY: ScrollServiceProps['direction']['y'] = 'NONE';\n\n  /**\n   * Get the transition target.\n   */\n  get target(): HTMLElement {\n    return this.$refs.target ?? this.$el;\n  }\n\n  /**\n   * Trigger the `enter` transition on mount.\n   */\n  mounted() {\n    if (!this.$options.repeat) {\n      this.enter();\n      this.$terminate();\n      return;\n    }\n\n    const scroll = useScroll();\n\n    if (!scroll.has('ScrollRevealRepeat')) {\n      scroll.add('ScrollRevealRepeat', (props) => {\n        ScrollReveal.scrollDirectionY = props.direction.y;\n      });\n    }\n\n    if (ScrollReveal.scrollDirectionY !== 'UP') {\n      this.enter();\n    }\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAmE;AAEnE,wBAA2B;AAcpB,IAAM,gBAAN,kBAA4D;AAAA,EACjE;AACF,EAAyB;AAAA,EA8BvB,IAAI,SAAsB;AACxB,WAAO,KAAK,MAAM,UAAU,KAAK;AAAA,EACnC;AAAA,EAKA,UAAU;AACR,QAAI,CAAC,KAAK,SAAS,QAAQ;AACzB,WAAK,MAAM;AACX,WAAK,WAAW;AAChB;AAAA,IACF;AAEA,UAAM,aAAS,6BAAU;AAEzB,QAAI,CAAC,OAAO,IAAI,oBAAoB,GAAG;AACrC,aAAO,IAAI,sBAAsB,CAAC,UAAU;AAC1C,sBAAa,mBAAmB,MAAM,UAAU;AAAA,MAClD,CAAC;AAAA,IACH;AAEA,QAAI,cAAa,qBAAqB,MAAM;AAC1C,WAAK,MAAM;AAAA,IACb;AAAA,EACF;AACF;AA1DO,IAAM,eAAN;AAML,cANW,cAMJ,UAAqB;AAAA,EAC1B,GAAG,6BAAW;AAAA,EACd,MAAM;AAAA,EACN,MAAM,CAAC,QAAQ;AAAA,EACf,SAAS;AAAA,IACP,GAAG,6BAAW,OAAO;AAAA,IACrB,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IACA,QAAQ;AAAA,IACR,sBAAsB;AAAA,MACpB,MAAM;AAAA,MACN,SAAS,OAAO,EAAE,WAAW,CAAC,GAAG,CAAC,EAAE;AAAA,IACtC;AAAA,EACF;AACF;AAKA,cA3BW,cA2BJ,oBAAyD;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAmE;AAEnE,wBAA2B;AAcpB,IAAM,gBAAN,kBAA4D;AAAA,EACjE;AACF,EAAyB;AAAA;AAAA;AAAA;AAAA,EA8BvB,IAAI,SAAsB;AACxB,WAAO,KAAK,MAAM,UAAU,KAAK;AAAA,EACnC;AAAA;AAAA;AAAA;AAAA,EAKA,UAAU;AACR,QAAI,CAAC,KAAK,SAAS,QAAQ;AACzB,WAAK,MAAM;AACX,WAAK,WAAW;AAChB;AAAA,IACF;AAEA,UAAM,aAAS,6BAAU;AAEzB,QAAI,CAAC,OAAO,IAAI,oBAAoB,GAAG;AACrC,aAAO,IAAI,sBAAsB,CAAC,UAAU;AAC1C,sBAAa,mBAAmB,MAAM,UAAU;AAAA,MAClD,CAAC;AAAA,IACH;AAEA,QAAI,cAAa,qBAAqB,MAAM;AAC1C,WAAK,MAAM;AAAA,IACb;AAAA,EACF;AACF;AA1DO,IAAM,eAAN;AAAA;AAAA;AAAA;AAML,cANW,cAMJ,UAAqB;AAAA,EAC1B,GAAG,6BAAW;AAAA,EACd,MAAM;AAAA,EACN,MAAM,CAAC,QAAQ;AAAA,EACf,SAAS;AAAA,IACP,GAAG,6BAAW,OAAO;AAAA,IACrB,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IACA,QAAQ;AAAA,IACR,sBAAsB;AAAA,MACpB,MAAM;AAAA,MACN,SAAS,OAAO,EAAE,WAAW,CAAC,GAAG,CAAC,EAAE;AAAA,IACtC;AAAA,EACF;AACF;AAAA;AAAA;AAAA;AAKA,cA3BW,cA2BJ,oBAAyD;",
   "names": []
 }

package/atoms/ScrollReveal/ScrollReveal.js

@@ -3,6 +3,9 @@ import { Transition } from "../../primitives/index.js";
 class ScrollReveal extends withMountWhenInView(
   Transition
 ) {
+  /**
+   * Config.
+   */
   static config = {
     ...Transition.config,
     name: "ScrollReveal",
@@ -20,10 +23,19 @@ class ScrollReveal extends withMountWhenInView(
       }
     }
   };
+  /**
+   * Vertical scroll direction.
+   */
   static scrollDirectionY = "NONE";
+  /**
+   * Get the transition target.
+   */
   get target() {
     return this.$refs.target ?? this.$el;
   }
+  /**
+   * Trigger the `enter` transition on mount.
+   */
   mounted() {
     if (!this.$options.repeat) {
       this.enter();

package/atoms/ScrollReveal/ScrollReveal.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../packages/ui/atoms/ScrollReveal/ScrollReveal.ts"],
   "sourcesContent": ["import { withMountWhenInView, useScroll, ScrollServiceProps } from '@studiometa/js-toolkit';\nimport type { BaseProps, BaseConfig } from '@studiometa/js-toolkit';\nimport { Transition } from '../../primitives/index.js';\n\nexport interface ScrollRevealProps extends BaseProps {\n  $refs: {\n    target?: HTMLElement;\n  };\n  $options: {\n    repeat: boolean;\n  };\n}\n\n/**\n * ScrollReveal class.\n */\nexport class ScrollReveal<T extends BaseProps = BaseProps> extends withMountWhenInView<Transition>(\n  Transition,\n)<T & ScrollRevealProps> {\n  /**\n   * Config.\n   */\n  static config: BaseConfig = {\n    ...Transition.config,\n    name: 'ScrollReveal',\n    refs: ['target'],\n    options: {\n      ...Transition.config.options,\n      enterKeep: {\n        type: Boolean,\n        default: true,\n      },\n      repeat: Boolean,\n      intersectionObserver: {\n        type: Object,\n        default: () => ({ threshold: [0, 1] }),\n      },\n    },\n  };\n\n  /**\n   * Vertical scroll direction.\n   */\n  static scrollDirectionY: ScrollServiceProps['direction']['y'] = 'NONE';\n\n  /**\n   * Get the transition target.\n   */\n  get target(): HTMLElement {\n    return this.$refs.target ?? this.$el;\n  }\n\n  /**\n   * Trigger the `enter` transition on mount.\n   */\n  mounted() {\n    if (!this.$options.repeat) {\n      this.enter();\n      this.$terminate();\n      return;\n    }\n\n    const scroll = useScroll();\n\n    if (!scroll.has('ScrollRevealRepeat')) {\n      scroll.add('ScrollRevealRepeat', (props) => {\n        ScrollReveal.scrollDirectionY = props.direction.y;\n      });\n    }\n\n    if (ScrollReveal.scrollDirectionY !== 'UP') {\n      this.enter();\n    }\n  }\n}\n"],
-  "mappings": "AAAA,SAAS,qBAAqB,iBAAqC;AAEnE,SAAS,kBAAkB;AAcpB,MAAM,qBAAsD;AAAA,EACjE;AACF,EAAyB;AAAA,EAIvB,OAAO,SAAqB;AAAA,IAC1B,GAAG,WAAW;AAAA,IACd,MAAM;AAAA,IACN,MAAM,CAAC,QAAQ;AAAA,IACf,SAAS;AAAA,MACP,GAAG,WAAW,OAAO;AAAA,MACrB,WAAW;AAAA,QACT,MAAM;AAAA,QACN,SAAS;AAAA,MACX;AAAA,MACA,QAAQ;AAAA,MACR,sBAAsB;AAAA,QACpB,MAAM;AAAA,QACN,SAAS,OAAO,EAAE,WAAW,CAAC,GAAG,CAAC,EAAE;AAAA,MACtC;AAAA,IACF;AAAA,EACF;AAAA,EAKA,OAAO,mBAAyD;AAAA,EAKhE,IAAI,SAAsB;AACxB,WAAO,KAAK,MAAM,UAAU,KAAK;AAAA,EACnC;AAAA,EAKA,UAAU;AACR,QAAI,CAAC,KAAK,SAAS,QAAQ;AACzB,WAAK,MAAM;AACX,WAAK,WAAW;AAChB;AAAA,IACF;AAEA,UAAM,SAAS,UAAU;AAEzB,QAAI,CAAC,OAAO,IAAI,oBAAoB,GAAG;AACrC,aAAO,IAAI,sBAAsB,CAAC,UAAU;AAC1C,qBAAa,mBAAmB,MAAM,UAAU;AAAA,MAClD,CAAC;AAAA,IACH;AAEA,QAAI,aAAa,qBAAqB,MAAM;AAC1C,WAAK,MAAM;AAAA,IACb;AAAA,EACF;AACF;",
+  "mappings": "AAAA,SAAS,qBAAqB,iBAAqC;AAEnE,SAAS,kBAAkB;AAcpB,MAAM,qBAAsD;AAAA,EACjE;AACF,EAAyB;AAAA;AAAA;AAAA;AAAA,EAIvB,OAAO,SAAqB;AAAA,IAC1B,GAAG,WAAW;AAAA,IACd,MAAM;AAAA,IACN,MAAM,CAAC,QAAQ;AAAA,IACf,SAAS;AAAA,MACP,GAAG,WAAW,OAAO;AAAA,MACrB,WAAW;AAAA,QACT,MAAM;AAAA,QACN,SAAS;AAAA,MACX;AAAA,MACA,QAAQ;AAAA,MACR,sBAAsB;AAAA,QACpB,MAAM;AAAA,QACN,SAAS,OAAO,EAAE,WAAW,CAAC,GAAG,CAAC,EAAE;AAAA,MACtC;AAAA,IACF;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKA,OAAO,mBAAyD;AAAA;AAAA;AAAA;AAAA,EAKhE,IAAI,SAAsB;AACxB,WAAO,KAAK,MAAM,UAAU,KAAK;AAAA,EACnC;AAAA;AAAA;AAAA;AAAA,EAKA,UAAU;AACR,QAAI,CAAC,KAAK,SAAS,QAAQ;AACzB,WAAK,MAAM;AACX,WAAK,WAAW;AAChB;AAAA,IACF;AAEA,UAAM,SAAS,UAAU;AAEzB,QAAI,CAAC,OAAO,IAAI,oBAAoB,GAAG;AACrC,aAAO,IAAI,sBAAsB,CAAC,UAAU;AAC1C,qBAAa,mBAAmB,MAAM,UAAU;AAAA,MAClD,CAAC;AAAA,IACH;AAEA,QAAI,aAAa,qBAAqB,MAAM;AAC1C,WAAK,MAAM;AAAA,IACb;AAAA,EACF;AACF;",
   "names": []
 }