@pnx-mixtape/mxds 0.0.2 → 0.0.3

package/dist/build/AccordionDiv.js

@@ -1,62 +0,0 @@
-import DisclosureWidget from "./disclosure-widget.js";
-import "./chunks/js.cookie-CiMiGxWx.js";
-import "./io-loader.js";
-import "./breakpoint-loader.js";
-const _AccordionDiv = class _AccordionDiv extends HTMLElement {
-  constructor() {
-    super();
-    this.handleHash = () => {
-      const { hash } = window.location;
-      if (hash && hash === `#${this.id}` && !this.hasAttribute("open")) {
-        this.widget.handleToggle();
-      }
-    };
-    this.internals_ = this.attachInternals();
-    this.controller = new AbortController();
-  }
-  connectedCallback() {
-    if (!this.trigger || !this.content) return;
-    this.content?.setAttribute("inert", "");
-    this.content?.setAttribute("role", "region");
-    this.widget = new DisclosureWidget(this.trigger, this, {
-      attribute: "open",
-      setInitialAttribute: false
-    });
-    this.widget.init();
-    const { signal } = this.controller;
-    this.handleHash();
-    document.addEventListener("hashchange", this.handleHash, { signal });
-  }
-  disconnectedCallback() {
-    this.content?.removeAttribute("inert");
-    this.widget.detach();
-    this.controller.abort();
-  }
-  attributeChangedCallback(name, oldValue, newValue) {
-    const isClosed = newValue === null;
-    this.content?.toggleAttribute("inert", isClosed);
-  }
-  get trigger() {
-    const trigger = this.querySelector(":scope > button");
-    if (!trigger) {
-      throw new Error(`${this.localName} must contain a <button> element.`);
-    }
-    return trigger;
-  }
-  get content() {
-    const content = this.trigger?.nextElementSibling;
-    if (!content) {
-      throw new Error(
-        `${this.localName} must contain a <div> element after the <button>.`
-      );
-    }
-    return content;
-  }
-};
-_AccordionDiv.observedAttributes = ["open"];
-let AccordionDiv = _AccordionDiv;
-customElements.define("mx-accordiondiv", AccordionDiv);
-export {
-  AccordionDiv as default
-};
-//# sourceMappingURL=AccordionDiv.js.map

package/dist/build/AccordionDiv.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AccordionDiv.js","sources":["../../src/Component/Accordion/Elements/AccordionDiv.ts"],"sourcesContent":["/**\n * AccordionDiv\n * @file Support for adding <details> type behavior to divs.\n */\n\nimport { DisclosureWidget } from \"../../../Utility/utilities\"\n\nexport default class AccordionDiv extends HTMLElement {\n  internals_: ElementInternals\n  controller: AbortController\n  widget!: DisclosureWidget\n  static observedAttributes: string[] = [\"open\"]\n\n  constructor() {\n    super()\n    this.internals_ = this.attachInternals()\n    this.controller = new AbortController()\n  }\n\n  connectedCallback(): void {\n    if (!this.trigger || !this.content) return\n    this.content?.setAttribute(\"inert\", \"\")\n    this.content?.setAttribute(\"role\", \"region\")\n    this.widget = new DisclosureWidget(this.trigger, this, {\n      attribute: \"open\",\n      setInitialAttribute: false,\n    })\n    this.widget.init()\n    const { signal }: AbortController = this.controller\n    this.handleHash()\n    document.addEventListener(\"hashchange\", this.handleHash, { signal })\n  }\n\n  disconnectedCallback(): void {\n    this.content?.removeAttribute(\"inert\")\n    this.widget.detach()\n    this.controller.abort()\n  }\n\n  attributeChangedCallback(\n    name: string,\n    oldValue: string,\n    newValue: string,\n  ): void {\n    const isClosed = newValue === null\n    this.content?.toggleAttribute(\"inert\", isClosed)\n  }\n\n  handleHash = (): void => {\n    const { hash } = window.location\n    if (hash && hash === `#${this.id}` && !this.hasAttribute(\"open\")) {\n      this.widget.handleToggle()\n    }\n  }\n\n  get trigger(): HTMLButtonElement {\n    const trigger: HTMLButtonElement | null =\n      this.querySelector(\":scope > button\")\n    if (!trigger) {\n      throw new Error(`${this.localName} must contain a <button> element.`)\n    }\n    return trigger\n  }\n\n  get content(): HTMLDivElement {\n    const content: HTMLDivElement | null | undefined = this.trigger\n      ?.nextElementSibling as HTMLDivElement\n    if (!content) {\n      throw new Error(\n        `${this.localName} must contain a <div> element after the <button>.`,\n      )\n    }\n    return content\n  }\n}\n\ncustomElements.define(\"mx-accordiondiv\", AccordionDiv)\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"mx-accordiondiv\": AccordionDiv\n  }\n}\n"],"names":[],"mappings":";;;;AAOA,MAAqB,gBAArB,MAAqB,sBAAqB,YAAY;AAAA,EAMpD,cAAc;AACN;AAkCR,SAAA,aAAa,MAAY;AACjB,YAAA,EAAE,KAAK,IAAI,OAAO;AACpB,UAAA,QAAQ,SAAS,IAAI,KAAK,EAAE,MAAM,CAAC,KAAK,aAAa,MAAM,GAAG;AAChE,aAAK,OAAO;MACd;AAAA,IAAA;AArCK,SAAA,aAAa,KAAK;AAClB,SAAA,aAAa,IAAI;EACxB;AAAA,EAEA,oBAA0B;AACxB,QAAI,CAAC,KAAK,WAAW,CAAC,KAAK,QAAS;AAC/B,SAAA,SAAS,aAAa,SAAS,EAAE;AACjC,SAAA,SAAS,aAAa,QAAQ,QAAQ;AAC3C,SAAK,SAAS,IAAI,iBAAiB,KAAK,SAAS,MAAM;AAAA,MACrD,WAAW;AAAA,MACX,qBAAqB;AAAA,IAAA,CACtB;AACD,SAAK,OAAO;AACN,UAAA,EAAE,OAAO,IAAqB,KAAK;AACzC,SAAK,WAAW;AAChB,aAAS,iBAAiB,cAAc,KAAK,YAAY,EAAE,QAAQ;AAAA,EACrE;AAAA,EAEA,uBAA6B;AACtB,SAAA,SAAS,gBAAgB,OAAO;AACrC,SAAK,OAAO;AACZ,SAAK,WAAW;EAClB;AAAA,EAEA,yBACE,MACA,UACA,UACM;AACN,UAAM,WAAW,aAAa;AACzB,SAAA,SAAS,gBAAgB,SAAS,QAAQ;AAAA,EACjD;AAAA,EASA,IAAI,UAA6B;AACzB,UAAA,UACJ,KAAK,cAAc,iBAAiB;AACtC,QAAI,CAAC,SAAS;AACZ,YAAM,IAAI,MAAM,GAAG,KAAK,SAAS,mCAAmC;AAAA,IACtE;AACO,WAAA;AAAA,EACT;AAAA,EAEA,IAAI,UAA0B;AACtB,UAAA,UAA6C,KAAK,SACpD;AACJ,QAAI,CAAC,SAAS;AACZ,YAAM,IAAI;AAAA,QACR,GAAG,KAAK,SAAS;AAAA,MAAA;AAAA,IAErB;AACO,WAAA;AAAA,EACT;AACF;AA/DS,cAAA,qBAA+B,CAAC,MAAM;AAJ/C,IAAqB,eAArB;AAqEA,eAAe,OAAO,mBAAmB,YAAY;"}

