define(["require","exports","tslib","react","react-dom","videojs","typescript/libraries/file-viewer/src/preview_audio_video/helper/thumbnails_helper"],(function(e,t,a,i,s,n,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.VideoThumbnailsComponent=t.VttThumbnails=t.VTT_THUMBNAILS=void 0,i=a.__importDefault(i),s=a.__importStar(s),n=a.__importDefault(n),t.VTT_THUMBNAILS="mouseTimeDisplay";const l=n.default.getComponent("Component");var d;(function(e){e.Requesting="requesting",e.Failed="failed",e.ImageLoaded="image_loaded"})(d||(d={}));t.VttThumbnails=class extends l{constructor(e,t){var a;super(e,t),this.mount=()=>{s.render(i.default.createElement(r,{vttUrl:this.src,onScrubberThumbnailsLoaded:this.onScrubberThumbnailsLoaded,ref:e=>this.thumbnailComponent=e}),this.el())},this.src=null!==(a=null==t?void 0:t.src)&&void 0!==a?a:"",this.thumbnailComponent=null,this.onScrubberThumbnailsLoaded=null==t?void 0:t.onScrubberThumbnailsLoaded,e&&e.ready(this.mount)}dispose(){s.unmountComponentAtNode(this.el())}update(e,t){const a=this.player().duration();this.thumbnailComponent&&this.thumbnailComponent.update(e,t,a)}};class r extends i.default.Component{constructor(e){super(e),this.thumbs=[],this.state={seekPointX:0,playerWidth:0,formattedTime:"",thumbLoadState:null!=e.vttUrl?d.Requesting:d.Failed},e.vttUrl&&o.loadVtt(e.vttUrl).then(t=>{if(this.thumbs=t,t&&t.length>0)return o.preloadThumbImage(t[0]).then(()=>{this.setState({thumbLoadState:d.ImageLoaded}),e.onScrubberThumbnailsLoaded&&e.onScrubberThumbnailsLoaded(!0)}).catch(()=>{e.onScrubberThumbnailsLoaded&&(e.onScrubberThumbnailsLoaded(!1),this.setState({thumbLoadState:d.Failed}))})}).catch(()=>{e.onScrubberThumbnailsLoaded&&(e.onScrubberThumbnailsLoaded(!1),this.setState({thumbLoadState:d.Failed}))})}update(e,t,a){const i=t*a,s=e.width*t;let l={};if(this.thumbs){const e=this.thumbs.find(e=>e.startTime<=i&&e.endTime>=i);e&&(l=o.parseVttCue(e))}const d=n.default.formatTime(i,a);this.setState(Object.assign({playerWidth:e.width,seekPointX:s,formattedTime:d},l))}render(){const{playerWidth:e,seekPointX:t,formattedTime:a,imageUrl:s,imageX:n,imageY:o,imageWidth:l,imageHeight:r,thumbLoadState:m}=this.state;let u={},h=128;switch(m){case d.ImageLoaded:u={background:`url("${s}") no-repeat -${n}px -${o}px`,width:l,height:r};break;case d.Failed:h=40,u={display:"none"}}const b=Math.min(Math.max(0,t-h/2),e-h),c={left:b,width:h},p={left:t-(b+h/2)};return i.default.createElement("div",{className:"vjs-thumbnail-wrapper",style:c},i.default.createElement("div",{className:"vjs-thumbnail-image",style:u},m===d.Requesting?i.default.createElement("div",{className:"c-loader"}):null),i.default.createElement("div",{className:"vjs-thumbnail-time"}," ",a," "),i.default.createElement("div",{className:"vjs-time-line",style:p}))}}t.VideoThumbnailsComponent=r,r.displayName="VideoThumbnailsComponent"}));
//# sourceMappingURL=video_thumbnails.amd.min.js-vflGmrzOY.map