@studiometa/ui 0.2.14 → 0.2.15

package/atoms/AnchorScrollTo/AnchorScrollTo.cjs

@@ -45,3 +45,4 @@ __publicField(AnchorScrollTo, "config", {
   name: "AnchorScrollTo"
 });
 if (module.exports.default) module.exports = module.exports.default;
+//# sourceMappingURL=AnchorScrollTo.cjs.map

package/atoms/AnchorScrollTo/AnchorScrollTo.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../packages/ui/atoms/AnchorScrollTo/AnchorScrollTo.ts"],
+  "sourcesContent": ["import { Base } from '@studiometa/js-toolkit';\nimport type { BaseProps, BaseConfig } from '@studiometa/js-toolkit';\nimport { scrollTo } from '@studiometa/js-toolkit/utils';\n\nexport interface AnchorScrollToProps extends BaseProps {\n  $el: HTMLAnchorElement;\n}\n\n/**\n * AncorScrollTo class.\n */\nexport class AnchorScrollTo<T extends BaseProps = BaseProps> extends Base<\n  AnchorScrollToProps & T\n> {\n  static config: BaseConfig = {\n    name: 'AnchorScrollTo',\n  };\n\n  /**\n   * Get the target selector.\n   *\n   * @returns {string}\n   */\n  get targetSelector() {\n    return this.$el.hash;\n  }\n\n  /**\n   * Scroll to the target selector on click.\n   *\n   * @param   {MouseEvent} event\n   * @returns {void}\n   */\n  onClick(event) {\n    try {\n      scrollTo(this.targetSelector);\n      event.preventDefault();\n    } catch {\n      // Silence is golden.\n    }\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAqB;AAErB,mBAAyB;AASlB,IAAM,iBAAN,cAA8D,uBAEnE;AAAA,EAUA,IAAI,iBAAiB;AACnB,WAAO,KAAK,IAAI;AAAA,EAClB;AAAA,EAQA,QAAQ,OAAO;AACb,QAAI;AACF,iCAAS,KAAK,cAAc;AAC5B,YAAM,eAAe;AAAA,IACvB,QAAE;AAAA,IAEF;AAAA,EACF;AACF;AA3BE,cAHW,gBAGJ,UAAqB;AAAA,EAC1B,MAAM;AACR;",
+  "names": []
+}

package/atoms/AnchorScrollTo/AnchorScrollTo.js

@@ -1,12 +1,9 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
 import { Base } from "@studiometa/js-toolkit";
 import { scrollTo } from "@studiometa/js-toolkit/utils";
 class AnchorScrollTo extends Base {
+  static config = {
+    name: "AnchorScrollTo"
+  };
   get targetSelector() {
     return this.$el.hash;
   }
@@ -18,9 +15,7 @@ class AnchorScrollTo extends Base {
     }
   }
 }
-__publicField(AnchorScrollTo, "config", {
-  name: "AnchorScrollTo"
-});
 export {
   AnchorScrollTo
 };
+//# sourceMappingURL=AnchorScrollTo.js.map

package/atoms/AnchorScrollTo/AnchorScrollTo.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../packages/ui/atoms/AnchorScrollTo/AnchorScrollTo.ts"],
+  "sourcesContent": ["import { Base } from '@studiometa/js-toolkit';\nimport type { BaseProps, BaseConfig } from '@studiometa/js-toolkit';\nimport { scrollTo } from '@studiometa/js-toolkit/utils';\n\nexport interface AnchorScrollToProps extends BaseProps {\n  $el: HTMLAnchorElement;\n}\n\n/**\n * AncorScrollTo class.\n */\nexport class AnchorScrollTo<T extends BaseProps = BaseProps> extends Base<\n  AnchorScrollToProps & T\n> {\n  static config: BaseConfig = {\n    name: 'AnchorScrollTo',\n  };\n\n  /**\n   * Get the target selector.\n   *\n   * @returns {string}\n   */\n  get targetSelector() {\n    return this.$el.hash;\n  }\n\n  /**\n   * Scroll to the target selector on click.\n   *\n   * @param   {MouseEvent} event\n   * @returns {void}\n   */\n  onClick(event) {\n    try {\n      scrollTo(this.targetSelector);\n      event.preventDefault();\n    } catch {\n      // Silence is golden.\n    }\n  }\n}\n"],
+  "mappings": "AAAA,SAAS,YAAY;AAErB,SAAS,gBAAgB;AASlB,MAAM,uBAAwD,KAEnE;AAAA,EACA,OAAO,SAAqB;AAAA,IAC1B,MAAM;AAAA,EACR;AAAA,EAOA,IAAI,iBAAiB;AACnB,WAAO,KAAK,IAAI;AAAA,EAClB;AAAA,EAQA,QAAQ,OAAO;AACb,QAAI;AACF,eAAS,KAAK,cAAc;AAC5B,YAAM,eAAe;AAAA,IACvB,QAAE;AAAA,IAEF;AAAA,EACF;AACF;",
+  "names": []
+}

package/atoms/AnchorScrollTo/index.cjs

@@ -18,3 +18,4 @@ var AnchorScrollTo_exports = {};
 module.exports = __toCommonJS(AnchorScrollTo_exports);
 __reExport(AnchorScrollTo_exports, require("./AnchorScrollTo.cjs"), module.exports);
 if (module.exports.default) module.exports = module.exports.default;
+//# sourceMappingURL=index.cjs.map

package/atoms/AnchorScrollTo/index.cjs.map

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

package/atoms/AnchorScrollTo/index.js

@@ -1 +1,2 @@
 export * from "./AnchorScrollTo.js";
+//# sourceMappingURL=index.js.map

package/atoms/AnchorScrollTo/index.js.map

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

package/atoms/Cursor/Cursor.cjs