package/dist/build/AccordionGroup.js

@@ -1,85 +0,0 @@
-class AccordionGroup extends HTMLElement {
-  constructor() {
-    super();
-    this.handleClick = ({ target }) => {
-      if (target === this.expandTrigger) {
-        this.handleExpand();
-      }
-      if (target === this.collapseTrigger) {
-        this.handleCollapse();
-      }
-    };
-    this.handleExpand = () => {
-      this.accordions.forEach((detail) => detail.open = true);
-      this.expandTrigger.disabled = true;
-      this.collapseTrigger.disabled = false;
-    };
-    this.handleCollapse = () => {
-      this.accordions.forEach((detail) => detail.open = false);
-      this.expandTrigger.disabled = false;
-      this.collapseTrigger.disabled = true;
-    };
-    this.handleToggle = () => {
-      this.expandTrigger.disabled = [...this.accordions].every(
-        (details) => details.open === true
-      );
-      this.collapseTrigger.disabled = [...this.accordions].every(
-        (details) => details.open !== true
-      );
-    };
-    this.internals_ = this.attachInternals();
-    this.controller = new AbortController();
-  }
-  connectedCallback() {
-    if (!this.accordions || !this.expandTrigger || !this.collapseTrigger) return;
-    this.collapseTrigger.disabled = true;
-    const { signal } = this.controller;
-    this.addEventListener("click", this.handleClick, {
-      signal
-    });
-    this.accordions.forEach(
-      (details) => details.addEventListener("toggle", this.handleToggle, {
-        signal
-      })
-    );
-  }
-  disconnectedCallback() {
-    this.controller.abort();
-  }
-  get accordions() {
-    const accordions = this.querySelectorAll("details");
-    if (!accordions.length) {
-      throw new Error(
-        `${this.localName} must contain at least one <details> element.`
-      );
-    }
-    return accordions;
-  }
-  get expandTrigger() {
-    const trigger = this.querySelector(
-      ".accordions__toggle-all button[data-expand]"
-    );
-    if (!trigger) {
-      throw new Error(
-        `${this.localName} must contain a <button data-expand> element.`
-      );
-    }
-    return trigger;
-  }
-  get collapseTrigger() {
-    const trigger = this.querySelector(
-      ".accordions__toggle-all button[data-collapse]"
-    );
-    if (!trigger) {
-      throw new Error(
-        `${this.localName} must contain a <button data-collapse> element.`
-      );
-    }
-    return trigger;
-  }
-}
-customElements.define("mx-accordion-group", AccordionGroup);
-export {
-  AccordionGroup as default
-};
-//# sourceMappingURL=AccordionGroup.js.map

