@studiometa/ui 1.0.0-alpha.1 → 1.0.0-alpha.3

package/atoms/LazyInclude/index.cjs

@@ -1,21 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// packages/ui/atoms/LazyInclude/index.ts
-var LazyInclude_exports = {};
-module.exports = __toCommonJS(LazyInclude_exports);
-__reExport(LazyInclude_exports, require("./LazyInclude.cjs"), module.exports);
-if (module.exports.default) module.exports = module.exports.default;
-//# sourceMappingURL=index.cjs.map

package/atoms/LazyInclude/index.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../packages/ui/atoms/LazyInclude/index.ts"],
-  "sourcesContent": ["export * from './LazyInclude.js';\n"],
-  "mappings": ";;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,gCAAc,8BAAd;",
-  "names": []
-}

package/atoms/Prefetch/AbstractPrefetch.cjs

@@ -1,86 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-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);
-
-// packages/ui/atoms/Prefetch/AbstractPrefetch.ts
-var AbstractPrefetch_exports = {};
-__export(AbstractPrefetch_exports, {
-  AbstractPrefetch: () => AbstractPrefetch
-});
-module.exports = __toCommonJS(AbstractPrefetch_exports);
-var import_js_toolkit = require("@studiometa/js-toolkit");
-var AbstractPrefetch = class _AbstractPrefetch extends import_js_toolkit.Base {
-  /**
-   * Config.
-   */
-  static config = {
-    name: "AbstractPrefetch",
-    options: {
-      prefetch: {
-        type: Boolean,
-        default: true
-      }
-    }
-  };
-  /**
-   * Store prefetched URL.
-   */
-  static prefetchedUrls = /* @__PURE__ */ new Set();
-  /**
-   * Is the given anchor prefetchable?
-   */
-  isPrefetchable(url) {
-    if (!url || !url.href) {
-      return false;
-    }
-    if (!this.$options.prefetch) {
-      return false;
-    }
-    if (url.origin !== window.location.origin) {
-      return false;
-    }
-    if (!["http:", "https:"].includes(url.protocol)) {
-      return false;
-    }
-    if (url.protocol === "http:" && window.location.protocol === "https:") {
-      return false;
-    }
-    if (url.hash && url.pathname + url.search === window.location.pathname + window.location.search) {
-      return false;
-    }
-    return true;
-  }
-  /**
-   * Prefetch the given URL and terminate the component.
-   */
-  prefetch(url) {
-    if (_AbstractPrefetch.prefetchedUrls.has(url.href)) {
-      return;
-    }
-    if (!this.isPrefetchable(url)) {
-      return;
-    }
-    const prefetcher = document.createElement("link");
-    prefetcher.rel = "prefetch";
-    prefetcher.href = url.href;
-    document.head.append(prefetcher);
-    _AbstractPrefetch.prefetchedUrls.add(url.href);
-    this.$terminate();
-  }
-};
-if (module.exports.default) module.exports = module.exports.default;
-//# sourceMappingURL=AbstractPrefetch.cjs.map