@@ -30,15 +30,12 @@ module.exports = __toCommonJS(Cursor_exports);
 var import_js_toolkit = require("@studiometa/js-toolkit");
 var import_utils = require("@studiometa/js-toolkit/utils");
 var Cursor = class extends import_js_toolkit.Base {
-  constructor() {
-    super(...arguments);
-    __publicField(this, "x", 0);
-    __publicField(this, "y", 0);
-    __publicField(this, "scale", 0);
-    __publicField(this, "pointerX", 0);
-    __publicField(this, "pointerY", 0);
-    __publicField(this, "pointerScale", 0);
-  }
+  x = 0;
+  y = 0;
+  scale = 0;
+  pointerX = 0;
+  pointerY = 0;
+  pointerScale = 0;
   mounted() {
     this.x = 0;
     this.y = 0;
@@ -130,3 +127,4 @@ __publicField(Cursor, "config", {
   }
 });
 if (module.exports.default) module.exports = module.exports.default;
+//# sourceMappingURL=Cursor.cjs.map

package/atoms/Cursor/Cursor.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../packages/ui/atoms/Cursor/Cursor.ts"],
+  "sourcesContent": ["import { Base } from '@studiometa/js-toolkit';\nimport type { BaseConfig, PointerServiceProps, BaseProps } from '@studiometa/js-toolkit';\nimport { damp, matrix } from '@studiometa/js-toolkit/utils';\n\nexport interface CursorProps extends BaseProps {\n  $options: {\n    growSelectors: string;\n    shrinkSelectors: string;\n    scale: number;\n    growTo: number;\n    shrinkTo: number;\n    translateDampFactor: number;\n    growDampFactor: number;\n    shrinkDampFactor: number;\n  };\n}\n\n/**\n * Cursor class.\n */\nexport class Cursor<T extends BaseProps = BaseProps> extends Base<\n  CursorProps & T\n> {\n  static config: BaseConfig = {\n    name: 'Cursor',\n    options: {\n      growSelectors: {\n        type: String,\n        default: 'a, a *, button, button *, [data-cursor-grow], [data-cursor-grow] *',\n      },\n      shrinkSelectors: {\n        type: String,\n        default: '[data-cursor-shrink], [data-cursor-shrink] *',\n      },\n      scale: {\n        type: Number,\n        default: 1,\n      },\n      growTo: {\n        type: Number,\n        default: 2,\n      },\n      shrinkTo: {\n        type: Number,\n        default: 0.5,\n      },\n      translateDampFactor: {\n        type: Number,\n        default: 0.25,\n      },\n      growDampFactor: {\n        type: Number,\n        default: 0.25,\n      },\n      shrinkDampFactor: {\n        type: Number,\n        default: 0.25,\n      },\n    },\n  };\n\n  x = 0;\n\n  y = 0;\n\n  scale = 0;\n\n  pointerX = 0;\n\n  pointerY = 0;\n\n  pointerScale = 0;\n\n  /**\n   * Mounted hook.\n   */\n  mounted() {\n    this.x = 0;\n    this.y = 0;\n    this.scale = 0;\n    this.pointerX = 0;\n    this.pointerY = 0;\n    this.pointerScale = 0;\n    this.render({ x: this.x, y: this.y, scale: this.scale });\n  }\n\n  /**\n   * Moved hook.\n   */\n  moved({ event, x, y, isDown }: PointerServiceProps) {\n    if (!this.$services.has('ticked')) {\n      this.$services.enable('ticked');\n    }\n\n    this.pointerX = x;\n    this.pointerY = y;\n\n    let { scale } = this.$options;\n\n    if (!event) {\n      this.pointerScale = scale;\n      return;\n    }\n\n    const shouldGrow =\n      (event.target instanceof Element && event.target.matches(this.$options.growSelectors)) ||\n      false;\n    const shouldReduce =\n      isDown ||\n      (event.target instanceof Element && event.target.matches(this.$options.shrinkSelectors)) ||\n      false;\n\n    if (shouldGrow) {\n      scale = this.$options.growTo;\n    }\n\n    if (shouldReduce) {\n      scale = this.$options.shrinkTo;\n    }\n\n    this.pointerScale = scale;\n  }\n\n  /**\n   * RequestAnimationFrame hook.\n   */\n  ticked() {\n    this.x = damp(this.pointerX, this.x, this.$options.translateDampFactor);\n    this.y = damp(this.pointerY, this.y, this.$options.translateDampFactor);\n    this.scale = damp(\n      this.pointerScale,\n      this.scale,\n      this.pointerScale < this.scale\n        ? this.$options.shrinkDampFactor\n        : this.$options.growDampFactor,\n    );\n\n    this.render({ x: this.x, y: this.y, scale: this.scale });\n\n    if (this.x === this.pointerX && this.y === this.pointerY && this.scale === this.pointerScale) {\n      this.$services.disable('ticked');\n    }\n  }\n\n  /**\n   * Render the cursor.\n   */\n  render({ x, y, scale }: { x: number; y: number; scale: number }) {\n    const transform = matrix({\n      translateX: x,\n      translateY: y,\n      scaleX: scale,\n      scaleY: scale,\n    });\n    this.$el.style.transform = `translateZ(0) ${transform}`;\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/atoms/Cursor/Cursor.js

@@ -1,21 +1,49 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
 import { Base } from "@studiometa/js-toolkit";
 import { damp, matrix } from "@studiometa/js-toolkit/utils";
 class Cursor extends Base {
-  constructor() {
-    super(...arguments);
-    __publicField(this, "x", 0);
-    __publicField(this, "y", 0);
-    __publicField(this, "scale", 0);
-    __publicField(this, "pointerX", 0);
-    __publicField(this, "pointerY", 0);
-    __publicField(this, "pointerScale", 0);
-  }
+  static config = {
+    name: "Cursor",
+    options: {
+      growSelectors: {
+        type: String,
+        default: "a, a *, button, button *, [data-cursor-grow], [data-cursor-grow] *"
+      },
+      shrinkSelectors: {
+        type: String,
+        default: "[data-cursor-shrink], [data-cursor-shrink] *"
+      },
+      scale: {
+        type: Number,
+        default: 1
+      },
+      growTo: {
+        type: Number,
+        default: 2
+      },
+      shrinkTo: {
+        type: Number,
+        default: 0.5
+      },
+      translateDampFactor: {
+        type: Number,
+        default: 0.25
+      },
+      growDampFactor: {
+        type: Number,
+        default: 0.25
+      },
+      shrinkDampFactor: {
+        type: Number,
+        default: 0.25
+      }
+    }
+  };
+  x = 0;
+  y = 0;
+  scale = 0;
+  pointerX = 0;
+  pointerY = 0;
+  pointerScale = 0;
   mounted() {
     this.x = 0;
     this.y = 0;
@@ -69,43 +97,7 @@ class Cursor extends Base {
     this.$el.style.transform = `translateZ(0) ${transform}`;
   }
 }
-__publicField(Cursor, "config", {
-  name: "Cursor",
-  options: {
-    growSelectors: {
-      type: String,
-      default: "a, a *, button, button *, [data-cursor-grow], [data-cursor-grow] *"
-    },
-    shrinkSelectors: {
-      type: String,
-      default: "[data-cursor-shrink], [data-cursor-shrink] *"
-    },
-    scale: {
-      type: Number,
-      default: 1
-    },
-    growTo: {
-      type: Number,
-      default: 2
-    },
-    shrinkTo: {
-      type: Number,
-      default: 0.5
-    },
-    translateDampFactor: {
-      type: Number,
-      default: 0.25
-    },
-    growDampFactor: {
-      type: Number,
-      default: 0.25
-    },
-    shrinkDampFactor: {
-      type: Number,
-      default: 0.25
-    }
-  }
-});
 export {
   Cursor
 };
+//# sourceMappingURL=Cursor.js.map

package/atoms/Cursor/Cursor.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../packages/ui/atoms/Cursor/Cursor.ts"],
+  "sourcesContent": ["import { Base } from '@studiometa/js-toolkit';\nimport type { BaseConfig, PointerServiceProps, BaseProps } from '@studiometa/js-toolkit';\nimport { damp, matrix } from '@studiometa/js-toolkit/utils';\n\nexport interface CursorProps extends BaseProps {\n  $options: {\n    growSelectors: string;\n    shrinkSelectors: string;\n    scale: number;\n    growTo: number;\n    shrinkTo: number;\n    translateDampFactor: number;\n    growDampFactor: number;\n    shrinkDampFactor: number;\n  };\n}\n\n/**\n * Cursor class.\n */\nexport class Cursor<T extends BaseProps = BaseProps> extends Base<\n  CursorProps & T\n> {\n  static config: BaseConfig = {\n    name: 'Cursor',\n    options: {\n      growSelectors: {\n        type: String,\n        default: 'a, a *, button, button *, [data-cursor-grow], [data-cursor-grow] *',\n      },\n      shrinkSelectors: {\n        type: String,\n        default: '[data-cursor-shrink], [data-cursor-shrink] *',\n      },\n      scale: {\n        type: Number,\n        default: 1,\n      },\n      growTo: {\n        type: Number,\n        default: 2,\n      },\n      shrinkTo: {\n        type: Number,\n        default: 0.5,\n      },\n      translateDampFactor: {\n        type: Number,\n        default: 0.25,\n      },\n      growDampFactor: {\n        type: Number,\n        default: 0.25,\n      },\n      shrinkDampFactor: {\n        type: Number,\n        default: 0.25,\n      },\n    },\n  };\n\n  x = 0;\n\n  y = 0;\n\n  scale = 0;\n\n  pointerX = 0;\n\n  pointerY = 0;\n\n  pointerScale = 0;\n\n  /**\n   * Mounted hook.\n   */\n  mounted() {\n    this.x = 0;\n    this.y = 0;\n    this.scale = 0;\n    this.pointerX = 0;\n    this.pointerY = 0;\n    this.pointerScale = 0;\n    this.render({ x: this.x, y: this.y, scale: this.scale });\n  }\n\n  /**\n   * Moved hook.\n   */\n  moved({ event, x, y, isDown }: PointerServiceProps) {\n    if (!this.$services.has('ticked')) {\n      this.$services.enable('ticked');\n    }\n\n    this.pointerX = x;\n    this.pointerY = y;\n\n    let { scale } = this.$options;\n\n    if (!event) {\n      this.pointerScale = scale;\n      return;\n    }\n\n    const shouldGrow =\n      (event.target instanceof Element && event.target.matches(this.$options.growSelectors)) ||\n      false;\n    const shouldReduce =\n      isDown ||\n      (event.target instanceof Element && event.target.matches(this.$options.shrinkSelectors)) ||\n      false;\n\n    if (shouldGrow) {\n      scale = this.$options.growTo;\n    }\n\n    if (shouldReduce) {\n      scale = this.$options.shrinkTo;\n    }\n\n    this.pointerScale = scale;\n  }\n\n  /**\n   * RequestAnimationFrame hook.\n   */\n  ticked() {\n    this.x = damp(this.pointerX, this.x, this.$options.translateDampFactor);\n    this.y = damp(this.pointerY, this.y, this.$options.translateDampFactor);\n    this.scale = damp(\n      this.pointerScale,\n      this.scale,\n      this.pointerScale < this.scale\n        ? this.$options.shrinkDampFactor\n        : this.$options.growDampFactor,\n    );\n\n    this.render({ x: this.x, y: this.y, scale: this.scale });\n\n    if (this.x === this.pointerX && this.y === this.pointerY && this.scale === this.pointerScale) {\n      this.$services.disable('ticked');\n    }\n  }\n\n  /**\n   * Render the cursor.\n   */\n  render({ x, y, scale }: { x: number; y: number; scale: number }) {\n    const transform = matrix({\n      translateX: x,\n      translateY: y,\n      scaleX: scale,\n      scaleY: scale,\n    });\n    this.$el.style.transform = `translateZ(0) ${transform}`;\n  }\n}\n"],
+  "mappings": "AAAA,SAAS,YAAY;AAErB,SAAS,MAAM,cAAc;AAkBtB,MAAM,eAAgD,KAE3D;AAAA,EACA,OAAO,SAAqB;AAAA,IAC1B,MAAM;AAAA,IACN,SAAS;AAAA,MACP,eAAe;AAAA,QACb,MAAM;AAAA,QACN,SAAS;AAAA,MACX;AAAA,MACA,iBAAiB;AAAA,QACf,MAAM;AAAA,QACN,SAAS;AAAA,MACX;AAAA,MACA,OAAO;AAAA,QACL,MAAM;AAAA,QACN,SAAS;AAAA,MACX;AAAA,MACA,QAAQ;AAAA,QACN,MAAM;AAAA,QACN,SAAS;AAAA,MACX;AAAA,MACA,UAAU;AAAA,QACR,MAAM;AAAA,QACN,SAAS;AAAA,MACX;AAAA,MACA,qBAAqB;AAAA,QACnB,MAAM;AAAA,QACN,SAAS;AAAA,MACX;AAAA,MACA,gBAAgB;AAAA,QACd,MAAM;AAAA,QACN,SAAS;AAAA,MACX;AAAA,MACA,kBAAkB;AAAA,QAChB,MAAM;AAAA,QACN,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AAAA,EAEA,IAAI;AAAA,EAEJ,IAAI;AAAA,EAEJ,QAAQ;AAAA,EAER,WAAW;AAAA,EAEX,WAAW;AAAA,EAEX,eAAe;AAAA,EAKf,UAAU;AACR,SAAK,IAAI;AACT,SAAK,IAAI;AACT,SAAK,QAAQ;AACb,SAAK,WAAW;AAChB,SAAK,WAAW;AAChB,SAAK,eAAe;AACpB,SAAK,OAAO,EAAE,GAAG,KAAK,GAAG,GAAG,KAAK,GAAG,OAAO,KAAK,MAAM,CAAC;AAAA,EACzD;AAAA,EAKA,MAAM,EAAE,OAAO,GAAG,GAAG,OAAO,GAAwB;AAClD,QAAI,CAAC,KAAK,UAAU,IAAI,QAAQ,GAAG;AACjC,WAAK,UAAU,OAAO,QAAQ;AAAA,IAChC;AAEA,SAAK,WAAW;AAChB,SAAK,WAAW;AAEhB,QAAI,EAAE,MAAM,IAAI,KAAK;AAErB,QAAI,CAAC,OAAO;AACV,WAAK,eAAe;AACpB;AAAA,IACF;AAEA,UAAM,aACH,MAAM,kBAAkB,WAAW,MAAM,OAAO,QAAQ,KAAK,SAAS,aAAa,KACpF;AACF,UAAM,eACJ,UACC,MAAM,kBAAkB,WAAW,MAAM,OAAO,QAAQ,KAAK,SAAS,eAAe,KACtF;AAEF,QAAI,YAAY;AACd,cAAQ,KAAK,SAAS;AAAA,IACxB;AAEA,QAAI,cAAc;AAChB,cAAQ,KAAK,SAAS;AAAA,IACxB;AAEA,SAAK,eAAe;AAAA,EACtB;AAAA,EAKA,SAAS;AACP,SAAK,IAAI,KAAK,KAAK,UAAU,KAAK,GAAG,KAAK,SAAS,mBAAmB;AACtE,SAAK,IAAI,KAAK,KAAK,UAAU,KAAK,GAAG,KAAK,SAAS,mBAAmB;AACtE,SAAK,QAAQ;AAAA,MACX,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK,eAAe,KAAK,QACrB,KAAK,SAAS,mBACd,KAAK,SAAS;AAAA,IACpB;AAEA,SAAK,OAAO,EAAE,GAAG,KAAK,GAAG,GAAG,KAAK,GAAG,OAAO,KAAK,MAAM,CAAC;AAEvD,QAAI,KAAK,MAAM,KAAK,YAAY,KAAK,MAAM,KAAK,YAAY,KAAK,UAAU,KAAK,cAAc;AAC5F,WAAK,UAAU,QAAQ,QAAQ;AAAA,IACjC;AAAA,EACF;AAAA,EAKA,OAAO,EAAE,GAAG,GAAG,MAAM,GAA4C;AAC/D,UAAM,YAAY,OAAO;AAAA,MACvB,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR,QAAQ;AAAA,IACV,CAAC;AACD,SAAK,IAAI,MAAM,YAAY,iBAAiB;AAAA,EAC9C;AACF;",
+  "names": []
+}

package/atoms/Cursor/index.cjs

@@ -18,3 +18,4 @@ var Cursor_exports = {};
 module.exports = __toCommonJS(Cursor_exports);
 __reExport(Cursor_exports, require("./Cursor.cjs"), module.exports);
 if (module.exports.default) module.exports = module.exports.default;
+//# sourceMappingURL=index.cjs.map

package/atoms/Cursor/index.cjs.map

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

package/atoms/Cursor/index.js

@@ -1 +1,2 @@
 export * from "./Cursor.js";
+//# sourceMappingURL=index.js.map

package/atoms/Cursor/index.js.map

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

package/atoms/Figure/Figure.cjs

@@ -75,3 +75,4 @@ __publicField(Figure, "config", {
   }
 });
 if (module.exports.default) module.exports = module.exports.default;
+//# sourceMappingURL=Figure.cjs.map

package/atoms/Figure/Figure.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../packages/ui/atoms/Figure/Figure.ts"],
+  "sourcesContent": ["import { withMountWhenInView } from '@studiometa/js-toolkit';\nimport type { BaseConfig, BaseProps } from '@studiometa/js-toolkit';\nimport { Transition } from '../../primitives/index.js';\n\nexport interface FigureProps extends BaseProps {\n  $refs: {\n    img: HTMLImageElement;\n  };\n  $options: {\n    lazy: boolean;\n  };\n}\n\n/**\n * Figure class.\n */\nexport class Figure<T extends BaseProps = BaseProps> extends withMountWhenInView<Transition>(Transition, {\n  threshold: [0, 1],\n})<T & FigureProps> {\n  /**\n   * Config.\n   */\n  static config: BaseConfig = {\n    ...Transition.config,\n    name: 'Figure',\n    refs: ['img'],\n    options: {\n      ...Transition.config.options,\n      lazy: Boolean,\n    },\n  };\n\n  /**\n   * Get the transition target.\n   */\n  get target() {\n    return this.$refs.img;\n  }\n\n  /**\n   * Get the image source.\n   */\n  get src() {\n    return this.$refs.img.src;\n  }\n\n  /**\n   * Set the image source.\n   */\n  set src(value:string) {\n    this.$refs.img.src = value;\n  }\n\n  /**\n   * Load on mount.\n   */\n  mounted() {\n    const { img } = this.$refs;\n\n    if (!img) {\n      throw new Error('[Figure] The `img` ref is required.');\n    }\n\n    if (!(img instanceof HTMLImageElement)) {\n      throw new Error('[Figure] The `img` ref must be an `<img>` element.');\n    }\n\n    const { src } = img.dataset;\n\n    if (this.$options.lazy && src && src !== this.src) {\n      let tempImg = new Image();\n      tempImg.addEventListener(\n        'load',\n        async () => {\n          this.src = src;\n          tempImg = null;\n          this.enter();\n        },\n        { once: true },\n      );\n      tempImg.src = src;\n    }\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAoC;AAEpC,wBAA2B;AAcpB,IAAM,SAAN,kBAAsD,uCAAgC,8BAAY;AAAA,EACvG,WAAW,CAAC,GAAG,CAAC;AAClB,CAAC,EAAmB;AAAA,EAiBlB,IAAI,SAAS;AACX,WAAO,KAAK,MAAM;AAAA,EACpB;AAAA,EAKA,IAAI,MAAM;AACR,WAAO,KAAK,MAAM,IAAI;AAAA,EACxB;AAAA,EAKA,IAAI,IAAI,OAAc;AACpB,SAAK,MAAM,IAAI,MAAM;AAAA,EACvB;AAAA,EAKA,UAAU;AACR,UAAM,EAAE,IAAI,IAAI,KAAK;AAErB,QAAI,CAAC,KAAK;AACR,YAAM,IAAI,MAAM,qCAAqC;AAAA,IACvD;AAEA,QAAI,EAAE,eAAe,mBAAmB;AACtC,YAAM,IAAI,MAAM,oDAAoD;AAAA,IACtE;AAEA,UAAM,EAAE,IAAI,IAAI,IAAI;AAEpB,QAAI,KAAK,SAAS,QAAQ,OAAO,QAAQ,KAAK,KAAK;AACjD,UAAI,UAAU,IAAI,MAAM;AACxB,cAAQ;AAAA,QACN;AAAA,QACA,YAAY;AACV,eAAK,MAAM;AACX,oBAAU;AACV,eAAK,MAAM;AAAA,QACb;AAAA,QACA,EAAE,MAAM,KAAK;AAAA,MACf;AACA,cAAQ,MAAM;AAAA,IAChB;AAAA,EACF;AACF;AA7DE,cANW,QAMJ,UAAqB;AAAA,EAC1B,GAAG,6BAAW;AAAA,EACd,MAAM;AAAA,EACN,MAAM,CAAC,KAAK;AAAA,EACZ,SAAS;AAAA,IACP,GAAG,6BAAW,OAAO;AAAA,IACrB,MAAM;AAAA,EACR;AACF;",
+  "names": []
+}

package/atoms/Figure/Figure.js

@@ -1,14 +1,17 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
 import { withMountWhenInView } from "@studiometa/js-toolkit";
 import { Transition } from "../../primitives/index.js";
 class Figure extends withMountWhenInView(Transition, {
   threshold: [0, 1]
 }) {
+  static config = {
+    ...Transition.config,
+    name: "Figure",
+    refs: ["img"],
+    options: {
+      ...Transition.config.options,
+      lazy: Boolean
+    }
+  };
   get target() {
     return this.$refs.img;
   }
@@ -42,15 +45,7 @@ class Figure extends withMountWhenInView(Transition, {
     }
   }
 }
-__publicField(Figure, "config", {
-  ...Transition.config,
-  name: "Figure",
-  refs: ["img"],
-  options: {
-    ...Transition.config.options,
-    lazy: Boolean
-  }
-});
 export {
   Figure
 };
+//# sourceMappingURL=Figure.js.map

package/atoms/Figure/Figure.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../packages/ui/atoms/Figure/Figure.ts"],
+  "sourcesContent": ["import { withMountWhenInView } from '@studiometa/js-toolkit';\nimport type { BaseConfig, BaseProps } from '@studiometa/js-toolkit';\nimport { Transition } from '../../primitives/index.js';\n\nexport interface FigureProps extends BaseProps {\n  $refs: {\n    img: HTMLImageElement;\n  };\n  $options: {\n    lazy: boolean;\n  };\n}\n\n/**\n * Figure class.\n */\nexport class Figure<T extends BaseProps = BaseProps> extends withMountWhenInView<Transition>(Transition, {\n  threshold: [0, 1],\n})<T & FigureProps> {\n  /**\n   * Config.\n   */\n  static config: BaseConfig = {\n    ...Transition.config,\n    name: 'Figure',\n    refs: ['img'],\n    options: {\n      ...Transition.config.options,\n      lazy: Boolean,\n    },\n  };\n\n  /**\n   * Get the transition target.\n   */\n  get target() {\n    return this.$refs.img;\n  }\n\n  /**\n   * Get the image source.\n   */\n  get src() {\n    return this.$refs.img.src;\n  }\n\n  /**\n   * Set the image source.\n   */\n  set src(value:string) {\n    this.$refs.img.src = value;\n  }\n\n  /**\n   * Load on mount.\n   */\n  mounted() {\n    const { img } = this.$refs;\n\n    if (!img) {\n      throw new Error('[Figure] The `img` ref is required.');\n    }\n\n    if (!(img instanceof HTMLImageElement)) {\n      throw new Error('[Figure] The `img` ref must be an `<img>` element.');\n    }\n\n    const { src } = img.dataset;\n\n    if (this.$options.lazy && src && src !== this.src) {\n      let tempImg = new Image();\n      tempImg.addEventListener(\n        'load',\n        async () => {\n          this.src = src;\n          tempImg = null;\n          this.enter();\n        },\n        { once: true },\n      );\n      tempImg.src = src;\n    }\n  }\n}\n"],
+  "mappings": "AAAA,SAAS,2BAA2B;AAEpC,SAAS,kBAAkB;AAcpB,MAAM,eAAgD,oBAAgC,YAAY;AAAA,EACvG,WAAW,CAAC,GAAG,CAAC;AAClB,CAAC,EAAmB;AAAA,EAIlB,OAAO,SAAqB;AAAA,IAC1B,GAAG,WAAW;AAAA,IACd,MAAM;AAAA,IACN,MAAM,CAAC,KAAK;AAAA,IACZ,SAAS;AAAA,MACP,GAAG,WAAW,OAAO;AAAA,MACrB,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EAKA,IAAI,SAAS;AACX,WAAO,KAAK,MAAM;AAAA,EACpB;AAAA,EAKA,IAAI,MAAM;AACR,WAAO,KAAK,MAAM,IAAI;AAAA,EACxB;AAAA,EAKA,IAAI,IAAI,OAAc;AACpB,SAAK,MAAM,IAAI,MAAM;AAAA,EACvB;AAAA,EAKA,UAAU;AACR,UAAM,EAAE,IAAI,IAAI,KAAK;AAErB,QAAI,CAAC,KAAK;AACR,YAAM,IAAI,MAAM,qCAAqC;AAAA,IACvD;AAEA,QAAI,EAAE,eAAe,mBAAmB;AACtC,YAAM,IAAI,MAAM,oDAAoD;AAAA,IACtE;AAEA,UAAM,EAAE,IAAI,IAAI,IAAI;AAEpB,QAAI,KAAK,SAAS,QAAQ,OAAO,QAAQ,KAAK,KAAK;AACjD,UAAI,UAAU,IAAI,MAAM;AACxB,cAAQ;AAAA,QACN;AAAA,QACA,YAAY;AACV,eAAK,MAAM;AACX,oBAAU;AACV,eAAK,MAAM;AAAA,QACb;AAAA,QACA,EAAE,MAAM,KAAK;AAAA,MACf;AACA,cAAQ,MAAM;AAAA,IAChB;AAAA,EACF;AACF;",
+  "names": []
+}

