@studiometa/ui 1.0.0-alpha.0 → 1.0.0-alpha.2

package/molecules/TableOfContent/TableOfContent.cjs

@@ -1,72 +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/molecules/TableOfContent/TableOfContent.ts
-var TableOfContent_exports = {};
-__export(TableOfContent_exports, {
-  TableOfContent: () => TableOfContent
-});
-module.exports = __toCommonJS(TableOfContent_exports);
-var import_js_toolkit = require("@studiometa/js-toolkit");
-var import_TableOfContentAnchor = require("./TableOfContentAnchor.cjs");
-var import_withDeprecation = require("../../decorators/withDeprecation.cjs");
-var TableOfContent = class extends (0, import_withDeprecation.withDeprecation)(import_js_toolkit.Base) {
-  /**
-   * Config.
-   */
-  static config = {
-    name: "TableOfContent",
-    refs: ["itemTemplate", "list"],
-    components: {
-      TableOfContentAnchor: import_TableOfContentAnchor.TableOfContentAnchor
-    },
-    options: {
-      contentSelector: String,
-      withTemplate: Boolean
-    }
-  };
-  /**
-   * Generate anchors on mount and update the component to instantiate the
-   * `TableOfContentAnchor` components.
-   */
-  mounted() {
-    if (this.$options.withTemplate) {
-      this.generateAnchors();
-      this.$update();
-    }
-  }
-  /**
-   * Generate all anchors.
-   * @todo Read anchor template from a ref?
-   * @todo Better API to easily override the template function, maybe a `render` function?
-   */
-  generateAnchors() {
-    document.querySelectorAll(this.$options.contentSelector).forEach((section) => {
-      const tpl = document.createElement("div");
-      tpl.innerHTML = this.$refs.itemTemplate.innerHTML;
-      const li = tpl.querySelector("li");
-      const anchor = li.querySelector("a");
-      anchor.href = `#${section.id}`;
-      anchor.innerHTML = section.textContent;
-      anchor.dataset.component = "TableOfContentAnchor";
-      this.$refs.list.append(li);
-    });
-  }
-};
-if (module.exports.default) module.exports = module.exports.default;
-//# sourceMappingURL=TableOfContent.cjs.map

package/molecules/TableOfContent/TableOfContent.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../packages/ui/molecules/TableOfContent/TableOfContent.ts"],
-  "sourcesContent": ["import { Base } from '@studiometa/js-toolkit';\nimport type { BaseProps, BaseConfig } from '@studiometa/js-toolkit';\nimport { TableOfContentAnchor } from './TableOfContentAnchor.js';\nimport { withDeprecation } from '../../decorators/withDeprecation.js';\n\nexport interface TableOfContentProps extends BaseProps {\n  $refs: {\n    itemTemplate: HTMLTemplateElement;\n    list: HTMLUListElement;\n  };\n  $options: {\n    contentSelector: string;\n    withTemplate: boolean;\n  };\n  $children: {\n    TableOfContentAnchor: TableOfContentAnchor[];\n  };\n}\n\n/**\n * TableOfContent class.\n * @deprecated\n */\nexport class TableOfContent<T extends BaseProps = BaseProps> extends withDeprecation(Base)<\n  T & TableOfContentProps\n> {\n  /**\n   * Config.\n   */\n  static config: BaseConfig = {\n    name: 'TableOfContent',\n    refs: ['itemTemplate', 'list'],\n    components: {\n      TableOfContentAnchor,\n    },\n    options: {\n      contentSelector: String,\n      withTemplate: Boolean,\n    },\n  };\n\n  /**\n   * Generate anchors on mount and update the component to instantiate the\n   * `TableOfContentAnchor` components.\n   */\n  mounted() {\n    if (this.$options.withTemplate) {\n      this.generateAnchors();\n      this.$update();\n    }\n  }\n\n  /**\n   * Generate all anchors.\n   * @todo Read anchor template from a ref?\n   * @todo Better API to easily override the template function, maybe a `render` function?\n   */\n  generateAnchors() {\n    document.querySelectorAll(this.$options.contentSelector).forEach((section) => {\n      const tpl = document.createElement('div');\n      tpl.innerHTML = this.$refs.itemTemplate.innerHTML;\n      const li = tpl.querySelector('li');\n      const anchor = li.querySelector('a');\n      anchor.href = `#${section.id}`;\n      anchor.innerHTML = section.textContent;\n      anchor.dataset.component = 'TableOfContentAnchor';\n      this.$refs.list.append(li);\n    });\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAqB;AAErB,kCAAqC;AACrC,6BAAgC;AAoBzB,IAAM,iBAAN,kBAA8D,wCAAgB,sBAAI,EAEvF;AAAA;AAAA;AAAA;AAAA,EAIA,OAAO,SAAqB;AAAA,IAC1B,MAAM;AAAA,IACN,MAAM,CAAC,gBAAgB,MAAM;AAAA,IAC7B,YAAY;AAAA,MACV;AAAA,IACF;AAAA,IACA,SAAS;AAAA,MACP,iBAAiB;AAAA,MACjB,cAAc;AAAA,IAChB;AAAA,EACF;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,UAAU;AACR,QAAI,KAAK,SAAS,cAAc;AAC9B,WAAK,gBAAgB;AACrB,WAAK,QAAQ;AAAA,IACf;AAAA,EACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,kBAAkB;AAChB,aAAS,iBAAiB,KAAK,SAAS,eAAe,EAAE,QAAQ,CAAC,YAAY;AAC5E,YAAM,MAAM,SAAS,cAAc,KAAK;AACxC,UAAI,YAAY,KAAK,MAAM,aAAa;AACxC,YAAM,KAAK,IAAI,cAAc,IAAI;AACjC,YAAM,SAAS,GAAG,cAAc,GAAG;AACnC,aAAO,OAAO,IAAI,QAAQ,EAAE;AAC5B,aAAO,YAAY,QAAQ;AAC3B,aAAO,QAAQ,YAAY;AAC3B,WAAK,MAAM,KAAK,OAAO,EAAE;AAAA,IAC3B,CAAC;AAAA,EACH;AACF;",
-  "names": []
-}

