@studiometa/ui 0.2.13 → 0.2.15

package/atoms/ScrollAnimation/animationScrollWithEase.js.map

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

package/atoms/ScrollAnimation/index.cjs

@@ -1,13 +1,7 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __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))
@@ -16,26 +10,18 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __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/ScrollAnimation/index.js
+// packages/ui/atoms/ScrollAnimation/index.ts
 var ScrollAnimation_exports = {};
-__export(ScrollAnimation_exports, {
-  AbstractScrollAnimation: () => import_AbstractScrollAnimation.default,
-  ScrollAnimation: () => import_ScrollAnimation.default,
-  ScrollAnimationChild: () => import_ScrollAnimationChild.default,
-  ScrollAnimationChildWithEase: () => import_ScrollAnimationChildWithEase.default,
-  ScrollAnimationParent: () => import_ScrollAnimationParent.default,
-  ScrollAnimationWithEase: () => import_ScrollAnimationWithEase.default,
-  animationScrollWithEase: () => import_animationScrollWithEase.default
-});
 module.exports = __toCommonJS(ScrollAnimation_exports);
-var import_AbstractScrollAnimation = __toESM(require("./AbstractScrollAnimation.cjs"), 1);
-var import_animationScrollWithEase = __toESM(require("./animationScrollWithEase.cjs"), 1);
-var import_ScrollAnimation = __toESM(require("./ScrollAnimation.cjs"), 1);
-var import_ScrollAnimationWithEase = __toESM(require("./ScrollAnimationWithEase.cjs"), 1);
-var import_ScrollAnimationChild = __toESM(require("./ScrollAnimationChild.cjs"), 1);
-var import_ScrollAnimationChildWithEase = __toESM(require("./ScrollAnimationChildWithEase.cjs"), 1);
-var import_ScrollAnimationParent = __toESM(require("./ScrollAnimationParent.cjs"), 1);
+__reExport(ScrollAnimation_exports, require("./AbstractScrollAnimation.cjs"), module.exports);
+__reExport(ScrollAnimation_exports, require("./animationScrollWithEase.cjs"), module.exports);
+__reExport(ScrollAnimation_exports, require("./ScrollAnimation.cjs"), module.exports);
+__reExport(ScrollAnimation_exports, require("./ScrollAnimationWithEase.cjs"), module.exports);
+__reExport(ScrollAnimation_exports, require("./ScrollAnimationChild.cjs"), module.exports);
+__reExport(ScrollAnimation_exports, require("./ScrollAnimationChildWithEase.cjs"), module.exports);
+__reExport(ScrollAnimation_exports, require("./ScrollAnimationParent.cjs"), module.exports);
 if (module.exports.default) module.exports = module.exports.default;
+//# sourceMappingURL=index.cjs.map

package/atoms/ScrollAnimation/index.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../packages/ui/atoms/ScrollAnimation/index.ts"],
+  "sourcesContent": ["export * from './AbstractScrollAnimation.js';\nexport * from './animationScrollWithEase.js';\nexport * from './ScrollAnimation.js';\nexport * from './ScrollAnimationWithEase.js';\nexport * from './ScrollAnimationChild.js';\nexport * from './ScrollAnimationChildWithEase.js';\nexport * from './ScrollAnimationParent.js';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,oCAAc,0CAAd;AACA,oCAAc,0CADd;AAEA,oCAAc,kCAFd;AAGA,oCAAc,0CAHd;AAIA,oCAAc,uCAJd;AAKA,oCAAc,+CALd;AAMA,oCAAc,wCANd;",
+  "names": []
+}

package/atoms/ScrollAnimation/index.d.ts

