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

package/molecules/Accordion/AccordionItem.cjs

@@ -1,206 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// packages/ui/molecules/Accordion/AccordionItem.ts
-var AccordionItem_exports = {};
-__export(AccordionItem_exports, {
-  AccordionItem: () => AccordionItem
-});
-module.exports = __toCommonJS(AccordionItem_exports);
-var import_deepmerge = __toESM(require("deepmerge"), 1);
-var import_js_toolkit = require("@studiometa/js-toolkit");
-var import_utils = require("@studiometa/js-toolkit/utils");
-var import_AccordionCore = require("./AccordionCore.cjs");
-var AccordionItem = class _AccordionItem extends import_js_toolkit.Base {
-  /**
-   * Config.
-   */
-  static config = {
-    name: "AccordionItem",
-    refs: ["btn", "content", "container"],
-    emits: ["open", "close"],
-    options: {
-      isOpen: Boolean,
-      styles: {
-        type: Object,
-        default: () => ({
-          container: {
-            open: "",
-            active: "",
-            closed: ""
-          }
-        }),
-        merge: true
-      }
-    }
-  };
-  /**
-   * Add aria-attributes on mounted.
-   */
-  mounted() {
-    if (this.$parent && this.$parent instanceof import_AccordionCore.AccordionCore && this.$parent.$options.item) {
-      Object.entries(this.$parent.$options.item).forEach(([key, value]) => {
-        if (key in this.$options) {
-          const type = _AccordionItem.config.options[key].type ?? _AccordionItem.config.options[key];
-          if (type === Array || type === Object) {
-            this.$options[key] = (0, import_deepmerge.default)(
-              this.$options[key],
-              /** @type {any} */
-              value
-            );
-          } else {
-            this.$options[key] = value;
-          }
-        }
-      });
-    }
-    this.$refs.btn.setAttribute("id", this.$id);
-    this.$refs.btn.setAttribute("aria-controls", this.contentId);
-    this.$refs.content.setAttribute("aria-labelledby", this.$id);
-    this.$refs.content.setAttribute("id", this.contentId);
-    const { isOpen } = this.$options;
-    this.updateAttributes(isOpen);
-    const { container, ...otherStyles } = this.$options.styles;
-    const { $refs } = this;
-    Object.entries(otherStyles).filter(([refName]) => $refs[refName]).forEach(([refName, { open, closed } = { open: "", closed: "" }]) => {
-      (0, import_utils.transition)($refs[refName], { to: isOpen ? open : closed }, "keep");
-    });
-  }
-  /**
-   * Remove styles on destroy.
-   */
-  destroyed() {
-    this.$refs.container.style.visibility = "";
-    this.$refs.container.style.height = "";
-  }
-  /**
-   * Handler for the click event on the `btn` ref.
-   */
-  onBtnClick() {
-    if (this.$options.isOpen) {
-      this.close();
-    } else {
-      this.open();
-    }
-  }
-  /**
-   * Get the content ID.
-   */
-  get contentId() {
-    return `content-${this.$id}`;
-  }
-  /**
-   * Update the refs' attributes according to the given type.
-   */
-  updateAttributes(isOpen) {
-    this.$refs.container.style.visibility = isOpen ? "" : "invisible";
-    this.$refs.container.style.height = isOpen ? "" : "0";
-    this.$refs.content.setAttribute("aria-hidden", isOpen ? "false" : "true");
-    this.$refs.btn.setAttribute("aria-expanded", isOpen ? "true" : "false");
-  }
-  /**
-   * Open an item.
-   */
-  async open() {
-    if (this.$options.isOpen) {
-      return;
-    }
-    this.$log("open");
-    this.$emit("open");
-    this.$options.isOpen = true;
-    this.updateAttributes(this.$options.isOpen);
-    this.$refs.container.style.visibility = "";
-    const { container, ...otherStyles } = this.$options.styles;
-    const { $refs } = this;
-    await Promise.all([
-      (0, import_utils.transition)($refs.container, {
-        from: { height: "0" },
-        active: container.active,
-        to: { height: `${$refs.content.offsetHeight}px` }
-      }).then(() => {
-        if (this.$options.isOpen) {
-          $refs.content.style.position = "";
-        }
-        return Promise.resolve();
-      }),
-      ...Object.entries(otherStyles).filter(([refName]) => $refs[refName]).map(
-        ([refName, { open, active, closed } = { open: "", active: "", closed: "" }]) => (0, import_utils.transition)(
-          $refs[refName],
-          {
-            from: closed,
-            active,
-            to: open
-          },
-          "keep"
-        )
-      )
-    ]);
-  }
-  /**
-   * Close an item.
-   */
-  async close() {
-    if (!this.$options.isOpen) {
-      return;
-    }
-    this.$log("close");
-    this.$emit("close");
-    this.$options.isOpen = false;
-    const height = this.$refs.container.offsetHeight;
-    this.$refs.content.style.position = "absolute";
-    const { container, ...otherStyles } = this.$options.styles;
-    const refs = this.$refs;
-    await Promise.all([
-      (0, import_utils.transition)(refs.container, {
-        from: { height: `${height}px` },
-        active: container.active,
-        to: { height: "0" }
-      }).then(() => {
-        if (!this.$options.isOpen) {
-          refs.container.style.height = "0";
-          refs.container.style.visibility = "invisible";
-          this.updateAttributes(this.$options.isOpen);
-        }
-        return Promise.resolve();
-      }),
-      ...Object.entries(otherStyles).filter(([refName]) => refs[refName]).map(
-        ([refName, { open, active, closed } = { open: "", active: "", closed: "" }]) => (0, import_utils.transition)(
-          refs[refName],
-          {
-            from: open,
-            active,
-            to: closed
-          },
-          "keep"
-        )
-      )
-    ]);
-  }
-};
-if (module.exports.default) module.exports = module.exports.default;
-//# sourceMappingURL=AccordionItem.cjs.map