package/atoms/Prefetch/AbstractPrefetch.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../packages/ui/atoms/Prefetch/AbstractPrefetch.ts"],
-  "sourcesContent": ["import { Base } from '@studiometa/js-toolkit';\nimport type { BaseProps, BaseConfig } from '@studiometa/js-toolkit';\n\nexport interface AbstractPrefetchProps extends BaseProps {\n  $el: HTMLAnchorElement;\n  $options: {\n    prefetch: boolean;\n  };\n}\n\n/**\n * AbstractPrefetch class.\n */\nexport class AbstractPrefetch<T extends BaseProps = BaseProps> extends Base<\n  T & AbstractPrefetchProps\n> {\n  /**\n   * Config.\n   */\n  static config: BaseConfig = {\n    name: 'AbstractPrefetch',\n    options: {\n      prefetch: {\n        type: Boolean,\n        default: true,\n      },\n    },\n  };\n\n  /**\n   * Store prefetched URL.\n   */\n  static prefetchedUrls: Set<string> = new Set();\n\n  /**\n   * Is the given anchor prefetchable?\n   */\n  isPrefetchable(url: URL): boolean {\n    if (!url || !url.href) {\n      return false;\n    }\n\n    if (!this.$options.prefetch) {\n      return false;\n    }\n\n    if (url.origin !== window.location.origin) {\n      return false;\n    }\n\n    if (!['http:', 'https:'].includes(url.protocol)) {\n      return false;\n    }\n\n    if (url.protocol === 'http:' && window.location.protocol === 'https:') {\n      return false;\n    }\n\n    if (\n      url.hash &&\n      url.pathname + url.search === window.location.pathname + window.location.search\n    ) {\n      return false;\n    }\n\n    return true;\n  }\n\n  /**\n   * Prefetch the given URL and terminate the component.\n   */\n  prefetch(url: URL) {\n    if (AbstractPrefetch.prefetchedUrls.has(url.href)) {\n      return;\n    }\n\n    if (!this.isPrefetchable(url)) {\n      return;\n    }\n\n    const prefetcher = document.createElement('link');\n    prefetcher.rel = 'prefetch';\n    prefetcher.href = url.href;\n    document.head.append(prefetcher);\n\n    AbstractPrefetch.prefetchedUrls.add(url.href);\n\n    this.$terminate();\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAqB;AAad,IAAM,mBAAN,MAAM,0BAA0D,uBAErE;AAAA;AAAA;AAAA;AAAA,EAIA,OAAO,SAAqB;AAAA,IAC1B,MAAM;AAAA,IACN,SAAS;AAAA,MACP,UAAU;AAAA,QACR,MAAM;AAAA,QACN,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKA,OAAO,iBAA8B,oBAAI,IAAI;AAAA;AAAA;AAAA;AAAA,EAK7C,eAAe,KAAmB;AAChC,QAAI,CAAC,OAAO,CAAC,IAAI,MAAM;AACrB,aAAO;AAAA,IACT;AAEA,QAAI,CAAC,KAAK,SAAS,UAAU;AAC3B,aAAO;AAAA,IACT;AAEA,QAAI,IAAI,WAAW,OAAO,SAAS,QAAQ;AACzC,aAAO;AAAA,IACT;AAEA,QAAI,CAAC,CAAC,SAAS,QAAQ,EAAE,SAAS,IAAI,QAAQ,GAAG;AAC/C,aAAO;AAAA,IACT;AAEA,QAAI,IAAI,aAAa,WAAW,OAAO,SAAS,aAAa,UAAU;AACrE,aAAO;AAAA,IACT;AAEA,QACE,IAAI,QACJ,IAAI,WAAW,IAAI,WAAW,OAAO,SAAS,WAAW,OAAO,SAAS,QACzE;AACA,aAAO;AAAA,IACT;AAEA,WAAO;AAAA,EACT;AAAA;AAAA;AAAA;AAAA,EAKA,SAAS,KAAU;AACjB,QAAI,kBAAiB,eAAe,IAAI,IAAI,IAAI,GAAG;AACjD;AAAA,IACF;AAEA,QAAI,CAAC,KAAK,eAAe,GAAG,GAAG;AAC7B;AAAA,IACF;AAEA,UAAM,aAAa,SAAS,cAAc,MAAM;AAChD,eAAW,MAAM;AACjB,eAAW,OAAO,IAAI;AACtB,aAAS,KAAK,OAAO,UAAU;AAE/B,sBAAiB,eAAe,IAAI,IAAI,IAAI;AAE5C,SAAK,WAAW;AAAA,EAClB;AACF;",
-  "names": []
-}

package/atoms/Prefetch/PrefetchWhenOver.cjs

@@ -1,42 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-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);
-
-// packages/ui/atoms/Prefetch/PrefetchWhenOver.ts
-var PrefetchWhenOver_exports = {};
-__export(PrefetchWhenOver_exports, {
-  PrefetchWhenOver: () => PrefetchWhenOver
-});
-module.exports = __toCommonJS(PrefetchWhenOver_exports);
-var import_AbstractPrefetch = require("./AbstractPrefetch.cjs");
-var PrefetchWhenOver = class extends import_AbstractPrefetch.AbstractPrefetch {
-  /**
-   * Config.
-   */
-  static config = {
-    ...import_AbstractPrefetch.AbstractPrefetch.config,
-    name: "PrefetchWhenOver"
-  };
-  /**
-   * Prefetch on mouseenter.
-   */
-  onMouseenter() {
-    this.prefetch(new URL(this.$el.href));
-  }
-};
-if (module.exports.default) module.exports = module.exports.default;
-//# sourceMappingURL=PrefetchWhenOver.cjs.map