@@ -1,7 +1,7 @@
-export { default as AbstractScrollAnimation } from "./AbstractScrollAnimation.js";
-export { default as animationScrollWithEase } from "./animationScrollWithEase.js";
-export { default as ScrollAnimation } from "./ScrollAnimation.js";
-export { default as ScrollAnimationWithEase } from "./ScrollAnimationWithEase.js";
-export { default as ScrollAnimationChild } from "./ScrollAnimationChild.js";
-export { default as ScrollAnimationChildWithEase } from "./ScrollAnimationChildWithEase.js";
-export { default as ScrollAnimationParent } from "./ScrollAnimationParent.js";
+export * from './AbstractScrollAnimation.js';
+export * from './animationScrollWithEase.js';
+export * from './ScrollAnimation.js';
+export * from './ScrollAnimationWithEase.js';
+export * from './ScrollAnimationChild.js';
+export * from './ScrollAnimationChildWithEase.js';
+export * from './ScrollAnimationParent.js';

package/atoms/ScrollAnimation/index.js

@@ -1 +1,8 @@
-import{default as t}from"./AbstractScrollAnimation.js";import{default as r}from"./animationScrollWithEase.js";import{default as e}from"./ScrollAnimation.js";import{default as f}from"./ScrollAnimationWithEase.js";import{default as s}from"./ScrollAnimationChild.js";import{default as c}from"./ScrollAnimationChildWithEase.js";import{default as u}from"./ScrollAnimationParent.js";export{t as AbstractScrollAnimation,e as ScrollAnimation,s as ScrollAnimationChild,c as ScrollAnimationChildWithEase,u as ScrollAnimationParent,f as ScrollAnimationWithEase,r as animationScrollWithEase};
+export * from "./AbstractScrollAnimation.js";
+export * from "./animationScrollWithEase.js";
+export * from "./ScrollAnimation.js";
+export * from "./ScrollAnimationWithEase.js";
+export * from "./ScrollAnimationChild.js";
+export * from "./ScrollAnimationChildWithEase.js";
+export * from "./ScrollAnimationParent.js";
+//# sourceMappingURL=index.js.map

package/atoms/ScrollAnimation/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../packages/ui/atoms/ScrollAnimation/index.ts"],
+  "sourcesContent": ["export * from './AbstractScrollAnimation.js';\nexport * from './animationScrollWithEase.js';\nexport * from './ScrollAnimation.js';\nexport * from './ScrollAnimationWithEase.js';\nexport * from './ScrollAnimationChild.js';\nexport * from './ScrollAnimationChildWithEase.js';\nexport * from './ScrollAnimationParent.js';\n"],
+  "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
+  "names": []
+}

package/atoms/ScrollReveal/ScrollReveal.cjs

@@ -21,15 +21,17 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 
-// packages/ui/atoms/ScrollReveal/ScrollReveal.js
+// packages/ui/atoms/ScrollReveal/ScrollReveal.ts
 var ScrollReveal_exports = {};
 __export(ScrollReveal_exports, {
-  default: () => ScrollReveal
+  ScrollReveal: () => ScrollReveal
 });
 module.exports = __toCommonJS(ScrollReveal_exports);
 var import_js_toolkit = require("@studiometa/js-toolkit");
 var import_primitives = require("../../primitives/index.cjs");
