@studiometa/ui 0.2.19 → 0.2.21

package/atoms/Figure/Figure.cjs

@@ -58,17 +58,21 @@ var Figure = class extends (0, import_js_toolkit.withMountWhenInView)(import_pri
           this.src = src;
           tempImg = null;
           this.enter();
+          this.$emit("load");
         },
         { once: true }
       );
       tempImg.src = src;
-      this.$terminate();
     }
   }
+  onLoad() {
+    this.$terminate();
+  }
 };
 __publicField(Figure, "config", {
   ...import_primitives.Transition.config,
   name: "Figure",
+  emits: ["load"],
   refs: ["img"],
   options: {
     ...import_primitives.Transition.config.options,

package/atoms/Figure/Figure.cjs.map

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

package/atoms/Figure/Figure.d.ts

@@ -33,5 +33,9 @@ export declare class Figure<T extends BaseProps = BaseProps> extends Figure_base
      * Load on mount.
      */
     mounted(): void;
+    /**
+     * Terminate the component on load.
+     */
+    onLoad(): void;
 }
 export {};

package/atoms/Figure/Figure.js

@@ -6,6 +6,7 @@ class Figure extends withMountWhenInView(Transition, {
   static config = {
     ...Transition.config,
     name: "Figure",
+    emits: ["load"],
     refs: ["img"],
     options: {
       ...Transition.config.options,
@@ -38,13 +39,16 @@ class Figure extends withMountWhenInView(Transition, {
           this.src = src;
           tempImg = null;
           this.enter();
+          this.$emit("load");
         },
         { once: true }
       );
       tempImg.src = src;
-      this.$terminate();
     }
   }
+  onLoad() {
+    this.$terminate();
+  }
 }
 export {
   Figure

package/atoms/Figure/Figure.js.map

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

package/atoms/Figure/{FigureTwicPics.cjs → FigureTwicpics.cjs}

@@ -21,25 +21,33 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 
-// packages/ui/atoms/Figure/FigureTwicPics.ts
-var FigureTwicPics_exports = {};
-__export(FigureTwicPics_exports, {
-  FigureTwicPics: () => FigureTwicPics
+// packages/ui/atoms/Figure/FigureTwicpics.ts
+var FigureTwicpics_exports = {};
+__export(FigureTwicpics_exports, {
+  FigureTwicpics: () => FigureTwicpics
 });
-module.exports = __toCommonJS(FigureTwicPics_exports);
+module.exports = __toCommonJS(FigureTwicpics_exports);
+var import_utils = require("@studiometa/js-toolkit/utils");
 var import_Figure = require("./Figure.cjs");
 function normalizeSize(that, prop) {
   const { step } = that.$options;
   return Math.ceil(that.$refs.img[prop] / step) * step;
 }
-var FigureTwicPics = class extends import_Figure.Figure {
+var FigureTwicpics = class extends import_Figure.Figure {
+  get path() {
+    return (0, import_utils.withoutTrailingSlash)((0, import_utils.withoutLeadingSlash)(this.$options.path));
+  }
   get domain() {
     const url = new URL(this.$refs.img.dataset.src);
     return url.host;
   }
   set src(value) {
-    const url = new URL(value, window.location.origin);
+    const url = new URL(value, "https://localhost");
     url.host = this.domain;
+    url.port = "";
+    if (this.path) {
+      url.pathname = `/${this.path}${url.pathname}`;
+    }
     const width = normalizeSize(this, "offsetWidth");
     const height = normalizeSize(this, "offsetHeight");
     url.searchParams.set(
@@ -52,13 +60,17 @@ var FigureTwicPics = class extends import_Figure.Figure {
   resized() {
     this.src = this.$refs.img.dataset.src;
   }
+  onLoad() {
+  }
 };
-__publicField(FigureTwicPics, "config", {
+__publicField(FigureTwicpics, "config", {
   ...import_Figure.Figure.config,
-  name: "FigureTwicPics",
+  name: "FigureTwicpics",
   options: {
     ...import_Figure.Figure.config.options,
     transform: String,
+    domain: String,
+    path: String,
     step: {
       type: Number,
       default: 50
@@ -70,4 +82,4 @@ __publicField(FigureTwicPics, "config", {
   }
 });
 if (module.exports.default) module.exports = module.exports.default;
-//# sourceMappingURL=FigureTwicPics.cjs.map
+//# sourceMappingURL=FigureTwicpics.cjs.map

package/atoms/Figure/FigureTwicpics.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../packages/ui/atoms/Figure/FigureTwicpics.ts"],
+  "sourcesContent": ["import type { BaseConfig, BaseProps } from '@studiometa/js-toolkit';\nimport { 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": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAA0D;AAC1D,oBAAuB;AAgBvB,SAAS,cAAc,MAAsB,MAAsB;AACjE,QAAM,EAAE,KAAK,IAAI,KAAK;AACtB,SAAO,KAAK,KAAK,KAAK,MAAM,IAAI,QAAQ,IAAI,IAAI;AAClD;AAOO,IAAM,iBAAN,cAA8D,qBAEnE;AAAA,EA0BA,IAAI,OAAc;AAChB,eAAO,uCAAqB,kCAAoB,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;AA1EE,cANW,gBAMJ,UAAqB;AAAA,EAC1B,GAAG,qBAAO;AAAA,EACV,MAAM;AAAA,EACN,SAAS;AAAA,IACP,GAAG,qBAAO,OAAO;AAAA,IACjB,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IACA,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AACF;",
+  "names": []
+}

package/atoms/Figure/FigureTwicpics.d.ts

@@ -0,0 +1,42 @@
+import type { BaseConfig, BaseProps } from '@studiometa/js-toolkit';
+import { Figure } from './Figure.js';
+export interface FigureTwicpicsProps extends BaseProps {
+    $options: {
+        transform: string;
+        domain: string;
+        path: string;
+        step: number;
+        mode: string;
+    };
+}
+/**
+ * Figure class.
+ *
+ * Manager lazyloading image sources.
+ */
+export declare class FigureTwicpics<T extends BaseProps = BaseProps> extends Figure<T & FigureTwicpicsProps> {
+    /**
+     * Config.
+     */
+    static config: BaseConfig;
+    /**
+     * Get the Twicpics path.
+     */
+    get path(): string;
+    /**
+     * Get the Twicpics domain.
+     */
+    get domain(): string;
+    /**
+     * Add Twicpics transforms, path and domain to the URL.
+     */
+    set src(value: string);
+    /**
+     * Reassign the source from the original on resize.
+     */
+    resized(): void;
+    /**
+     * Do not terminate on image load as we need to set the src on resize.
+     */
+    onLoad(): void;
+}

package/atoms/Figure/{FigureTwicPics.js → FigureTwicpics.js}

@@ -1,15 +1,18 @@
+import { withoutLeadingSlash, withoutTrailingSlash } from "@studiometa/js-toolkit/utils";
 import { Figure } from "./Figure.js";
 function normalizeSize(that, prop) {
   const { step } = that.$options;
   return Math.ceil(that.$refs.img[prop] / step) * step;
 }
-class FigureTwicPics extends Figure {
+class FigureTwicpics extends Figure {
   static config = {
     ...Figure.config,
-    name: "FigureTwicPics",
+    name: "FigureTwicpics",
     options: {
       ...Figure.config.options,
       transform: String,
+      domain: String,
+      path: String,
       step: {
         type: Number,
         default: 50
@@ -20,13 +23,20 @@ class FigureTwicPics extends Figure {
       }
     }
   };
+  get path() {
+    return withoutTrailingSlash(withoutLeadingSlash(this.$options.path));
+  }
   get domain() {
     const url = new URL(this.$refs.img.dataset.src);
     return url.host;
   }
   set src(value) {
-    const url = new URL(value, window.location.origin);
+    const url = new URL(value, "https://localhost");
     url.host = this.domain;
+    url.port = "";
+    if (this.path) {
+      url.pathname = `/${this.path}${url.pathname}`;
+    }
     const width = normalizeSize(this, "offsetWidth");
     const height = normalizeSize(this, "offsetHeight");
     url.searchParams.set(
@@ -39,8 +49,10 @@ class FigureTwicPics extends Figure {
   resized() {
     this.src = this.$refs.img.dataset.src;
   }
+  onLoad() {
+  }
 }
 export {
-  FigureTwicPics
+  FigureTwicpics
 };
-//# sourceMappingURL=FigureTwicPics.js.map
+//# sourceMappingURL=FigureTwicpics.js.map

package/atoms/Figure/FigureTwicpics.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../packages/ui/atoms/Figure/FigureTwicpics.ts"],
+  "sourcesContent": ["import type { BaseConfig, BaseProps } from '@studiometa/js-toolkit';\nimport { 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;",
+  "names": []
+}

package/atoms/Figure/FigureTwicpics.twig

@@ -0,0 +1,39 @@
+{#
+/**
+ * @file
+ * Figure with Twicpics component.
+ *
+ * @param string $twic_domain
+ *   The Twicpics domain to use.
+ * @param string $twic_path
+ *   The Twicpics path to use.
+ * @param object $twic_transform
+ *   Custom transforms for Twicpics.
+ */
+#}
+
+{% extends '@ui/atoms/Figure/Figure.twig' %}
+
+{% set twic_param = 'v1' %}
+{% if twic_transform is defined %}
+  {% set formatted_transform = [] %}
+  {% for key, value in twic_transform %}
+    {% set formatted_transform = formatted_transform|merge(['%s=%s'|format(key, value)]) %}
+  {% endfor %}
+  {% set formatted_transform = formatted_transform|join('/') %}
+
+  {% set twic_param = 'v1/%s'|format(formatted_transform) %}
+  {% set attr = (attr ?? {})|merge({ data_option_transform: formatted_transform }) %}
+{% endif %}
+
+{% set src = twig_toolkit_url(src).withQueryParameter('twic', twic_param) %}
+
+{% if twic_domain is defined %}
+  {% set src = src.withHost(twic_domain) %}
+  {% set attr = (attr ?? {})|merge({ data_option_domain: twic_domain }) %}
+{% endif %}
+
+{% if twic_path is defined %}
+  {% set src = src.withPath(twic_path ~ src.getPath()) %}
+  {% set attr = (attr ?? {})|merge({ data_option_path: twic_path }) %}
+{% endif %}

package/atoms/Figure/index.cjs

@@ -17,6 +17,6 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var Figure_exports = {};
 module.exports = __toCommonJS(Figure_exports);
 __reExport(Figure_exports, require("./Figure.cjs"), module.exports);
-__reExport(Figure_exports, require("./FigureTwicPics.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 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../packages/ui/atoms/Figure/index.ts"],
-  "sourcesContent": ["export * from './Figure.js';\nexport * from './FigureTwicPics.js';\n"],
+  "sourcesContent": ["export * from './Figure.js';\nexport * from './FigureTwicpics.js';\n"],
   "mappings": ";;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,2BAAc,yBAAd;AACA,2BAAc,iCADd;",
   "names": []
 }

package/atoms/Figure/index.d.ts

@@ -1,2 +1,2 @@
 export * from './Figure.js';
-export * from './FigureTwicPics.js';
+export * from './FigureTwicpics.js';

package/atoms/Figure/index.js

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

package/atoms/Figure/index.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@studiometa/ui",
-  "version": "0.2.19",
+  "version": "0.2.21",
   "description": "A set of opiniated, unstyled and accessible components",
   "publishConfig": {
     "access": "public"

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

package/atoms/Figure/FigureTwicPics.d.ts

@@ -1,32 +0,0 @@
-import type { BaseConfig, BaseProps } from '@studiometa/js-toolkit';
-import { Figure } from './Figure.js';
-export interface FigureTwicPicsProps extends BaseProps {
-    $options: {
-        transform: string;
-        step: number;
-        mode: string;
-    };
-}
-/**
- * Figure class.
- *
- * Manager lazyloading image sources.
- */
-export declare class FigureTwicPics<T extends BaseProps = BaseProps> extends Figure<T & FigureTwicPicsProps> {
-    /**
-     * Config.
-     */
-    static config: BaseConfig;
-    /**
-     * Get the TwicPics domain.
-     */
-    get domain(): string;
-    /**
-     * Add TwicPics transforms and domain to the URL.
-     */
-    set src(value: string);
-    /**
-     * Reassign the source from the original on resized.
-     */
-    resized(): void;
-}

package/atoms/Figure/FigureTwicPics.js.map

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