package/atoms/Figure/FigureTwicPics.cjs

@@ -70,3 +70,4 @@ __publicField(FigureTwicPics, "config", {
   }
 });
 if (module.exports.default) module.exports = module.exports.default;
+//# sourceMappingURL=FigureTwicPics.cjs.map

package/atoms/Figure/FigureTwicPics.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../packages/ui/atoms/Figure/FigureTwicPics.ts"],
+  "sourcesContent": ["import type { BaseConfig, BaseProps } from '@studiometa/js-toolkit';\nimport { Figure } from './Figure.js';\n\nexport interface FigureTwicPicsProps extends BaseProps {\n  $options: {\n    transform: string;\n    step: number;\n    mode: string;\n  };\n}\n\n/**\n * Normalize the given size to the step option.\n */\n// eslint-disable-next-line no-use-before-define\nfunction normalizeSize(that:FigureTwicPics, prop:string):number {\n  const { step } = that.$options;\n  return Math.ceil(that.$refs.img[prop] / step) * step;\n}\n\n/**\n * Figure class.\n *\n * Manager lazyloading image sources.\n */\nexport class FigureTwicPics<T extends BaseProps = BaseProps> extends Figure<T & FigureTwicPicsProps> {\n  /**\n   * Config.\n   */\n  static config: BaseConfig = {\n    ...Figure.config,\n    name: 'FigureTwicPics',\n    options: {\n      ...Figure.config.options,\n      transform: String,\n      step: {\n        type: Number,\n        default: 50,\n      },\n      mode: {\n        type: String,\n        default: 'cover',\n      },\n    },\n  };\n\n  /**\n   * Get the TwicPics domain.\n   */\n  get domain():string {\n    const url = new URL(this.$refs.img.dataset.src);\n    return url.host;\n  }\n\n  /**\n   * Add TwicPics transforms and domain to the URL.\n   */\n  set src(value:string) {\n    const url = new URL(value, window.location.origin);\n    url.host = this.domain;\n\n    const width = normalizeSize(this, 'offsetWidth');\n    const height = normalizeSize(this, 'offsetHeight');\n\n    url.searchParams.set(\n      'twic',\n      ['v1', this.$options.transform, `${this.$options.mode}=${width}x${height}`]\n        .filter(Boolean)\n        .join('/'),\n    );\n\n    url.search = decodeURIComponent(url.search);\n\n    super.src = url.toString();\n  }\n\n  /**\n   * Reassign the source from the original on resized.\n   */\n  resized() {\n    this.src = this.$refs.img.dataset.src;\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,oBAAuB;AAcvB,SAAS,cAAc,MAAqB,MAAoB;AAC9D,QAAM,EAAE,KAAK,IAAI,KAAK;AACtB,SAAO,KAAK,KAAK,KAAK,MAAM,IAAI,QAAQ,IAAI,IAAI;AAClD;AAOO,IAAM,iBAAN,cAA8D,qBAAgC;AAAA,EAwBnG,IAAI,SAAgB;AAClB,UAAM,MAAM,IAAI,IAAI,KAAK,MAAM,IAAI,QAAQ,GAAG;AAC9C,WAAO,IAAI;AAAA,EACb;AAAA,EAKA,IAAI,IAAI,OAAc;AACpB,UAAM,MAAM,IAAI,IAAI,OAAO,OAAO,SAAS,MAAM;AACjD,QAAI,OAAO,KAAK;AAEhB,UAAM,QAAQ,cAAc,MAAM,aAAa;AAC/C,UAAM,SAAS,cAAc,MAAM,cAAc;AAEjD,QAAI,aAAa;AAAA,MACf;AAAA,MACA,CAAC,MAAM,KAAK,SAAS,WAAW,GAAG,KAAK,SAAS,QAAQ,SAAS,QAAQ,EACvE,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,IACb;AAEA,QAAI,SAAS,mBAAmB,IAAI,MAAM;AAE1C,UAAM,MAAM,IAAI,SAAS;AAAA,EAC3B;AAAA,EAKA,UAAU;AACR,SAAK,MAAM,KAAK,MAAM,IAAI,QAAQ;AAAA,EACpC;AACF;AArDE,cAJW,gBAIJ,UAAqB;AAAA,EAC1B,GAAG,qBAAO;AAAA,EACV,MAAM;AAAA,EACN,SAAS;AAAA,IACP,GAAG,qBAAO,OAAO;AAAA,IACjB,WAAW;AAAA,IACX,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IACA,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AACF;",
+  "names": []
+}