-var _ScrollReveal = class extends (0, import_js_toolkit.withMountWhenInView)(import_primitives.Transition) {
+var _ScrollReveal = class extends (0, import_js_toolkit.withMountWhenInView)(
+  import_primitives.Transition
+) {
   get target() {
     return this.$refs.target ?? this.$el;
   }
@@ -70,3 +72,4 @@ __publicField(ScrollReveal, "config", {
 });
 __publicField(ScrollReveal, "scrollDirectionY", "NONE");
 if (module.exports.default) module.exports = module.exports.default;
+//# sourceMappingURL=ScrollReveal.cjs.map

package/atoms/ScrollReveal/ScrollReveal.cjs.map

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

package/atoms/ScrollReveal/ScrollReveal.d.ts

@@ -1,77 +1,34 @@
-declare const ScrollReveal_base: typeof import("@studiometa/js-toolkit").Base & (new (...a: any[]) => {
-    readonly target: HTMLElement | HTMLElement[];
-    enter(target?: HTMLElement | HTMLElement[]): Promise<void | void[]>; /**
-     * Trigger the `enter` transition on mount.
-     *
-     * @this {ScrollRevealInterface}
-     * @returns {void}
-     */
-    leave(target?: HTMLElement | HTMLElement[]): Promise<void | void[]>;
-});
-/**
- * @typedef {ScrollReveal & {
- *   $refs: {
- *     target?: HTMLElement,
- *   },
- *   $options: {
- *     repeat: boolean;
- *   }
- * }} ScrollRevealInterface
- */
+import { ScrollServiceProps } from '@studiometa/js-toolkit';
+import type { BaseProps, BaseConfig } from '@studiometa/js-toolkit';
+import { Transition } from '../../primitives/index.js';
+export interface ScrollRevealProps extends BaseProps {
+    $refs: {
+        target?: HTMLElement;
+    };
+    $options: {
+        repeat: boolean;
+    };
+}
+declare const ScrollReveal_base: import("@studiometa/js-toolkit").BaseDecorator<import("@studiometa/js-toolkit").WithMountWhenInViewInterface, Transition<BaseProps>, import("@studiometa/js-toolkit").WithMountWhenInViewProps>;
 /**
  * ScrollReveal class.
  */
-export default class ScrollReveal extends ScrollReveal_base {
+export declare class ScrollReveal<T extends BaseProps = BaseProps> extends ScrollReveal_base<T & ScrollRevealProps> {
     /**
      * Config.
      */
-    static config: {
-        name: string;
-        refs: string[];
-        options: {
-            enterKeep: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            repeat: BooleanConstructor;
-            intersectionObserver: {
-                type: ObjectConstructor;
-                default: () => {
-                    threshold: number[];
-                };
-            };
-        };
-        debug?: boolean;
-        log?: boolean;
-        emits?: string[];
-        components?: import("@studiometa/js-toolkit/Base/index.js").BaseConfigComponents;
-    };
+    static config: BaseConfig;
     /**
      * Vertical scroll direction.
-     * @type {'UP'|'DOWN'|'NONE'}
      */
-    static scrollDirectionY: 'UP' | 'DOWN' | 'NONE';
+    static scrollDirectionY: ScrollServiceProps['direction']['y'];
     /**
      * Get the transition target.
-     *
-     * @this {ScrollRevealInterface}
-     * @returns {HTMLElement}
      */
     get target(): HTMLElement;
     /**
      * Trigger the `enter` transition on mount.
-     *
-     * @this {ScrollRevealInterface}
-     * @returns {void}
      */
-    mounted(this: ScrollRevealInterface): void;
+    mounted(): void;
 }
-export type ScrollRevealInterface = ScrollReveal & {
-    $refs: {
-        target?: HTMLElement;
-    };
-    $options: {
-        repeat: boolean;
-    };
-};
 export {};

package/atoms/ScrollReveal/ScrollReveal.js

@@ -1 +1,47 @@
-import{withMountWhenInView as i,useScroll as n}from"@studiometa/js-toolkit";import{Transition as t}from"../../primitives/index.js";class e extends i(t){static config={...t.config,name:"ScrollReveal",refs:["target"],options:{...t.config.options,enterKeep:{type:Boolean,default:!0},repeat:Boolean,intersectionObserver:{type:Object,default:()=>({threshold:[0,1]})}}};static scrollDirectionY="NONE";get target(){return this.$refs.target??this.$el}mounted(){if(!this.$options.repeat){this.enter(),this.$terminate();return}const r=n();r.has("ScrollRevealRepeat")||r.add("ScrollRevealRepeat",o=>{e.scrollDirectionY=o.direction.y}),e.scrollDirectionY!=="UP"&&this.enter()}}export{e as default};
+import { withMountWhenInView, useScroll } from "@studiometa/js-toolkit";
+import { Transition } from "../../primitives/index.js";
+class ScrollReveal extends withMountWhenInView(
+  Transition
+) {
+  static config = {
+    ...Transition.config,
+    name: "ScrollReveal",
+    refs: ["target"],
+    options: {
+      ...Transition.config.options,
+      enterKeep: {
+        type: Boolean,
+        default: true
+      },
+      repeat: Boolean,
+      intersectionObserver: {
+        type: Object,
+        default: () => ({ threshold: [0, 1] })
+      }
+    }
+  };
+  static scrollDirectionY = "NONE";
+  get target() {
+    return this.$refs.target ?? this.$el;
+  }
+  mounted() {
+    if (!this.$options.repeat) {
+      this.enter();
+      this.$terminate();
+      return;
+    }
+    const scroll = useScroll();
+    if (!scroll.has("ScrollRevealRepeat")) {
+      scroll.add("ScrollRevealRepeat", (props) => {
+        ScrollReveal.scrollDirectionY = props.direction.y;
+      });
+    }
+    if (ScrollReveal.scrollDirectionY !== "UP") {
+      this.enter();
+    }
+  }
+}
+export {
+  ScrollReveal
+};
+//# sourceMappingURL=ScrollReveal.js.map

package/atoms/ScrollReveal/ScrollReveal.js.map

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

package/atoms/ScrollReveal/index.cjs

@@ -1,13 +1,7 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __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))
@@ -16,14 +10,12 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __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/ScrollReveal/index.js
+// packages/ui/atoms/ScrollReveal/index.ts
 var ScrollReveal_exports = {};
-__export(ScrollReveal_exports, {
-  ScrollReveal: () => import_ScrollReveal.default
-});
 module.exports = __toCommonJS(ScrollReveal_exports);
-var import_ScrollReveal = __toESM(require("./ScrollReveal.cjs"), 1);
+__reExport(ScrollReveal_exports, require("./ScrollReveal.cjs"), module.exports);
 if (module.exports.default) module.exports = module.exports.default;
+//# sourceMappingURL=index.cjs.map

package/atoms/ScrollReveal/index.cjs.map

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

package/atoms/ScrollReveal/index.d.ts

@@ -1 +1 @@
-export { default as ScrollReveal } from "./ScrollReveal.js";
+export * from './ScrollReveal.js';

package/atoms/ScrollReveal/index.js

@@ -1 +1,2 @@
-import{default as a}from"./ScrollReveal.js";export{a as ScrollReveal};
+export * from "./ScrollReveal.js";
+//# sourceMappingURL=index.js.map

package/atoms/ScrollReveal/index.js.map

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

package/atoms/index.cjs

@@ -1,13 +1,7 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __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))
@@ -17,24 +11,18 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// packages/ui/atoms/index.js
+// packages/ui/atoms/index.ts
 var atoms_exports = {};
