Licensed under the Apache License, Version 2.0 (the “License”)\r\n *
Copyright © 2013 Adobe Systems Incorporated.\r\n *
Project page https://github.com/mandalatv/Accessible-Mega-Menu\r\n * @version 0.1\r\n * @author Michael Jordan\r\n * @author Rich Hauck\r\n * @requires jquery\r\n */\n\n/*jslint browser: true, devel: true, plusplus: true, nomen: true */\n/*global jQuery */\n(function ($, window, document) {\n var bodyStyles = window.getComputedStyle(document.body);\n var breakpointMobile = '1024px'; // should match main.js breakpointMobile variable\n var mobileBreakpointValue = parseInt(breakpointMobile, 10);\n var pluginName = 'accessibleMegaMenu',\n defaults = {\n navToggle: '#nav-toggle', // Button that toggles navigation at mobile\n navId: '#primary-nav', //id of navigation\n mobileBreakpoint: mobileBreakpointValue, // breakpoint that defines when menu goes to mobile\n topNavIconClass: '.nav-item__icon', // css class representing icon on mobile\n topNavElement: '.nav-item__element',\n uuidPrefix: 'accessible-megamenu', // unique ID's are required to indicate aria-owns, aria-controls and aria-labelledby\n menuClass: 'accessible-megamenu', // default css class used to define the megamenu styling\n topNavItemClass: 'accessible-megamenu-top-nav-item', // default css class for a top-level navigation item in the megamenu\n panelClass: 'accessible-megamenu-panel', // default css class for a megamenu panel\n panelGroupClass: 'accessible-megamenu-panel-group', // default css class for a group of items within a megamenu panel\n hoverClass: 'hover', // default css class for the hover state\n focusClass: 'focus', // default css class for the focus state\n openClass: 'open' // default css class for the open state\n },\n Keyboard = {\n BACKSPACE: 8,\n COMMA: 188,\n DELETE: 46,\n DOWN: 40,\n END: 35,\n ENTER: 13,\n ESCAPE: 27,\n HOME: 36,\n LEFT: 37,\n PAGE_DOWN: 34,\n PAGE_UP: 33,\n PERIOD: 190,\n RIGHT: 39,\n SPACE: 32,\n TAB: 9,\n UP: 38,\n keyMap: {\n 48: '0',\n 49: '1',\n 50: '2',\n 51: '3',\n 52: '4',\n 53: '5',\n 54: '6',\n 55: '7',\n 56: '8',\n 57: '9',\n 59: ';',\n 65: 'a',\n 66: 'b',\n 67: 'c',\n 68: 'd',\n 69: 'e',\n 70: 'f',\n 71: 'g',\n 72: 'h',\n 73: 'i',\n 74: 'j',\n 75: 'k',\n 76: 'l',\n 77: 'm',\n 78: 'n',\n 79: 'o',\n 80: 'p',\n 81: 'q',\n 82: 'r',\n 83: 's',\n 84: 't',\n 85: 'u',\n 86: 'v',\n 87: 'w',\n 88: 'x',\n 89: 'y',\n 90: 'z',\n 96: '0',\n 97: '1',\n 98: '2',\n 99: '3',\n 100: '4',\n 101: '5',\n 102: '6',\n 103: '7',\n 104: '8',\n 105: '9',\n 190: '.' } };\n\n\n /**\r\n * @desc Creates a new accessible mega menu instance.\r\n * @param {jquery} element\r\n * @param {object} [options] Mega Menu options\r\n * @param {string} [options.uuidPrefix=accessible-megamenu] - Prefix for generated unique id attributes, which are required to indicate aria-owns, aria-controls and aria-labelledby\r\n * @param {string} [options.menuClass=accessible-megamenu] - CSS class used to define the megamenu styling\r\n * @param {string} [options.topNavItemClass=accessible-megamenu-top-nav-item] - CSS class for a top-level navigation item in the megamenu\r\n * @param {string} [options.panelClass=accessible-megamenu-panel] - CSS class for a megamenu panel\r\n * @param {string} [options.panelGroupClass=accessible-megamenu-panel-group] - CSS class for a group of items within a megamenu panel\r\n * @param {string} [options.hoverClass=hover] - CSS class for the hover state\r\n * @param {string} [options.focusClass=focus] - CSS class for the focus state\r\n * @param {string} [options.openClass=open] - CSS class for the open state\r\n * @constructor\r\n */\n function AccessibleMegaMenu(element, options) {\n this.element = element;\n\n // merge optional settings and defaults into settings\n this.settings = $.extend({}, defaults, options);\n\n this.defaults = defaults;\n this.name = pluginName;\n\n this.mouseTimeoutID = null;\n this.focusTimeoutID = null;\n this.mouseFocused = false;\n this.justFocused = false;\n\n this.init();\n }\n\n AccessibleMegaMenu.prototype = function () {\n\n /* private attributes and methods ------------------------ */\n var uuid = 0,\n keydownTimeoutDuration = 1000,\n keydownSearchString = '',\n isTouch = typeof window.hasOwnProperty === 'function' && !!window.hasOwnProperty('ontouchstart'),\n getPlugin,\n addUniqueId,\n togglePanel,\n clickHandler,\n clickOutsideHandler,\n DOMAttrModifiedHandler,\n focusInHandler,\n focusOutHandler,\n keyDownHandler,\n mouseDownHandler,\n mouseOverHandler,\n mouseUpIconHandler,\n mouseOutHandler,\n toggleExpandedEventHandlers;\n\n /**\r\n * @name jQuery.fn.accessibleMegaMenu~getPlugin\r\n * @desc Returns the parent accessibleMegaMenu instance for a given element\r\n * @param {jQuery} element\r\n * @memberof jQuery.fn.accessibleMegaMenu\r\n * @inner\r\n * @private\r\n */\n getPlugin = function getPlugin(element) {\n return $(element).closest(':data(plugin_' + pluginName + ')').data('plugin_' + pluginName);\n };\n\n /**\r\n * @name jQuery.fn.accessibleMegaMenu~addUniqueId\r\n * @desc Adds a unique id and element.\r\n * The id string starts with the\r\n * string defined in settings.uuidPrefix.\r\n * @param {jQuery} element\r\n * @memberof jQuery.fn.accessibleMegaMenu\r\n * @inner\r\n * @private\r\n */\n addUniqueId = function addUniqueId(element) {\n element = $(element);\n var settings = this.settings;\n if (!element.attr('id')) {\n element.attr('id', settings.uuidPrefix + '-' + new Date().getTime() + '-' + ++uuid);\n }\n };\n\n /**\r\n * @name jQuery.fn.accessibleMegaMenu~togglePanel\r\n * @desc Toggle the display of mega menu panels in response to an event.\r\n * The optional boolean value 'hide' forces all panels to hide.\r\n * @param {event} event\r\n * @param {Boolean} [hide] Hide all mega menu panels when true\r\n * @memberof jQuery.fn.accessibleMegaMenu\r\n * @inner\r\n * @private\r\n */\n togglePanel = function togglePanel(event, hide) {\n var target = $(event.target),\n that = this,\n settings = this.settings,\n menu = this.menu,\n topli = target.closest('.' + settings.topNavItemClass),\n panel = target.hasClass(settings.panelClass) ? target : target.closest('.' + settings.panelClass),\n newfocus;\n\n toggleExpandedEventHandlers.call(this, true);\n\n if (hide) {\n topli = menu.find('.' + settings.topNavItemClass + ' .' + settings.openClass + ':first').closest('.' + settings.topNavItemClass);\n if (!(topli.is(event.relatedTarget) || topli.has(event.relatedTarget).length > 0)) {\n if ((event.type === 'mouseout' || event.type === 'focusout') && topli.has(document.activeElement).length > 0) {\n return;\n }\n topli.find('[aria-expanded]').\n attr('aria-expanded', 'false').\n removeClass(settings.openClass).\n filter('.' + settings.panelClass).\n attr('aria-hidden', 'true');\n if (event.type === 'keydown' && event.keyCode === Keyboard.ESCAPE || event.type === 'DOMAttrModified') {\n newfocus = topli.find(':tabbable:first');\n setTimeout(function () {\n menu.find('[aria-expanded].' + that.settings.panelClass).off('DOMAttrModified.accessible-megamenu');\n newfocus.focus();\n that.justFocused = false;\n }, 99);\n }\n } else if (topli.length === 0) {\n menu.find('[aria-expanded=true]').\n attr('aria-expanded', 'false').\n removeClass(settings.openClass).\n filter('.' + settings.panelClass).\n attr('aria-hidden', 'true');\n }\n } else {\n\n clearTimeout(that.focusTimeoutID);\n\n var siblings = topli.siblings();\n\n // hide all other siblings\n siblings.\n find('[aria-expanded]').\n attr('aria-expanded', 'false').\n removeClass(settings.openClass).\n filter('.' + settings.panelClass).\n attr('aria-hidden', 'true');\n\n // remove open class from all sibling icons\n siblings.\n find(settings.topNavIconClass).\n removeClass('icon--open');\n siblings.\n find(settings.topNavElement).\n removeClass('icon--open');\n\n // open topli\n topli.find('[aria-expanded]').\n attr('aria-expanded', 'true').\n addClass(settings.openClass).\n filter('.' + settings.panelClass).\n attr('aria-hidden', 'false');\n if (event.type === 'mouseover' && target.is(':tabbable') && topli.length === 1 && panel.length === 0 && menu.has(document.activeElement).length > 0) {\n target.focus();\n that.justFocused = false;\n }\n\n toggleExpandedEventHandlers.call(that);\n }\n };\n\n /**\r\n * @name jQuery.fn.accessibleMegaMenu~clickHandler\r\n * @desc Handle click event on mega menu item\r\n * @param {event} Event object\r\n * @memberof jQuery.fn.accessibleMegaMenu\r\n * @inner\r\n * @private\r\n */\n clickHandler = function clickHandler(event) {\n if (window.innerWidth >= this.settings.mobileBreakpoint) {\n var target = $(event.currentTarget),\n topli = target.closest('.' + this.settings.topNavItemClass),\n panel = target.closest('.' + this.settings.panelClass);\n if (topli.length === 1 &&\n panel.length === 0 &&\n topli.find('.' + this.settings.panelClass).length === 1) {\n if (!target.hasClass(this.settings.openClass)) {\n event.preventDefault();\n event.stopPropagation();\n togglePanel.call(this, event);\n this.justFocused = false;\n } else {\n if (this.justFocused) {\n event.preventDefault();\n event.stopPropagation();\n this.justFocused = false;\n } else if (isTouch) {\n event.preventDefault();\n event.stopPropagation();\n togglePanel.call(this, event, target.hasClass(this.settings.openClass));\n }\n }\n }\n }\n };\n\n /**\r\n * @name jQuery.fn.accessibleMegaMenu~clickOutsideHandler\r\n * @desc Handle click event outside of a the megamenu\r\n * @param {event} Event object\r\n * @memberof jQuery.fn.accessibleMegaMenu\r\n * @inner\r\n * @private\r\n */\n clickOutsideHandler = function clickOutsideHandler(event) {\n if (window.innerWidth >= this.settings.mobileBreakpoint) {\n if ($(event.target).closest(this.menu).length === 0) {\n event.preventDefault();\n event.stopPropagation();\n togglePanel.call(this, event, true);\n }\n }\n };\n\n /**\r\n * @name jQuery.fn.accessibleMegaMenu~DOMAttrModifiedHandler\r\n * @desc Handle DOMAttrModified event on panel to respond to Windows 8 Narrator ExpandCollapse pattern\r\n * @param {event} Event object\r\n * @memberof jQuery.fn.accessibleMegaMenu\r\n * @inner\r\n * @private\r\n */\n DOMAttrModifiedHandler = function DOMAttrModifiedHandler(event) {\n if (event.originalEvent.attrName === 'aria-expanded' &&\n event.originalEvent.newValue === 'false' &&\n $(event.target).hasClass(this.settings.openClass)) {\n event.preventDefault();\n event.stopPropagation();\n togglePanel.call(this, event, true);\n }\n };\n\n /**\r\n * @name jQuery.fn.accessibleMegaMenu~focusInHandler\r\n * @desc Handle focusin event on mega menu item.\r\n * @param {event} Event object\r\n * @memberof jQuery.fn.accessibleMegaMenu\r\n * @inner\r\n * @private\r\n */\n focusInHandler = function focusInHandler(event) {\n clearTimeout(this.focusTimeoutID);\n var target = $(event.target),\n panel = target.closest('.' + this.settings.panelClass);\n target.\n addClass(this.settings.focusClass).\n on('click.accessible-megamenu', $.proxy(clickHandler, this));\n this.justFocused = !this.mouseFocused;\n this.mouseFocused = false;\n if (this.panels.not(panel).filter('.' + this.settings.openClass).length) {\n togglePanel.call(this, event);\n }\n };\n\n /**\r\n * @name jQuery.fn.accessibleMegaMenu~focusOutHandler\r\n * @desc Handle focusout event on mega menu item.\r\n * @param {event} Event object\r\n * @memberof jQuery.fn.accessibleMegaMenu\r\n * @inner\r\n * @private\r\n */\n focusOutHandler = function focusOutHandler(event) {\n this.justFocused = false;\n var that = this,\n target = $(event.target),\n topli = target.closest('.' + this.settings.topNavItemClass);\n target.\n removeClass(this.settings.focusClass).\n off('click.accessible-megamenu');\n\n if (window.cvox) {\n // If ChromeVox is running...\n that.focusTimeoutID = setTimeout(function () {\n window.cvox.Api.getCurrentNode(function (node) {\n if (topli.has(node).length) {\n // and the current node being voiced is in\n // the mega menu, clearTimeout,\n // so the panel stays open.\n clearTimeout(that.focusTimeoutID);\n } else {\n\n that.focusTimeoutID = setTimeout(function (scope, event2, hide) {\n togglePanel.call(scope, event, hide);\n }, 275, that, event, true);\n }\n });\n }, 25);\n } else {\n that.focusTimeoutID = setTimeout(function () {\n togglePanel.call(that, event, true);\n }, 300);\n }\n };\n\n /**\r\n * @name jQuery.fn.accessibleMegaMenu~keyDownHandler\r\n * @desc Handle keydown event on mega menu.\r\n * @param {event} Event object\r\n * @memberof jQuery.fn.accessibleMegaMenu\r\n * @inner\r\n * @private\r\n */\n keyDownHandler = function keyDownHandler(event) {\n var that = this.constructor === AccessibleMegaMenu ? this : getPlugin(this), // determine the AccessibleMegaMenu plugin instance\n settings = that.settings,\n target = $($(this).is('.' + settings.hoverClass + ':tabbable') ? this : event.target), // if the element is hovered the target is this, otherwise, its the focused element\n menu = that.menu,\n topnavitems = that.topnavitems,\n topli = target.closest('.' + settings.topNavItemClass),\n tabbables = menu.find(':tabbable'),\n panel = target.hasClass(settings.panelClass) ? target : target.closest('.' + settings.panelClass),\n panelGroups = panel.find('.' + settings.panelGroupClass),\n currentPanelGroup = target.closest('.' + settings.panelGroupClass),\n next,\n keycode = event.keyCode || event.which,\n start,\n i,\n o,\n label,\n found = false,\n newString = Keyboard.keyMap[event.keyCode] || '',\n regex,\n isTopNavItem = topli.length === 1 && panel.length === 0;\n\n if (target.is('input:focus, select:focus, textarea:focus, button:focus')) {\n // if the event target is a form element we should handle keydown normally\n return;\n }\n\n if (target.is('.' + settings.hoverClass + ':tabbable')) {\n $('html').off('keydown.accessible-megamenu');\n }\n\n switch (keycode) {\n case Keyboard.ESCAPE:\n togglePanel.call(that, event, true);\n break;\n case Keyboard.DOWN:\n event.preventDefault();\n if (isTopNavItem) {\n togglePanel.call(that, event);\n found = topli.find('.' + settings.panelClass + ' :tabbable:first').focus().length === 1;\n } else {\n found = tabbables.filter(':gt(' + tabbables.index(target) + '):first').focus().length === 1;\n }\n\n if (!found && window.opera && opera.toString() === '[object Opera]' && (event.ctrlKey || event.metaKey)) {\n tabbables = $(':tabbable');\n i = tabbables.index(target);\n found = $(':tabbable:gt(' + $(':tabbable').index(target) + '):first').focus().length === 1;\n }\n break;\n case Keyboard.UP:\n event.preventDefault();\n if (isTopNavItem && target.hasClass(settings.openClass)) {\n togglePanel.call(that, event, true);\n next = topnavitems.filter(':lt(' + topnavitems.index(topli) + '):last');\n if (next.children('.' + settings.panelClass).length) {\n found = next.children().\n attr('aria-expanded', 'true').\n addClass(settings.openClass).\n filter('.' + settings.panelClass).\n attr('aria-hidden', 'false').\n find(':tabbable:last').\n focus() === 1;\n }\n } else if (!isTopNavItem) {\n found = tabbables.filter(':lt(' + tabbables.index(target) + '):last').focus().length === 1;\n }\n\n if (!found && window.opera && opera.toString() === '[object Opera]' && (event.ctrlKey || event.metaKey)) {\n tabbables = $(':tabbable');\n i = tabbables.index(target);\n found = $(':tabbable:lt(' + $(':tabbable').index(target) + '):first').focus().length === 1;\n }\n break;\n case Keyboard.RIGHT:\n event.preventDefault();\n if (isTopNavItem) {\n found = topnavitems.filter(':gt(' + topnavitems.index(topli) + '):first').find(':tabbable:first').focus().length === 1;\n } else {\n if (panelGroups.length && currentPanelGroup.length) {\n // if the current panel contains panel groups, and we are able to focus the first tabbable element of the next panel group\n found = panelGroups.filter(':gt(' + panelGroups.index(currentPanelGroup) + '):first').find(':tabbable:first').focus().length === 1;\n }\n\n if (!found) {\n found = topli.find(':tabbable:first').focus().length === 1;\n }\n }\n break;\n case Keyboard.LEFT:\n event.preventDefault();\n if (isTopNavItem) {\n found = topnavitems.filter(':lt(' + topnavitems.index(topli) + '):last').find(':tabbable:first').focus().length === 1;\n } else {\n if (panelGroups.length && currentPanelGroup.length) {\n // if the current panel contains panel groups, and we are able to focus the first tabbable element of the previous panel group\n found = panelGroups.filter(':lt(' + panelGroups.index(currentPanelGroup) + '):last').find(':tabbable:first').focus().length === 1;\n }\n\n if (!found) {\n found = topli.find(':tabbable:first').focus().length === 1;\n }\n }\n break;\n case Keyboard.TAB:\n i = tabbables.index(target);\n if (event.shiftKey && isTopNavItem && target.hasClass(settings.openClass)) {\n togglePanel.call(that, event, true);\n next = topnavitems.filter(':lt(' + topnavitems.index(topli) + '):last');\n if (next.children('.' + settings.panelClass).length) {\n found = next.children().\n attr('aria-expanded', 'true').\n addClass(settings.openClass).\n filter('.' + settings.panelClass).\n attr('aria-hidden', 'false').\n find(':tabbable:last').\n focus();\n }\n } else if (event.shiftKey && i > 0) {\n found = tabbables.filter(':lt(' + i + '):last').focus().length === 1;\n } else if (!event.shiftKey && i < tabbables.length - 1) {\n found = tabbables.filter(':gt(' + i + '):first').focus().length === 1;\n } else if (window.opera && opera.toString() === '[object Opera]') {\n tabbables = $(':tabbable');\n i = tabbables.index(target);\n if (event.shiftKey) {\n found = $(':tabbable:lt(' + $(':tabbable').index(target) + '):last').focus().length === 1;\n } else {\n found = $(':tabbable:gt(' + $(':tabbable').index(target) + '):first').focus().length === 1;\n }\n }\n\n if (found) {\n event.preventDefault();\n }\n break;\n case Keyboard.SPACE:\n if (isTopNavItem) {\n event.preventDefault();\n clickHandler.call(that, event);\n } else {\n //return true;\n }\n break;\n case Keyboard.ENTER:\n //return true;\n break;\n default:\n // alphanumeric filter\n clearTimeout(this.keydownTimeoutID);\n\n keydownSearchString += newString !== keydownSearchString ? newString : '';\n\n if (keydownSearchString.length === 0) {\n return;\n }\n\n this.keydownTimeoutID = setTimeout(function () {\n keydownSearchString = '';\n }, keydownTimeoutDuration);\n\n if (isTopNavItem && !target.hasClass(settings.openClass)) {\n tabbables = tabbables.filter(':not(.' + settings.panelClass + ' :tabbable)');\n } else {\n tabbables = topli.find(':tabbable');\n }\n\n if (event.shiftKey) {\n tabbables = $(tabbables.get().\n reverse());\n }\n\n for (i = 0; i < tabbables.length; i++) {\n o = tabbables.eq(i);\n if (o.is(target)) {\n start = keydownSearchString.length === 1 ? i + 1 : i;\n break;\n }\n }\n\n regex = new RegExp('^' + keydownSearchString.replace(/[\\-\\[\\]{}()*+?.,\\\\\\^$|#\\s]/g, '\\\\$&'), 'i');\n\n for (i = start; i < tabbables.length; i++) {\n o = tabbables.eq(i);\n label = $.trim(o.text());\n if (regex.test(label)) {\n found = true;\n o.focus();\n break;\n }\n }\n if (!found) {\n for (i = 0; i < start; i++) {\n o = tabbables.eq(i);\n label = $.trim(o.text());\n if (regex.test(label)) {\n o.focus();\n break;\n }\n }\n }\n break;}\n\n that.justFocused = false;\n };\n\n /**\r\n * @name jQuery.fn.accessibleMegaMenu~mouseDownHandler\r\n * @desc Handle mousedown event on mega menu.\r\n * @param {event} Event object\r\n * @memberof accessibleMegaMenu\r\n * @inner\r\n * @private\r\n */\n mouseDownHandler = function mouseDownHandler(event) {\n if ($(event.target).is(this.settings.panelClass) || $(event.target).closest(':focusable').length) {\n this.mouseFocused = true;\n }\n this.mouseTimeoutID = setTimeout(function () {\n clearTimeout(this.focusTimeoutID);\n }, 1);\n };\n\n /**\r\n * @name jQuery.fn.accessibleMegaMenu~mouseOverHandler\r\n * @desc Handle mouseover event on mega menu.\r\n * @param {event} Event object\r\n * @memberof jQuery.fn.accessibleMegaMenu\r\n * @inner\r\n * @private\r\n */\n mouseOverHandler = function mouseOverHandler(event) {\n if (window.innerWidth >= this.settings.mobileBreakpoint) {\n clearTimeout(this.mouseTimeoutID);\n $(event.target).\n addClass(this.settings.hoverClass);\n togglePanel.call(this, event);\n if ($(event.target).is(':tabbable')) {\n $('html').on('keydown.accessible-megamenu', $.proxy(keyDownHandler, event.target));\n }\n }\n };\n /**\r\n * @name jQuery.fn.accessibleMegaMenu~mouseUpIconHandler\r\n * @desc Handle mouseup event on icons at mobile. Assigned to icons, only.\r\n * @param {event} Event object\r\n * @param {settings} settings object\r\n * @memberof jQuery.fn.accessibleMegaMenu\r\n * @inner\r\n * @private\r\n */\n mouseUpIconHandler = function mouseUpIconHandler(event) {\n clearTimeout(this.mouseTimeoutID);\n var elem = $(event.target);\n var otherElem;\n // find the other clickable item\n if (elem.is('svg')) {\n otherElem = elem.parent().siblings('a');\n } else if (elem.is('i')) {\n otherElem = elem.siblings('a');\n } else if (elem.is('a')) {\n //otherElem = elem.siblings('.nav-item__icon');\n otherElem = elem.siblings('.nav-item__icon');\n } else if (elem.is('span')) {\n otherElem = elem.parent().siblings('.nav-item__icon');\n }\n elem.toggleClass('icon--open');\n if (otherElem) {\n // if otherElem exists apply the class to it as well\n otherElem.toggleClass('icon--open');\n }\n // open or close nav based on class\n if (elem.hasClass('icon--open')) {\n // open nav\n togglePanel.call(this, event);\n } else {\n // close nav\n togglePanel.call(this, event, true);\n }\n\n if ($(event.target).is(':tabbable')) {\n $('html').on('keydown.accessible-megamenu', $.proxy(keyDownHandler, event.target));\n }\n };\n\n /**\r\n * @name jQuery.fn.accessibleMegaMenu~mouseOutHandler\r\n * @desc Handle mouseout event on mega menu.\r\n * @param {event} Event object\r\n * @memberof jQuery.fn.accessibleMegaMenu\r\n * @inner\r\n * @private\r\n */\n mouseOutHandler = function mouseOutHandler(event) {\n if (window.innerWidth >= this.settings.mobileBreakpoint) {\n var that = this;\n $(event.target).\n removeClass(that.settings.hoverClass);\n\n that.mouseTimeoutID = setTimeout(function () {\n togglePanel.call(that, event, true);\n }, 250);\n if ($(event.target).is(':tabbable')) {\n $('html').off('keydown.accessible-megamenu');\n }\n }\n };\n\n toggleExpandedEventHandlers = function toggleExpandedEventHandlers(hide) {\n var menu = this.menu;\n if (hide) {\n $('html').off('mouseup.outside-accessible-megamenu, touchend.outside-accessible-megamenu, mspointerup.outside-accessible-megamenu, pointerup.outside-accessible-megamenu');\n\n menu.find('[aria-expanded].' + this.settings.panelClass).off('DOMAttrModified.accessible-megamenu');\n } else {\n $('html').on('mouseup.outside-accessible-megamenu, touchend.outside-accessible-megamenu, mspointerup.outside-accessible-megamenu, pointerup.outside-accessible-megamenu', $.proxy(clickOutsideHandler, this));\n\n /* Narrator in Windows 8 automatically toggles the aria-expanded property on double tap or click.\r\n To respond to the change to collapse the panel, we must add a listener for a DOMAttrModified event. */\n menu.find('[aria-expanded=true].' + this.settings.panelClass).on('DOMAttrModified.accessible-megamenu', $.proxy(DOMAttrModifiedHandler, this));\n }\n };\n\n /* public attributes and methods ------------------------- */\n return {\n constructor: AccessibleMegaMenu,\n\n /**\r\n * @lends jQuery.fn.accessibleMegaMenu\r\n * @desc Initializes an instance of the accessibleMegaMenu plugins\r\n * @memberof jQuery.fn.accessibleMegaMenu\r\n * @instance\r\n */\n init: function init() {\n var settings = this.settings,\n nav = $(this.element),\n menu = nav.children().first(),\n topnavitems = menu.children();\n this.start(settings, nav, menu, topnavitems);\n },\n\n start: function start(settings, nav, menu, topnavitems) {\n var that = this;\n this.settings = settings;\n this.menu = menu;\n this.topnavitems = topnavitems;\n\n nav.attr('role', 'navigation');\n menu.addClass(settings.menuClass);\n topnavitems.each(function (i, topnavitem) {\n var topnavitemlink, topnavitempanel;\n topnavitem = $(topnavitem);\n topnavitem.addClass(settings.topNavItemClass);\n topnavitemlink = topnavitem.find(':tabbable:first');\n topnavitempanel = topnavitem.children(':not(:tabbable):last');\n addUniqueId.call(that, topnavitemlink);\n if (topnavitempanel.length) {\n addUniqueId.call(that, topnavitempanel);\n topnavitemlink.attr({\n 'aria-haspopup': true,\n 'aria-controls': topnavitempanel.attr('id'),\n 'aria-expanded': false });\n\n\n topnavitempanel.attr({\n 'role': 'group',\n 'aria-expanded': false,\n 'aria-hidden': true }).\n\n addClass(settings.panelClass).\n not('[aria-labelledby]').\n attr('aria-labelledby', topnavitemlink.attr('id'));\n }\n });\n\n this.panels = menu.find('.' + settings.panelClass);\n\n menu.on('focusin.accessible-megamenu', ':focusable, .' + settings.panelClass, $.proxy(focusInHandler, this)).\n on('focusout.accessible-megamenu', ':focusable, .' + settings.panelClass, $.proxy(focusOutHandler, this)).\n on('keydown.accessible-megamenu', $.proxy(keyDownHandler, this)).\n on('mouseover.accessible-megamenu', $.proxy(mouseOverHandler, this)).\n on('mouseout.accessible-megamenu', $.proxy(mouseOutHandler, this)).\n on('mousedown.accessible-megamenu', $.proxy(mouseDownHandler, this));\n\n $(settings.topNavIconClass).on('mouseup.accessible-megamenu', $.proxy(mouseUpIconHandler, this));\n $(settings.topNavElement).on('mouseup.accessible-megamenu', $.proxy(mouseUpIconHandler, this));\n\n if (isTouch) {\n menu.on('touchstart.accessible-megamenu', $.proxy(clickHandler, this));\n }\n\n menu.find('hr').attr('role', 'separator');\n\n if ($(document.activeElement).closest(menu).length) {\n $(document.activeElement).trigger('focusin.accessible-megamenu');\n }\n\n // Ensure subnavs hide if browser is expanded to desktop\n $(window).bind('resize', function () {\n\n if ($(window).width() >= settings.mobileBreakpoint) {\n\n // hide all other subnavs\n $('.' + settings.topNavItemClass).\n find('[aria-expanded]').\n attr('aria-expanded', 'false').\n removeClass(settings.openClass).\n filter('.' + settings.panelClass).\n attr('aria-hidden', 'true');\n\n // remove open class from all icons\n $('.' + settings.topNavItemClass).\n find(settings.topNavIconClass).\n removeClass('icon--open');\n $(settings.topNavElement).removeClass('icon--open');\n // $('.' + settings.topNavElement).removeClass('icon--open');\n // remove active class from navId\n $(settings.navId).removeClass('active');\n }\n });\n // sets navigation to active and changes label\n $(settings.navToggle).click(function (event) {\n event.preventDefault();\n $(settings.navId).toggleClass('active');\n /*\r\n if($(settings.navId).hasClass('active')){\r\n $(settings.navToggle + ' span').html('close');\r\n }else{\r\n $(settings.navToggle + ' span').html('menu');\r\n }\r\n */\n });\n },\n\n /**\r\n * @desc Get default values\r\n * @example $(selector).accessibleMegaMenu(\"getDefaults\");\r\n * @return {object}\r\n * @memberof jQuery.fn.accessibleMegaMenu\r\n * @instance\r\n */\n getDefaults: function getDefaults() {\n return this.defaults;\n },\n\n /**\r\n * @desc Get any option set to plugin using its name (as string)\r\n * @example $(selector).accessibleMegaMenu(\"getOption\", some_option);\r\n * @param {string} opt\r\n * @return {string}\r\n * @memberof jQuery.fn.accessibleMegaMenu\r\n * @instance\r\n */\n getOption: function getOption(opt) {\n return this.settings[opt];\n },\n\n /**\r\n * @desc Get all options\r\n * @example $(selector).accessibleMegaMenu(\"getAllOptions\");\r\n * @return {object}\r\n * @memberof jQuery.fn.accessibleMegaMenu\r\n * @instance\r\n */\n getAllOptions: function getAllOptions() {\n return this.settings;\n },\n\n /**\r\n * @desc Set option\r\n * @example $(selector).accessibleMegaMenu(\"setOption\", \"optionname\", \"option_value\", reinitialize);\r\n * @param {string} opt - Option name\r\n * @param {string} val - Option value\r\n * @param {boolean} [reinitialize] - boolean to re-initialize the menu.\r\n * @memberof jQuery.fn.accessibleMegaMenu\r\n * @instance\r\n */\n setOption: function setOption(opt, value, reinitialize) {\n this.settings[opt] = value;\n if (reinitialize) {\n this.init();\n }\n } };\n\n }();\n\n /* lightweight plugin wrapper around the constructor,\r\n to prevent against multiple instantiations */\n\n /**\r\n * @class accessibleMegaMenu\r\n * @memberOf jQuery.fn\r\n * @classdesc Implements an accessible mega menu as a jQuery plugin.\r\n *
The mega-menu It is modeled after the mega menu on {@link http://adobe.com|adobe.com} but has been simplified for use by others. A brief description of the interaction design choices can be\r\n * found in a blog post at {@link http://blogs.adobe.com/accessibility/2013/05/adobe-com.html|Mega menu accessibility on adobe.com}.
\r\n *The accessible mega menu supports keyboard interaction modeled after the behavior described in the {@link http://www.w3.org/TR/wai-aria-practices/#menu|WAI-ARIA Menu or Menu bar (widget) design\r\n * pattern}, however we also try to respect users' general expectations for the behavior of links in a global navigation. To this end, the accessible mega menu implementation permits tab focus on each of the six top-level menu items. When one of the menu items has focus,\r\n * pressing the Enter key, Spacebar or Down arrow will open the submenu panel, and pressing the Left or Right arrow key will shift focus to the adjacent menu item. Links within the submenu panels are included in the tab order when the panel is open.\r\n * They can also be navigated with the arrow keys or by typing the first character in the link name,\r\n * which speeds up keyboard navigation considerably. Pressing the Escape key closes the submenu and restores focus to the parent menu item.
\r\n *The accessible mega menu models its use of WAI-ARIA Roles, States, and Properties after those described in the {@link http://www.w3.org/TR/wai-aria-practices/#menu|WAI-ARIA Menu or Menu bar (widget) design pattern}\r\n * with some notable exceptions, so that it behaves better with screen reader user expectations for global navigation. We don't use role=\"menu\" for the\r\n * menu container and role=\"menuitem\" for each of the links therein, because if we do,\r\n * assistive technology will no longer interpret the links as links, but instead, as menu items, and the links in our global navigation\r\n * will no longer show up when a screen reader user executes a shortcut command to bring up a list of links in the page.
' + name + '
\\n \\n' + dob + '
\\n \\n' + rel + '
\\n \\nYour passwords do not match.
');\n }\n $('form#reset-password-form').submit(passwordMismatch);\n } else {\n $('form#reset-password-form').unbind('submit', passwordMismatch);\n }\n });\n }\n}\n\nif ($('form#reset-primary-email-form').length > 0) {\n var _frm2 = document.querySelector('form#reset-primary-email-form');\n var _rpf4 = new RPForms(_frm2, {\n fields: [\n '#primary-email1'] });\n\n}\n\nif ($('form#reset-secondary-email-form').length > 0) {\n var _frm3 = document.querySelector('form#reset-secondary-email-form');\n var _rpf5 = new RPForms(_frm3, {\n fields: [\n '#secondary-email1'] });\n\n}\n\nif ($('form#reset-challenge-q-form').length > 0) {\n var _frm4 = document.querySelector('form#reset-challenge-q-form');\n var _rpf6 = new RPForms(_frm4, {\n fields: [\n '#challenge-q-answer'] });\n\n}\n\nvar registerPassword1 = '#Credentials_Password';\nvar registerPassword2 = '#Credentials_ConfirmPassword';\nif ($('form#user-id-page-form').length > 0) {\n var _frm5 = document.querySelector('form#user-id-page-form');\n var _rpf7 = new RPForms(_frm5, {\n // fields: [\n // '#password1',\n // '#password2',\n // '#username'\n // ]});\n fields: [\n registerPassword1,\n registerPassword2,\n '#Credentials_Username'] });\n\n _rpf7.setClick(function (evt) {\n if ($('form#user-id-page-form #written-error').length > 0) {\n $('form#user-id-page-form #written-error').text('');\n }\n password1val = $('form#user-id-page-form input' + registerPassword1).val();\n password2val = $('form#user-id-page-form input' + registerPassword2).val();\n if (password1val != '' && password2val != '' && password1val !== password2val) {\n if ($('form#user-id-page-form #written-error').length > 0) {\n $('form#user-id-page-form #written-error').text('Your passwords do not match.');\n } else {\n $('form#user-id-page-form .field-container').before('Your passwords do not match.
');\n }\n $('form#user-id-page-form').submit(registerPasswordMismatch);\n } else {\n $('form#user-id-page-form').unbind('submit', registerPasswordMismatch);\n }\n });\n}\n\nif ($('form.accept-form').length > 0) {\n var _frm6 = document.querySelector('form.accept-form');\n var _rpf8 = new RPForms(_frm6, {\n fields: [\n '#cpt-code-id'] });\n\n}\nif ($('form#auth-search').length > 0) {\n var _frm7 = document.querySelector('form#auth-search');\n var _rpf9 = new RPForms(_frm7, {\n fields: [\n '#auth-date'] });\n\n}\nif ($('form#zipcode-search').length > 0) {\n var _frm8 = document.querySelector('form#zipcode-search');\n var _rpf10 = new RPForms(_frm8, {\n fields: [\n '#zip-id'] });\n\n}\nif ($('form#request-new-card2').length > 0) {\n var _frm9 = document.querySelector('form#request-new-card2');\n var _rpf11 = new RPForms(_frm9, {\n checks: [\n 'member-id-card-member'] });\n\n}\nif ($('form#request-new-card7').length > 0) {\n var _frm10 = document.querySelector('form#request-new-card7');\n var _rpf12 = new RPForms(_frm10, {\n checks: [\n 'member-id-card-member'],\n\n applyHiddenCheckboxHandling: true });\n\n}\n\nfunction passwordMismatch(evt) {\n $('input#password1, input#password2').addClass('form-control--invalid');\n console.log('passwordMismatch() called');\n evt.preventDefault();\n}\nfunction registerPasswordMismatch(evt) {\n $('input' + registerPassword1 + ', input' + registerPassword2).addClass('form-control--invalid');\n evt.preventDefault();\n}","'use strict';(function (w, d, $) {\n function messageMobileNav() {\n var messageRow = null;\n if ($('.message-row a.readMessage').length > 0 && RPUtil.viewportWidth() < 865) {\n $('.message-row').each(function (indx, el) {\n var aLink = $(el).find('a.readMessage');\n messageRow = aLink.closest('.message-row');\n if (!messageRowHasClick(messageRow)) {\n messageRow.click(function (e) {\n document.location.href = aLink.get(0).href;\n });\n messageRow.attr('data-evt', 'click');\n }\n });\n } else\n {\n if ($('.message-row a.readMessage').length > 0 && RPUtil.viewportWidth() > 865) {\n $('.message-row').each(function (indx, el) {\n var aLink = $(el).find('a.readMessage');\n messageRow = aLink.closest('.message-row');\n if (messageRowHasClick(messageRow)) {\n messageRow.removeAttr('data-evt');\n messageRow.unbind('click');\n }\n });\n }\n }\n }\n\n function messageRowHasClick(msgRow) {\n if (typeof msgRow.attr('data-evt') !== 'undefined' && msgRow.attr('data-evt').length > 0) {\n return true;\n } else\n {\n return false;\n }\n }\n\n function searchValidate() {\n if ($('input[name=\"messages-search--input\"]').length > 0) {\n $('.search-icon input[type=\"submit\"]').click(function (e) {\n if ($('input[name=\"messages-search--input\"]').get(0).checkValidity() === false) {\n $('.messages-search--input-container').css('border', '1px solid #d50000');\n }\n });\n }\n }\n\n function composeValidate() {\n if ($('form.messages-compose--pane').length > 0) {\n var frm = document.querySelector('form.messages-compose--pane');\n var rpf = new RPForms(frm, {\n fields: [\n '#send-to',\n '#subject',\n '#message'] });\n\n }\n }\n\n function replyValidate() {\n if ($('textarea.reply-text').length > 0) {\n var tex = $('textarea.reply-text');\n var ta = void 0,frm = void 0,btn = null;\n tex.each(function (indx, el) {\n frm = $(el).parent('form');\n btn = frm.find('input[type=\"submit\"]');\n if (!RPUtil.isUndefined(frm) && !RPUtil.isNullOrEmpty(frm) && RPUtil.isUndefined(frm.attr('data-evt'))) {\n btn.click(function (evt) {\n textValid($(el));\n });\n frm.submit(function (e) {\n e.preventDefault();\n if (el.checkValidity()) {\n console.log('submit');\n return true;\n } else\n {\n return false;\n }\n });\n frm.attr('data-evt', 'sub');\n }\n });\n }\n }\n\n function textValid(tex) {\n if (tex.get(0).validity.valueMissing || !tex.get(0).validity.valid || !tex.get(0).checkValidity()) {\n tex.addClass('form-control--invalid');\n return false;\n } else\n {\n tex.removeClass('form-control--invalid');\n return true;\n }\n }\n\n RPUtil.resize(w, function () {\n messageMobileNav();\n });\n\n RPUtil.loaded(d, function () {\n messageMobileNav();\n searchValidate();\n replyValidate();\n composeValidate();\n });\n})(window, document, jQuery);","\"use strict\";function _classCallCheck(instance, Constructor) {if (!(instance instanceof Constructor)) {throw new TypeError(\"Cannot call a class as a function\");}}var FormValidateErrorDivHandler =\nfunction FormValidateErrorDivHandler(submitButtonSelector, formValidatedFn, errorMsgDivSelector, onclickRemoveErrMsgSelector) {_classCallCheck(this, FormValidateErrorDivHandler);\n var fadeDuration = 200;\n $(submitButtonSelector).click(function (event) {\n var formValidated = formValidatedFn();\n if (!formValidated) {\n $(errorMsgDivSelector).show(fadeDuration);\n } else {\n $(errorMsgDivSelector).hide(fadeDuration);\n }\n return formValidated;\n });\n $(onclickRemoveErrMsgSelector).click(function (event) {\n $(errorMsgDivSelector).hide(fadeDuration);\n });\n $(errorMsgDivSelector).hide(fadeDuration);\n};","'use strict';(function (window, doc, $) {\n if ($('form#pcp-details-form').length > 0) {\n $('.datepicker-here').datepicker({\n autoClose: true });\n\n var frm = document.querySelector('form#pcp-details-form');\n console.log('form ', frm);\n var rpf = new RPForms(frm, {\n fields: [\n '#pcp-eff-date-id',\n '#pcp-change-reason-list'],\n\n checks: [\n 'ExistingPatient'] });\n\n frm.addEventListener('submit', function (evt) {\n if (document.querySelectorAll('input[name=\"ExistingPatient\"]:checked').length < 1) {\n evt.preventDefault(evt);\n }\n }, false);\n }\n})(window, document, jQuery);","'use strict';var _createClass = function () {function 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);}}return function (Constructor, protoProps, staticProps) {if (protoProps) defineProperties(Constructor.prototype, protoProps);if (staticProps) defineProperties(Constructor, staticProps);return Constructor;};}();function _classCallCheck(instance, Constructor) {if (!(instance instanceof Constructor)) {throw new TypeError(\"Cannot call a class as a function\");}}var MenuIcon =\nfunction MenuIcon(openIcon, closeIcon, onEvent, offEvent) {_classCallCheck(this, MenuIcon);\n\tthis.openIcon = openIcon;\n\tthis.closeIcon = closeIcon;\n\tthis.onEvent = onEvent;\n\tthis.offEvent = offEvent;\n};var\n\nMenuToggle = function () {\n\tfunction MenuToggle(isMobile) {_classCallCheck(this, MenuToggle);\n\t\tthis.mobileEvent = 'click';\n\t\tthis.desktopEvent = 'mouseenter mouseleave';\n\t\tthis.svgParentSelector = '.nav-item .nav-item__icon';\n\t\tthis.anchorSelector = '.nav-item__element';\n\t\tthis.insideAnchorSelector = '.nav-item__element span, .nav-item__element i';\n\t\tthis.svgSelector = '.nav-item .nav-item__icon svg';\n\t\tthis.useSelector = '.nav-item .nav-item__icon svg use';\n\n\t\tthis.isMobile = isMobile;\n\t\tthis.mobileIcons = new MenuIcon('#gmd-ic-add-24px', '#gmd-ic-remove-24px', this.mobileEvent, this.desktopEvent);\n\t\tthis.desktopIcons = new MenuIcon('#gmd-ic-keyboard-arrow-down-24px', '#gmd-ic-keyboard-arrow-up-24px', this.desktopEvent, this.mobileEvent);\n\t\t// this.openDesktopIcon = '#gmd-ic-keyboard-arrow-down-24px';\n\t}_createClass(MenuToggle, [{ key: 'turnOffAllListeners', value: function turnOffAllListeners()\n\t\t{\n\t\t\t$(this.svgParentSelector).off(this.desktopEvent);\n\t\t\t$(this.anchorSelector).off(this.desktopEvent);\n\t\t\t$(this.insideAnchorSelector).off(this.desktopEvent);\n\t\t\t$(this.svgParentSelector).off(this.mobileEvent);\n\t\t\t$(this.anchorSelector).off(this.mobileEvent);\n\t\t\t$(this.insideAnchorSelector).off(this.mobileEvent);\n\t\t} }, { key: 'platformOpenIcon', value: function platformOpenIcon()\n\t\t{\n\t\t\tvar result = this.desktopIcons.openIcon;\n\t\t\tif (this.isMobile) {\n\t\t\t\tresult = this.mobileIcons.openIcon;\n\t\t\t}\n\t\t\treturn result;\n\t\t} }, { key: 'platformCloseIcon', value: function platformCloseIcon()\n\t\t{\n\t\t\tvar result = this.desktopIcons.closeIcon;\n\t\t\tif (this.isMobile) {\n\t\t\t\tresult = this.mobileIcons.closeIcon;\n\t\t\t}\n\t\t\treturn result;\n\t\t} }, { key: 'platformOnEvent', value: function platformOnEvent()\n\t\t{\n\t\t\tvar result = this.desktopIcons.onEvent;\n\t\t\tif (this.isMobile) {\n\t\t\t\tresult = this.mobileIcons.onEvent;\n\t\t\t}\n\t\t\treturn result;\n\t\t} }]);return MenuToggle;}();","'use strict';\nvar inputMaskOptions = {\n inputOptions: {\n date: [{\n attr: 'pattern',\n val: '(0[1-9]|1[012])[- /.](0[1-9]|[12][0-9]|3[01])[- /.](19|20)\\\\d\\\\d' },\n {\n attr: 'maxlength',\n val: '10' }],\n\n phone: [{\n attr: 'pattern',\n val: '[\\\\(]\\\\d{3}[\\\\)]\\\\s?\\\\d{3}[\\\\-]\\\\d{4}' }],\n\n zip: [{\n attr: 'pattern',\n val: '(\\\\d{5}([\\\\-]\\\\d{4})?)' }] },\n\n\n datepickerOptions: {\n autoClose: true,\n keyboardNav: false,\n dateFormat: 'mm/dd/yyyy',\n view: 'years',\n minView: 'days',\n maxDate: '',\n language: 'en' },\n\n inputMaskDateOptions: {\n alias: 'datetime',\n inputFormat: 'mm/dd/yyyy',\n placeholder: ' ',\n showMaskOnHover: false,\n showMaskOnFocus: false,\n greedy: false },\n\n inputTelMaskOptions: {\n placeholder: ' ' },\n\n inputMaskZipOptions: {\n placeholder: '' } };\n\n\n\n\nfunction initJqueryItems() {\n function setAttributes($element, identifier) {\n\n var arrOptions = inputMaskOptions.inputOptions[identifier];\n\n if (!arrOptions) return; //exit;\n\n for (var i = 0; i < arrOptions.length; i++) {\n var opt = arrOptions[i];\n if ($element[0] && !$element.attr(opt.attr)) {\n $element.attr(opt.attr, opt.val);\n }\n }\n }\n\n function initDateInput() {\n var $this = $(this);\n var hasFutureDate = $this.attr('data-future-date') && $this.attr('data-future-date').toLowerCase() === 'true';\n var _datepickerOptions = inputMaskOptions.datepickerOptions;\n _datepickerOptions.maxDate = hasFutureDate ? '' : new Date();\n\n setAttributes($this, 'date');\n $this.datepicker(_datepickerOptions);\n $this.inputmask(inputMaskOptions.inputMaskDateOptions);\n }\n\n function initPhoneInput() {\n var $this = $(this);\n setAttributes($this, 'phone');\n $this.inputmask('(999) 999-9999', inputMaskOptions.inputMaskTelOptions);\n }\n\n function initZipInput() {\n var $this = $(this);\n setAttributes($this, 'zip');\n $this.inputmask('99999[-9999]', inputMaskOptions.inputMaskZipOptions);\n }\n\n $('[rel=\"js-datepicker\"]').each(initDateInput);\n $('[rel=\"js-tel-mask\"]').each(initPhoneInput);\n $('[rel=\"js-zip-mask\"]').each(initZipInput);\n}\n\nwindow.addEventListener('DOMContentLoaded', initJqueryItems);"]}