package/molecules/Accordion/AccordionItem.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../packages/ui/molecules/Accordion/AccordionItem.ts"],
-  "sourcesContent": ["import deepmerge from 'deepmerge';\nimport { Base, BaseConfig } from '@studiometa/js-toolkit';\nimport type { BaseProps } from '@studiometa/js-toolkit';\nimport { transition } from '@studiometa/js-toolkit/utils';\nimport { AccordionCore as Accordion } from './AccordionCore.js';\n\ntype AccordionItemStates = Partial<\n  Record<'open' | 'active' | 'closed', string | Partial<CSSStyleDeclaration>>\n>;\n\nexport interface AccordionItemProps extends BaseProps {\n  $refs: {\n    btn: HTMLElement;\n    content: HTMLElement;\n    container: HTMLElement;\n  };\n  $options: {\n    isOpen: boolean;\n    styles: Partial<Record<keyof AccordionItemProps['$refs'], AccordionItemStates>>;\n  };\n}\n\n/**\n * AccordionItem class.\n */\nexport class AccordionItem<T extends BaseProps = BaseProps> extends Base<T & AccordionItemProps> {\n  /**\n   * Config.\n   */\n  static config: BaseConfig = {\n    name: 'AccordionItem',\n    refs: ['btn', 'content', 'container'],\n    emits: ['open', 'close'],\n    options: {\n      isOpen: Boolean,\n      styles: {\n        type: Object,\n        default: (): AccordionItemProps['$options']['styles'] => ({\n          container: {\n            open: '',\n            active: '',\n            closed: '',\n          },\n        }),\n        merge: true,\n      },\n    },\n  };\n\n  /**\n   * Add aria-attributes on mounted.\n   */\n  mounted() {\n    if (this.$parent && this.$parent instanceof Accordion && this.$parent.$options.item) {\n      Object.entries(this.$parent.$options.item).forEach(([key, value]) => {\n        if (key in this.$options) {\n          // @ts-ignore\n          const type = AccordionItem.config.options[key].type ?? AccordionItem.config.options[key];\n          if (type === Array || type === Object) {\n            // @ts-ignore\n            this.$options[key] = deepmerge(this.$options[key], /** @type {any} */ value);\n          } else {\n            // @ts-ignore\n            this.$options[key] = value;\n          }\n        }\n      });\n    }\n\n    this.$refs.btn.setAttribute('id', this.$id);\n    this.$refs.btn.setAttribute('aria-controls', this.contentId);\n    this.$refs.content.setAttribute('aria-labelledby', this.$id);\n    this.$refs.content.setAttribute('id', this.contentId);\n\n    const { isOpen } = this.$options;\n    this.updateAttributes(isOpen);\n\n    // Update refs styles on mount\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    const { container, ...otherStyles } = this.$options.styles;\n\n    const { $refs } = this;\n    Object.entries(otherStyles)\n      .filter(([refName]) => $refs[refName])\n      .forEach(([refName, { open, closed } = { open: '', closed: '' }]) => {\n        transition($refs[refName] as HTMLElement, { to: isOpen ? open : closed }, 'keep');\n      });\n  }\n\n  /**\n   * Remove styles on destroy.\n   */\n  destroyed() {\n    this.$refs.container.style.visibility = '';\n    this.$refs.container.style.height = '';\n  }\n\n  /**\n   * Handler for the click event on the `btn` ref.\n   */\n  onBtnClick() {\n    if (this.$options.isOpen) {\n      this.close();\n    } else {\n      this.open();\n    }\n  }\n\n  /**\n   * Get the content ID.\n   */\n  get contentId(): string {\n    return `content-${this.$id}`;\n  }\n\n  /**\n   * Update the refs' attributes according to the given type.\n   */\n  updateAttributes(isOpen: boolean) {\n    this.$refs.container.style.visibility = isOpen ? '' : 'invisible';\n    this.$refs.container.style.height = isOpen ? '' : '0';\n    this.$refs.content.setAttribute('aria-hidden', isOpen ? 'false' : 'true');\n    this.$refs.btn.setAttribute('aria-expanded', isOpen ? 'true' : 'false');\n  }\n\n  /**\n   * Open an item.\n   */\n  async open() {\n    if (this.$options.isOpen) {\n      return;\n    }\n\n    this.$log('open');\n    this.$emit('open');\n\n    this.$options.isOpen = true;\n    this.updateAttributes(this.$options.isOpen);\n\n    this.$refs.container.style.visibility = '';\n    const { container, ...otherStyles } = this.$options.styles;\n\n    const { $refs } = this;\n\n    await Promise.all([\n      transition($refs.container, {\n        from: { height: '0' },\n        active: container.active,\n        to: { height: `${$refs.content.offsetHeight}px` },\n      }).then(() => {\n        // Remove style only if the item has not been closed before the end\n        if (this.$options.isOpen) {\n          $refs.content.style.position = '';\n        }\n\n        return Promise.resolve();\n      }),\n      ...Object.entries(otherStyles)\n        .filter(([refName]) => $refs[refName])\n        .map(([refName, { open, active, closed } = { open: '', active: '', closed: '' }]) =>\n          transition(\n            $refs[refName] as HTMLElement,\n            {\n              from: closed,\n              active,\n              to: open,\n            },\n            'keep',\n          ),\n        ),\n    ]);\n  }\n\n  /**\n   * Close an item.\n   */\n  async close() {\n    if (!this.$options.isOpen) {\n      return;\n    }\n\n    this.$log('close');\n    this.$emit('close');\n\n    this.$options.isOpen = false;\n\n    const height = this.$refs.container.offsetHeight;\n    this.$refs.content.style.position = 'absolute';\n    const { container, ...otherStyles } = this.$options.styles;\n\n    /** @type {AccordionItemRefs} */\n    const refs = this.$refs;\n\n    await Promise.all([\n      transition(refs.container, {\n        from: { height: `${height}px` },\n        active: container.active,\n        to: { height: '0' },\n      }).then(() => {\n        // Add end styles only if the item has not been re-opened before the end\n        if (!this.$options.isOpen) {\n          refs.container.style.height = '0';\n          refs.container.style.visibility = 'invisible';\n          this.updateAttributes(this.$options.isOpen);\n        }\n        return Promise.resolve();\n      }),\n      ...Object.entries(otherStyles)\n        .filter(([refName]) => refs[refName])\n        .map(([refName, { open, active, closed } = { open: '', active: '', closed: '' }]) =>\n          transition(\n            refs[refName] as HTMLElement,\n            {\n              from: open,\n              active,\n              to: closed,\n            },\n            'keep',\n          ),\n        ),\n    ]);\n  }\n}\n"],
-  "mappings": "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",
-  "names": ["Accordion", "deepmerge"]
-}

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