-__export(atoms_exports, {
-  AnchorScrollTo: () => import_AnchorScrollTo.default,
-  Cursor: () => import_Cursor.default,
-  LargeText: () => import_LargeText.default,
-  LazyInclude: () => import_LazyInclude.default
-});
 module.exports = __toCommonJS(atoms_exports);
+__reExport(atoms_exports, require("./AnchorScrollTo/index.cjs"), module.exports);
+__reExport(atoms_exports, require("./Cursor/index.cjs"), module.exports);
 __reExport(atoms_exports, require("./Figure/index.cjs"), module.exports);
+__reExport(atoms_exports, require("./LargeText/index.cjs"), module.exports);
+__reExport(atoms_exports, require("./LazyInclude/index.cjs"), module.exports);
 __reExport(atoms_exports, require("./Prefetch/index.cjs"), module.exports);
 __reExport(atoms_exports, require("./ScrollAnimation/index.cjs"), module.exports);
 __reExport(atoms_exports, require("./ScrollReveal/index.cjs"), module.exports);
-var import_AnchorScrollTo = __toESM(require("./AnchorScrollTo/AnchorScrollTo.cjs"), 1);
-var import_Cursor = __toESM(require("./Cursor/Cursor.cjs"), 1);
-var import_LargeText = __toESM(require("./LargeText/LargeText.cjs"), 1);
-var import_LazyInclude = __toESM(require("./LazyInclude/LazyInclude.cjs"), 1);
 if (module.exports.default) module.exports = module.exports.default;