package/atoms/Figure/FigureTwicPics.js

@@ -1,15 +1,25 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
 import { Figure } from "./Figure.js";
 function normalizeSize(that, prop) {
   const { step } = that.$options;
   return Math.ceil(that.$refs.img[prop] / step) * step;
 }
 class FigureTwicPics extends Figure {
+  static config = {
+    ...Figure.config,
+    name: "FigureTwicPics",
+    options: {
+      ...Figure.config.options,
+      transform: String,
+      step: {
+        type: Number,
+        default: 50
+      },
+      mode: {
+        type: String,
+        default: "cover"
+      }
+    }
+  };
   get domain() {
     const url = new URL(this.$refs.img.dataset.src);
     return url.host;
@@ -30,22 +40,7 @@ class FigureTwicPics extends Figure {
     this.src = this.$refs.img.dataset.src;
   }
 }
-__publicField(FigureTwicPics, "config", {
-  ...Figure.config,
-  name: "FigureTwicPics",
-  options: {
-    ...Figure.config.options,
-    transform: String,
-    step: {
-      type: Number,
-      default: 50
-    },
-    mode: {
-      type: String,
-      default: "cover"
-    }
-  }
-});
 export {
   FigureTwicPics
 };
+//# sourceMappingURL=FigureTwicPics.js.map

package/atoms/Figure/FigureTwicPics.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../packages/ui/atoms/Figure/FigureTwicPics.ts"],
+  "sourcesContent": ["import type { BaseConfig, BaseProps } from '@studiometa/js-toolkit';\nimport { Figure } from './Figure.js';\n\nexport interface FigureTwicPicsProps extends BaseProps {\n  $options: {\n    transform: string;\n    step: number;\n    mode: string;\n  };\n}\n\n/**\n * Normalize the given size to the step option.\n */\n// eslint-disable-next-line no-use-before-define\nfunction normalizeSize(that:FigureTwicPics, prop:string):number {\n  const { step } = that.$options;\n  return Math.ceil(that.$refs.img[prop] / step) * step;\n}\n\n/**\n * Figure class.\n *\n * Manager lazyloading image sources.\n */\nexport class FigureTwicPics<T extends BaseProps = BaseProps> extends Figure<T & FigureTwicPicsProps> {\n  /**\n   * Config.\n   */\n  static config: BaseConfig = {\n    ...Figure.config,\n    name: 'FigureTwicPics',\n    options: {\n      ...Figure.config.options,\n      transform: String,\n      step: {\n        type: Number,\n        default: 50,\n      },\n      mode: {\n        type: String,\n        default: 'cover',\n      },\n    },\n  };\n\n  /**\n   * Get the TwicPics domain.\n   */\n  get domain():string {\n    const url = new URL(this.$refs.img.dataset.src);\n    return url.host;\n  }\n\n  /**\n   * Add TwicPics transforms and domain to the URL.\n   */\n  set src(value:string) {\n    const url = new URL(value, window.location.origin);\n    url.host = this.domain;\n\n    const width = normalizeSize(this, 'offsetWidth');\n    const height = normalizeSize(this, 'offsetHeight');\n\n    url.searchParams.set(\n      'twic',\n      ['v1', this.$options.transform, `${this.$options.mode}=${width}x${height}`]\n        .filter(Boolean)\n        .join('/'),\n    );\n\n    url.search = decodeURIComponent(url.search);\n\n    super.src = url.toString();\n  }\n\n  /**\n   * Reassign the source from the original on resized.\n   */\n  resized() {\n    this.src = this.$refs.img.dataset.src;\n  }\n}\n"],
+  "mappings": "AACA,SAAS,cAAc;AAcvB,SAAS,cAAc,MAAqB,MAAoB;AAC9D,QAAM,EAAE,KAAK,IAAI,KAAK;AACtB,SAAO,KAAK,KAAK,KAAK,MAAM,IAAI,QAAQ,IAAI,IAAI;AAClD;AAOO,MAAM,uBAAwD,OAAgC;AAAA,EAInG,OAAO,SAAqB;AAAA,IAC1B,GAAG,OAAO;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA,MACP,GAAG,OAAO,OAAO;AAAA,MACjB,WAAW;AAAA,MACX,MAAM;AAAA,QACJ,MAAM;AAAA,QACN,SAAS;AAAA,MACX;AAAA,MACA,MAAM;AAAA,QACJ,MAAM;AAAA,QACN,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AAAA,EAKA,IAAI,SAAgB;AAClB,UAAM,MAAM,IAAI,IAAI,KAAK,MAAM,IAAI,QAAQ,GAAG;AAC9C,WAAO,IAAI;AAAA,EACb;AAAA,EAKA,IAAI,IAAI,OAAc;AACpB,UAAM,MAAM,IAAI,IAAI,OAAO,OAAO,SAAS,MAAM;AACjD,QAAI,OAAO,KAAK;AAEhB,UAAM,QAAQ,cAAc,MAAM,aAAa;AAC/C,UAAM,SAAS,cAAc,MAAM,cAAc;AAEjD,QAAI,aAAa;AAAA,MACf;AAAA,MACA,CAAC,MAAM,KAAK,SAAS,WAAW,GAAG,KAAK,SAAS,QAAQ,SAAS,QAAQ,EACvE,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,IACb;AAEA,QAAI,SAAS,mBAAmB,IAAI,MAAM;AAE1C,UAAM,MAAM,IAAI,SAAS;AAAA,EAC3B;AAAA,EAKA,UAAU;AACR,SAAK,MAAM,KAAK,MAAM,IAAI,QAAQ;AAAA,EACpC;AACF;",
+  "names": []
+}