package/molecules/Accordion/index.cjs.map

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

package/molecules/AnchorNav/AnchorNav.cjs

@@ -1,63 +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/AnchorNav/AnchorNav.ts
-var AnchorNav_exports = {};
-__export(AnchorNav_exports, {
-  AnchorNav: () => AnchorNav
-});
-module.exports = __toCommonJS(AnchorNav_exports);
-var import_js_toolkit = require("@studiometa/js-toolkit");
-var import_AnchorNavLink = require("./AnchorNavLink.cjs");
-var import_AnchorNavTarget = require("./AnchorNavTarget.cjs");
-var AnchorNav = class extends import_js_toolkit.Base {
-  /**
-   * Config
-   */
-  static config = {
-    name: "AnchorNav",
-    components: {
-      AnchorNavLink: import_AnchorNavLink.AnchorNavLink,
-      AnchorNavTarget: import_AnchorNavTarget.AnchorNavTarget
-    }
-  };
-  /**
-   * Listen to the AnchorNavTarget that is mounted
-   */
-  onAnchorNavTargetMounted(index) {
-    const { id } = this.$children.AnchorNavTarget[index].$el;
-    this.$children.AnchorNavLink.forEach((anchorNavLink) => {
-      if (id === anchorNavLink.targetId) {
-        anchorNavLink.enter();
-      }
-    });
-  }
-  /**
-   * Listen to the AnchorNavTarget that is destroyed
-   */
-  onAnchorNavTargetDestroyed(index) {
-    const { id } = this.$children.AnchorNavTarget[index].$el;
-    this.$children.AnchorNavLink.forEach((anchorNavLink) => {
-      if (id === anchorNavLink.targetId) {
-        anchorNavLink.leave();
-      }
-    });
-  }
-};
-if (module.exports.default) module.exports = module.exports.default;
-//# sourceMappingURL=AnchorNav.cjs.map

