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.style.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);
	  }
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)); 

	    if (!is$1.element(target)) {
	      return;
	    } 


	    var container = target.parentNode;
	    var current = Array.from(container.children).find(function (node) {
	      return !node.hidden;
	    }); 

	    if (support.transitions && !support.reducedMotion) {
	      
	      container.style.width = "".concat(current.scrollWidth, "px");
	      container.style.height = "".concat(current.scrollHeight, "px"); 

	      var size = controls.getMenuSize.call(this, target); 

	      var restore = function restore(event) {
	        
	        if (event.target !== container || !['width', 'height'].includes(event.propertyName)) {
	          return;
	        } 


	        container.style.width = '';
	        container.style.height = ''; 

	        off.call(_this9, container, transitionEndEvent, restore);
	      }; 


	      on.call(this, container, transitionEndEvent, restore); 

	      container.style.width = "".concat(size.width, "px");
	      container.style.height = "".concat(size.height, "px");
	    } 


	    toggleHidden(current, true); 

	    toggleHidden(target, false); 

	    controls.focusFirstMenuItem.call(this, target, tabFocus);
	  }
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 . style . 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 ) ; }
Show a panel in the menu
Show a panel in the menu