package/dist/build/AccordionGroup.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AccordionGroup.js","sources":["../../src/Component/Accordion/Elements/AccordionGroup.ts"],"sourcesContent":["/**\n * Accordion Group\n * @file Support opening and closing all.\n */\n\nexport default class AccordionGroup extends HTMLElement {\n  internals_: ElementInternals\n  controller: AbortController\n\n  constructor() {\n    super()\n    this.internals_ = this.attachInternals()\n    this.controller = new AbortController()\n  }\n\n  connectedCallback(): void {\n    if (!this.accordions || !this.expandTrigger || !this.collapseTrigger) return\n    this.collapseTrigger.disabled = true\n    const { signal }: AbortController = this.controller\n    this.addEventListener(\"click\", this.handleClick, {\n      signal,\n    })\n    this.accordions.forEach(details =>\n      details.addEventListener(\"toggle\", this.handleToggle, {\n        signal,\n      }),\n    )\n  }\n\n  disconnectedCallback(): void {\n    this.controller.abort()\n  }\n\n  handleClick = ({ target }) => {\n    if (target === this.expandTrigger) {\n      this.handleExpand()\n    }\n    if (target === this.collapseTrigger) {\n      this.handleCollapse()\n    }\n  }\n\n  handleExpand = () => {\n    this.accordions.forEach(detail => (detail.open = true))\n    this.expandTrigger.disabled = true\n    this.collapseTrigger.disabled = false\n  }\n\n  handleCollapse = () => {\n    this.accordions.forEach(detail => (detail.open = false))\n    this.expandTrigger.disabled = false\n    this.collapseTrigger.disabled = true\n  }\n\n  handleToggle = () => {\n    this.expandTrigger.disabled = [...this.accordions].every(\n      details => details.open === true,\n    )\n    this.collapseTrigger.disabled = [...this.accordions].every(\n      details => details.open !== true,\n    )\n  }\n\n  get accordions(): NodeListOf<HTMLDetailsElement> | null {\n    const accordions: NodeListOf<HTMLDetailsElement> | null =\n      this.querySelectorAll(\"details\")\n    if (!accordions.length) {\n      throw new Error(\n        `${this.localName} must contain at least one <details> element.`,\n      )\n    }\n    return accordions\n  }\n\n  get expandTrigger(): HTMLButtonElement | null {\n    const trigger: HTMLButtonElement | null = this.querySelector(\n      \".accordions__toggle-all button[data-expand]\",\n    )\n    if (!trigger) {\n      throw new Error(\n        `${this.localName} must contain a <button data-expand> element.`,\n      )\n    }\n    return trigger\n  }\n\n  get collapseTrigger(): HTMLButtonElement | null {\n    const trigger: HTMLButtonElement | null = this.querySelector(\n      \".accordions__toggle-all button[data-collapse]\",\n    )\n    if (!trigger) {\n      throw new Error(\n        `${this.localName} must contain a <button data-collapse> element.`,\n      )\n    }\n    return trigger\n  }\n}\n\ncustomElements.define(\"mx-accordion-group\", AccordionGroup)\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"mx-accordion-group\": AccordionGroup\n  }\n}\n"],"names":[],"mappings":"AAKA,MAAqB,uBAAuB,YAAY;AAAA,EAItD,cAAc;AACN;AAuBM,SAAA,cAAA,CAAC,EAAE,aAAa;AACxB,UAAA,WAAW,KAAK,eAAe;AACjC,aAAK,aAAa;AAAA,MACpB;AACI,UAAA,WAAW,KAAK,iBAAiB;AACnC,aAAK,eAAe;AAAA,MACtB;AAAA,IAAA;AAGF,SAAA,eAAe,MAAM;AACnB,WAAK,WAAW,QAAQ,CAAW,WAAA,OAAO,OAAO,IAAK;AACtD,WAAK,cAAc,WAAW;AAC9B,WAAK,gBAAgB,WAAW;AAAA,IAAA;AAGlC,SAAA,iBAAiB,MAAM;AACrB,WAAK,WAAW,QAAQ,CAAW,WAAA,OAAO,OAAO,KAAM;AACvD,WAAK,cAAc,WAAW;AAC9B,WAAK,gBAAgB,WAAW;AAAA,IAAA;AAGlC,SAAA,eAAe,MAAM;AACnB,WAAK,cAAc,WAAW,CAAC,GAAG,KAAK,UAAU,EAAE;AAAA,QACjD,CAAA,YAAW,QAAQ,SAAS;AAAA,MAAA;AAE9B,WAAK,gBAAgB,WAAW,CAAC,GAAG,KAAK,UAAU,EAAE;AAAA,QACnD,CAAA,YAAW,QAAQ,SAAS;AAAA,MAAA;AAAA,IAC9B;AAjDK,SAAA,aAAa,KAAK;AAClB,SAAA,aAAa,IAAI;EACxB;AAAA,EAEA,oBAA0B;AACpB,QAAA,CAAC,KAAK,cAAc,CAAC,KAAK,iBAAiB,CAAC,KAAK,gBAAiB;AACtE,SAAK,gBAAgB,WAAW;AAC1B,UAAA,EAAE,OAAO,IAAqB,KAAK;AACpC,SAAA,iBAAiB,SAAS,KAAK,aAAa;AAAA,MAC/C;AAAA,IAAA,CACD;AACD,SAAK,WAAW;AAAA,MAAQ,CACtB,YAAA,QAAQ,iBAAiB,UAAU,KAAK,cAAc;AAAA,QACpD;AAAA,MAAA,CACD;AAAA,IAAA;AAAA,EAEL;AAAA,EAEA,uBAA6B;AAC3B,SAAK,WAAW;EAClB;AAAA,EAgCA,IAAI,aAAoD;AAChD,UAAA,aACJ,KAAK,iBAAiB,SAAS;AAC7B,QAAA,CAAC,WAAW,QAAQ;AACtB,YAAM,IAAI;AAAA,QACR,GAAG,KAAK,SAAS;AAAA,MAAA;AAAA,IAErB;AACO,WAAA;AAAA,EACT;AAAA,EAEA,IAAI,gBAA0C;AAC5C,UAAM,UAAoC,KAAK;AAAA,MAC7C;AAAA,IAAA;AAEF,QAAI,CAAC,SAAS;AACZ,YAAM,IAAI;AAAA,QACR,GAAG,KAAK,SAAS;AAAA,MAAA;AAAA,IAErB;AACO,WAAA;AAAA,EACT;AAAA,EAEA,IAAI,kBAA4C;AAC9C,UAAM,UAAoC,KAAK;AAAA,MAC7C;AAAA,IAAA;AAEF,QAAI,CAAC,SAAS;AACZ,YAAM,IAAI;AAAA,QACR,GAAG,KAAK,SAAS;AAAA,MAAA;AAAA,IAErB;AACO,WAAA;AAAA,EACT;AACF;AAEA,eAAe,OAAO,sBAAsB,cAAc;"}

package/dist/build/AccordionMobile.js

@@ -1,31 +0,0 @@
-import Accordion from "./Accordion.js";
-class AccordionMobile extends Accordion {
-  constructor() {
-    super();
-    this.handleBreakpoint = ({
-      matches
-    }) => {
-      if (!this.details) return;
-      this.details.toggleAttribute("open", !matches);
-    };
-    this.mq = this.getAttribute("mq") || "(max-width: 720px)";
-  }
-  connectedCallback() {
-    this.handleBreakpoint(this.breakpoint);
-    const { signal } = this.controller;
-    this.breakpoint.addEventListener("change", this.handleBreakpoint, {
-      signal
-    });
-  }
-  disconnectedCallback() {
-    this.controller.abort();
-  }
-  get breakpoint() {
-    return window.matchMedia(this.mq);
-  }
-}
-customElements.define("mx-accordionmobile", AccordionMobile);
-export {
-  AccordionMobile as default
-};
-//# sourceMappingURL=AccordionMobile.js.map

package/dist/build/AccordionMobile.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AccordionMobile.js","sources":["../../src/Component/Accordion/Elements/AccordionMobile.ts"],"sourcesContent":["/**\n * AccordionMobile\n * @file Support a mobile only <details> element, that opens at a breakpoint.\n */\n\nimport Accordion from \"./Accordion\"\n\nexport default class AccordionMobile extends Accordion {\n  mq: string\n  toggleAttribute!: Element[\"toggleAttribute\"]\n\n  constructor() {\n    super()\n    this.mq = this.getAttribute(\"mq\") || \"(max-width: 720px)\"\n  }\n\n  connectedCallback(): void {\n    this.handleBreakpoint(this.breakpoint)\n    const { signal }: AbortController = this.controller\n    this.breakpoint.addEventListener(\"change\", this.handleBreakpoint, {\n      signal,\n    })\n  }\n\n  disconnectedCallback(): void {\n    this.controller.abort()\n  }\n\n  handleBreakpoint = ({\n    matches,\n  }: MediaQueryList | MediaQueryListEvent): void => {\n    if (!this.details) return\n    this.details.toggleAttribute(\"open\", !matches)\n  }\n\n  get breakpoint(): MediaQueryList {\n    return window.matchMedia(this.mq)\n  }\n}\n\ncustomElements.define(\"mx-accordionmobile\", AccordionMobile)\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"mx-accordionmobile\": AccordionMobile\n  }\n}\n"],"names":[],"mappings":";AAOA,MAAqB,wBAAwB,UAAU;AAAA,EAIrD,cAAc;AACN;AAgBR,SAAA,mBAAmB,CAAC;AAAA,MAClB;AAAA,IAAA,MACgD;AAC5C,UAAA,CAAC,KAAK,QAAS;AACnB,WAAK,QAAQ,gBAAgB,QAAQ,CAAC,OAAO;AAAA,IAAA;AAnB7C,SAAK,KAAK,KAAK,aAAa,IAAI,KAAK;AAAA,EACvC;AAAA,EAEA,oBAA0B;AACnB,SAAA,iBAAiB,KAAK,UAAU;AAC/B,UAAA,EAAE,OAAO,IAAqB,KAAK;AACzC,SAAK,WAAW,iBAAiB,UAAU,KAAK,kBAAkB;AAAA,MAChE;AAAA,IAAA,CACD;AAAA,EACH;AAAA,EAEA,uBAA6B;AAC3B,SAAK,WAAW;EAClB;AAAA,EASA,IAAI,aAA6B;AACxB,WAAA,OAAO,WAAW,KAAK,EAAE;AAAA,EAClC;AACF;AAEA,eAAe,OAAO,sBAAsB,eAAe;"}