package/molecules/AnchorNav/AnchorNav.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../packages/ui/molecules/AnchorNav/AnchorNav.ts"],
-  "sourcesContent": ["import { Base } from '@studiometa/js-toolkit';\nimport type { BaseProps, BaseConfig } from '@studiometa/js-toolkit';\nimport { AnchorNavLink } from './AnchorNavLink.js';\nimport { AnchorNavTarget } from './AnchorNavTarget.js';\n\nexport interface AnchorNavProps extends BaseProps {\n  $children: {\n    AnchorNavLink: AnchorNavLink[];\n    AnchorNavTarget: AnchorNavTarget[];\n  };\n}\n\nexport class AnchorNav<T extends BaseProps = BaseProps> extends Base<T & AnchorNavProps> {\n  /**\n   * Config\n   */\n  static config: BaseConfig = {\n    name: 'AnchorNav',\n    components: {\n      AnchorNavLink,\n      AnchorNavTarget,\n    },\n  };\n\n  /**\n   * Listen to the AnchorNavTarget that is mounted\n   */\n  onAnchorNavTargetMounted(index) {\n    const { id } = this.$children.AnchorNavTarget[index].$el;\n    this.$children.AnchorNavLink.forEach((anchorNavLink) => {\n      if (id === anchorNavLink.targetId) {\n        anchorNavLink.enter();\n      }\n    });\n  }\n\n  /**\n   * Listen to the AnchorNavTarget that is destroyed\n   */\n  onAnchorNavTargetDestroyed(index) {\n    const { id } = this.$children.AnchorNavTarget[index].$el;\n    this.$children.AnchorNavLink.forEach((anchorNavLink) => {\n      if (id === anchorNavLink.targetId) {\n        anchorNavLink.leave();\n      }\n    });\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAqB;AAErB,2BAA8B;AAC9B,6BAAgC;AASzB,IAAM,YAAN,cAAyD,uBAAyB;AAAA;AAAA;AAAA;AAAA,EAIvF,OAAO,SAAqB;AAAA,IAC1B,MAAM;AAAA,IACN,YAAY;AAAA,MACV;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKA,yBAAyB,OAAO;AAC9B,UAAM,EAAE,GAAG,IAAI,KAAK,UAAU,gBAAgB,KAAK,EAAE;AACrD,SAAK,UAAU,cAAc,QAAQ,CAAC,kBAAkB;AACtD,UAAI,OAAO,cAAc,UAAU;AACjC,sBAAc,MAAM;AAAA,MACtB;AAAA,IACF,CAAC;AAAA,EACH;AAAA;AAAA;AAAA;AAAA,EAKA,2BAA2B,OAAO;AAChC,UAAM,EAAE,GAAG,IAAI,KAAK,UAAU,gBAAgB,KAAK,EAAE;AACrD,SAAK,UAAU,cAAc,QAAQ,CAAC,kBAAkB;AACtD,UAAI,OAAO,cAAc,UAAU;AACjC,sBAAc,MAAM;AAAA,MACtB;AAAA,IACF,CAAC;AAAA,EACH;AACF;",
-  "names": []
-}

