@studiometa/ui 0.2.43 → 0.2.45

package/README.md

@@ -46,3 +46,5 @@ Heads up to [ui.studiometa.dev](https://ui.studiometa.dev) for more informations
 ## Contributing
 
 Please read the [contribution docs](https://ui.studiometa.dev/-/guide/contributing/).
+
+[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/studiometa/ui)

package/atoms/Action/Action.cjs

@@ -0,0 +1,90 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+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);
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+
+// packages/ui/atoms/Action/Action.ts
+var Action_exports = {};
+__export(Action_exports, {
+  Action: () => Action
+});
+module.exports = __toCommonJS(Action_exports);
+var import_js_toolkit = require("@studiometa/js-toolkit");
+var import_utils = require("@studiometa/js-toolkit/utils");
+var Action = class extends import_js_toolkit.Base {
+  /**
+   * Run method on targeted components
+   */
+  handleEvent() {
+    const { target: componentNames, method, selector } = this.$options;
+    let targets = componentNames.includes(" ") ? componentNames.split(" ").flatMap((componentName) => this.$root.$children?.[componentName]) : this.$root.$children?.[componentNames];
+    if (!targets || !targets.length) {
+      this.$warn("Target not found.");
+      return;
+    }
+    if (selector || selector.length > 0) {
+      targets = targets.filter((target) => target.$el.matches(selector));
+    }
+    if (!targets || !targets.length) {
+      this.$warn(`Target with selector "${selector}" not found.`);
+      return;
+    }
+    targets.forEach((target) => {
+      if (!(0, import_utils.isFunction)(target[method])) {
+        this.$warn(`Method "${method}()" not found on target.`, target);
+        return;
+      }
+      target[method]();
+    });
+  }
+  /**
+   * Mounted
+   */
+  mounted() {
+    const { on: eventName, target, method } = this.$options;
+    if (!target || !method || target.length <= 0 || method.length <= 0) {
+      this.$warn("No target or method specified.");
+      this.$terminate();
+      return;
+    }
+    this.$el.addEventListener(eventName, this);
+  }
+  /**
+   * Destroyed
+   */
+  destroyed() {
+    this.$el.removeEventListener(this.$options.on, this);
+  }
+};
+__publicField(Action, "config", {
+  name: "Action",
+  options: {
+    on: {
+      type: String,
+      default: "click"
+    },
+    target: String,
+    method: String,
+    selector: String
+  }
+});
+if (module.exports.default) module.exports = module.exports.default;
+//# sourceMappingURL=Action.cjs.map

package/atoms/Action/Action.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../packages/ui/atoms/Action/Action.ts"],
+  "sourcesContent": ["import { Base } from '@studiometa/js-toolkit';\nimport { isFunction } from '@studiometa/js-toolkit/utils';\nimport type { BaseProps, BaseConfig } from '@studiometa/js-toolkit';\n\nexport interface ActionProps extends BaseProps {\n  $options: {\n    on: string;\n    target: string;\n    method: string;\n    selector: string;\n  };\n}\n\n/**\n * Action class.\n */\nexport class Action<T extends BaseProps = BaseProps> extends Base<ActionProps & T> {\n  static config: BaseConfig = {\n    name: 'Action',\n    options: {\n      on: {\n        type: String,\n        default: 'click',\n      },\n      target: String,\n      method: String,\n      selector: String,\n    },\n  };\n\n  /**\n   * Run method on targeted components\n   */\n  handleEvent() {\n    const { target: componentNames, method, selector } = this.$options;\n\n    let targets = componentNames.includes(' ')\n      ? componentNames\n          .split(' ')\n          .flatMap((componentName) => this.$root.$children?.[componentName] as Base[])\n      : (this.$root.$children?.[componentNames] as Base[]);\n\n    if (!targets || !targets.length) {\n      this.$warn('Target not found.');\n      return;\n    }\n\n    if (selector || selector.length > 0) {\n      targets = targets.filter((target) => target.$el.matches(selector));\n    }\n\n    if (!targets || !targets.length) {\n      this.$warn(`Target with selector \"${selector}\" not found.`);\n      return;\n    }\n\n    targets.forEach((target) => {\n      if (!isFunction(target[method])) {\n        this.$warn(`Method \"${method}()\" not found on target.`, target);\n        return;\n      }\n\n      target[method]();\n    });\n  }\n\n  /**\n   * Mounted\n   */\n  mounted() {\n    const { on: eventName, target, method } = this.$options;\n\n    if (!target || !method || target.length <= 0 || method.length <= 0) {\n      this.$warn('No target or method specified.');\n      this.$terminate();\n      return;\n    }\n\n    this.$el.addEventListener(eventName, this);\n  }\n\n  /**\n   * Destroyed\n   */\n  destroyed() {\n    this.$el.removeEventListener(this.$options.on, this);\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAqB;AACrB,mBAA2B;AAepB,IAAM,SAAN,cAAsD,uBAAsB;AAAA;AAAA;AAAA;AAAA,EAiBjF,cAAc;AACZ,UAAM,EAAE,QAAQ,gBAAgB,QAAQ,SAAS,IAAI,KAAK;AAE1D,QAAI,UAAU,eAAe,SAAS,GAAG,IACrC,eACG,MAAM,GAAG,EACT,QAAQ,CAAC,kBAAkB,KAAK,MAAM,YAAY,aAAa,CAAW,IAC5E,KAAK,MAAM,YAAY,cAAc;AAE1C,QAAI,CAAC,WAAW,CAAC,QAAQ,QAAQ;AAC/B,WAAK,MAAM,mBAAmB;AAC9B;AAAA,IACF;AAEA,QAAI,YAAY,SAAS,SAAS,GAAG;AACnC,gBAAU,QAAQ,OAAO,CAAC,WAAW,OAAO,IAAI,QAAQ,QAAQ,CAAC;AAAA,IACnE;AAEA,QAAI,CAAC,WAAW,CAAC,QAAQ,QAAQ;AAC/B,WAAK,MAAM,yBAAyB,sBAAsB;AAC1D;AAAA,IACF;AAEA,YAAQ,QAAQ,CAAC,WAAW;AAC1B,UAAI,KAAC,yBAAW,OAAO,MAAM,CAAC,GAAG;AAC/B,aAAK,MAAM,WAAW,kCAAkC,MAAM;AAC9D;AAAA,MACF;AAEA,aAAO,MAAM,EAAE;AAAA,IACjB,CAAC;AAAA,EACH;AAAA;AAAA;AAAA;AAAA,EAKA,UAAU;AACR,UAAM,EAAE,IAAI,WAAW,QAAQ,OAAO,IAAI,KAAK;AAE/C,QAAI,CAAC,UAAU,CAAC,UAAU,OAAO,UAAU,KAAK,OAAO,UAAU,GAAG;AAClE,WAAK,MAAM,gCAAgC;AAC3C,WAAK,WAAW;AAChB;AAAA,IACF;AAEA,SAAK,IAAI,iBAAiB,WAAW,IAAI;AAAA,EAC3C;AAAA;AAAA;AAAA;AAAA,EAKA,YAAY;AACV,SAAK,IAAI,oBAAoB,KAAK,SAAS,IAAI,IAAI;AAAA,EACrD;AACF;AAtEE,cADW,QACJ,UAAqB;AAAA,EAC1B,MAAM;AAAA,EACN,SAAS;AAAA,IACP,IAAI;AAAA,MACF,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IACA,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,UAAU;AAAA,EACZ;AACF;",
+  "names": []
+}

package/atoms/Action/Action.d.ts

@@ -0,0 +1,28 @@
+import { Base } from '@studiometa/js-toolkit';
+import type { BaseProps, BaseConfig } from '@studiometa/js-toolkit';
+export interface ActionProps extends BaseProps {
+    $options: {
+        on: string;
+        target: string;
+        method: string;
+        selector: string;
+    };
+}
+/**
+ * Action class.
+ */
+export declare class Action<T extends BaseProps = BaseProps> extends Base<ActionProps & T> {
+    static config: BaseConfig;
+    /**
+     * Run method on targeted components
+     */
+    handleEvent(): void;
+    /**
+     * Mounted
+     */
+    mounted(): void;
+    /**
+     * Destroyed
+     */
+    destroyed(): void;
+}

package/atoms/Action/Action.js

@@ -0,0 +1,63 @@
+import { Base } from "@studiometa/js-toolkit";
+import { isFunction } from "@studiometa/js-toolkit/utils";
+class Action extends Base {
+  static config = {
+    name: "Action",
+    options: {
+      on: {
+        type: String,
+        default: "click"
+      },
+      target: String,
+      method: String,
+      selector: String
+    }
+  };
+  /**
+   * Run method on targeted components
+   */
+  handleEvent() {
+    const { target: componentNames, method, selector } = this.$options;
+    let targets = componentNames.includes(" ") ? componentNames.split(" ").flatMap((componentName) => this.$root.$children?.[componentName]) : this.$root.$children?.[componentNames];
+    if (!targets || !targets.length) {
+      this.$warn("Target not found.");
+      return;
+    }
+    if (selector || selector.length > 0) {
+      targets = targets.filter((target) => target.$el.matches(selector));
+    }
+    if (!targets || !targets.length) {
+      this.$warn(`Target with selector "${selector}" not found.`);
+      return;
+    }
+    targets.forEach((target) => {
+      if (!isFunction(target[method])) {
+        this.$warn(`Method "${method}()" not found on target.`, target);
+        return;
+      }
+      target[method]();
+    });
+  }
+  /**
+   * Mounted
+   */
+  mounted() {
+    const { on: eventName, target, method } = this.$options;
+    if (!target || !method || target.length <= 0 || method.length <= 0) {
+      this.$warn("No target or method specified.");
+      this.$terminate();
+      return;
+    }
+    this.$el.addEventListener(eventName, this);
+  }
+  /**
+   * Destroyed
+   */
+  destroyed() {
+    this.$el.removeEventListener(this.$options.on, this);
+  }
+}
+export {
+  Action
+};
+//# sourceMappingURL=Action.js.map

package/atoms/Action/Action.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../packages/ui/atoms/Action/Action.ts"],
+  "sourcesContent": ["import { Base } from '@studiometa/js-toolkit';\nimport { isFunction } from '@studiometa/js-toolkit/utils';\nimport type { BaseProps, BaseConfig } from '@studiometa/js-toolkit';\n\nexport interface ActionProps extends BaseProps {\n  $options: {\n    on: string;\n    target: string;\n    method: string;\n    selector: string;\n  };\n}\n\n/**\n * Action class.\n */\nexport class Action<T extends BaseProps = BaseProps> extends Base<ActionProps & T> {\n  static config: BaseConfig = {\n    name: 'Action',\n    options: {\n      on: {\n        type: String,\n        default: 'click',\n      },\n      target: String,\n      method: String,\n      selector: String,\n    },\n  };\n\n  /**\n   * Run method on targeted components\n   */\n  handleEvent() {\n    const { target: componentNames, method, selector } = this.$options;\n\n    let targets = componentNames.includes(' ')\n      ? componentNames\n          .split(' ')\n          .flatMap((componentName) => this.$root.$children?.[componentName] as Base[])\n      : (this.$root.$children?.[componentNames] as Base[]);\n\n    if (!targets || !targets.length) {\n      this.$warn('Target not found.');\n      return;\n    }\n\n    if (selector || selector.length > 0) {\n      targets = targets.filter((target) => target.$el.matches(selector));\n    }\n\n    if (!targets || !targets.length) {\n      this.$warn(`Target with selector \"${selector}\" not found.`);\n      return;\n    }\n\n    targets.forEach((target) => {\n      if (!isFunction(target[method])) {\n        this.$warn(`Method \"${method}()\" not found on target.`, target);\n        return;\n      }\n\n      target[method]();\n    });\n  }\n\n  /**\n   * Mounted\n   */\n  mounted() {\n    const { on: eventName, target, method } = this.$options;\n\n    if (!target || !method || target.length <= 0 || method.length <= 0) {\n      this.$warn('No target or method specified.');\n      this.$terminate();\n      return;\n    }\n\n    this.$el.addEventListener(eventName, this);\n  }\n\n  /**\n   * Destroyed\n   */\n  destroyed() {\n    this.$el.removeEventListener(this.$options.on, this);\n  }\n}\n"],
+  "mappings": "AAAA,SAAS,YAAY;AACrB,SAAS,kBAAkB;AAepB,MAAM,eAAgD,KAAsB;AAAA,EACjF,OAAO,SAAqB;AAAA,IAC1B,MAAM;AAAA,IACN,SAAS;AAAA,MACP,IAAI;AAAA,QACF,MAAM;AAAA,QACN,SAAS;AAAA,MACX;AAAA,MACA,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKA,cAAc;AACZ,UAAM,EAAE,QAAQ,gBAAgB,QAAQ,SAAS,IAAI,KAAK;AAE1D,QAAI,UAAU,eAAe,SAAS,GAAG,IACrC,eACG,MAAM,GAAG,EACT,QAAQ,CAAC,kBAAkB,KAAK,MAAM,YAAY,aAAa,CAAW,IAC5E,KAAK,MAAM,YAAY,cAAc;AAE1C,QAAI,CAAC,WAAW,CAAC,QAAQ,QAAQ;AAC/B,WAAK,MAAM,mBAAmB;AAC9B;AAAA,IACF;AAEA,QAAI,YAAY,SAAS,SAAS,GAAG;AACnC,gBAAU,QAAQ,OAAO,CAAC,WAAW,OAAO,IAAI,QAAQ,QAAQ,CAAC;AAAA,IACnE;AAEA,QAAI,CAAC,WAAW,CAAC,QAAQ,QAAQ;AAC/B,WAAK,MAAM,yBAAyB,sBAAsB;AAC1D;AAAA,IACF;AAEA,YAAQ,QAAQ,CAAC,WAAW;AAC1B,UAAI,CAAC,WAAW,OAAO,MAAM,CAAC,GAAG;AAC/B,aAAK,MAAM,WAAW,kCAAkC,MAAM;AAC9D;AAAA,MACF;AAEA,aAAO,MAAM,EAAE;AAAA,IACjB,CAAC;AAAA,EACH;AAAA;AAAA;AAAA;AAAA,EAKA,UAAU;AACR,UAAM,EAAE,IAAI,WAAW,QAAQ,OAAO,IAAI,KAAK;AAE/C,QAAI,CAAC,UAAU,CAAC,UAAU,OAAO,UAAU,KAAK,OAAO,UAAU,GAAG;AAClE,WAAK,MAAM,gCAAgC;AAC3C,WAAK,WAAW;AAChB;AAAA,IACF;AAEA,SAAK,IAAI,iBAAiB,WAAW,IAAI;AAAA,EAC3C;AAAA;AAAA;AAAA;AAAA,EAKA,YAAY;AACV,SAAK,IAAI,oBAAoB,KAAK,SAAS,IAAI,IAAI;AAAA,EACrD;AACF;",
+  "names": []
+}