package/atoms/Figure/index.cjs

@@ -19,3 +19,4 @@ module.exports = __toCommonJS(Figure_exports);
 __reExport(Figure_exports, require("./Figure.cjs"), module.exports);
 __reExport(Figure_exports, require("./FigureTwicPics.cjs"), module.exports);
 if (module.exports.default) module.exports = module.exports.default;
+//# sourceMappingURL=index.cjs.map

package/atoms/Figure/index.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../packages/ui/atoms/Figure/index.ts"],
+  "sourcesContent": ["export * from './Figure.js';\nexport * from './FigureTwicPics.js';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,2BAAc,yBAAd;AACA,2BAAc,iCADd;",
+  "names": []
+}

package/atoms/Figure/index.js

@@ -1,2 +1,3 @@
 export * from "./Figure.js";
 export * from "./FigureTwicPics.js";
+//# sourceMappingURL=index.js.map

package/atoms/Figure/index.js.map

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

package/atoms/LargeText/LargeText.cjs

@@ -30,16 +30,13 @@ module.exports = __toCommonJS(LargeText_exports);
 var import_js_toolkit = require("@studiometa/js-toolkit");
 var import_utils = require("@studiometa/js-toolkit/utils");
 var LargeText = class extends (0, import_js_toolkit.withMountWhenInView)(import_js_toolkit.Base, { rootMargin: "50%" }) {
-  constructor() {
-    super(...arguments);
-    __publicField(this, "x", 0);
-    __publicField(this, "deltaY", 0);
-    __publicField(this, "transform", {
-      skewX: 0,
-      x: 0
-    });
-    __publicField(this, "width", 0);
-  }
+  x = 0;
+  deltaY = 0;
+  transform = {
+    skewX: 0,
+    x: 0
+  };
+  width = 0;
   mounted() {
     this.width = this.$refs.target.clientWidth;
   }
@@ -87,3 +84,4 @@ __publicField(LargeText, "config", {
   }
 });
 if (module.exports.default) module.exports = module.exports.default;