package/molecules/AnchorNav/AnchorNavLink.cjs

@@ -1,40 +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/AnchorNav/AnchorNavLink.ts
-var AnchorNavLink_exports = {};
-__export(AnchorNavLink_exports, {
-  AnchorNavLink: () => AnchorNavLink
-});
-module.exports = __toCommonJS(AnchorNavLink_exports);
-var import_AnchorScrollTo = require("../../atoms/AnchorScrollTo/AnchorScrollTo.cjs");
-var import_decorators = require("../../decorators/index.cjs");
-var AnchorNavLink = class extends (0, import_decorators.withTransition)(import_AnchorScrollTo.AnchorScrollTo) {
-  /**
-   * Config.
-   */
-  static config = {
-    ...import_AnchorScrollTo.AnchorScrollTo.config,
-    name: "AnchorNavLink"
-  };
-  get targetId() {
-    return this.$el.hash.replace(/^#/, "");
-  }
-};
-if (module.exports.default) module.exports = module.exports.default;
-//# sourceMappingURL=AnchorNavLink.cjs.map

package/molecules/AnchorNav/AnchorNavLink.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../packages/ui/molecules/AnchorNav/AnchorNavLink.ts"],
-  "sourcesContent": ["import type { BaseConfig } from '@studiometa/js-toolkit';\nimport { AnchorScrollTo, AnchorScrollToProps } from '../../atoms/AnchorScrollTo/AnchorScrollTo.js';\nimport { withTransition } from '../../decorators/index.js';\n\nexport interface AnchorNavLinkProps extends AnchorScrollToProps {\n  $options: {\n    id: string;\n  };\n}\n\n/**\n * Manage a slider item and its state transition.\n */\nexport class AnchorNavLink extends withTransition(AnchorScrollTo)<AnchorNavLinkProps> {\n  /**\n   * Config.\n   */\n  static config: BaseConfig = {\n    ...AnchorScrollTo.config,\n    name: 'AnchorNavLink',\n  };\n\n  get targetId() {\n    return this.$el.hash.replace(/^#/, '');\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,4BAAoD;AACpD,wBAA+B;AAWxB,IAAM,gBAAN,kBAA4B,kCAAe,oCAAc,EAAsB;AAAA;AAAA;AAAA;AAAA,EAIpF,OAAO,SAAqB;AAAA,IAC1B,GAAG,qCAAe;AAAA,IAClB,MAAM;AAAA,EACR;AAAA,EAEA,IAAI,WAAW;AACb,WAAO,KAAK,IAAI,KAAK,QAAQ,MAAM,EAAE;AAAA,EACvC;AACF;",
-  "names": []
-}

package/molecules/AnchorNav/AnchorNavTarget.cjs

@@ -1,35 +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/AnchorNav/AnchorNavTarget.ts
-var AnchorNavTarget_exports = {};
-__export(AnchorNavTarget_exports, {
-  AnchorNavTarget: () => AnchorNavTarget
-});
-module.exports = __toCommonJS(AnchorNavTarget_exports);
-var import_js_toolkit = require("@studiometa/js-toolkit");
-var AnchorNavTarget = class extends (0, import_js_toolkit.withMountWhenInView)(import_js_toolkit.Base) {
-  /**
-   * Config.
-   */
-  static config = {
-    name: "AnchorNavTarget"
-  };
-};
-if (module.exports.default) module.exports = module.exports.default;
-//# sourceMappingURL=AnchorNavTarget.cjs.map

package/molecules/AnchorNav/AnchorNavTarget.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../packages/ui/molecules/AnchorNav/AnchorNavTarget.ts"],
-  "sourcesContent": ["import { Base, withMountWhenInView } from '@studiometa/js-toolkit';\nimport type { BaseProps, BaseConfig } from '@studiometa/js-toolkit';\n\n/**\n * Manage a sticky table section.\n */\nexport class AnchorNavTarget extends withMountWhenInView(Base)<BaseProps> {\n  /**\n   * Config.\n   */\n  static config: BaseConfig = {\n    name: 'AnchorNavTarget',\n  };\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAA0C;AAMnC,IAAM,kBAAN,kBAA8B,uCAAoB,sBAAI,EAAa;AAAA;AAAA;AAAA;AAAA,EAIxE,OAAO,SAAqB;AAAA,IAC1B,MAAM;AAAA,EACR;AACF;",
-  "names": []
-}

package/molecules/AnchorNav/index.cjs

@@ -1,23 +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/AnchorNav/index.ts
-var AnchorNav_exports = {};
-module.exports = __toCommonJS(AnchorNav_exports);
-__reExport(AnchorNav_exports, require("./AnchorNav.cjs"), module.exports);
-__reExport(AnchorNav_exports, require("./AnchorNavLink.cjs"), module.exports);
-__reExport(AnchorNav_exports, require("./AnchorNavTarget.cjs"), module.exports);
-if (module.exports.default) module.exports = module.exports.default;
-//# sourceMappingURL=index.cjs.map

package/molecules/AnchorNav/index.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../packages/ui/molecules/AnchorNav/index.ts"],
-  "sourcesContent": ["export * from './AnchorNav.js';\nexport * from './AnchorNavLink.js';\nexport * from './AnchorNavTarget.js';\n"],
-  "mappings": ";;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,8BAAc,4BAAd;AACA,8BAAc,gCADd;AAEA,8BAAc,kCAFd;",
-  "names": []
-}

