define(["require","exports","tslib","react","classnames","react-dom","lodash","videojs","dig-components/click_outside","typescript/libraries/file-viewer/src/preview_audio_video/settings_menu/top_level_menu","typescript/libraries/file-viewer/src/preview_audio_video/settings_menu/settings_sub_menu","typescript/libraries/file-viewer/src/preview_audio_video/settings_menu/menu_content","typescript/libraries/file-viewer/src/preview_audio_video/settings_menu/popover_trigger","typescript/libraries/file-viewer/src/preview_audio_video/settings_menu/quality_selector","typescript/libraries/file-viewer/src/preview_audio_video/settings_menu/video_quality_manager","typescript/libraries/file-viewer/src/preview_audio_video/settings_menu/video_quality_manager_native_hls"],(function(e,t,i,l,n,a,s,o,u,r,c,d,p,v,m,_){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.SettingsMenuComponent=t.VjsSettingsMenu=t.VJS_SETTINGS_MENU=void 0,l=i.__importStar(l),n=i.__importDefault(n),a=i.__importStar(a),o=i.__importDefault(o);const y=s.toPairs({.5:"0.5x","1.0":"1.0x",1.25:"1.25x",1.5:"1.5x","2.0":"2.0x"}).map(e=>({key:e[0],label:e[1]}));t.VJS_SETTINGS_MENU="vjsSettingsMenu";const S=o.default.getComponent("Component");class g extends S{constructor(e,i){super(e,i),this.setPlaybackRate=e=>{this.player().playbackRate(e)},this.mount=()=>{var e;a.render(l.default.createElement(t.SettingsMenuComponent,{onPlaybackRateSelected:this.setPlaybackRate,quality:null===(e=this.qualityManager)||void 0===e?void 0:e.generateQualityProps()}),this.el())},null==e||e.ready(this.mount),this.addClass("vjs-settings-menu"),this.onSelectQuality=null==i?void 0:i.onSelectQuality,(null==i?void 0:i.showQualityNativeHls)&&(null==i?void 0:i.initialSrc)&&e?this.qualityManager=new _.VideoQualityManagerNativeHls(e,this.mount,i.initialSrc,this.onSelectQuality,i.srcMap):e&&(this.qualityManager=new m.VideoQualityManager(e,this.mount,this.onSelectQuality))}dispose(){a.unmountComponentAtNode(this.el())}}t.VjsSettingsMenu=g,t.SettingsMenuComponent=({quality:e,onPlaybackRateSelected:t})=>{var i;const[a,s]=l.useState(!1),[o,m]=l.useState(),[_,S]=l.useState("1.0");const g=e&&e.selectedQuality&&e.selectedQuality.hd;return l.default.createElement(u.ClickOutside,{isActive:a,onClickOutside:function(){a&&s(!1)}},l.default.createElement("div",{className:n.default("vjs-button","vjs-control","vjs-menu-button-popup")},l.default.createElement(p.PopoverTrigger,{onClick:function(){s(!a)},showing:a,hd:g}),l.default.createElement(d.MenuContent,{showing:a,activeId:o,topLevel:l.default.createElement(r.TopLevelMenu,null,l.default.createElement(r.TopLevelItem,{label:"Speed",current:`${_}x`,onClick:()=>m("playbackRate")}),e&&e.qualityList.length>1?l.default.createElement(r.TopLevelItem,{label:"Quality",current:null===(i=e.selectedQuality)||void 0===i?void 0:i.label,onClick:()=>m("qualitySelector")}):null),playbackRate:l.default.createElement(c.SettingsSubMenu,{key:"playbackRate",items:y,title:"Speed",onSelected:function(e){S(e),t(parseFloat(e))},onBack:()=>m(void 0),selected:[_]}),qualitySelector:e?l.default.createElement(v.QualitySelector,Object.assign({onBack:()=>m(void 0)},e,{onQualitySelected:function(t,i){e.onQualitySelected(t,i)}})):null})))},t.SettingsMenuComponent.displayName="SettingsMenuComponent",o.default.registerComponent(t.VJS_SETTINGS_MENU,g)}));
//# sourceMappingURL=settings_menu.amd.min.js-vflHrVXxl.map