package/atoms/Prefetch/PrefetchWhenOver.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../packages/ui/atoms/Prefetch/PrefetchWhenOver.ts"],
-  "sourcesContent": ["import type { BaseProps, BaseConfig } from '@studiometa/js-toolkit';\nimport { AbstractPrefetch } from './AbstractPrefetch.js';\n\n/**\n * PrefetchWhenOver class.\n */\nexport class PrefetchWhenOver<T extends BaseProps = BaseProps> extends AbstractPrefetch<T> {\n  /**\n   * Config.\n   */\n  static config: BaseConfig = {\n    ...AbstractPrefetch.config,\n    name: 'PrefetchWhenOver',\n  };\n\n  /**\n   * Prefetch on mouseenter.\n   */\n  onMouseenter() {\n    this.prefetch(new URL(this.$el.href));\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,8BAAiC;AAK1B,IAAM,mBAAN,cAAgE,yCAAoB;AAAA;AAAA;AAAA;AAAA,EAIzF,OAAO,SAAqB;AAAA,IAC1B,GAAG,yCAAiB;AAAA,IACpB,MAAM;AAAA,EACR;AAAA;AAAA;AAAA;AAAA,EAKA,eAAe;AACb,SAAK,SAAS,IAAI,IAAI,KAAK,IAAI,IAAI,CAAC;AAAA,EACtC;AACF;",
-  "names": []
-}

package/atoms/Prefetch/PrefetchWhenVisible.cjs

@@ -1,43 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-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);
-
-// packages/ui/atoms/Prefetch/PrefetchWhenVisible.ts
-var PrefetchWhenVisible_exports = {};
-__export(PrefetchWhenVisible_exports, {
-  PrefetchWhenVisible: () => PrefetchWhenVisible
-});
-module.exports = __toCommonJS(PrefetchWhenVisible_exports);
-var import_js_toolkit = require("@studiometa/js-toolkit");
-var import_AbstractPrefetch = require("./AbstractPrefetch.cjs");
-var PrefetchWhenVisible = class extends (0, import_js_toolkit.withMountWhenInView)(import_AbstractPrefetch.AbstractPrefetch) {
-  /**
-   * Config.
-   */
-  static config = {
-    ...import_AbstractPrefetch.AbstractPrefetch.config,
-    name: "PrefetchWhenVisible"
-  };
-  /**
-   * Prefetch on mount.
-   */
-  mounted() {
-    this.prefetch(new URL(this.$el.href));
-  }
-};
-if (module.exports.default) module.exports = module.exports.default;
-//# sourceMappingURL=PrefetchWhenVisible.cjs.map

package/atoms/Prefetch/PrefetchWhenVisible.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../packages/ui/atoms/Prefetch/PrefetchWhenVisible.ts"],
-  "sourcesContent": ["import { withMountWhenInView } from '@studiometa/js-toolkit';\nimport type { BaseConfig } from '@studiometa/js-toolkit';\nimport { AbstractPrefetch } from './AbstractPrefetch.js';\n\n/**\n * PrefetchWhenVisible class.\n */\nexport class PrefetchWhenVisible extends withMountWhenInView<AbstractPrefetch>(AbstractPrefetch) {\n  /**\n   * Config.\n   */\n  static config: BaseConfig = {\n    ...AbstractPrefetch.config,\n    name: 'PrefetchWhenVisible',\n  };\n\n  /**\n   * Prefetch on mount.\n   */\n  mounted() {\n    this.prefetch(new URL(this.$el.href));\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAoC;AAEpC,8BAAiC;AAK1B,IAAM,sBAAN,kBAAkC,uCAAsC,wCAAgB,EAAE;AAAA;AAAA;AAAA;AAAA,EAI/F,OAAO,SAAqB;AAAA,IAC1B,GAAG,yCAAiB;AAAA,IACpB,MAAM;AAAA,EACR;AAAA;AAAA;AAAA;AAAA,EAKA,UAAU;AACR,SAAK,SAAS,IAAI,IAAI,KAAK,IAAI,IAAI,CAAC;AAAA,EACtC;AACF;",
-  "names": []
-}

package/atoms/Prefetch/index.cjs