package/molecules/Menu/Menu.cjs

@@ -1,177 +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/Menu/Menu.ts
-var Menu_exports = {};
-__export(Menu_exports, {
-  Menu: () => Menu
-});
-module.exports = __toCommonJS(Menu_exports);
-var import_js_toolkit = require("@studiometa/js-toolkit");
-var import_utils = require("@studiometa/js-toolkit/utils");
-var import_MenuBtn = require("./MenuBtn.cjs");
-var import_MenuList = require("./MenuList.cjs");
-var Menu = class _Menu extends import_js_toolkit.Base {
-  /**
-   * Config.
-   */
-  static config = {
-    name: "Menu",
-    components: {
-      MenuBtn: import_MenuBtn.MenuBtn,
-      MenuList: import_MenuList.MenuList,
-      Menu: _Menu
-    },
-    options: {
-      mode: {
-        type: String,
-        default: "click"
-        // or 'hover'
-      }
-    }
-  };
-  /**
-   * Get the first `MenuList` instance.
-   */
-  get menuList() {
-    return (0, import_js_toolkit.getDirectChildren)(this, "Menu", "MenuList")[0];
-  }
-  /**
-   * Get the first `MenuBtn` instance.
-   */
-  get menuBtn() {
-    return (0, import_js_toolkit.getDirectChildren)(this, "Menu", "MenuBtn")[0];
-  }
-  /**
-   * Test which mode to use.
-   */
-  get shouldReactOnClick() {
-    return this.$options.mode === "click";
-  }
-  /**
-   * Wether the button or the items are hovered.
-   */
-  get isHover() {
-    return this.menuBtn.isHover || this.menuList.isHover;
-  }
-  /**
-   * Set attributes on mounted, destroy the component if it is missing required
-   * child components.
-   */
-  mounted() {
-    if (!this.menuBtn || !this.menuList) {
-      this.$destroy();
-      return;
-    }
-    this.menuBtn.$el.setAttribute("aria-controls", this.$id);
-    this.menuList.$el.setAttribute("id", this.$id);
-    this.menuList.close();
-  }
-  /**
-   * Keyboard management.
-   */
-  keyed({ ENTER, ESC, isUp }) {
-    if (!isUp) {
-      return;
-    }
-    if (ESC) {
-      this.close();
-      return;
-    }
-    if (!this.shouldReactOnClick) {
-      const hasFocusElementWithin = document.activeElement === this.menuBtn.$el;
-      if (ENTER && hasFocusElementWithin) {
-        this.toggle();
-      }
-    }
-  }
-  /**
-   * Toggle menu items on button click.
-   */
-  onMenuBtnClick(index, event) {
-    if ((0, import_js_toolkit.isDirectChild)(this, "Menu", "MenuBtn", this.$children.MenuBtn[index]) && this.shouldReactOnClick) {
-      event.preventDefault();
-      this.toggle();
-    }
-  }
-  /**
-   * Open menu items on button mouse enter.
-   */
-  onMenuBtnMouseenter(index) {
-    if (this.$children.MenuBtn[index] === this.menuBtn && !this.shouldReactOnClick) {
-      this.open();
-    }
-  }
-  /**
-   * Close menu items on button mouse leave.
-   */
-  onMenuBtnMouseleave() {
-    if (this.shouldReactOnClick) {
-      return;
-    }
-    (0, import_utils.nextTick)(() => {
-      if (!this.isHover) {
-        this.close();
-      }
-    });
-  }
-  /**
-   * Close menu items on button mouse leave.
-   */
-  onMenuListMouseleave() {
-    if (this.shouldReactOnClick) {
-      return;
-    }
-    (0, import_utils.nextTick)(() => {
-      if (!this.isHover) {
-        this.close();
-      }
-    });
-  }
-  /**
-   * Close other non-parent menu items on menu items open.
-   */
-  onMenuListItemsOpen(index) {
-    const targetMenu = this.$children.MenuList[index];
-    this.$children.MenuList.forEach((menuItem) => {
-      if (!menuItem.$el.contains(targetMenu.$el)) {
-        menuItem.close();
-      }
-    });
-  }
-  /**
-   * Close the menu.
-   */
-  close() {
-    this.menuList.close();
-  }
-  /**
-   * Open the menu.
-   */
-  open() {
-    this.menuList.open();
-  }
-  /**
-   * Toggle the menu.
-   */
-  toggle() {
-    this.menuList.toggle();
-  }
-};
-if (module.exports.default) module.exports = module.exports.default;
-//# sourceMappingURL=Menu.cjs.map

