@pnx-mixtape/mxds 0.0.14 → 0.0.15

package/dist/build/chunks/Accordion-Bjaw7SdG.js

@@ -1,61 +0,0 @@
-import { m as makeAnchor } from "./utilities-DZ_l-he4.js";
-class Accordion extends HTMLElement {
-  constructor() {
-    super();
-    this.handleOpen = () => {
-      if (!this.details) return;
-      this.details.open = true;
-    };
-    this.handleClose = () => {
-      if (!this.details) return;
-      this.details.open = false;
-    };
-    this.handleHash = () => {
-      const { hash } = window.location;
-      if (hash && hash === `#${this.details?.id}`) {
-        this.handleOpen();
-      }
-    };
-    this.generatedId = () => {
-      const string = this.trigger?.textContent?.trim();
-      return !string ? "" : makeAnchor(string);
-    };
-    this.internals_ = this.attachInternals();
-    this.controller = new AbortController();
-  }
-  connectedCallback() {
-    if (!this.details || !this.trigger) return;
-    const { signal } = this.controller;
-    document.addEventListener("beforeprint", this.handleOpen, {
-      signal
-    });
-    document.addEventListener("afterprint", this.handleClose, {
-      signal
-    });
-    this.handleHash();
-    document.addEventListener("hashchange", this.handleHash, { signal });
-  }
-  disconnectedCallback() {
-    this.controller.abort();
-  }
-  get details() {
-    const details = this.querySelector("details");
-    if (!details) {
-      throw new Error(`${this.localName} must contain a <details> element.`);
-    }
-    details.id = details.id || this.generatedId();
-    return details;
-  }
-  get trigger() {
-    const trigger = this.querySelector("summary");
-    if (!trigger) {
-      throw new Error(`${this.localName} must contain a <summary> element.`);
-    }
-    return trigger;
-  }
-}
-customElements.define("mx-accordion", Accordion);
-export {
-  Accordion as A
-};
-//# sourceMappingURL=Accordion-Bjaw7SdG.js.map

