@studiometa/ui 0.2.22 → 0.2.24

package/atoms/Figure/FigureTwicpics.d.ts

@@ -28,9 +28,13 @@ export declare class FigureTwicpics<T extends BaseProps = BaseProps> extends Fig
      */
     get domain(): string;
     /**
-     * Add Twicpics transforms, path and domain to the URL.
+     * Get formattted original source.
      */
-    set src(value: string);
+    get original(): string;
+    /**
+     * Format the source for Twicpics.
+     */
+    formatSrc(src: string): string;
     /**
      * Reassign the source from the original on resize.
      */

package/atoms/Figure/FigureTwicpics.js

@@ -5,6 +5,9 @@ function normalizeSize(that, prop) {
   return Math.ceil(that.$refs.img[prop] / step) * step;
 }
 class FigureTwicpics extends Figure {
+  /**
+   * Config.
+   */
   static config = {
     ...Figure.config,
     name: "FigureTwicpics",
@@ -23,15 +26,30 @@ class FigureTwicpics extends Figure {
       }
     }
   };
+  /**
+   * Get the Twicpics path.
+   */
   get path() {
     return withoutTrailingSlash(withoutLeadingSlash(this.$options.path));
   }
+  /**
+   * Get the Twicpics domain.
+   */
   get domain() {
     const url = new URL(this.$refs.img.dataset.src);
     return url.host;
   }