package/atoms/Action/index.cjs

@@ -0,0 +1,21 @@
+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/Action/index.ts
+var Action_exports = {};
+module.exports = __toCommonJS(Action_exports);
+__reExport(Action_exports, require("./Action.cjs"), module.exports);
+if (module.exports.default) module.exports = module.exports.default;
+//# sourceMappingURL=index.cjs.map

package/atoms/Action/index.cjs.map

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

package/atoms/Action/index.d.ts

@@ -0,0 +1 @@
+export * from './Action.js';

package/atoms/Action/index.js

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

package/atoms/Action/index.js.map

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

package/atoms/CircularMarquee/CircularMarquee.cjs

@@ -0,0 +1,74 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+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);
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+
+// packages/ui/atoms/CircularMarquee/CircularMarquee.ts
+var CircularMarquee_exports = {};
+__export(CircularMarquee_exports, {
+  CircularMarquee: () => CircularMarquee
+});
+module.exports = __toCommonJS(CircularMarquee_exports);
+var import_js_toolkit = require("@studiometa/js-toolkit");
+var import_utils = require("@studiometa/js-toolkit/utils");
+var CircularMarquee = class extends import_js_toolkit.Base {
+  /**
+   * Rotate value.
+   * @type {number}
+   */
+  rotate = 0;
+  /**
+   * Scroll delta Y.
+   * @type {number}
+   */
+  deltaY = 0;
+  /**
+   * Transform values.
+   * @type {object}
+   */
+  transform = {
+    rotate: 0
+  };
+  scrolled(props) {
+    this.deltaY = props.delta.y;
+  }
+  ticked() {
+    this.rotate -= (Math.abs(this.deltaY) + 1) * this.$options.sensitivity;
+    this.transform.rotate = (0, import_utils.damp)(this.rotate, this.transform.rotate, 0.25);
+    return () => {
+      (0, import_utils.transform)(this.$el, this.transform);
+    };
+  }
+};
+/**
+ * CircularMarquee Configuration
+ */
+__publicField(CircularMarquee, "config", {
+  name: "CircularMarquee",
+  options: {
+    sensitivity: {
+      type: Number,
+      default: 0.1
+    }
+  }
+});
+if (module.exports.default) module.exports = module.exports.default;
+//# sourceMappingURL=CircularMarquee.cjs.map