+//# sourceMappingURL=index.cjs.map

package/atoms/index.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../packages/ui/atoms/index.ts"],
+  "sourcesContent": ["export * from './AnchorScrollTo/index.js';\nexport * from './Cursor/index.js';\nexport * from './Figure/index.js';\nexport * from './LargeText/index.js';\nexport * from './LazyInclude/index.js';\nexport * from './Prefetch/index.js';\nexport * from './ScrollAnimation/index.js';\nexport * from './ScrollReveal/index.js';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,0BAAc,uCAAd;AACA,0BAAc,+BADd;AAEA,0BAAc,+BAFd;AAGA,0BAAc,kCAHd;AAIA,0BAAc,oCAJd;AAKA,0BAAc,iCALd;AAMA,0BAAc,wCANd;AAOA,0BAAc,qCAPd;",
+  "names": []
+}

package/atoms/index.d.ts

@@ -1,8 +1,8 @@
-export * from "./Figure/index.js";
-export * from "./Prefetch/index.js";
-export * from "./ScrollAnimation/index.js";
-export * from "./ScrollReveal/index.js";
-export { default as AnchorScrollTo } from "./AnchorScrollTo/AnchorScrollTo.js";
-export { default as Cursor } from "./Cursor/Cursor.js";
-export { default as LargeText } from "./LargeText/LargeText.js";
-export { default as LazyInclude } from "./LazyInclude/LazyInclude.js";
+export * from './AnchorScrollTo/index.js';
+export * from './Cursor/index.js';
+export * from './Figure/index.js';
+export * from './LargeText/index.js';
+export * from './LazyInclude/index.js';
+export * from './Prefetch/index.js';
+export * from './ScrollAnimation/index.js';
+export * from './ScrollReveal/index.js';

package/atoms/index.js

@@ -1 +1,9 @@
-export*from"./Figure/index.js";export*from"./Prefetch/index.js";export*from"./ScrollAnimation/index.js";export*from"./ScrollReveal/index.js";import{default as x}from"./AnchorScrollTo/AnchorScrollTo.js";import{default as p}from"./Cursor/Cursor.js";import{default as u}from"./LargeText/LargeText.js";import{default as s}from"./LazyInclude/LazyInclude.js";export{x as AnchorScrollTo,p as Cursor,u as LargeText,s as LazyInclude};
+export * from "./AnchorScrollTo/index.js";
+export * from "./Cursor/index.js";
+export * from "./Figure/index.js";
+export * from "./LargeText/index.js";
+export * from "./LazyInclude/index.js";
+export * from "./Prefetch/index.js";
+export * from "./ScrollAnimation/index.js";
+export * from "./ScrollReveal/index.js";
+//# sourceMappingURL=index.js.map

package/atoms/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../packages/ui/atoms/index.ts"],
+  "sourcesContent": ["export * from './AnchorScrollTo/index.js';\nexport * from './Cursor/index.js';\nexport * from './Figure/index.js';\nexport * from './LargeText/index.js';\nexport * from './LazyInclude/index.js';\nexport * from './Prefetch/index.js';\nexport * from './ScrollAnimation/index.js';\nexport * from './ScrollReveal/index.js';\n"],
+  "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
+  "names": []
+}

package/decorators/index.cjs

@@ -1,13 +1,7 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __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))
@@ -16,14 +10,12 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// packages/ui/decorators/index.js
+// packages/ui/decorators/index.ts
 var decorators_exports = {};
-__export(decorators_exports, {
-  withTransition: () => import_withTransition.default
-});
 module.exports = __toCommonJS(decorators_exports);
-var import_withTransition = __toESM(require("./withTransition.cjs"), 1);
+__reExport(decorators_exports, require("./withTransition.cjs"), module.exports);
 if (module.exports.default) module.exports = module.exports.default;
+//# sourceMappingURL=index.cjs.map

