accessible menu

- adding ally-navbar scripts and css
- updating superfish-menu template
- updating styles for menu and search box
- updating js for search box

web/themes/asc_bootstrap/asc_bootstrap.libraries.yml

@@ -17,8 +17,12 @@ global-styling:
       css/style.css: {}
       #css/test-styles.css: {}
       css/osu_navbar-resp-white.css: {}
+      css/a11y-navbar.styles.css: {}
   js:
     js/scripts.js: {}
+    js/dist/a11yNavbar.min.js: {}
+    js/dist/hoverintent.min.js: {}
+    js/dist/polyfill.min.js: {}
   dependencies:
     #- core/jquery
     #- core/drupal.ajax

web/themes/asc_bootstrap/asc_bootstrap.theme

@@ -399,7 +399,6 @@ function asc_bootstrap_form_alter(&$form, \Drupal\Core\Form\FormStateInterface $
     $form['field_research_interests_target_id']['#weight'] = 4;
   }
 
-
   if(count($form['field_appointment_target_id']['#options']) == 0) {
     $form['field_appointment_target_id']['#access'] = FALSE;
   }

web/themes/asc_bootstrap/assets/sass/components/_menu.scss

@@ -140,7 +140,7 @@
 }
 
 #superfish-main {
-  width: 100%;
+  width: 95%;
 }
 
 #superfish-main.sf-style-white a:focus {

web/themes/asc_bootstrap/assets/sass/layout/_header.scss

@@ -119,8 +119,9 @@
 }
 
 .search-icon {
-  float: right !important;
-  cursor: $point;
+  float: right;
+  background-color: transparent;
+  border: none;
 
   .active-search {
     min-height: 40px;
@@ -129,6 +130,15 @@
   @media (max-width: 768px) {
     display: none;
   }
+
+  .fa-search {
+    padding: 10px;
+    color: $white;
+
+    &:hover {
+      background: $gray;
+    }
+  }
 }
 
 .search-icon-mobile {
@@ -147,4 +157,10 @@
 }
 
 
+// --------------------------------------------------
+
+//## Mobile Nav.
 
+#main-nav-toggle {
+  display: none;
+}

web/themes/asc_bootstrap/css/a11y-navbar.styles.css