package/dist/build/Dialog.js

@@ -1,116 +0,0 @@
-import { h as handleOutsideClick, a as handleEscape } from "./chunks/utilities-BIk0P2KX.js";
-class Dialog extends HTMLElement {
-  constructor() {
-    super();
-    this.scrollLockClass = "body--scroll-lock";
-    this.handleOpen = () => {
-      if (!this.dialog) return;
-      if (typeof this.dialog.show === "function") {
-        this.isModal ? this.dialog.showModal() : this.dialog.show();
-      }
-      this.openBtns.forEach(
-        (btn) => btn.setAttribute("aria-expanded", "true")
-      );
-      document.body.classList.add(this.scrollLockClass);
-    };
-    this.handleClose = () => {
-      if (!this.dialog) return;
-      if (typeof this.dialog.close === "function") this.dialog.close();
-      this.openBtns.forEach(
-        (btn) => btn.setAttribute("aria-expanded", "false")
-      );
-      document.body.classList.remove(this.scrollLockClass);
-    };
-    this.internals_ = this.attachInternals();
-    this.controller = new AbortController();
-  }
-  connectedCallback() {
-    if (!this.openBtns || !this.dialog) return;
-    const { signal } = this.controller;
-    document.addEventListener(
-      "click",
-      (e) => {
-        if (![...this.openBtns].includes(e.target)) return;
-        this.handleOpen();
-        e.preventDefault();
-      },
-      {
-        signal
-      }
-    );
-    this.dialog.addEventListener(
-      "click",
-      (e) => {
-        if (![...this.closeBtns].includes(e.target)) return;
-        this.handleClose();
-        e.preventDefault();
-      },
-      {
-        signal
-      }
-    );
-    document.addEventListener(
-      "click",
-      (e) => {
-        if (!this.dialog?.open) return;
-        handleOutsideClick(e, this.dialog, this.handleClose, [
-          ...this.openBtns,
-          ...this.closeBtns
-        ]);
-      },
-      { signal }
-    );
-    document.addEventListener(
-      "keydown",
-      (e) => {
-        if (!this.dialog?.open) return;
-        handleEscape(e, this.handleClose);
-      },
-      { signal }
-    );
-  }
-  /**
-   * Disconnected.
-   */
-  disconnectedCallback() {
-    if (!this.dialog) return;
-    if (typeof this.dialog.close === "function") this.dialog.close();
-    this.openBtns.forEach(
-      (btn) => btn.setAttribute("aria-expanded", "false")
-    );
-    document.body.classList.remove(this.scrollLockClass);
-    this.controller.abort();
-  }
-  get dialog() {
-    const dialog = this.querySelector("dialog");
-    if (!dialog) {
-      throw new Error(`${this.localName} must contain a <dialog> element.`);
-    }
-    return dialog;
-  }
-  get openBtns() {
-    const btns = document.querySelectorAll(
-      `[href="#${this.id}"], [aria-controls="${this.id}"]`
-    );
-    if (!btns) {
-      throw new Error(
-        `${this.localName} must have an associated opening element.`
-      );
-    }
-    btns.forEach((btn) => {
-      btn.setAttribute("aria-controls", this.id);
-    });
-    return btns;
-  }
-  get closeBtns() {
-    return this.querySelectorAll("button[data-close]");
-  }
-  get isModal() {
-    return this.hasAttribute("data-modal");
-  }
-}
-customElements.define("mx-dialog", Dialog);
-export {
-  Dialog as default
-};
-//# sourceMappingURL=Dialog.js.map

package/dist/build/Dialog.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Dialog.js","sources":["../../src/Component/Dialog/Elements/Dialog.ts"],"sourcesContent":["/**\n * DialogBase\n * @file Support opening/closing, and adding a scroll lock to the body.\n */\n\nimport { handleOutsideClick, handleEscape } from \"../../../Utility/utilities\"\n\nexport default class Dialog extends HTMLElement {\n  internals_: ElementInternals\n  controller: AbortController\n  scrollLockClass: string = \"body--scroll-lock\"\n\n  constructor() {\n    super()\n    this.internals_ = this.attachInternals()\n    this.controller = new AbortController()\n  }\n\n  connectedCallback(): void {\n    if (!this.openBtns || !this.dialog) return\n\n    const { signal }: AbortController = this.controller\n\n    // Open on toggle click.\n    document.addEventListener(\n      \"click\",\n      (e: MouseEvent): void => {\n        if (![...this.openBtns].includes(e.target as HTMLButtonElement)) return\n        this.handleOpen()\n        e.preventDefault()\n      },\n      {\n        signal,\n      },\n    )\n\n    // Close on close button click.\n    this.dialog.addEventListener(\n      \"click\",\n      (e: MouseEvent): void => {\n        if (![...this.closeBtns].includes(e.target as HTMLButtonElement)) return\n        this.handleClose()\n        e.preventDefault()\n      },\n      {\n        signal,\n      },\n    )\n\n    // Close on outside click.\n    document.addEventListener(\n      \"click\",\n      (e: MouseEvent): void => {\n        if (!this.dialog?.open) return\n        handleOutsideClick(e, this.dialog as HTMLElement, this.handleClose, [\n          ...this.openBtns,\n          ...this.closeBtns,\n        ])\n      },\n      { signal },\n    )\n\n    // Close on escape keydown.\n    document.addEventListener(\n      \"keydown\",\n      (e: KeyboardEvent): void => {\n        if (!this.dialog?.open) return\n        handleEscape(e, this.handleClose)\n      },\n      { signal },\n    )\n  }\n\n  /**\n   * Disconnected.\n   */\n  disconnectedCallback(): void {\n    if (!this.dialog) return\n    if (typeof this.dialog.close === \"function\") this.dialog.close()\n    this.openBtns.forEach((btn: Element) =>\n      btn.setAttribute(\"aria-expanded\", \"false\"),\n    )\n    document.body.classList.remove(this.scrollLockClass)\n    this.controller.abort()\n  }\n\n  handleOpen = (): void => {\n    if (!this.dialog) return\n    if (typeof this.dialog.show === \"function\") {\n      this.isModal ? this.dialog.showModal() : this.dialog.show()\n    }\n    this.openBtns.forEach((btn: Element) =>\n      btn.setAttribute(\"aria-expanded\", \"true\"),\n    )\n    document.body.classList.add(this.scrollLockClass)\n  }\n\n  handleClose = (): void => {\n    if (!this.dialog) return\n    if (typeof this.dialog.close === \"function\") this.dialog.close()\n    this.openBtns.forEach((btn: Element) =>\n      btn.setAttribute(\"aria-expanded\", \"false\"),\n    )\n    document.body.classList.remove(this.scrollLockClass)\n  }\n\n  get dialog(): HTMLDialogElement | null {\n    const dialog: HTMLDialogElement | null = this.querySelector(\"dialog\")\n    if (!dialog) {\n      throw new Error(`${this.localName} must contain a <dialog> element.`)\n    }\n    return dialog\n  }\n\n  get openBtns(): NodeListOf<HTMLButtonElement> {\n    const btns: NodeListOf<HTMLButtonElement> = document.querySelectorAll(\n      `[href=\"#${this.id}\"], [aria-controls=\"${this.id}\"]`,\n    )\n    if (!btns) {\n      throw new Error(\n        `${this.localName} must have an associated opening element.`,\n      )\n    }\n    btns.forEach((btn: HTMLButtonElement): void => {\n      btn.setAttribute(\"aria-controls\", this.id)\n    })\n    return btns\n  }\n\n  get closeBtns(): NodeListOf<HTMLButtonElement> {\n    return this.querySelectorAll(\"button[data-close]\")\n  }\n\n  get isModal(): boolean {\n    return this.hasAttribute(\"data-modal\")\n  }\n}\n\ncustomElements.define(\"mx-dialog\", Dialog)\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"mx-dialog\": Dialog\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/build/DropMenu.js