package/molecules/TableOfContent/TableOfContentAnchor.cjs

@@ -1,76 +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/molecules/TableOfContent/TableOfContentAnchor.ts
-var TableOfContentAnchor_exports = {};
-__export(TableOfContentAnchor_exports, {
-  TableOfContentAnchor: () => TableOfContentAnchor
-});
-module.exports = __toCommonJS(TableOfContentAnchor_exports);
-var import_atoms = require("../../atoms/index.cjs");
-var import_withDeprecation = require("../../decorators/withDeprecation.cjs");
-var TableOfContentAnchor = class extends (0, import_withDeprecation.withDeprecation)(
-  import_atoms.AnchorScrollTo
-) {
-  /**
-   * Config.
-   */
-  static config = {
-    name: "TableOfContentAnchor",
-    emits: ["should-activate"],
-    options: {
-      activeClass: {
-        type: String,
-        default: "is-active"
-      }
-    }
-  };
-  /**
-   * Observer.
-   * @private
-   */
-  __observer;
-  /**
-   * Get the sentinel.
-   */
-  get sentinel() {
-    return document.querySelector(this.targetSelector);
-  }
-  /**
-   * Init observer on mount.
-   */
-  mounted() {
-    if (!this.sentinel) {
-      return;
-    }
-    this.__observer = new IntersectionObserver(([entry]) => {
-      const shouldActivate = entry.isIntersecting && entry.boundingClientRect.y < 100 && entry.boundingClientRect.y > -100;
-      this.$el.classList.toggle(this.$options.activeClass, shouldActivate);
-      this.$emit("should-activate", shouldActivate);
-    });
-    this.__observer.observe(this.sentinel);
-  }
-  /**
-   * Destroy observer on destroy.
-   */
-  destroyed() {
-    this.__observer.disconnect();
-  }
-};
-if (module.exports.default) module.exports = module.exports.default;
-//# sourceMappingURL=TableOfContentAnchor.cjs.map