package/atoms/CircularMarquee/CircularMarquee.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../packages/ui/atoms/CircularMarquee/CircularMarquee.ts"],
+  "sourcesContent": ["import { Base, BaseConfig, BaseProps } from '@studiometa/js-toolkit';\nimport { damp, transform } from '@studiometa/js-toolkit/utils';\n\nexport interface CircularMarqueeProps extends BaseProps {\n  $options: {\n    sensitivity: number;\n  };\n}\n\n/**\n * CircularMarquee component\n */\nexport class CircularMarquee extends Base<CircularMarqueeProps> {\n  /**\n   * CircularMarquee Configuration\n   */\n  static config: BaseConfig = {\n    name: 'CircularMarquee',\n    options: {\n      sensitivity: {\n        type: Number,\n        default: 0.1,\n      },\n    },\n  };\n\n  /**\n   * Rotate value.\n   * @type {number}\n   */\n  rotate = 0;\n\n  /**\n   * Scroll delta Y.\n   * @type {number}\n   */\n  deltaY = 0;\n\n  /**\n   * Transform values.\n   * @type {object}\n   */\n  transform = {\n    rotate: 0,\n  };\n\n  scrolled(props) {\n    this.deltaY = props.delta.y;\n  }\n\n  ticked() {\n    this.rotate -= (Math.abs(this.deltaY) + 1) * this.$options.sensitivity;\n\n    this.transform.rotate = damp(this.rotate, this.transform.rotate, 0.25);\n\n    return () => {\n      transform(this.$el, this.transform);\n    };\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAA4C;AAC5C,mBAAgC;AAWzB,IAAM,kBAAN,cAA8B,uBAA2B;AAAA;AAAA;AAAA;AAAA;AAAA,EAkB9D,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,EAMT,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,EAMT,YAAY;AAAA,IACV,QAAQ;AAAA,EACV;AAAA,EAEA,SAAS,OAAO;AACd,SAAK,SAAS,MAAM,MAAM;AAAA,EAC5B;AAAA,EAEA,SAAS;AACP,SAAK,WAAW,KAAK,IAAI,KAAK,MAAM,IAAI,KAAK,KAAK,SAAS;AAE3D,SAAK,UAAU,aAAS,mBAAK,KAAK,QAAQ,KAAK,UAAU,QAAQ,IAAI;AAErE,WAAO,MAAM;AACX,kCAAU,KAAK,KAAK,KAAK,SAAS;AAAA,IACpC;AAAA,EACF;AACF;AAAA;AAAA;AAAA;AA3CE,cAJW,iBAIJ,UAAqB;AAAA,EAC1B,MAAM;AAAA,EACN,SAAS;AAAA,IACP,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AACF;",
+  "names": []
+}