package/dist/build/chunks/Accordion-Bjaw7SdG.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Accordion-Bjaw7SdG.js","sources":["../../../src/Component/Accordion/Elements/Accordion.ts"],"sourcesContent":["/**\n * Accordion\n * @file Support opening on hash, adding an ID attribute and toggling on print.\n */\n\nimport { makeAnchor } from \"../../../Utility/utilities\"\n\nexport default class Accordion 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.details || !this.trigger) return\n\n    const { signal }: AbortController = this.controller\n    document.addEventListener(\"beforeprint\", this.handleOpen, {\n      signal,\n    })\n    document.addEventListener(\"afterprint\", this.handleClose, {\n      signal,\n    })\n    this.handleHash()\n    document.addEventListener(\"hashchange\", this.handleHash, { signal })\n  }\n\n  disconnectedCallback(): void {\n    this.controller.abort()\n  }\n\n  handleOpen = (): void => {\n    if (!this.details) return\n    this.details.open = true\n  }\n\n  handleClose = (): void => {\n    if (!this.details) return\n    this.details.open = false\n  }\n\n  handleHash = (): void => {\n    const { hash }: Location = window.location\n    if (hash && hash === `#${this.details?.id}`) {\n      this.handleOpen()\n    }\n  }\n\n  get details(): HTMLDetailsElement | null {\n    const details: HTMLDetailsElement | null = this.querySelector(\"details\")\n    if (!details) {\n      throw new Error(`${this.localName} must contain a <details> element.`)\n    }\n    details.id = details.id || this.generatedId()\n    return details\n  }\n\n  get trigger(): HTMLElement | null {\n    const trigger: HTMLElement | null = this.querySelector(\"summary\")\n    if (!trigger) {\n      throw new Error(`${this.localName} must contain a <summary> element.`)\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-accordion\", Accordion)\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"mx-accordion\": Accordion\n  }\n}\n"],"names":[],"mappings":";AAOA,MAAqB,kBAAkB,YAAY;AAAA,EAIjD,cAAc;AACN;AAuBR,SAAA,aAAa,MAAY;AACnB,UAAA,CAAC,KAAK,QAAS;AACnB,WAAK,QAAQ,OAAO;AAAA,IAAA;AAGtB,SAAA,cAAc,MAAY;AACpB,UAAA,CAAC,KAAK,QAAS;AACnB,WAAK,QAAQ,OAAO;AAAA,IAAA;AAGtB,SAAA,aAAa,MAAY;AACjB,YAAA,EAAE,KAAK,IAAc,OAAO;AAClC,UAAI,QAAQ,SAAS,IAAI,KAAK,SAAS,EAAE,IAAI;AAC3C,aAAK,WAAW;AAAA,MAClB;AAAA,IAAA;AAoBF,SAAA,cAAc,MAAc;AAC1B,YAAM,SAA6B,KAAK,SAAS,aAAa,KAAK;AACnE,aAAO,CAAC,SAAS,KAAK,WAAW,MAAM;AAAA,IAAA;AA1DlC,SAAA,aAAa,KAAK;AAClB,SAAA,aAAa,IAAI;EACxB;AAAA,EAEA,oBAA0B;AACxB,QAAI,CAAC,KAAK,WAAW,CAAC,KAAK,QAAS;AAE9B,UAAA,EAAE,OAAO,IAAqB,KAAK;AAChC,aAAA,iBAAiB,eAAe,KAAK,YAAY;AAAA,MACxD;AAAA,IAAA,CACD;AACQ,aAAA,iBAAiB,cAAc,KAAK,aAAa;AAAA,MACxD;AAAA,IAAA,CACD;AACD,SAAK,WAAW;AAChB,aAAS,iBAAiB,cAAc,KAAK,YAAY,EAAE,QAAQ;AAAA,EACrE;AAAA,EAEA,uBAA6B;AAC3B,SAAK,WAAW;EAClB;AAAA,EAmBA,IAAI,UAAqC;AACjC,UAAA,UAAqC,KAAK,cAAc,SAAS;AACvE,QAAI,CAAC,SAAS;AACZ,YAAM,IAAI,MAAM,GAAG,KAAK,SAAS,oCAAoC;AAAA,IACvE;AACA,YAAQ,KAAK,QAAQ,MAAM,KAAK,YAAY;AACrC,WAAA;AAAA,EACT;AAAA,EAEA,IAAI,UAA8B;AAC1B,UAAA,UAA8B,KAAK,cAAc,SAAS;AAChE,QAAI,CAAC,SAAS;AACZ,YAAM,IAAI,MAAM,GAAG,KAAK,SAAS,oCAAoC;AAAA,IACvE;AACO,WAAA;AAAA,EACT;AAMF;AAEA,eAAe,OAAO,gBAAgB,SAAS;"}

package/dist/build/chunks/disclosure-widget-DwuxsaOS.js