package/molecules/TableOfContent/TableOfContentAnchor.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../packages/ui/molecules/TableOfContent/TableOfContentAnchor.ts"],
-  "sourcesContent": ["import type { BaseProps, BaseConfig } from '@studiometa/js-toolkit';\nimport { AnchorScrollTo } from '../../atoms/index.js';\nimport { withDeprecation } from '../../decorators/withDeprecation.js';\n\nexport interface TableOfContentAnchorProps extends BaseProps {\n  $options: {\n    activeClass: string;\n  };\n}\n\n/**\n * TableOfContentAnchor class.\n * @deprecated\n */\nexport class TableOfContentAnchor<T extends BaseProps = BaseProps> extends withDeprecation<AnchorScrollTo>(\n  AnchorScrollTo,\n)<T & TableOfContentAnchorProps> {\n  /**\n   * Config.\n   */\n  static config: BaseConfig = {\n    name: 'TableOfContentAnchor',\n    emits: ['should-activate'],\n    options: {\n      activeClass: {\n        type: String,\n        default: 'is-active',\n      },\n    },\n  };\n\n  /**\n   * Observer.\n   * @private\n   */\n  __observer: IntersectionObserver;\n\n  /**\n   * Get the sentinel.\n   */\n  get sentinel(): HTMLElement {\n    return document.querySelector(this.targetSelector) as HTMLElement;\n  }\n\n  /**\n   * Init observer on mount.\n   */\n  mounted() {\n    if (!this.sentinel) {\n      return;\n    }\n\n    this.__observer = new IntersectionObserver(([entry]) => {\n      const shouldActivate =\n        entry.isIntersecting &&\n        entry.boundingClientRect.y < 100 &&\n        entry.boundingClientRect.y > -100;\n      this.$el.classList.toggle(this.$options.activeClass, shouldActivate);\n      this.$emit('should-activate', shouldActivate);\n    });\n\n    this.__observer.observe(this.sentinel);\n  }\n\n  /**\n   * Destroy observer on destroy.\n   */\n  destroyed() {\n    this.__observer.disconnect();\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAA+B;AAC/B,6BAAgC;AAYzB,IAAM,uBAAN,kBAAoE;AAAA,EACzE;AACF,EAAiC;AAAA;AAAA;AAAA;AAAA,EAI/B,OAAO,SAAqB;AAAA,IAC1B,MAAM;AAAA,IACN,OAAO,CAAC,iBAAiB;AAAA,IACzB,SAAS;AAAA,MACP,aAAa;AAAA,QACX,MAAM;AAAA,QACN,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA;AAAA;AAAA;AAAA;AAAA,EAKA,IAAI,WAAwB;AAC1B,WAAO,SAAS,cAAc,KAAK,cAAc;AAAA,EACnD;AAAA;AAAA;AAAA;AAAA,EAKA,UAAU;AACR,QAAI,CAAC,KAAK,UAAU;AAClB;AAAA,IACF;AAEA,SAAK,aAAa,IAAI,qBAAqB,CAAC,CAAC,KAAK,MAAM;AACtD,YAAM,iBACJ,MAAM,kBACN,MAAM,mBAAmB,IAAI,OAC7B,MAAM,mBAAmB,IAAI;AAC/B,WAAK,IAAI,UAAU,OAAO,KAAK,SAAS,aAAa,cAAc;AACnE,WAAK,MAAM,mBAAmB,cAAc;AAAA,IAC9C,CAAC;AAED,SAAK,WAAW,QAAQ,KAAK,QAAQ;AAAA,EACvC;AAAA;AAAA;AAAA;AAAA,EAKA,YAAY;AACV,SAAK,WAAW,WAAW;AAAA,EAC7B;AACF;",
-  "names": []
-}

package/molecules/TableOfContent/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/molecules/TableOfContent/index.ts
-var TableOfContent_exports = {};
-module.exports = __toCommonJS(TableOfContent_exports);
-__reExport(TableOfContent_exports, require("./TableOfContent.cjs"), module.exports);
-__reExport(TableOfContent_exports, require("./TableOfContentAnchor.cjs"), module.exports);
-if (module.exports.default) module.exports = module.exports.default;
-//# sourceMappingURL=index.cjs.map

package/molecules/TableOfContent/index.cjs.map

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