+//# sourceMappingURL=LargeText.cjs.map

package/atoms/LargeText/LargeText.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../packages/ui/atoms/LargeText/LargeText.ts"],
+  "sourcesContent": ["import { Base, withMountWhenInView } from '@studiometa/js-toolkit';\nimport type { BaseProps, BaseInterface, ScrollServiceProps } from '@studiometa/js-toolkit';\nimport { damp, clamp, transform } from '@studiometa/js-toolkit/utils';\n\nexport interface LargeTextProps extends BaseProps {\n  $refs: {\n    target: HTMLElement;\n  };\n  $options: {\n    skew: boolean;\n    sensitivity: number;\n    skewSensitivity: number;\n  };\n}\n\n/**\n * Large text class.\n */\nexport class LargeText<T extends BaseProps = BaseProps>\n  extends withMountWhenInView(Base, { rootMargin: '50%' })<T & LargeTextProps>\n  implements BaseInterface {\n  /**\n   * Config.\n   */\n  static config = {\n    name: 'LargeText',\n    refs: ['target'],\n    options: {\n      skew: Boolean,\n      sensitivity: {\n        type: Number,\n        default: 1,\n      },\n      skewSensitivity: {\n        type: Number,\n        default: 1,\n      },\n    },\n  };\n\n  /**\n   * Translate X.\n   */\n  x = 0;\n\n  /**\n   * Scroll delta Y.\n   */\n  deltaY = 0;\n\n  /**\n   * Transform values.\n   */\n  transform = {\n    skewX: 0,\n    x: 0,\n  };\n\n  /**\n   * Target width.\n   */\n  width = 0;\n\n  /**\n   * Set width on mount.\n   */\n  mounted() {\n    this.width = this.$refs.target.clientWidth;\n  }\n\n  /**\n   * Set width on resize.\n   */\n  resized() {\n    this.width = this.$refs.target.clientWidth;\n  }\n\n  /**\n   * Update delta scroll on scroll.\n   */\n  scrolled(props: ScrollServiceProps) {\n    this.deltaY = props.delta.y;\n  }\n\n  /**\n   * Update values on raf.\n   */\n  ticked() {\n    this.x -= (Math.abs(this.deltaY) + 1) * this.$options.sensitivity;\n\n    this.transform.x = damp(this.x, this.transform.x, 0.25);\n\n    if (this.$options.skew) {\n      this.transform.skewX = damp(\n        clamp(this.deltaY * -1, -50, 50) * this.$options.skewSensitivity,\n        this.transform.skewX,\n        0.25,\n      );\n    }\n\n    if (this.x <= this.width * -1) {\n      this.x = 0;\n      this.transform.x += this.width;\n    } else if (this.$options.sensitivity < 0 && this.x >= this.width) {\n      this.x = 0;\n      this.transform.x -= this.width;\n    }\n\n    return () => {\n      transform(this.$refs.target, this.transform);\n    };\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAA0C;AAE1C,mBAAuC;AAgBhC,IAAM,YAAN,kBACG,uCAAoB,wBAAM,EAAE,YAAY,MAAM,CAAC,EAC9B;AAAA,EAuBzB,IAAI;AAAA,EAKJ,SAAS;AAAA,EAKT,YAAY;AAAA,IACV,OAAO;AAAA,IACP,GAAG;AAAA,EACL;AAAA,EAKA,QAAQ;AAAA,EAKR,UAAU;AACR,SAAK,QAAQ,KAAK,MAAM,OAAO;AAAA,EACjC;AAAA,EAKA,UAAU;AACR,SAAK,QAAQ,KAAK,MAAM,OAAO;AAAA,EACjC;AAAA,EAKA,SAAS,OAA2B;AAClC,SAAK,SAAS,MAAM,MAAM;AAAA,EAC5B;AAAA,EAKA,SAAS;AACP,SAAK,MAAM,KAAK,IAAI,KAAK,MAAM,IAAI,KAAK,KAAK,SAAS;AAEtD,SAAK,UAAU,QAAI,mBAAK,KAAK,GAAG,KAAK,UAAU,GAAG,IAAI;AAEtD,QAAI,KAAK,SAAS,MAAM;AACtB,WAAK,UAAU,YAAQ;AAAA,YACrB,oBAAM,KAAK,SAAS,IAAI,KAAK,EAAE,IAAI,KAAK,SAAS;AAAA,QACjD,KAAK,UAAU;AAAA,QACf;AAAA,MACF;AAAA,IACF;AAEA,QAAI,KAAK,KAAK,KAAK,QAAQ,IAAI;AAC7B,WAAK,IAAI;AACT,WAAK,UAAU,KAAK,KAAK;AAAA,IAC3B,WAAW,KAAK,SAAS,cAAc,KAAK,KAAK,KAAK,KAAK,OAAO;AAChE,WAAK,IAAI;AACT,WAAK,UAAU,KAAK,KAAK;AAAA,IAC3B;AAEA,WAAO,MAAM;AACX,kCAAU,KAAK,MAAM,QAAQ,KAAK,SAAS;AAAA,IAC7C;AAAA,EACF;AACF;AAxFE,cANW,WAMJ,UAAS;AAAA,EACd,MAAM;AAAA,EACN,MAAM,CAAC,QAAQ;AAAA,EACf,SAAS;AAAA,IACP,MAAM;AAAA,IACN,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IACA,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AACF;",
+  "names": []
+}