@@ -1,23 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// packages/ui/atoms/Prefetch/index.ts
-var Prefetch_exports = {};
-module.exports = __toCommonJS(Prefetch_exports);
-__reExport(Prefetch_exports, require("./AbstractPrefetch.cjs"), module.exports);
-__reExport(Prefetch_exports, require("./PrefetchWhenOver.cjs"), module.exports);
-__reExport(Prefetch_exports, require("./PrefetchWhenVisible.cjs"), module.exports);
-if (module.exports.default) module.exports = module.exports.default;
-//# sourceMappingURL=index.cjs.map

package/atoms/Prefetch/index.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../packages/ui/atoms/Prefetch/index.ts"],
-  "sourcesContent": ["export * from './AbstractPrefetch.js';\nexport * from './PrefetchWhenOver.js';\nexport * from './PrefetchWhenVisible.js';\n"],
-  "mappings": ";;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,6BAAc,mCAAd;AACA,6BAAc,mCADd;AAEA,6BAAc,sCAFd;",
-  "names": []
-}

package/atoms/ScrollAnimation/AbstractScrollAnimation.cjs

@@ -1,95 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-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);
-
-// packages/ui/atoms/ScrollAnimation/AbstractScrollAnimation.ts
-var AbstractScrollAnimation_exports = {};
-__export(AbstractScrollAnimation_exports, {
-  AbstractScrollAnimation: () => AbstractScrollAnimation
-});
-module.exports = __toCommonJS(AbstractScrollAnimation_exports);
-var import_js_toolkit = require("@studiometa/js-toolkit");
-var import_utils = require("@studiometa/js-toolkit/utils");
-var AbstractScrollAnimation = class extends (0, import_js_toolkit.withFreezedOptions)(import_js_toolkit.Base) {
-  /**
-   * Config.
-   */
-  static config = {
-    name: "AbstractScrollAnimation",
-    options: {
-      playRange: {
-        type: Array,
-        default: () => [0, 1]
-      },
-      from: {
-        type: Object,
-        default: () => ({})
-      },
-      to: {
-        type: Object,
-        default: () => ({})
-      },
-      keyframes: {
-        type: Array
-      },
-      easing: {
-        type: Array,
-        default: () => [0, 0, 1, 1]
-      }
-    }
-  };
-  /**
-   * 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;
-    if (keyframes.length <= 0 && from && to) {
-      keyframes = [from, to];
-    }
-    const animation = (0, import_utils.animate)(this.target, keyframes, { easing: this.$options.easing });
-    Object.defineProperty(this, "animation", {
-      value: animation,
-      configurable: true
-    });
-    return animation;
-  }
-  scrolledInView(props) {
-    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 the animation for the given progress.
-   */
-  render(progress) {
-    this.animation.progress(progress);
-  }
-};
-if (module.exports.default) module.exports = module.exports.default;
-//# sourceMappingURL=AbstractScrollAnimation.cjs.map

package/atoms/ScrollAnimation/AbstractScrollAnimation.cjs.map

@@ -1,7 +0,0 @@
-{
-  "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<\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;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAyC;AAEzC,mBAAoC;AAgB7B,IAAM,0BAAN,kBAEG,sCAAyB,sBAAI,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,gBAAY,sBAAQ,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,eAAW;AAAA,UACf,oBAAM,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

@@ -1,44 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-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);
-
-// packages/ui/atoms/ScrollAnimation/ScrollAnimation.ts
-var ScrollAnimation_exports = {};
-__export(ScrollAnimation_exports, {
-  ScrollAnimation: () => ScrollAnimation
-});
-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, {}) {
-  /**
-   * Config.
-   */
-  static config = {
-    ...import_AbstractScrollAnimation.AbstractScrollAnimation.config,
-    name: "ScrollAnimation",
-    refs: ["target"]
-  };
-  /**
-   * Use the `target` ref as animation target.
-   */
-  get target() {
-    return this.$refs.target;
-  }
-};
-if (module.exports.default) module.exports = module.exports.default;
-//# sourceMappingURL=ScrollAnimation.cjs.map

package/atoms/ScrollAnimation/ScrollAnimation.cjs.map