@@ -1,132 +0,0 @@
-import { m as makeAnchor } from "./chunks/utilities-BIk0P2KX.js";
-import Keyboard from "./keyboard.js";
-class DropMenu extends HTMLElement {
-  constructor() {
-    super();
-    this.keyboard = new Keyboard();
-    this.handleSelect = (event) => {
-      const target = event.target;
-      this.items.forEach((item) => {
-        if (!(item instanceof HTMLButtonElement)) return;
-        item.setAttribute("aria-checked", String(item === target));
-      });
-      const newEvent = new CustomEvent("drop-menu-select", {
-        bubbles: true,
-        cancelable: true,
-        detail: {
-          event,
-          target
-        }
-      });
-      this.menu.dispatchEvent(newEvent);
-      if (this.closeOnClick) this.menu.togglePopover();
-    };
-    this.handleToggle = ({ newState }) => {
-      const handleClose = () => this.menu.togglePopover();
-      if (newState === "open") {
-        this.keyboard.attachPopup(this.menu.id, handleClose);
-      } else {
-        this.keyboard.detachPopup(this.menu.id);
-      }
-    };
-    this.attachKeyboardMenu = () => {
-      this.keyboard.attachMenu(this.menu, this.items);
-    };
-    this.detachKeyboardMenu = () => {
-      this.keyboard.detachMenu();
-    };
-    this.generatedId = () => {
-      const string = this.trigger?.textContent?.trim();
-      return !string ? "" : makeAnchor(string);
-    };
-    this.internals_ = this.attachInternals();
-    this.controller = new AbortController();
-  }
-  async connectedCallback() {
-    if (!this.menu || !this.trigger) return;
-    if (!("anchorName" in document.documentElement.style)) {
-      const { default: Polyfills } = await import("./chunks/polyfills-CJ5uTmUJ.js");
-      new Polyfills(this.menu);
-    }
-    if (!Object.hasOwn(HTMLElement, "popover")) {
-      await import("./chunks/popover-wbPSyFRj.js");
-    }
-    this.closeOnClick = this.hasAttribute("closeonclick");
-    const { signal } = this.controller;
-    document.addEventListener(
-      "click",
-      (event) => {
-        const { target } = event;
-        if (target !== this.menu && ![...this.items].includes(
-          target
-        ))
-          return;
-        this.handleSelect(event);
-        event.preventDefault();
-      },
-      {
-        signal
-      }
-    );
-    document.addEventListener(
-      "keydown",
-      (event) => {
-        const { target, key } = event;
-        if (target !== this.menu && ![...this.items].includes(
-          target
-        ))
-          return;
-        if (key === "Enter") this.handleSelect(event);
-        event.preventDefault();
-      },
-      {
-        signal
-      }
-    );
-    this.keyboard.attachEventListeners(signal);
-    this.menu.addEventListener("focusin", this.attachKeyboardMenu, {
-      signal
-    });
-    this.menu.addEventListener("focusout", this.detachKeyboardMenu, {
-      signal
-    });
-    this.menu.addEventListener("toggle", this.handleToggle, {
-      signal
-    });
-  }
-  disconnectedCallback() {
-    this.controller.abort();
-    this.keyboard.detachMenu();
-  }
-  get menu() {
-    const menu = this.querySelector("[popover]");
-    if (!menu) {
-      throw new Error(`${this.localName} must contain a <div popover> element.`);
-    }
-    menu.id = menu.id || this.generatedId();
-    return menu;
-  }
-  get items() {
-    const items = this.menu.querySelectorAll(":scope > *");
-    if (!items) {
-      throw new Error(`${this.localName} must contain some menu items.`);
-    }
-    return items;
-  }
-  get trigger() {
-    const trigger = this.querySelector(
-      `[popovertarget=${this.menu?.id}]`
-    );
-    if (!trigger) {
-      throw new Error(
-        `${this.localName} must contain a <button popovertarget="${this.menu.id}">`
-      );
-    }
-    return trigger;
-  }
-}
-customElements.define("mx-dropmenu", DropMenu);
-export {
-  DropMenu as default
-};
-//# sourceMappingURL=DropMenu.js.map