package/molecules/Tabs/Tabs.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/molecules/Tabs/Tabs.ts
-var Tabs_exports = {};
-__export(Tabs_exports, {
-  Tabs: () => Tabs
-});
-module.exports = __toCommonJS(Tabs_exports);
-var import_js_toolkit = require("@studiometa/js-toolkit");
-var import_utils = require("@studiometa/js-toolkit/utils");
-var Tabs = class extends import_js_toolkit.Base {
-  /**
-   * Config.
-   */
-  static config = {
-    name: "Tabs",
-    refs: ["btn[]", "content[]"],
-    emits: ["enable", "disable"],
-    options: {
-      styles: {
-        type: Object,
-        default: () => ({
-          content: {
-            closed: {
-              position: "absolute",
-              opacity: "0",
-              pointerEvents: "none",
-              visibility: "hidden"
-            }
-          }
-        }),
-        merge: true
-      }
-    }
-  };
-  items;
-  /**
-   * Initialize the component's behaviours.
-   * @returns {void}
-   */
-  mounted() {
-    this.items = this.$refs.btn.map((btn, index) => {
-      const id = `${this.$id}-${index}`;
-      const content = this.$refs.content[index];
-      btn.setAttribute("id", id);
-      content.setAttribute("aria-labelledby", id);
-      const item = { btn, content, isEnabled: index > 0 };
-      if (index > 0) {
-        this.disableItem(item);
-      } else {
-        this.enableItem(item);
-      }
-      return item;
-    });
-  }
-  /**
-   * Switch tab on button click.
-   */
-  onBtnClick(event, index) {
-    this.items.forEach((item, i) => {
-      if (i !== index) {
-        this.disableItem(item);
-      }
-    });
-    this.enableItem(this.items[index]);
-  }
-  /**
-   * Enable the given tab and its associated content.
-   */
-  async enableItem(item) {
-    if (!item || item.isEnabled) {
-      return Promise.resolve(this);
-    }
-    item.isEnabled = true;
-    const { btn, content } = item;
-    const btnStyles = this.$options.styles.btn || {};
-    const contentStyles = this.$options.styles.content || {};
-    content.setAttribute("aria-hidden", "false");
-    this.$emit("enable", item);
-    return Promise.all([
-      (0, import_utils.transition)(
-        btn,
-        {
-          from: btnStyles.closed,
-          active: btnStyles.active,
-          to: btnStyles.open
-        },
-        "keep"
-      ),
-      (0, import_utils.transition)(
-        content,
-        {
-          from: contentStyles.closed,
-          active: contentStyles.active,
-          to: contentStyles.open
-        },
-        "keep"
-      )
-    ]).then(() => Promise.resolve(this));
-  }
-  /**
-   * Disable the given tab and its associated content.
-   */
-  async disableItem(item) {
-    if (!item || !item.isEnabled) {
-      return Promise.resolve(this);
-    }
-    item.isEnabled = false;
-    const { btn, content } = item;
-    const btnStyles = this.$options.styles.btn || {};
-    const contentStyles = this.$options.styles.content || {};
-    content.setAttribute("aria-hidden", "true");
-    this.$emit("disable", item);
-    return Promise.all([
-      (0, import_utils.transition)(
-        btn,
-        {
-          from: btnStyles.open,
-          active: btnStyles.active,
-          to: btnStyles.closed
-        },
-        "keep"
-      ),
-      (0, import_utils.transition)(
-        content,
-        {
-          from: contentStyles.open,
-          active: contentStyles.active,
-          to: contentStyles.closed
-        },
-        "keep"
-      )
-    ]).then(() => Promise.resolve(this));
-  }
-};
-if (module.exports.default) module.exports = module.exports.default;
-//# sourceMappingURL=Tabs.cjs.map

