@sunderapps/n4v - npm Package Compare versions

Comparing version 0.0.4 to 0.0.5

dist/js/n4v.js

@@ -59,3 +59,3 @@ /*
 
-eval("\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, \"prototype\", { writable: false }); return Constructor; }\n\nvar __classPrivateFieldGet = this && this.__classPrivateFieldGet || function (receiver, state, kind, f) {\n  if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\n  if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\n  return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\n};\n\nvar __importDefault = this && this.__importDefault || function (mod) {\n  return mod && mod.__esModule ? mod : {\n    \"default\": mod\n  };\n};\n\nvar _n4vBar_el, _n4vBar_sel, _n4vBar_set;\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\n\nvar Selectors_1 = __importDefault(__webpack_require__(/*! ./Selectors */ \"./src/ts/Selectors.ts\"));\n\nvar Settings_1 = __importDefault(__webpack_require__(/*! ./Settings */ \"./src/ts/Settings.ts\"));\n\nvar ThrottleOptions_1 = __importDefault(__webpack_require__(/*! ./ThrottleOptions */ \"./src/ts/ThrottleOptions.ts\"));\n\nvar n4vBar = /*#__PURE__*/function () {\n  // Initializers\n  function n4vBar() {\n    _classCallCheck(this, n4vBar);\n\n    var _a, _b;\n\n    _n4vBar_el.set(this, {});\n\n    _n4vBar_sel.set(this, new Selectors_1.default());\n\n    _n4vBar_set.set(this, new Settings_1.default());\n\n    this.attachElements();\n    this.attachEvents();\n    (_a = __classPrivateFieldGet(this, _n4vBar_el, \"f\").header) === null || _a === void 0 ? void 0 : _a.classList.add(__classPrivateFieldGet(this, _n4vBar_sel, \"f\").classes.js);\n    (_b = __classPrivateFieldGet(this, _n4vBar_el, \"f\").header) === null || _b === void 0 ? void 0 : _b.classList.add(__classPrivateFieldGet(this, _n4vBar_sel, \"f\").classes.fixed);\n  }\n\n  _createClass(n4vBar, [{\n    key: \"attachElements\",\n    value: function attachElements() {\n      var _a;\n\n      __classPrivateFieldGet(this, _n4vBar_el, \"f\").header = document.getElementById(__classPrivateFieldGet(this, _n4vBar_sel, \"f\").ids.header);\n      __classPrivateFieldGet(this, _n4vBar_el, \"f\").mobileButton = ((_a = __classPrivateFieldGet(this, _n4vBar_el, \"f\").header) === null || _a === void 0 ? void 0 : _a.querySelector(__classPrivateFieldGet(this, _n4vBar_sel, \"f\").controls(__classPrivateFieldGet(this, _n4vBar_sel, \"f\").ids.wrapper))) || null;\n      __classPrivateFieldGet(this, _n4vBar_el, \"f\").wrapper = document.getElementById(__classPrivateFieldGet(this, _n4vBar_sel, \"f\").ids.wrapper);\n    }\n  }, {\n    key: \"attachEvents\",\n    value: function attachEvents() {\n      var _this = this;\n\n      var _a, _b, _c, _d;\n\n      var focusables = (_a = __classPrivateFieldGet(this, _n4vBar_el, \"f\").header) === null || _a === void 0 ? void 0 : _a.querySelectorAll(__classPrivateFieldGet(this, _n4vBar_sel, \"f\").focusable),\n          lastFocusable = focusables === null || focusables === void 0 ? void 0 : focusables[(focusables === null || focusables === void 0 ? void 0 : focusables.length) - 1];\n      lastFocusable === null || lastFocusable === void 0 ? void 0 : lastFocusable.addEventListener('keydown', this.throttle(this.eWrapTab.bind(this)));\n      focusables === null || focusables === void 0 ? void 0 : focusables.forEach(function (focusable) {\n        focusable.addEventListener('keydown', _this.throttle(_this.eHandleKeypress.bind(_this)));\n      });\n      var menuButtons = (_b = __classPrivateFieldGet(this, _n4vBar_el, \"f\").header) === null || _b === void 0 ? void 0 : _b.querySelectorAll(__classPrivateFieldGet(this, _n4vBar_sel, \"f\").controls() + __classPrivateFieldGet(this, _n4vBar_sel, \"f\").not(__classPrivateFieldGet(this, _n4vBar_sel, \"f\").controls(__classPrivateFieldGet(this, _n4vBar_sel, \"f\").ids.wrapper)));\n      menuButtons === null || menuButtons === void 0 ? void 0 : menuButtons.forEach(function (menuButton) {\n        menuButton.addEventListener('mousedown', _this.throttle(_this.eToggleMenu.bind(_this), __classPrivateFieldGet(_this, _n4vBar_set, \"f\").delay.slow, new ThrottleOptions_1.default(true, false)));\n      });\n      (_c = __classPrivateFieldGet(this, _n4vBar_el, \"f\").mobileButton) === null || _c === void 0 ? void 0 : _c.addEventListener('mousedown', this.throttle(this.eToggleMobileMenu.bind(this), __classPrivateFieldGet(this, _n4vBar_set, \"f\").delay.slow, new ThrottleOptions_1.default(true, false)));\n      (_d = __classPrivateFieldGet(this, _n4vBar_el, \"f\").mobileButton) === null || _d === void 0 ? void 0 : _d.click();\n    } // Utility\n\n  }, {\n    key: \"throttle\",\n    value: function throttle(func) {\n      var wait = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : __classPrivateFieldGet(this, _n4vBar_set, \"f\").delay.default;\n      var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : new ThrottleOptions_1.default();\n\n      var context,\n          args,\n          result,\n          timeout,\n          previous = 0,\n          later = function later() {\n        previous = options.leading === false ? 0 : new Date().getTime();\n        timeout = 0;\n        result = func.apply(context, args);\n\n        if (!timeout) {\n          context = args = null;\n        }\n      },\n          throttled = function throttled() {\n        var now = new Date().getTime();\n\n        if (!previous && options.leading === false) {\n          previous = now;\n        }\n\n        var remaining = wait - now + previous;\n        context = this;\n        args = arguments;\n\n        if (remaining <= 0 || remaining > wait) {\n          if (timeout) {\n            clearTimeout(timeout);\n            timeout = 0;\n          }\n\n          previous = now;\n          result = func.apply(context, args);\n\n          if (!timeout) {\n            context = args = null;\n          }\n        } else if (!timeout && options.trailing !== false) {\n          timeout = window.setTimeout(later, remaining);\n        }\n\n        return result;\n      };\n\n      return throttled;\n    }\n  }, {\n    key: \"getHeight\",\n    value: function getHeight(el) {\n      el === null || el === void 0 ? void 0 : el.classList.add(__classPrivateFieldGet(this, _n4vBar_sel, \"f\").classes.gettingHeight);\n      var height = (el === null || el === void 0 ? void 0 : el.scrollHeight) || 0;\n      el === null || el === void 0 ? void 0 : el.classList.remove(__classPrivateFieldGet(this, _n4vBar_sel, \"f\").classes.gettingHeight);\n      return height;\n    } // Functionality\n\n  }, {\n    key: \"setMobileMenu\",\n    value: function setMobileMenu() {\n      var _this2 = this;\n\n      var open = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;\n\n      var _a, _b, _c;\n\n      var ariaExpanded = open ? 'true' : 'false',\n          ariaLabel = open ? 'close menu' : 'open menu';\n      (_a = __classPrivateFieldGet(this, _n4vBar_el, \"f\").mobileButton) === null || _a === void 0 ? void 0 : _a.setAttribute('aria-expanded', ariaExpanded);\n      setTimeout(function () {\n        var _a;\n\n        (_a = __classPrivateFieldGet(_this2, _n4vBar_el, \"f\").mobileButton) === null || _a === void 0 ? void 0 : _a.setAttribute('aria-label', ariaLabel);\n      }, __classPrivateFieldGet(this, _n4vBar_set, \"f\").delay.fast);\n\n      if (open) {\n        (_b = __classPrivateFieldGet(this, _n4vBar_el, \"f\").wrapper) === null || _b === void 0 ? void 0 : _b.classList.add(__classPrivateFieldGet(this, _n4vBar_sel, \"f\").classes.open);\n      } else {\n        (_c = __classPrivateFieldGet(this, _n4vBar_el, \"f\").wrapper) === null || _c === void 0 ? void 0 : _c.classList.remove(__classPrivateFieldGet(this, _n4vBar_sel, \"f\").classes.open);\n        this.closeAllMenus();\n      }\n    }\n  }, {\n    key: \"setMenu\",\n    value: function setMenu(button) {\n      var _this3 = this;\n\n      var open = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n      var ariaExpanded = open ? 'true' : 'false',\n          menu = button === null || button === void 0 ? void 0 : button.nextElementSibling;\n\n      if (button && menu) {\n        menu.classList.add(__classPrivateFieldGet(this, _n4vBar_sel, \"f\").classes.anime);\n        button.setAttribute('aria-expanded', ariaExpanded);\n        menu.style.height = open ? this.getHeight(menu) + 'px' : '';\n        setTimeout(function () {\n          menu === null || menu === void 0 ? void 0 : menu.classList.remove(__classPrivateFieldGet(_this3, _n4vBar_sel, \"f\").classes.anime);\n        }, __classPrivateFieldGet(this, _n4vBar_set, \"f\").delay.default);\n      }\n    }\n  }, {\n    key: \"closeAllMenus\",\n    value: function closeAllMenus() {\n      var _this4 = this;\n\n      var _a;\n\n      var menuButtons = (_a = __classPrivateFieldGet(this, _n4vBar_el, \"f\").wrapper) === null || _a === void 0 ? void 0 : _a.querySelectorAll(__classPrivateFieldGet(this, _n4vBar_sel, \"f\").subMenuButtons);\n      menuButtons === null || menuButtons === void 0 ? void 0 : menuButtons.forEach(function (menuButton) {\n        _this4.setMenu(menuButton);\n      });\n    }\n  }, {\n    key: \"openClosestMenu\",\n    value: function openClosestMenu() {\n      var _a;\n\n      var activeButton = document.activeElement,\n          activeMenu = activeButton === null || activeButton === void 0 ? void 0 : activeButton.nextElementSibling,\n          showing = ((_a = activeButton === null || activeButton === void 0 ? void 0 : activeButton.getAttribute('aria-expanded')) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === 'true';\n\n      if ((activeButton === null || activeButton === void 0 ? void 0 : activeButton.getAttribute('aria-controls')) === __classPrivateFieldGet(this, _n4vBar_sel, \"f\").ids.wrapper) {\n        activeMenu = __classPrivateFieldGet(this, _n4vBar_el, \"f\").wrapper;\n      }\n\n      if ((activeButton === null || activeButton === void 0 ? void 0 : activeButton.getAttribute('aria-controls')) && activeMenu && !showing) {\n        activeButton.click();\n        var firstFocusable = activeMenu.querySelector(__classPrivateFieldGet(this, _n4vBar_sel, \"f\").focusable);\n        firstFocusable === null || firstFocusable === void 0 ? void 0 : firstFocusable.focus();\n      }\n    }\n  }, {\n    key: \"closeClosestMenu\",\n    value: function closeClosestMenu() {\n      var _a, _b;\n\n      var activeElement = document.activeElement,\n          activeMenu = activeElement === null || activeElement === void 0 ? void 0 : activeElement.closest(__classPrivateFieldGet(this, _n4vBar_sel, \"f\").subMenu),\n          activeButton = (activeMenu === null || activeMenu === void 0 ? void 0 : activeMenu.previousElementSibling) ? activeMenu.previousElementSibling : __classPrivateFieldGet(this, _n4vBar_el, \"f\").mobileButton;\n\n      if ((activeElement === null || activeElement === void 0 ? void 0 : activeElement.getAttribute('aria-controls')) && ((_a = activeElement === null || activeElement === void 0 ? void 0 : activeElement.getAttribute('aria-expanded')) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === 'true') {\n        activeButton = activeElement;\n      }\n\n      if (((_b = activeButton === null || activeButton === void 0 ? void 0 : activeButton.getAttribute('aria-expanded')) === null || _b === void 0 ? void 0 : _b.toLowerCase()) === 'true') {\n        activeButton === null || activeButton === void 0 ? void 0 : activeButton.click();\n        activeButton === null || activeButton === void 0 ? void 0 : activeButton.focus();\n      }\n    }\n  }, {\n    key: \"toggleClosestMenu\",\n    value: function toggleClosestMenu() {\n      var _a, _b;\n\n      if (((_b = (_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.getAttribute('aria-expanded')) === null || _b === void 0 ? void 0 : _b.toLowerCase()) === 'true') {\n        this.closeClosestMenu();\n      } else {\n        this.openClosestMenu();\n      }\n    } // Events\n\n  }, {\n    key: \"eWrapTab\",\n    value: function eWrapTab(e) {\n      var _a;\n\n      if (e.key.toLowerCase() === 'tab' && !e.shiftKey) {\n        (_a = __classPrivateFieldGet(this, _n4vBar_el, \"f\").mobileButton) === null || _a === void 0 ? void 0 : _a.focus();\n\n        if (document.activeElement === __classPrivateFieldGet(this, _n4vBar_el, \"f\").mobileButton) {\n          e.preventDefault();\n        }\n      }\n    }\n  }, {\n    key: \"eHandleButtonKeypress\",\n    value: function eHandleButtonKeypress(e) {\n      switch (e.key.toLowerCase()) {\n        case 'escape':\n        case 'arrowleft':\n          this.closeClosestMenu();\n          break;\n\n        case 'arrowright':\n          break;\n\n        case 'enter':\n        case 'space':\n          break;\n      }\n    }\n  }, {\n    key: \"eHandleLinkKeypress\",\n    value: function eHandleLinkKeypress(e) {\n      switch (e.key.toLowerCase()) {\n        case 'escape':\n        case 'arrowleft':\n          this.closeClosestMenu();\n          break;\n\n        case 'arrowright':\n          this.openClosestMenu();\n          break;\n\n        case 'enter':\n        case 'space':\n          this.toggleClosestMenu();\n          break;\n      }\n    }\n  }, {\n    key: \"eHandleKeypress\",\n    value: function eHandleKeypress(e) {\n      if (e.key.toLowerCase() !== 'tab') {\n        e.preventDefault();\n      }\n\n      var target = e.target;\n\n      switch (target === null || target === void 0 ? void 0 : target.tagName.toLowerCase()) {\n        case 'a':\n          this.eHandleLinkKeypress(e);\n          break;\n\n        case 'button':\n          this.eHandleButtonKeypress(e);\n          break;\n      }\n    }\n  }, {\n    key: \"eToggleMobileMenu\",\n    value: function eToggleMobileMenu(e) {\n      var _a;\n\n      var target = e.target,\n          open = ((_a = target === null || target === void 0 ? void 0 : target.getAttribute('aria-expanded')) === null || _a === void 0 ? void 0 : _a.toLowerCase()) !== 'true';\n      this.setMobileMenu(open);\n    }\n  }, {\n    key: \"eToggleMenu\",\n    value: function eToggleMenu(e) {\n      var _a;\n\n      var target = e.target,\n          open = ((_a = target === null || target === void 0 ? void 0 : target.getAttribute('aria-expanded')) === null || _a === void 0 ? void 0 : _a.toLowerCase()) !== 'true';\n      this.setMenu(target, open);\n    }\n  }]);\n\n  return n4vBar;\n}();\n\n_n4vBar_el = new WeakMap(), _n4vBar_sel = new WeakMap(), _n4vBar_set = new WeakMap();\nexports[\"default\"] = n4vBar;\n\n//# sourceURL=webpack://@sunderapps/n4v/./src/ts/n4vBar.ts?");
+eval("\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, \"prototype\", { writable: false }); return Constructor; }\n\nvar __classPrivateFieldGet = this && this.__classPrivateFieldGet || function (receiver, state, kind, f) {\n  if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\n  if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\n  return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\n};\n\nvar __importDefault = this && this.__importDefault || function (mod) {\n  return mod && mod.__esModule ? mod : {\n    \"default\": mod\n  };\n};\n\nvar _n4vBar_el, _n4vBar_sel, _n4vBar_set;\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\n\nvar Selectors_1 = __importDefault(__webpack_require__(/*! ./Selectors */ \"./src/ts/Selectors.ts\"));\n\nvar Settings_1 = __importDefault(__webpack_require__(/*! ./Settings */ \"./src/ts/Settings.ts\"));\n\nvar ThrottleOptions_1 = __importDefault(__webpack_require__(/*! ./ThrottleOptions */ \"./src/ts/ThrottleOptions.ts\"));\n\nvar n4vBar = /*#__PURE__*/function () {\n  // Initializers\n  function n4vBar() {\n    _classCallCheck(this, n4vBar);\n\n    _n4vBar_el.set(this, {});\n\n    _n4vBar_sel.set(this, new Selectors_1.default());\n\n    _n4vBar_set.set(this, new Settings_1.default());\n\n    this.attachElements();\n    this.attachEvents();\n    this.enableJavascript();\n    this.setMobileMenu();\n  }\n\n  _createClass(n4vBar, [{\n    key: \"attachElements\",\n    value: function attachElements() {\n      var _a;\n\n      __classPrivateFieldGet(this, _n4vBar_el, \"f\").header = document.getElementById(__classPrivateFieldGet(this, _n4vBar_sel, \"f\").ids.header);\n      __classPrivateFieldGet(this, _n4vBar_el, \"f\").mobileButton = ((_a = __classPrivateFieldGet(this, _n4vBar_el, \"f\").header) === null || _a === void 0 ? void 0 : _a.querySelector(__classPrivateFieldGet(this, _n4vBar_sel, \"f\").controls(__classPrivateFieldGet(this, _n4vBar_sel, \"f\").ids.wrapper))) || null;\n      __classPrivateFieldGet(this, _n4vBar_el, \"f\").wrapper = document.getElementById(__classPrivateFieldGet(this, _n4vBar_sel, \"f\").ids.wrapper);\n    }\n  }, {\n    key: \"attachEvents\",\n    value: function attachEvents() {\n      var _this = this;\n\n      var _a, _b, _c;\n\n      var focusables = (_a = __classPrivateFieldGet(this, _n4vBar_el, \"f\").header) === null || _a === void 0 ? void 0 : _a.querySelectorAll(__classPrivateFieldGet(this, _n4vBar_sel, \"f\").focusable),\n          lastFocusable = focusables === null || focusables === void 0 ? void 0 : focusables[(focusables === null || focusables === void 0 ? void 0 : focusables.length) - 1];\n      lastFocusable === null || lastFocusable === void 0 ? void 0 : lastFocusable.addEventListener('keydown', this.throttle(this.eWrapTab.bind(this)));\n      focusables === null || focusables === void 0 ? void 0 : focusables.forEach(function (focusable) {\n        focusable.addEventListener('keydown', _this.throttle(_this.eHandleKeypress.bind(_this)));\n      });\n      var menuButtons = (_b = __classPrivateFieldGet(this, _n4vBar_el, \"f\").header) === null || _b === void 0 ? void 0 : _b.querySelectorAll(__classPrivateFieldGet(this, _n4vBar_sel, \"f\").controls() + __classPrivateFieldGet(this, _n4vBar_sel, \"f\").not(__classPrivateFieldGet(this, _n4vBar_sel, \"f\").controls(__classPrivateFieldGet(this, _n4vBar_sel, \"f\").ids.wrapper)));\n      menuButtons === null || menuButtons === void 0 ? void 0 : menuButtons.forEach(function (menuButton) {\n        menuButton.addEventListener('mousedown', _this.throttle(_this.eToggleMenu.bind(_this), __classPrivateFieldGet(_this, _n4vBar_set, \"f\").delay.slow, new ThrottleOptions_1.default(true, false)));\n      });\n      (_c = __classPrivateFieldGet(this, _n4vBar_el, \"f\").mobileButton) === null || _c === void 0 ? void 0 : _c.addEventListener('mousedown', this.throttle(this.eToggleMobileMenu.bind(this), __classPrivateFieldGet(this, _n4vBar_set, \"f\").delay.slow, new ThrottleOptions_1.default(true, false)));\n    }\n  }, {\n    key: \"enableJavascript\",\n    value: function enableJavascript() {\n      var _a, _b;\n\n      (_a = __classPrivateFieldGet(this, _n4vBar_el, \"f\").header) === null || _a === void 0 ? void 0 : _a.classList.add(__classPrivateFieldGet(this, _n4vBar_sel, \"f\").classes.js);\n      (_b = __classPrivateFieldGet(this, _n4vBar_el, \"f\").header) === null || _b === void 0 ? void 0 : _b.classList.add(__classPrivateFieldGet(this, _n4vBar_sel, \"f\").classes.fixed);\n    } // Utility\n\n  }, {\n    key: \"throttle\",\n    value: function throttle(func) {\n      var wait = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : __classPrivateFieldGet(this, _n4vBar_set, \"f\").delay.default;\n      var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : new ThrottleOptions_1.default();\n\n      var context,\n          args,\n          result,\n          timeout,\n          previous = 0,\n          later = function later() {\n        previous = options.leading === false ? 0 : new Date().getTime();\n        timeout = 0;\n        result = func.apply(context, args);\n\n        if (!timeout) {\n          context = args = null;\n        }\n      },\n          throttled = function throttled() {\n        var now = new Date().getTime();\n\n        if (!previous && options.leading === false) {\n          previous = now;\n        }\n\n        var remaining = wait - now + previous;\n        context = this;\n        args = arguments;\n\n        if (remaining <= 0 || remaining > wait) {\n          if (timeout) {\n            clearTimeout(timeout);\n            timeout = 0;\n          }\n\n          previous = now;\n          result = func.apply(context, args);\n\n          if (!timeout) {\n            context = args = null;\n          }\n        } else if (!timeout && options.trailing !== false) {\n          timeout = window.setTimeout(later, remaining);\n        }\n\n        return result;\n      };\n\n      return throttled;\n    }\n  }, {\n    key: \"getHeight\",\n    value: function getHeight(el) {\n      el === null || el === void 0 ? void 0 : el.classList.add(__classPrivateFieldGet(this, _n4vBar_sel, \"f\").classes.gettingHeight);\n      var height = (el === null || el === void 0 ? void 0 : el.scrollHeight) || 0;\n      el === null || el === void 0 ? void 0 : el.classList.remove(__classPrivateFieldGet(this, _n4vBar_sel, \"f\").classes.gettingHeight);\n      return height;\n    } // Functionality\n\n  }, {\n    key: \"setMobileMenu\",\n    value: function setMobileMenu() {\n      var _this2 = this;\n\n      var open = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;\n\n      var _a, _b, _c;\n\n      var ariaExpanded = open ? 'true' : 'false',\n          ariaLabel = open ? 'close menu' : 'open menu';\n      (_a = __classPrivateFieldGet(this, _n4vBar_el, \"f\").mobileButton) === null || _a === void 0 ? void 0 : _a.setAttribute('aria-expanded', ariaExpanded);\n      setTimeout(function () {\n        var _a;\n\n        (_a = __classPrivateFieldGet(_this2, _n4vBar_el, \"f\").mobileButton) === null || _a === void 0 ? void 0 : _a.setAttribute('aria-label', ariaLabel);\n      }, __classPrivateFieldGet(this, _n4vBar_set, \"f\").delay.fast);\n\n      if (open) {\n        (_b = __classPrivateFieldGet(this, _n4vBar_el, \"f\").wrapper) === null || _b === void 0 ? void 0 : _b.classList.add(__classPrivateFieldGet(this, _n4vBar_sel, \"f\").classes.open);\n      } else {\n        (_c = __classPrivateFieldGet(this, _n4vBar_el, \"f\").wrapper) === null || _c === void 0 ? void 0 : _c.classList.remove(__classPrivateFieldGet(this, _n4vBar_sel, \"f\").classes.open);\n        this.closeAllMenus();\n      }\n    }\n  }, {\n    key: \"setMenu\",\n    value: function setMenu(button) {\n      var _this3 = this;\n\n      var open = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n      var ariaExpanded = open ? 'true' : 'false',\n          menu = button === null || button === void 0 ? void 0 : button.nextElementSibling;\n\n      if (button && menu) {\n        menu.classList.add(__classPrivateFieldGet(this, _n4vBar_sel, \"f\").classes.anime);\n        button.setAttribute('aria-expanded', ariaExpanded);\n        menu.style.height = open ? this.getHeight(menu) + 'px' : '';\n        setTimeout(function () {\n          menu === null || menu === void 0 ? void 0 : menu.classList.remove(__classPrivateFieldGet(_this3, _n4vBar_sel, \"f\").classes.anime);\n        }, __classPrivateFieldGet(this, _n4vBar_set, \"f\").delay.default);\n      }\n    }\n  }, {\n    key: \"closeAllMenus\",\n    value: function closeAllMenus() {\n      var _this4 = this;\n\n      var _a;\n\n      var menuButtons = (_a = __classPrivateFieldGet(this, _n4vBar_el, \"f\").wrapper) === null || _a === void 0 ? void 0 : _a.querySelectorAll(__classPrivateFieldGet(this, _n4vBar_sel, \"f\").subMenuButtons);\n      menuButtons === null || menuButtons === void 0 ? void 0 : menuButtons.forEach(function (menuButton) {\n        _this4.setMenu(menuButton);\n      });\n    }\n  }, {\n    key: \"openClosestMenu\",\n    value: function openClosestMenu() {\n      var _a;\n\n      var activeButton = document.activeElement,\n          activeMenu = activeButton === null || activeButton === void 0 ? void 0 : activeButton.nextElementSibling,\n          showing = ((_a = activeButton === null || activeButton === void 0 ? void 0 : activeButton.getAttribute('aria-expanded')) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === 'true';\n\n      if ((activeButton === null || activeButton === void 0 ? void 0 : activeButton.getAttribute('aria-controls')) === __classPrivateFieldGet(this, _n4vBar_sel, \"f\").ids.wrapper) {\n        activeMenu = __classPrivateFieldGet(this, _n4vBar_el, \"f\").wrapper;\n      }\n\n      if ((activeButton === null || activeButton === void 0 ? void 0 : activeButton.getAttribute('aria-controls')) && activeMenu && !showing) {\n        activeButton.click();\n        var firstFocusable = activeMenu.querySelector(__classPrivateFieldGet(this, _n4vBar_sel, \"f\").focusable);\n        firstFocusable === null || firstFocusable === void 0 ? void 0 : firstFocusable.focus();\n      }\n    }\n  }, {\n    key: \"closeClosestMenu\",\n    value: function closeClosestMenu() {\n      var _a, _b;\n\n      var activeElement = document.activeElement,\n          activeMenu = activeElement === null || activeElement === void 0 ? void 0 : activeElement.closest(__classPrivateFieldGet(this, _n4vBar_sel, \"f\").subMenu),\n          activeButton = (activeMenu === null || activeMenu === void 0 ? void 0 : activeMenu.previousElementSibling) ? activeMenu.previousElementSibling : __classPrivateFieldGet(this, _n4vBar_el, \"f\").mobileButton;\n\n      if ((activeElement === null || activeElement === void 0 ? void 0 : activeElement.getAttribute('aria-controls')) && ((_a = activeElement === null || activeElement === void 0 ? void 0 : activeElement.getAttribute('aria-expanded')) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === 'true') {\n        activeButton = activeElement;\n      }\n\n      if (((_b = activeButton === null || activeButton === void 0 ? void 0 : activeButton.getAttribute('aria-expanded')) === null || _b === void 0 ? void 0 : _b.toLowerCase()) === 'true') {\n        activeButton === null || activeButton === void 0 ? void 0 : activeButton.click();\n        activeButton === null || activeButton === void 0 ? void 0 : activeButton.focus();\n      }\n    }\n  }, {\n    key: \"toggleClosestMenu\",\n    value: function toggleClosestMenu() {\n      var _a, _b;\n\n      if (((_b = (_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.getAttribute('aria-expanded')) === null || _b === void 0 ? void 0 : _b.toLowerCase()) === 'true') {\n        this.closeClosestMenu();\n      } else {\n        this.openClosestMenu();\n      }\n    } // Events\n\n  }, {\n    key: \"eWrapTab\",\n    value: function eWrapTab(e) {\n      var _a;\n\n      if (e.key.toLowerCase() === 'tab' && !e.shiftKey) {\n        (_a = __classPrivateFieldGet(this, _n4vBar_el, \"f\").mobileButton) === null || _a === void 0 ? void 0 : _a.focus();\n\n        if (document.activeElement === __classPrivateFieldGet(this, _n4vBar_el, \"f\").mobileButton) {\n          e.preventDefault();\n        }\n      }\n    }\n  }, {\n    key: \"eHandleButtonKeypress\",\n    value: function eHandleButtonKeypress(e) {\n      switch (e.key.toLowerCase()) {\n        case 'escape':\n        case 'arrowleft':\n          this.closeClosestMenu();\n          break;\n\n        case 'arrowright':\n          break;\n\n        case 'enter':\n        case 'space':\n          break;\n      }\n    }\n  }, {\n    key: \"eHandleLinkKeypress\",\n    value: function eHandleLinkKeypress(e) {\n      switch (e.key.toLowerCase()) {\n        case 'escape':\n        case 'arrowleft':\n          this.closeClosestMenu();\n          break;\n\n        case 'arrowright':\n          this.openClosestMenu();\n          break;\n\n        case 'enter':\n        case 'space':\n          this.toggleClosestMenu();\n          break;\n      }\n    }\n  }, {\n    key: \"eHandleKeypress\",\n    value: function eHandleKeypress(e) {\n      if (e.key.toLowerCase() !== 'tab') {\n        e.preventDefault();\n      }\n\n      var target = e.target;\n\n      switch (target === null || target === void 0 ? void 0 : target.tagName.toLowerCase()) {\n        case 'a':\n          this.eHandleLinkKeypress(e);\n          break;\n\n        case 'button':\n          this.eHandleButtonKeypress(e);\n          break;\n      }\n    }\n  }, {\n    key: \"eToggleMobileMenu\",\n    value: function eToggleMobileMenu(e) {\n      var _a;\n\n      var target = e.target,\n          open = ((_a = target === null || target === void 0 ? void 0 : target.getAttribute('aria-expanded')) === null || _a === void 0 ? void 0 : _a.toLowerCase()) !== 'true';\n      this.setMobileMenu(open);\n    }\n  }, {\n    key: \"eToggleMenu\",\n    value: function eToggleMenu(e) {\n      var _a;\n\n      var target = e.target,\n          open = ((_a = target === null || target === void 0 ? void 0 : target.getAttribute('aria-expanded')) === null || _a === void 0 ? void 0 : _a.toLowerCase()) !== 'true';\n      this.setMenu(target, open);\n    }\n  }]);\n\n  return n4vBar;\n}();\n\n_n4vBar_el = new WeakMap(), _n4vBar_sel = new WeakMap(), _n4vBar_set = new WeakMap();\nexports[\"default\"] = n4vBar;\n\n//# sourceURL=webpack://@sunderapps/n4v/./src/ts/n4vBar.ts?");
 