@@ -1,7 +0,0 @@
-{
-  "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;AAAA;AAAA;AAAA,EAIA,OAAO,SAAqB;AAAA,IAC1B,GAAG,uDAAwB;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

@@ -1,84 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-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);
-
-// packages/ui/atoms/ScrollAnimation/ScrollAnimationChild.ts
-var ScrollAnimationChild_exports = {};
-__export(ScrollAnimationChild_exports, {
-  ScrollAnimationChild: () => ScrollAnimationChild
-});
-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.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 {
-  /**
-   * Config.
-   */
-  static config = {
-    name: "ScrollAnimationChild",
-    ...import_AbstractScrollAnimation.AbstractScrollAnimation.config,
-    options: {
-      ...import_AbstractScrollAnimation.AbstractScrollAnimation.config.options,
-      dampFactor: {
-        type: Number,
-        default: 0.1
-      },
-      dampPrecision: {
-        type: Number,
-        default: 1e-3
-      }
-    }
-  };
-  /**
-   * 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");
-    updateProps(this, props, dampFactor, dampPrecision, "y");
-    props.dampedCurrent = this.dampedCurrent;
-    props.dampedProgress = this.dampedProgress;
-    super.scrolledInView(props);
-  }
-};
-if (module.exports.default) module.exports = module.exports.default;
-//# sourceMappingURL=ScrollAnimationChild.cjs.map

package/atoms/ScrollAnimation/ScrollAnimationChild.cjs.map

@@ -1,7 +0,0 @@
-{
-  "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(\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,EAIA,OAAO,SAAqB;AAAA,IAC1B,MAAM;AAAA,IACN,GAAG,uDAAwB;AAAA,IAC3B,SAAS;AAAA,MACP,GAAG,uDAAwB,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

@@ -1,37 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-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);
-
-// packages/ui/atoms/ScrollAnimation/ScrollAnimationChildWithEase.ts
-var ScrollAnimationChildWithEase_exports = {};
-__export(ScrollAnimationChildWithEase_exports, {
-  ScrollAnimationChildWithEase: () => ScrollAnimationChildWithEase
-});
-module.exports = __toCommonJS(ScrollAnimationChildWithEase_exports);
-var import_ScrollAnimationChild = require("./ScrollAnimationChild.cjs");
-var import_animationScrollWithEase = require("./animationScrollWithEase.cjs");
-var ScrollAnimationChildWithEase = class extends (0, import_animationScrollWithEase.animationScrollWithEase)(import_ScrollAnimationChild.ScrollAnimationChild) {
-  /**
-   * Config.
-   */
-  static config = {
-    ...import_ScrollAnimationChild.ScrollAnimationChild.config,
-    name: "ScrollAnimationChildWithEase"
-  };
-};
-if (module.exports.default) module.exports = module.exports.default;
-//# sourceMappingURL=ScrollAnimationChildWithEase.cjs.map

package/atoms/ScrollAnimation/ScrollAnimationChildWithEase.cjs.map

@@ -1,7 +0,0 @@
-{
-  "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;AAAA;AAAA;AAAA;AAAA,EAI9F,OAAO,SAAqB;AAAA,IAC1B,GAAG,iDAAqB;AAAA,IACxB,MAAM;AAAA,EACR;AACF;",
-  "names": []
-}

package/atoms/ScrollAnimation/ScrollAnimationParent.cjs

@@ -1,50 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-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);
-
-// packages/ui/atoms/ScrollAnimation/ScrollAnimationParent.ts
-var ScrollAnimationParent_exports = {};
-__export(ScrollAnimationParent_exports, {
-  ScrollAnimationParent: () => ScrollAnimationParent
-});
-module.exports = __toCommonJS(ScrollAnimationParent_exports);
-var import_js_toolkit = require("@studiometa/js-toolkit");
-var import_ScrollAnimationChild = require("./ScrollAnimationChild.cjs");
-var ScrollAnimationParent = class extends (0, import_js_toolkit.withScrolledInView)(
-  import_js_toolkit.Base,
-  {}
-) {
-  /**
-   * Config.
-   */
-  static config = {
-    name: "ScrollAnimationParent",
-    components: {
-      ScrollAnimationChild: import_ScrollAnimationChild.ScrollAnimationChild
-    }
-  };
-  /**
-   * Scrolled in view hook.
-   */
-  scrolledInView(props) {
-    this.$children.ScrollAnimationChild.forEach((child) => {
-      child.scrolledInView(props);
-    });
-  }
-};
-if (module.exports.default) module.exports = module.exports.default;
-//# sourceMappingURL=ScrollAnimationParent.cjs.map

package/atoms/ScrollAnimation/ScrollAnimationParent.cjs.map

@@ -1,7 +0,0 @@
-{
-  "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;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": []
-}