package/molecules/Tabs/Tabs.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../packages/ui/molecules/Tabs/Tabs.ts"],
-  "sourcesContent": ["import { Base } from '@studiometa/js-toolkit';\nimport type { BaseProps, BaseConfig } from '@studiometa/js-toolkit';\nimport { transition } from '@studiometa/js-toolkit/utils';\n\ntype TabItem = {\n  btn: HTMLElement;\n  content: HTMLElement;\n  isEnabled: boolean;\n};\n\ntype TabsStates = Partial<\n  Record<'open' | 'active' | 'closed', string | Partial<CSSStyleDeclaration>>\n>;\n// eslint-disable-next-line no-use-before-define\ntype TabsStylesOption = Partial<Record<keyof TabsProps['$refs'], TabsStates>>;\n\nexport interface TabsProps extends BaseProps {\n  $options: {\n    styles: TabsStylesOption;\n  };\n  $refs: {\n    btn: HTMLElement[];\n    content: HTMLElement[];\n  };\n}\n\n/**\n * Tabs class.\n */\nexport class Tabs<T extends BaseProps = BaseProps> extends Base<T & TabsProps> {\n  /**\n   * Config.\n   */\n  static config: BaseConfig = {\n    name: 'Tabs',\n    refs: ['btn[]', 'content[]'],\n    emits: ['enable', 'disable'],\n    options: {\n      styles: {\n        type: Object,\n        default: (): TabsStylesOption => ({\n          content: {\n            closed: {\n              position: 'absolute',\n              opacity: '0',\n              pointerEvents: 'none',\n              visibility: 'hidden',\n            },\n          },\n        }),\n        merge: true,\n      },\n    },\n  };\n\n  items: TabItem[];\n\n  /**\n   * Initialize the component's behaviours.\n   * @returns {void}\n   */\n  mounted() {\n    this.items = this.$refs.btn.map((btn, index) => {\n      const id = `${this.$id}-${index}`;\n      const content = this.$refs.content[index];\n      btn.setAttribute('id', id);\n      content.setAttribute('aria-labelledby', id);\n\n      const item = { btn, content, isEnabled: index > 0 };\n      if (index > 0) {\n        this.disableItem(item);\n      } else {\n        this.enableItem(item);\n      }\n      return item;\n    });\n  }\n\n  /**\n   * Switch tab on button click.\n   */\n  onBtnClick(event: MouseEvent, index: number) {\n    this.items.forEach((item, i) => {\n      if (i !== index) {\n        this.disableItem(item);\n      }\n    });\n\n    this.enableItem(this.items[index]);\n  }\n\n  /**\n   * Enable the given tab and its associated content.\n   */\n  async enableItem(item: TabItem): Promise<this> {\n    if (!item || item.isEnabled) {\n      return Promise.resolve(this);\n    }\n\n    item.isEnabled = true;\n    const { btn, content } = item;\n    const btnStyles = this.$options.styles.btn || {};\n    const contentStyles = this.$options.styles.content || {};\n\n    content.setAttribute('aria-hidden', 'false');\n    this.$emit('enable', item);\n\n    return Promise.all([\n      transition(\n        btn,\n        {\n          from: btnStyles.closed,\n          active: btnStyles.active,\n          to: btnStyles.open,\n        },\n        'keep',\n      ),\n      transition(\n        content,\n        {\n          from: contentStyles.closed,\n          active: contentStyles.active,\n          to: contentStyles.open,\n        },\n        'keep',\n      ),\n    ]).then(() => Promise.resolve(this));\n  }\n\n  /**\n   * Disable the given tab and its associated content.\n   */\n  async disableItem(item: TabItem): Promise<this> {\n    if (!item || !item.isEnabled) {\n      return Promise.resolve(this);\n    }\n\n    item.isEnabled = false;\n    const { btn, content } = item;\n    const btnStyles = this.$options.styles.btn || {};\n    const contentStyles = this.$options.styles.content || {};\n\n    content.setAttribute('aria-hidden', 'true');\n    this.$emit('disable', item);\n\n    return Promise.all([\n      transition(\n        btn,\n        {\n          from: btnStyles.open,\n          active: btnStyles.active,\n          to: btnStyles.closed,\n        },\n        'keep',\n      ),\n      transition(\n        content,\n        {\n          from: contentStyles.open,\n          active: contentStyles.active,\n          to: contentStyles.closed,\n        },\n        'keep',\n      ),\n    ]).then(() => Promise.resolve(this));\n  }\n}\n"],
-  "mappings": "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",
-  "names": []
-}

package/molecules/Tabs/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/molecules/Tabs/index.ts
-var Tabs_exports = {};
-module.exports = __toCommonJS(Tabs_exports);
-__reExport(Tabs_exports, require("./Tabs.cjs"), module.exports);
-if (module.exports.default) module.exports = module.exports.default;
-//# sourceMappingURL=index.cjs.map

package/molecules/Tabs/index.cjs.map

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

package/molecules/index.cjs