@@ -62,0 +62,0 @@ /***/ }),

dist/js/n4v.min.js

@@ -1,1 +0,1 @@
-(()=>{"use strict";var e={31:function(e,t){function n(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}var i,a,o,s,l,r,u,c,f,d=this&&this.__classPrivateFieldGet||function(e,t,n,i){if("a"===n&&!i)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!i:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===n?i:"a"===n?i.call(e):i?i.value:t.get(e)};Object.defineProperty(t,"__esModule",{value:!0});var h=function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),i.set(this,"n4v"),a.set(this,"".concat(d(this,i,"f"),"-")),o.set(this,"[aria-controls]"),s.set(this,"[disabled]"),l.set(this,"[aria-expanded]"),r.set(this,"[tabindex]"),u.set(this,"[href]"),c.set(this,"[id]"),f.set(this,'[tabindex^="-"]'),this.focusable="input".concat(this.not(d(this,s,"f"))).concat(this.not(d(this,f,"f")),",\n                         select").concat(this.not(d(this,s,"f"))).concat(this.not(d(this,f,"f")),",\n                         textarea").concat(this.not(d(this,s,"f"))).concat(this.not(d(this,f,"f")),",\n                         button").concat(this.not(d(this,s,"f"))).concat(this.not(d(this,f,"f")),",\n                         object").concat(this.not(d(this,s,"f"))).concat(this.not(d(this,f,"f")),",\n                         a").concat(d(this,u,"f"),",\n                         area").concat(d(this,u,"f"),",\n                         ").concat(d(this,r,"f")).concat(this.not(d(this,f,"f"))).replace(/\s/g,""),this.subMenuButtons="button".concat(d(this,o,"f")),this.subMenu="".concat(this.subMenuButtons," + ul").concat(d(this,c,"f")),this.ids={header:"".concat(d(this,a,"f"),"header"),logo:"".concat(d(this,a,"f"),"logo"),wrapper:"".concat(d(this,a,"f"),"wrapper"),mainContent:"".concat(d(this,a,"f"),"mainContent")},this.classes={srOnly:"".concat(d(this,a,"f"),"sr-only"),js:"".concat(d(this,a,"f"),"js"),fixed:"".concat(d(this,a,"f"),"fixed"),gettingHeight:"".concat(d(this,a,"f"),"geting-height"),anime:"".concat(d(this,a,"f"),"anime"),open:"".concat(d(this,a,"f"),"open")}}var t,h;return t=e,(h=[{key:"not",value:function(e){return":not(".concat(e,")")}},{key:"controls",value:function(e){return e?'[aria-controls="'.concat(e,'"]'):"[aria-controls]"}}])&&n(t.prototype,h),Object.defineProperty(t,"prototype",{writable:!1}),e}();i=new WeakMap,a=new WeakMap,o=new WeakMap,s=new WeakMap,l=new WeakMap,r=new WeakMap,u=new WeakMap,c=new WeakMap,f=new WeakMap,t.default=h},98:(e,t)=>{function n(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function i(e,t,i){return t&&n(e.prototype,t),i&&n(e,i),Object.defineProperty(e,"prototype",{writable:!1}),e}Object.defineProperty(t,"__esModule",{value:!0});var a=i((function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.delay={instant:0,fast:100,medFast:200,default:300,medSlow:400,slow:500}}));t.default=a},512:(e,t)=>{function n(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function i(e,t,i){return t&&n(e.prototype,t),i&&n(e,i),Object.defineProperty(e,"prototype",{writable:!1}),e}function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(t,"__esModule",{value:!0});var o=i((function e(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0],n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];a(this,e),this.leading=!0,this.trailing=!0,this.leading=t,this.trailing=n}));t.default=o},954:function(e,t,n){var i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),n(968);var a=new(i(n(283)).default);t.default=a},283:function(e,t,n){function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}var a,o,s,l=this&&this.__classPrivateFieldGet||function(e,t,n,i){if("a"===n&&!i)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!i:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===n?i:"a"===n?i.call(e):i?i.value:t.get(e)},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var u=r(n(31)),c=r(n(98)),f=r(n(512)),d=function(){function e(){var t,n;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),a.set(this,{}),o.set(this,new u.default),s.set(this,new c.default),this.attachElements(),this.attachEvents(),null===(t=l(this,a,"f").header)||void 0===t||t.classList.add(l(this,o,"f").classes.js),null===(n=l(this,a,"f").header)||void 0===n||n.classList.add(l(this,o,"f").classes.fixed)}var t,n;return t=e,n=[{key:"attachElements",value:function(){var e;l(this,a,"f").header=document.getElementById(l(this,o,"f").ids.header),l(this,a,"f").mobileButton=(null===(e=l(this,a,"f").header)||void 0===e?void 0:e.querySelector(l(this,o,"f").controls(l(this,o,"f").ids.wrapper)))||null,l(this,a,"f").wrapper=document.getElementById(l(this,o,"f").ids.wrapper)}},{key:"attachEvents",value:function(){var e,t,n,i,r=this,u=null===(e=l(this,a,"f").header)||void 0===e?void 0:e.querySelectorAll(l(this,o,"f").focusable),c=null==u?void 0:u[(null==u?void 0:u.length)-1];null==c||c.addEventListener("keydown",this.throttle(this.eWrapTab.bind(this))),null==u||u.forEach((function(e){e.addEventListener("keydown",r.throttle(r.eHandleKeypress.bind(r)))}));var d=null===(t=l(this,a,"f").header)||void 0===t?void 0:t.querySelectorAll(l(this,o,"f").controls()+l(this,o,"f").not(l(this,o,"f").controls(l(this,o,"f").ids.wrapper)));null==d||d.forEach((function(e){e.addEventListener("mousedown",r.throttle(r.eToggleMenu.bind(r),l(r,s,"f").delay.slow,new f.default(!0,!1)))})),null===(n=l(this,a,"f").mobileButton)||void 0===n||n.addEventListener("mousedown",this.throttle(this.eToggleMobileMenu.bind(this),l(this,s,"f").delay.slow,new f.default(!0,!1))),null===(i=l(this,a,"f").mobileButton)||void 0===i||i.click()}},{key:"throttle",value:function(e){var t,n,i,a,o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:l(this,s,"f").delay.default,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:new f.default,u=0,c=function(){u=!1===r.leading?0:(new Date).getTime(),a=0,i=e.apply(t,n),a||(t=n=null)},d=function(){var s=(new Date).getTime();u||!1!==r.leading||(u=s);var l=o-s+u;return t=this,n=arguments,l<=0||l>o?(a&&(clearTimeout(a),a=0),u=s,i=e.apply(t,n),a||(t=n=null)):a||!1===r.trailing||(a=window.setTimeout(c,l)),i};return d}},{key:"getHeight",value:function(e){null==e||e.classList.add(l(this,o,"f").classes.gettingHeight);var t=(null==e?void 0:e.scrollHeight)||0;return null==e||e.classList.remove(l(this,o,"f").classes.gettingHeight),t}},{key:"setMobileMenu",value:function(){var e,t,n,i=this,r=arguments.length>0&&void 0!==arguments[0]&&arguments[0],u=r?"true":"false",c=r?"close menu":"open menu";null===(e=l(this,a,"f").mobileButton)||void 0===e||e.setAttribute("aria-expanded",u),setTimeout((function(){var e;null===(e=l(i,a,"f").mobileButton)||void 0===e||e.setAttribute("aria-label",c)}),l(this,s,"f").delay.fast),r?null===(t=l(this,a,"f").wrapper)||void 0===t||t.classList.add(l(this,o,"f").classes.open):(null===(n=l(this,a,"f").wrapper)||void 0===n||n.classList.remove(l(this,o,"f").classes.open),this.closeAllMenus())}},{key:"setMenu",value:function(e){var t=this,n=arguments.length>1&&void 0!==arguments[1]&&arguments[1],i=n?"true":"false",a=null==e?void 0:e.nextElementSibling;e&&a&&(a.classList.add(l(this,o,"f").classes.anime),e.setAttribute("aria-expanded",i),a.style.height=n?this.getHeight(a)+"px":"",setTimeout((function(){null==a||a.classList.remove(l(t,o,"f").classes.anime)}),l(this,s,"f").delay.default))}},{key:"closeAllMenus",value:function(){var e,t=this,n=null===(e=l(this,a,"f").wrapper)||void 0===e?void 0:e.querySelectorAll(l(this,o,"f").subMenuButtons);null==n||n.forEach((function(e){t.setMenu(e)}))}},{key:"openClosestMenu",value:function(){var e,t=document.activeElement,n=null==t?void 0:t.nextElementSibling,i="true"===(null===(e=null==t?void 0:t.getAttribute("aria-expanded"))||void 0===e?void 0:e.toLowerCase());if((null==t?void 0:t.getAttribute("aria-controls"))===l(this,o,"f").ids.wrapper&&(n=l(this,a,"f").wrapper),(null==t?void 0:t.getAttribute("aria-controls"))&&n&&!i){t.click();var s=n.querySelector(l(this,o,"f").focusable);null==s||s.focus()}}},{key:"closeClosestMenu",value:function(){var e,t,n=document.activeElement,i=null==n?void 0:n.closest(l(this,o,"f").subMenu),s=(null==i?void 0:i.previousElementSibling)?i.previousElementSibling:l(this,a,"f").mobileButton;(null==n?void 0:n.getAttribute("aria-controls"))&&"true"===(null===(e=null==n?void 0:n.getAttribute("aria-expanded"))||void 0===e?void 0:e.toLowerCase())&&(s=n),"true"===(null===(t=null==s?void 0:s.getAttribute("aria-expanded"))||void 0===t?void 0:t.toLowerCase())&&(null==s||s.click(),null==s||s.focus())}},{key:"toggleClosestMenu",value:function(){var e,t;"true"===(null===(t=null===(e=document.activeElement)||void 0===e?void 0:e.getAttribute("aria-expanded"))||void 0===t?void 0:t.toLowerCase())?this.closeClosestMenu():this.openClosestMenu()}},{key:"eWrapTab",value:function(e){var t;"tab"!==e.key.toLowerCase()||e.shiftKey||(null===(t=l(this,a,"f").mobileButton)||void 0===t||t.focus(),document.activeElement===l(this,a,"f").mobileButton&&e.preventDefault())}},{key:"eHandleButtonKeypress",value:function(e){switch(e.key.toLowerCase()){case"escape":case"arrowleft":this.closeClosestMenu()}}},{key:"eHandleLinkKeypress",value:function(e){switch(e.key.toLowerCase()){case"escape":case"arrowleft":this.closeClosestMenu();break;case"arrowright":this.openClosestMenu();break;case"enter":case"space":this.toggleClosestMenu()}}},{key:"eHandleKeypress",value:function(e){"tab"!==e.key.toLowerCase()&&e.preventDefault();var t=e.target;switch(null==t?void 0:t.tagName.toLowerCase()){case"a":this.eHandleLinkKeypress(e);break;case"button":this.eHandleButtonKeypress(e)}}},{key:"eToggleMobileMenu",value:function(e){var t,n=e.target,i="true"!==(null===(t=null==n?void 0:n.getAttribute("aria-expanded"))||void 0===t?void 0:t.toLowerCase());this.setMobileMenu(i)}},{key:"eToggleMenu",value:function(e){var t,n=e.target,i="true"!==(null===(t=null==n?void 0:n.getAttribute("aria-expanded"))||void 0===t?void 0:t.toLowerCase());this.setMenu(n,i)}}],n&&i(t.prototype,n),Object.defineProperty(t,"prototype",{writable:!1}),e}();a=new WeakMap,o=new WeakMap,s=new WeakMap,t.default=d},968:(e,t,n)=>{n.r(t)}},t={};function n(i){var a=t[i];if(void 0!==a)return a.exports;var o=t[i]={exports:{}};return e[i].call(o.exports,o,o.exports,n),o.exports}n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n(954)})();
+(()=>{"use strict";var e={31:function(e,t){function n(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}var i,a,o,s,l,r,u,c,f,d=this&&this.__classPrivateFieldGet||function(e,t,n,i){if("a"===n&&!i)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!i:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===n?i:"a"===n?i.call(e):i?i.value:t.get(e)};Object.defineProperty(t,"__esModule",{value:!0});var h=function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),i.set(this,"n4v"),a.set(this,"".concat(d(this,i,"f"),"-")),o.set(this,"[aria-controls]"),s.set(this,"[disabled]"),l.set(this,"[aria-expanded]"),r.set(this,"[tabindex]"),u.set(this,"[href]"),c.set(this,"[id]"),f.set(this,'[tabindex^="-"]'),this.focusable="input".concat(this.not(d(this,s,"f"))).concat(this.not(d(this,f,"f")),",\n                         select").concat(this.not(d(this,s,"f"))).concat(this.not(d(this,f,"f")),",\n                         textarea").concat(this.not(d(this,s,"f"))).concat(this.not(d(this,f,"f")),",\n                         button").concat(this.not(d(this,s,"f"))).concat(this.not(d(this,f,"f")),",\n                         object").concat(this.not(d(this,s,"f"))).concat(this.not(d(this,f,"f")),",\n                         a").concat(d(this,u,"f"),",\n                         area").concat(d(this,u,"f"),",\n                         ").concat(d(this,r,"f")).concat(this.not(d(this,f,"f"))).replace(/\s/g,""),this.subMenuButtons="button".concat(d(this,o,"f")),this.subMenu="".concat(this.subMenuButtons," + ul").concat(d(this,c,"f")),this.ids={header:"".concat(d(this,a,"f"),"header"),logo:"".concat(d(this,a,"f"),"logo"),wrapper:"".concat(d(this,a,"f"),"wrapper"),mainContent:"".concat(d(this,a,"f"),"mainContent")},this.classes={srOnly:"".concat(d(this,a,"f"),"sr-only"),js:"".concat(d(this,a,"f"),"js"),fixed:"".concat(d(this,a,"f"),"fixed"),gettingHeight:"".concat(d(this,a,"f"),"geting-height"),anime:"".concat(d(this,a,"f"),"anime"),open:"".concat(d(this,a,"f"),"open")}}var t,h;return t=e,(h=[{key:"not",value:function(e){return":not(".concat(e,")")}},{key:"controls",value:function(e){return e?'[aria-controls="'.concat(e,'"]'):"[aria-controls]"}}])&&n(t.prototype,h),Object.defineProperty(t,"prototype",{writable:!1}),e}();i=new WeakMap,a=new WeakMap,o=new WeakMap,s=new WeakMap,l=new WeakMap,r=new WeakMap,u=new WeakMap,c=new WeakMap,f=new WeakMap,t.default=h},98:(e,t)=>{function n(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function i(e,t,i){return t&&n(e.prototype,t),i&&n(e,i),Object.defineProperty(e,"prototype",{writable:!1}),e}Object.defineProperty(t,"__esModule",{value:!0});var a=i((function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.delay={instant:0,fast:100,medFast:200,default:300,medSlow:400,slow:500}}));t.default=a},512:(e,t)=>{function n(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function i(e,t,i){return t&&n(e.prototype,t),i&&n(e,i),Object.defineProperty(e,"prototype",{writable:!1}),e}function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(t,"__esModule",{value:!0});var o=i((function e(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0],n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];a(this,e),this.leading=!0,this.trailing=!0,this.leading=t,this.trailing=n}));t.default=o},954:function(e,t,n){var i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),n(968);var a=new(i(n(283)).default);t.default=a},283:function(e,t,n){function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}var a,o,s,l=this&&this.__classPrivateFieldGet||function(e,t,n,i){if("a"===n&&!i)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!i:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===n?i:"a"===n?i.call(e):i?i.value:t.get(e)},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var u=r(n(31)),c=r(n(98)),f=r(n(512)),d=function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),a.set(this,{}),o.set(this,new u.default),s.set(this,new c.default),this.attachElements(),this.attachEvents(),this.enableJavascript(),this.setMobileMenu()}var t,n;return t=e,n=[{key:"attachElements",value:function(){var e;l(this,a,"f").header=document.getElementById(l(this,o,"f").ids.header),l(this,a,"f").mobileButton=(null===(e=l(this,a,"f").header)||void 0===e?void 0:e.querySelector(l(this,o,"f").controls(l(this,o,"f").ids.wrapper)))||null,l(this,a,"f").wrapper=document.getElementById(l(this,o,"f").ids.wrapper)}},{key:"attachEvents",value:function(){var e,t,n,i=this,r=null===(e=l(this,a,"f").header)||void 0===e?void 0:e.querySelectorAll(l(this,o,"f").focusable),u=null==r?void 0:r[(null==r?void 0:r.length)-1];null==u||u.addEventListener("keydown",this.throttle(this.eWrapTab.bind(this))),null==r||r.forEach((function(e){e.addEventListener("keydown",i.throttle(i.eHandleKeypress.bind(i)))}));var c=null===(t=l(this,a,"f").header)||void 0===t?void 0:t.querySelectorAll(l(this,o,"f").controls()+l(this,o,"f").not(l(this,o,"f").controls(l(this,o,"f").ids.wrapper)));null==c||c.forEach((function(e){e.addEventListener("mousedown",i.throttle(i.eToggleMenu.bind(i),l(i,s,"f").delay.slow,new f.default(!0,!1)))})),null===(n=l(this,a,"f").mobileButton)||void 0===n||n.addEventListener("mousedown",this.throttle(this.eToggleMobileMenu.bind(this),l(this,s,"f").delay.slow,new f.default(!0,!1)))}},{key:"enableJavascript",value:function(){var e,t;null===(e=l(this,a,"f").header)||void 0===e||e.classList.add(l(this,o,"f").classes.js),null===(t=l(this,a,"f").header)||void 0===t||t.classList.add(l(this,o,"f").classes.fixed)}},{key:"throttle",value:function(e){var t,n,i,a,o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:l(this,s,"f").delay.default,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:new f.default,u=0,c=function(){u=!1===r.leading?0:(new Date).getTime(),a=0,i=e.apply(t,n),a||(t=n=null)},d=function(){var s=(new Date).getTime();u||!1!==r.leading||(u=s);var l=o-s+u;return t=this,n=arguments,l<=0||l>o?(a&&(clearTimeout(a),a=0),u=s,i=e.apply(t,n),a||(t=n=null)):a||!1===r.trailing||(a=window.setTimeout(c,l)),i};return d}},{key:"getHeight",value:function(e){null==e||e.classList.add(l(this,o,"f").classes.gettingHeight);var t=(null==e?void 0:e.scrollHeight)||0;return null==e||e.classList.remove(l(this,o,"f").classes.gettingHeight),t}},{key:"setMobileMenu",value:function(){var e,t,n,i=this,r=arguments.length>0&&void 0!==arguments[0]&&arguments[0],u=r?"true":"false",c=r?"close menu":"open menu";null===(e=l(this,a,"f").mobileButton)||void 0===e||e.setAttribute("aria-expanded",u),setTimeout((function(){var e;null===(e=l(i,a,"f").mobileButton)||void 0===e||e.setAttribute("aria-label",c)}),l(this,s,"f").delay.fast),r?null===(t=l(this,a,"f").wrapper)||void 0===t||t.classList.add(l(this,o,"f").classes.open):(null===(n=l(this,a,"f").wrapper)||void 0===n||n.classList.remove(l(this,o,"f").classes.open),this.closeAllMenus())}},{key:"setMenu",value:function(e){var t=this,n=arguments.length>1&&void 0!==arguments[1]&&arguments[1],i=n?"true":"false",a=null==e?void 0:e.nextElementSibling;e&&a&&(a.classList.add(l(this,o,"f").classes.anime),e.setAttribute("aria-expanded",i),a.style.height=n?this.getHeight(a)+"px":"",setTimeout((function(){null==a||a.classList.remove(l(t,o,"f").classes.anime)}),l(this,s,"f").delay.default))}},{key:"closeAllMenus",value:function(){var e,t=this,n=null===(e=l(this,a,"f").wrapper)||void 0===e?void 0:e.querySelectorAll(l(this,o,"f").subMenuButtons);null==n||n.forEach((function(e){t.setMenu(e)}))}},{key:"openClosestMenu",value:function(){var e,t=document.activeElement,n=null==t?void 0:t.nextElementSibling,i="true"===(null===(e=null==t?void 0:t.getAttribute("aria-expanded"))||void 0===e?void 0:e.toLowerCase());if((null==t?void 0:t.getAttribute("aria-controls"))===l(this,o,"f").ids.wrapper&&(n=l(this,a,"f").wrapper),(null==t?void 0:t.getAttribute("aria-controls"))&&n&&!i){t.click();var s=n.querySelector(l(this,o,"f").focusable);null==s||s.focus()}}},{key:"closeClosestMenu",value:function(){var e,t,n=document.activeElement,i=null==n?void 0:n.closest(l(this,o,"f").subMenu),s=(null==i?void 0:i.previousElementSibling)?i.previousElementSibling:l(this,a,"f").mobileButton;(null==n?void 0:n.getAttribute("aria-controls"))&&"true"===(null===(e=null==n?void 0:n.getAttribute("aria-expanded"))||void 0===e?void 0:e.toLowerCase())&&(s=n),"true"===(null===(t=null==s?void 0:s.getAttribute("aria-expanded"))||void 0===t?void 0:t.toLowerCase())&&(null==s||s.click(),null==s||s.focus())}},{key:"toggleClosestMenu",value:function(){var e,t;"true"===(null===(t=null===(e=document.activeElement)||void 0===e?void 0:e.getAttribute("aria-expanded"))||void 0===t?void 0:t.toLowerCase())?this.closeClosestMenu():this.openClosestMenu()}},{key:"eWrapTab",value:function(e){var t;"tab"!==e.key.toLowerCase()||e.shiftKey||(null===(t=l(this,a,"f").mobileButton)||void 0===t||t.focus(),document.activeElement===l(this,a,"f").mobileButton&&e.preventDefault())}},{key:"eHandleButtonKeypress",value:function(e){switch(e.key.toLowerCase()){case"escape":case"arrowleft":this.closeClosestMenu()}}},{key:"eHandleLinkKeypress",value:function(e){switch(e.key.toLowerCase()){case"escape":case"arrowleft":this.closeClosestMenu();break;case"arrowright":this.openClosestMenu();break;case"enter":case"space":this.toggleClosestMenu()}}},{key:"eHandleKeypress",value:function(e){"tab"!==e.key.toLowerCase()&&e.preventDefault();var t=e.target;switch(null==t?void 0:t.tagName.toLowerCase()){case"a":this.eHandleLinkKeypress(e);break;case"button":this.eHandleButtonKeypress(e)}}},{key:"eToggleMobileMenu",value:function(e){var t,n=e.target,i="true"!==(null===(t=null==n?void 0:n.getAttribute("aria-expanded"))||void 0===t?void 0:t.toLowerCase());this.setMobileMenu(i)}},{key:"eToggleMenu",value:function(e){var t,n=e.target,i="true"!==(null===(t=null==n?void 0:n.getAttribute("aria-expanded"))||void 0===t?void 0:t.toLowerCase());this.setMenu(n,i)}}],n&&i(t.prototype,n),Object.defineProperty(t,"prototype",{writable:!1}),e}();a=new WeakMap,o=new WeakMap,s=new WeakMap,t.default=d},968:(e,t,n)=>{n.r(t)}},t={};function n(i){var a=t[i];if(void 0!==a)return a.exports;var o=t[i]={exports:{}};return e[i].call(o.exports,o,o.exports,n),o.exports}n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n(954)})();