@@ -1,124 +0,0 @@
-import { m as makeAnchor } from "./utilities-DZ_l-he4.js";
-class DisclosureWidget {
-  constructor(trigger, element, overrides, context = document) {
-    this.init = () => {
-      if (Object.prototype.hasOwnProperty.call(this.trigger, "disclosureWidget"))
-        return;
-      const { attribute, setInitialAttribute } = this.options;
-      this.trigger.disclosureWidget = this;
-      if (setInitialAttribute) this.element.setAttribute(attribute, "");
-      this.attach();
-    };
-    this.handleToggle = () => {
-      const { attribute, setInitialAttribute } = this.options;
-      this.element.toggleAttribute(attribute);
-      const hasAttribute = this.element.hasAttribute(attribute);
-      this.isOpen = setInitialAttribute ? !hasAttribute : hasAttribute;
-      this.trigger.setAttribute("aria-expanded", String(this.isOpen));
-      const newEvent = new CustomEvent(
-        "disclosure-toggle",
-        {
-          bubbles: true,
-          cancelable: true,
-          detail: {
-            isOpen: this.isOpen,
-            id: this.id,
-            options: this.options,
-            target: this.element
-          }
-        }
-      );
-      this.trigger.dispatchEvent(newEvent);
-    };
-    this.handleMouse = (event) => {
-      const { currentTarget, type, relatedTarget } = event;
-      if (type === "mouseover" || type === "mouseout") {
-        const triggerParent = this.trigger.parentNode;
-        if (triggerParent !== currentTarget || triggerParent.contains(relatedTarget))
-          return;
-      } else if (this.trigger !== currentTarget) return;
-      const { shouldPreventDefault } = this.options;
-      this.handleToggle();
-      if (shouldPreventDefault) {
-        event.preventDefault();
-        event.stopPropagation();
-      }
-    };
-    this.handleKeyboard = (event) => {
-      const { key, target } = event;
-      if (this.trigger !== target) return;
-      const { isOpen } = this;
-      const { shouldPreventDefault } = this.options;
-      switch (key) {
-        case "ArrowDown":
-        case "Enter":
-          if (!isOpen) this.handleToggle();
-          if (shouldPreventDefault) event.preventDefault();
-          break;
-        case "ArrowUp":
-        case "Escape":
-          if (isOpen) this.handleToggle();
-          if (shouldPreventDefault) event.preventDefault();
-          break;
-      }
-    };
-    this.attach = () => {
-      if (this.attached) return;
-      const { clickEvent } = this.options;
-      if (clickEvent === "mouseover") {
-        const parent = this.trigger.parentNode;
-        parent.addEventListener("mouseover", this.handleMouse);
-        parent.addEventListener("mouseout", this.handleMouse);
-      } else {
-        this.trigger.addEventListener("click", this.handleMouse);
-      }
-      this.trigger.addEventListener("keydown", this.handleKeyboard);
-      this.trigger.setAttribute("aria-expanded", "false");
-      if (!this.trigger.hasAttribute("aria-controls"))
-        this.trigger.setAttribute("aria-controls", this.id);
-      this.attached = true;
-    };
-    this.detach = () => {
-      if (!this.attached) return;
-      if (this.isOpen) {
-        this.handleToggle();
-      }
-      const { clickEvent } = this.options;
-      if (clickEvent === "mouseover") {
-        const parent = this.trigger.parentNode;
-        parent.removeEventListener("mouseover", this.handleMouse);
-        parent.removeEventListener("mouseout", this.handleMouse);
-      } else {
-        this.trigger.removeEventListener("click", this.handleMouse);
-      }
-      this.trigger.removeEventListener("keydown", this.handleKeyboard);
-      this.trigger.removeAttribute("aria-expanded");
-      this.attached = false;
-    };
-    this.generatedId = () => {
-      const string = this.trigger?.textContent?.trim();
-      return !string ? "" : makeAnchor(string);
-    };
-    if (!trigger) {
-      throw new Error("toggle is required.");
-    }
-    if (!element) {
-      throw new Error("element is required.");
-    }
-    const options = {
-      attribute: "inert",
-      shouldPreventDefault: true,
-      setInitialAttribute: true,
-      clickEvent: "click"
-    };
-    this.options = { ...options, ...overrides };
-    this.context = context || document;
-    this.trigger = trigger;
-    this.element = element;
-    this.id = this.element.id || this.generatedId();
-  }
-}
-export {
-  DisclosureWidget as D
-};
-//# sourceMappingURL=disclosure-widget-DwuxsaOS.js.map