@@ -1,30 +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/molecules/index.ts
-var molecules_exports = {};
-module.exports = __toCommonJS(molecules_exports);
-__reExport(molecules_exports, require("./Accordion/Accordion.cjs"), module.exports);
-__reExport(molecules_exports, require("./Accordion/AccordionItem.cjs"), module.exports);
-__reExport(molecules_exports, require("./Menu/index.cjs"), module.exports);
-__reExport(molecules_exports, require("./Slider/index.cjs"), module.exports);
-__reExport(molecules_exports, require("./Sticky/Sticky.cjs"), module.exports);
-__reExport(molecules_exports, require("./AnchorNav/index.cjs"), module.exports);
-__reExport(molecules_exports, require("./TableOfContent/index.cjs"), module.exports);
-__reExport(molecules_exports, require("./Tabs/index.cjs"), module.exports);
-__reExport(molecules_exports, require("./Modal/index.cjs"), module.exports);
-__reExport(molecules_exports, require("./Panel/index.cjs"), module.exports);
-if (module.exports.default) module.exports = module.exports.default;
-//# sourceMappingURL=index.cjs.map

package/molecules/index.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../packages/ui/molecules/index.ts"],
-  "sourcesContent": ["export * from './Accordion/Accordion.js';\nexport * from './Accordion/AccordionItem.js';\nexport * from './Menu/index.js';\nexport * from './Slider/index.js';\nexport * from './Sticky/Sticky.js';\nexport * from './AnchorNav/index.js';\nexport * from './TableOfContent/index.js';\nexport * from './Tabs/index.js';\nexport * from './Modal/index.js';\nexport * from './Panel/index.js';\n"],
-  "mappings": ";;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,8BAAc,sCAAd;AACA,8BAAc,0CADd;AAEA,8BAAc,6BAFd;AAGA,8BAAc,+BAHd;AAIA,8BAAc,gCAJd;AAKA,8BAAc,kCALd;AAMA,8BAAc,uCANd;AAOA,8BAAc,6BAPd;AAQA,8BAAc,8BARd;AASA,8BAAc,8BATd;",
-  "names": []
-}

package/organisms/Frame/Frame.cjs