package/dist/build/DropMenu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DropMenu.js","sources":["../../src/Component/DropMenu/Elements/DropMenu.ts"],"sourcesContent":["/**\n * DropMenu\n * @file Create a DropMenu using the Popover and Anchor APIs\n */\n\nimport { Keyboard, makeAnchor } from \"../../../Utility/utilities\"\n\nexport type DropMenuEvent = CustomEvent<{\n  event: MouseEvent | KeyboardEvent\n  target: HTMLButtonElement | HTMLAnchorElement\n}>\n\nexport default class DropMenu extends HTMLElement {\n  internals_: ElementInternals\n  controller: AbortController\n  keyboard: Keyboard = new Keyboard()\n  closeOnClick: boolean\n\n  constructor() {\n    super()\n    this.internals_ = this.attachInternals()\n    this.controller = new AbortController()\n  }\n\n  async connectedCallback() {\n    if (!this.menu || !this.trigger) return\n\n    // Polyfill anchor (everywhere so far).\n    if (!(\"anchorName\" in document.documentElement.style)) {\n      const { default: Polyfills } = await import(\"../polyfills.js\")\n      new Polyfills(this.menu) // eslint-disable-line no-new\n    }\n    // Polyfill popover (FF only)\n    if (!Object.hasOwn(HTMLElement, \"popover\")) {\n      await import(\"@oddbird/popover-polyfill\")\n    }\n    this.closeOnClick = this.hasAttribute(\"closeonclick\")\n\n    const { signal }: AbortController = this.controller\n    document.addEventListener(\n      \"click\",\n      (event: MouseEvent): void => {\n        const { target } = event\n        if (\n          (target as HTMLElement) !== this.menu &&\n          ![...this.items].includes(\n            target as HTMLButtonElement | HTMLAnchorElement,\n          )\n        )\n          return\n        this.handleSelect(event)\n        event.preventDefault()\n      },\n      {\n        signal,\n      },\n    )\n\n    document.addEventListener(\n      \"keydown\",\n      (event: KeyboardEvent): void => {\n        const { target, key } = event\n        if (\n          (target as HTMLElement) !== this.menu &&\n          ![...this.items].includes(\n            target as HTMLButtonElement | HTMLAnchorElement,\n          )\n        )\n          return\n        if (key === \"Enter\") this.handleSelect(event)\n        event.preventDefault()\n      },\n      {\n        signal,\n      },\n    )\n\n    this.keyboard.attachEventListeners(signal)\n    this.menu.addEventListener(\"focusin\", this.attachKeyboardMenu, {\n      signal,\n    })\n    this.menu.addEventListener(\"focusout\", this.detachKeyboardMenu, {\n      signal,\n    })\n    this.menu.addEventListener(\"toggle\", this.handleToggle, {\n      signal,\n    })\n  }\n\n  disconnectedCallback(): void {\n    this.controller.abort()\n    this.keyboard.detachMenu()\n  }\n\n  handleSelect = (event: MouseEvent | KeyboardEvent): void => {\n    const target = event.target as HTMLButtonElement | HTMLAnchorElement\n    this.items.forEach(item => {\n      if (!(item instanceof HTMLButtonElement)) return\n      item.setAttribute(\"aria-checked\", String(item === target))\n    })\n    const newEvent: DropMenuEvent = new CustomEvent(\"drop-menu-select\", {\n      bubbles: true,\n      cancelable: true,\n      detail: {\n        event,\n        target,\n      },\n    })\n    this.menu.dispatchEvent(newEvent)\n    if (this.closeOnClick) this.menu.togglePopover()\n  }\n\n  handleToggle = ({ newState }: ToggleEvent): void => {\n    const handleClose = () => this.menu.togglePopover()\n    if (newState === \"open\") {\n      this.keyboard.attachPopup(this.menu.id, handleClose)\n    } else {\n      this.keyboard.detachPopup(this.menu.id)\n    }\n  }\n\n  attachKeyboardMenu = (): void => {\n    this.keyboard.attachMenu(this.menu, this.items)\n  }\n\n  detachKeyboardMenu = (): void => {\n    this.keyboard.detachMenu()\n  }\n\n  get menu(): HTMLDivElement | null {\n    const menu: HTMLDivElement | null = this.querySelector(\"[popover]\")\n    if (!menu) {\n      throw new Error(`${this.localName} must contain a <div popover> element.`)\n    }\n    menu.id = menu.id || this.generatedId()\n    return menu\n  }\n\n  get items(): NodeListOf<HTMLButtonElement | HTMLAnchorElement> {\n    const items: NodeListOf<HTMLButtonElement | HTMLAnchorElement> =\n      this.menu.querySelectorAll(\":scope > *\")\n    if (!items) {\n      throw new Error(`${this.localName} must contain some menu items.`)\n    }\n    return items\n  }\n\n  get trigger(): HTMLButtonElement | null {\n    const trigger: HTMLButtonElement | null = this.querySelector(\n      `[popovertarget=${this.menu?.id}]`,\n    )\n    if (!trigger) {\n      throw new Error(\n        `${this.localName} must contain a <button popovertarget=\"${this.menu.id}\">`,\n      )\n    }\n    return trigger\n  }\n\n  generatedId = (): string => {\n    const string: string | undefined = this.trigger?.textContent?.trim()\n    return !string ? \"\" : makeAnchor(string)\n  }\n}\n\ncustomElements.define(\"mx-dropmenu\", DropMenu)\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"mx-dropmenu\": DropMenu\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/build/GlobalToggle.js