package/atoms/LargeText/LargeText.js

@@ -1,22 +1,28 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
 import { Base, withMountWhenInView } from "@studiometa/js-toolkit";
 import { damp, clamp, transform } from "@studiometa/js-toolkit/utils";
 class LargeText extends withMountWhenInView(Base, { rootMargin: "50%" }) {
-  constructor() {
-    super(...arguments);
-    __publicField(this, "x", 0);
-    __publicField(this, "deltaY", 0);
-    __publicField(this, "transform", {
-      skewX: 0,
-      x: 0
-    });
-    __publicField(this, "width", 0);
-  }
+  static config = {
+    name: "LargeText",
+    refs: ["target"],
+    options: {
+      skew: Boolean,
+      sensitivity: {
+        type: Number,
+        default: 1
+      },
+      skewSensitivity: {
+        type: Number,
+        default: 1
+      }
+    }
+  };
+  x = 0;
+  deltaY = 0;
+  transform = {
+    skewX: 0,
+    x: 0
+  };
+  width = 0;
   mounted() {
     this.width = this.$refs.target.clientWidth;
   }
@@ -48,21 +54,7 @@ class LargeText extends withMountWhenInView(Base, { rootMargin: "50%" }) {
     };
   }
 }
-__publicField(LargeText, "config", {
-  name: "LargeText",
-  refs: ["target"],
-  options: {
-    skew: Boolean,
-    sensitivity: {
-      type: Number,
-      default: 1
-    },
-    skewSensitivity: {
-      type: Number,
-      default: 1
-    }
-  }
-});
 export {
   LargeText
 };