package/atoms/CircularMarquee/CircularMarquee.d.ts

@@ -0,0 +1,34 @@
+import { Base, BaseConfig, BaseProps } from '@studiometa/js-toolkit';
+export interface CircularMarqueeProps extends BaseProps {
+    $options: {
+        sensitivity: number;
+    };
+}
+/**
+ * CircularMarquee component
+ */
+export declare class CircularMarquee extends Base<CircularMarqueeProps> {
+    /**
+     * CircularMarquee Configuration
+     */
+    static config: BaseConfig;
+    /**
+     * Rotate value.
+     * @type {number}
+     */
+    rotate: number;
+    /**
+     * Scroll delta Y.
+     * @type {number}
+     */
+    deltaY: number;
+    /**
+     * Transform values.
+     * @type {object}
+     */
+    transform: {
+        rotate: number;
+    };
+    scrolled(props: any): void;
+    ticked(): () => void;
+}

package/atoms/CircularMarquee/CircularMarquee.js

@@ -0,0 +1,47 @@
+import { Base } from "@studiometa/js-toolkit";
+import { damp, transform } from "@studiometa/js-toolkit/utils";
+class CircularMarquee extends Base {
+  /**
+   * CircularMarquee Configuration
+   */
+  static config = {
+    name: "CircularMarquee",
+    options: {
+      sensitivity: {
+        type: Number,
+        default: 0.1
+      }
+    }
+  };
+  /**
+   * Rotate value.
+   * @type {number}
+   */
+  rotate = 0;
+  /**
+   * Scroll delta Y.
+   * @type {number}
+   */
+  deltaY = 0;
+  /**
+   * Transform values.
+   * @type {object}
+   */
+  transform = {
+    rotate: 0
+  };
+  scrolled(props) {
+    this.deltaY = props.delta.y;
+  }
+  ticked() {
+    this.rotate -= (Math.abs(this.deltaY) + 1) * this.$options.sensitivity;
+    this.transform.rotate = damp(this.rotate, this.transform.rotate, 0.25);
+    return () => {
+      transform(this.$el, this.transform);
+    };
+  }
+}
+export {
+  CircularMarquee
+};
+//# sourceMappingURL=CircularMarquee.js.map