-  set src(value) {
-    const url = new URL(value, "https://localhost");
+  /**
+   * Get formattted original source.
+   */
+  get original() {
+    return this.formatSrc(super.original);
+  }
+  /**
+   * Format the source for Twicpics.
+   */
+  formatSrc(src) {
+    const url = new URL(src, "https://localhost");
     url.host = this.domain;
     url.port = "";
     if (this.path) {
@@ -44,11 +62,17 @@ class FigureTwicpics extends Figure {
       ["v1", this.$options.transform, `${this.$options.mode}=${width}x${height}`].filter(Boolean).join("/")
     );
     url.search = decodeURIComponent(url.search);
-    super.src = url.toString();
+    return url.toString();
   }
+  /**
+   * Reassign the source from the original on resize.
+   */
   resized() {
-    this.src = this.$refs.img.dataset.src;
+    this.src = this.original;
   }
+  /**
+   * Do not terminate on image load as we need to set the src on resize.
+   */
   onLoad() {
   }
 }

package/atoms/Figure/FigureTwicpics.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../packages/ui/atoms/Figure/FigureTwicpics.ts"],
-  "sourcesContent": ["import type { BaseConfig, BaseProps } from '@studiometa/js-toolkit';\nimport { withoutLeadingSlash, withoutTrailingSlash } from '@studiometa/js-toolkit/utils';\nimport { Figure } from './Figure.js';\n\nexport interface FigureTwicpicsProps extends BaseProps {\n  $options: {\n    transform: string;\n    domain: string;\n    path: 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<\n  T & FigureTwicpicsProps\n> {\n  /**\n   * Config.\n   */\n  static config: BaseConfig = {\n    ...Figure.config,\n    name: 'FigureTwicpics',\n    options: {\n      ...Figure.config.options,\n      transform: String,\n      domain: String,\n      path: 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 path.\n   */\n  get path():string {\n    return withoutTrailingSlash(withoutLeadingSlash(this.$options.path));\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, path and domain to the URL.\n   */\n  set src(value: string) {\n    const url = new URL(value, 'https://localhost');\n    url.host = this.domain;\n    url.port = '';\n\n    if (this.path) {\n      url.pathname = `/${this.path}${url.pathname}`\n    }\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 resize.\n   */\n  resized() {\n    this.src = this.$refs.img.dataset.src;\n  }\n\n  /**\n   * Do not terminate on image load as we need to set the src on resize.\n   */\n  onLoad() {\n    // Do not terminate on image load as we need.\n  }\n}\n"],
-  "mappings": "AACA,SAAS,qBAAqB,4BAA4B;AAC1D,SAAS,cAAc;AAgBvB,SAAS,cAAc,MAAsB,MAAsB;AACjE,QAAM,EAAE,KAAK,IAAI,KAAK;AACtB,SAAO,KAAK,KAAK,KAAK,MAAM,IAAI,QAAQ,IAAI,IAAI;AAClD;AAOO,MAAM,uBAAwD,OAEnE;AAAA,EAIA,OAAO,SAAqB;AAAA,IAC1B,GAAG,OAAO;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA,MACP,GAAG,OAAO,OAAO;AAAA,MACjB,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,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,OAAc;AAChB,WAAO,qBAAqB,oBAAoB,KAAK,SAAS,IAAI,CAAC;AAAA,EACrE;AAAA,EAKA,IAAI,SAAiB;AACnB,UAAM,MAAM,IAAI,IAAI,KAAK,MAAM,IAAI,QAAQ,GAAG;AAC9C,WAAO,IAAI;AAAA,EACb;AAAA,EAKA,IAAI,IAAI,OAAe;AACrB,UAAM,MAAM,IAAI,IAAI,OAAO,mBAAmB;AAC9C,QAAI,OAAO,KAAK;AAChB,QAAI,OAAO;AAEX,QAAI,KAAK,MAAM;AACb,UAAI,WAAW,IAAI,KAAK,OAAO,IAAI;AAAA,IACrC;AAEA,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;AAAA,EAKA,SAAS;AAAA,EAET;AACF;",
+  "sourcesContent": ["import type { BaseConfig, BaseProps } from '@studiometa/js-toolkit';\nimport { withoutLeadingSlash, withoutTrailingSlash } from '@studiometa/js-toolkit/utils';\nimport { Figure } from './Figure.js';\n\nexport interface FigureTwicpicsProps extends BaseProps {\n  $options: {\n    transform: string;\n    domain: string;\n    path: 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<\n  T & FigureTwicpicsProps\n> {\n  /**\n   * Config.\n   */\n  static config: BaseConfig = {\n    ...Figure.config,\n    name: 'FigureTwicpics',\n    options: {\n      ...Figure.config.options,\n      transform: String,\n      domain: String,\n      path: 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 path.\n   */\n  get path(): string {\n    return withoutTrailingSlash(withoutLeadingSlash(this.$options.path));\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   * Get formattted original source.\n   */\n  get original() {\n    return this.formatSrc(super.original);\n  }\n\n  /**\n   * Format the source for Twicpics.\n   */\n  formatSrc(src: string): string {\n    const url = new URL(src, 'https://localhost');\n    url.host = this.domain;\n    url.port = '';\n\n    if (this.path) {\n      url.pathname = `/${this.path}${url.pathname}`;\n    }\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    return url.toString();\n  }\n\n  /**\n   * Reassign the source from the original on resize.\n   */\n  resized() {\n    this.src = this.original;\n  }\n\n  /**\n   * Do not terminate on image load as we need to set the src on resize.\n   */\n  onLoad() {\n    // Do not terminate on image load as we need.\n  }\n}\n"],
+  "mappings": "AACA,SAAS,qBAAqB,4BAA4B;AAC1D,SAAS,cAAc;AAgBvB,SAAS,cAAc,MAAsB,MAAsB;AACjE,QAAM,EAAE,KAAK,IAAI,KAAK;AACtB,SAAO,KAAK,KAAK,KAAK,MAAM,IAAI,IAAI,IAAI,IAAI,IAAI;AAClD;AAOO,MAAM,uBAAwD,OAEnE;AAAA;AAAA;AAAA;AAAA,EAIA,OAAO,SAAqB;AAAA,IAC1B,GAAG,OAAO;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA,MACP,GAAG,OAAO,OAAO;AAAA,MACjB,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,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;AAAA;AAAA;AAAA,EAKA,IAAI,OAAe;AACjB,WAAO,qBAAqB,oBAAoB,KAAK,SAAS,IAAI,CAAC;AAAA,EACrE;AAAA;AAAA;AAAA;AAAA,EAKA,IAAI,SAAiB;AACnB,UAAM,MAAM,IAAI,IAAI,KAAK,MAAM,IAAI,QAAQ,GAAG;AAC9C,WAAO,IAAI;AAAA,EACb;AAAA;AAAA;AAAA;AAAA,EAKA,IAAI,WAAW;AACb,WAAO,KAAK,UAAU,MAAM,QAAQ;AAAA,EACtC;AAAA;AAAA;AAAA;AAAA,EAKA,UAAU,KAAqB;AAC7B,UAAM,MAAM,IAAI,IAAI,KAAK,mBAAmB;AAC5C,QAAI,OAAO,KAAK;AAChB,QAAI,OAAO;AAEX,QAAI,KAAK,MAAM;AACb,UAAI,WAAW,IAAI,KAAK,OAAO,IAAI;AAAA,IACrC;AAEA,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,WAAO,IAAI,SAAS;AAAA,EACtB;AAAA;AAAA;AAAA;AAAA,EAKA,UAAU;AACR,SAAK,MAAM,KAAK;AAAA,EAClB;AAAA;AAAA;AAAA;AAAA,EAKA,SAAS;AAAA,EAET;AACF;",
   "names": []
 }

package/atoms/Figure/FigureTwicpics.twig

@@ -9,6 +9,8 @@
  *   The Twicpics path to use.
  * @param object $twic_transform
  *   Custom transforms for Twicpics.
+ * @param string $twic_placeholder
+ *   Define how the placeholder should be treated. Possible values: meancolor, maincolor, preview.
  */
 #}
 
@@ -37,3 +39,7 @@
   {% set src = src.withPath(twic_path ~ src.getPath()) %}
   {% set attr = (attr ?? {})|merge({ data_option_path: twic_path }) %}
 {% endif %}
+
+{% if twic_placeholder is defined %}
+  {% set placeholder = src.withQueryParameter('twic', '%s/output=%s'|format(twic_param, twic_placeholder)) %}
+{% endif %}

package/atoms/LargeText/LargeText.cjs

@@ -30,22 +30,46 @@ 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%" }) {
+  /**
+   * Translate X.
+   */
   x = 0;
+  /**
+   * Scroll delta Y.
+   */
   deltaY = 0;
+  /**
+   * Transform values.
+   */
   transform = {
     skewX: 0,
     x: 0
   };
+  /**
+   * Target width.
+   */
   width = 0;
+  /**
+   * Set width on mount.
+   */
   mounted() {
     this.width = this.$refs.target.clientWidth;
   }