@@ -1,103 +0,0 @@
-import DisclosureWidget from "./disclosure-widget.js";
-import "./chunks/js.cookie-CiMiGxWx.js";
-import "./io-loader.js";
-import "./breakpoint-loader.js";
-class GlobalToggle extends HTMLElement {
-  constructor() {
-    super();
-    this.closeIconClass = "icon--close";
-    this.menuIconClass = "icon--menu";
-    this.searchIconClass = "icon--search";
-    this.handleBreakpoint = ({
-      matches
-    }) => {
-      if (!this.trigger) return;
-      if (matches) {
-        this.widget.attach();
-        this.target.setAttribute("inert", "");
-        this.trigger.addEventListener("disclosure-toggle", this.handleDisclosure);
-      } else {
-        this.widget.detach();
-        this.target.removeAttribute("inert");
-        this.trigger.removeEventListener(
-          "disclosure-toggle",
-          this.handleDisclosure
-        );
-      }
-    };
-    this.handleDisclosure = ({ detail }) => {
-      const { isOpen } = detail;
-      const origText = !isOpen ? "Close" : "Open";
-      const replaceText = !isOpen ? "Open" : "Close";
-      this.trigger.textContent = this.triggerText.replace(origText, replaceText);
-      const isSearch = this.controls === "primary-search";
-      if (isSearch) this.handleSearchDisclosure(isOpen);
-      this.trigger.classList.toggle(
-        isSearch ? this.searchIconClass : this.menuIconClass
-      );
-      this.trigger.classList.toggle(this.closeIconClass);
-    };
-    this.handleSearchDisclosure = (isOpen) => {
-      if (this.hideMenu) {
-        const menuTrigger = document.querySelector(`.${this.menuIconClass}`);
-        menuTrigger.toggleAttribute("hidden");
-      }
-      if (!isOpen) {
-        this.trigger.focus();
-      } else {
-        this.target.querySelector("input")?.focus();
-      }
-    };
-    this.internals_ = this.attachInternals();
-    this.controller = new AbortController();
-    this.mq = this.getAttribute("mq") || "(max-width: 720px)";
-  }
-  connectedCallback() {
-    if (!this.trigger || !this.target) return;
-    this.target?.setAttribute("role", "region");
-    this.widget = new DisclosureWidget(this.trigger, this.target);
-    this.widget.init();
-    const { signal } = this.controller;
-    this.handleBreakpoint(this.breakpoint);
-    this.breakpoint.addEventListener("change", this.handleBreakpoint, {
-      signal
-    });
-  }
-  disconnectedCallback() {
-    this.widget.detach();
-    this.controller.abort();
-  }
-  get trigger() {
-    const trigger = this.querySelector(":scope > button");
-    const controls = trigger.getAttribute("aria-controls");
-    if (!trigger || !controls) {
-      throw new Error(
-        `${this.localName} must contain a <button aria-controls="element-to-trigger"> element.`
-      );
-    }
-    trigger.removeAttribute("disabled");
-    this.controls = controls;
-    this.triggerText = trigger.textContent;
-    return trigger;
-  }
-  get target() {
-    const target = document.querySelector(
-      `div[id="${this.controls}"]`
-    );
-    if (!target) {
-      throw new Error(
-        `${this.localName} must contain a target <div id="${this.controls}">.`
-      );
-    }
-    target.classList.remove("global-nav-up-only");
-    return target;
-  }
-  get breakpoint() {
-    return window.matchMedia(this.mq);
-  }
-}
-customElements.define("mx-global-toggle", GlobalToggle);
-export {
-  GlobalToggle as default
-};
-//# sourceMappingURL=GlobalToggle.js.map

package/dist/build/GlobalToggle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GlobalToggle.js","sources":["../../src/Layout/Header/Elements/GlobalToggle.ts"],"sourcesContent":["/**\n * Header\n * @file Handle accessible trigger of menus on small screens.\n */\n\nimport {\n  DisclosureWidget,\n  DisclosureWidgetEvent,\n} from \"../../../Utility/utilities\"\n\nexport default class GlobalToggle extends HTMLElement {\n  internals_: ElementInternals\n  controller: AbortController\n  widget!: DisclosureWidget\n  controls?: string\n  mq: string\n  triggerText: string\n  closeIconClass: string = \"icon--close\"\n  menuIconClass: string = \"icon--menu\"\n  searchIconClass: string = \"icon--search\"\n  hideMenu: boolean\n\n  constructor() {\n    super()\n    this.internals_ = this.attachInternals()\n    this.controller = new AbortController()\n    this.mq = this.getAttribute(\"mq\") || \"(max-width: 720px)\"\n  }\n\n  connectedCallback(): void {\n    if (!this.trigger || !this.target) return\n\n    this.target?.setAttribute(\"role\", \"region\")\n    this.widget = new DisclosureWidget(this.trigger, this.target)\n    this.widget.init()\n    const { signal }: AbortController = this.controller\n    this.handleBreakpoint(this.breakpoint)\n    this.breakpoint.addEventListener(\"change\", this.handleBreakpoint, {\n      signal,\n    })\n  }\n\n  disconnectedCallback(): void {\n    this.widget.detach()\n    this.controller.abort()\n  }\n\n  handleBreakpoint = ({\n    matches,\n  }: MediaQueryList | MediaQueryListEvent): void => {\n    if (!this.trigger) return\n    if (matches) {\n      this.widget.attach()\n      this.target.setAttribute(\"inert\", \"\")\n      this.trigger.addEventListener(\"disclosure-toggle\", this.handleDisclosure)\n    } else {\n      this.widget.detach()\n      this.target.removeAttribute(\"inert\")\n      this.trigger.removeEventListener(\n        \"disclosure-toggle\",\n        this.handleDisclosure,\n      )\n    }\n  }\n\n  handleDisclosure = ({ detail }: CustomEvent<DisclosureWidgetEvent>): void => {\n    const { isOpen } = detail\n    // Toggle toggle text.\n    const origText = !isOpen ? \"Close\" : \"Open\"\n    const replaceText = !isOpen ? \"Open\" : \"Close\"\n    this.trigger.textContent = this.triggerText.replace(origText, replaceText)\n\n    // Search is a little different.\n    const isSearch = this.controls === \"primary-search\"\n    if (isSearch) this.handleSearchDisclosure(isOpen)\n\n    // Toggle trigger classes.\n    this.trigger.classList.toggle(\n      isSearch ? this.searchIconClass : this.menuIconClass,\n    )\n    this.trigger.classList.toggle(this.closeIconClass)\n  }\n\n  handleSearchDisclosure = (isOpen?: boolean): void => {\n    if (this.hideMenu) {\n      // Search trigger should hide the menu trigger.\n      const menuTrigger = document.querySelector(`.${this.menuIconClass}`)\n      menuTrigger.toggleAttribute(\"hidden\")\n    }\n    // Shift focus between search input and trigger.\n    if (!isOpen) {\n      this.trigger.focus()\n    } else {\n      this.target.querySelector(\"input\")?.focus()\n    }\n  }\n\n  get trigger(): HTMLButtonElement {\n    const trigger: HTMLButtonElement | null =\n      this.querySelector(\":scope > button\")\n    const controls = trigger.getAttribute(\"aria-controls\")\n    if (!trigger || !controls) {\n      throw new Error(\n        `${this.localName} must contain a <button aria-controls=\"element-to-trigger\"> element.`,\n      )\n    }\n    trigger.removeAttribute(\"disabled\")\n    this.controls = controls\n    this.triggerText = trigger.textContent\n    return trigger\n  }\n\n  get target(): HTMLDivElement {\n    const target: HTMLDivElement | null = document.querySelector(\n      `div[id=\"${this.controls}\"]`,\n    )\n    if (!target) {\n      throw new Error(\n        `${this.localName} must contain a target <div id=\"${this.controls}\">.`,\n      )\n    }\n    target.classList.remove(\"global-nav-up-only\")\n    return target\n  }\n\n  get breakpoint(): MediaQueryList {\n    return window.matchMedia(this.mq)\n  }\n}\n\ncustomElements.define(\"mx-global-toggle\", GlobalToggle)\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"mx-trigger\": GlobalToggle\n  }\n}\n"],"names":[],"mappings":";;;;AAUA,MAAqB,qBAAqB,YAAY;AAAA,EAYpD,cAAc;AACN;AANiB,SAAA,iBAAA;AACD,SAAA,gBAAA;AACE,SAAA,kBAAA;AA4B1B,SAAA,mBAAmB,CAAC;AAAA,MAClB;AAAA,IAAA,MACgD;AAC5C,UAAA,CAAC,KAAK,QAAS;AACnB,UAAI,SAAS;AACX,aAAK,OAAO;AACP,aAAA,OAAO,aAAa,SAAS,EAAE;AACpC,aAAK,QAAQ,iBAAiB,qBAAqB,KAAK,gBAAgB;AAAA,MAAA,OACnE;AACL,aAAK,OAAO;AACP,aAAA,OAAO,gBAAgB,OAAO;AACnC,aAAK,QAAQ;AAAA,UACX;AAAA,UACA,KAAK;AAAA,QAAA;AAAA,MAET;AAAA,IAAA;AAGiB,SAAA,mBAAA,CAAC,EAAE,aAAuD;AACrE,YAAA,EAAE,OAAW,IAAA;AAEb,YAAA,WAAW,CAAC,SAAS,UAAU;AAC/B,YAAA,cAAc,CAAC,SAAS,SAAS;AACvC,WAAK,QAAQ,cAAc,KAAK,YAAY,QAAQ,UAAU,WAAW;AAGnE,YAAA,WAAW,KAAK,aAAa;AAC/B,UAAA,SAAe,MAAA,uBAAuB,MAAM;AAGhD,WAAK,QAAQ,UAAU;AAAA,QACrB,WAAW,KAAK,kBAAkB,KAAK;AAAA,MAAA;AAEzC,WAAK,QAAQ,UAAU,OAAO,KAAK,cAAc;AAAA,IAAA;AAGnD,SAAA,yBAAyB,CAAC,WAA2B;AACnD,UAAI,KAAK,UAAU;AAEjB,cAAM,cAAc,SAAS,cAAc,IAAI,KAAK,aAAa,EAAE;AACnE,oBAAY,gBAAgB,QAAQ;AAAA,MACtC;AAEA,UAAI,CAAC,QAAQ;AACX,aAAK,QAAQ;MAAM,OACd;AACL,aAAK,OAAO,cAAc,OAAO,GAAG,MAAM;AAAA,MAC5C;AAAA,IAAA;AAtEK,SAAA,aAAa,KAAK;AAClB,SAAA,aAAa,IAAI;AACtB,SAAK,KAAK,KAAK,aAAa,IAAI,KAAK;AAAA,EACvC;AAAA,EAEA,oBAA0B;AACxB,QAAI,CAAC,KAAK,WAAW,CAAC,KAAK,OAAQ;AAE9B,SAAA,QAAQ,aAAa,QAAQ,QAAQ;AAC1C,SAAK,SAAS,IAAI,iBAAiB,KAAK,SAAS,KAAK,MAAM;AAC5D,SAAK,OAAO;AACN,UAAA,EAAE,OAAO,IAAqB,KAAK;AACpC,SAAA,iBAAiB,KAAK,UAAU;AACrC,SAAK,WAAW,iBAAiB,UAAU,KAAK,kBAAkB;AAAA,MAChE;AAAA,IAAA,CACD;AAAA,EACH;AAAA,EAEA,uBAA6B;AAC3B,SAAK,OAAO;AACZ,SAAK,WAAW;EAClB;AAAA,EAoDA,IAAI,UAA6B;AACzB,UAAA,UACJ,KAAK,cAAc,iBAAiB;AAChC,UAAA,WAAW,QAAQ,aAAa,eAAe;AACjD,QAAA,CAAC,WAAW,CAAC,UAAU;AACzB,YAAM,IAAI;AAAA,QACR,GAAG,KAAK,SAAS;AAAA,MAAA;AAAA,IAErB;AACA,YAAQ,gBAAgB,UAAU;AAClC,SAAK,WAAW;AAChB,SAAK,cAAc,QAAQ;AACpB,WAAA;AAAA,EACT;AAAA,EAEA,IAAI,SAAyB;AAC3B,UAAM,SAAgC,SAAS;AAAA,MAC7C,WAAW,KAAK,QAAQ;AAAA,IAAA;AAE1B,QAAI,CAAC,QAAQ;AACX,YAAM,IAAI;AAAA,QACR,GAAG,KAAK,SAAS,mCAAmC,KAAK,QAAQ;AAAA,MAAA;AAAA,IAErE;AACO,WAAA,UAAU,OAAO,oBAAoB;AACrC,WAAA;AAAA,EACT;AAAA,EAEA,IAAI,aAA6B;AACxB,WAAA,OAAO,WAAW,KAAK,EAAE;AAAA,EAClC;AACF;AAEA,eAAe,OAAO,oBAAoB,YAAY;"}