package/dist/build/chunks/disclosure-widget-DwuxsaOS.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"disclosure-widget-DwuxsaOS.js","sources":["../../../src/Utility/Elements/disclosure-widget.ts"],"sourcesContent":["/**\n * Class for a generic Disclosure Widget.\n */\nimport { makeAnchor } from \"../utilities\"\n\ntype DisclosureWidgetOptions = {\n  attribute?: string\n  shouldPreventDefault?: boolean\n  setInitialAttribute?: boolean\n  clickEvent?: \"click\" | \"mouseover\"\n}\n\nexport type DisclosureWidgetEvent = {\n  isOpen: boolean\n  id: string\n  options: DisclosureWidgetOptions\n  target: Element\n}\n\nexport default class DisclosureWidget {\n  options: DisclosureWidgetOptions\n  context: Document | Element\n  trigger: Element & { disclosureWidget?: DisclosureWidget }\n  element: Element\n  id: string\n  isOpen?: boolean\n  attached?: boolean\n\n  constructor(\n    trigger: Element,\n    element: Element,\n    overrides?: DisclosureWidgetOptions,\n    context: Element | Document = document,\n  ) {\n    if (!trigger) {\n      throw new Error(\"toggle is required.\")\n    }\n    if (!element) {\n      throw new Error(\"element is required.\")\n    }\n    const options: DisclosureWidgetOptions = {\n      attribute: \"inert\",\n      shouldPreventDefault: true,\n      setInitialAttribute: true,\n      clickEvent: \"click\",\n    }\n\n    this.options = { ...options, ...overrides }\n    this.context = context || document\n    this.trigger = trigger\n    this.element = element\n    this.id = this.element.id || this.generatedId()\n  }\n\n  init = (): void => {\n    if (Object.prototype.hasOwnProperty.call(this.trigger, \"disclosureWidget\"))\n      return\n    const { attribute, setInitialAttribute } = this.options\n    this.trigger.disclosureWidget = this\n    if (setInitialAttribute) this.element.setAttribute(attribute, \"\")\n    this.attach()\n  }\n\n  handleToggle = (): void => {\n    const { attribute, setInitialAttribute } = this.options\n    this.element.toggleAttribute(attribute)\n    const hasAttribute: boolean = this.element.hasAttribute(attribute)\n    this.isOpen = setInitialAttribute ? !hasAttribute : hasAttribute\n    this.trigger.setAttribute(\"aria-expanded\", String(this.isOpen))\n    const newEvent: CustomEvent<DisclosureWidgetEvent> = new CustomEvent(\n      \"disclosure-toggle\",\n      {\n        bubbles: true,\n        cancelable: true,\n        detail: {\n          isOpen: this.isOpen,\n          id: this.id,\n          options: this.options,\n          target: this.element,\n        },\n      },\n    )\n    this.trigger.dispatchEvent(newEvent)\n  }\n\n  handleMouse = (event: MouseEvent): void => {\n    const { currentTarget, type, relatedTarget } = event\n\n    if (type === \"mouseover\" || type === \"mouseout\") {\n      const triggerParent = this.trigger.parentNode\n      if (\n        triggerParent !== currentTarget ||\n        triggerParent.contains(relatedTarget as HTMLElement)\n      )\n        return\n    } else if (this.trigger !== currentTarget) return\n\n    const { shouldPreventDefault } = this.options\n    this.handleToggle()\n    if (shouldPreventDefault) {\n      event.preventDefault()\n      event.stopPropagation()\n    }\n  }\n\n  handleKeyboard = (event: KeyboardEvent): void => {\n    const { key, target } = event\n    if (this.trigger !== target) return\n    const { isOpen } = this\n    const { shouldPreventDefault } = this.options\n\n    switch (key) {\n      // Down/Enter should open it.\n      case \"ArrowDown\":\n      case \"Enter\":\n        if (!isOpen) this.handleToggle()\n        if (shouldPreventDefault) event.preventDefault()\n        break\n\n      // Up/Esc should close it.\n      case \"ArrowUp\":\n      case \"Escape\":\n        if (isOpen) this.handleToggle()\n        if (shouldPreventDefault) event.preventDefault()\n        break\n\n      default:\n        break\n    }\n  }\n\n  attach = (): void => {\n    if (this.attached) return\n    const { clickEvent } = this.options\n    if (clickEvent === \"mouseover\") {\n      const parent = this.trigger.parentNode\n      parent.addEventListener(\"mouseover\", this.handleMouse)\n      parent.addEventListener(\"mouseout\", this.handleMouse)\n    } else {\n      this.trigger.addEventListener(\"click\", this.handleMouse)\n    }\n    this.trigger.addEventListener(\"keydown\", this.handleKeyboard)\n\n    this.trigger.setAttribute(\"aria-expanded\", \"false\")\n    if (!this.trigger.hasAttribute(\"aria-controls\"))\n      this.trigger.setAttribute(\"aria-controls\", this.id)\n    this.attached = true\n  }\n\n  detach = (): void => {\n    if (!this.attached) return\n    if (this.isOpen) {\n      this.handleToggle()\n    }\n    const { clickEvent } = this.options\n    if (clickEvent === \"mouseover\") {\n      const parent = this.trigger.parentNode\n      parent.removeEventListener(\"mouseover\", this.handleMouse)\n      parent.removeEventListener(\"mouseout\", this.handleMouse)\n    } else {\n      this.trigger.removeEventListener(\"click\", this.handleMouse)\n    }\n    this.trigger.removeEventListener(\"keydown\", this.handleKeyboard)\n\n    this.trigger.removeAttribute(\"aria-expanded\")\n    this.attached = false\n  }\n\n  generatedId = (): string => {\n    const string: string | undefined = this.trigger?.textContent?.trim()\n    return !string ? \"\" : makeAnchor(string)\n  }\n}\n"],"names":[],"mappings":";AAmBA,MAAqB,iBAAiB;AAAA,EASpC,YACE,SACA,SACA,WACA,UAA8B,UAC9B;AAqBF,SAAA,OAAO,MAAY;AACjB,UAAI,OAAO,UAAU,eAAe,KAAK,KAAK,SAAS,kBAAkB;AACvE;AACF,YAAM,EAAE,WAAW,wBAAwB,KAAK;AAChD,WAAK,QAAQ,mBAAmB;AAChC,UAAI,oBAAqB,MAAK,QAAQ,aAAa,WAAW,EAAE;AAChE,WAAK,OAAO;AAAA,IAAA;AAGd,SAAA,eAAe,MAAY;AACzB,YAAM,EAAE,WAAW,wBAAwB,KAAK;AAC3C,WAAA,QAAQ,gBAAgB,SAAS;AACtC,YAAM,eAAwB,KAAK,QAAQ,aAAa,SAAS;AAC5D,WAAA,SAAS,sBAAsB,CAAC,eAAe;AACpD,WAAK,QAAQ,aAAa,iBAAiB,OAAO,KAAK,MAAM,CAAC;AAC9D,YAAM,WAA+C,IAAI;AAAA,QACvD;AAAA,QACA;AAAA,UACE,SAAS;AAAA,UACT,YAAY;AAAA,UACZ,QAAQ;AAAA,YACN,QAAQ,KAAK;AAAA,YACb,IAAI,KAAK;AAAA,YACT,SAAS,KAAK;AAAA,YACd,QAAQ,KAAK;AAAA,UACf;AAAA,QACF;AAAA,MAAA;AAEG,WAAA,QAAQ,cAAc,QAAQ;AAAA,IAAA;AAGrC,SAAA,cAAc,CAAC,UAA4B;AACzC,YAAM,EAAE,eAAe,MAAM,cAAA,IAAkB;AAE3C,UAAA,SAAS,eAAe,SAAS,YAAY;AACzC,cAAA,gBAAgB,KAAK,QAAQ;AACnC,YACE,kBAAkB,iBAClB,cAAc,SAAS,aAA4B;AAEnD;AAAA,MACJ,WAAW,KAAK,YAAY,cAAe;AAErC,YAAA,EAAE,qBAAqB,IAAI,KAAK;AACtC,WAAK,aAAa;AAClB,UAAI,sBAAsB;AACxB,cAAM,eAAe;AACrB,cAAM,gBAAgB;AAAA,MACxB;AAAA,IAAA;AAGF,SAAA,iBAAiB,CAAC,UAA+B;AACzC,YAAA,EAAE,KAAK,OAAW,IAAA;AACpB,UAAA,KAAK,YAAY,OAAQ;AACvB,YAAA,EAAE,OAAW,IAAA;AACb,YAAA,EAAE,qBAAqB,IAAI,KAAK;AAEtC,cAAQ,KAAK;AAAA,QAEX,KAAK;AAAA,QACL,KAAK;AACC,cAAA,CAAC,OAAQ,MAAK;AACd,cAAA,4BAA4B;AAChC;AAAA,QAGF,KAAK;AAAA,QACL,KAAK;AACC,cAAA,aAAa;AACb,cAAA,4BAA4B;AAChC;AAAA,MAIJ;AAAA,IAAA;AAGF,SAAA,SAAS,MAAY;AACnB,UAAI,KAAK,SAAU;AACb,YAAA,EAAE,WAAW,IAAI,KAAK;AAC5B,UAAI,eAAe,aAAa;AACxB,cAAA,SAAS,KAAK,QAAQ;AACrB,eAAA,iBAAiB,aAAa,KAAK,WAAW;AAC9C,eAAA,iBAAiB,YAAY,KAAK,WAAW;AAAA,MAAA,OAC/C;AACL,aAAK,QAAQ,iBAAiB,SAAS,KAAK,WAAW;AAAA,MACzD;AACA,WAAK,QAAQ,iBAAiB,WAAW,KAAK,cAAc;AAEvD,WAAA,QAAQ,aAAa,iBAAiB,OAAO;AAClD,UAAI,CAAC,KAAK,QAAQ,aAAa,eAAe;AAC5C,aAAK,QAAQ,aAAa,iBAAiB,KAAK,EAAE;AACpD,WAAK,WAAW;AAAA,IAAA;AAGlB,SAAA,SAAS,MAAY;AACf,UAAA,CAAC,KAAK,SAAU;AACpB,UAAI,KAAK,QAAQ;AACf,aAAK,aAAa;AAAA,MACpB;AACM,YAAA,EAAE,WAAW,IAAI,KAAK;AAC5B,UAAI,eAAe,aAAa;AACxB,cAAA,SAAS,KAAK,QAAQ;AACrB,eAAA,oBAAoB,aAAa,KAAK,WAAW;AACjD,eAAA,oBAAoB,YAAY,KAAK,WAAW;AAAA,MAAA,OAClD;AACL,aAAK,QAAQ,oBAAoB,SAAS,KAAK,WAAW;AAAA,MAC5D;AACA,WAAK,QAAQ,oBAAoB,WAAW,KAAK,cAAc;AAE1D,WAAA,QAAQ,gBAAgB,eAAe;AAC5C,WAAK,WAAW;AAAA,IAAA;AAGlB,SAAA,cAAc,MAAc;AAC1B,YAAM,SAA6B,KAAK,SAAS,aAAa,KAAK;AACnE,aAAO,CAAC,SAAS,KAAK,WAAW,MAAM;AAAA,IAAA;AAxIvC,QAAI,CAAC,SAAS;AACN,YAAA,IAAI,MAAM,qBAAqB;AAAA,IACvC;AACA,QAAI,CAAC,SAAS;AACN,YAAA,IAAI,MAAM,sBAAsB;AAAA,IACxC;AACA,UAAM,UAAmC;AAAA,MACvC,WAAW;AAAA,MACX,sBAAsB;AAAA,MACtB,qBAAqB;AAAA,MACrB,YAAY;AAAA,IAAA;AAGd,SAAK,UAAU,EAAE,GAAG,SAAS,GAAG,UAAU;AAC1C,SAAK,UAAU,WAAW;AAC1B,SAAK,UAAU;AACf,SAAK,UAAU;AACf,SAAK,KAAK,KAAK,QAAQ,MAAM,KAAK;EACpC;AAwHF;"}