+  /**
+   * Set width on resize.
+   */
   resized() {
     this.width = this.$refs.target.clientWidth;
   }
+  /**
+   * Update delta scroll on scroll.
+   */
   scrolled(props) {
     this.deltaY = props.delta.y;
   }
+  /**
+   * Update values on raf.
+   */
   ticked() {
     this.x -= (Math.abs(this.deltaY) + 1) * this.$options.sensitivity;
     this.transform.x = (0, import_utils.damp)(this.x, this.transform.x, 0.25);
@@ -68,6 +92,9 @@ var LargeText = class extends (0, import_js_toolkit.withMountWhenInView)(import_
     };
   }
 };
+/**
+ * Config.
+ */
 __publicField(LargeText, "config", {
   name: "LargeText",
   refs: ["target"],

package/atoms/LargeText/LargeText.cjs.map

@@ -1,7 +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;",
+  "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  /**\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,EAEzD;AAAA;AAAA;AAAA;AAAA,EAuBE,IAAI;AAAA;AAAA;AAAA;AAAA,EAKJ,SAAS;AAAA;AAAA;AAAA;AAAA,EAKT,YAAY;AAAA,IACV,OAAO;AAAA,IACP,GAAG;AAAA,EACL;AAAA;AAAA;AAAA;AAAA,EAKA,QAAQ;AAAA;AAAA;AAAA;AAAA,EAKR,UAAU;AACR,SAAK,QAAQ,KAAK,MAAM,OAAO;AAAA,EACjC;AAAA;AAAA;AAAA;AAAA,EAKA,UAAU;AACR,SAAK,QAAQ,KAAK,MAAM,OAAO;AAAA,EACjC;AAAA;AAAA;AAAA;AAAA,EAKA,SAAS,OAA2B;AAClC,SAAK,SAAS,MAAM,MAAM;AAAA,EAC5B;AAAA;AAAA;AAAA;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;AAAA;AAAA;AAAA;AAxFE,cAPW,WAOJ,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,6 +1,9 @@
 import { Base, withMountWhenInView } from "@studiometa/js-toolkit";
 import { damp, clamp, transform } from "@studiometa/js-toolkit/utils";
 class LargeText extends withMountWhenInView(Base, { rootMargin: "50%" }) {
+  /**
+   * Config.
+   */
   static config = {
     name: "LargeText",
     refs: ["target"],
@@ -16,22 +19,46 @@ class LargeText extends withMountWhenInView(Base, { rootMargin: "50%" }) {
       }
     }
   };
+  /**
+   * Translate X.
+   */
   x = 0;
+  /**
+   * Scroll delta Y.
+   */
   deltaY = 0;
+  /**
+   * Transform values.
+   */
   transform = {
     skewX: 0,
     x: 0
   };
+  /**
+   * Target width.
+   */
   width = 0;
+  /**
+   * Set width on mount.
+   */
   mounted() {
     this.width = this.$refs.target.clientWidth;
   }
+  /**
+   * Set width on resize.
+   */
   resized() {
     this.width = this.$refs.target.clientWidth;
   }
+  /**
+   * Update delta scroll on scroll.
+   */
   scrolled(props) {
     this.deltaY = props.delta.y;
   }
+  /**
+   * Update values on raf.
+   */
   ticked() {
     this.x -= (Math.abs(this.deltaY) + 1) * this.$options.sensitivity;
     this.transform.x = damp(this.x, this.transform.x, 0.25);

package/atoms/LargeText/LargeText.js.map

@@ -1,7 +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;",
+  "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  /**\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,EAEzD;AAAA;AAAA;AAAA;AAAA,EAIE,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;AAAA;AAAA;AAAA,EAKA,IAAI;AAAA;AAAA;AAAA;AAAA,EAKJ,SAAS;AAAA;AAAA;AAAA;AAAA,EAKT,YAAY;AAAA,IACV,OAAO;AAAA,IACP,GAAG;AAAA,EACL;AAAA;AAAA;AAAA;AAAA,EAKA,QAAQ;AAAA;AAAA;AAAA;AAAA,EAKR,UAAU;AACR,SAAK,QAAQ,KAAK,MAAM,OAAO;AAAA,EACjC;AAAA;AAAA;AAAA;AAAA,EAKA,UAAU;AACR,SAAK,QAAQ,KAAK,MAAM,OAAO;AAAA,EACjC;AAAA;AAAA;AAAA;AAAA,EAKA,SAAS,OAA2B;AAClC,SAAK,SAAS,MAAM,MAAM;AAAA,EAC5B;AAAA;AAAA;AAAA;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/LazyInclude/LazyInclude.cjs

@@ -29,6 +29,9 @@ __export(LazyInclude_exports, {
 module.exports = __toCommonJS(LazyInclude_exports);
 var import_js_toolkit = require("@studiometa/js-toolkit");
 var LazyInclude = class extends import_js_toolkit.Base {
+  /**
+   * Load the lazy content on mount.
+   */
   mounted() {
     if (!this.$options.src) {
       this.$log("The `src` option is missing. Define it with the `data-option-src` attribute");
@@ -42,19 +45,31 @@ var LazyInclude = class extends import_js_toolkit.Base {
       this.$emit("always");
     });
   }
+  /**
+   * Set content.
+   */
   onContent(content) {
     this.$refs.loading.style.display = "none";
     this.$el.innerHTML = content;
   }
+  /**
+   * Set error.
+   */
   onError() {
     this.$refs.error.style.display = "block";
   }
+  /**
+   * Always.
+   */
   onAlways() {
     if (this.$options.terminateOnLoad) {
       this.$terminate();
     }
   }
 };
+/**
+ * Config.
+ */
 __publicField(LazyInclude, "config", {
   name: "LazyInclude",
   refs: ["loading", "error"],

package/atoms/LazyInclude/LazyInclude.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../packages/ui/atoms/LazyInclude/LazyInclude.ts"],
-  "sourcesContent": ["import { Base } from '@studiometa/js-toolkit';\nimport type { BaseProps, BaseInterface } from '@studiometa/js-toolkit';\n\nexport interface LazyIncludeProps extends BaseProps {\n  $refs: {\n    loading: HTMLElement;\n    error: HTMLElement;\n  };\n  $options: {\n    src: string;\n    terminateOnLoad: boolean;\n  };\n}\n\n/**\n * LazyInclude class.\n */\nexport class LazyInclude<T extends BaseProps = BaseProps> extends Base<\n  T & LazyIncludeProps\n> implements BaseInterface {\n  /**\n   * Config.\n   */\n  static config = {\n    name: 'LazyInclude',\n    refs: ['loading', 'error'],\n    emits: ['content', 'error', 'always'],\n    options: {\n      src: String,\n      terminateOnLoad: Boolean,\n    },\n  };\n\n  /**\n   * Load the lazy content on mount.\n   */\n  mounted() {\n    if (!this.$options.src) {\n      this.$log('The `src` option is missing. Define it with the `data-option-src` attribute');\n      return;\n    }\n\n    fetch(this.$options.src)\n      .then((response) => response.text())\n      .then((content) => {\n        this.$emit('content', content);\n      })\n      .catch((error) => {\n        this.$emit('error', error);\n      })\n      .finally(() => {\n        this.$emit('always');\n      });\n  }\n\n  /**\n   * Set content.\n   */\n  onContent(content:string) {\n    this.$refs.loading.style.display = 'none';\n    this.$el.innerHTML = content;\n  }\n\n  /**\n   * Set error.\n   */\n  onError() {\n    this.$refs.error.style.display = 'block';\n  }\n\n  /**\n   * Always.\n   */\n  onAlways() {\n    if (this.$options.terminateOnLoad) {\n      this.$terminate();\n    }\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAqB;AAiBd,IAAM,cAAN,cAA2D,uBAEvC;AAAA,EAiBzB,UAAU;AACR,QAAI,CAAC,KAAK,SAAS,KAAK;AACtB,WAAK,KAAK,6EAA6E;AACvF;AAAA,IACF;AAEA,UAAM,KAAK,SAAS,GAAG,EACpB,KAAK,CAAC,aAAa,SAAS,KAAK,CAAC,EAClC,KAAK,CAAC,YAAY;AACjB,WAAK,MAAM,WAAW,OAAO;AAAA,IAC/B,CAAC,EACA,MAAM,CAAC,UAAU;AAChB,WAAK,MAAM,SAAS,KAAK;AAAA,IAC3B,CAAC,EACA,QAAQ,MAAM;AACb,WAAK,MAAM,QAAQ;AAAA,IACrB,CAAC;AAAA,EACL;AAAA,EAKA,UAAU,SAAgB;AACxB,SAAK,MAAM,QAAQ,MAAM,UAAU;AACnC,SAAK,IAAI,YAAY;AAAA,EACvB;AAAA,EAKA,UAAU;AACR,SAAK,MAAM,MAAM,MAAM,UAAU;AAAA,EACnC;AAAA,EAKA,WAAW;AACT,QAAI,KAAK,SAAS,iBAAiB;AACjC,WAAK,WAAW;AAAA,IAClB;AAAA,EACF;AACF;AAvDE,cANW,aAMJ,UAAS;AAAA,EACd,MAAM;AAAA,EACN,MAAM,CAAC,WAAW,OAAO;AAAA,EACzB,OAAO,CAAC,WAAW,SAAS,QAAQ;AAAA,EACpC,SAAS;AAAA,IACP,KAAK;AAAA,IACL,iBAAiB;AAAA,EACnB;AACF;",
+  "sourcesContent": ["import { Base } from '@studiometa/js-toolkit';\nimport type { BaseProps, BaseInterface } from '@studiometa/js-toolkit';\n\nexport interface LazyIncludeProps extends BaseProps {\n  $refs: {\n    loading: HTMLElement;\n    error: HTMLElement;\n  };\n  $options: {\n    src: string;\n    terminateOnLoad: boolean;\n  };\n}\n\n/**\n * LazyInclude class.\n */\nexport class LazyInclude<T extends BaseProps = BaseProps>\n  extends Base<T & LazyIncludeProps>\n  implements BaseInterface\n{\n  /**\n   * Config.\n   */\n  static config = {\n    name: 'LazyInclude',\n    refs: ['loading', 'error'],\n    emits: ['content', 'error', 'always'],\n    options: {\n      src: String,\n      terminateOnLoad: Boolean,\n    },\n  };\n\n  /**\n   * Load the lazy content on mount.\n   */\n  mounted() {\n    if (!this.$options.src) {\n      this.$log('The `src` option is missing. Define it with the `data-option-src` attribute');\n      return;\n    }\n\n    fetch(this.$options.src)\n      .then((response) => response.text())\n      .then((content) => {\n        this.$emit('content', content);\n      })\n      .catch((error) => {\n        this.$emit('error', error);\n      })\n      .finally(() => {\n        this.$emit('always');\n      });\n  }\n\n  /**\n   * Set content.\n   */\n  onContent(content: string) {\n    this.$refs.loading.style.display = 'none';\n    this.$el.innerHTML = content;\n  }\n\n  /**\n   * Set error.\n   */\n  onError() {\n    this.$refs.error.style.display = 'block';\n  }\n\n  /**\n   * Always.\n   */\n  onAlways() {\n    if (this.$options.terminateOnLoad) {\n      this.$terminate();\n    }\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAqB;AAiBd,IAAM,cAAN,cACG,uBAEV;AAAA;AAAA;AAAA;AAAA,EAiBE,UAAU;AACR,QAAI,CAAC,KAAK,SAAS,KAAK;AACtB,WAAK,KAAK,6EAA6E;AACvF;AAAA,IACF;AAEA,UAAM,KAAK,SAAS,GAAG,EACpB,KAAK,CAAC,aAAa,SAAS,KAAK,CAAC,EAClC,KAAK,CAAC,YAAY;AACjB,WAAK,MAAM,WAAW,OAAO;AAAA,IAC/B,CAAC,EACA,MAAM,CAAC,UAAU;AAChB,WAAK,MAAM,SAAS,KAAK;AAAA,IAC3B,CAAC,EACA,QAAQ,MAAM;AACb,WAAK,MAAM,QAAQ;AAAA,IACrB,CAAC;AAAA,EACL;AAAA;AAAA;AAAA;AAAA,EAKA,UAAU,SAAiB;AACzB,SAAK,MAAM,QAAQ,MAAM,UAAU;AACnC,SAAK,IAAI,YAAY;AAAA,EACvB;AAAA;AAAA;AAAA;AAAA,EAKA,UAAU;AACR,SAAK,MAAM,MAAM,MAAM,UAAU;AAAA,EACnC;AAAA;AAAA;AAAA;AAAA,EAKA,WAAW;AACT,QAAI,KAAK,SAAS,iBAAiB;AACjC,WAAK,WAAW;AAAA,IAClB;AAAA,EACF;AACF;AAAA;AAAA;AAAA;AAvDE,cAPW,aAOJ,UAAS;AAAA,EACd,MAAM;AAAA,EACN,MAAM,CAAC,WAAW,OAAO;AAAA,EACzB,OAAO,CAAC,WAAW,SAAS,QAAQ;AAAA,EACpC,SAAS;AAAA,IACP,KAAK;AAAA,IACL,iBAAiB;AAAA,EACnB;AACF;",
   "names": []
 }

package/atoms/LazyInclude/LazyInclude.js

@@ -1,5 +1,8 @@
 import { Base } from "@studiometa/js-toolkit";
 class LazyInclude extends Base {
+  /**
+   * Config.
+   */
   static config = {
     name: "LazyInclude",
     refs: ["loading", "error"],
@@ -9,6 +12,9 @@ class LazyInclude extends Base {
       terminateOnLoad: Boolean
     }
   };
+  /**
+   * Load the lazy content on mount.
+   */
   mounted() {
     if (!this.$options.src) {
       this.$log("The `src` option is missing. Define it with the `data-option-src` attribute");
@@ -22,13 +28,22 @@ class LazyInclude extends Base {
       this.$emit("always");
     });
   }
+  /**
+   * Set content.
+   */
   onContent(content) {
     this.$refs.loading.style.display = "none";
     this.$el.innerHTML = content;
   }
+  /**
+   * Set error.
+   */
   onError() {
     this.$refs.error.style.display = "block";
   }
+  /**
+   * Always.
+   */
   onAlways() {
     if (this.$options.terminateOnLoad) {
       this.$terminate();

package/atoms/LazyInclude/LazyInclude.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../packages/ui/atoms/LazyInclude/LazyInclude.ts"],
-  "sourcesContent": ["import { Base } from '@studiometa/js-toolkit';\nimport type { BaseProps, BaseInterface } from '@studiometa/js-toolkit';\n\nexport interface LazyIncludeProps extends BaseProps {\n  $refs: {\n    loading: HTMLElement;\n    error: HTMLElement;\n  };\n  $options: {\n    src: string;\n    terminateOnLoad: boolean;\n  };\n}\n\n/**\n * LazyInclude class.\n */\nexport class LazyInclude<T extends BaseProps = BaseProps> extends Base<\n  T & LazyIncludeProps\n> implements BaseInterface {\n  /**\n   * Config.\n   */\n  static config = {\n    name: 'LazyInclude',\n    refs: ['loading', 'error'],\n    emits: ['content', 'error', 'always'],\n    options: {\n      src: String,\n      terminateOnLoad: Boolean,\n    },\n  };\n\n  /**\n   * Load the lazy content on mount.\n   */\n  mounted() {\n    if (!this.$options.src) {\n      this.$log('The `src` option is missing. Define it with the `data-option-src` attribute');\n      return;\n    }\n\n    fetch(this.$options.src)\n      .then((response) => response.text())\n      .then((content) => {\n        this.$emit('content', content);\n      })\n      .catch((error) => {\n        this.$emit('error', error);\n      })\n      .finally(() => {\n        this.$emit('always');\n      });\n  }\n\n  /**\n   * Set content.\n   */\n  onContent(content:string) {\n    this.$refs.loading.style.display = 'none';\n    this.$el.innerHTML = content;\n  }\n\n  /**\n   * Set error.\n   */\n  onError() {\n    this.$refs.error.style.display = 'block';\n  }\n\n  /**\n   * Always.\n   */\n  onAlways() {\n    if (this.$options.terminateOnLoad) {\n      this.$terminate();\n    }\n  }\n}\n"],
-  "mappings": "AAAA,SAAS,YAAY;AAiBd,MAAM,oBAAqD,KAEvC;AAAA,EAIzB,OAAO,SAAS;AAAA,IACd,MAAM;AAAA,IACN,MAAM,CAAC,WAAW,OAAO;AAAA,IACzB,OAAO,CAAC,WAAW,SAAS,QAAQ;AAAA,IACpC,SAAS;AAAA,MACP,KAAK;AAAA,MACL,iBAAiB;AAAA,IACnB;AAAA,EACF;AAAA,EAKA,UAAU;AACR,QAAI,CAAC,KAAK,SAAS,KAAK;AACtB,WAAK,KAAK,6EAA6E;AACvF;AAAA,IACF;AAEA,UAAM,KAAK,SAAS,GAAG,EACpB,KAAK,CAAC,aAAa,SAAS,KAAK,CAAC,EAClC,KAAK,CAAC,YAAY;AACjB,WAAK,MAAM,WAAW,OAAO;AAAA,IAC/B,CAAC,EACA,MAAM,CAAC,UAAU;AAChB,WAAK,MAAM,SAAS,KAAK;AAAA,IAC3B,CAAC,EACA,QAAQ,MAAM;AACb,WAAK,MAAM,QAAQ;AAAA,IACrB,CAAC;AAAA,EACL;AAAA,EAKA,UAAU,SAAgB;AACxB,SAAK,MAAM,QAAQ,MAAM,UAAU;AACnC,SAAK,IAAI,YAAY;AAAA,EACvB;AAAA,EAKA,UAAU;AACR,SAAK,MAAM,MAAM,MAAM,UAAU;AAAA,EACnC;AAAA,EAKA,WAAW;AACT,QAAI,KAAK,SAAS,iBAAiB;AACjC,WAAK,WAAW;AAAA,IAClB;AAAA,EACF;AACF;",
+  "sourcesContent": ["import { Base } from '@studiometa/js-toolkit';\nimport type { BaseProps, BaseInterface } from '@studiometa/js-toolkit';\n\nexport interface LazyIncludeProps extends BaseProps {\n  $refs: {\n    loading: HTMLElement;\n    error: HTMLElement;\n  };\n  $options: {\n    src: string;\n    terminateOnLoad: boolean;\n  };\n}\n\n/**\n * LazyInclude class.\n */\nexport class LazyInclude<T extends BaseProps = BaseProps>\n  extends Base<T & LazyIncludeProps>\n  implements BaseInterface\n{\n  /**\n   * Config.\n   */\n  static config = {\n    name: 'LazyInclude',\n    refs: ['loading', 'error'],\n    emits: ['content', 'error', 'always'],\n    options: {\n      src: String,\n      terminateOnLoad: Boolean,\n    },\n  };\n\n  /**\n   * Load the lazy content on mount.\n   */\n  mounted() {\n    if (!this.$options.src) {\n      this.$log('The `src` option is missing. Define it with the `data-option-src` attribute');\n      return;\n    }\n\n    fetch(this.$options.src)\n      .then((response) => response.text())\n      .then((content) => {\n        this.$emit('content', content);\n      })\n      .catch((error) => {\n        this.$emit('error', error);\n      })\n      .finally(() => {\n        this.$emit('always');\n      });\n  }\n\n  /**\n   * Set content.\n   */\n  onContent(content: string) {\n    this.$refs.loading.style.display = 'none';\n    this.$el.innerHTML = content;\n  }\n\n  /**\n   * Set error.\n   */\n  onError() {\n    this.$refs.error.style.display = 'block';\n  }\n\n  /**\n   * Always.\n   */\n  onAlways() {\n    if (this.$options.terminateOnLoad) {\n      this.$terminate();\n    }\n  }\n}\n"],
+  "mappings": "AAAA,SAAS,YAAY;AAiBd,MAAM,oBACH,KAEV;AAAA;AAAA;AAAA;AAAA,EAIE,OAAO,SAAS;AAAA,IACd,MAAM;AAAA,IACN,MAAM,CAAC,WAAW,OAAO;AAAA,IACzB,OAAO,CAAC,WAAW,SAAS,QAAQ;AAAA,IACpC,SAAS;AAAA,MACP,KAAK;AAAA,MACL,iBAAiB;AAAA,IACnB;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKA,UAAU;AACR,QAAI,CAAC,KAAK,SAAS,KAAK;AACtB,WAAK,KAAK,6EAA6E;AACvF;AAAA,IACF;AAEA,UAAM,KAAK,SAAS,GAAG,EACpB,KAAK,CAAC,aAAa,SAAS,KAAK,CAAC,EAClC,KAAK,CAAC,YAAY;AACjB,WAAK,MAAM,WAAW,OAAO;AAAA,IAC/B,CAAC,EACA,MAAM,CAAC,UAAU;AAChB,WAAK,MAAM,SAAS,KAAK;AAAA,IAC3B,CAAC,EACA,QAAQ,MAAM;AACb,WAAK,MAAM,QAAQ;AAAA,IACrB,CAAC;AAAA,EACL;AAAA;AAAA;AAAA;AAAA,EAKA,UAAU,SAAiB;AACzB,SAAK,MAAM,QAAQ,MAAM,UAAU;AACnC,SAAK,IAAI,YAAY;AAAA,EACvB;AAAA;AAAA;AAAA;AAAA,EAKA,UAAU;AACR,SAAK,MAAM,MAAM,MAAM,UAAU;AAAA,EACnC;AAAA;AAAA;AAAA;AAAA,EAKA,WAAW;AACT,QAAI,KAAK,SAAS,iBAAiB;AACjC,WAAK,WAAW;AAAA,IAClB;AAAA,EACF;AACF;",
   "names": []
 }

package/atoms/Prefetch/AbstractPrefetch.cjs

@@ -29,6 +29,9 @@ __export(AbstractPrefetch_exports, {
 module.exports = __toCommonJS(AbstractPrefetch_exports);
 var import_js_toolkit = require("@studiometa/js-toolkit");
 var _AbstractPrefetch = class extends import_js_toolkit.Base {
+  /**
+   * Is the given anchor prefetchable?
+   */
   isPrefetchable(url) {
     if (!url || !url.href) {
       return false;
@@ -50,6 +53,9 @@ var _AbstractPrefetch = class extends import_js_toolkit.Base {
     }
     return true;
   }
+  /**
+   * Prefetch the given URL and terminate the component.
+   */
   prefetch(url) {
     if (_AbstractPrefetch.prefetchedUrls.has(url.href)) {
       return;
@@ -66,6 +72,9 @@ var _AbstractPrefetch = class extends import_js_toolkit.Base {
   }
 };
 var AbstractPrefetch = _AbstractPrefetch;
+/**
+ * Config.
+ */
 __publicField(AbstractPrefetch, "config", {
   name: "AbstractPrefetch",
   options: {
@@ -75,6 +84,9 @@ __publicField(AbstractPrefetch, "config", {
     }
   }
 });
+/**
+ * Store prefetched URL.
+ */
 __publicField(AbstractPrefetch, "prefetchedUrls", /* @__PURE__ */ new Set());
 if (module.exports.default) module.exports = module.exports.default;
 //# sourceMappingURL=AbstractPrefetch.cjs.map

package/atoms/Prefetch/AbstractPrefetch.cjs.map

@@ -1,7 +1,7 @@
 {
   "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<T & AbstractPrefetchProps> {\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,oBAAN,cAAgE,uBAAgC;AAAA,EAsBrG,eAAe,KAAiB;AAC9B,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,EAKA,SAAS,KAAS;AAChB,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;AA1EO,IAAM,mBAAN;AAIL,cAJW,kBAIJ,UAAqB;AAAA,EAC1B,MAAM;AAAA,EACN,SAAS;AAAA,IACP,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AACF;AAKA,cAjBW,kBAiBJ,kBAA6B,oBAAI,IAAI;",
+  "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,oBAAN,cAAgE,uBAErE;AAAA;AAAA;AAAA;AAAA,EAsBA,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;AA5EO,IAAM,mBAAN;AAAA;AAAA;AAAA;AAML,cANW,kBAMJ,UAAqB;AAAA,EAC1B,MAAM;AAAA,EACN,SAAS;AAAA,IACP,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AACF;AAAA;AAAA;AAAA;AAKA,cAnBW,kBAmBJ,kBAA8B,oBAAI,IAAI;",
   "names": []
 }

package/atoms/Prefetch/AbstractPrefetch.js

@@ -1,5 +1,8 @@
 import { Base } from "@studiometa/js-toolkit";
 class AbstractPrefetch extends Base {
+  /**
+   * Config.
+   */
   static config = {
     name: "AbstractPrefetch",
     options: {
@@ -9,7 +12,13 @@ class AbstractPrefetch extends Base {
       }
     }
   };
+  /**
+   * Store prefetched URL.
+   */
   static prefetchedUrls = /* @__PURE__ */ new Set();
+  /**
+   * Is the given anchor prefetchable?
+   */
   isPrefetchable(url) {
     if (!url || !url.href) {
       return false;
@@ -31,6 +40,9 @@ class AbstractPrefetch extends Base {
     }
     return true;
   }
+  /**
+   * Prefetch the given URL and terminate the component.
+   */
   prefetch(url) {
     if (AbstractPrefetch.prefetchedUrls.has(url.href)) {
       return;

package/atoms/Prefetch/AbstractPrefetch.js.map

@@ -1,7 +1,7 @@
 {
   "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<T & AbstractPrefetchProps> {\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,SAAS,YAAY;AAad,MAAM,yBAA0D,KAAgC;AAAA,EAIrG,OAAO,SAAqB;AAAA,IAC1B,MAAM;AAAA,IACN,SAAS;AAAA,MACP,UAAU;AAAA,QACR,MAAM;AAAA,QACN,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AAAA,EAKA,OAAO,iBAA6B,oBAAI,IAAI;AAAA,EAK5C,eAAe,KAAiB;AAC9B,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,EAKA,SAAS,KAAS;AAChB,QAAI,iBAAiB,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,qBAAiB,eAAe,IAAI,IAAI,IAAI;AAE5C,SAAK,WAAW;AAAA,EAClB;AACF;",
+  "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,SAAS,YAAY;AAad,MAAM,yBAA0D,KAErE;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,iBAAiB,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,qBAAiB,eAAe,IAAI,IAAI,IAAI;AAE5C,SAAK,WAAW;AAAA,EAClB;AACF;",
   "names": []
 }

package/atoms/Prefetch/PrefetchWhenOver.cjs

@@ -29,10 +29,16 @@ __export(PrefetchWhenOver_exports, {
 module.exports = __toCommonJS(PrefetchWhenOver_exports);
 var import_AbstractPrefetch = require("./AbstractPrefetch.cjs");
 var PrefetchWhenOver = class extends import_AbstractPrefetch.AbstractPrefetch {
+  /**
+   * Prefetch on mouseenter.
+   */
   onMouseenter() {
     this.prefetch(new URL(this.$el.href));
   }
 };
+/**
+ * Config.
+ */
 __publicField(PrefetchWhenOver, "config", {
   ...import_AbstractPrefetch.AbstractPrefetch.config,
   name: "PrefetchWhenOver"

package/atoms/Prefetch/PrefetchWhenOver.cjs.map

@@ -1,7 +1,7 @@
 {
   "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<\n  T extends BaseProps = BaseProps,\n> 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,cAEG,yCAAoB;AAAA,EAY5B,eAAe;AACb,SAAK,SAAS,IAAI,IAAI,KAAK,IAAI,IAAI,CAAC;AAAA,EACtC;AACF;AAXE,cANW,kBAMJ,UAAoB;AAAA,EACzB,GAAG,yCAAiB;AAAA,EACpB,MAAM;AACR;",
+  "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,EAYzF,eAAe;AACb,SAAK,SAAS,IAAI,IAAI,KAAK,IAAI,IAAI,CAAC;AAAA,EACtC;AACF;AAAA;AAAA;AAAA;AAXE,cAJW,kBAIJ,UAAqB;AAAA,EAC1B,GAAG,yCAAiB;AAAA,EACpB,MAAM;AACR;",
   "names": []
 }

package/atoms/Prefetch/PrefetchWhenOver.js

@@ -1,9 +1,15 @@
 import { AbstractPrefetch } from "./AbstractPrefetch.js";
 class PrefetchWhenOver extends AbstractPrefetch {
+  /**
+   * Config.
+   */
   static config = {
     ...AbstractPrefetch.config,
     name: "PrefetchWhenOver"
   };
+  /**
+   * Prefetch on mouseenter.
+   */
   onMouseenter() {
     this.prefetch(new URL(this.$el.href));
   }

package/atoms/Prefetch/PrefetchWhenOver.js.map

@@ -1,7 +1,7 @@
 {
   "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<\n  T extends BaseProps = BaseProps,\n> 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": "AACA,SAAS,wBAAwB;AAK1B,MAAM,yBAEH,iBAAoB;AAAA,EAI5B,OAAO,SAAoB;AAAA,IACzB,GAAG,iBAAiB;AAAA,IACpB,MAAM;AAAA,EACR;AAAA,EAKA,eAAe;AACb,SAAK,SAAS,IAAI,IAAI,KAAK,IAAI,IAAI,CAAC;AAAA,EACtC;AACF;",
+  "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": "AACA,SAAS,wBAAwB;AAK1B,MAAM,yBAA0D,iBAAoB;AAAA;AAAA;AAAA;AAAA,EAIzF,OAAO,SAAqB;AAAA,IAC1B,GAAG,iBAAiB;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

@@ -30,10 +30,16 @@ 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) {
+  /**
+   * Prefetch on mount.
+   */
   mounted() {
     this.prefetch(new URL(this.$el.href));
   }
 };
+/**
+ * Config.
+ */
 __publicField(PrefetchWhenVisible, "config", {
   ...import_AbstractPrefetch.AbstractPrefetch.config,
   name: "PrefetchWhenVisible"

package/atoms/Prefetch/PrefetchWhenVisible.cjs.map

@@ -1,7 +1,7 @@
 {
   "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,EAY/F,UAAU;AACR,SAAK,SAAS,IAAI,IAAI,KAAK,IAAI,IAAI,CAAC;AAAA,EACtC;AACF;AAXE,cAJW,qBAIJ,UAAoB;AAAA,EACzB,GAAG,yCAAiB;AAAA,EACpB,MAAM;AACR;",
+  "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,EAY/F,UAAU;AACR,SAAK,SAAS,IAAI,IAAI,KAAK,IAAI,IAAI,CAAC;AAAA,EACtC;AACF;AAAA;AAAA;AAAA;AAXE,cAJW,qBAIJ,UAAqB;AAAA,EAC1B,GAAG,yCAAiB;AAAA,EACpB,MAAM;AACR;",
   "names": []
 }