package/dist/build/InPageAlert.js

@@ -1,61 +0,0 @@
-import { c as createElement, m as makeAnchor } from "./chunks/utilities-BIk0P2KX.js";
-class InPageAlert extends HTMLElement {
-  constructor() {
-    super();
-    this.handleClose = () => {
-      this.controller.abort();
-      this.remove();
-      this.localStorage = "true";
-      const newEvent = new CustomEvent("InPageAlert-close", {
-        bubbles: true,
-        cancelable: true,
-        detail: {
-          id: this.id,
-          target: this
-        }
-      });
-      this.dispatchEvent(newEvent);
-    };
-    this.internals_ = this.attachInternals();
-    this.controller = new AbortController();
-  }
-  connectedCallback() {
-    this.id = this.id || this.generatedId();
-    if (this.localStorage) {
-      this.controller.abort();
-      this.remove();
-      return;
-    }
-    const { signal } = this.controller;
-    this.close?.addEventListener("click", this.handleClose, { signal });
-  }
-  disconnectedCallback() {
-    this.controller.abort();
-    this.close.remove();
-  }
-  get localStorage() {
-    return localStorage.getItem(this.id);
-  }
-  set localStorage(value) {
-    localStorage.setItem(this.id, value);
-  }
-  get close() {
-    let closeBtn = this.querySelector(".icon--close");
-    if (!closeBtn) {
-      closeBtn = createElement(
-        `<button class="icon icon--close" aria-controls="${this.id}" aria-label="Close InPageAlert" type="button"></button>`
-      );
-      this.appendChild(closeBtn);
-    }
-    return closeBtn;
-  }
-  generatedId() {
-    const id = `mx-alert-${Math.floor(Math.random() * Math.floor(1e4))}`;
-    return makeAnchor(id, 20);
-  }
-}
-customElements.define("mx-closable-alert", InPageAlert);
-export {
-  InPageAlert as default
-};
-//# sourceMappingURL=InPageAlert.js.map