package/dist/build/chunks/drop-menu.entry-Cxpti_QG.js

@@ -1,132 +0,0 @@
-import { m as makeAnchor } from "./utilities-DZ_l-he4.js";
-import { K as Keyboard } from "./keyboard-C73DHu0c.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("./polyfills-CJ5uTmUJ.js");
-      new Polyfills(this.menu);
-    }
-    if (!Object.hasOwn(HTMLElement, "popover")) {
-      await import("./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 D
-};
-//# sourceMappingURL=drop-menu.entry-Cxpti_QG.js.map

package/dist/build/chunks/drop-menu.entry-Cxpti_QG.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"drop-menu.entry-Cxpti_QG.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/chunks/keyboard-C73DHu0c.js

@@ -1,101 +0,0 @@
-class Keyboard {
-  constructor() {
-    this.attachPopup = (id, closefn) => {
-      window.Mixtape.Popups.push({
-        id,
-        closefn
-      });
-    };
-    this.detachPopup = (id) => {
-      window.Mixtape.Popups = window.Mixtape.Popups.filter((item) => item.id !== id);
-    };
-    this.attachMenu = (context, items) => {
-      window.Mixtape.Menu = {
-        context,
-        items
-      };
-    };
-    this.detachMenu = () => {
-      window.Mixtape.Menu = null;
-    };
-    this.getNextFocusableMenuItem = (active, back = false) => {
-      if (!back) {
-        return window.Mixtape.Menu.items.length > active + 1 ? active + 1 : 0;
-      }
-      return active === 0 ? window.Mixtape.Menu.items.length - 1 : active - 1;
-    };
-    this.moveFocus = (target, back = false) => {
-      if (!window.Mixtape.Menu.items) return;
-      let active = 0;
-      window.Mixtape.Menu.items.forEach((element, index) => {
-        if (element === target) {
-          active = index;
-        }
-      });
-      let focus = this.getNextFocusableMenuItem(active, back);
-      let tabbable = window.Mixtape.Menu.items[focus].getAttribute("tabindex");
-      if (tabbable !== "-1") {
-        window.Mixtape.Menu.items[focus].focus();
-      } else {
-        while (tabbable === "-1") {
-          focus = this.getNextFocusableMenuItem(focus, back);
-          tabbable = window.Mixtape.Menu.items[focus].getAttribute("tabindex");
-        }
-        window.Mixtape.Menu.items[focus].focus();
-      }
-      window.Mixtape.Menu.active = focus;
-    };
-    this.handleGlobalClick = ({ target }) => {
-      const activePopup = window.Mixtape.Popups ? window.Mixtape.Popups[window.Mixtape.Popups.length - 1] : null;
-      if (!activePopup) return;
-      if (activePopup.id) {
-        const popupEl = document.querySelector(
-          `#${activePopup.id}`
-        ).parentElement;
-        if (popupEl && (target === popupEl || popupEl?.contains(target)))
-          return;
-        activePopup.closefn();
-      }
-    };
-    this.handleGlobalKeydown = (event) => {
-      const activePopup = window.Mixtape.Popups ? window.Mixtape.Popups[window.Mixtape.Popups.length - 1] : null;
-      const target = event.target;
-      switch (event.key) {
-        case "Escape":
-          if (activePopup) {
-            activePopup.closefn();
-          }
-          break;
-        case "ArrowDown":
-        case "ArrowRight":
-          if (window.Mixtape.Menu?.items) {
-            event.preventDefault();
-            this.moveFocus(target);
-          }
-          break;
-        case "ArrowUp":
-        case "ArrowLeft":
-          if (window.Mixtape.Menu?.items) {
-            event.preventDefault();
-            this.moveFocus(target, true);
-          }
-          break;
-      }
-    };
-    this.attachEventListeners = (signal) => {
-      window.addEventListener("click", this.handleGlobalClick, {
-        signal
-      });
-      window.addEventListener("keydown", this.handleGlobalKeydown, {
-        signal
-      });
-    };
-    window.Mixtape = window.Mixtape || {};
-    window.Mixtape.Popups = window.Mixtape.Popups || [];
-    window.Mixtape.Menu = window.Mixtape.Menu || {};
-  }
-}
-export {
-  Keyboard as K
-};
-//# sourceMappingURL=keyboard-C73DHu0c.js.map

package/dist/build/chunks/keyboard-C73DHu0c.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"keyboard-C73DHu0c.js","sources":["../../../src/Utility/Elements/keyboard.ts"],"sourcesContent":["/**\n * Class for Keyboard navigation helper.\n */\n\nexport default class Keyboard {\n  constructor() {\n    window.Mixtape = window.Mixtape || {}\n    window.Mixtape.Popups = window.Mixtape.Popups || []\n    window.Mixtape.Menu = window.Mixtape.Menu || {}\n  }\n\n  attachPopup = (id: string, closefn: () => void): void => {\n    window.Mixtape.Popups.push({\n      id,\n      closefn,\n    })\n  }\n\n  detachPopup = (id: string): void => {\n    window.Mixtape.Popups = window.Mixtape.Popups.filter(item => item.id !== id)\n  }\n\n  attachMenu = (\n    context: HTMLElement,\n    items: NodeListOf<HTMLAnchorElement | HTMLButtonElement>,\n  ): void => {\n    window.Mixtape.Menu = {\n      context,\n      items,\n    }\n  }\n\n  detachMenu = (): void => {\n    window.Mixtape.Menu = null\n  }\n\n  getNextFocusableMenuItem = (\n    active: number,\n    back: boolean = false,\n  ): number => {\n    if (!back) {\n      // If moving forward, it's the active index + 1, or 0 if we are at the\n      // end of the menu.\n      return window.Mixtape.Menu.items.length > active + 1 ? active + 1 : 0\n    }\n    // If moving back, it's the active index - 1, or the menu length if we\n    // are at the start of the menu.\n    return active === 0 ? window.Mixtape.Menu.items.length - 1 : active - 1\n  }\n\n  moveFocus = (target: HTMLElement, back: boolean = false): void => {\n    if (!window.Mixtape.Menu.items) return\n    let active: number = 0\n    // Retrieve the active menu item by looping through the list of menu links.\n    window.Mixtape.Menu.items.forEach((element, index): void => {\n      if (element === target) {\n        active = index\n      }\n    })\n    let focus: number = this.getNextFocusableMenuItem(active, back)\n\n    // Check if item is tabbable.\n    // Some menus, like the secondary nav have hidden items that require a\n    // toggle to be clicked before the items are tabbable. This allows invisible\n    // menu items to be skipped when moving focus with the this.\n    // Make sure tabbable.\n    let tabbable: string =\n      window.Mixtape.Menu.items[focus].getAttribute(\"tabindex\")\n    if (tabbable !== \"-1\") {\n      window.Mixtape.Menu.items[focus].focus()\n    } else {\n      // Loop through items until we find a visible one.\n      while (tabbable === \"-1\") {\n        focus = this.getNextFocusableMenuItem(focus, back)\n        tabbable = window.Mixtape.Menu.items[focus].getAttribute(\"tabindex\")\n      }\n      window.Mixtape.Menu.items[focus].focus()\n    }\n\n    window.Mixtape.Menu.active = focus\n  }\n\n  handleGlobalClick = ({ target }: MouseEvent): void => {\n    const activePopup = window.Mixtape.Popups\n      ? window.Mixtape.Popups[window.Mixtape.Popups.length - 1]\n      : null\n    if (!activePopup) return\n\n    // Click away from a popup to close it.\n    // It's up to the popup class to preventDefault on it's contents to\n    // stop this from being triggered.\n    if (activePopup.id) {\n      const popupEl: HTMLElement = document.querySelector(\n        `#${activePopup.id}`,\n      ).parentElement\n      if (\n        popupEl &&\n        (target === popupEl || popupEl?.contains(target as HTMLElement))\n      )\n        return\n      activePopup.closefn()\n    }\n  }\n\n  handleGlobalKeydown = (event: KeyboardEvent): void => {\n    const activePopup = window.Mixtape.Popups\n      ? window.Mixtape.Popups[window.Mixtape.Popups.length - 1]\n      : null\n    const target = event.target as HTMLElement\n\n    switch (event.key) {\n      // Escape always closes an open popup followed by any open popups.\n      case \"Escape\":\n        if (activePopup) {\n          activePopup.closefn()\n        }\n        break\n\n      // Down/Right arrows navigate focus forward, with wrapping.\n      case \"ArrowDown\":\n      case \"ArrowRight\":\n        if (window.Mixtape.Menu?.items) {\n          event.preventDefault()\n          this.moveFocus(target)\n        }\n        break\n\n      // Up/Left arrows navigate focus backwards, with wrapping.\n      case \"ArrowUp\":\n      case \"ArrowLeft\":\n        if (window.Mixtape.Menu?.items) {\n          event.preventDefault()\n          this.moveFocus(target, true)\n        }\n        break\n\n      default:\n        break\n    }\n  }\n\n  attachEventListeners = (signal: AbortSignal): void => {\n    window.addEventListener(\"click\", this.handleGlobalClick, {\n      signal,\n    })\n    window.addEventListener(\"keydown\", this.handleGlobalKeydown, {\n      signal,\n    })\n  }\n}\n"],"names":[],"mappings":"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"}