+//# sourceMappingURL=LargeText.js.map

package/atoms/LargeText/LargeText.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../packages/ui/atoms/LargeText/LargeText.ts"],
+  "sourcesContent": ["import { Base, withMountWhenInView } from '@studiometa/js-toolkit';\nimport type { BaseProps, BaseInterface, ScrollServiceProps } from '@studiometa/js-toolkit';\nimport { damp, clamp, transform } from '@studiometa/js-toolkit/utils';\n\nexport interface LargeTextProps extends BaseProps {\n  $refs: {\n    target: HTMLElement;\n  };\n  $options: {\n    skew: boolean;\n    sensitivity: number;\n    skewSensitivity: number;\n  };\n}\n\n/**\n * Large text class.\n */\nexport class LargeText<T extends BaseProps = BaseProps>\n  extends withMountWhenInView(Base, { rootMargin: '50%' })<T & LargeTextProps>\n  implements BaseInterface {\n  /**\n   * Config.\n   */\n  static config = {\n    name: 'LargeText',\n    refs: ['target'],\n    options: {\n      skew: Boolean,\n      sensitivity: {\n        type: Number,\n        default: 1,\n      },\n      skewSensitivity: {\n        type: Number,\n        default: 1,\n      },\n    },\n  };\n\n  /**\n   * Translate X.\n   */\n  x = 0;\n\n  /**\n   * Scroll delta Y.\n   */\n  deltaY = 0;\n\n  /**\n   * Transform values.\n   */\n  transform = {\n    skewX: 0,\n    x: 0,\n  };\n\n  /**\n   * Target width.\n   */\n  width = 0;\n\n  /**\n   * Set width on mount.\n   */\n  mounted() {\n    this.width = this.$refs.target.clientWidth;\n  }\n\n  /**\n   * Set width on resize.\n   */\n  resized() {\n    this.width = this.$refs.target.clientWidth;\n  }\n\n  /**\n   * Update delta scroll on scroll.\n   */\n  scrolled(props: ScrollServiceProps) {\n    this.deltaY = props.delta.y;\n  }\n\n  /**\n   * Update values on raf.\n   */\n  ticked() {\n    this.x -= (Math.abs(this.deltaY) + 1) * this.$options.sensitivity;\n\n    this.transform.x = damp(this.x, this.transform.x, 0.25);\n\n    if (this.$options.skew) {\n      this.transform.skewX = damp(\n        clamp(this.deltaY * -1, -50, 50) * this.$options.skewSensitivity,\n        this.transform.skewX,\n        0.25,\n      );\n    }\n\n    if (this.x <= this.width * -1) {\n      this.x = 0;\n      this.transform.x += this.width;\n    } else if (this.$options.sensitivity < 0 && this.x >= this.width) {\n      this.x = 0;\n      this.transform.x -= this.width;\n    }\n\n    return () => {\n      transform(this.$refs.target, this.transform);\n    };\n  }\n}\n"],
+  "mappings": "AAAA,SAAS,MAAM,2BAA2B;AAE1C,SAAS,MAAM,OAAO,iBAAiB;AAgBhC,MAAM,kBACH,oBAAoB,MAAM,EAAE,YAAY,MAAM,CAAC,EAC9B;AAAA,EAIzB,OAAO,SAAS;AAAA,IACd,MAAM;AAAA,IACN,MAAM,CAAC,QAAQ;AAAA,IACf,SAAS;AAAA,MACP,MAAM;AAAA,MACN,aAAa;AAAA,QACX,MAAM;AAAA,QACN,SAAS;AAAA,MACX;AAAA,MACA,iBAAiB;AAAA,QACf,MAAM;AAAA,QACN,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AAAA,EAKA,IAAI;AAAA,EAKJ,SAAS;AAAA,EAKT,YAAY;AAAA,IACV,OAAO;AAAA,IACP,GAAG;AAAA,EACL;AAAA,EAKA,QAAQ;AAAA,EAKR,UAAU;AACR,SAAK,QAAQ,KAAK,MAAM,OAAO;AAAA,EACjC;AAAA,EAKA,UAAU;AACR,SAAK,QAAQ,KAAK,MAAM,OAAO;AAAA,EACjC;AAAA,EAKA,SAAS,OAA2B;AAClC,SAAK,SAAS,MAAM,MAAM;AAAA,EAC5B;AAAA,EAKA,SAAS;AACP,SAAK,MAAM,KAAK,IAAI,KAAK,MAAM,IAAI,KAAK,KAAK,SAAS;AAEtD,SAAK,UAAU,IAAI,KAAK,KAAK,GAAG,KAAK,UAAU,GAAG,IAAI;AAEtD,QAAI,KAAK,SAAS,MAAM;AACtB,WAAK,UAAU,QAAQ;AAAA,QACrB,MAAM,KAAK,SAAS,IAAI,KAAK,EAAE,IAAI,KAAK,SAAS;AAAA,QACjD,KAAK,UAAU;AAAA,QACf;AAAA,MACF;AAAA,IACF;AAEA,QAAI,KAAK,KAAK,KAAK,QAAQ,IAAI;AAC7B,WAAK,IAAI;AACT,WAAK,UAAU,KAAK,KAAK;AAAA,IAC3B,WAAW,KAAK,SAAS,cAAc,KAAK,KAAK,KAAK,KAAK,OAAO;AAChE,WAAK,IAAI;AACT,WAAK,UAAU,KAAK,KAAK;AAAA,IAC3B;AAEA,WAAO,MAAM;AACX,gBAAU,KAAK,MAAM,QAAQ,KAAK,SAAS;AAAA,IAC7C;AAAA,EACF;AACF;",
+  "names": []
+}

package/atoms/LargeText/index.cjs

@@ -18,3 +18,4 @@ var LargeText_exports = {};
 module.exports = __toCommonJS(LargeText_exports);
 __reExport(LargeText_exports, require("./LargeText.cjs"), module.exports);
 if (module.exports.default) module.exports = module.exports.default;
+//# sourceMappingURL=index.cjs.map

package/atoms/LargeText/index.cjs.map

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

package/atoms/LargeText/index.js

@@ -1 +1,2 @@
 export * from "./LargeText.js";
+//# sourceMappingURL=index.js.map

package/atoms/LargeText/index.js.map

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