package.json

 {
   "name": "@sunderapps/n4v",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "description": "Navigation 4 Virtuosos - Accessible, Responsive Navbars",
@@ -5,0 +5,0 @@ "main": "./src/main.ts",

src/ts/n4vBar.ts

@@ -14,5 +14,5 @@ import Selectors from './Selectors';
         this.attachEvents();
+        this.enableJavascript();
 
-        this.#el.header?.classList.add(this.#sel.classes.js);
-        this.#el.header?.classList.add(this.#sel.classes.fixed);
+        this.setMobileMenu();
     }
@@ -40,5 +40,9 @@
         this.#el.mobileButton?.addEventListener('mousedown', this.throttle(this.eToggleMobileMenu.bind(this), this.#set.delay.slow, new ThrottleOptions(true, false)) as EventListenerOrEventListenerObject);
-        this.#el.mobileButton?.click();
     }
 
+    enableJavascript () : void {
+        this.#el.header?.classList.add(this.#sel.classes.js);
+        this.#el.header?.classList.add(this.#sel.classes.fixed);
+    }
+
     // Utility
@@ -45,0 +49,0 @@ throttle (func: Function,

No alert changes

Improved metrics

Total package byte prevSize

91733

increased by0.24%

Lines of code

858

increased by0.35%

No dependency changes