package/molecules/Menu/Menu.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../packages/ui/molecules/Menu/Menu.ts"],
-  "sourcesContent": ["import { Base, isDirectChild, getDirectChildren } from '@studiometa/js-toolkit';\nimport type { BaseConfig, BaseProps, KeyServiceProps } from '@studiometa/js-toolkit';\nimport { nextTick } from '@studiometa/js-toolkit/utils';\nimport { MenuBtn } from './MenuBtn.js';\nimport { MenuList } from './MenuList.js';\n\nexport interface MenuProps extends BaseProps {\n  $children: {\n    // eslint-disable-next-line no-use-before-define\n    Menu: Menu[];\n    MenutBtn: MenuBtn[];\n    MenuList: MenuList[];\n  };\n  $options: {\n    mode: 'click' | 'hover';\n  };\n}\n\n/**\n * Menu class.\n */\nexport class Menu<T extends BaseProps = BaseProps> extends Base<T & MenuProps> {\n  /**\n   * Config.\n   */\n  static config: BaseConfig = {\n    name: 'Menu',\n    components: {\n      MenuBtn,\n      MenuList,\n      Menu,\n    },\n    options: {\n      mode: {\n        type: String,\n        default: 'click', // or 'hover'\n      },\n    },\n  };\n\n  /**\n   * Get the first `MenuList` instance.\n   */\n  get menuList(): MenuList {\n    return getDirectChildren<MenuList>(this, 'Menu', 'MenuList')[0];\n  }\n\n  /**\n   * Get the first `MenuBtn` instance.\n   */\n  get menuBtn(): MenuBtn {\n    return getDirectChildren<MenuBtn>(this, 'Menu', 'MenuBtn')[0];\n  }\n\n  /**\n   * Test which mode to use.\n   */\n  get shouldReactOnClick(): boolean {\n    return this.$options.mode === 'click';\n  }\n\n  /**\n   * Wether the button or the items are hovered.\n   */\n  get isHover(): boolean {\n    return this.menuBtn.isHover || this.menuList.isHover;\n  }\n\n  /**\n   * Set attributes on mounted, destroy the component if it is missing required\n   * child components.\n   */\n  mounted() {\n    if (!this.menuBtn || !this.menuList) {\n      this.$destroy();\n      return;\n    }\n\n    this.menuBtn.$el.setAttribute('aria-controls', this.$id);\n    this.menuList.$el.setAttribute('id', this.$id);\n    this.menuList.close();\n  }\n\n  /**\n   * Keyboard management.\n   */\n  keyed({ ENTER, ESC, isUp }: KeyServiceProps) {\n    if (!isUp) {\n      return;\n    }\n\n    if (ESC) {\n      this.close();\n      return;\n    }\n\n    if (!this.shouldReactOnClick) {\n      const hasFocusElementWithin = document.activeElement === this.menuBtn.$el;\n\n      if (ENTER && hasFocusElementWithin) {\n        this.toggle();\n      }\n    }\n  }\n\n  /**\n   * Toggle menu items on button click.\n   */\n  onMenuBtnClick(index: number, event: MouseEvent) {\n    if (\n      isDirectChild(this, 'Menu', 'MenuBtn', this.$children.MenuBtn[index]) &&\n      this.shouldReactOnClick\n    ) {\n      event.preventDefault();\n      this.toggle();\n    }\n  }\n\n  /**\n   * Open menu items on button mouse enter.\n   */\n  onMenuBtnMouseenter(index: number) {\n    if (this.$children.MenuBtn[index] === this.menuBtn && !this.shouldReactOnClick) {\n      this.open();\n    }\n  }\n\n  /**\n   * Close menu items on button mouse leave.\n   */\n  onMenuBtnMouseleave() {\n    if (this.shouldReactOnClick) {\n      return;\n    }\n\n    nextTick(() => {\n      if (!this.isHover) {\n        this.close();\n      }\n    });\n  }\n\n  /**\n   * Close menu items on button mouse leave.\n   */\n  onMenuListMouseleave() {\n    if (this.shouldReactOnClick) {\n      return;\n    }\n\n    nextTick(() => {\n      if (!this.isHover) {\n        this.close();\n      }\n    });\n  }\n\n  /**\n   * Close other non-parent menu items on menu items open.\n   */\n  onMenuListItemsOpen(index: number) {\n    const targetMenu = this.$children.MenuList[index];\n    this.$children.MenuList.forEach((menuItem) => {\n      if (!menuItem.$el.contains(targetMenu.$el)) {\n        menuItem.close();\n      }\n    });\n  }\n\n  /**\n   * Close the menu.\n   */\n  close() {\n    this.menuList.close();\n  }\n\n  /**\n   * Open the menu.\n   */\n  open() {\n    this.menuList.open();\n  }\n\n  /**\n   * Toggle the menu.\n   */\n  toggle() {\n    this.menuList.toggle();\n  }\n}\n"],
-  "mappings": "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",
-  "names": []
-}