@pnx-mixtape/mxds 0.0.8 → 0.0.9

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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"}