package/decorators/index.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../packages/ui/decorators/index.ts"],
+  "sourcesContent": ["// eslint-disable-next-line import/prefer-default-export\nexport * from './withTransition.js';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;AAAA;AAAA;AACA,+BAAc,iCADd;",
+  "names": []
+}

package/decorators/index.d.ts

@@ -1 +1 @@
-export { default as withTransition } from "./withTransition.js";
+export * from './withTransition.js';

package/decorators/index.js

@@ -1 +1,2 @@
-import{default as i}from"./withTransition.js";export{i as withTransition};
+export * from "./withTransition.js";
+//# sourceMappingURL=index.js.map

package/decorators/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../packages/ui/decorators/index.ts"],
+  "sourcesContent": ["// eslint-disable-next-line import/prefer-default-export\nexport * from './withTransition.js';\n"],
+  "mappings": "AACA,cAAc;",
+  "names": []
+}

package/decorators/withTransition.cjs

@@ -16,16 +16,13 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// packages/ui/decorators/withTransition.js
+// packages/ui/decorators/withTransition.ts
 var withTransition_exports = {};
 __export(withTransition_exports, {
-  default: () => withTransition
+  withTransition: () => withTransition
 });
 module.exports = __toCommonJS(withTransition_exports);
 var import_utils = require("@studiometa/js-toolkit/utils");