@@ -1,220 +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/organisms/Frame/Frame.ts
-var Frame_exports = {};
-__export(Frame_exports, {
-  Frame: () => Frame
-});
-module.exports = __toCommonJS(Frame_exports);
-var import_js_toolkit = require("@studiometa/js-toolkit");
-var import_utils = require("@studiometa/js-toolkit/utils");
-var import_FrameAnchor = require("./FrameAnchor.cjs");
-var import_FrameForm = require("./FrameForm.cjs");
-var import_FrameTarget = require("./FrameTarget.cjs");
-function getScrollPosition() {
-  return {
-    left: window.pageXOffset,
-    top: window.pageYOffset
-  };
-}
-var cache = /* @__PURE__ */ new Map();
-var Frame = class _Frame extends import_js_toolkit.Base {
-  /**
-   * Config.
-   */
-  static config = {
-    name: "Frame",
-    emits: [
-      "before-fetch",
-      "after-fetch",
-      "before-leave",
-      "after-leave",
-      "before-content",
-      "after-content",
-      "before-enter",
-      "after-enter"
-    ],
-    components: {
-      FrameAnchor: import_FrameAnchor.FrameAnchor,
-      FrameForm: import_FrameForm.FrameForm,
-      FrameTarget: import_FrameTarget.FrameTarget,
-      Frame: _Frame
-    },
-    options: {
-      history: Boolean
-    }
-  };
-  /**
-   * Get uniq id.
-   */
-  get id() {
-    return this.$el.id;
-  }
-  /**
-   * Get direct `FrameTarget` children.
-   */
-  get directChildrenFrameTarget() {
-    return (0, import_js_toolkit.getDirectChildren)(this, "Frame", "FrameTarget");
-  }
-  /**
-   * Prevent scroll top on unload.
-   */
-  onWindowUnload() {
-    const { history } = window;
-    if (!history.state) {
-      return;
-    }
-    history.replaceState(
-      {
-        ...history.state,
-        scroll: getScrollPosition()
-      },
-      ""
-    );
-  }
-  /**
-   * Go to the previous URL on `popstate` event.
-   */
-  onWindowPopstate(event) {
-    this.goTo(window.location.href, null, event.state);
-  }
-  /**
-   * Prevent click on `FrameAnchor`.
-   */
-  onFrameAnchorClick(index, event) {
-    if (!(0, import_js_toolkit.isDirectChild)(this, "Frame", "FrameAnchor", this.$children.FrameAnchor[index])) {
-      return;
-    }
-    this.$log("onAFrameClick", index, event);
-    event.preventDefault();
-    const anchor = this.$children.FrameAnchor[index];
-    if (anchor.href === window.location.href) {
-      return;
-    }
-    this.goTo(anchor.href);
-  }
-  /**
-   * Prevent submit on forms.
-   */
-  onFrameFormSubmit(index, event) {
-    if (!(0, import_js_toolkit.isDirectChild)(this, "Frame", "FrameForm", this.$children.FrameForm[index])) {
-      return;
-    }
-    this.$log("onFrameFormFrameSubmit", index, event);
-    event.preventDefault();
-    const form = this.$children.FrameForm[index];
-    const url = new URL(form.action);
-    if (form.$el.method === "get") {
-      url.search = new URLSearchParams(new FormData(form.$el)).toString();
-      this.goTo(url.toString());
-    }
-    if (form.$el.method === "post") {
-      this.goTo(url.toString(), new FormData(form.$el));
-    }
-  }
-  /**
-   * Parge an HTML string into a DOM object.
-   */
-  parseHTML(string = "") {
-    return new DOMParser().parseFromString(string, "text/html");
-  }
-  /**
-   * Go to the given url.
-   */
-  async goTo(url, formData = null, scroll = null) {
-    this.$log("goTo", url);
-    const parsedUrl = new URL(url);
-    if (parsedUrl.origin !== window.location.origin) {
-      throw new Error("Cross origin request are not allowed.");
-    }
-    this.$emit("before-fetch", url);
-    const content = await this.fetch(url, formData);
-    const doc = this.parseHTML(content);
-    const el = doc.querySelector(`#${this.id}`);
-    const newFrame = new _Frame(el);
-    newFrame.$children.registerAll();
-    this.$emit("after-fetch", url, content);
-    this.$emit("before-leave");
-    await Promise.all(this.directChildrenFrameTarget.map((target) => target.leave()));
-    this.$emit("after-leave");
-    this.$emit("before-content");
-    this.directChildrenFrameTarget.map(
-      (target, index) => target.updateContent(newFrame.directChildrenFrameTarget[index])
-    );
-    if (this.$options.history && formData === null) {
-      document.title = doc.title;
-      (0, import_utils.historyPush)({ path: parsedUrl.pathname, search: parsedUrl.searchParams });
-    }
-    if (scroll) {
-      document.scrollingElement.scrollTop = scroll.top;
-      document.scrollingElement.scrollLeft = scroll.left;
-    }
-    await (0, import_utils.nextFrame)();
-    this.$root.$update();
-    await (0, import_utils.nextFrame)();
-    this.$emit("after-content");
-    this.$emit("before-enter");
-    await Promise.all(this.directChildrenFrameTarget.map((target) => target.enter()));
-    this.$emit("after-enter");
-  }
-  /**
-   * Fetch the given url.
-   */
-  async fetch(url, formData = null) {
-    if (formData) {
-      const promise2 = fetch(url, {
-        method: "post",
-        body: formData
-      }).then((response) => response.text());
-      const content = await promise2;
-      return content;
-    }
-    const cached = cache.get(url);
-    if (cached) {
-      if (cached.status === "pending") {
-        return cached.promise;
-      }
-      return cached.content;
-    }
-    const promise = fetch(url).then((response) => response.text());
-    try {
-      cache.set(url, {
-        promise,
-        status: "pending",
-        content: void 0
-      });
-      const content = await promise;
-      cache.set(url, {
-        promise,
-        status: "resolved",
-        content
-      });
-      return content;
-    } catch (err) {
-      cache.set(url, {
-        promise,
-        status: "error",
-        content: err
-      });
-      return err;
-    }
-  }
-};
-if (module.exports.default) module.exports = module.exports.default;
-//# sourceMappingURL=Frame.cjs.map