package/atoms/CircularMarquee/CircularMarquee.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../packages/ui/atoms/CircularMarquee/CircularMarquee.ts"],
+  "sourcesContent": ["import { Base, BaseConfig, BaseProps } from '@studiometa/js-toolkit';\nimport { damp, transform } from '@studiometa/js-toolkit/utils';\n\nexport interface CircularMarqueeProps extends BaseProps {\n  $options: {\n    sensitivity: number;\n  };\n}\n\n/**\n * CircularMarquee component\n */\nexport class CircularMarquee extends Base<CircularMarqueeProps> {\n  /**\n   * CircularMarquee Configuration\n   */\n  static config: BaseConfig = {\n    name: 'CircularMarquee',\n    options: {\n      sensitivity: {\n        type: Number,\n        default: 0.1,\n      },\n    },\n  };\n\n  /**\n   * Rotate value.\n   * @type {number}\n   */\n  rotate = 0;\n\n  /**\n   * Scroll delta Y.\n   * @type {number}\n   */\n  deltaY = 0;\n\n  /**\n   * Transform values.\n   * @type {object}\n   */\n  transform = {\n    rotate: 0,\n  };\n\n  scrolled(props) {\n    this.deltaY = props.delta.y;\n  }\n\n  ticked() {\n    this.rotate -= (Math.abs(this.deltaY) + 1) * this.$options.sensitivity;\n\n    this.transform.rotate = damp(this.rotate, this.transform.rotate, 0.25);\n\n    return () => {\n      transform(this.$el, this.transform);\n    };\n  }\n}\n"],
+  "mappings": "AAAA,SAAS,YAAmC;AAC5C,SAAS,MAAM,iBAAiB;AAWzB,MAAM,wBAAwB,KAA2B;AAAA;AAAA;AAAA;AAAA,EAI9D,OAAO,SAAqB;AAAA,IAC1B,MAAM;AAAA,IACN,SAAS;AAAA,MACP,aAAa;AAAA,QACX,MAAM;AAAA,QACN,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,EAMT,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,EAMT,YAAY;AAAA,IACV,QAAQ;AAAA,EACV;AAAA,EAEA,SAAS,OAAO;AACd,SAAK,SAAS,MAAM,MAAM;AAAA,EAC5B;AAAA,EAEA,SAAS;AACP,SAAK,WAAW,KAAK,IAAI,KAAK,MAAM,IAAI,KAAK,KAAK,SAAS;AAE3D,SAAK,UAAU,SAAS,KAAK,KAAK,QAAQ,KAAK,UAAU,QAAQ,IAAI;AAErE,WAAO,MAAM;AACX,gBAAU,KAAK,KAAK,KAAK,SAAS;AAAA,IACpC;AAAA,EACF;AACF;",
+  "names": []
+}