+nav.a11y-navbar{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;font-family:"proximanova",Helvetica,Arial,sans-serif;display:block;position:relative;width:100%;overflow:visible}nav.a11y-navbar div,nav.a11y-navbar span,nav.a11y-navbar ul,nav.a11y-navbar ol,nav.a11y-navbar li,nav.a11y-navbar a,nav.a11y-navbar p{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}nav.a11y-navbar ul,nav.a11y-navbar ol,nav.a11y-navbar li{list-style:none}nav.a11y-navbar ul.a11y-navbar-menubar{background-color:#ededed;list-style-type:none}nav.a11y-navbar ul.a11y-navbar-menubar li{list-style-type:none;position:relative}nav.a11y-navbar ul.a11y-navbar-menubar li a[role=menuitem]{color:#2d2d2d;text-decoration:none;background-color:#ededed;line-height:1.5rem;padding:0 1rem 0 1rem;display:block;touch-action:manipulation}nav.a11y-navbar ul.a11y-navbar-menubar li a[role=menuitem]:focus,nav.a11y-navbar ul.a11y-navbar-menubar li a[role=menuitem]:hover{color:#ededed;background-color:#2d2d2d}nav.a11y-navbar ul.a11y-navbar-menubar li ul[role=menu]{opacity:0}nav.a11y-navbar ul.a11y-navbar-menubar li ul[role=menu].a11y-navbar-menu-open{display:block;width:10rem;position:absolute;opacity:1;transition:opacity 0.4s linear;z-index:9999}nav.a11y-navbar ul.a11y-navbar-menubar li ul[role=menu].a11y-navbar-menu-open li{display:block;width:100%}nav.a11y-navbar ul.a11y-navbar-menubar li ul[role=menu].a11y-navbar-menu-open li a[aria-haspopup=true]::after{content:'';width:0;height:0;border-top:0.25rem solid transparent;border-bottom:0.25rem solid transparent;border-left:0.25rem solid #2d2d2d;position:absolute;right:0.25rem;top:0.5rem}nav.a11y-navbar ul.a11y-navbar-menubar li ul[role=menu].a11y-navbar-menu-open li a[aria-haspopup=true]:hover::after,nav.a11y-navbar ul.a11y-navbar-menubar li ul[role=menu].a11y-navbar-menu-open li a[aria-haspopup=true]:focus::after{border-left:0.25rem solid #ededed}nav.a11y-navbar ul.a11y-navbar-menubar li ul[role=menu].a11y-navbar-menu-closed{border:0 !important;clip:rect(0 0 0 0) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important}nav.a11y-navbar ul.a11y-navbar-menubar.a11y-navbar-orientation-horizontal li{display:inline-block}nav.a11y-navbar ul.a11y-navbar-menubar.a11y-navbar-orientation-horizontal li a[role=menuitem]{border-bottom:1px solid #666}nav.a11y-navbar ul.a11y-navbar-menubar.a11y-navbar-orientation-horizontal li a[role=menuitem].a11y-navbar-menuitem{border-right:1px solid #666;border-bottom:none}nav.a11y-navbar ul.a11y-navbar-menubar.a11y-navbar-orientation-horizontal li a[role=menuitem].a11y-navbar-menuitem[aria-haspopup=true]{padding-right:1.5rem}nav.a11y-navbar ul.a11y-navbar-menubar.a11y-navbar-orientation-horizontal li a[role=menuitem].a11y-navbar-menuitem[aria-haspopup=true]::after{content:'';width:0;height:0;border-top:0.25rem solid #2d2d2d;border-right:0.25rem solid transparent;border-left:0.25rem solid transparent;position:absolute;right:0.25rem;top:0.5rem}nav.a11y-navbar ul.a11y-navbar-menubar.a11y-navbar-orientation-horizontal li a[role=menuitem].a11y-navbar-menuitem[aria-haspopup=true]:hover::after,nav.a11y-navbar ul.a11y-navbar-menubar.a11y-navbar-orientation-horizontal li a[role=menuitem].a11y-navbar-menuitem[aria-haspopup=true]:focus::after{border-top:0.25rem solid #ededed}nav.a11y-navbar ul.a11y-navbar-menubar.a11y-navbar-orientation-horizontal li ul[role=menu].a11y-navbar-menu-open{top:1.5rem;left:0}nav.a11y-navbar ul.a11y-navbar-menubar.a11y-navbar-orientation-horizontal li ul[role=menu].a11y-navbar-menu-open li ul[role=menu]{top:0rem;left:100%}nav.a11y-navbar ul.a11y-navbar-menubar.a11y-navbar-orientation-vertical{width:10rem}nav.a11y-navbar ul.a11y-navbar-menubar.a11y-navbar-orientation-vertical a[role=menuitem][aria-haspopup=true]::after{content:'';width:0;height:0;border-top:0.25rem solid transparent;border-bottom:0.25rem solid transparent;border-left:0.25rem solid #2d2d2d;position:absolute;right:0.25rem;top:0.5rem}nav.a11y-navbar ul.a11y-navbar-menubar.a11y-navbar-orientation-vertical li{border:1px solid #666;border-bottom:none}nav.a11y-navbar ul.a11y-navbar-menubar.a11y-navbar-orientation-vertical li:last-child{border-bottom:1px solid #666}nav.a11y-navbar ul.a11y-navbar-menubar.a11y-navbar-orientation-vertical li ul[role=menu].a11y-navbar-menu-open{top:-1px;left:100%}nav.a11y-navbar.a11y-navbar-responsive div.a11y-navbar-instructions-show{border:0 !important;clip:rect(0 0 0 0) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important}nav.a11y-navbar.a11y-navbar-responsive ul.a11y-navbar-menubar.a11y-navbar-orientation-horizontal,nav.a11y-navbar.a11y-navbar-responsive ul.a11y-navbar-menubar.a11y-navbar-orientation-vertical{width:auto}nav.a11y-navbar.a11y-navbar-responsive ul.a11y-navbar-menubar.a11y-navbar-orientation-horizontal li,nav.a11y-navbar.a11y-navbar-responsive ul.a11y-navbar-menubar.a11y-navbar-orientation-vertical li{border:none;display:block}nav.a11y-navbar.a11y-navbar-responsive ul.a11y-navbar-menubar.a11y-navbar-orientation-horizontal li a[role=menuitem],nav.a11y-navbar.a11y-navbar-responsive ul.a11y-navbar-menubar.a11y-navbar-orientation-vertical li a[role=menuitem]{border-bottom:1px solid #666}nav.a11y-navbar.a11y-navbar-responsive ul.a11y-navbar-menubar.a11y-navbar-orientation-horizontal li a[role=menuitem].a11y-navbar-menuitem,nav.a11y-navbar.a11y-navbar-responsive ul.a11y-navbar-menubar.a11y-navbar-orientation-vertical li a[role=menuitem].a11y-navbar-menuitem{border-right:none;border-bottom:1px solid #666}nav.a11y-navbar.a11y-navbar-responsive ul.a11y-navbar-menubar.a11y-navbar-orientation-horizontal li a[role=menuitem]:focus,nav.a11y-navbar.a11y-navbar-responsive ul.a11y-navbar-menubar.a11y-navbar-orientation-horizontal li a[role=menuitem]:hover,nav.a11y-navbar.a11y-navbar-responsive ul.a11y-navbar-menubar.a11y-navbar-orientation-vertical li a[role=menuitem]:focus,nav.a11y-navbar.a11y-navbar-responsive ul.a11y-navbar-menubar.a11y-navbar-orientation-vertical li a[role=menuitem]:hover{color:#ededed;background-color:#2d2d2d}nav.a11y-navbar.a11y-navbar-responsive ul.a11y-navbar-menubar.a11y-navbar-orientation-horizontal li a[role=menuitem][aria-haspopup=true],nav.a11y-navbar.a11y-navbar-responsive ul.a11y-navbar-menubar.a11y-navbar-orientation-vertical li a[role=menuitem][aria-haspopup=true]{padding-right:1.5rem}nav.a11y-navbar.a11y-navbar-responsive ul.a11y-navbar-menubar.a11y-navbar-orientation-horizontal li a[role=menuitem][aria-haspopup=true]::after,nav.a11y-navbar.a11y-navbar-responsive ul.a11y-navbar-menubar.a11y-navbar-orientation-vertical li a[role=menuitem][aria-haspopup=true]::after{content:'';width:0;height:0;border-top:0.25rem solid #2d2d2d;border-right:0.25rem solid transparent;border-left:0.25rem solid transparent;position:absolute;right:0.25rem;top:0.5rem}nav.a11y-navbar.a11y-navbar-responsive ul.a11y-navbar-menubar.a11y-navbar-orientation-horizontal li a[role=menuitem][aria-haspopup=true]:hover::after,nav.a11y-navbar.a11y-navbar-responsive ul.a11y-navbar-menubar.a11y-navbar-orientation-horizontal li a[role=menuitem][aria-haspopup=true]:focus::after,nav.a11y-navbar.a11y-navbar-responsive ul.a11y-navbar-menubar.a11y-navbar-orientation-vertical li a[role=menuitem][aria-haspopup=true]:hover::after,nav.a11y-navbar.a11y-navbar-responsive ul.a11y-navbar-menubar.a11y-navbar-orientation-vertical li a[role=menuitem][aria-haspopup=true]:focus::after{border-top:0.25rem solid #ededed}nav.a11y-navbar.a11y-navbar-responsive ul.a11y-navbar-menubar.a11y-navbar-orientation-horizontal li ul[role=menu],nav.a11y-navbar.a11y-navbar-responsive ul.a11y-navbar-menubar.a11y-navbar-orientation-vertical li ul[role=menu]{opacity:1;max-height:0;overflow:hidden;position:static;width:100%}nav.a11y-navbar.a11y-navbar-responsive ul.a11y-navbar-menubar.a11y-navbar-orientation-horizontal li ul[role=menu].a11y-navbar-menu-open,nav.a11y-navbar.a11y-navbar-responsive ul.a11y-navbar-menubar.a11y-navbar-orientation-vertical li ul[role=menu].a11y-navbar-menu-open{max-height:9999px;transition:max-height 1s ease-in}nav.a11y-navbar.a11y-navbar-responsive ul.a11y-navbar-menubar.a11y-navbar-orientation-horizontal li ul[role=menu] li a[role=menuitem],nav.a11y-navbar.a11y-navbar-responsive ul.a11y-navbar-menubar.a11y-navbar-orientation-vertical li ul[role=menu] li a[role=menuitem]{background-color:#a1a1a1;color:#fff}nav.a11y-navbar.a11y-navbar-responsive ul.a11y-navbar-menubar.a11y-navbar-orientation-horizontal li ul[role=menu] li a[role=menuitem]:focus,nav.a11y-navbar.a11y-navbar-responsive ul.a11y-navbar-menubar.a11y-navbar-orientation-horizontal li ul[role=menu] li a[role=menuitem]:hover,nav.a11y-navbar.a11y-navbar-responsive ul.a11y-navbar-menubar.a11y-navbar-orientation-vertical li ul[role=menu] li a[role=menuitem]:focus,nav.a11y-navbar.a11y-navbar-responsive ul.a11y-navbar-menubar.a11y-navbar-orientation-vertical li ul[role=menu] li a[role=menuitem]:hover{color:#ededed;background-color:#2d2d2d}nav.a11y-navbar.a11y-navbar-responsive ul.a11y-navbar-menubar.a11y-navbar-orientation-horizontal li ul[role=menu] li a[role=menuitem][aria-haspopup=true],nav.a11y-navbar.a11y-navbar-responsive ul.a11y-navbar-menubar.a11y-navbar-orientation-vertical li ul[role=menu] li a[role=menuitem][aria-haspopup=true]{padding-right:1.5rem}nav.a11y-navbar.a11y-navbar-responsive ul.a11y-navbar-menubar.a11y-navbar-orientation-horizontal li ul[role=menu] li a[role=menuitem][aria-haspopup=true]::after,nav.a11y-navbar.a11y-navbar-responsive ul.a11y-navbar-menubar.a11y-navbar-orientation-vertical li ul[role=menu] li a[role=menuitem][aria-haspopup=true]::after{content:'';width:0;height:0;border-top:0.25rem solid #2d2d2d;border-right:0.25rem solid transparent;border-left:0.25rem solid transparent;position:absolute;right:0.25rem;top:0.5rem}nav.a11y-navbar.a11y-navbar-responsive ul.a11y-navbar-menubar.a11y-navbar-orientation-horizontal li ul[role=menu] li a[role=menuitem][aria-haspopup=true]:hover::after,nav.a11y-navbar.a11y-navbar-responsive ul.a11y-navbar-menubar.a11y-navbar-orientation-horizontal li ul[role=menu] li a[role=menuitem][aria-haspopup=true]:focus::after,nav.a11y-navbar.a11y-navbar-responsive ul.a11y-navbar-menubar.a11y-navbar-orientation-vertical li ul[role=menu] li a[role=menuitem][aria-haspopup=true]:hover::after,nav.a11y-navbar.a11y-navbar-responsive ul.a11y-navbar-menubar.a11y-navbar-orientation-vertical li ul[role=menu] li a[role=menuitem][aria-haspopup=true]:focus::after{border-top:0.25rem solid #ededed}nav.a11y-navbar.a11y-navbar-responsive ul.a11y-navbar-menubar.a11y-navbar-orientation-horizontal li ul[role=menu] li ul[role=menu] li a[role=menuitem],nav.a11y-navbar.a11y-navbar-responsive ul.a11y-navbar-menubar.a11y-navbar-orientation-vertical li ul[role=menu] li ul[role=menu] li a[role=menuitem]{background-color:#545454;color:#fff}nav.a11y-navbar.a11y-navbar-responsive ul.a11y-navbar-menubar.a11y-navbar-orientation-horizontal li ul[role=menu] li ul[role=menu] li a[role=menuitem]:focus,nav.a11y-navbar.a11y-navbar-responsive ul.a11y-navbar-menubar.a11y-navbar-orientation-horizontal li ul[role=menu] li ul[role=menu] li a[role=menuitem]:hover,nav.a11y-navbar.a11y-navbar-responsive ul.a11y-navbar-menubar.a11y-navbar-orientation-vertical li ul[role=menu] li ul[role=menu] li a[role=menuitem]:focus,nav.a11y-navbar.a11y-navbar-responsive ul.a11y-navbar-menubar.a11y-navbar-orientation-vertical li ul[role=menu] li ul[role=menu] li a[role=menuitem]:hover{color:#ededed;background-color:#2d2d2d}nav.a11y-navbar.a11y-navbar-responsive ul.a11y-navbar-menubar.a11y-navbar-orientation-horizontal li ul[role=menu] li ul[role=menu] li ul[role=menu] li a[role=menuitem],nav.a11y-navbar.a11y-navbar-responsive ul.a11y-navbar-menubar.a11y-navbar-orientation-vertical li ul[role=menu] li ul[role=menu] li ul[role=menu] li a[role=menuitem]{background-color:#080808;color:#fff}nav.a11y-navbar.a11y-navbar-responsive ul.a11y-navbar-menubar.a11y-navbar-orientation-horizontal li ul[role=menu] li ul[role=menu] li ul[role=menu] li a[role=menuitem]:focus,nav.a11y-navbar.a11y-navbar-responsive ul.a11y-navbar-menubar.a11y-navbar-orientation-horizontal li ul[role=menu] li ul[role=menu] li ul[role=menu] li a[role=menuitem]:hover,nav.a11y-navbar.a11y-navbar-responsive ul.a11y-navbar-menubar.a11y-navbar-orientation-vertical li ul[role=menu] li ul[role=menu] li ul[role=menu] li a[role=menuitem]:focus,nav.a11y-navbar.a11y-navbar-responsive ul.a11y-navbar-menubar.a11y-navbar-orientation-vertical li ul[role=menu] li ul[role=menu] li ul[role=menu] li a[role=menuitem]:hover{color:#ededed;background-color:#2d2d2d}nav.a11y-navbar.a11y-navbar-responsive ul.a11y-navbar-menubar.a11y-navbar-orientation-horizontal li button.a11y-navbar-submenu-toggle,nav.a11y-navbar.a11y-navbar-responsive ul.a11y-navbar-menubar.a11y-navbar-orientation-vertical li button.a11y-navbar-submenu-toggle{position:absolute;right:0;top:0;height:1.5rem;width:2rem;z-index:9999;touch-action:manipulation;box-shadow:none;border:none;border-radius:0;background-color:#2d2d2d;padding:0}nav.a11y-navbar.a11y-navbar-responsive ul.a11y-navbar-menubar.a11y-navbar-orientation-horizontal li button.a11y-navbar-submenu-toggle span,nav.a11y-navbar.a11y-navbar-responsive ul.a11y-navbar-menubar.a11y-navbar-orientation-vertical li button.a11y-navbar-submenu-toggle span{border:0 !important;clip:rect(0 0 0 0) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important}nav.a11y-navbar.a11y-navbar-responsive ul.a11y-navbar-menubar.a11y-navbar-orientation-horizontal li button.a11y-navbar-submenu-toggle::after,nav.a11y-navbar.a11y-navbar-responsive ul.a11y-navbar-menubar.a11y-navbar-orientation-vertical li button.a11y-navbar-submenu-toggle::after{content:'';display:inline-block;border-right:2px solid #ededed;border-bottom:2px solid #ededed;width:10px;height:10px;background-color:transparent}nav.a11y-navbar.a11y-navbar-responsive ul.a11y-navbar-menubar.a11y-navbar-orientation-horizontal li button.a11y-navbar-submenu-toggle[aria-expanded=true]::after,nav.a11y-navbar.a11y-navbar-responsive ul.a11y-navbar-menubar.a11y-navbar-orientation-vertical li button.a11y-navbar-submenu-toggle[aria-expanded=true]::after{transform:rotate(225deg)}nav.a11y-navbar.a11y-navbar-responsive ul.a11y-navbar-menubar.a11y-navbar-orientation-horizontal li button.a11y-navbar-submenu-toggle[aria-expanded=false]::after,nav.a11y-navbar.a11y-navbar-responsive ul.a11y-navbar-menubar.a11y-navbar-orientation-vertical li button.a11y-navbar-submenu-toggle[aria-expanded=false]::after{transform:rotate(45deg)}nav.a11y-navbar.a11y-navbar-closed{display:none}nav.a11y-navbar div.a11y-navbar-instructions{border:0 !important;clip:rect(0 0 0 0) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important}button.a11y-navbar-toggle{padding:0;border:none;font:inherit;color:inherit;background-color:transparent;cursor:pointer;font-family:"proximanova",Helvetica,Arial,sans-serif;background-color:#2d2d2d;color:#ededed;width:100%;padding:0.5rem;text-align:left;position:relative;touch-action:manipulation}button.a11y-navbar-toggle:focus,button.a11y-navbar-toggle:hover{background-color:#ededed;color:#2d2d2d;outline-color:#2d2d2d}button.a11y-navbar-toggle:focus span,button.a11y-navbar-toggle:focus span::before,button.a11y-navbar-toggle:focus span::after,button.a11y-navbar-toggle:hover span,button.a11y-navbar-toggle:hover span::before,button.a11y-navbar-toggle:hover span::after{background:#2d2d2d}button.a11y-navbar-toggle span{position:absolute;right:1rem;top:40%}button.a11y-navbar-toggle span,button.a11y-navbar-toggle span::before,button.a11y-navbar-toggle span::after{cursor:pointer;border-radius:1px;height:3px;width:20px;background:#ededed;position:absolute;display:block;content:''}button.a11y-navbar-toggle span::before{top:-5px}button.a11y-navbar-toggle span::after{bottom:-5px}

web/themes/asc_bootstrap/css/style.css

@@ -9424,10 +9424,11 @@ h6 {
 
 /* line 121, ../assets/sass/layout/_header.scss */
 .search-icon {
-  float: right !important;
-  cursor: pointer;
+  float: right;
+  background-color: transparent;
+  border: none;
 }
-/* line 125, ../assets/sass/layout/_header.scss */
+/* line 126, ../assets/sass/layout/_header.scss */
 .search-icon .active-search {
   min-height: 40px;
 }
@@ -9437,25 +9438,39 @@ h6 {
     display: none;
   }
 }
-
 /* line 134, ../assets/sass/layout/_header.scss */
+.search-icon .fa-search {
+  padding: 10px;
+  color: #ffffff;
+}
+/* line 138, ../assets/sass/layout/_header.scss */
+.search-icon .fa-search:hover {
+  background: #555555;
+}
+
+/* line 144, ../assets/sass/layout/_header.scss */
 .search-icon-mobile {
   display: none;
   float: right;
   font-size: 24px;
   margin: 5px 15px;
 }
-/* line 140, ../assets/sass/layout/_header.scss */
+/* line 150, ../assets/sass/layout/_header.scss */
 .search-icon-mobile a {
   color: #ffffff;
 }
 @media (max-width: 768px) {
-  /* line 134, ../assets/sass/layout/_header.scss */
+  /* line 144, ../assets/sass/layout/_header.scss */
   .search-icon-mobile {
     display: block;
   }
 }
 
+/* line 164, ../assets/sass/layout/_header.scss */
+#main-nav-toggle {
+  display: none;
+}
+
 /* line 11, ../assets/sass/layout/_section-background-colors.scss */
 .default-bg {
   background-color: #1B494C;
@@ -10774,7 +10789,7 @@ article .field--name-body {
 
 /* line 142, ../assets/sass/components/_menu.scss */
 #superfish-main {
-  width: 100%;
+  width: 95%;
 }
 
 /* line 146, ../assets/sass/components/_menu.scss */

web/themes/asc_bootstrap/js/dist/a11yNavbar.min.js

+"use strict";function _extends(){return _extends=Object.assign||function(a){for(var b,c=1;c<arguments.length;c++)for(var d in b=arguments[c],b)Object.prototype.hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends.apply(this,arguments)}function _classCallCheck(a,b){if(!(a instanceof b))throw new TypeError("Cannot call a class as a function")}function _defineProperties(a,b){for(var c,d=0;d<b.length;d++)c=b[d],c.enumerable=c.enumerable||!1,c.configurable=!0,"value"in c&&(c.writable=!0),Object.defineProperty(a,c.key,c)}function _createClass(a,b,c){return b&&_defineProperties(a.prototype,b),c&&_defineProperties(a,c),a}var a11yNavbar=function(){function a(b){var c=1<arguments.length&&void 0!==arguments[1]?arguments[1]:{};_classCallCheck(this,a),this._keyCode={TAB:9,ENTER:13,ESC:27,SPACE:32,END:35,HOME:36,ARROW_LEFT:37,ARROW_UP:38,ARROW_RIGHT:39,ARROW_DOWN:40},this._touchmoveActive=!1,this._defaultOptions={windowObj:window,domObj:document,ariaLabel:"",hoverintent:hoverintent,orientation:"horizontal",breakpointMinWidth:500,responsiveToggleText:"Menu",responsiveSubmenuToggles:!1,mode:"standard"},this._options=_extends(this._defaultOptions,c),this._id=b,this._navElem=this._options.domObj.getElementById(this._id),this._menubarMenuitems=[],this._currentMenubarIndex=0,this._currentMenuitem=null,this._navElem.addEventListener("focusout",this.handleFocusoutNavElem.bind(this)),void 0===this._options.domObj.documentElement.ontouchstart?void 0!==this._options.domObj.documentElement.onpointerdown&&(this._options.domObj.addEventListener("pointerup",this.handlePointerupDocument.bind(this)),this._navElem.addEventListener("pointerup",this.handlePointerupNavElem.bind(this))):(this._options.domObj.addEventListener("touchend",this.handleTouchendDocument.bind(this)),this._navElem.addEventListener("touchend",this.handleTouchendNavElem.bind(this))),"dualAction"==this._options.mode&&(this._menubarInstructions=this._options.domObj.createElement("div"),this._menubarInstructions.innerHTML="<p>Use appropriate arrow key to open or close submenus.</p><p>Use <strong>Enter</strong> or <strong>Space</strong> to activate links.</p>",this._menubarInstructions.setAttribute("id",this._id+"-menubar-instructions"),this._menubarInstructions.classList.add("a11y-navbar-instructions"),this._navElem.insertBefore(this._menubarInstructions,this._navElem.firstElementChild)),this._menubarToggle=this._options.domObj.createElement("button"),this._menubarToggle.textContent=this._options.responsiveToggleText,this._menubarToggle.setAttribute("id",this._id+"-toggle"),this._menubarToggle.setAttribute("aria-expanded","false"),this._menubarToggle.setAttribute("aria-controls",this._id),this._menubarToggle.classList.add("a11y-navbar-toggle");var d=this._options.domObj.createElement("span");d.setAttribute("aria-hidden","true"),this._menubarToggle.appendChild(d),this._menubarToggle.addEventListener("click",this.handleClickMenubarToggle.bind(this)),this._options.windowObj.addEventListener("resize",this.handleMenubarResize.bind(this)),this._navElem.setAttribute("aria-label",this._options.ariaLabel),this._navElem.classList.add("a11y-navbar");var e=this._navElem.querySelector("ul");if(e.setAttribute("aria-label",this._options.ariaLabel),e.classList.add("a11y-navbar-menubar"),e.classList.add("a11y-navbar-orientation-"+this._options.orientation),"horizontal"==this._options.orientation?e.setAttribute("role","menubar"):"vertical"==this._options.orientation&&e.setAttribute("role","menu"),this._options.hoverintent){this._options.hoverintent(e,function(){},this.handleMouseoutMenubar.bind(this)).options({timeout:900,interval:50})}else e.addEventListener("mouseout",this.handleMouseoutMenubar.bind(this));for(var f,g=e.children,h=0;h<g.length;h++)f=g[h].querySelector("a"),f.classList.add("a11y-navbar-menuitem"),this._menubarMenuitems[h]=f,f.addEventListener("keydown",this.handleKeydownMenubar.bind(this));for(var m=this._navElem.querySelectorAll("a + ul > li > a"),n=0;n<m.length;n++)m[n].addEventListener("keydown",this.handleKeydownSubmenu.bind(this)),m[n].addEventListener("focusin",this.handleFocusinMenuitem.bind(this));for(var o=e.querySelectorAll("li > a"),p=0;p<o.length;p++){if(o[p].setAttribute("role","menuitem"),o[p].setAttribute("tabindex","-1"),this._options.hoverintent){this._options.hoverintent(o[p],this.handleMouseoverMenuitem.bind(this),function(){}).options({timeout:500,interval:100})}else o[p].addEventListener("mouseover",this.handleMouseoverMenuitem.bind(this));void 0===this._options.domObj.documentElement.ontouchstart?void 0!==this._options.domObj.documentElement.onpointerdown&&(o[p].addEventListener("click",function(a){a.preventDefault()}),o[p].addEventListener("pointerdown",this.handlePointerdownMenuitem.bind(this)),o[p].addEventListener("pointerup",this.handlePointerupMenuitem.bind(this))):(o[p].addEventListener("click",this.handleClickMenuitem.bind(this)),o[p].addEventListener("touchstart",this.handleTouchstartMenuitem.bind(this)),o[p].addEventListener("touchmove",this.handleTouchmoveMenuitem.bind(this)),o[p].addEventListener("touchend",this.handleTouchendMenuitem.bind(this)))}for(var q=e.querySelectorAll("li > a + ul"),r=0;r<q.length;r++){var s=q[r].parentNode,t=s.querySelector("a"),u=t.textContent;t.setAttribute("aria-haspopup","true"),t.setAttribute("aria-expanded","false"),q[r].setAttribute("id",this._id+"-submenu-"+r),q[r].setAttribute("role","menu"),q[r].setAttribute("aria-label",u),q[r].classList.add("a11y-navbar-submenu"),q[r].classList.add("a11y-navbar-menu-closed")}for(var v=e.querySelectorAll("li"),w=0;w<v.length;w++)v[w].setAttribute("role","none");this._menubarMenuitems[0].setAttribute("tabindex","0"),"dualAction"==this._options.mode&&this._menubarMenuitems[0].setAttribute("aria-describedby",this._id+"-menubar-instructions"),this._currentMenuitem=this._menubarMenuitems[0],this.menubarResize()}return _createClass(a,[{key:"destroy",value:function destroy(){}},{key:"handleMenubarResize",value:function handleMenubarResize(a){a.defaultPrevented||this.menubarResize()}},{key:"handleClickMenubarToggle",value:function handleClickMenubarToggle(a){a.defaultPrevented||(this._navElem.classList.contains("a11y-navbar-closed")?(this._navElem.classList.remove("a11y-navbar-closed"),this._navElem.classList.add("a11y-navbar-open"),this._menubarToggle.setAttribute("aria-expanded","true")):this._navElem.classList.contains("a11y-navbar-open")&&(this._navElem.classList.remove("a11y-navbar-open"),this._navElem.classList.add("a11y-navbar-closed"),this._menubarToggle.setAttribute("aria-expanded","false")))}},{key:"handleKeydownMenubar",value:function handleKeydownMenubar(a){if(!a.defaultPrevented){var b=!1,c=a.target,d=this.normalizeKey(a.key||a.keyCode),e=this._options.mode;if(d==this._keyCode.SPACE&&"standard"==e||d==this._keyCode.ENTER&&"standard"==e||"horizontal"==this._options.orientation&&d==this._keyCode.ARROW_DOWN||"vertical"==this._options.orientation&&d==this._keyCode.ARROW_RIGHT){if(this.closeAllSubmenus(),this.hasSubmenu(c)){this.openSubmenu(c);var j=c.parentNode.querySelector("ul[role=menu] > li").querySelector("a");null!=j&&(j.focus(),this.updateCurrentMenuitem(j))}b=!0}else if(d==this._keyCode.SPACE&&"dualAction"==e||d==this._keyCode.ENTER&&"dualAction"==e)this.performClick(c),b=!0;else if("horizontal"==this._options.orientation&&d==this._keyCode.ARROW_RIGHT||"vertical"==this._options.orientation&&d==this._keyCode.ARROW_DOWN){var f=this._currentMenubarIndex+1>=this._menubarMenuitems.length?0:this._currentMenubarIndex+1,g=this._menubarMenuitems[f];g.focus(),this._currentMenubarIndex=f,this.updateCurrentMenuitem(g),b=!0}else if("horizontal"==this._options.orientation&&d==this._keyCode.ARROW_LEFT||"vertical"==this._options.orientation&&d==this._keyCode.ARROW_UP){var h=0>this._currentMenubarIndex-1?this._menubarMenuitems.length-1:this._currentMenubarIndex-1,i=this._menubarMenuitems[h];i.focus(),this._currentMenubarIndex=h,this.updateCurrentMenuitem(i),b=!0}else if("horizontal"==this._options.orientation&&d==this._keyCode.ARROW_UP||"vertical"==this._options.orientation&&d==this._keyCode.ARROW_LEFT){if(this.hasSubmenu(c)){this.closeAllSubmenus(),this.openSubmenu(c);var k=c.parentNode.querySelector("ul[role=menu]").lastElementChild.firstElementChild;k.focus(),this.updateCurrentMenuitem(k)}b=!0}else if(d==this._keyCode.HOME){var l=this._menubarMenuitems[0];l.focus(),this.updateCurrentMenuitem(l),b=!0}else if(d==this._keyCode.END){var m=this._menubarMenuitems[this._menubarMenuitems.length-1];m.focus(),this.updateCurrentMenuitem(m),b=!0}else;b&&(a.stopPropagation(),a.preventDefault())}}},{key:"handleKeydownSubmenu",value:function handleKeydownSubmenu(a){if(!a.defaultPrevented){var b=!1,c=a.target,d=this.normalizeKey(a.key||a.keyCode),e=this._options.mode;if((d==this._keyCode.SPACE||d==this._keyCode.ENTER)&&"standard"==e){if(this.hasSubmenu(c)){this.openSubmenu(c);var n=c.parentNode.querySelector("ul[role=menu] > li").querySelector("a");null!=n&&(n.focus(),this.updateCurrentMenuitem(n)),b=!0}else this.performClick(c),b=!0;}else if((d==this._keyCode.SPACE||d==this._keyCode.ENTER)&&"dualAction"==e)this.performClick(c),b=!0;else if(d==this._keyCode.ESC){var o=c.parentNode.parentNode.parentNode.querySelector("a[role=menuitem]");this.closeSubmenu(o),o.focus(),this.updateCurrentMenuitem(o),b=!0}else if(d==this._keyCode.ARROW_RIGHT){if(this.hasSubmenu(c)){var p=c.parentNode.querySelector("a + ul").querySelector("li > a");this.openSubmenu(c),p.focus(),this.updateCurrentMenuitem(p)}else{this.closeAllSubmenus();var f=this._currentMenubarIndex+1>=this._menubarMenuitems.length?0:this._currentMenubarIndex+1,g=this._menubarMenuitems[f];g.focus(),this.openSubmenu(g),this._currentMenubarIndex=f,this.updateCurrentMenuitem(g)}b=!0}else if(d==this._keyCode.ARROW_LEFT){var q=c.parentNode.parentNode.parentNode.querySelector("a[role=menuitem]");if(this.closeSubmenu(q),q.focus(),this.updateCurrentMenuitem(q),this._currentMenuitem.classList.contains("a11y-navbar-menuitem")){var h=0>this._currentMenubarIndex-1?this._menubarMenuitems.length-1:this._currentMenubarIndex-1,i=this._menubarMenuitems[h];i.focus(),this.openSubmenu(i),this._currentMenubarIndex=h,this.updateCurrentMenuitem(i)}b=!0}else if(d==this._keyCode.ARROW_DOWN){var j=void 0,k=c.parentNode.nextElementSibling;j=null==k?c.parentNode.parentNode.firstElementChild.querySelector("a"):k.querySelector("a"),j.focus(),this.updateCurrentMenuitem(j),b=!0}else if(d==this._keyCode.ARROW_UP){var l=void 0,m=c.parentNode.previousElementSibling;l=null==m?c.parentNode.parentNode.lastElementChild.querySelector("a"):m.querySelector("a"),l.focus(),this.updateCurrentMenuitem(l),b=!0}else if(d==this._keyCode.HOME){var r=c.parentNode.parentNode.firstElementChild.querySelector("a");r.focus(),this.updateCurrentMenuitem(r),b=!0}else if(d==this._keyCode.END){var s=c.parentNode.parentNode.lastElementChild.querySelector("a");s.focus(),this.updateCurrentMenuitem(s),b=!0}else;b&&(a.stopPropagation(),a.preventDefault())}}},{key:"handleMouseoverMenuitem",value:function handleMouseoverMenuitem(a){if(!a.defaultPrevented){var b=a.target;this.hasSubmenu(b)&&this.openSubmenu(b),this.closeSiblingSubmenus(b)}}},{key:"handleMouseoutMenubar",value:function handleMouseoutMenubar(a){if(!a.defaultPrevented){a.target;this.closeAllSubmenus()}}},{key:"handleClickMenuitem",value:function handleClickMenuitem(a){if(!a.defaultPrevented){a.preventDefault();var b=a.target;this.clickMenuitem(b)}}},{key:"handleTouchstartMenuitem",value:function handleTouchstartMenuitem(a){a.defaultPrevented}},{key:"handleTouchmoveMenuitem",value:function handleTouchmoveMenuitem(a){a.defaultPrevented||(this._touchmoveActive=!0)}},{key:"handleTouchendMenuitem",value:function handleTouchendMenuitem(a){if(!a.defaultPrevented)if(a.preventDefault(),this._touchmoveActive)this._touchmoveActive=!1;else{var b=a.target;this.clickMenuitem(b)}}},{key:"handlePointerdownMenuitem",value:function handlePointerdownMenuitem(a){a.defaultPrevented||a.preventDefault()}},{key:"handlePointerupMenuitem",value:function handlePointerupMenuitem(a){if(!a.defaultPrevented){a.preventDefault();var b=a.target;this.clickMenuitem(b)}}},{key:"handleFocusinMenuitem",value:function handleFocusinMenuitem(a){if(!a.defaultPrevented){var b=a.target;this.openParentSubmenus(b)}}},{key:"handleFocusoutNavElem",value:function handleFocusoutNavElem(a){if(!a.defaultPrevented){var b=a.relatedTarget;null!=b&&this._navElem.contains(b)||this.resetNavbar()}}},{key:"handleTouchendNavElem",value:function handleTouchendNavElem(a){a.defaultPrevented||a.stopPropagation()}},{key:"handleTouchendDocument",value:function handleTouchendDocument(a){if(!a.defaultPrevented){var b=this._navElem.classList.contains("a11y-navbar-responsive");b||this.resetNavbar()}}},{key:"handlePointerupNavElem",value:function handlePointerupNavElem(a){a.defaultPrevented||a.stopPropagation()}},{key:"handlePointerupDocument",value:function handlePointerupDocument(a){if(!a.defaultPrevented){var b=this._navElem.classList.contains("a11y-navbar-responsive");b||this.resetNavbar()}}},{key:"handleClickSubmenuToggle",value:function handleClickSubmenuToggle(a){if(!a.defaultPrevented){a.preventDefault();var b=a.target,c=b.parentNode.querySelector("a[role=menuitem]"),d=c.getAttribute("aria-expanded");"false"==d?this.openSubmenu(c):"true"==d&&this.closeSubmenu(c)}}},{key:"menubarResize",value:function menubarResize(){var a=this._options.windowObj.innerWidth;a<=this._options.breakpointMinWidth?(this.addMenubarToggle(),this._options.responsiveSubmenuToggles&&this.addSubmenuToggles()):(this.removeMenubarToggle(),this._options.responsiveSubmenuToggles&&this.removeSubmenuToggles())}},{key:"addMenubarToggle",value:function addMenubarToggle(){null==this._options.domObj.getElementById(this._menubarToggle.getAttribute("id"))&&(this._navElem.parentNode.insertBefore(this._menubarToggle,this._navElem),this._navElem.classList.add("a11y-navbar-responsive"),this._navElem.classList.add("a11y-navbar-closed"),this._menubarToggle.setAttribute("aria-expanded","false"))}},{key:"removeMenubarToggle",value:function removeMenubarToggle(){this._options.domObj.getElementById(this._menubarToggle.getAttribute("id"))&&(this._navElem.parentNode.removeChild(this._menubarToggle),this._navElem.classList.remove("a11y-navbar-responsive"),this._navElem.classList.remove("a11y-navbar-open"),this._navElem.classList.remove("a11y-navbar-closed"),this._menubarToggle.setAttribute("aria-expanded","false"))}},{key:"addSubmenuToggles",value:function addSubmenuToggles(){var a=this._navElem.querySelector("ul"),b=a.querySelectorAll("button.a11y-navbar-submenu-toggle");if(!b.length)for(var c=a.querySelectorAll("a[aria-haspopup=true]"),d=0;d<c.length;d++){var e=this._options.domObj.createElement("button"),f=c[d].parentNode.querySelector("ul"),g=f.getAttribute("id");e.classList.add("a11y-navbar-submenu-toggle"),e.setAttribute("id",g+"-submenu-toggle"),e.setAttribute("tabindex","-1"),e.setAttribute("aria-expanded","false"),e.setAttribute("aria-controls",g),e.innerHTML="<span>Open/Close "+c[d].textContent+" Submenu</span>",e.addEventListener("click",this.handleClickSubmenuToggle.bind(this));var h=c[d].parentNode;h.insertBefore(e,c[d])}}},{key:"removeSubmenuToggles",value:function removeSubmenuToggles(){for(var a,b=this._navElem.querySelector("ul"),c=b.querySelectorAll("button.a11y-navbar-submenu-toggle"),d=0;d<c.length;d++)a=c[d].parentNode,a.removeChild(c[d])}},{key:"showMenubar",value:function showMenubar(){this._navElem.classList.remove("a11y-navbar-closed"),this._navElem.classList.add("a11y-navbar-open")}},{key:"hideMenubar",value:function hideMenubar(){this._navElem.classList.remove("a11y-navbar-open"),this._navElem.classList.add("a11y-navbar-closed")}},{key:"toggleInstructions",value:function toggleInstructions(){var a=!!this._menubarInstructions.classList.contains("a11y-navbar-instructions-show");a?this.hideInstructions():this.showInstructions()}},{key:"showInstructions",value:function showInstructions(){this._menubarInstructions.classList.add("a11y-navbar-instructions-show"),this._menubarInstructions.classList.remove("a11y-navbar-instructions-hide")}},{key:"hideInstructions",value:function hideInstructions(){this._menubarInstructions.classList.add("a11y-navbar-instructions-hide"),this._menubarInstructions.classList.remove("a11y-navbar-instructions-show")}},{key:"updateCurrentMenuitem",value:function updateCurrentMenuitem(a){this._currentMenuitem.setAttribute("tabindex","-1"),this._currentMenuitem=a,this._currentMenuitem.setAttribute("tabindex","0")}},{key:"hasSubmenu",value:function hasSubmenu(a){var b=a.parentNode,c=b.querySelector("a + ul");return null!=c}},{key:"openSubmenu",value:function openSubmenu(a){var b=a.parentNode,c=b.querySelector("ul");if(null!=c){c.classList.remove("a11y-navbar-menu-closed"),c.classList.add("a11y-navbar-menu-open"),a.setAttribute("aria-expanded","true");var d=b.querySelector("button.a11y-navbar-submenu-toggle");null!=d&&d.setAttribute("aria-expanded","true")}}},{key:"openParentSubmenus",value:function openParentSubmenus(a){var b=a.parentNode.parentNode;if(b.classList.contains("a11y-navbar-menu-closed")){var c=b.parentNode.querySelector("a[aria-expanded=\"false\"]");null!=c&&(this.openSubmenu(c),this.openParentSubmenus(c))}}},{key:"closeSubmenus",value:function closeSubmenus(a){var b=a.parentNode.querySelector("ul.a11y-navbar-submenu");if(null!=b&&b.classList.contains("a11y-navbar-menu-open")){for(var c=b.querySelectorAll("a[aria-expanded=\"true\"]"),d=0;d<c.length;d++)this.closeSubmenu(c[d]);this.closeSubmenu(a)}}},{key:"closeSubmenu",value:function closeSubmenu(a){var b=a.parentNode,c=b.querySelector("ul");if(null!=c){c.classList.remove("a11y-navbar-menu-open"),c.classList.add("a11y-navbar-menu-closed"),a.setAttribute("aria-expanded","false");var d=b.querySelector("button.a11y-navbar-submenu-toggle");null!=d&&d.setAttribute("aria-expanded","false")}}},{key:"closeSiblingSubmenus",value:function closeSiblingSubmenus(a){for(var b=this.getSiblingMenuitems(a),c=0;c<b.length;c++)this.closeSubmenus(b[c])}},{key:"closeAllSubmenus",value:function closeAllSubmenus(){for(var a,b=this._navElem.querySelectorAll("ul.a11y-navbar-menu-open"),c=0;c<b.length;c++){a=b[c].parentNode.querySelector("a"),a.setAttribute("aria-expanded","false"),b[c].classList.remove("a11y-navbar-menu-open"),b[c].classList.add("a11y-navbar-menu-closed");var d=b[c].parentNode.querySelector("button.a11y-navbar-submenu-toggle");null!=d&&d.setAttribute("aria-expanded","false")}}},{key:"performClick",value:function performClick(a){var b=a.getAttribute("href");window.location=b}},{key:"clickMenuitem",value:function clickMenuitem(a){var b=a.hasAttribute("aria-expanded");if(b){var c=a.getAttribute("aria-expanded");if("true"==c)this.performClick(a);else{var d=this._navElem.classList.contains("a11y-navbar-responsive");d||this.closeSiblingSubmenus(a),this.openSubmenu(a)}}else this.performClick(a)}},{key:"resetNavbar",value:function resetNavbar(){this.updateCurrentMenuitem(this._menubarMenuitems[0]),this._currentMenubarIndex=0,this.closeAllSubmenus()}},{key:"getSiblingMenuitems",value:function getSiblingMenuitems(a){for(var b,c=a.parentNode.parentNode,d=c.children,e=[],f=0;f<d.length;f++)b=d[f].querySelector("a[role=menuitem]"),b!=a&&e.push(b);return e}},{key:"normalizeKey",value:function normalizeKey(a){var b=null;return"Tab"===a||9===a?b=this._keyCode.TAB:"Enter"===a||13===a?b=this._keyCode.ENTER:"Escape"===a||"Esc"===a||13===a?b=this._keyCode.ESC:"Spacebar"===a||" "===a||32===a?b=this._keyCode.SPACE:"End"===a||35===a?b=this._keyCode.END:"Home"===a||36===a?b=this._keyCode.HOME:"Left"===a||"ArrowLeft"===a||37===a?b=this._keyCode.ARROW_LEFT:"Up"===a||"ArrowUp"===a||38===a?b=this._keyCode.ARROW_UP:"Right"===a||"ArrowRight"===a||39===a?b=this._keyCode.ARROW_RIGHT:"Down"===a||"ArrowDown"===a||40===a?b=this._keyCode.ARROW_DOWN:void 0,b}}]),a}();

web/themes/asc_bootstrap/js/dist/hoverintent.min.js

+!function(e,t){if("function"==typeof define&&define.amd)define("hoverintent",["module"],t);else if("undefined"!=typeof exports)t(module);else{var n={exports:{}};t(n),e.hoverintent=n.exports}}(this,function(e){"use strict";var t=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e};e.exports=function(e,n,o){function i(e,t){return y&&(y=clearTimeout(y)),b=0,p?void 0:o.call(e,t)}function r(e){m=e.clientX,d=e.clientY}function u(e,t){if(y&&(y=clearTimeout(y)),Math.abs(h-m)+Math.abs(E-d)<x.sensitivity)return b=1,p?void 0:n.call(e,t);h=m,E=d,y=setTimeout(function(){u(e,t)},x.interval)}function s(t){return L=!0,y&&(y=clearTimeout(y)),e.removeEventListener("mousemove",r,!1),1!==b&&(h=t.clientX,E=t.clientY,e.addEventListener("mousemove",r,!1),y=setTimeout(function(){u(e,t)},x.interval)),this}function c(t){return L=!1,y&&(y=clearTimeout(y)),e.removeEventListener("mousemove",r,!1),1===b&&(y=setTimeout(function(){i(e,t)},x.timeout)),this}function v(t){L||(p=!0,n.call(e,t))}function a(t){!L&&p&&(p=!1,o.call(e,t))}function f(){e.addEventListener("focus",v,!1),e.addEventListener("blur",a,!1)}function l(){e.removeEventListener("focus",v,!1),e.removeEventListener("blur",a,!1)}var m,d,h,E,L=!1,p=!1,T={},b=0,y=0,x={sensitivity:7,interval:100,timeout:0,handleFocus:!1};return T.options=function(e){var n=e.handleFocus!==x.handleFocus;return x=t({},x,e),n&&(x.handleFocus?f():l()),T},T.remove=function(){e&&(e.removeEventListener("mouseover",s,!1),e.removeEventListener("mouseout",c,!1),l())},e&&(e.addEventListener("mouseover",s,!1),e.addEventListener("mouseout",c,!1)),T}});

web/themes/asc_bootstrap/js/scripts.js

@@ -14,6 +14,14 @@ jQuery(document).ready(function(){
     jQuery(".page-node-type-newsletter-article .main-container aside").css({'min-height':(jQuery(".page-node-type-newsletter-article .main-container section").height()+'px')});
   }
 
+  //show/hide decription for accessibility menu
+  jQuery("#superfish-main > li:first-child").focusin(function(){
+    jQuery("#main-nav-menubar-instructions").css("display", "block");
+  });
+  jQuery("#superfish-main > li:first-child").focusout(function(){
+    jQuery("#main-nav-menubar-instructions").css("display", "none");
+  });
+
   //adds fontawesome arrow to menu
 
   //check if is iPhone
@@ -70,9 +78,12 @@ jQuery(document).ready(function(){
   jQuery(".paragraph--type--accordion .panel:last-child").addClass( 'yell' );
 
   //open search form in main menu
-  jQuery(".active-search").click(function() {
+  jQuery(".search-icon, .search-icon-mobile").click(function() {
     jQuery(".search-block-form").toggle();
     jQuery(".search-block-form input[type='text']").focus();
+  }).focus(function() {
+    jQuery(".search-block-form").toggle();
+    jQuery(".search-block-form input").focus();
   });
 
 
@@ -160,3 +171,11 @@ jQuery(document).ready(function(){
 
 });
 
+window.addEventListener("load", function(event) {
+  var options = {
+    'ariaLabel' : 'Main Navigation',
+    'mode' : 'dualAction'
+  }
+  var test = new a11yNavbar('main-nav', options);
+});
+

web/themes/asc_bootstrap/templates/block/block--asc-bootstrap-search.html.twig

+{#
+/**
+ * @file
+ * Default theme implementation to display a search block.
+ *
+ * Available variables:
+ * - plugin_id: The ID of the block implementation.
+ * - label: The configured label of the block if visible.
+ * - configuration: A list of the block's configuration values.
+ *   - label: The configured label for the block.
+ *   - label_display: The display settings for the label.
+ *   - module: The module that provided this block plugin.
+ *   - cache: The cache settings.
+ *   - Block plugin specific settings will also be stored here.
+ * - block - The full block entity.
+ *   - label_hidden: The hidden block title value if the block was
+ *     configured to hide the title ('label' is empty in this case).
+ *   - module: The module that generated the block.
+ *   - delta: An ID for the block, unique within each module.
+ *   - region: The block region embedding the current block.
+ * - content: The content of this block.
+ * - attributes: array of HTML attributes populated by modules, intended to
+ *   be added to the main container tag of this template.
+ *   - id: A valid HTML ID and guaranteed unique.
+ * - title_attributes: Same as attributes, except applied to the main title
+ *   tag that appears in the template.
+ * - title_prefix: Additional output populated by modules, intended to be
+ *   displayed in front of the main title tag that appears in the template.
+ * - title_suffix: Additional output populated by modules, intended to be
+ *   displayed after the main title tag that appears in the template.
+ *
+ * @ingroup templates
+ *
+ * @see template_preprocess_block()
+ */
+#}
+{%
+  set classes = [
+    'block',
+    'block-' ~ configuration.provider|clean_class,
+    'block-' ~ plugin_id|clean_class,
+  ]
+%}
+<div{{ attributes.addClass(classes) }}>
+  {{ title_prefix }}
+  {% if label %}
+    <h2{{ title_attributes.addClass('visually-hidden') }}>{{ label }}</h2>
+  {% endif %}
+  {{ title_suffix }}
+  {% block content %}
+    {{ content }}
+  {% endblock %}
+</div>

web/themes/asc_bootstrap/templates/superfish/superfish.html.twig

@@ -13,17 +13,18 @@
  * @ingroup themeable
  */
 #}
-<span class="search-icon-mobile">
-  <a class="active-search">
+<span class="search-icon-mobile" role="button" aria-label="Toggle Search">
+  <a href="#" class="active-search" title="Search">
     <i class="fa fa-search"></i>
   </a>
 </span>
 
 <ul id="{{ id }}" class="{{ menu_classes }}">
   {{ menu_items }}
-  <li class="search-icon">
-    <a href="#" class="active-search" title="Search" role="button" aria-label="Toggle Search">
-      <i class="fa fa-search"></i>
-    </a>
-  </li>
 </ul>
+<ul>
+<span class="search-icon" role="button" aria-label="Toggle Search">
+  <a href="#" class="active-search" title="Search">
+    <i class="fa fa-search"></i>
+  </a>
+</span>