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

package/atoms/Figure/FigureTwicpics.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../packages/ui/atoms/Figure/FigureTwicpics.ts"],
-  "sourcesContent": ["import type { BaseConfig, BaseProps } from '@studiometa/js-toolkit';\nimport {\n  withLeadingSlash,\n  withoutLeadingSlash,\n  withoutTrailingSlash,\n} from '@studiometa/js-toolkit/utils';\nimport { Figure, loadImage } 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    dpr: boolean;\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 * Determine if the user agent is a bot or not.\n */\nconst isBot = /bot|crawl|slurp|spider/i.test(navigator.userAgent);\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      disable: Boolean,\n      step: {\n        type: Number,\n        default: 50,\n      },\n      mode: {\n        type: String,\n        default: 'cover',\n      },\n      dpr: {\n        type: Boolean,\n        default: true,\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 formatted original source.\n   * If `disable` option is `true` returns the original src.\n   */\n  get original() {\n    return this.$options.disable ? super.original : this.formatSrc(super.original);\n  }\n\n  /**\n   * Get the current device pixel ratio\n   * Returns 1 if user agent is considered as a bot.\n   * Returns 1 if disabled by the `data-option-no-dpr` attribute.\n   */\n  get devicePixelRatio() {\n    if (!this.$options.dpr || isBot) {\n      return 1;\n    }\n\n    return window.devicePixelRatio;\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 && !url.pathname.startsWith(withLeadingSlash(this.path))) {\n      url.pathname = `/${this.path}${url.pathname}`;\n    }\n\n    const width = normalizeSize(this, 'offsetWidth') * this.devicePixelRatio;\n    const height = normalizeSize(this, 'offsetHeight') * this.devicePixelRatio;\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  async resized() {\n    const { src } = await loadImage(this.original);\n    this.src = 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": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAIO;AACP,oBAAkC;AAiBlC,SAAS,cAAc,MAAsB,MAAsB;AACjE,QAAM,EAAE,KAAK,IAAI,KAAK;AACtB,SAAO,KAAK,KAAK,KAAK,MAAM,IAAI,IAAI,IAAI,IAAI,IAAI;AAClD;AAKA,IAAM,QAAQ,0BAA0B,KAAK,UAAU,SAAS;AAOzD,IAAM,iBAAN,cAA8D,qBAEnE;AAAA;AAAA;AAAA;AAAA,EAIA,OAAO,SAAqB;AAAA,IAC1B,GAAG,qBAAO;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA,MACP,GAAG,qBAAO,OAAO;AAAA,MACjB,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,MACT,MAAM;AAAA,QACJ,MAAM;AAAA,QACN,SAAS;AAAA,MACX;AAAA,MACA,MAAM;AAAA,QACJ,MAAM;AAAA,QACN,SAAS;AAAA,MACX;AAAA,MACA,KAAK;AAAA,QACH,MAAM;AAAA,QACN,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKA,IAAI,OAAe;AACjB,eAAO,uCAAqB,kCAAoB,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;AAAA,EAMA,IAAI,WAAW;AACb,WAAO,KAAK,SAAS,UAAU,MAAM,WAAW,KAAK,UAAU,MAAM,QAAQ;AAAA,EAC/E;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,IAAI,mBAAmB;AACrB,QAAI,CAAC,KAAK,SAAS,OAAO,OAAO;AAC/B,aAAO;AAAA,IACT;AAEA,WAAO,OAAO;AAAA,EAChB;AAAA;AAAA;AAAA;AAAA,EAKA,UAAU,KAAqB;AAC7B,UAAM,MAAM,IAAI,IAAI,KAAK,mBAAmB;AAC5C,QAAI,OAAO,KAAK;AAChB,QAAI,OAAO;AAEX,QAAI,KAAK,QAAQ,CAAC,IAAI,SAAS,eAAW,+BAAiB,KAAK,IAAI,CAAC,GAAG;AACtE,UAAI,WAAW,IAAI,KAAK,IAAI,GAAG,IAAI,QAAQ;AAAA,IAC7C;AAEA,UAAM,QAAQ,cAAc,MAAM,aAAa,IAAI,KAAK;AACxD,UAAM,SAAS,cAAc,MAAM,cAAc,IAAI,KAAK;AAE1D,QAAI,aAAa;AAAA,MACf;AAAA,MACA,CAAC,MAAM,KAAK,SAAS,WAAW,GAAG,KAAK,SAAS,IAAI,IAAI,KAAK,IAAI,MAAM,EAAE,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,MAAM,UAAU;AACd,UAAM,EAAE,IAAI,IAAI,UAAM,yBAAU,KAAK,QAAQ;AAC7C,SAAK,MAAM;AAAA,EACb;AAAA;AAAA;AAAA;AAAA,EAKA,SAAS;AAAA,EAET;AACF;",
-  "names": []
-}

