nl_tokens: Show a panel in the menu
pl_tokens: function showMenuPanel ( ) { var _this9 = this ; var type = arguments . length > 0 && arguments [ 0 ] !== undefined ? arguments [ 0 ] : '' ; var tabFocus = arguments . length > 1 && arguments [ 1 ] !== undefined ? arguments [ 1 ] : false ; var target = this . elements . container . querySelector ( "#plyr-settings-" . concat ( this . id , "-" ) . concat ( type ) ) ; // Nothing to show, bail if ( ! is$1 . element ( target ) ) { return ; } // Hide all other panels var container = target . parentNode ; var current = Array . from ( container . children ) . find ( function ( node ) { return ! node . hidden ; } ) ; // If we can do fancy animations, we'll animate the height/width if ( support . transitions && ! support . reducedMotion ) { // Set the current width as a base container . style . width = "" . concat ( current . scrollWidth , "px" ) ; container . style . height = "" . concat ( current . scrollHeight , "px" ) ; // Get potential sizes var size = controls . getMenuSize . call ( this , target ) ; // Restore auto height/width var restore = function restore ( event ) { // We're only bothered about height and width on the container if ( event . target !== container || ! [ 'width' , 'height' ] . includes ( event . propertyName ) ) { return ; } // Revert back to auto container . style . width = '' ; container . <mask> . height = '' ; // Only listen once off . call ( _this9 , container , transitionEndEvent , restore ) ; } ; // Listen for the transition finishing and restore auto height/width on . call ( this , container , transitionEndEvent , restore ) ; // Set dimensions to target container . style . width = "" . concat ( size . width , "px" ) ; container . style . height = "" . concat ( size . height , "px" ) ; } // Set attributes on current tab toggleHidden ( current , true ) ; // Set attributes on target toggleHidden ( target , false ) ; // Focus the first item controls . focusFirstMenuItem . call ( this , target , tabFocus ) ; }