11document . addEventListener ( 'DOMContentLoaded' ,  function  ( )  { 
22
33    // Make tables responsive by wrapping them in a div and making them scrollable 
4-     const  tables  =  document . querySelectorAll ( 'table.docutils' ) ; 
4+     const  tables  =  document . querySelectorAll ( 'table.docutils' ) 
55    tables . forEach ( function ( table ) { 
66        table . outerHTML  =  '<div class="responsive-table__container">'  +  table . outerHTML  +  '</div>' 
7-     } ) ; 
7+     } ) 
88
9-     const  togglerInput  =  document . querySelector ( '.toggler__input' ) ; 
10-     const  togglerLabel  =  document . querySelector ( '.toggler__label' ) ; 
11-     const  sideMenu  =  document . querySelector ( '.menu-wrapper' ) ; 
9+     const  togglerInput  =  document . querySelector ( '.toggler__input' ) 
10+     const  togglerLabel  =  document . querySelector ( '.toggler__label' ) 
11+     const  sideMenu  =  document . querySelector ( '.menu-wrapper' ) 
1212    const  menuItems  =  document . querySelectorAll ( '.menu' ) 
13-     const  doc  =  document . querySelector ( '.document' ) ; 
14-     const  body  =  document . querySelector ( 'body' ) ; 
13+     const  doc  =  document . querySelector ( '.document' ) 
14+     const  body  =  document . querySelector ( 'body' ) 
1515
1616    function  closeMenu ( )  { 
17-         togglerInput . checked  =  false ; 
18-         sideMenu . setAttribute ( "aria-expanded" ,  'false' ) ; 
19-         sideMenu . setAttribute ( 'aria-hidden' ,  'true' ) ; 
20-         togglerLabel . setAttribute ( 'aria-pressed' ,  'false' ) ; 
21-         body . style . overflow  =  'visible' ; 
17+         togglerInput . checked  =  false 
18+         sideMenu . setAttribute ( "aria-expanded" ,  'false' ) 
19+         sideMenu . setAttribute ( 'aria-hidden' ,  'true' ) 
20+         togglerLabel . setAttribute ( 'aria-pressed' ,  'false' ) 
21+         body . style . overflow  =  'visible' 
2222    } 
2323    function  openMenu ( )  { 
24-         togglerInput . checked  =  true ; 
25-         sideMenu . setAttribute ( "aria-expanded" ,  'true' ) ; 
26-         sideMenu . setAttribute ( 'aria-hidden' ,  'false' ) ; 
27-         togglerLabel . setAttribute ( 'aria-pressed' ,  'true' ) ; 
28-         body . style . overflow  =  'hidden' ; 
24+         togglerInput . checked  =  true 
25+         sideMenu . setAttribute ( "aria-expanded" ,  'true' ) 
26+         sideMenu . setAttribute ( 'aria-hidden' ,  'false' ) 
27+         togglerLabel . setAttribute ( 'aria-pressed' ,  'true' ) 
28+         body . style . overflow  =  'hidden' 
2929    } 
3030
3131    // Close menu when link on the sideMenu is clicked 
3232    sideMenu . addEventListener ( 'click' ,  function  ( event )  { 
33-         let  target  =  event . target ; 
34-         if  ( target . tagName . toLowerCase ( )  !==  'a' )  return ; 
35-         closeMenu ( ) ; 
33+         let  target  =  event . target 
34+         if  ( target . tagName . toLowerCase ( )  !==  'a' )  return 
35+         closeMenu ( ) 
3636    } ) 
3737    // Add accessibility data when sideMenu is opened/closed 
3838    togglerInput . addEventListener ( 'change' ,  function  ( e )  { 
39-         togglerInput . checked  ? openMenu ( )  : closeMenu ( ) ; 
40-     } ) ; 
39+         togglerInput . checked  ? openMenu ( )  : closeMenu ( ) 
40+     } ) 
4141    // Make sideMenu links tabbable only when visible 
4242    for ( let  menuItem  of  menuItems )  { 
4343        if ( togglerInput . checked )  { 
44-           menuItem . setAttribute ( 'tabindex' ,  '0' ) ; 
44+           menuItem . setAttribute ( 'tabindex' ,  '0' ) 
4545        }  else  { 
46-           menuItem . setAttribute ( 'tabindex' ,  '-1' ) ; 
46+           menuItem . setAttribute ( 'tabindex' ,  '-1' ) 
4747        } 
4848    } 
4949    // Close sideMenu when document body is clicked 
5050    doc . addEventListener ( 'click' ,  function  ( )  { 
5151        if  ( togglerInput . checked )  { 
52-             closeMenu ( ) ; 
52+             closeMenu ( ) 
5353        } 
5454    } ) 
5555} ) 
0 commit comments