-function delegateTransition(element, name, endMode) {
-  return (0, import_utils.isArray)(element) ? Promise.all(element.map((el) => (0, import_utils.transition)(el, name, endMode))) : (0, import_utils.transition)(element, name, endMode);
-}
 function withTransition(BaseClass) {
   class Transition extends BaseClass {
     static config = {
@@ -44,23 +41,32 @@ function withTransition(BaseClass) {
     get target() {
       return this.$el;
     }
-    enter(target) {
+    async enter(target) {
       const { enterFrom, enterActive, enterTo, enterKeep, leaveTo } = this.$options;
-      return delegateTransition(target ?? this.target, {
-        from: (leaveTo + " " + enterFrom).trim(),
-        active: enterActive,
-        to: enterTo
-      }, enterKeep && "keep");
+      await (0, import_utils.transition)(
+        target ?? this.target,
+        {
+          from: (leaveTo + " " + enterFrom).trim(),
+          active: enterActive,
+          to: enterTo
+        },
+        enterKeep && "keep"
+      );
     }
-    leave(target) {
+    async leave(target) {
       const { leaveFrom, leaveActive, leaveTo, leaveKeep, enterTo } = this.$options;
-      return delegateTransition(target ?? this.target, {
-        from: (enterTo + " " + leaveFrom).trim(),
-        active: leaveActive,
-        to: leaveTo
-      }, leaveKeep && "keep");
+      await (0, import_utils.transition)(
+        target ?? this.target,
+        {
+          from: (enterTo + " " + leaveFrom).trim(),
+          active: leaveActive,
+          to: leaveTo
+        },
+        leaveKeep && "keep"
+      );
     }
   }
   return Transition;
 }
 if (module.exports.default) module.exports = module.exports.default;
+//# sourceMappingURL=withTransition.cjs.map

package/decorators/withTransition.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../packages/ui/decorators/withTransition.ts"],
+  "sourcesContent": ["import { transition } from '@studiometa/js-toolkit/utils';\nimport type {\n  Base,\n  BaseDecorator,\n  BaseProps,\n  BaseConfig,\n  BaseInterface,\n} from '@studiometa/js-toolkit';\n\nexport interface TransitionProps extends BaseProps {\n  $options: {\n    enterFrom: string;\n    enterActive: string;\n    enterTo: string;\n    enterKeep: boolean;\n    leaveFrom: string;\n    leaveActive: string;\n    leaveTo: string;\n    leaveKeep: boolean;\n  };\n}\n\nexport interface TransitionInterface extends BaseInterface {\n  /**\n   * Get the transition target.\n   */\n  get target(): HTMLElement | HTMLElement[];\n  /**\n   * Trigger the enter transition.\n   */\n  enter(target?: HTMLElement | HTMLElement[]):Promise<void>;\n  /**\n   * Trigger the leave transition.\n   */\n  leave(target?: HTMLElement | HTMLElement[]):Promise<void>;\n}\n\n/**\n * Extend a class to add transition capabilities.\n */\nexport function withTransition<S extends Base>(\n  BaseClass: typeof Base,\n): BaseDecorator<TransitionInterface, S, TransitionProps> {\n  /**\n   * Class.\n   */\n  class Transition<T extends BaseProps = BaseProps> extends BaseClass<\n    T & TransitionProps\n  > {\n    /**\n     * Config.\n     */\n    static config: BaseConfig = {\n      name: 'Transition',\n      options: {\n        enterFrom: String,\n        enterActive: String,\n        enterTo: String,\n        enterKeep: Boolean,\n        leaveFrom: String,\n        leaveActive: String,\n        leaveTo: String,\n        leaveKeep: Boolean,\n      },\n    };\n\n    /**\n     * Get the transition target.\n     */\n    get target(): HTMLElement | HTMLElement[] {\n      return this.$el;\n    }\n\n    /**\n     * Trigger the enter transition.\n     */\n    async enter(target?: HTMLElement | HTMLElement[]): Promise<void> {\n      const { enterFrom, enterActive, enterTo, enterKeep, leaveTo } = this.$options;\n\n      await transition(\n        target ?? this.target,\n        {\n          // eslint-disable-next-line prefer-template\n          from: (leaveTo + ' ' + enterFrom).trim(),\n          active: enterActive as string,\n          to: enterTo as string,\n        },\n        enterKeep && 'keep',\n      );\n    }\n\n    /**\n     * Trigger the leave transition.\n     */\n    async leave(target?: HTMLElement | HTMLElement[]): Promise<void> {\n      const { leaveFrom, leaveActive, leaveTo, leaveKeep, enterTo } = this.$options;\n\n      await transition(\n        target ?? this.target,\n        {\n          // eslint-disable-next-line prefer-template\n          from: (enterTo + ' ' + leaveFrom).trim(),\n          active: leaveActive as string,\n          to: leaveTo as string,\n        },\n        leaveKeep && 'keep',\n      );\n    }\n  }\n\n  // @ts-ignore\n  return Transition;\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA2B;AAwCpB,SAAS,eACd,WACwD;AAIxD,QAAM,mBAAoD,UAExD;AAAA,IAIA,OAAO,SAAqB;AAAA,MAC1B,MAAM;AAAA,MACN,SAAS;AAAA,QACP,WAAW;AAAA,QACX,aAAa;AAAA,QACb,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,QACX,aAAa;AAAA,QACb,SAAS;AAAA,QACT,WAAW;AAAA,MACb;AAAA,IACF;AAAA,IAKA,IAAI,SAAsC;AACxC,aAAO,KAAK;AAAA,IACd;AAAA,IAKA,MAAM,MAAM,QAAqD;AAC/D,YAAM,EAAE,WAAW,aAAa,SAAS,WAAW,QAAQ,IAAI,KAAK;AAErE,gBAAM;AAAA,QACJ,UAAU,KAAK;AAAA,QACf;AAAA,UAEE,OAAO,UAAU,MAAM,WAAW,KAAK;AAAA,UACvC,QAAQ;AAAA,UACR,IAAI;AAAA,QACN;AAAA,QACA,aAAa;AAAA,MACf;AAAA,IACF;AAAA,IAKA,MAAM,MAAM,QAAqD;AAC/D,YAAM,EAAE,WAAW,aAAa,SAAS,WAAW,QAAQ,IAAI,KAAK;AAErE,gBAAM;AAAA,QACJ,UAAU,KAAK;AAAA,QACf;AAAA,UAEE,OAAO,UAAU,MAAM,WAAW,KAAK;AAAA,UACvC,QAAQ;AAAA,UACR,IAAI;AAAA,QACN;AAAA,QACA,aAAa;AAAA,MACf;AAAA,IACF;AAAA,EACF;AAGA,SAAO;AACT;",
+  "names": []
+}