package/atoms/CircularMarquee/CircularMarquee.twig

@@ -0,0 +1,55 @@
+{#
+/**
+ * @file
+ * Circular Marquee
+ *
+ * @param {String} id - *required
+ * @param {Number} outer_radius
+ * @param {Number} radius
+ * @param {Number} cx
+ * @param {Number} cy
+ * @param {String} content
+ * @param {Object} content_attr
+ * @param {Number} sensitivity
+ */
+#}
+
+{# Outer radius is svg size radius #}
+{% set outer_radius = outer_radius|default(250) %}
+{% set outer_diameter = outer_radius * 2 %}
+
+{# Inner radius is the circle size inside the svg (need to be smaller to not cut text with svg viewbox) #}
+{% set radius = radius|default(220) %}
+{% set diameter = radius * 2 %}
+{% set cx = cx|default(radius) %}
+{% set cy = cy|default(radius) %}
+{% set perimeter = 3.1413 * diameter %}
+
+{% set first = 'M ' ~ (outer_radius - cx) ~ ',' ~ outer_radius %}
+{% set second = 'a ' ~ radius ~ ',' ~ radius ~ ' 0 1,1 ' ~ diameter ~ ',0' %}
+{% set third = 'a ' ~ radius ~ ',' ~ radius ~ ' 0 1,1 -' ~ diameter ~ ',0' %}
+{% set d = [first, second, third]|join(' ') %}
+
+{% set default_content_attributes = { 'xlink:href': '#' ~ id } %}
+{% set content_attributes =
+  merge_html_attributes(default_content_attributes, content_attr|default({}))
+%}
+
+<div data-component="CircularMarquee"
+  {{ html_attributes({ data_option_sensitivity: sensitivity }) }}>
+  <svg aria-hidden="true"
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 {{ outer_diameter }} {{ outer_diameter }}"
+    width="{{ outer_diameter }}"
+    height="{{ outer_diameter }}"
+    class="z-default relative left-1/2 -translate-x-1/2">
+    <defs>
+      <path d="{{ d }}" id="{{ id }}" />
+    </defs>
+    <text dy="0" textLength="{{ perimeter }}">
+      <textPath {{ html_attributes(content_attributes) }}>
+        {{ content|raw }}
+      </textPath>
+    </text>
+  </svg>
+</div>

package/atoms/CircularMarquee/index.cjs

@@ -0,0 +1,21 @@
+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/CircularMarquee/index.ts
+var CircularMarquee_exports = {};
+module.exports = __toCommonJS(CircularMarquee_exports);
+__reExport(CircularMarquee_exports, require("./CircularMarquee.cjs"), module.exports);
+if (module.exports.default) module.exports = module.exports.default;
+//# sourceMappingURL=index.cjs.map

package/atoms/CircularMarquee/index.cjs.map

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

package/atoms/CircularMarquee/index.d.ts

@@ -0,0 +1 @@
+export * from './CircularMarquee.js';

package/atoms/CircularMarquee/index.js

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

package/atoms/CircularMarquee/index.js.map

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

package/atoms/Figure/FigureTwicpics.cjs

@@ -33,6 +33,7 @@ function normalizeSize(that, prop) {
   const { step } = that.$options;
   return Math.ceil(that.$refs.img[prop] / step) * step;
 }
+var isBot = /bot|crawl|slurp|spider/i.test(navigator.userAgent);
 var FigureTwicpics = class extends import_Figure.Figure {
   /**
    * Get the Twicpics path.
@@ -48,10 +49,22 @@ var FigureTwicpics = class extends import_Figure.Figure {
     return url.host;
   }
   /**
-   * Get formattted original source.
+   * Get formatted original source.
+   * If `disable` option is `true` returns the original src.
    */
   get original() {
-    return this.formatSrc(super.original);
+    return this.$options.disable ? super.original : this.formatSrc(super.original);
+  }
+  /**
+   * Get the current device pixel ratio
+   * Returns 1 if user agent is considered as a bot.
+   * Returns 1 if disabled by the `data-option-no-dpr` attribute.
+   */
+  get devicePixelRatio() {
+    if (!this.$options.dpr || isBot) {
+      return 1;
+    }
+    return window.devicePixelRatio;
   }
   /**
    * Format the source for Twicpics.
@@ -63,8 +76,8 @@ var FigureTwicpics = class extends import_Figure.Figure {
     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");
+    const width = normalizeSize(this, "offsetWidth") * this.devicePixelRatio;
+    const height = normalizeSize(this, "offsetHeight") * this.devicePixelRatio;
     url.searchParams.set(
       "twic",
       ["v1", this.$options.transform, `${this.$options.mode}=${width}x${height}`].filter(Boolean).join("/")
@@ -96,6 +109,7 @@ __publicField(FigureTwicpics, "config", {
     transform: String,
     domain: String,
     path: String,
+    disable: Boolean,
     step: {
       type: Number,
       default: 50
@@ -103,6 +117,10 @@ __publicField(FigureTwicpics, "config", {
     mode: {
       type: String,
       default: "cover"
+    },
+    dpr: {
+      type: Boolean,
+      default: true
     }
   }
 });

package/atoms/Figure/FigureTwicpics.cjs.map

@@ -1,7 +1,7 @@
 {
   "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  };\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 && !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    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;AAgBlC,SAAS,cAAc,MAAsB,MAAsB;AACjE,QAAM,EAAE,KAAK,IAAI,KAAK;AACtB,SAAO,KAAK,KAAK,KAAK,MAAM,IAAI,IAAI,IAAI,IAAI,IAAI;AAClD;AAOO,IAAM,iBAAN,cAA8D,qBAEnE;AAAA;AAAA;AAAA;AAAA,EA0BA,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,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,QAAQ,CAAC,IAAI,SAAS,eAAW,+BAAiB,KAAK,IAAI,CAAC,GAAG;AACtE,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,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;AAAA;AAAA;AAAA;AAlFE,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;",
+  "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,EA+BA,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,OAAO,IAAI;AAAA,IACrC;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,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,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;AAAA;AAAA;AAAA;AArGE,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,SAAS;AAAA,IACT,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IACA,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IACA,KAAK;AAAA,MACH,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AACF;",
   "names": []
 }