package/atoms/Figure/index.cjs

@@ -1,22 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// packages/ui/atoms/Figure/index.ts
-var Figure_exports = {};
-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

@@ -1,7 +0,0 @@
-{
-  "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/FigureVideo/FigureVideo.cjs

@@ -1,132 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// packages/ui/atoms/FigureVideo/FigureVideo.ts
-var FigureVideo_exports = {};
-__export(FigureVideo_exports, {
-  FigureVideo: () => FigureVideo
-});
-module.exports = __toCommonJS(FigureVideo_exports);
-var import_js_toolkit = require("@studiometa/js-toolkit");
-var import_primitives = require("../../primitives/index.cjs");
-var import__ = require("../index.cjs");
-var FigureVideo = class extends (0, import_js_toolkit.withMountWhenInView)(
-  import_primitives.Transition,
-  {
-    threshold: [0, 1]
-  }
-) {
-  /**
-   * Config.
-   */
-  static config = {
-    ...import_primitives.Transition.config,
-    name: "FigureVideo",
-    emits: ["load"],
-    refs: ["video"],
-    options: {
-      ...import_primitives.Transition.config.options,
-      lazy: Boolean
-    }
-  };
-  /**
-   * Get the transition target.
-   */
-  get target() {
-    return this.$refs.video;
-  }
-  /**
-   * Get the video sources.
-   */
-  get sources() {
-    return Array.from(this.$refs.video.querySelectorAll("source"));
-  }
-  /**
-   * Load poster
-   */
-  loadPoster() {
-    const { video } = this.$refs;
-    if (!video.dataset.poster) {
-      return Promise.resolve();
-    }
-    return (0, import__.loadImage)(video.dataset.poster).then(() => {
-      video.poster = video.dataset.poster;
-      this.$log("fresh poster loaded");
-    });
-  }
-  /**
-   * Load sources
-   * @returns {Promise}
-   */
-  loadSources() {
-    const { video } = this.$refs;
-    this.sources.forEach((source) => {
-      if (!source.dataset.src) {
-        return;
-      }
-      source.src = source.dataset.src;
-    });
-    return new Promise((resolve) => {
-      const loadHandler = () => {
-        video.removeEventListener("loadeddata", loadHandler);
-        this.$log("fresh sources loaded");
-        resolve();
-      };
-      video.addEventListener("loadeddata", loadHandler);
-      video.load();
-    });
-  }
-  /**
-   * Load
-   * @returns {Promise}
-   */
-  load() {
-    return Promise.all([this.loadPoster(), this.loadSources()]);
-  }
-  /**
-   * Load on mount.
-   */
-  async mounted() {
-    this.$log("mounted");
-    const { video } = this.$refs;
-    if (!video) {
-      throw new Error("[VideoFigure] The `video` ref is required.");
-    }
-    if (!(video instanceof HTMLVideoElement)) {
-      throw new Error("[VideoFigure] The `video` ref must be an `<video>` element.");
-    }
-    if (!this.$options.lazy) {
-      this.$log("Lazy loading disabled");
-      return;
-    }
-    this.$log("start loading");
-    await this.load();
-    this.$log("all is loaded");
-    await this.enter();
-    this.$log("transition done");
-    this.$emit("load");
-  }
-  /**
-   * Terminate the component on load.
-   */
-  onLoad() {
-    this.$terminate();
-  }
-};
-if (module.exports.default) module.exports = module.exports.default;
-//# sourceMappingURL=FigureVideo.cjs.map

package/atoms/FigureVideo/FigureVideo.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../packages/ui/atoms/FigureVideo/FigureVideo.ts"],
-  "sourcesContent": ["import { withMountWhenInView } from '@studiometa/js-toolkit';\nimport type { BaseConfig, BaseProps } from '@studiometa/js-toolkit';\nimport { Transition } from '../../primitives/index.js';\nimport { loadImage } from '../index.js';\n\nexport interface FigureVideoProps extends BaseProps {\n  $refs: {\n    video: HTMLVideoElement;\n  };\n  $options: {\n    lazy: boolean;\n  };\n}\n\n/**\n * FigureVideo class.\n */\nexport class FigureVideo<T extends BaseProps = BaseProps> extends withMountWhenInView<Transition>(\n  Transition,\n  {\n    threshold: [0, 1],\n  },\n)<T & FigureVideoProps> {\n  /**\n   * Config.\n   */\n  static config: BaseConfig = {\n    ...Transition.config,\n    name: 'FigureVideo',\n    emits: ['load'],\n    refs: ['video'],\n    options: {\n      ...Transition.config.options,\n      lazy: Boolean,\n    },\n  };\n\n  /**\n   * Get the transition target.\n   */\n  get target(): HTMLVideoElement {\n    return this.$refs.video;\n  }\n\n  /**\n   * Get the video sources.\n   */\n  get sources(): Array<HTMLSourceElement> {\n    return Array.from(this.$refs.video.querySelectorAll('source'));\n  }\n\n  /**\n   * Load poster\n   */\n  loadPoster(): Promise<void|HTMLImageElement> {\n    const { video } = this.$refs;\n\n    if (!video.dataset.poster) {\n      return Promise.resolve();\n    }\n\n    return loadImage(video.dataset.poster).then(() => {\n      video.poster = video.dataset.poster;\n      this.$log('fresh poster loaded');\n    })\n  }\n\n  /**\n   * Load sources\n   * @returns {Promise}\n   */\n  loadSources(): Promise<void> {\n    const { video } = this.$refs;\n\n    this.sources.forEach((source) => {\n      if (!source.dataset.src) {\n        return;\n      }\n      source.src = source.dataset.src;\n    });\n\n    return new Promise<void>((resolve) => {\n      const loadHandler = () => {\n        video.removeEventListener('loadeddata', loadHandler);\n        this.$log('fresh sources loaded');\n        resolve();\n      };\n      video.addEventListener('loadeddata', loadHandler);\n      video.load();\n    });\n  }\n\n  /**\n   * Load\n   * @returns {Promise}\n   */\n  load(): Promise<any[]> {\n    return Promise.all([this.loadPoster(), this.loadSources()]);\n  }\n\n  /**\n   * Load on mount.\n   */\n  async mounted() {\n    this.$log('mounted');\n    const { video } = this.$refs;\n\n    if (!video) {\n      throw new Error('[VideoFigure] The `video` ref is required.');\n    }\n\n    if (!(video instanceof HTMLVideoElement)) {\n      throw new Error('[VideoFigure] The `video` ref must be an `<video>` element.');\n    }\n\n    if (!this.$options.lazy) {\n      this.$log('Lazy loading disabled');\n      return;\n    }\n\n    this.$log('start loading');\n    await this.load();\n    this.$log('all is loaded');\n    await this.enter();\n    this.$log('transition done');\n    this.$emit('load');\n  }\n\n  /**\n   * Terminate the component on load.\n   */\n  onLoad() {\n    this.$terminate();\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAoC;AAEpC,wBAA2B;AAC3B,eAA0B;AAcnB,IAAM,cAAN,kBAA2D;AAAA,EAChE;AAAA,EACA;AAAA,IACE,WAAW,CAAC,GAAG,CAAC;AAAA,EAClB;AACF,EAAwB;AAAA;AAAA;AAAA;AAAA,EAItB,OAAO,SAAqB;AAAA,IAC1B,GAAG,6BAAW;AAAA,IACd,MAAM;AAAA,IACN,OAAO,CAAC,MAAM;AAAA,IACd,MAAM,CAAC,OAAO;AAAA,IACd,SAAS;AAAA,MACP,GAAG,6BAAW,OAAO;AAAA,MACrB,MAAM;AAAA,IACR;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKA,IAAI,SAA2B;AAC7B,WAAO,KAAK,MAAM;AAAA,EACpB;AAAA;AAAA;AAAA;AAAA,EAKA,IAAI,UAAoC;AACtC,WAAO,MAAM,KAAK,KAAK,MAAM,MAAM,iBAAiB,QAAQ,CAAC;AAAA,EAC/D;AAAA;AAAA;AAAA;AAAA,EAKA,aAA6C;AAC3C,UAAM,EAAE,MAAM,IAAI,KAAK;AAEvB,QAAI,CAAC,MAAM,QAAQ,QAAQ;AACzB,aAAO,QAAQ,QAAQ;AAAA,IACzB;AAEA,eAAO,oBAAU,MAAM,QAAQ,MAAM,EAAE,KAAK,MAAM;AAChD,YAAM,SAAS,MAAM,QAAQ;AAC7B,WAAK,KAAK,qBAAqB;AAAA,IACjC,CAAC;AAAA,EACH;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,cAA6B;AAC3B,UAAM,EAAE,MAAM,IAAI,KAAK;AAEvB,SAAK,QAAQ,QAAQ,CAAC,WAAW;AAC/B,UAAI,CAAC,OAAO,QAAQ,KAAK;AACvB;AAAA,MACF;AACA,aAAO,MAAM,OAAO,QAAQ;AAAA,IAC9B,CAAC;AAED,WAAO,IAAI,QAAc,CAAC,YAAY;AACpC,YAAM,cAAc,MAAM;AACxB,cAAM,oBAAoB,cAAc,WAAW;AACnD,aAAK,KAAK,sBAAsB;AAChC,gBAAQ;AAAA,MACV;AACA,YAAM,iBAAiB,cAAc,WAAW;AAChD,YAAM,KAAK;AAAA,IACb,CAAC;AAAA,EACH;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,OAAuB;AACrB,WAAO,QAAQ,IAAI,CAAC,KAAK,WAAW,GAAG,KAAK,YAAY,CAAC,CAAC;AAAA,EAC5D;AAAA;AAAA;AAAA;AAAA,EAKA,MAAM,UAAU;AACd,SAAK,KAAK,SAAS;AACnB,UAAM,EAAE,MAAM,IAAI,KAAK;AAEvB,QAAI,CAAC,OAAO;AACV,YAAM,IAAI,MAAM,4CAA4C;AAAA,IAC9D;AAEA,QAAI,EAAE,iBAAiB,mBAAmB;AACxC,YAAM,IAAI,MAAM,6DAA6D;AAAA,IAC/E;AAEA,QAAI,CAAC,KAAK,SAAS,MAAM;AACvB,WAAK,KAAK,uBAAuB;AACjC;AAAA,IACF;AAEA,SAAK,KAAK,eAAe;AACzB,UAAM,KAAK,KAAK;AAChB,SAAK,KAAK,eAAe;AACzB,UAAM,KAAK,MAAM;AACjB,SAAK,KAAK,iBAAiB;AAC3B,SAAK,MAAM,MAAM;AAAA,EACnB;AAAA;AAAA;AAAA;AAAA,EAKA,SAAS;AACP,SAAK,WAAW;AAAA,EAClB;AACF;",
-  "names": []
-}

package/atoms/FigureVideo/FigureVideoTwicpics.cjs

@@ -1,153 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// packages/ui/atoms/FigureVideo/FigureVideoTwicpics.ts
-var FigureVideoTwicpics_exports = {};
-__export(FigureVideoTwicpics_exports, {
-  FigureVideoTwicpics: () => FigureVideoTwicpics
-});
-module.exports = __toCommonJS(FigureVideoTwicpics_exports);
-var import_utils = require("@studiometa/js-toolkit/utils");
-var import__ = require("../index.cjs");
-var import_FigureVideo = require("./FigureVideo.cjs");
-function normalizeSize(that, prop) {
-  const { step } = that.$options;
-  return Math.ceil(that.$refs.video[prop] / step) * step;
-}
-var FigureVideoTwicpics = class extends import_FigureVideo.FigureVideo {
-  /**
-   * Config.
-   */
-  static config = {
-    ...import_FigureVideo.FigureVideo.config,
-    name: "FigureVideoTwicpics",
-    options: {
-      ...import_FigureVideo.FigureVideo.config.options,
-      transform: String,
-      domain: String,
-      path: String,
-      step: {
-        type: Number,
-        default: 50
-      },
-      mode: {
-        type: String,
-        default: "cover"
-      }
-    }
-  };
-  /**
-   * Get the Twicpics path.
-   */
-  get path() {
-    return (0, import_utils.withoutTrailingSlash)((0, import_utils.withoutLeadingSlash)(this.$options.path));
-  }
-  /**
-   * Get the Twicpics domain.
-   */
-  get domain() {
-    if (this.$options.domain) {
-      return this.$options.domain;
-    }
-    const url = new URL(this.sources[0].dataset.src);
-    return url.host;
-  }
-  /**
-   * Format the source for Twicpics.
-   * @param {string} src
-   * @param {Array} options
-   * @returns {string}
-   */
-  formatSrc(src, options = []) {
-    const url = new URL(src, "https://localhost");
-    url.host = this.domain;
-    url.port = "";
-    if (this.path && !url.pathname.startsWith((0, import_utils.withLeadingSlash)(this.path))) {
-      url.pathname = `/${this.path}${url.pathname}`;
-    }
-    const width = normalizeSize(this, "offsetWidth");
-    const height = normalizeSize(this, "offsetHeight");
-    this.$log(this.$options.mode, width, height);
-    url.searchParams.set(
-      "twic",
-      ["v1", this.$options.transform, `${this.$options.mode}=${width}x${height}`, ...options].filter(Boolean).join("/")
-    );
-    url.search = decodeURIComponent(url.search);
-    return url.toString();
-  }
-  /**
-   * Load poster
-   */
-  loadPoster() {
-    const { video } = this.$refs;
-    if (!video.dataset.poster) {
-      return Promise.resolve();
-    }
-    const twicPoster = this.formatSrc(video.dataset.poster);
-    return (0, import__.loadImage)(twicPoster).then(() => {
-      video.poster = twicPoster;
-      this.$log("fresh poster loaded");
-    });
-  }
-  /**
-   * Load sources
-   */
-  loadSources() {
-    const { video } = this.$refs;
-    this.sources.forEach((source) => {
-      if (!source.dataset.src) {
-        return;
-      }
-      source.src = this.formatSrc(
-        source.dataset.src,
-        source.dataset.output ? [`output=${source.dataset.output}`] : []
-      );
-    });
-    return new Promise((resolve) => {
-      const loadHandler = () => {
-        resolve();
-        video.removeEventListener("canplaythrough", loadHandler);
-        this.$log("fresh sources loaded");
-      };
-      video.addEventListener("canplaythrough", loadHandler);
-      this.$refs.video.width = normalizeSize(this, "offsetWidth");
-      this.$refs.video.height = normalizeSize(this, "offsetHeight");
-      video.load();
-    });
-  }
-  /**
-   * Reassign the source from the original on resize.
-   */
-  async resized() {
-    const width = normalizeSize(this, "offsetWidth");
-    const height = normalizeSize(this, "offsetHeight");
-    if (width === this.$refs.video.width && height === this.$refs.video.height) {
-      return;
-    }
-    this.$refs.video.width = width;
-    this.$refs.video.height = height;
-    await this.load();
-  }
-  /**
-   * Do not terminate on image load as we need to set the src on resize.
-   */
-  onLoad() {
-  }
-};
-if (module.exports.default) module.exports = module.exports.default;
-//# sourceMappingURL=FigureVideoTwicpics.cjs.map

package/atoms/FigureVideo/FigureVideoTwicpics.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../packages/ui/atoms/FigureVideo/FigureVideoTwicpics.ts"],
-  "sourcesContent": ["import type { BaseConfig, BaseProps } from '@studiometa/js-toolkit';\nimport {\n  withLeadingSlash,\n  withoutLeadingSlash,\n  withoutTrailingSlash,\n} from '@studiometa/js-toolkit/utils';\nimport { loadImage } from '../index.js';\nimport { FigureVideo } from './FigureVideo.js';\n\nexport interface FigureVideoTwicpicsProps extends BaseProps {\n  $refs: {\n    video: HTMLVideoElement;\n  };\n  $options: {\n    lazy: boolean;\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: FigureVideoTwicpics, prop: string): number {\n  const { step } = that.$options;\n  return Math.ceil(that.$refs.video[prop] / step) * step;\n}\n\n/**\n * FigureVideo class.\n *\n * Manager lazyloading image sources.\n */\nexport class FigureVideoTwicpics<T extends BaseProps = BaseProps> extends FigureVideo<\n  T & FigureVideoTwicpicsProps\n> {\n  /**\n   * Config.\n   */\n  static config: BaseConfig = {\n    ...FigureVideo.config,\n    name: 'FigureVideoTwicpics',\n    options: {\n      ...FigureVideo.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    if (this.$options.domain) {\n      return this.$options.domain;\n    }\n    const url = new URL(this.sources[0].dataset.src);\n    return url.host;\n  }\n\n  /**\n   * Format the source for Twicpics.\n   * @param {string} src\n   * @param {Array} options\n   * @returns {string}\n   */\n  formatSrc(src: string, options: Array<string> = []): string {\n    const url = new URL(src, 'https://localhost');\n    url.host = this.domain;\n    url.port = '';\n\n    if (this.path && !url.pathname.startsWith(withLeadingSlash(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    this.$log(this.$options.mode, width, height);\n\n    url.searchParams.set(\n      'twic',\n      ['v1', this.$options.transform, `${this.$options.mode}=${width}x${height}`, ...options]\n        .filter(Boolean)\n        .join('/'),\n    );\n\n    url.search = decodeURIComponent(url.search);\n\n    return url.toString();\n  }\n\n  /**\n   * Load poster\n   */\n  loadPoster(): Promise<void|HTMLImageElement> {\n    const { video } = this.$refs;\n\n    if (!video.dataset.poster) {\n      return Promise.resolve();\n    }\n\n    const twicPoster = this.formatSrc(video.dataset.poster);\n\n    return loadImage(twicPoster).then(() => {\n      video.poster = twicPoster;\n      this.$log('fresh poster loaded');\n    });\n  }\n\n  /**\n   * Load sources\n   */\n  loadSources(): Promise<void> {\n    const { video } = this.$refs;\n\n    this.sources.forEach((source) => {\n      if (!source.dataset.src) {\n        return;\n      }\n      source.src = this.formatSrc(\n        source.dataset.src,\n        source.dataset.output ? [`output=${source.dataset.output}`] : [],\n      );\n    });\n\n    return new Promise((resolve) => {\n      const loadHandler = () => {\n        resolve();\n        video.removeEventListener('canplaythrough', loadHandler);\n        this.$log('fresh sources loaded');\n      };\n\n      video.addEventListener('canplaythrough', loadHandler);\n\n      this.$refs.video.width = normalizeSize(this, 'offsetWidth');\n      this.$refs.video.height = normalizeSize(this, 'offsetHeight');\n\n      video.load();\n    });\n  }\n\n  /**\n   * Reassign the source from the original on resize.\n   */\n  async resized() {\n    const width = normalizeSize(this, 'offsetWidth');\n    const height = normalizeSize(this, 'offsetHeight');\n\n    if (width === this.$refs.video.width && height === this.$refs.video.height) {\n      return;\n    }\n\n    this.$refs.video.width = width;\n    this.$refs.video.height = height;\n\n    await this.load();\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": "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",
-  "names": []
-}

package/atoms/FigureVideo/index.cjs

@@ -1,22 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// packages/ui/atoms/FigureVideo/index.ts
-var FigureVideo_exports = {};
-module.exports = __toCommonJS(FigureVideo_exports);
-__reExport(FigureVideo_exports, require("./FigureVideo.cjs"), module.exports);
-__reExport(FigureVideo_exports, require("./FigureVideoTwicpics.cjs"), module.exports);
-if (module.exports.default) module.exports = module.exports.default;
-//# sourceMappingURL=index.cjs.map

package/atoms/FigureVideo/index.cjs.map

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

package/atoms/LargeText/LargeText.cjs

@@ -1,109 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// packages/ui/atoms/LargeText/LargeText.ts
-var LargeText_exports = {};
-__export(LargeText_exports, {
-  LargeText: () => LargeText
-});
-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%" }) {
-  /**
-   * Config.
-   */
-  static config = {
-    name: "LargeText",
-    refs: ["target"],
-    options: {
-      skew: Boolean,
-      sensitivity: {
-        type: Number,
-        default: 1
-      },
-      skewSensitivity: {
-        type: Number,
-        default: 1
-      }
-    }
-  };
-  /**
-   * 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);
-    if (this.$options.skew) {
-      this.transform.skewX = (0, import_utils.damp)(
-        (0, import_utils.clamp)(this.deltaY * -1, -50, 50) * this.$options.skewSensitivity,
-        this.transform.skewX,
-        0.25
-      );
-    }
-    if (this.x <= this.width * -1) {
-      this.x = 0;
-      this.transform.x += this.width;
-    } else if (this.$options.sensitivity < 0 && this.x >= this.width) {
-      this.x = 0;
-      this.transform.x -= this.width;
-    }
-    return () => {
-      (0, import_utils.transform)(this.$refs.target, this.transform);
-    };
-  }
-};
-if (module.exports.default) module.exports = module.exports.default;
-//# sourceMappingURL=LargeText.cjs.map

package/atoms/LargeText/LargeText.cjs.map

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

package/atoms/LargeText/index.cjs

@@ -1,21 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// packages/ui/atoms/LargeText/index.ts
-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

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

package/atoms/LazyInclude/LazyInclude.cjs

@@ -1,78 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// packages/ui/atoms/LazyInclude/LazyInclude.ts
-var LazyInclude_exports = {};
-__export(LazyInclude_exports, {
-  LazyInclude: () => LazyInclude
-});
-module.exports = __toCommonJS(LazyInclude_exports);
-var import_js_toolkit = require("@studiometa/js-toolkit");
-var LazyInclude = class extends import_js_toolkit.Base {
-  /**
-   * Config.
-   */
-  static config = {
-    name: "LazyInclude",
-    refs: ["loading", "error"],
-    emits: ["content", "error", "always"],
-    options: {
-      src: String,
-      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");
-      return;
-    }
-    fetch(this.$options.src).then((response) => response.text()).then((content) => {
-      this.$emit("content", content);
-    }).catch((error) => {
-      this.$emit("error", error);
-    }).finally(() => {
-      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();
-    }
-  }
-};
-if (module.exports.default) module.exports = module.exports.default;
-//# sourceMappingURL=LazyInclude.cjs.map

package/atoms/LazyInclude/LazyInclude.cjs.map

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