\\n \\n\\n\\n\\n\\n\\n
\\n \\n
\\n\\n\\n
\\n
\\n
\\n \\n
\\n
\\n
\\n
\\n
HD \\n
13+ \\n \\n \\n
\\n \\n
\\n \\n \\n
\\n {{ playlist.name }}\\n
\\n
{{ video?.less_description }}
\\n
\\n
\\n\\n\\n\\n \\n\\n\\n\\n
\\n
\\n\\n\\n\\n
\\n
\\n\"","module.exports = \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL21vZHVsZXMvcHJvZmlsZS9teS1wbGF5bGlzdC9teS1wbGF5bGlzdC5jb21wb25lbnQuc2NzcyJ9 */\"","import {\n Component,\n OnInit,\n HostListener,\n ElementRef,\n OnDestroy\n} from '@angular/core';\nimport { ApiService } from '../../../core/services/api.service';\nimport { AuthService } from '../../../core/auth/auth.service';\nimport { UtilityService } from '../../../core/services/utility.service';\nimport { ActivatedRoute, Router, NavigationEnd } from '@angular/router';\nimport { FormGroupDirective } from '@angular/forms';\nimport disableScroll from 'disable-scroll';\nimport { TranslateService } from '@ngx-translate/core';\nimport { environment } from '../../../../environments/environment';\ndeclare var $: any;\n\n@Component({\n selector: 'app-my-playlist',\n templateUrl: './my-playlist.component.html',\n styleUrls: ['./my-playlist.component.scss']\n})\nexport class MyPlaylistComponent implements OnInit, OnDestroy {\n playlist: any = [];\n playlistFlag: any = [];\n playlistDrop: any;\n buttonText: any;\n playlist_name: any;\n errors: any;\n submitted: boolean;\n result: boolean;\n success: any;\n final: boolean;\n scrollOn: boolean;\n flag: boolean;\n loading: boolean;\n page: any = 0;\n noPlaylist: Boolean;\n userData: any;\n constructor(\n private authService: AuthService, \n private apiService: ApiService,\n private eRef: ElementRef,\n private utilityService: UtilityService,\n private router: Router,\n private translate: TranslateService\n ) {\n this.userData = this.authService.decryption(\n localStorage.getItem('currentUser')\n );\n this.translate.get('MY_PLAYLIST.UPDATE_PLAYLIST').subscribe((res) => {\n this.buttonText = res;\n });\n }\n\n @HostListener('document:click', ['$event'])\n clickOut() {\n if (event.target !== this.playlistDrop) {\n for (let i = 0; i < this.playlist.length; i++) {\n document\n .getElementById('drop' + this.playlist[i]._id)\n .classList.remove('show');\n }\n this.playlistDrop = undefined;\n disableScroll.off();\n }\n }\n @HostListener('window:scroll', ['$event'])\n onWindowScroll() {\n if (\n $(window).scrollTop() + $(window).height() > $('footer').offset().top &&\n this.final === false &&\n this.flag === false &&\n this.scrollOn === true\n ) {\n this.loading = true;\n this.flag = true;\n this.getPlaylists();\n }\n }\n ngOnInit() {\n this.loading = true;\n this.getPlaylists();\n window.scroll({ top: 0, left: 0, behavior: 'smooth' });\n }\n // get playlist list\n getPlaylists() {\n this.page += 1;\n this.apiService\n .callGetAPI(\n 'v2/create_playlist?page=' + this.page,\n environment.userActionApiUrl\n )\n .subscribe(\n (data) => {\n for (const playlist of data['response'].my_playlist.data) {\n this.playlist.push(playlist);\n this.playlistFlag[playlist._id] = false;\n }\n if (this.playlist.length < 1) {\n this.noPlaylist = true;\n }\n this.final =\n data['response'].my_playlist.next_page_url === null ? true : false;\n this.loading = false;\n this.flag = false;\n this.scrollOn = true;\n },\n (error) => {\n this.apiService.failureResponse(error);\n }\n );\n }\n showPlaylistAction(id, event) {\n disableScroll.on(undefined, {\n disableWheel: true,\n disableScroll: true,\n disableKeys: false\n });\n for (let k = 0; k < this.playlist.length; k++) {\n if (id !== this.playlist[k]._id) {\n document\n .getElementById('drop' + this.playlist[k]._id)\n .classList.remove('show');\n this.cancelToRemove(this.playlist[k]._id);\n }\n }\n document.getElementById('drop' + id).classList.toggle('show');\n this.playlistDrop = event.target;\n }\n removePlaylist(id, i) {\n this.apiService\n .callDeleteAPI(\n 'v2/create_playlist?playlist_id=' + id,\n environment.userActionApiUrl\n )\n .subscribe(\n (data) => {\n this.apiService.successResponse(data);\n this.playlist.splice(i, 1);\n if (this.playlist.length < 1) {\n this.noPlaylist = true;\n }\n disableScroll.off();\n },\n (error) => {\n this.apiService.failureResponse(error);\n disableScroll.off();\n }\n );\n }\n editPlaylistPopup(id, i) {\n disableScroll.on(undefined, {\n disableWheel: true,\n disableScroll: true,\n disableKeys: false\n });\n this.playlist_name = this.playlist[i].name;\n const elements = document.getElementById(id);\n elements.style.display = 'block';\n elements.style.visibility = 'visible';\n elements.style.opacity = '1';\n document.getElementById('playlist_name' + id).focus();\n }\n cancelToRemove(id) {\n disableScroll.off();\n const elements = document.getElementById(id);\n elements.style.display = '';\n elements.style.visibility = 'hidden';\n elements.style.opacity = '0';\n }\n updatePlaylist(id, i, f: FormGroupDirective) {\n if (this.playlist_name !== undefined && this.playlist_name !== '') {\n this.submitted = true;\n this.translate.get('MY_PLAYLIST.UPDATE_PLAYLIST').subscribe((res) => {\n this.buttonText = res + '...';\n });\n this.apiService\n .callPostAPI(\n 'v2/create_playlist',\n { id: id, name: this.playlist_name, screen: this.userData['response'].screen },\n environment.userActionApiUrl\n )\n .subscribe(\n (data) => {\n this.playlist[i].name = this.playlist_name;\n this.playlist_name = '';\n f.resetForm();\n this.result = false;\n this.submitted = false;\n this.apiService.successResponse(data);\n const addPlaylistElement = document.getElementById(id);\n addPlaylistElement.classList.remove('open');\n const elements = document.getElementById(id);\n elements.style.display = '';\n elements.style.visibility = 'hidden';\n elements.style.opacity = '0';\n disableScroll.off();\n this.translate\n .get('MY_PLAYLIST.UPDATE_PLAYLIST')\n .subscribe((res) => {\n this.buttonText = res;\n });\n },\n (error) => {\n disableScroll.off();\n this.errors = this.apiService.failureResponse(error);\n this.submitted = false;\n this.result = false;\n this.translate\n .get('MY_PLAYLIST.UPDATE_PLAYLIST')\n .subscribe((res) => {\n this.buttonText = res;\n });\n if (this.errors.commonError) {\n this.result = true;\n this.success = this.errors.commonError;\n this.utilityService.VplyToaster();\n }\n }\n );\n } else {\n this.result = false;\n this.success = 'Playlist_name can not be empty';\n }\n }\n goToPlaylistDetail(slug, title) {\n this.router.navigate(['/my-playlist/' + title + '/' + slug]);\n }\n ngOnDestroy() {\n disableScroll.off();\n }\n\n VplyToasterHide(id) {\n const elements = document.getElementById(id);\n elements.classList.remove('block');\n elements.classList.add('none');\n }\n}\n","module.exports = \"
\\n \\n \\n
\\n
\\n
\\n
Notifications \\n \\n
\\n
\\n {{notification.content}}\\n
\\n
\\n Newly Added On {{notification.created_at | date: format}} \\n
\\n
\\n
No data found \\n
\\n
\\n
\"","module.exports = \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL21vZHVsZXMvcHJvZmlsZS9ub3RpZmljYXRpb25zL25vdGlmaWNhdGlvbnMuY29tcG9uZW50LnNjc3MifQ== */\"","import { Component, OnInit, HostListener } from '@angular/core';\nimport { ApiService } from '../../../core/services/api.service';\nimport { environment } from '../../../../environments/environment';\ndeclare var $: any;\n\n@Component({\n selector: 'app-notifications',\n templateUrl: './notifications.component.html',\n styleUrls: ['./notifications.component.scss']\n})\nexport class NotificationsComponent implements OnInit {\n notifications: any = [];\n page = 0;\n final = false;\n flag = false;\n loading = false;\n filter = 'all';\n format = 'MMM dd y hh:mm a';\n notFound = false;\n\n @HostListener('window:scroll', ['$event'])\n onWindowScroll() {\n if ($(window).scrollTop() + $(window).height() > $('footer').offset().top && this.final === false && this.flag === false) {\n this.flag = true;\n this.getNotifications();\n }\n }\n\n constructor(private apiService: ApiService) { }\n\n ngOnInit() {\n this.getNotifications();\n }\n\n getNotifications() {\n this.loading = true;\n this.page = this.page + 1;\n this.apiService.callGetAPI('v2/notifications?page=' + this.page, environment.notificationApiUrl)\n .subscribe(\n data => {\n if (data['statusCode'] === 200 && data['error'] === false) {\n this.notifications = this.notifications.concat(data['response'].data);\n this.final = (data['response'].next_page_url === null) ? true : false;\n this.loading = false;\n this.flag = false;\n this.notFound = (this.notifications.length > 0) ? false : true;\n }\n },\n error => {\n this.apiService.failureResponse(error, true);\n });\n }\n\n}\n","module.exports = \" \\n\\n\\n\\n\\n
\\n \\n
Enter the details below to edit your profile
\\n\\n
\\n\\n
\\n
\\n\\n\\n\\n \\n\\n\\n\"","module.exports = \"::ng-deep datepicker-value-example .mat-form-field-label {\\n color: white; }\\n\\n::ng-deep .mat-datepicker-toggle {\\n color: white; }\\n\\n::ng-deep .mat-form-field-underline {\\n background: white; }\\n\\nmat-form-field.mat-form-field {\\n font-size: 16px;\\n color: white; }\\n\\n.mat-form-field-appearance-outline .mat-form-field-outline-thick {\\n color: white; }\\n\\nmat-form-field.mat-input-element {\\n caret-color: white; }\\n\\n.mat-calendar-body-cell-content.mat-calendar-body-active {\\n background-color: green !important;\\n color: white !important; }\\n\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9rd2FtZXR3dW0vQml0QnVja2V0L2hvbWkvYW5ndWxhci9zcmMvYXBwL21vZHVsZXMvcHJvZmlsZS9wcm9maWxlLmNvbXBvbmVudC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0ksWUFBVyxFQUFBOztBQUdkO0VBQ0csWUFBVyxFQUFBOztBQUVkO0VBQ0EsaUJBQWlCLEVBQUE7O0FBRWpCO0VBQ0csZUFBZTtFQUNmLFlBQVksRUFBQTs7QUFFaEI7RUFDSSxZQUFZLEVBQUE7O0FBRWhCO0VBQ0ksa0JBQWtCLEVBQUE7O0FBRXRCO0VBQ0ksa0NBQWtDO0VBQ2xDLHVCQUF1QixFQUFBIiwiZmlsZSI6InNyYy9hcHAvbW9kdWxlcy9wcm9maWxlL3Byb2ZpbGUuY29tcG9uZW50LnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyI6Om5nLWRlZXAgZGF0ZXBpY2tlci12YWx1ZS1leGFtcGxlIC5tYXQtZm9ybS1maWVsZC1sYWJlbHtcbiAgICBjb2xvcjp3aGl0ZTtcbiB9XG4gXG4gOjpuZy1kZWVwIC5tYXQtZGF0ZXBpY2tlci10b2dnbGV7XG4gICAgY29sb3I6d2hpdGU7XG4gfVxuIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtdW5kZXJsaW5le1xuIGJhY2tncm91bmQ6IHdoaXRlO1xuIH1cbiBtYXQtZm9ybS1maWVsZC5tYXQtZm9ybS1maWVsZCB7XG4gICAgZm9udC1zaXplOiAxNnB4O1xuICAgIGNvbG9yOiB3aGl0ZTtcbn1cbi5tYXQtZm9ybS1maWVsZC1hcHBlYXJhbmNlLW91dGxpbmUgLm1hdC1mb3JtLWZpZWxkLW91dGxpbmUtdGhpY2sge1xuICAgIGNvbG9yOiB3aGl0ZTtcbn1cbm1hdC1mb3JtLWZpZWxkLm1hdC1pbnB1dC1lbGVtZW50IHtcbiAgICBjYXJldC1jb2xvcjogd2hpdGU7XG59XG4ubWF0LWNhbGVuZGFyLWJvZHktY2VsbC1jb250ZW50Lm1hdC1jYWxlbmRhci1ib2R5LWFjdGl2ZXtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiBncmVlbiAhaW1wb3J0YW50O1xuICAgIGNvbG9yOiB3aGl0ZSAhaW1wb3J0YW50O1xuICB9Il19 */\"","import { Component, OnInit, ElementRef, AfterViewChecked, AfterViewInit, HostListener } from '@angular/core';\nimport { ApiService } from '../../core/services/api.service';\nimport { UserService } from '../../core/services/user.service';\nimport { DatepickerOptions } from 'ng2-datepicker';\nimport { AuthService } from '../../core/auth/auth.service';\nimport { UtilityService } from '../../core/services/utility.service';\nimport { DomSanitizer } from '@angular/platform-browser';\nimport { ViewChild } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { TranslateService } from '@ngx-translate/core';\nimport disableScroll from 'disable-scroll';\nimport { ToastrService } from 'ngx-toastr';\nimport { environment } from '../../../environments/environment';\nimport { ImageCroppedEvent, ImageTransform } from 'ngx-image-cropper';\nimport { HttpClient } from '@angular/common/http';\nimport { DateAdapter, MAT_DATE_FORMATS, MAT_DATE_LOCALE } from '@angular/material/core';\nimport { MomentDateAdapter, MAT_MOMENT_DATE_ADAPTER_OPTIONS } from '@angular/material-moment-adapter';\n\ndeclare var $: any;\nexport const APP_DATE_FORMATS = {\n parse: {\n dateInput: ['DD/MM/YYYY', 'MM/DD/YYYY', 'YYYY/MM/DD'],\n },\n display: {\n dateInput: 'DD/MM/YYYY',\n monthYearLabel: 'MMMM YYYY',\n dateA11yLabel: 'LL',\n monthYearA11yLabel: 'MMMM YYYY'\n },\n};\n@Component({\n selector: 'app-profile',\n templateUrl: './profile.component.html',\n styleUrls: ['./profile.component.scss'],\n providers: [\n { provide: MAT_DATE_FORMATS, useValue: APP_DATE_FORMATS },\n { provide: DateAdapter, useClass: MomentDateAdapter},\n { provide: MAT_MOMENT_DATE_ADAPTER_OPTIONS, useValue: APP_DATE_FORMATS }\n]\n})\nexport class ProfileComponent implements OnInit, AfterViewChecked {\n user: any = {};\n screen: any = {};\n userDetails: any = {};\n buttonText: any;\n loading = false;\n submitted = false;\n localUser: any;\n error: any;\n imageChangedEvent: any = '';\n croppedImage: any = '';\n showCropper = false;\n date = new Date();\n minDate = new Date(1950, 0, 1); \n //maxDate = new Date(Date.now());\n previous_date = this.date.setFullYear(this.date.getFullYear() - 10 ); // For subtract use minus (-)\n maxDate = new Date(this.previous_date);\n // options: DatepickerOptions = {\n // minYear: 1950,\n // displayFormat: 'DD-MM-YYYY',\n // barTitleFormat: 'MMM, YYYY',\n // placeholder: 'Date of Birth',\n // useEmptyBarTitle: false,\n // maxDate: new Date(Date.now()),\n // };\n success: any;\n initialCountry = 'in';\n inttelInputOptions: object = {\n initialCountry: this.initialCountry,\n };\n countries: object = {};\n datepick = false;\n inttelInputInstance;\n image: any;\n file: any;\n imageWidth: any;\n startAt: any;\n imageHeight: any;\n invaliddate: Boolean = false;\n subscriptionPlans: any;\n setWidth: Boolean = true;\n showHideProfileForm: Boolean = false;\n DEVICE_RESTRICTION_TYPE: string;\n planDeviceLimit: any;\n is_default_profile: any = 0;\n ipaddress = '';\n phoneError: Boolean = false;\n // @HostListener('document:keydown.escape', ['$event']) onKeydownHandler(event: KeyboardEvent) {\n // //$(\".cdk-overlay-backdrop.cdk-overlay-backdrop-showing\").css('opacity', 0);\n // disableScroll.off();\n // }\n \n constructor(\n private apiService: ApiService,\n private userService: UserService,\n private authService: AuthService,\n private sanitizer: DomSanitizer,\n private utilityService: UtilityService,\n private toasterService: ToastrService,\n private router: Router,\n private translate: TranslateService\n ) {\n this.translate.get('MY_PROFILE.UPDATE_PROFILE').subscribe((res) => {\n this.buttonText = res;\n });\n this.is_default_profile = Number(localStorage.getItem('is_default_profile'));\n }\n @ViewChild('myInput')\n myInputVariable: ElementRef;\n \n\n ngOnInit() {\n this.getProfile();\n this.fetchPlans();\n window.scroll({ top: 0, left: 0, behavior: 'smooth' });\n window.addEventListener(\n 'keyup',\n function (event) {\n if (event.keyCode === 27) {\n disableScroll.off();\n }\n }.bind(this)\n );\n this.startAt = new Date();\n }\n ngAfterViewChecked() {\n // tslint:disable-next-line:no-unused-expression\n let flagWidth = 0;\n let countryCode = 0;\n const flagElement = document.getElementsByClassName('flag-container')[0];\n const countryCodeElement = document.getElementsByClassName(\n 'country-code'\n )[0];\n if (flagElement) {\n flagWidth = flagElement.clientWidth;\n }\n if (countryCodeElement) {\n countryCode = countryCodeElement.clientWidth;\n }\n $('#countryCode').css('padding-left', flagWidth + countryCode + 5 + 'px');\n this.setWidth = false;\n }\n\n getProfile() {\n this.localUser = this.authService.decryption();\n this.apiService.callGetAPI('v2/profile', environment.userApiUrl).subscribe(\n (data) => {\n if (data['statusCode'] === 200 && data['error'] === false) {\n this.userDetails = data['response'];\n this.user = data['response'].profile;\n this.screen = data['response'].screen;\n this.image = this.user.profile_picture;\n const csimage = localStorage.getItem('screenImage');\n if(csimage !== '' && csimage !== 'undefined'){\n this.image = localStorage.getItem('screenImage');\n } else if(csimage != 'undefined' && this.user) {\n this.image = this.user.profile_picture;\n } else {\n this.image = 'assets/images/user-icon.png';\n }\n this.DEVICE_RESTRICTION_TYPE = data['response'].device_restriction_type;\n this.planDeviceLimit = (data['response'].subscribed_plan !== null) ? data['response'].subscribed_plan.device_limit : null;\n this.setLocalStorage(data['response']);\n if (this.user.dob) {\n const dateArray = this.user.dob.split('-');\n this.user.dob = new Date(\n dateArray[2] + '-' + dateArray[1] + '-' + dateArray[0]\n );\n }\n this.user.dob = this.user.dob === null ? '' : this.user.dob;\n this.datepick = false;\n if (\n this.user.country_code === undefined ||\n this.user.country_code === '' ||\n this.user.country_code === null\n ) {\n this.user.country_code = 91;\n }\n if (this.inttelInputInstance) {\n this.inttelInputInstance.intlTelInput(\n 'setCountry',\n this.user.iso ? this.user.iso : this.initialCountry\n );\n }\n }\n },\n (error) => {\n this.apiService.failureResponse(error, true);\n }\n );\n }\n showProfileForm() {\n this.showHideProfileForm = true;\n }\n hideProfileForm() {\n this.showHideProfileForm = false;\n this.getProfile();\n }\n editProfile() {\n\n \n const userPhone = \"+\" + this.user.country_code + this.user.phone\n\n console.log(\"Phone ----\", userPhone)\n\n // if (/^\\+233\\d{9}/.test(userPhone)) {\n // console.log(\"Phone Valid----\")\n // this.phoneError = false;\n // } \n \n // else {\n // this.phoneError = true;\n // console.log(\"Phone InValid----\")\n // }\n \n this.invaliddate = false;\n if (this.datepick !== true) {\n const date = new Date(this.user.dob);\n const day = date.getDate();\n const month = date.getMonth() + 1;\n const year = date.getFullYear(); \n this.submitted = true;\n this.translate.get('MY_PROFILE.UPDATE_PROFILE').subscribe((res) => {\n this.buttonText = res + '...';\n });\n if (/^\\+233\\d{9}/.test(userPhone)) {\n\n console.log(\"Phone Valid----\")\n\n this.phoneError = false;\n\n this.apiService\n .callPostAPI(\n 'v2/customerProfile',\n {\n name: this.user.name,\n email: this.user.email,\n phone: userPhone,\n age: this.user.dob ? day + '-' + month + '-' + year : '',\n country_code: this.user.country_code,\n iso: this.user.iso,\n },\n environment.userApiUrl\n )\n .subscribe(\n (data) => {\n if (data['statusCode'] === 200 && data['error'] === false) {\n this.setLocalStorage(data['response']);\n this.translate\n .get('MY_PROFILE.UPDATE_PROFILE')\n .subscribe((res) => {\n this.buttonText = res;\n });\n this.submitted = false;\n this.success = data['message'];\n this.utilityService.VplyToaster();\n this.hideProfileForm();\n }\n },\n (error) => {\n this.translate.get('MY_PROFILE.UPDATE_PROFILE').subscribe((res) => {\n this.buttonText = res;\n });\n this.submitted = false;\n this.error = this.apiService.failureResponse(error);\n }\n );\n \n } else {\n\n console.log(\"Phone In Valid----\")\n \n this.phoneError = true;\n }\n }\n }\n \n\n setLocalStorage(data) {\n this.localUser = this.authService.decryption();\n if (data.profile) {\n this.localUser['response'] = data.profile;\n // console.log(data.profile.email);\n localStorage.setItem('currentUserEmail', data.profile.email);\n localStorage.setItem('currentUserName', data['response'].profile.name);\n this.localUser.subscribed_plan = data.subscribed_plan;\n const userData = this.authService.encryption(this.localUser);\n this.userService.userData(userData);\n } else {\n this.localUser['response'] = data;\n const userData = this.authService.encryption(this.localUser);\n this.userService.userData(userData);\n localStorage.removeItem('currentUser');\n // console.log(userData);\n localStorage.setItem('currentUser', userData);\n }\n }\n\n onChange(e) {\n // if (e.target.name === '') {\n // this.error = [];\n // this.datepick = true;\n // this.error[e.target.name] = '';\n // }\n this.invaliddate = false;\n if (this.user.dob !== undefined && this.user.dob !== '' && this.user.dob !== null) {\n if (this.user.dob.getTime() > new Date().getTime() - 315585697857) {\n this.datepick = true;\n } else {\n this.datepick = false;\n }\n }else{\n if(this.user.dob === '' || this.user.dob === null){\n this.invaliddate = true;\n }\n \n }\n }\n phoneKeyDown(e){\n\t \n\t\tconst keyCode = e.keyCode; \n\t\tif (( (e.shiftKey || (e.keyCode < 48 || e.keyCode > 57)) && (e.keyCode < 96 || e.keyCode > 105)) && e.keyCode !=8 && e.keyCode != 191 && e.keyCode != 37 && e.keyCode != 39) {\n\t\t\te.preventDefault();\n\t\t} \t \n}\n\n goToSubscription() {\n this.router.navigate(['/subscription']);\n }\n telInputObject(obj) {\n this.inttelInputInstance = obj;\n this.countries = this.inttelInputInstance.intlTelInput.getCountryData();\n }\n\n onCountryChange(data) {\n \n this.user.country_code = data.dialCode;\n this.user.iso = data.iso2;\n }\n VplyToasterHide() {\n this.utilityService.VplyToasterHide();\n }\n fileChangeEvent(event: any): void {\n const fileNameArray = event.srcElement.files[0].name.split('.');\n const fileExt = fileNameArray[fileNameArray.length - 1];\n if (\n fileExt === 'jpg' ||\n fileExt === 'jpeg' ||\n fileExt === 'png' ||\n fileExt === 'gif'\n ) {\n document.getElementsByTagName('body')[0].classList.add('modal-popup');\n document.getElementsByTagName('body')[0].classList.add('crop-overlay');\n this.showCropper = true;\n this.imageChangedEvent = event;\n } else {\n this.toasterService.error('', 'Only PNG,GIF,JPG files allowed.');\n }\n }\n imageCropped(event: ImageCroppedEvent) {\n this.croppedImage = event.base64;\n }\n imageLoaded() {\n this.showCropper = true;\n }\n loadImageFailed() {\n this.showCropper = false;\n }\n\n onCancel() {\n document.getElementsByTagName('body')[0].classList.remove('modal-popup');\n document.getElementsByTagName('body')[0].classList.remove('crop-overlay');\n this.showCropper = false;\n this.imageChangedEvent = '';\n this.myInputVariable.nativeElement.value = '';\n }\n\n onImageCropped(user) {\n const image = this.b64toBlob(this.croppedImage);\n this.setProfileImage(image, user);\n this.showCropper = false;\n this.imageChangedEvent = '';\n }\n\n b64toBlob(b64Data) {\n const image = b64Data.split(',');\n const contentType = 'image/png';\n const sliceSize = 512;\n const byteCharacters = atob(image[1]);\n const byteArrays = [];\n\n for (let offset = 0; offset < byteCharacters.length; offset += sliceSize) {\n const slice = byteCharacters.slice(offset, offset + sliceSize);\n\n const byteNumbers = new Array(slice.length);\n for (let i = 0; i < slice.length; i++) {\n byteNumbers[i] = slice.charCodeAt(i);\n }\n const byteArray = new Uint8Array(byteNumbers);\n byteArrays.push(byteArray);\n }\n const blob = new Blob(byteArrays, { type: contentType });\n return blob;\n }\n setProfileImage(event, user) {\n document.getElementsByTagName('body')[0].classList.remove('modal-popup');\n document.getElementsByTagName('body')[0].classList.remove('crop-overlay');\n this.loading = true;\n const form = new FormData();\n form.append('name', user.name);\n form.append('email', user.email);\n form.append('profile_picture', event);\n this.apiService\n .callPostAPI('v2/customerProfile', form, environment.userApiUrl)\n .subscribe(\n (data) => {\n if (data['statusCode'] === 200 && data['error'] === false) {\n this.localUser = this.authService.decryption();\n this.localUser['response'] = data['response'];\n this.image = data['response'].profile_picture;\n const userData = this.authService.encryption(this.localUser);\n this.userService.userData(userData);\n localStorage.removeItem('currentUser');\n localStorage.setItem('currentUser', userData);\n this.loading = false;\n this.apiService.successResponse(data);\n }\n },\n (error) => {\n this.apiService.failureResponse(error, true);\n }\n );\n }\n fetchPlans() {\n this.apiService\n .callGetAPI('v2/subscriptions', environment.paymentApiUrl)\n .subscribe(\n (data: any) => {\n if (data['statusCode'] === 200 && data['error'] === false) {\n this.subscriptionPlans = data.response.subscription;\n } else {\n this.apiService.failureResponse(data, true);\n }\n },\n (error) => {\n this.apiService.failureResponse(error, true);\n }\n );\n }\n goToHistory() {\n this.router.navigate(['profile/history']);\n }\n goToPlaylist() {\n this.router.navigate(['profile/my-playlist']);\n }\n goToFavourite() {\n this.router.navigate(['profile/favorite-videos']);\n }\n}\n","module.exports = \"\\n\\n\\n\\n\\n\\n
\\n\\n \\n \\n \\n\\n
\\n \\n \\n {{ 'MY_TRANSACTION.S_NO' | translate }} \\n {{ 'MY_TRANSACTION.VIDEO_NAME' | translate }} \\n \\n {{ 'MY_TRANSACTION.STATUS' | translate }} \\n {{ 'MY_TRANSACTION.PURCHASED_ON' | translate }} \\n \\n \\n \\n \\n {{ i + 1 }} \\n \\n \\n \\n \\n \\n \\n {{transaction?.video?.title}} \\n
\\n \\n \\n \\n \\n \\n {{transaction?.webseries?.title}} \\n
\\n \\n \\n \\n Available \\n {{transaction?.status}} \\n \\n {{ transaction?.created_at }} \\n \\n \\n \\n
\\n\\n\\n\\n
\\n
\\n
\\n \\n \\n \\n \\n \\n\\n
\\n
{{ 'MY_TRANSACTION.NO_PURCHASED_VIDEOS' | translate }}
\\n
\\n \\n\\n
\"","module.exports = \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL21vZHVsZXMvcHJvZmlsZS9wdXJjaGFzZWQtdmlkZW9zL3B1cmNoYXNlZC12aWRlb3MuY29tcG9uZW50LnNjc3MifQ== */\"","import { Component, OnInit, HostListener } from '@angular/core';\nimport { ApiService } from '../../../core/services/api.service';\nimport { UserService } from '../../../core/services/user.service';\nimport { Router } from '@angular/router';\nimport { environment } from '../../../../environments/environment';\ndeclare var $: any;\n\n@Component({\n selector: 'app-purchased-videos',\n templateUrl: './purchased-videos.component.html',\n styleUrls: ['./purchased-videos.component.scss']\n})\nexport class PurchasedVideosComponent implements OnInit {\n transaction_id = '';\n plan_name = '';\n transactions: any = [];\n format = 'MMM dd y hh:mm a';\n rowsPerPage = 10;\n page = 0;\n typerowsPerPage = 10;\n type_final = false;\n final = false;\n flag = false;\n loading = false;\n notFound = false;\n sno = 0;\n type_flag = false;\n payment_type: any = 'web';\n type_page = 0;\n\n @HostListener('window:scroll', ['$event'])\n onWindowScroll() {\n if (\n $(window).scrollTop() + $(window).height() > $('footer').offset().top &&\n this.final === false &&\n this.flag === false\n ) {\n this.flag = true;\n this.getTransactions();\n }\n if (\n $(window).scrollTop() + $(window).height() > $('footer').offset().top &&\n this.type_final === false &&\n this.type_flag === false && this.flag === true && this.final === true\n ) {\n this.type_flag = true;\n this.getTransactionsByType(false, this.payment_type);\n }\n }\n constructor(\n private apiService: ApiService,\n private userService: UserService,\n private router: Router\n ) {}\n\n ngOnInit() {\n this.transactions = [];\n this.getTransactions();\n window.scroll({ top: 0, left: 0, behavior: 'smooth' });\n }\n rowsPerPageChange(event: any) {\n this.transactions = [];\n this.page = 0;\n this.rowsPerPage = event.target.value;\n this.getTransactions();\n }\n changePaymentType(e) {\n this.page = 0;\n this.type_page = 0;\n this.transactions = [];\n this.payment_type = e.target.value;\n\n this.type_flag = true;\n this.type_final = true;\n this.flag = true;\n this.final = true;\n this.getTransactionsByType(false, e.target.value);\n }\n getTransactionsByType(refresh = false , type) {\n //this.loading = true;\n this.type_page = this.type_page + 1;\n if (refresh) {\n this.transaction_id = '';\n this.plan_name = '';\n }\n this.apiService\n .callPostAPI(\n 'v2/purchase_videos/records',\n {\n filter: null,\n filters: {},\n intialRequest: 0,\n orderByFieldName: null,\n page: this.type_page,\n type: this.payment_type,\n rowsPerPage: this.typerowsPerPage,\n },\n environment.paymentApiUrl\n )\n .subscribe(\n (data) => {\n if (data['statusCode'] === 200 && data['error'] === false) {\n this.transactions = this.transactions.concat(data['data'].data);\n this.sno = 0;\n this.final = data['data'].next_page_url === null ? true : false;\n this.loading = false;\n this.flag = false;\n this.notFound = this.transactions.length > 0 ? false : true;\n }\n },\n (error) => {\n this.apiService.failureResponse(error);\n }\n );\n }\n getTransactions(refresh = false) {\n this.loading = true;\n this.page = this.page + 1;\n\n if (refresh) {\n this.transaction_id = '';\n this.plan_name = '';\n }\n this.apiService\n .callPostAPI(\n 'v2/purchase_videos/records',\n {\n filter: null,\n filters: {},\n intialRequest: 0,\n orderByFieldName: null,\n page: this.page,\n rowsPerPage: this.rowsPerPage,\n searchRecord: !refresh\n ? { transaction_id: this.transaction_id, plan_name: this.plan_name }\n : ''\n },\n environment.paymentApiUrl\n )\n .subscribe(\n (data) => {\n if (data['statusCode'] === 200 && data['error'] === false) {\n this.transactions = this.transactions.concat(data['data'].data);\n this.sno = 0;\n this.final = data['data'].next_page_url === null ? true : false;\n this.loading = false;\n this.flag = false;\n this.notFound = this.transactions.length > 0 ? false : true;\n }\n },\n (error) => {\n this.apiService.failureResponse(error);\n }\n );\n }\n goToVideo(slug) {\n this.router.navigate(['video/' + slug]);\n }\n}\n","module.exports = \"
\\n \\n \\n
\\n
\\n
My Playlists \\n
\\n\\n
\\n
\\n
\\n
{{playlist.video_count}} \\n
\\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n
\\n
\\n
\\n
{{playlist.name}}
\\n
\\n \\n
\\n {{title}} \\n \\n \\n \\n \\n \\n
\\n
\\n
\\n\\n
\\n
\\n
\\n
\\n
\\n\"","module.exports = \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL21vZHVsZXMvcHJvZmlsZS9zYXZlLXBsYXlsaXN0L3NhdmUtcGxheWxpc3QuY29tcG9uZW50LnNjc3MifQ== */\"","import { Component, OnInit, HostListener, OnDestroy } from '@angular/core';\nimport { ApiService } from '../../../core/services/api.service';\ndeclare var $: any;\n\n@Component({\n selector: 'app-save-playlist',\n templateUrl: './save-playlist.component.html',\n styleUrls: ['./save-playlist.component.scss']\n})\nexport class SavePlaylistComponent implements OnInit {\n\n playlists: any = [];\n title = 'Remove Playlist';\n page = 0;\n final = false;\n flag = false;\n loading = false;\n scrollOn = false;\n\n constructor(\n private apiService: ApiService\n ) {\n this.loading = true;\n this.page = 0;\n this.playlists = [];\n this.getPlaylists();\n }\n\n\n @HostListener('window:scroll', ['$event'])\n onWindowScroll() {\n if ($(window).scrollTop() + $(window).height() > $('footer').offset().top &&\n this.final === false && this.flag === false && this.scrollOn === true) {\n this.loading = true;\n this.flag = true;\n this.getPlaylists();\n }\n }\n ngOnInit() { }\n\n getPlaylists() {\n this.page = this.page + 1;\n this.apiService.callGetAPI('v2/playlists?page=' + this.page)\n .subscribe(\n data => {\n if (data['statusCode'] === 200 && data['error'] === false) {\n this.playlists = this.playlists.concat(data['message'].data);\n this.final = (data['message'].next_page_url === null) ? true : false;\n this.loading = false;\n this.flag = false;\n this.scrollOn = true;\n }\n },\n error => {\n this.apiService.failureResponse(error, true);\n });\n }\n\n unfollowPlaylist(slug: any) {\n this.apiService.callDeleteAPI('v2/playlists?playlist_slug=' + slug)\n .subscribe(\n data => {\n const videoIndex = this.playlists.findIndex(element => {\n return element.slug === slug;\n });\n if (videoIndex !== -1) {\n this.playlists.splice(videoIndex, 1);\n }\n this.apiService.successResponse(data, '');\n },\n error => {\n this.apiService.failureResponse(error, true);\n });\n }\n\n}\n\n\n","module.exports = \"
\\n \\n \\n
\\n
\\n
{{ 'SAVED_CARDS.SAVED_CARDS' | translate }} \\n
\\n
\\n
\\n \\n
{{ 'SAVED_CARDS.ADD_CARD' | translate }} \\n
\\n
\\n
\\n
{{ 'SAVED_CARDS.CARD_NUMBER' | translate }} \\n
xxxxxxxxxxxx{{ card.card_number | slice: (card.card_number.length-4) }}
\\n
\\n
\\n
{{ 'SAVED_CARDS.EXPIRATION_DATE' | translate }} \\n
{{ card.month }}/{{card.year}}
\\n
\\n
\\n
{{ 'SAVED_CARDS.CARD_HOLDER_NAME' | translate }} \\n
{{ card.name }}
\\n
\\n
\\n
\\n \\n \\n \\n \\n \\n\\n \\n \\n
\\n
\\n \\n
\\n
\\n
\\n
\"","module.exports = \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL21vZHVsZXMvcHJvZmlsZS9zYXZlZC1jYXJkL3NhdmVkLWNhcmQuY29tcG9uZW50LnNjc3MifQ== */\"","import { Component, OnInit } from '@angular/core';\nimport { SharedModule } from '../../../shared/shared.module';\nimport { SidebarMenuModule } from '../sidebar-menu/sidebar-menu.module';\nimport { ApiService } from '../../../core/services/api.service';\nimport { UtilityService } from '../../../core/services/utility.service';\nimport { FormGroupDirective } from '@angular/forms';\nimport { UserService } from '../../../core/services/user.service';\nimport CreditCardSpace from 'credit-card-space';\nimport { ToastrService } from 'ngx-toastr';\nimport { environment } from '../../../../environments/environment';\n\n@Component({\n selector: 'app-saved-card',\n templateUrl: './saved-card.component.html',\n styleUrls: ['./saved-card.component.scss']\n})\nexport class SavedCardComponent implements OnInit {\n cards: any = [];\n result: boolean;\n errors: any;\n success: any;\n loading: Boolean;\n cardNumber: any;\n nameHolder: any;\n expDate: any;\n errorForYear: boolean;\n submitted: any = false;\n constructor(\n private apiService: ApiService,\n private utilityService: UtilityService,\n private userService: UserService,\n private toastrService: ToastrService\n ) {\n if (!localStorage.getItem('currentUser')) {\n this.userService.redirectUrl('profile/saved-card');\n this.userService.displayPopup('sign-in');\n }\n }\n\n ngOnInit() {\n this.loading = true;\n this.getCards();\n window.scroll({ top: 0, left: 0, behavior: 'smooth' });\n }\n\n // open add new card popup\n addNewCardPopup() {\n const elements = document.getElementsByClassName('addnew-card-popup');\n elements[0].classList.add('open');\n const element = document.getElementsByTagName('body');\n element[0].classList.add('modal-popup');\n }\n\n closeNewCardPopup() {\n const elements = document.getElementsByClassName('addnew-card-popup');\n elements[0].classList.remove('open');\n const element = document.getElementsByTagName('body');\n element[0].classList.remove('modal-popup');\n }\n inputValidator(event: any) {\n const pattern = /^[0-9]*$/;\n if (!pattern.test(event.target.value)) {\n event.target.value = event.target.value.replace(/[^0-9]/g, '');\n }\n // const input = document.querySelector('#card_number');\n // const ccSpace = new CreditCardSpace(input);\n // this.cardNumber = ccSpace.value();\n }\n expDateValidator(event: any) {\n const pattern = /^[0-9$/]*$/;\n if (!pattern.test(event.target.value)) {\n event.target.value = event.target.value.replace(/[^0-9]/g, '');\n }\n this.checkExpDate(event);\n }\n getCards() {\n this.apiService.callGetAPI('v2/cards', environment.paymentApiUrl).subscribe(\n (cards) => {\n this.cards = cards['response'].cards;\n this.loading = false;\n },\n (error) => {\n this.apiService.failureResponse(error, true);\n }\n );\n }\n deleteCard(id, index) {\n this.apiService\n .callDeleteAPI('v2/cards?id=' + id, environment.paymentApiUrl)\n .subscribe(\n (response) => {\n this.cards.splice(index, 1);\n this.apiService.successResponse(response);\n },\n (error) => {\n this.result = false;\n this.errors = this.apiService.failureResponse(error);\n if (this.errors.commonError) {\n this.result = true;\n this.success = this.errors.commonError;\n this.utilityService.VplyToaster();\n }\n }\n );\n }\n checkExpDate(event) {\n if (this.expDate !== undefined) {\n if (\n this.expDate.length === 2 &&\n this.expDate.length < 3 &&\n event.keyCode !== 8 &&\n event.keyCode !== 191\n ) {\n this.expDate += '/';\n }\n if (event.keyCode === 8 && this.expDate.length === 3) {\n this.expDate = this.expDate.substring(0, this.expDate.length - 1);\n }\n const monthDate = this.expDate.split('/');\n const month = monthDate[0];\n const year = monthDate[1];\n const currentDate = new Date();\n const currentYear = currentDate.getFullYear().toString().substr(-2);\n const currentMonth = currentDate.getMonth();\n if (currentYear > year) {\n this.errorForYear = true;\n } else if (currentYear === year) {\n if (currentMonth + 1 > month) {\n this.errorForYear = true;\n } else {\n this.errorForYear = false;\n }\n } else {\n this.errorForYear = false;\n }\n }\n }\n addCard(form: FormGroupDirective) {\n this.submitted = true;\n const monthDate = this.expDate.split('/');\n const month = monthDate[0];\n const year = monthDate[1];\n const type = 'credit/debit';\n this.cards = [];\n const cvv = 123;\n if (this.errorForYear === false) {\n this.apiService\n .callPostAPI(\n 'v2/cards',\n {\n name: this.nameHolder,\n card_number: this.cardNumber,\n month: month,\n year: year,\n type: type,\n cvv: cvv\n },\n environment.paymentApiUrl\n )\n .subscribe(\n (data) => {\n form.resetForm();\n this.submitted = false;\n this.getCards();\n this.closeNewCardPopup();\n this.apiService.successResponse(data);\n },\n (error) => {\n this.toastrService.error('', error.error.message.name[0]);\n this.nameHolder = '';\n this.submitted = false;\n this.apiService.failureResponse(error);\n }\n );\n }\n }\n}\n","module.exports = \"\\n\\n\\n\\n
\\n\\n\\n\\n
\\n
Notifications \\n \\n \\n \\n \\n\\n\\n
\\n
Device Details \\n
Recently logged in 10 devices will be listed below
\\n\\n \\n\\n
0\\\" class=\\\"notify-settings cancel-subs\\\">\\n \\n \\n
\\n {{ 'SETTINGS.DEVICE' | translate }} -\\n {{\\n (customerDevice.device_category\\n ? customerDevice.device_category\\n : customerDevice.request_type === 'web'\\n ? 'SETTINGS.BROWSER_DEVICE_CATEGORY'\\n : 'SETTINGS.MOBILE_APP_DEVICE_CATEGORY') | translate\\n }}\\n ({{ customerDevice.device_name }})\\n \\n
\\n
\\n
\\n {{ 'SETTINGS.DEVICE_OS' | translate }} -\\n {{ (customerDevice.device_os) ? customerDevice.device_os : 'SETTINGS.UNKNOWN' | translate}}\\n
\\n
\\n {{ 'SETTINGS.TIME' | translate }} -\\n {{ customerDevice.updated_at | date: \\\"d MMM y hh:mm a\\\"}}\\n
\\n
\\n \\n
\\n {{ 'SETTINGS.REVOKE' | translate }}\\n \\n \\n
\\n {{ 'SETTINGS.PENDING' | translate }}\\n \\n
\\n
\\n \\n\\n
\\n\\n
\\n
Delete Account \\n Delete Homi Account \\n\\n
\"","module.exports = \".hr-divider {\\n border-bottom: 1px solid #2f3640;\\n margin-bottom: 20px; }\\n\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9rd2FtZXR3dW0vQml0QnVja2V0L2hvbWkvYW5ndWxhci9zcmMvYXBwL21vZHVsZXMvcHJvZmlsZS9zZXR0aW5ncy9zZXR0aW5ncy5jb21wb25lbnQuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNFLGdDQUFnQztFQUNoQyxtQkFBbUIsRUFBQSIsImZpbGUiOiJzcmMvYXBwL21vZHVsZXMvcHJvZmlsZS9zZXR0aW5ncy9zZXR0aW5ncy5jb21wb25lbnQuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi5oci1kaXZpZGVyIHtcbiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICMyZjM2NDA7XG4gIG1hcmdpbi1ib3R0b206IDIwcHg7XG59XG4iXX0= */\"","import { Component, OnInit } from '@angular/core';\nimport { ApiService } from '../../../core/services/api.service';\nimport { AuthService } from '../../../core/auth/auth.service';\nimport { TranslateService } from '@ngx-translate/core';\nimport { environment } from '../../../../environments/environment';\nimport { ToastrService } from 'ngx-toastr';\n\n@Component({\n selector: 'app-settings',\n templateUrl: './settings.component.html',\n styleUrls: ['./settings.component.scss']\n})\nexport class SettingsComponent implements OnInit {\n selected: Boolean;\n value = 0;\n comment: any;\n customerDevices: any[];\n autoplayInput: any = localStorage.getItem('autoPlay')\n ? JSON.parse(localStorage.getItem('autoPlay'))\n : true;\n commentValue: Number = 0;\n yes: any = 'Yes';\n is_subscribed: any;\n language: any;\n DEVICE_RESTRICTION_TYPE: string;\n revokeDeviceDetails: any;\n revokeDeviceMsgError: Boolean = false;\n user_type: any;\n constructor(\n private apiService: ApiService,\n private authService: AuthService,\n private translate: TranslateService,\n private toasterService: ToastrService,\n ) {\n if (localStorage.getItem('currentLanguage')) {\n this.language = localStorage.getItem('currentLanguage');\n } else {\n this.language = 'en';\n }\n this.translate.get('SETTINGS.YES').subscribe((res) => {\n this.yes = res;\n });\n }\n ngOnInit() {\n this.getSettings();\n this.getCustomerDeviceList();\n window.scroll({ top: 0, left: 0, behavior: 'smooth' });\n }\n\n // open cancel subscription popup\n cancelSubscriptionPopup() {\n\n \n // if (this.user_type && this.user_type === 'web' ) {\n const elements = document.getElementsByClassName('cancel-subs-popup');\n elements[0].classList.add('open');\n const element = document.getElementsByTagName('body');\n element[0].classList.add('modal-popup');\n localStorage.removeItem('couponResponse');\n // } else {\n \n // const elements = document.getElementsByClassName('alert-user-popup');\n // elements[0].classList.add('open');\n // const element = document.getElementsByTagName('body');\n // element[0].classList.add('modal-popup');\n // localStorage.removeItem('couponResponse');\n // }\n }\n cancelSubscription() {\n const elements = document.getElementsByClassName('cancel-subs-popup');\n elements[0].classList.remove('open');\n const element = document.getElementsByTagName('body');\n element[0].classList.remove('modal-popup');\n localStorage.removeItem('couponResponse');\n }\n closeAlert() {\n const elements = document.getElementsByClassName('alert-user-popup');\n elements[0].classList.remove('open');\n const element = document.getElementsByTagName('body');\n element[0].classList.remove('modal-popup');\n localStorage.removeItem('couponResponse');\n }\n\n toggleNotifications() {\n this.selected ? (this.value = 1) : (this.value = 0);\n this.updateSettings();\n }\n toggleCommentNotification() {\n this.comment ? (this.commentValue = 1) : (this.commentValue = 0);\n this.updateSettings();\n }\n\n getCustomerDeviceList() {\n this.apiService\n .callPostAPI(\n 'v2/customer-device-list',\n { reply_comment: this.commentValue, new_video: this.value },\n environment.userApiUrl\n )\n .subscribe(\n (data: any) => {\n if (data['statusCode'] === 200 && data['error'] === false) {\n this.customerDevices = data.response['customerDeviceList'];\n this.DEVICE_RESTRICTION_TYPE = data.response['device_restriction_type'];\n this.revokeDeviceDetails = null;\n }\n },\n (error) => {\n this.apiService.failureResponse(error);\n }\n );\n }\n\n updateSettings() {\n this.apiService\n .callPostAPI(\n 'v2/notification/settings',\n { reply_comment: this.commentValue, new_video: this.value },\n environment.notificationApiUrl\n )\n .subscribe(\n (data) => {\n if (data['statusCode'] === 200 && data['error'] === false) {\n this.apiService.successResponse(data);\n }\n },\n (error) => {\n this.apiService.failureResponse(error);\n }\n );\n }\n getSettings() {\n this.apiService\n .callPostAPI(\n 'v2/notification/settings',\n {},\n environment.notificationApiUrl\n )\n .subscribe(\n (response) => {\n this.is_subscribed =\n response['response'].notification_setting.is_subscribed;\n this.user_type =\n response['response'].notification_setting.user_type;\n \n \n if (response['response'].notification_setting.new_video === 1) {\n this.selected = true;\n this.value = response['response'].notification_setting.new_video;\n } else {\n this.selected = false;\n this.value = response['response'].notification_setting.new_video;\n }\n if (response['response'].notification_setting.reply_comment === 1) {\n this.comment = true;\n this.commentValue =\n response['response'].notification_setting.reply_comment;\n } else {\n this.comment = false;\n this.commentValue =\n response['response'].notification_setting.reply_comment;\n }\n if (response['response'].notification_setting.auto_play === 1) {\n this.autoplayInput = true;\n } else {\n this.autoplayInput = false;\n }\n },\n (error) => {\n this.apiService.failureResponse(error);\n }\n );\n }\n autoplay() {\n this.apiService\n .callPostAPI(\n 'v2/notification/settings',\n { auto_play: this.autoplayInput },\n environment.notificationApiUrl\n )\n .subscribe(\n (response) => {\n this.apiService.successResponse(response);\n },\n (error) => {\n this.apiService.failureResponse(error);\n }\n );\n localStorage.setItem('autoPlay', this.autoplayInput);\n }\n\n showRevokePopUp(customerDevice) {\n this.getRevokeDevice(customerDevice);\n this.revokeDeviceDetails = customerDevice;\n }\n\n getRevokeDevice(customerDevice) {\n const { device_id } = customerDevice;\n this.apiService\n .callPostAPI(\n 'v2/auth/get_revoke_device',\n { requested_device_id: device_id },\n environment.userApiUrl\n )\n .subscribe(\n (data: any) => {\n if (data['statusCode'] === 200 && data['error'] === false) {\n this.revokeDeviceDetails.message = '';\n }\n },\n (error) => {}\n );\n }\n\n requestRevokeDevice() {\n const { device_id } = this.revokeDeviceDetails;\n const message = this.revokeDeviceDetails.message;\n\n if (message.length > 1000) {\n if (!this.revokeDeviceMsgError) {\n this.revokeDeviceMsgError = true;\n }\n\n setTimeout(() => {\n if (this.revokeDeviceMsgError) {\n this.revokeDeviceMsgError = false;\n }\n }, 5000);\n return;\n }\n\n this.apiService\n .callPostAPI(\n 'v2/auth/revoke_device',\n { requested_device_id: device_id, message },\n environment.userApiUrl\n )\n .subscribe(\n (data: any) => {\n if (data['statusCode'] === 200 && data['error'] === false) {\n this.getCustomerDeviceList();\n this.revokeDeviceDetails = null;\n this.apiService.successResponse(data);\n }\n },\n (error) => {\n this.revokeDeviceDetails = null;\n }\n );\n }\n\n closeRevokePopUp($event) {\n if (\n $event.target.classList.value === 'revoke-popup-overlay' ||\n $event.target.tagName === 'svg'\n ) {\n this.revokeDeviceDetails = null;\n }\n }\n\n cancelMySubscription() {\n this.translate.get('SETTINGS.YES').subscribe((res) => {\n this.yes = res + '...';\n });\n this.apiService\n .callDeleteAPI('v2/unsubscription', environment.paymentApiUrl)\n .subscribe(\n (data) => {\n this.translate.get('SETTINGS.YES').subscribe((res) => {\n this.yes = res;\n });\n const userValues = localStorage.getItem('currentUser');\n\n \n if (userValues) {\n\n \n const userData = this.authService.decryption(userValues);\n userData['response'].is_subscribed = 0;\n const userNewData = this.authService.encryption(userData);\n localStorage.setItem('currentUser', userNewData);\n }\n const elements = document.getElementsByClassName('cancel-subs-popup');\n elements[0].classList.remove('open');\n const element = document.getElementsByTagName('body');\n element[0].classList.remove('modal-popup');\n this.is_subscribed = 0;\n this.apiService.successResponse(data);\n },\n (error) => {\n const elements = document.getElementsByClassName('cancel-subs-popup');\n elements[0].classList.remove('open');\n const element = document.getElementsByTagName('body');\n element[0].classList.remove('modal-popup');\n this.toasterService.error('', 'Sorry! Could not cancel subscription. Try again.');\n this.translate.get('SETTINGS.YES').subscribe((res) => {\n this.yes = res;\n });\n this.apiService.failureResponse(error);\n }\n );\n }\n changeLanguage() {\n localStorage.setItem('currentLanguage', this.language);\n this.translate.use(this.language);\n }\n}\n","module.exports = \"\\n\\n\\n \\n\\n\\n\\n\\n\\n
\\n \\n\\n
\\n \\n My Transactions\\n \\n \\n Rented Videos\\n \\n \\n Security\\n \\n \\n Settings\\n \\n \\n Watch History\\n \\n \\n Favourites\\n \\n \\n\\n \\n
\\n \\n\\n
\\n \\n \\n {{ 'MY_TRANSACTION.S_NO' | translate }} \\n {{ 'MY_TRANSACTION.TRANSACTION_ID' | translate }} \\n {{ 'MY_TRANSACTION.PLAN_NAME' | translate }} \\n {{ 'MY_TRANSACTION.STATUS' | translate }} \\n {{ 'MY_TRANSACTION.AMOUNT' | translate }} \\n {{ 'MY_TRANSACTION.TRANSACTION_ON' | translate }} \\n \\n \\n \\n \\n {{ i + 1 }} \\n {{transaction.transaction_id}} \\n {{ transaction.plan_name }} \\n \\n {{ transaction.season_data.webseries }} - {{ transaction.season_data.title }}\\n {{ transaction.video.title }} \\n \\n N/A\\n {{transaction.status}} \\n {{transaction.currency_symbol}}{{transaction.amount }} \\n {{ transaction.created_at.split(\\\" \\\")[0] }}{{ transaction.updated_at.split(\\\" \\\")[1] | date:\\n 'hh:mm a' }} \\n \\n \\n
\\n\\n\\n\\n
\\n
\\n
\\n \\n \\n \\n \\n \\n\\n\\n
\\n \\n \\n \\n \\n \\n\\n\\n
\\n
No transactions yet
\\n
\\n
\\n\\n
\\n\\n \\n
\\n\\n \\n
\\n\\n \\n
\\n\\n\\n
\\n \\n
\\n\\n\\n\\n\\n\\n\\n \\n \"","module.exports = \".main-light .select-wrapper::after {\\n content: \\\"\\\";\\n position: absolute;\\n right: 16px;\\n top: 50%;\\n transform: translateY(-50%);\\n border-left: 5px solid transparent;\\n border-right: 5px solid transparent;\\n border-top: 5px solid #000000;\\n pointer-events: none; }\\n\\n.main-light .select-payment {\\n height: 62px;\\n width: 100%;\\n padding: 12px 16px;\\n background-color: #F0F0F0;\\n color: #fff;\\n border: none;\\n border-radius: 8px;\\n -webkit-appearance: none;\\n -moz-appearance: none;\\n appearance: none;\\n font-size: 14px;\\n cursor: pointer;\\n font-family: 'Aller';\\n font-style: normal;\\n font-weight: 400;\\n line-height: 160%;\\n color: #FFFFFF;\\n /* margin-right: 10%; */ }\\n\\n@media (max-width: 768px) {\\n .secutriyUp {\\n margin-top: -36% !important;\\n margin-left: 0% !important; }\\n .rentedUp {\\n margin-top: -25% !important;\\n margin-left: 0% !important; }\\n .settingsUp {\\n margin-top: -30% !important;\\n margin-left: 0% !important; } }\\n\\n.secutriyUp {\\n margin-top: -7%;\\n margin-left: -20%; }\\n\\n.settingsUp {\\n margin-top: -7%;\\n margin-left: -12%; }\\n\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9rd2FtZXR3dW0vQml0QnVja2V0L2hvbWkvYW5ndWxhci9zcmMvYXBwL21vZHVsZXMvcHJvZmlsZS90cmFuc2FjdGlvbi90cmFuc2FjdGlvbi5jb21wb25lbnQuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDSztFQUNHLFdBQVc7RUFDWCxrQkFBa0I7RUFDbEIsV0FBVztFQUNYLFFBQVE7RUFDUiwyQkFBMkI7RUFDM0Isa0NBQWtDO0VBQ2xDLG1DQUFtQztFQUNuQyw2QkFBNkI7RUFDN0Isb0JBQW9CLEVBQUE7O0FBR3hCO0VBQ0ksWUFBWTtFQUNaLFdBQVc7RUFDWCxrQkFBa0I7RUFDbEIseUJBQXlCO0VBQ3pCLFdBQVc7RUFDWCxZQUFZO0VBQ1osa0JBQWtCO0VBQ2xCLHdCQUFnQjtLQUFoQixxQkFBZ0I7VUFBaEIsZ0JBQWdCO0VBQ2hCLGVBQWU7RUFDZixlQUFlO0VBQ2Ysb0JBQW9CO0VBQ3BCLGtCQUFrQjtFQUNsQixnQkFBZ0I7RUFDaEIsaUJBQWlCO0VBQ2pCLGNBQWM7RUFDZCx1QkFBQSxFQUF3Qjs7QUFJNUI7RUFDSztJQUNNLDJCQUEyQjtJQUNsQywwQkFBMEIsRUFBQTtFQUd6QjtJQUNNLDJCQUEyQjtJQUNsQywwQkFBMEIsRUFBQTtFQUk5QjtJQUVJLDJCQUEyQjtJQUMzQiwwQkFBMEIsRUFBQSxFQUU3Qjs7QUFHRDtFQUVHLGVBQWU7RUFDZixpQkFBaUIsRUFBQTs7QUFLcEI7RUFFRyxlQUFlO0VBQ2YsaUJBQWlCLEVBQUEiLCJmaWxlIjoic3JjL2FwcC9tb2R1bGVzL3Byb2ZpbGUvdHJhbnNhY3Rpb24vdHJhbnNhY3Rpb24uY29tcG9uZW50LnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyJcbiAgICAgLm1haW4tbGlnaHQgLnNlbGVjdC13cmFwcGVyOjphZnRlciB7XG4gICAgICAgIGNvbnRlbnQ6IFwiXCI7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgcmlnaHQ6IDE2cHg7XG4gICAgICAgIHRvcDogNTAlO1xuICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoLTUwJSk7XG4gICAgICAgIGJvcmRlci1sZWZ0OiA1cHggc29saWQgdHJhbnNwYXJlbnQ7XG4gICAgICAgIGJvcmRlci1yaWdodDogNXB4IHNvbGlkIHRyYW5zcGFyZW50O1xuICAgICAgICBib3JkZXItdG9wOiA1cHggc29saWQgIzAwMDAwMDtcbiAgICAgICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgfVxuXG4gICAgLm1haW4tbGlnaHQgLnNlbGVjdC1wYXltZW50IHtcbiAgICAgICAgaGVpZ2h0OiA2MnB4O1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgcGFkZGluZzogMTJweCAxNnB4O1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjRjBGMEYwO1xuICAgICAgICBjb2xvcjogI2ZmZjtcbiAgICAgICAgYm9yZGVyOiBub25lO1xuICAgICAgICBib3JkZXItcmFkaXVzOiA4cHg7XG4gICAgICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgICAgIGZvbnQtc2l6ZTogMTRweDtcbiAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgICBmb250LWZhbWlseTogJ0FsbGVyJztcbiAgICAgICAgZm9udC1zdHlsZTogbm9ybWFsO1xuICAgICAgICBmb250LXdlaWdodDogNDAwO1xuICAgICAgICBsaW5lLWhlaWdodDogMTYwJTtcbiAgICAgICAgY29sb3I6ICNGRkZGRkY7XG4gICAgICAgIC8qIG1hcmdpbi1yaWdodDogMTAlOyAqL1xuICAgIH1cblxuXG4gICAgQG1lZGlhIChtYXgtd2lkdGg6IDc2OHB4KXtcbiAgICAgICAgIC5zZWN1dHJpeVVwe1xuICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogLTM2JSAhaW1wb3J0YW50O1xuICAgICAgICBtYXJnaW4tbGVmdDogMCUgIWltcG9ydGFudDtcbiAgICAgICAgIH1cblxuICAgICAgICAgLnJlbnRlZFVwIHtcbiAgICAgICAgICAgICAgIG1hcmdpbi10b3A6IC0yNSUgIWltcG9ydGFudDtcbiAgICAgICAgbWFyZ2luLWxlZnQ6IDAlICFpbXBvcnRhbnQ7XG4gICAgICAgICB9XG5cblxuICAgIC5zZXR0aW5nc1Vwe1xuXG4gICAgICAgIG1hcmdpbi10b3A6IC0zMCUgIWltcG9ydGFudDtcbiAgICAgICAgbWFyZ2luLWxlZnQ6IDAlICFpbXBvcnRhbnQ7XG5cbiAgICB9XG4gICAgfVxuXG4gICAgLnNlY3V0cml5VXB7XG5cbiAgICAgICBtYXJnaW4tdG9wOiAtNyU7XG4gICAgICAgbWFyZ2luLWxlZnQ6IC0yMCU7XG5cbiAgICB9XG5cblxuICAgIC5zZXR0aW5nc1Vwe1xuXG4gICAgICAgbWFyZ2luLXRvcDogLTclO1xuICAgICAgIG1hcmdpbi1sZWZ0OiAtMTIlO1xuXG4gICAgfVxuXG4iXX0= */\"","import { Component, OnInit, HostListener } from '@angular/core';\nimport { ApiService } from '../../../core/services/api.service';\nimport { UserService } from '../../../core/services/user.service';\nimport { ActivatedRoute, Router, NavigationEnd } from '@angular/router';\nimport { environment } from '../../../../environments/environment';\nimport { TranslateService } from '@ngx-translate/core';\nimport { GlobalTheme } from '../../../../../src/theme-globals';\nimport { ChangeDetectorRef } from '@angular/core';\n\ndeclare var $: any;\n\ninterface Transaction {\n id: number;\n transactionId: string;\n plan: string;\n status: string;\n amount: number;\n createdDate: string;\n}\n\ninterface RentedVideo {\n id: number;\n name: string;\n status: string;\n amount: number;\n rentedDate: string;\n}\n\ninterface Device {\n name: string;\n os: string;\n loginDate: string;\n}\n\ninterface WatchHistoryItem {\n episodeNumber: number;\n duration: string;\n description: string;\n isHD: boolean;\n ageRating: string;\n}\n\n@Component({\n selector: 'app-transaction',\n templateUrl: './transaction.component.html',\n styleUrls: ['./transaction.component.scss']\n})\nexport class TransactionComponent implements OnInit {\n transaction_id = '';\n plan_name = '';\n transactions: any = [];\n format = 'MMM dd y hh:mm a';\n rowsPerPage = 10;\n typerowsPerPage = 10;\n page = 0;\n final = false;\n type_final = false;\n flag = false;\n type_flag = false;\n loading = false;\n notFound = false;\n sno = 0;\n payment_type: any = 'web';\n type_page = 0;\n theme;\n\n @HostListener('window:scroll', ['$event'])\n onWindowScroll() {\n if (\n $(window).scrollTop() + $(window).height() > $('footer').offset().top &&\n this.final === false &&\n this.flag === false && this.type_flag === true && this.type_final === true\n ) {\n this.flag = true;\n this.getTransactions();\n }\n if (\n $(window).scrollTop() + $(window).height() > $('footer').offset().top &&\n this.type_final === false &&\n this.type_flag === false && this.flag === true && this.final === true\n ) {\n this.type_flag = true;\n this.getTransactionsByType(false, this.payment_type);\n }\n }\n\n activeTab: string = 'transactions1';\n transactions1: Transaction[] = [];\n rentedVideos: RentedVideo[] = [];\n devices: Device[] = [\n {\n name: 'Browser (Safari)',\n os: 'MacIntel',\n loginDate: '12 Sep 2024 04:40 PM'\n },\n {\n name: 'Browser (Chrome)',\n os: 'MacIntel',\n loginDate: '12 Sep 2024 04:40 PM'\n }\n ];\n watchHistory: WatchHistoryItem[] = [\n {\n episodeNumber: 1,\n duration: '1hr 40mins',\n description: 'Lorem ipsum dolor sit amet consectetur. Viverra integ nulla ut sed sem ut eget. Egestas nunc viverra volutpat pharetra suspendisse tristique.',\n isHD: true,\n ageRating: '13+'\n }\n ];\n notificationSettings = {\n newVideos: true,\n comments: true\n };\n\n constructor(\n private apiService: ApiService,\n private userService: UserService,\n private router: Router,\n private translate: TranslateService,\n private cdr: ChangeDetectorRef\n ) {}\n\n ngOnInit() {\n $('.profile-tittle').addClass('my-transaction');\n this.transactions = [];\n this.getTransactions();\n window.scroll({ top: 0, left: 0, behavior: 'smooth' });\n\n\n\n\n if (localStorage.getItem('theme')) {\n if (localStorage.getItem('theme') === 'light') {\n this.translate.get('HEADER.DARK').subscribe((res) => {\n this.theme = res;\n\n console.log(\"WHat theme is this 1 foot --->>\", this.theme)\n\n });\n document\n .getElementsByClassName('dark-icon')[0]\n .classList.remove('activated');\n document.body.classList.add('main-light');\n }\n if (localStorage.getItem('theme') === 'dark') {\n this.translate.get('HEADER.LIGHT').subscribe((res) => {\n this.theme = res;\n console.log(\"WHat theme is this 2 foot --->>\", this.theme)\n });\n document\n .getElementsByClassName('dark-icon')[0]\n .classList.add('activated');\n document.body.classList.add('main-dark');\n }\n } else {\n this.translate.get('HEADER.DARK').subscribe((res) => {\n this.theme = res;\n console.log(\"WHat theme is this 3 foot--->>\", this.theme)\n });\n document.body.classList.add('main-dark');\n localStorage.setItem('theme', 'dark');\n }\n\n // Add listener for theme changes\n const listenerFn = (newTheme) => {\n this.theme = newTheme;\n // Force change detection in this component\n this.cdr.detectChanges();\n };\n \n // Store listener function\n GlobalTheme.listeners.push(listenerFn);\n }\n\n rowsPerPageChange(event: any) {\n this.transactions = [];\n this.page = 0;\n this.rowsPerPage = event.target.value;\n this.getTransactions();\n }\n changePaymentType(e) {\n this.page = 0;\n this.type_page = 0;\n this.transactions = [];\n this.payment_type = e.target.value;\n \n this.type_flag = true;\n this.type_final = true;\n this.flag = true;\n this.final = true;\n this.getTransactionsByType(false, e.target.value);\n }\n getTransactionsByType(refresh = false , type) {\n //this.loading = true;\n this.type_page = this.type_page + 1;\n if (refresh) {\n this.transaction_id = '';\n this.plan_name = '';\n }\n this.apiService\n .callPostAPI(\n 'v2/transactions/records',\n {\n filter: null,\n filters: {},\n intialRequest: 0,\n orderByFieldName: null,\n page: this.type_page,\n type: this.payment_type,\n rowsPerPage: this.typerowsPerPage,\n searchRecord: !refresh\n ? { transaction_id: this.transaction_id, plan_name: this.plan_name }\n : ''\n },\n environment.paymentApiUrl\n )\n .subscribe(\n (data) => {\n if (data['statusCode'] === 200 && data['error'] === false) {\n this.transactions = this.transactions.concat(data['data'].data);\n this.transactions.forEach((value, index) => {\n if(value.series_id != '' || value.season_id != ''){\n this.apiService.callGetAPI('v2/web_season_videos/' + value.category.slug + '/' + value.season_id).subscribe(\n (data) => {\n if (data['statusCode'] === 200 && data['error'] === false) {\n \n value['season_data'] = data['response']['season_data'];\n }\n },\n (error) => {\n this.apiService.failureResponse(error);\n }\n );\n }else{\n value['season_data'] = [];\n }\n });\n this.sno = 0;\n this.type_final = data['data'].next_page_url === null ? true : false;\n this.payment_type = data['type'];\n this.loading = false;\n this.type_flag = false;\n this.notFound = this.transactions.length > 0 ? false : true;\n }\n },\n (error) => {\n this.apiService.failureResponse(error);\n }\n );\n }\n searchFilter() {\n this.transactions = [];\n this.page = 0;\n this.getTransactions();\n }\n\n refrsh() {\n this.transactions = [];\n this.page = 0;\n this.getTransactions(true);\n }\n\n getTransactions(refresh = false) {\n this.loading = true;\n this.page = this.page + 1;\n this.payment_type = null;\n if (refresh) {\n this.transaction_id = '';\n this.plan_name = '';\n }\n this.apiService\n .callPostAPI(\n 'v2/transactions/records',\n {\n filter: null,\n filters: {},\n intialRequest: 0,\n orderByFieldName: null,\n page: this.page,\n rowsPerPage: this.rowsPerPage,\n searchRecord: !refresh\n ? { transaction_id: this.transaction_id, plan_name: this.plan_name }\n : ''\n },\n environment.paymentApiUrl\n )\n .subscribe(\n (data) => {\n if (data['statusCode'] === 200 && data['error'] === false) {\n this.transactions = this.transactions.concat(data['data'].data);\n this.transactions.forEach((value, index) => {\n if(value.series_id != '' || value.season_id != ''){\n this.apiService.callGetAPI('v2/web_season_videos/' + value.category.slug + '/' + value.season_id).subscribe(\n (data) => {\n if (data['statusCode'] === 200 && data['error'] === false) {\n \n value['season_data'] = data['response']['season_data'];\n }\n },\n (error) => {\n this.apiService.failureResponse(error);\n }\n );\n \n }else{\n value['season_data'] = [];\n }\n });\n this.sno = 0;\n this.final = data['data'].next_page_url === null ? true : false;\n this.loading = false;\n this.flag = false;\n this.payment_type = data['type'];\n this.notFound = this.transactions.length > 0 ? false : true;\n }\n },\n (error) => {\n this.apiService.failureResponse(error);\n }\n );\n }\n goToVideo(slug) {\n this.router.navigate(['video/' + slug]);\n }\n\n\n setActiveTab(tab: string): void {\n console.log(\"-----ACTIVE TAB-->>\", tab)\n this.activeTab = tab;\n\n console.log(\"ACTIVE TAB-->>\", this.activeTab)\n }\n\n removeAllHistory(): void {\n this.watchHistory = [];\n }\n\n removeAllFavorites(): void {\n // Implement remove favorites logic\n }\n\n updatePassword(form: any): void {\n // Implement password update logic\n }\n\n deleteAccount(): void {\n // Implement account deletion logic\n }\n}\n","module.exports = \"
\\n \\n
\\n
\\n
\\n
\\n
\\n
\\n \\n Back \\n
\\n
\\n
\\n
\\n Season 1\\n \\n \\n
\\n
\\n \\n \\n
\\n Description\\n
\\n \\n
\\n
\\n
\\n
\\n
\\n
Genre \\n
Genre Name
\\n
\\n
\\n
Starring \\n
\\n \\n \\n Casts\\n \\n
\\n
\\n
\\n
\\n
\\n\\n
\\n\\n\\n\\n
\\n
\\n
\\n\\n \\n
\\n\"","module.exports = \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL21vZHVsZXMvc2VyaWVzLWRldGFpbC9zZWFzb24vZXBpc29kZXMvZXBpc29kZXMuY29tcG9uZW50LnNjc3MifQ== */\"","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'app-episodes',\n templateUrl: './episodes.component.html',\n styleUrls: ['./episodes.component.scss']\n})\nexport class EpisodesComponent implements OnInit {\n\n constructor() { }\n\n ngOnInit() {\n }\n\n}\n","module.exports = \"
\\n \\n
\\n
\\n
\\n
\\n
\\n
\\n \\n Back \\n
\\n
\\n
\\n
\\n {{ season_data.title }}\\n \\n \\n
\\n
\\n
1\\\"> {{ episodes.length }}\\n {{ 'VIDEO_DETAIL.EPISODES' | translate }}\\n \\n
{{ episodes.length }}\\n {{ 'VIDEO_DETAIL.EPISODE' | translate }}\\n \\n
{{\\n season_data.release_date}} \\n
\\n \\n \\n \\n \\n \\n \\n \\n
\\n \\n \\n \\n
\\n {{ season_data.description_small\\n }} 300\\\">... Read More \\n
\\n
\\n \\n {{ season_data.description }}\\n 300\\\">... Read Less \\n
\\n \\n
\\n
\\n
\\n
\\n
\\n
Genre \\n
{{ season_data.genre }}
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n\"","module.exports = \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL21vZHVsZXMvc2VyaWVzLWRldGFpbC9zZWFzb24vc2Vhc29uLmNvbXBvbmVudC5zY3NzIn0= */\"","import { Component, OnInit, HostListener } from '@angular/core';\nimport { ActivatedRoute, Router, NavigationEnd } from '@angular/router';\nimport { ApiService } from '../../../core/services/api.service';\nimport { AuthService } from '../../../core/auth/auth.service';\nimport { environment } from '../../../../environments/environment';\nimport { UserService } from '../../../core/services/user.service';\nimport {HandleLastItemonHover} from '../../../shared/utils/handlelastitemonhover';\nimport {UpdateFavouriteIcon} from '../../../shared/utils/updatefavouriteicon';\nimport { VideoShareService } from '../../../core/services/video-share.service';\ndeclare var $: any;\n@Component({\n selector: 'app-season',\n templateUrl: './season.component.html',\n styleUrls: ['./season.component.scss']\n})\nexport class SeasonComponent implements OnInit {\n params: any;\n season_id: any;\n season_data: any;\n userData: any;\n webseries_slug: any;\n webseries_id: any;\n episodes: any;\n seasonlist:any;\n final = true;\n flag = true;\n loading = false;\n page = 1;\n scrollOn: boolean;\n notFound = false;\n noVideo: any;\n sliderMovedData: any;\n sliderRowItem: any;\n more = false;\n moreText = 'More';\n constructor(\n private apiService: ApiService,\n private authService: AuthService,\n private route: ActivatedRoute,\n private router: Router,\n private userService: UserService,\n private videoShareService: VideoShareService,\n ) {\n this.season_id = this.route.snapshot.params.season_id;\n this.webseries_id = this.route.snapshot.params.series_slug;\n \n\n console.log(\"SEASON ID IS-->\", this.season_id)\n console.log(\"webseries_id ID IS-->\", this.webseries_id)\n \n }\n\n ngOnInit() {\n \n this.scrollToTop();\n this.getSessionVideos();\n \n const userValues = localStorage.getItem('currentUser');\n if (userValues) {\n const userData = this.authService.decryption(userValues);\n this.userData = userData['response'];\n //console.log(this.userData);\n }\n }\n handleTvodLogin(slug) {\n if (localStorage.getItem('currentUser')) {\n \n localStorage.setItem('subscribeUrl', window.location.pathname);\n this.router.navigate(['checkout/ssvod/' + this.webseries_id + '/' + this.season_id]);\n // this.router.navigate(['checkout/tvod/' + this.params+'?series=\"webseries\"']);\n this.userService.redirectUrl('checkout/ssvod/' + this.season_id);\n localStorage.setItem('retryUrl', 'checkout/ssvod/' + this.season_id);\n } else if (!localStorage.getItem('currentUser')) {\n this.userService.displayPopup('sign-in');\n this.userService.redirectUrl('season/' + this.season_id);\n } else {\n // this.userService.redirectUrl('watch/' + this.webseries.webseries_info.slug);\n this.router.navigate(['watch/' + slug]);\n }\n }\n scrollToTop() {\n window.scroll({\n top: 0,\n left: 0,\n behavior: 'smooth'\n });\n }\n detailPageBack() {\n this.router.navigate([\n 'webseries/' +\n this.webseries_slug\n ]);\n }\n\n @HostListener('window:scroll', ['$event'])\n onWindowScroll() {\n if (\n $(window).scrollTop() + $(window).height() > $('footer').offset().top &&\n this.final === false &&\n this.flag === false &&\n this.scrollOn === true\n ) {\n this.loading = true;\n this.flag = true;\n this.getSessionVideos();\n }\n }\n\n getSessionVideos() {\n this.loading = true;\n this.page = this.page;\n this.apiService\n .callGetAPI(\n 'v2/web_season_videos/' + this.webseries_id + '/' + this.season_id+'?page=' + this.page\n )\n .subscribe(\n (data) => {\n if (data['statusCode'] === 200 && data['error'] === false) {\n\n this.season_data = data['response']['season_data'];\n\n \n\n this.season_data.description_small =\n this.season_data.description\n .length > 300\n ? this.season_data.description.substr(\n 0,\n 300\n )\n : this.season_data.description;\n this.more =\n this.season_data.description\n .length > 300\n ? true\n : false;\n\n this.webseries_slug = this.season_data.webseries_slug;\n if (this.page == 1) {\n this.episodes = [];\n }\n \n if (data['response']['season_list']['data'].length > 0) {\n this.episodes = this.episodes.concat(data['response']['season_list']['data']);\n this.seasonlist = this.episodes.concat(data['response']['season_list']);\n this.seasonlist.total = data['response']['season_list'].total;\n // console.log('this.seasonlist',this.seasonlist);\n // console.log('this.episodes',this.episodes);\n // console.log();\n this.final = data['response'].next_page_url === null ? true : false;\n this.loading = false;\n this.flag = false;\n this.notFound = this.episodes.length > 0 ? false : true;\n this.scrollOn = true;\n } else {\n this.final = true;\n this.loading = false;\n this.flag = false;\n this.scrollOn = false;\n }\n }\n },\n (error) => {\n this.apiService.failureResponse(error, true);\n }\n );\n }\n getMoreSeasonVideos() {\n this.loading = true;\n this.page = this.page+1;\n this.apiService\n .callGetAPI(\n 'v2/web_season_videos/' + this.webseries_id + '/' + this.season_id+'?page=' + this.page\n )\n .subscribe(\n (data) => {\n if (data['statusCode'] === 200 && data['error'] === false) {\n\n this.season_data = data['response']['season_data'];\n this.webseries_slug = this.season_data.webseries_slug;\n if (this.page == 1) {\n this.episodes = [];\n }\n \n if (data['response']['season_list']['data'].length > 0) {\n this.episodes = this.episodes.concat(data['response']['season_list']['data']);\n this.seasonlist = this.episodes.concat(data['response']['season_list']);\n this.seasonlist.total = data['response']['season_list'].total;\n this.final = data['response'].next_page_url === null ? true : false;\n this.loading = false;\n this.flag = false;\n this.notFound = this.episodes.length > 0 ? false : true;\n this.scrollOn = true;\n } else {\n this.final = true;\n this.loading = false;\n this.flag = false;\n this.scrollOn = false;\n }\n }\n },\n (error) => {\n this.apiService.failureResponse(error, true);\n }\n );\n }\n \n handleLastItemOnHover(event, i: number, section: string) {\n HandleLastItemonHover(event, i, section, this.sliderMovedData);\n }\n updateFavourite(event: any, video) {\n UpdateFavouriteIcon(event, video);\n }\n ngAfterContentInit() {\n this.videoShareService.sliderMovedItems.subscribe((data) => {\n this.sliderMovedData = data;\n });\n this.videoShareService.sliderRowItemsCount.subscribe((data) => {\n this.sliderRowItem = data;\n });\n }\n\n}\n","import { NgModule } from '@angular/core';\nimport { Routes, RouterModule } from '@angular/router';\nimport { SignInComponent } from './sign-in.component';\n\nconst routes: Routes = [\n { path: 'sign-in', component: SignInComponent }\n];\n\n@NgModule({\n imports: [RouterModule.forChild(routes)],\n exports: [RouterModule],\n})\nexport class SignInRoutingModule { }\n","module.exports = \"
\\n
\\n\\n
\\n
\\n \\n\\n\\n
\\n
\\n \\n\\n
\\n\\n\\n\\n\\n
\\n
\\n
{{ commonError }}\\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n
\\n \\n\\n
Phone: {{this.user.email}} \\n \\n\\n\\n
Activate Account\\n \\n\\n
\\n
\\n\\n\\n
Confirm OTP\\n \\n
\\n
\\n\\n\\n\\n\\n\\n\\n \\n
\\n\\n
\\n
\\n
\\n
\\n\\n\"","module.exports = \".modal-header {\\n text-align: center;\\n margin-bottom: 2rem; }\\n\\n.modal22 {\\n max-width: 400px;\\n margin-left: 20%; }\\n\\n.modal-content {\\n box-sizing: border-box;\\n width: 700px;\\n height: 600px;\\n background: #000000;\\n border: 1px solid #838383;\\n border-radius: 10px;\\n margin-left: -35%; }\\n\\n.close1 {\\n z-index: 9999999999999;\\n float: right;\\n position: absolute;\\n top: 9rem;\\n right: -17rem;\\n color: #ffffff;\\n font-size: 1.5rem;\\n cursor: pointer;\\n box-sizing: border-box;\\n width: 27px;\\n height: 27px;\\n background: #000000;\\n border: 1px solid #838383;\\n border-radius: 5px;\\n padding-right: 0px;\\n padding-top: 3px; }\\n\\n#modalIframe {\\n box-sizing: border-box;\\n position: absolute;\\n width: 700px;\\n height: 767px;\\n right: 30%;\\n top: 20%;\\n background: #000000;\\n border: 1px solid #838383;\\n border-radius: 10px; }\\n\\n@media (max-width: 768px) {\\n #modalIframe {\\n box-sizing: border-box;\\n position: absolute;\\n width: 291px;\\n height: 602px;\\n left: 0%;\\n top: 20%;\\n margin: 0px 50px 0px 50px !important;\\n /* black */\\n background: #000000;\\n /* dark grey */\\n border: 1px solid #838383;\\n border-radius: 10px; }\\n .signup-button {\\n width: 100% !important; } }\\n\\n@media (min-width: 1400px) {\\n .close1 {\\n z-index: 9999999999999;\\n float: right;\\n position: absolute;\\n top: 7rem;\\n right: -8rem;\\n color: #ffffff;\\n font-size: 1.5rem;\\n cursor: pointer;\\n box-sizing: border-box;\\n width: 27px;\\n height: 27px;\\n background: #000000;\\n border: 1px solid #838383;\\n border-radius: 5px;\\n padding-right: 0px;\\n padding-top: 3px; } }\\n\\n.modal-header h1 {\\n margin-bottom: 0.5rem;\\n height: 45px;\\n font-family: 'Avenir';\\n font-style: normal;\\n font-weight: 800;\\n font-size: 32px;\\n line-height: 140%;\\n text-align: center;\\n color: #FFFFFF; }\\n\\n.modal-header p {\\n /* color: #999; */\\n height: 26px;\\n font-family: 'Aller';\\n font-style: normal;\\n font-weight: 400;\\n font-size: 16px;\\n line-height: 160%;\\n text-align: center;\\n color: #FFFFFF; }\\n\\n.form-group {\\n margin-bottom: 1rem;\\n margin-bottom: 1rem;\\n box-sizing: border-box;\\n /* position: absolute; */\\n left: 0%;\\n right: 0%;\\n top: 0%;\\n bottom: 0%;\\n background: rgba(240, 240, 240, 0.27);\\n border: 1px solid rgba(255, 255, 255, 0.5);\\n border-radius: 10px; }\\n\\n.form-control {\\n width: 100%;\\n padding: 1rem;\\n background: rgba(234, 234, 234, 0);\\n border: none;\\n border-radius: 10px;\\n color: white;\\n font-size: 1rem;\\n margin-top: 0%;\\n margin-bottom: 0%; }\\n\\n.password-input {\\n position: relative; }\\n\\n.password-toggle {\\n position: absolute;\\n right: 1rem;\\n top: 50%;\\n transform: translateY(-50%);\\n background: none;\\n border: none;\\n color: #666;\\n cursor: pointer; }\\n\\n.checkbox-group {\\n display: flex;\\n align-items: center;\\n gap: 0.5rem;\\n margin: 1rem 0; }\\n\\n.checkbox-group input[type=\\\"checkbox\\\"] {\\n width: 18px;\\n height: 18px;\\n accent-color: #9333ea;\\n -webkit-appearance: auto;\\n -moz-appearance: auto;\\n appearance: auto; }\\n\\n.signup-button {\\n /* width: 100%;\\n padding: 1rem;\\n background: #9333ea;\\n color: white;\\n border: none;\\n border-radius: 5px;\\n font-size: 1rem;\\n cursor: pointer;\\n margin-bottom: 1rem; */\\n /* Large Button */\\n color: white;\\n /* Auto layout */\\n display: flex;\\n flex-direction: row;\\n justify-content: center;\\n align-items: center;\\n padding: 20px 40px;\\n gap: 10px;\\n width: 392px;\\n height: 50px;\\n /* primary2 */\\n background: #822EE0;\\n border-radius: 10px;\\n /* Inside auto layout */\\n flex: none;\\n order: 1;\\n align-self: stretch;\\n flex-grow: 0;\\n /* p1/button */\\n font-family: 'Aller';\\n font-style: normal;\\n font-weight: 700;\\n font-size: 18px;\\n line-height: 18px;\\n /* identical to box height, or 100% */\\n /* white */\\n color: #FFFFFF;\\n /* Inside auto layout */\\n flex: none;\\n order: 0;\\n flex-grow: 0; }\\n\\n.signin-link {\\n text-align: center;\\n margin-bottom: 2rem;\\n /* Already have an account? Sign In */\\n height: 26px;\\n /* p2/regular */\\n font-family: 'Aller';\\n font-style: normal;\\n font-weight: 400;\\n font-size: 16px;\\n line-height: 160%;\\n /* identical to box height, or 26px */\\n text-align: center;\\n /* white */\\n color: #FFFFFF;\\n /* Inside auto layout */\\n flex: none;\\n order: 1;\\n align-self: stretch;\\n flex-grow: 0;\\n margin-top: 2em; }\\n\\n.signin-link a {\\n color: #ffffff;\\n text-decoration: underline !important;\\n cursor: pointer; }\\n\\n.divider {\\n display: flex;\\n align-items: center;\\n text-align: center;\\n margin: 1rem 0;\\n color: #666; }\\n\\n.divider::before,\\n.divider::after {\\n content: '';\\n flex: 1;\\n border-bottom: 1px solid #333; }\\n\\n.divider span {\\n padding: 0 10px;\\n background: rgba(240, 240, 240, 0.27);\\n border-radius: 5px;\\n color: white; }\\n\\n.social-login {\\n display: flex;\\n justify-content: center;\\n gap: 1rem;\\n margin-top: 1rem;\\n cursor: pointer; }\\n\\n.social-button {\\n width: 48px;\\n height: 48px;\\n border-radius: 50%;\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n border: none;\\n cursor: pointer;\\n background: #fff;\\n cursor: pointer; }\\n\\n.social-button img {\\n width: 24px;\\n height: 24px; }\\n\\n.facebook {\\n background: #1877f2; }\\n\\n.agree {\\n height: 26px;\\n font-family: 'Aller';\\n font-style: normal;\\n font-weight: 400;\\n font-size: 16px;\\n line-height: 160%;\\n color: #FFFFFF;\\n flex: none;\\n /* order: 1; */\\n flex-grow: 0; }\\n\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9rd2FtZXR3dW0vQml0QnVja2V0L2hvbWkvYW5ndWxhci9zcmMvYXBwL21vZHVsZXMvc2lnbi1pbi9zaWduLWluLmNvbXBvbmVudC5zY3NzIiwic3JjL2FwcC9tb2R1bGVzL3NpZ24taW4vc2lnbi1pbi5jb21wb25lbnQuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBTTtFQUNNLGtCQUFrQjtFQUNsQixtQkFBbUIsRUFBQTs7QUFHNUI7RUFLVSxnQkFBZ0I7RUFDaEIsZ0JBQWdCLEVBQUE7O0FBTXpCO0VBT0ssc0JBQXNCO0VBRXZCLFlBQVk7RUFDWixhQUFhO0VBR2IsbUJBQW1CO0VBQ25CLHlCQUF5QjtFQUN6QixtQkFBbUI7RUFDbkIsaUJBQWlCLEVBQUE7O0FBR3JCO0VBQ0ksc0JBQXNCO0VBQzFCLFlBQVk7RUFDWixrQkFBa0I7RUFDbEIsU0FBUztFQUNULGFBQWE7RUFDYixjQUFjO0VBQ2QsaUJBQWlCO0VBQ2pCLGVBQWU7RUFDZixzQkFBc0I7RUFDdEIsV0FBVztFQUNYLFlBQVk7RUFDWixtQkFBbUI7RUFDbkIseUJBQXlCO0VBQ3pCLGtCQUFrQjtFQUNsQixrQkFBa0I7RUFDbEIsZ0JBQWdCLEVBQUE7O0FBSWhCO0VBQ0ksc0JBQXNCO0VBQ3RCLGtCQUFrQjtFQUNsQixZQUFZO0VBQ1osYUFBYTtFQUNiLFVBQVU7RUFDVixRQUFRO0VBQ1IsbUJBQW1CO0VBQ25CLHlCQUF5QjtFQUN6QixtQkFBbUIsRUFBQTs7QUFJdkI7RUFDSTtJQUNJLHNCQUFzQjtJQUV0QixrQkFBa0I7SUFDbEIsWUFBWTtJQUNaLGFBQWE7SUFDYixRQUFRO0lBQ1IsUUFBUTtJQUNSLG9DQUFvQztJQUVwQyxVQUFBO0lBQ0EsbUJBQW1CO0lBQ25CLGNBQUE7SUFDQSx5QkFBeUI7SUFDekIsbUJBQW1CLEVBQUE7RUFHdkI7SUFFSSxzQkFDSixFQUFBLEVBQUM7O0FBUUo7RUFFQTtJQUNHLHNCQUFzQjtJQUMxQixZQUFZO0lBQ1osa0JBQWtCO0lBQ2xCLFNBQVM7SUFDVCxZQUFZO0lBQ1osY0FBYztJQUNkLGlCQUFpQjtJQUNqQixlQUFlO0lBQ2Ysc0JBQXNCO0lBQ3RCLFdBQVc7SUFDWCxZQUFZO0lBQ1osbUJBQW1CO0lBQ25CLHlCQUF5QjtJQUN6QixrQkFBa0I7SUFDbEIsa0JBQWtCO0lBQ2xCLGdCQUFnQixFQUFBLEVBQ2Y7O0FBTUE7RUFFTyxxQkFBcUI7RUFFckIsWUFBWTtFQUNaLHFCQUFxQjtFQUNyQixrQkFBa0I7RUFDbEIsZ0JBQWdCO0VBQ2hCLGVBQWU7RUFDZixpQkFBaUI7RUFDakIsa0JBQWtCO0VBQ2xCLGNBQWMsRUFBQTs7QUFHbEI7RUFDSSxpQkFBQTtFQUVBLFlBQVk7RUFDWixvQkFBb0I7RUFDcEIsa0JBQWtCO0VBQ2xCLGdCQUFnQjtFQUNoQixlQUFlO0VBQ2YsaUJBQWlCO0VBQ2pCLGtCQUFrQjtFQUNsQixjQUFjLEVBQUE7O0FBTWxCO0VBQ0ksbUJBQW1CO0VBQ25CLG1CQUFtQjtFQUNuQixzQkFBc0I7RUFDdEIsd0JBQUE7RUFDQSxRQUFRO0VBQ1IsU0FBUztFQUNULE9BQU87RUFDUCxVQUFVO0VBQ1YscUNBQXFDO0VBQ3JDLDBDQUEwQztFQUMxQyxtQkFBbUIsRUFBQTs7QUFJdkI7RUFDSSxXQUFXO0VBQ1gsYUFBYTtFQUVaLGtDQUFrQztFQUNuQyxZQUFZO0VBQ1osbUJBQW1CO0VBQ25CLFlBQVk7RUFDWixlQUFlO0VBQ2YsY0FBYztFQUN0QixpQkFBaUIsRUFBQTs7QUFHYjtFQUNJLGtCQUFrQixFQUFBOztBQUd0QjtFQUNJLGtCQUFrQjtFQUNsQixXQUFXO0VBQ1gsUUFBUTtFQUNSLDJCQUEyQjtFQUMzQixnQkFBZ0I7RUFDaEIsWUFBWTtFQUNaLFdBQVc7RUFDWCxlQUFlLEVBQUE7O0FBR25CO0VBQ0ksYUFBYTtFQUNiLG1CQUFtQjtFQUNuQixXQUFXO0VBQ1gsY0FBYyxFQUFBOztBQUdsQjtFQUNJLFdBQVc7RUFDWCxZQUFZO0VBQ1oscUJBQXFCO0VBQ3JCLHdCQUFnQjtLQUFoQixxQkFBZ0I7VUFBaEIsZ0JBQWdCLEVBQUE7O0FBR3BCO0VBQ0k7Ozs7Ozs7O2tDQ2pEc0I7RUQwRHRCLGlCQUFBO0VBQ0EsWUFBWTtFQUNaLGdCQUFBO0VBQ0EsYUFBYTtFQUNiLG1CQUFtQjtFQUNuQix1QkFBdUI7RUFDdkIsbUJBQW1CO0VBQ25CLGtCQUFrQjtFQUNsQixTQUFTO0VBRVQsWUFBWTtFQUNaLFlBQVk7RUFFWixhQUFBO0VBQ0EsbUJBQW1CO0VBQ25CLG1CQUFtQjtFQUVuQix1QkFBQTtFQUNBLFVBQVU7RUFDVixRQUFRO0VBQ1IsbUJBQW1CO0VBQ25CLFlBQVk7RUFFWixjQUFBO0VBQ0Esb0JBQW9CO0VBQ3BCLGtCQUFrQjtFQUNsQixnQkFBZ0I7RUFDaEIsZUFBZTtFQUNmLGlCQUFpQjtFQUNqQixxQ0FBQTtFQUVBLFVBQUE7RUFDQSxjQUFjO0VBR2QsdUJBQUE7RUFDQSxVQUFVO0VBQ1YsUUFBUTtFQUNSLFlBQVksRUFBQTs7QUFLaEI7RUFDSSxrQkFBa0I7RUFDbEIsbUJBQW1CO0VBRW5CLHFDQUFBO0VBR0EsWUFBWTtFQUVaLGVBQUE7RUFDQSxvQkFBb0I7RUFDcEIsa0JBQWtCO0VBQ2xCLGdCQUFnQjtFQUNoQixlQUFlO0VBQ2YsaUJBQWlCO0VBQ2pCLHFDQUFBO0VBQ0Esa0JBQWtCO0VBRWxCLFVBQUE7RUFDQSxjQUFjO0VBR2QsdUJBQUE7RUFDQSxVQUFVO0VBQ1YsUUFBUTtFQUNSLG1CQUFtQjtFQUNuQixZQUFZO0VBQ1osZUFBZSxFQUFBOztBQUluQjtFQUNJLGNBQWM7RUFDZCxxQ0FBcUM7RUFDcEMsZUFDTCxFQUFBOztBQUVBO0VBQ0ksYUFBYTtFQUNiLG1CQUFtQjtFQUNuQixrQkFBa0I7RUFDbEIsY0FBYztFQUNkLFdBQVcsRUFBQTs7QUFHZjs7RUFFSSxXQUFXO0VBQ1gsT0FBTztFQUNQLDZCQUE2QixFQUFBOztBQUdqQztFQUNJLGVBQWU7RUFDZixxQ0FBcUM7RUFDckMsa0JBQWtCO0VBQ2xCLFlBQVksRUFBQTs7QUFHaEI7RUFDSSxhQUFhO0VBQ2IsdUJBQXVCO0VBQ3ZCLFNBQVM7RUFDVCxnQkFBZ0I7RUFDaEIsZUFBZSxFQUFBOztBQUduQjtFQUNJLFdBQVc7RUFDWCxZQUFZO0VBQ1osa0JBQWtCO0VBQ2xCLGFBQWE7RUFDYixtQkFBbUI7RUFDbkIsdUJBQXVCO0VBQ3ZCLFlBQVk7RUFDWixlQUFlO0VBQ2YsZ0JBQWdCO0VBQ2hCLGVBQWUsRUFBQTs7QUFHbkI7RUFDSSxXQUFXO0VBQ1gsWUFBWSxFQUFBOztBQUdoQjtFQUNJLG1CQUFtQixFQUFBOztBQUd2QjtFQUNJLFlBQVk7RUFDWixvQkFBb0I7RUFDcEIsa0JBQWtCO0VBQ2xCLGdCQUFnQjtFQUNoQixlQUFlO0VBQ2YsaUJBQWlCO0VBQ2pCLGNBQWM7RUFDZCxVQUFVO0VBQ1YsY0FBQTtFQUNBLFlBQVksRUFBQSIsImZpbGUiOiJzcmMvYXBwL21vZHVsZXMvc2lnbi1pbi9zaWduLWluLmNvbXBvbmVudC5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiICAgICAgLm1vZGFsLWhlYWRlciB7XG4gICAgICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgICAgICAgICBtYXJnaW4tYm90dG9tOiAycmVtO1xuICAgICAgICB9XG4gICBcbiAgIC5tb2RhbDIyIHtcbiAgICAgICAgICAgXG4gICAgICAgICAgICAvLyBib3JkZXItcmFkaXVzOiAxMHB4O1xuICAgICAgICAgICAgLy8gcGFkZGluZzogMnJlbTtcbiAgICAgICAgICAgIC8vIHdpZHRoOiA5MCU7XG4gICAgICAgICAgICAgbWF4LXdpZHRoOiA0MDBweDtcbiAgICAgICAgICAgICBtYXJnaW4tbGVmdDogMjAlO1xuICAgICAgICAgICAgLy8gcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICAgICAgLy8gY29sb3I6IHdoaXRlO1xuXG4gICAgICAgIH1cblxuICAgIC5tb2RhbC1jb250ZW50IHtcbiAgICAgICAgXG4gICAgICAgIC8vIG1hcmdpbjogOCUgYXV0bztcbiAgICAgICAgLy8gcGFkZGluZzogMjBweDsgICBcbiAgICAgICAgLy8gd2lkdGg6IDEwMCU7XG4gICAgICAgIC8vIG1heC13aWR0aDogMTAwdmg7XG4gICAgICAgIC8vIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgIC8vIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgd2lkdGg6IDcwMHB4O1xuICAgICAgICBoZWlnaHQ6IDYwMHB4O1xuICAgICAgICAvLyByaWdodDogMzAlO1xuICAgICAgICAvLyB0b3A6IDIwJTtcbiAgICAgICAgYmFja2dyb3VuZDogIzAwMDAwMDtcbiAgICAgICAgYm9yZGVyOiAxcHggc29saWQgIzgzODM4MztcbiAgICAgICAgYm9yZGVyLXJhZGl1czogMTBweDtcbiAgICAgICAgbWFyZ2luLWxlZnQ6IC0zNSU7XG4gICAgfVxuXG4gICAgLmNsb3NlMXtcbiAgICAgICAgei1pbmRleDogOTk5OTk5OTk5OTk5OTtcbiAgICBmbG9hdDogcmlnaHQ7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogOXJlbTtcbiAgICByaWdodDogLTE3cmVtO1xuICAgIGNvbG9yOiAjZmZmZmZmO1xuICAgIGZvbnQtc2l6ZTogMS41cmVtO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIHdpZHRoOiAyN3B4O1xuICAgIGhlaWdodDogMjdweDtcbiAgICBiYWNrZ3JvdW5kOiAjMDAwMDAwO1xuICAgIGJvcmRlcjogMXB4IHNvbGlkICM4MzgzODM7XG4gICAgYm9yZGVyLXJhZGl1czogNXB4O1xuICAgIHBhZGRpbmctcmlnaHQ6IDBweDtcbiAgICBwYWRkaW5nLXRvcDogM3B4O1xuICAgIH1cblxuXG4gICAgI21vZGFsSWZyYW1lIHtcbiAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICB3aWR0aDogNzAwcHg7XG4gICAgICAgIGhlaWdodDogNzY3cHg7XG4gICAgICAgIHJpZ2h0OiAzMCU7XG4gICAgICAgIHRvcDogMjAlO1xuICAgICAgICBiYWNrZ3JvdW5kOiAjMDAwMDAwO1xuICAgICAgICBib3JkZXI6IDFweCBzb2xpZCAjODM4MzgzO1xuICAgICAgICBib3JkZXItcmFkaXVzOiAxMHB4O1xuXG4gICAgfVxuXG4gICAgQG1lZGlhIChtYXgtd2lkdGg6IDc2OHB4KSB7XG4gICAgICAgICNtb2RhbElmcmFtZSB7XG4gICAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXG4gICAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgICB3aWR0aDogMjkxcHg7XG4gICAgICAgICAgICBoZWlnaHQ6IDYwMnB4O1xuICAgICAgICAgICAgbGVmdDogMCU7XG4gICAgICAgICAgICB0b3A6IDIwJTtcbiAgICAgICAgICAgIG1hcmdpbjogMHB4IDUwcHggMHB4IDUwcHggIWltcG9ydGFudDtcblxuICAgICAgICAgICAgLyogYmxhY2sgKi9cbiAgICAgICAgICAgIGJhY2tncm91bmQ6ICMwMDAwMDA7XG4gICAgICAgICAgICAvKiBkYXJrIGdyZXkgKi9cbiAgICAgICAgICAgIGJvcmRlcjogMXB4IHNvbGlkICM4MzgzODM7XG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiAxMHB4O1xuICAgICAgICB9XG5cbiAgICAgICAgLnNpZ251cC1idXR0b24ge1xuXG4gICAgICAgICAgICB3aWR0aDogMTAwJSAhaW1wb3J0YW50XG4gICAgICAgIH1cblxuXG4gICAgIFxuXG5cbiAgICB9XG5cbiAgICAgQG1lZGlhIChtaW4td2lkdGg6IDE0MDBweCkge1xuXG4gICAgIC5jbG9zZTF7XG4gICAgICAgIHotaW5kZXg6IDk5OTk5OTk5OTk5OTk7XG4gICAgZmxvYXQ6IHJpZ2h0O1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IDdyZW07XG4gICAgcmlnaHQ6IC04cmVtO1xuICAgIGNvbG9yOiAjZmZmZmZmO1xuICAgIGZvbnQtc2l6ZTogMS41cmVtO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIHdpZHRoOiAyN3B4O1xuICAgIGhlaWdodDogMjdweDtcbiAgICBiYWNrZ3JvdW5kOiAjMDAwMDAwO1xuICAgIGJvcmRlcjogMXB4IHNvbGlkICM4MzgzODM7XG4gICAgYm9yZGVyLXJhZGl1czogNXB4O1xuICAgIHBhZGRpbmctcmlnaHQ6IDBweDtcbiAgICBwYWRkaW5nLXRvcDogM3B4O1xuICAgIH1cbn1cblxuXG5cblxuICAgICAubW9kYWwtaGVhZGVyIGgxIHtcbiAgICAgICAgIFxuICAgICAgICAgICAgbWFyZ2luLWJvdHRvbTogMC41cmVtO1xuICAgICAgICAgICAgLy8gd2lkdGg6IDM5MnB4ICFpbXBvcnRhbnQ7XG4gICAgICAgICAgICBoZWlnaHQ6IDQ1cHg7XG4gICAgICAgICAgICBmb250LWZhbWlseTogJ0F2ZW5pcic7XG4gICAgICAgICAgICBmb250LXN0eWxlOiBub3JtYWw7XG4gICAgICAgICAgICBmb250LXdlaWdodDogODAwO1xuICAgICAgICAgICAgZm9udC1zaXplOiAzMnB4O1xuICAgICAgICAgICAgbGluZS1oZWlnaHQ6IDE0MCU7XG4gICAgICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgICAgICAgICBjb2xvcjogI0ZGRkZGRjtcbiAgICAgICAgfVxuXG4gICAgICAgIC5tb2RhbC1oZWFkZXIgcCB7XG4gICAgICAgICAgICAvKiBjb2xvcjogIzk5OTsgKi9cbiAgICAgICAgICAgIC8vIHdpZHRoOiAzOTJweDtcbiAgICAgICAgICAgIGhlaWdodDogMjZweDtcbiAgICAgICAgICAgIGZvbnQtZmFtaWx5OiAnQWxsZXInO1xuICAgICAgICAgICAgZm9udC1zdHlsZTogbm9ybWFsO1xuICAgICAgICAgICAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgICAgICAgICAgIGxpbmUtaGVpZ2h0OiAxNjAlO1xuICAgICAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgICAgICAgICAgY29sb3I6ICNGRkZGRkY7XG4gICAgICAgIH1cblxuXG4gICAgICBcblxuICAgICAgICAuZm9ybS1ncm91cCB7XG4gICAgICAgICAgICBtYXJnaW4tYm90dG9tOiAxcmVtO1xuICAgICAgICAgICAgbWFyZ2luLWJvdHRvbTogMXJlbTtcbiAgICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgICAvKiBwb3NpdGlvbjogYWJzb2x1dGU7ICovXG4gICAgICAgICAgICBsZWZ0OiAwJTtcbiAgICAgICAgICAgIHJpZ2h0OiAwJTtcbiAgICAgICAgICAgIHRvcDogMCU7XG4gICAgICAgICAgICBib3R0b206IDAlO1xuICAgICAgICAgICAgYmFja2dyb3VuZDogcmdiYSgyNDAsIDI0MCwgMjQwLCAwLjI3KTtcbiAgICAgICAgICAgIGJvcmRlcjogMXB4IHNvbGlkIHJnYmEoMjU1LCAyNTUsIDI1NSwgMC41KTtcbiAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDEwcHg7XG5cbiAgICAgICAgfVxuXG4gICAgICAgIC5mb3JtLWNvbnRyb2wge1xuICAgICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgICBwYWRkaW5nOiAxcmVtO1xuICAgICAgICAgICAgIC8vYmFja2dyb3VuZDogIzMzMztcbiAgICAgICAgICAgICBiYWNrZ3JvdW5kOiByZ2JhKDIzNCwgMjM0LCAyMzQsIDApO1xuICAgICAgICAgICAgYm9yZGVyOiBub25lO1xuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogMTBweDtcbiAgICAgICAgICAgIGNvbG9yOiB3aGl0ZTtcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogMXJlbTtcbiAgICAgICAgICAgIG1hcmdpbi10b3A6IDAlO1xuICAgIG1hcmdpbi1ib3R0b206IDAlO1xuICAgICAgICB9XG5cbiAgICAgICAgLnBhc3N3b3JkLWlucHV0IHtcbiAgICAgICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5wYXNzd29yZC10b2dnbGUge1xuICAgICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICAgICAgcmlnaHQ6IDFyZW07XG4gICAgICAgICAgICB0b3A6IDUwJTtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgtNTAlKTtcbiAgICAgICAgICAgIGJhY2tncm91bmQ6IG5vbmU7XG4gICAgICAgICAgICBib3JkZXI6IG5vbmU7XG4gICAgICAgICAgICBjb2xvcjogIzY2NjtcbiAgICAgICAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAgICAgfVxuXG4gICAgICAgIC5jaGVja2JveC1ncm91cCB7XG4gICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgICAgIGdhcDogMC41cmVtO1xuICAgICAgICAgICAgbWFyZ2luOiAxcmVtIDA7XG4gICAgICAgIH1cblxuICAgICAgICAuY2hlY2tib3gtZ3JvdXAgaW5wdXRbdHlwZT1cImNoZWNrYm94XCJdIHtcbiAgICAgICAgICAgIHdpZHRoOiAxOHB4O1xuICAgICAgICAgICAgaGVpZ2h0OiAxOHB4O1xuICAgICAgICAgICAgYWNjZW50LWNvbG9yOiAjOTMzM2VhO1xuICAgICAgICAgICAgYXBwZWFyYW5jZTogYXV0bztcbiAgICAgICAgfVxuXG4gICAgICAgIC5zaWdudXAtYnV0dG9uIHtcbiAgICAgICAgICAgIC8qIHdpZHRoOiAxMDAlO1xuICAgICAgICAgICAgcGFkZGluZzogMXJlbTtcbiAgICAgICAgICAgIGJhY2tncm91bmQ6ICM5MzMzZWE7XG4gICAgICAgICAgICBjb2xvcjogd2hpdGU7XG4gICAgICAgICAgICBib3JkZXI6IG5vbmU7XG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiA1cHg7XG4gICAgICAgICAgICBmb250LXNpemU6IDFyZW07XG4gICAgICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICAgICAgICBtYXJnaW4tYm90dG9tOiAxcmVtOyAqL1xuICAgICAgICAgICAgLyogTGFyZ2UgQnV0dG9uICovXG4gICAgICAgICAgICBjb2xvcjogd2hpdGU7XG4gICAgICAgICAgICAvKiBBdXRvIGxheW91dCAqL1xuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAgICBwYWRkaW5nOiAyMHB4IDQwcHg7XG4gICAgICAgICAgICBnYXA6IDEwcHg7XG5cbiAgICAgICAgICAgIHdpZHRoOiAzOTJweDtcbiAgICAgICAgICAgIGhlaWdodDogNTBweDtcblxuICAgICAgICAgICAgLyogcHJpbWFyeTIgKi9cbiAgICAgICAgICAgIGJhY2tncm91bmQ6ICM4MjJFRTA7XG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiAxMHB4O1xuXG4gICAgICAgICAgICAvKiBJbnNpZGUgYXV0byBsYXlvdXQgKi9cbiAgICAgICAgICAgIGZsZXg6IG5vbmU7XG4gICAgICAgICAgICBvcmRlcjogMTtcbiAgICAgICAgICAgIGFsaWduLXNlbGY6IHN0cmV0Y2g7XG4gICAgICAgICAgICBmbGV4LWdyb3c6IDA7XG5cbiAgICAgICAgICAgIC8qIHAxL2J1dHRvbiAqL1xuICAgICAgICAgICAgZm9udC1mYW1pbHk6ICdBbGxlcic7XG4gICAgICAgICAgICBmb250LXN0eWxlOiBub3JtYWw7XG4gICAgICAgICAgICBmb250LXdlaWdodDogNzAwO1xuICAgICAgICAgICAgZm9udC1zaXplOiAxOHB4O1xuICAgICAgICAgICAgbGluZS1oZWlnaHQ6IDE4cHg7XG4gICAgICAgICAgICAvKiBpZGVudGljYWwgdG8gYm94IGhlaWdodCwgb3IgMTAwJSAqL1xuXG4gICAgICAgICAgICAvKiB3aGl0ZSAqL1xuICAgICAgICAgICAgY29sb3I6ICNGRkZGRkY7XG5cblxuICAgICAgICAgICAgLyogSW5zaWRlIGF1dG8gbGF5b3V0ICovXG4gICAgICAgICAgICBmbGV4OiBub25lO1xuICAgICAgICAgICAgb3JkZXI6IDA7XG4gICAgICAgICAgICBmbGV4LWdyb3c6IDA7XG5cblxuICAgICAgICB9XG5cbiAgICAgICAgLnNpZ25pbi1saW5rIHtcbiAgICAgICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICAgICAgICAgIG1hcmdpbi1ib3R0b206IDJyZW07XG5cbiAgICAgICAgICAgIC8qIEFscmVhZHkgaGF2ZSBhbiBhY2NvdW50PyBTaWduIEluICovXG5cbiAgICAgICAgICAgIC8vIHdpZHRoOiAzOTJweDtcbiAgICAgICAgICAgIGhlaWdodDogMjZweDtcblxuICAgICAgICAgICAgLyogcDIvcmVndWxhciAqL1xuICAgICAgICAgICAgZm9udC1mYW1pbHk6ICdBbGxlcic7XG4gICAgICAgICAgICBmb250LXN0eWxlOiBub3JtYWw7XG4gICAgICAgICAgICBmb250LXdlaWdodDogNDAwO1xuICAgICAgICAgICAgZm9udC1zaXplOiAxNnB4O1xuICAgICAgICAgICAgbGluZS1oZWlnaHQ6IDE2MCU7XG4gICAgICAgICAgICAvKiBpZGVudGljYWwgdG8gYm94IGhlaWdodCwgb3IgMjZweCAqL1xuICAgICAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuXG4gICAgICAgICAgICAvKiB3aGl0ZSAqL1xuICAgICAgICAgICAgY29sb3I6ICNGRkZGRkY7XG5cblxuICAgICAgICAgICAgLyogSW5zaWRlIGF1dG8gbGF5b3V0ICovXG4gICAgICAgICAgICBmbGV4OiBub25lO1xuICAgICAgICAgICAgb3JkZXI6IDE7XG4gICAgICAgICAgICBhbGlnbi1zZWxmOiBzdHJldGNoO1xuICAgICAgICAgICAgZmxleC1ncm93OiAwO1xuICAgICAgICAgICAgbWFyZ2luLXRvcDogMmVtO1xuXG4gICAgICAgIH1cblxuICAgICAgICAuc2lnbmluLWxpbmsgYSB7XG4gICAgICAgICAgICBjb2xvcjogI2ZmZmZmZjtcbiAgICAgICAgICAgIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lICFpbXBvcnRhbnQ7XG4gICAgICAgICAgICAgY3Vyc29yOiBwb2ludGVyXG4gICAgICAgIH1cblxuICAgICAgICAuZGl2aWRlciB7XG4gICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICAgICAgICAgIG1hcmdpbjogMXJlbSAwO1xuICAgICAgICAgICAgY29sb3I6ICM2NjY7XG4gICAgICAgIH1cblxuICAgICAgICAuZGl2aWRlcjo6YmVmb3JlLFxuICAgICAgICAuZGl2aWRlcjo6YWZ0ZXIge1xuICAgICAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgICAgICBmbGV4OiAxO1xuICAgICAgICAgICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICMzMzM7XG4gICAgICAgIH1cblxuICAgICAgICAuZGl2aWRlciBzcGFuIHtcbiAgICAgICAgICAgIHBhZGRpbmc6IDAgMTBweDtcbiAgICAgICAgICAgIGJhY2tncm91bmQ6IHJnYmEoMjQwLCAyNDAsIDI0MCwgMC4yNyk7XG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiA1cHg7XG4gICAgICAgICAgICBjb2xvcjogd2hpdGU7XG4gICAgICAgIH1cblxuICAgICAgICAuc29jaWFsLWxvZ2luIHtcbiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgICAgIGdhcDogMXJlbTtcbiAgICAgICAgICAgIG1hcmdpbi10b3A6IDFyZW07XG4gICAgICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICAgIH1cblxuICAgICAgICAuc29jaWFsLWJ1dHRvbiB7XG4gICAgICAgICAgICB3aWR0aDogNDhweDtcbiAgICAgICAgICAgIGhlaWdodDogNDhweDtcbiAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgICAgICBib3JkZXI6IG5vbmU7XG4gICAgICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kOiAjZmZmO1xuICAgICAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgICB9XG5cbiAgICAgICAgLnNvY2lhbC1idXR0b24gaW1nIHtcbiAgICAgICAgICAgIHdpZHRoOiAyNHB4O1xuICAgICAgICAgICAgaGVpZ2h0OiAyNHB4O1xuICAgICAgICB9XG5cbiAgICAgICAgLmZhY2Vib29rIHtcbiAgICAgICAgICAgIGJhY2tncm91bmQ6ICMxODc3ZjI7XG4gICAgICAgIH1cblxuICAgICAgICAuYWdyZWUge1xuICAgICAgICAgICAgaGVpZ2h0OiAyNnB4O1xuICAgICAgICAgICAgZm9udC1mYW1pbHk6ICdBbGxlcic7XG4gICAgICAgICAgICBmb250LXN0eWxlOiBub3JtYWw7XG4gICAgICAgICAgICBmb250LXdlaWdodDogNDAwO1xuICAgICAgICAgICAgZm9udC1zaXplOiAxNnB4O1xuICAgICAgICAgICAgbGluZS1oZWlnaHQ6IDE2MCU7XG4gICAgICAgICAgICBjb2xvcjogI0ZGRkZGRjtcbiAgICAgICAgICAgIGZsZXg6IG5vbmU7XG4gICAgICAgICAgICAvKiBvcmRlcjogMTsgKi9cbiAgICAgICAgICAgIGZsZXgtZ3JvdzogMDtcbiAgICAgICAgfVxuIiwiLm1vZGFsLWhlYWRlciB7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgbWFyZ2luLWJvdHRvbTogMnJlbTsgfVxuXG4ubW9kYWwyMiB7XG4gIG1heC13aWR0aDogNDAwcHg7XG4gIG1hcmdpbi1sZWZ0OiAyMCU7IH1cblxuLm1vZGFsLWNvbnRlbnQge1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICB3aWR0aDogNzAwcHg7XG4gIGhlaWdodDogNjAwcHg7XG4gIGJhY2tncm91bmQ6ICMwMDAwMDA7XG4gIGJvcmRlcjogMXB4IHNvbGlkICM4MzgzODM7XG4gIGJvcmRlci1yYWRpdXM6IDEwcHg7XG4gIG1hcmdpbi1sZWZ0OiAtMzUlOyB9XG5cbi5jbG9zZTEge1xuICB6LWluZGV4OiA5OTk5OTk5OTk5OTk5O1xuICBmbG9hdDogcmlnaHQ7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiA5cmVtO1xuICByaWdodDogLTE3cmVtO1xuICBjb2xvcjogI2ZmZmZmZjtcbiAgZm9udC1zaXplOiAxLjVyZW07XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgd2lkdGg6IDI3cHg7XG4gIGhlaWdodDogMjdweDtcbiAgYmFja2dyb3VuZDogIzAwMDAwMDtcbiAgYm9yZGVyOiAxcHggc29saWQgIzgzODM4MztcbiAgYm9yZGVyLXJhZGl1czogNXB4O1xuICBwYWRkaW5nLXJpZ2h0OiAwcHg7XG4gIHBhZGRpbmctdG9wOiAzcHg7IH1cblxuI21vZGFsSWZyYW1lIHtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogNzAwcHg7XG4gIGhlaWdodDogNzY3cHg7XG4gIHJpZ2h0OiAzMCU7XG4gIHRvcDogMjAlO1xuICBiYWNrZ3JvdW5kOiAjMDAwMDAwO1xuICBib3JkZXI6IDFweCBzb2xpZCAjODM4MzgzO1xuICBib3JkZXItcmFkaXVzOiAxMHB4OyB9XG5cbkBtZWRpYSAobWF4LXdpZHRoOiA3NjhweCkge1xuICAjbW9kYWxJZnJhbWUge1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHdpZHRoOiAyOTFweDtcbiAgICBoZWlnaHQ6IDYwMnB4O1xuICAgIGxlZnQ6IDAlO1xuICAgIHRvcDogMjAlO1xuICAgIG1hcmdpbjogMHB4IDUwcHggMHB4IDUwcHggIWltcG9ydGFudDtcbiAgICAvKiBibGFjayAqL1xuICAgIGJhY2tncm91bmQ6ICMwMDAwMDA7XG4gICAgLyogZGFyayBncmV5ICovXG4gICAgYm9yZGVyOiAxcHggc29saWQgIzgzODM4MztcbiAgICBib3JkZXItcmFkaXVzOiAxMHB4OyB9XG4gIC5zaWdudXAtYnV0dG9uIHtcbiAgICB3aWR0aDogMTAwJSAhaW1wb3J0YW50OyB9IH1cblxuQG1lZGlhIChtaW4td2lkdGg6IDE0MDBweCkge1xuICAuY2xvc2UxIHtcbiAgICB6LWluZGV4OiA5OTk5OTk5OTk5OTk5O1xuICAgIGZsb2F0OiByaWdodDtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiA3cmVtO1xuICAgIHJpZ2h0OiAtOHJlbTtcbiAgICBjb2xvcjogI2ZmZmZmZjtcbiAgICBmb250LXNpemU6IDEuNXJlbTtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICB3aWR0aDogMjdweDtcbiAgICBoZWlnaHQ6IDI3cHg7XG4gICAgYmFja2dyb3VuZDogIzAwMDAwMDtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAjODM4MzgzO1xuICAgIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgICBwYWRkaW5nLXJpZ2h0OiAwcHg7XG4gICAgcGFkZGluZy10b3A6IDNweDsgfSB9XG5cbi5tb2RhbC1oZWFkZXIgaDEge1xuICBtYXJnaW4tYm90dG9tOiAwLjVyZW07XG4gIGhlaWdodDogNDVweDtcbiAgZm9udC1mYW1pbHk6ICdBdmVuaXInO1xuICBmb250LXN0eWxlOiBub3JtYWw7XG4gIGZvbnQtd2VpZ2h0OiA4MDA7XG4gIGZvbnQtc2l6ZTogMzJweDtcbiAgbGluZS1oZWlnaHQ6IDE0MCU7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgY29sb3I6ICNGRkZGRkY7IH1cblxuLm1vZGFsLWhlYWRlciBwIHtcbiAgLyogY29sb3I6ICM5OTk7ICovXG4gIGhlaWdodDogMjZweDtcbiAgZm9udC1mYW1pbHk6ICdBbGxlcic7XG4gIGZvbnQtc3R5bGU6IG5vcm1hbDtcbiAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgZm9udC1zaXplOiAxNnB4O1xuICBsaW5lLWhlaWdodDogMTYwJTtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBjb2xvcjogI0ZGRkZGRjsgfVxuXG4uZm9ybS1ncm91cCB7XG4gIG1hcmdpbi1ib3R0b206IDFyZW07XG4gIG1hcmdpbi1ib3R0b206IDFyZW07XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIC8qIHBvc2l0aW9uOiBhYnNvbHV0ZTsgKi9cbiAgbGVmdDogMCU7XG4gIHJpZ2h0OiAwJTtcbiAgdG9wOiAwJTtcbiAgYm90dG9tOiAwJTtcbiAgYmFja2dyb3VuZDogcmdiYSgyNDAsIDI0MCwgMjQwLCAwLjI3KTtcbiAgYm9yZGVyOiAxcHggc29saWQgcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjUpO1xuICBib3JkZXItcmFkaXVzOiAxMHB4OyB9XG5cbi5mb3JtLWNvbnRyb2wge1xuICB3aWR0aDogMTAwJTtcbiAgcGFkZGluZzogMXJlbTtcbiAgYmFja2dyb3VuZDogcmdiYSgyMzQsIDIzNCwgMjM0LCAwKTtcbiAgYm9yZGVyOiBub25lO1xuICBib3JkZXItcmFkaXVzOiAxMHB4O1xuICBjb2xvcjogd2hpdGU7XG4gIGZvbnQtc2l6ZTogMXJlbTtcbiAgbWFyZ2luLXRvcDogMCU7XG4gIG1hcmdpbi1ib3R0b206IDAlOyB9XG5cbi5wYXNzd29yZC1pbnB1dCB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTsgfVxuXG4ucGFzc3dvcmQtdG9nZ2xlIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICByaWdodDogMXJlbTtcbiAgdG9wOiA1MCU7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgtNTAlKTtcbiAgYmFja2dyb3VuZDogbm9uZTtcbiAgYm9yZGVyOiBub25lO1xuICBjb2xvcjogIzY2NjtcbiAgY3Vyc29yOiBwb2ludGVyOyB9XG5cbi5jaGVja2JveC1ncm91cCB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGdhcDogMC41cmVtO1xuICBtYXJnaW46IDFyZW0gMDsgfVxuXG4uY2hlY2tib3gtZ3JvdXAgaW5wdXRbdHlwZT1cImNoZWNrYm94XCJdIHtcbiAgd2lkdGg6IDE4cHg7XG4gIGhlaWdodDogMThweDtcbiAgYWNjZW50LWNvbG9yOiAjOTMzM2VhO1xuICBhcHBlYXJhbmNlOiBhdXRvOyB9XG5cbi5zaWdudXAtYnV0dG9uIHtcbiAgLyogd2lkdGg6IDEwMCU7XG4gICAgICAgICAgICBwYWRkaW5nOiAxcmVtO1xuICAgICAgICAgICAgYmFja2dyb3VuZDogIzkzMzNlYTtcbiAgICAgICAgICAgIGNvbG9yOiB3aGl0ZTtcbiAgICAgICAgICAgIGJvcmRlcjogbm9uZTtcbiAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogMXJlbTtcbiAgICAgICAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAgICAgICAgIG1hcmdpbi1ib3R0b206IDFyZW07ICovXG4gIC8qIExhcmdlIEJ1dHRvbiAqL1xuICBjb2xvcjogd2hpdGU7XG4gIC8qIEF1dG8gbGF5b3V0ICovXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nOiAyMHB4IDQwcHg7XG4gIGdhcDogMTBweDtcbiAgd2lkdGg6IDM5MnB4O1xuICBoZWlnaHQ6IDUwcHg7XG4gIC8qIHByaW1hcnkyICovXG4gIGJhY2tncm91bmQ6ICM4MjJFRTA7XG4gIGJvcmRlci1yYWRpdXM6IDEwcHg7XG4gIC8qIEluc2lkZSBhdXRvIGxheW91dCAqL1xuICBmbGV4OiBub25lO1xuICBvcmRlcjogMTtcbiAgYWxpZ24tc2VsZjogc3RyZXRjaDtcbiAgZmxleC1ncm93OiAwO1xuICAvKiBwMS9idXR0b24gKi9cbiAgZm9udC1mYW1pbHk6ICdBbGxlcic7XG4gIGZvbnQtc3R5bGU6IG5vcm1hbDtcbiAgZm9udC13ZWlnaHQ6IDcwMDtcbiAgZm9udC1zaXplOiAxOHB4O1xuICBsaW5lLWhlaWdodDogMThweDtcbiAgLyogaWRlbnRpY2FsIHRvIGJveCBoZWlnaHQsIG9yIDEwMCUgKi9cbiAgLyogd2hpdGUgKi9cbiAgY29sb3I6ICNGRkZGRkY7XG4gIC8qIEluc2lkZSBhdXRvIGxheW91dCAqL1xuICBmbGV4OiBub25lO1xuICBvcmRlcjogMDtcbiAgZmxleC1ncm93OiAwOyB9XG5cbi5zaWduaW4tbGluayB7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgbWFyZ2luLWJvdHRvbTogMnJlbTtcbiAgLyogQWxyZWFkeSBoYXZlIGFuIGFjY291bnQ/IFNpZ24gSW4gKi9cbiAgaGVpZ2h0OiAyNnB4O1xuICAvKiBwMi9yZWd1bGFyICovXG4gIGZvbnQtZmFtaWx5OiAnQWxsZXInO1xuICBmb250LXN0eWxlOiBub3JtYWw7XG4gIGZvbnQtd2VpZ2h0OiA0MDA7XG4gIGZvbnQtc2l6ZTogMTZweDtcbiAgbGluZS1oZWlnaHQ6IDE2MCU7XG4gIC8qIGlkZW50aWNhbCB0byBib3ggaGVpZ2h0LCBvciAyNnB4ICovXG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgLyogd2hpdGUgKi9cbiAgY29sb3I6ICNGRkZGRkY7XG4gIC8qIEluc2lkZSBhdXRvIGxheW91dCAqL1xuICBmbGV4OiBub25lO1xuICBvcmRlcjogMTtcbiAgYWxpZ24tc2VsZjogc3RyZXRjaDtcbiAgZmxleC1ncm93OiAwO1xuICBtYXJnaW4tdG9wOiAyZW07IH1cblxuLnNpZ25pbi1saW5rIGEge1xuICBjb2xvcjogI2ZmZmZmZjtcbiAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmUgIWltcG9ydGFudDtcbiAgY3Vyc29yOiBwb2ludGVyOyB9XG5cbi5kaXZpZGVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBtYXJnaW46IDFyZW0gMDtcbiAgY29sb3I6ICM2NjY7IH1cblxuLmRpdmlkZXI6OmJlZm9yZSxcbi5kaXZpZGVyOjphZnRlciB7XG4gIGNvbnRlbnQ6ICcnO1xuICBmbGV4OiAxO1xuICBib3JkZXItYm90dG9tOiAxcHggc29saWQgIzMzMzsgfVxuXG4uZGl2aWRlciBzcGFuIHtcbiAgcGFkZGluZzogMCAxMHB4O1xuICBiYWNrZ3JvdW5kOiByZ2JhKDI0MCwgMjQwLCAyNDAsIDAuMjcpO1xuICBib3JkZXItcmFkaXVzOiA1cHg7XG4gIGNvbG9yOiB3aGl0ZTsgfVxuXG4uc29jaWFsLWxvZ2luIHtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGdhcDogMXJlbTtcbiAgbWFyZ2luLXRvcDogMXJlbTtcbiAgY3Vyc29yOiBwb2ludGVyOyB9XG5cbi5zb2NpYWwtYnV0dG9uIHtcbiAgd2lkdGg6IDQ4cHg7XG4gIGhlaWdodDogNDhweDtcbiAgYm9yZGVyLXJhZGl1czogNTAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYm9yZGVyOiBub25lO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGJhY2tncm91bmQ6ICNmZmY7XG4gIGN1cnNvcjogcG9pbnRlcjsgfVxuXG4uc29jaWFsLWJ1dHRvbiBpbWcge1xuICB3aWR0aDogMjRweDtcbiAgaGVpZ2h0OiAyNHB4OyB9XG5cbi5mYWNlYm9vayB7XG4gIGJhY2tncm91bmQ6ICMxODc3ZjI7IH1cblxuLmFncmVlIHtcbiAgaGVpZ2h0OiAyNnB4O1xuICBmb250LWZhbWlseTogJ0FsbGVyJztcbiAgZm9udC1zdHlsZTogbm9ybWFsO1xuICBmb250LXdlaWdodDogNDAwO1xuICBmb250LXNpemU6IDE2cHg7XG4gIGxpbmUtaGVpZ2h0OiAxNjAlO1xuICBjb2xvcjogI0ZGRkZGRjtcbiAgZmxleDogbm9uZTtcbiAgLyogb3JkZXI6IDE7ICovXG4gIGZsZXgtZ3JvdzogMDsgfVxuIl19 */\"","import { Component, OnInit } from '@angular/core';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { ToastrService } from 'ngx-toastr';\nimport { AuthService } from '../../core/auth/auth.service';\nimport { UserService } from '../../core/services/user.service';\nimport { UtilityService } from '../../core/services/utility.service';\nimport disableScroll from 'disable-scroll';\nimport { TranslateService } from '@ngx-translate/core';\nimport { ApiService } from '../../core/services/api.service';\nimport { environment } from '../../../environments/environment';\n@Component({\n selector: 'app-sign-in',\n templateUrl: './sign-in.component.html',\n styleUrls: ['./sign-in.component.scss']\n})\nexport class SignInComponent implements OnInit {\n\n user: any = {};\n submitted = false;\n usernameMaxLength: any = 100;\n pwdMinLength: any = 6;\n pwdMaxlength: any = 60;\n LoggedIn = localStorage.getItem('currentUser');\n error: any = {};\n buttonText: any;\n commonError: string;\n show: Boolean = false;\n phoneError: Boolean = false;\n isVisible: boolean = false;\n otp: Boolean = false;\n showOtpField: Boolean = false;\n otp_value: string;\n signIn = false;\n signUp = false;\n forget = false;\n\n constructor(\n private route: ActivatedRoute,\n private router: Router,\n private authService: AuthService,\n private toasterService: ToastrService,\n private userService: UserService,\n private utilityService: UtilityService,\n private translate: TranslateService,\n private apiService: ApiService,\n ) {\n this.translate.get('SIGN_IN.SIGN_IN').subscribe(res => {\n this.buttonText = res;\n });\n }\n\n ngOnInit() {\n if (this.LoggedIn) {\n this.router.navigate(['home']);\n }\n }\n login() {\n this.submitted = true;\n this.translate.get('SIGN_IN.SIGNINNG').subscribe(res => {\n this.buttonText = res;\n });\n this.user.provider = 'NORMAL';\n\n \n this.phoneError = false;\n if (/^\\+233\\d{9}/.test(this.user.email)) {\n \n this.authService.phone_login(this.user)\n .subscribe(\n data => {\n if (data['statusCode'] === 200 && data['error'] === false) {\n disableScroll.off();\n this.userService.displayPopup('close');\n if (data['response'].name) {\n const userData = this.authService.encryption(data);\n localStorage.setItem('currentUser', userData);\n localStorage.setItem('userName', data['response'].name);\n localStorage.setItem('userEmail', data['response'].email);\n localStorage.setItem('screenImage', data['response'].screenImage);\n }\n this.translate.get('SIGN_IN.SIGN_IN').subscribe(res => {\n this.buttonText = res;\n });\n\n this.userService.nextPage.subscribe(\n nextUrl => {\n\n\n localStorage.setItem('nextUrl', nextUrl); //Setting url slug so i use to manage-screen\n\n if (!localStorage.getItem('myUrl')) {\n if (nextUrl.indexOf('video') !== -1) {\n window.location.reload();\n } else {\n if (nextUrl === '/' || nextUrl === '/home' || !localStorage.getItem('screen-id')) {\n\n this.router.navigate(['/manage-profiles']);\n\n } else if (data['response'].is_subscribed === 1 && localStorage.getItem('subscribeUrl')) {\n\n this.router.navigate([localStorage.getItem('subscribeUrl').replace('video/', 'watch/')]);\n } else {\n\n this.router.navigate([nextUrl]);\n }\n }\n } else if (localStorage.getItem('myUrl')) {\n if (data['response'].is_subscribed === 0) {\n localStorage.setItem('subscribeUrl', window.location.pathname);\n this.router.navigate(['subscription']);\n localStorage.removeItem('myUrl');\n } else if (data['response'].is_subscribed === 1) {\n this.router.navigate([window.location.pathname.replace('video/', 'watch/')]);\n localStorage.removeItem('myUrl');\n }\n }\n });\n }\n },\n error => {\n this.submitted = false;\n this.phoneError = false;\n this.translate.get('SIGN_IN.SIGN_IN').subscribe(res => {\n this.buttonText = res;\n });\n if (error.error.statusCode === 422) {\n \n if (typeof error.error.message === 'string' || error.error.message instanceof String) {\n this.commonError = (error.error.message) ? error.error.message : error.message;\n this.utilityService.VplyToaster();\n this.otp = true;\n console.log(\"Errro 1 ---\", error.error.message, error.message)\n } else {\n this.error = error.error.message;\n console.log(\"Errro 2 ---\", error.error.message, error.message)\n \n }\n } else {\n this.error = {};\n this.toasterService.error('', (error.error.message) ? error.error.message : error.message);\n\n console.log(\"Errro else ---\", error.error.message, error.message )\n }\n }\n );\n }\n else if (/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,}$/.test(this.user.email)) {\n\n this.phoneError = false;\n this.authService.login(this.user)\n .subscribe(\n data => {\n if (data['statusCode'] === 200 && data['error'] === false) {\n disableScroll.off();\n this.userService.displayPopup('close');\n if (data['response'].name) {\n const userData = this.authService.encryption(data);\n localStorage.setItem('currentUser', userData);\n localStorage.setItem('userName', data['response'].name);\n localStorage.setItem('userEmail', data['response'].email);\n localStorage.setItem('screenImage', data['response'].screenImage);\n }\n this.translate.get('SIGN_IN.SIGN_IN').subscribe(res => {\n this.buttonText = res;\n });\n \n this.userService.nextPage.subscribe(\n nextUrl => {\n \n\n localStorage.setItem('nextUrl', nextUrl); //Setting url slug so i use to manage-screen\n\n if (!localStorage.getItem('myUrl')) {\n if (nextUrl.indexOf('video') !== -1) {\n window.location.reload();\n } else {\n if (nextUrl === '/' || nextUrl === '/home' || !localStorage.getItem('screen-id')) {\n \n this.router.navigate(['/manage-profiles']);\n \n } else if (data['response'].is_subscribed === 1 && localStorage.getItem('subscribeUrl')) {\n \n this.router.navigate([localStorage.getItem('subscribeUrl').replace('video/', 'watch/')]);\n } else {\n \n this.router.navigate([nextUrl]);\n }\n }\n } else if (localStorage.getItem('myUrl')) {\n if (data['response'].is_subscribed === 0) {\n localStorage.setItem('subscribeUrl', window.location.pathname);\n this.router.navigate(['subscription']);\n localStorage.removeItem('myUrl');\n } else if (data['response'].is_subscribed === 1) {\n this.router.navigate([window.location.pathname.replace('video/', 'watch/')]);\n localStorage.removeItem('myUrl');\n }\n }\n });\n }\n },\n error => {\n this.submitted = false;\n this.translate.get('SIGN_IN.SIGN_IN').subscribe(res => {\n this.buttonText = res;\n });\n if (error.error.statusCode === 422) {\n if (typeof error.error.message === 'string' || error.error.message instanceof String) {\n this.commonError = (error.error.message) ? error.error.message : error.message;\n this.utilityService.VplyToaster();\n } else {\n this.error = error.error.message;\n \n }\n } else {\n this.error = {};\n this.toasterService.error('', (error.error.message) ? error.error.message : error.message);\n }\n }\n );\n }\n else {\n this.submitted = false;\n this.translate.get('SIGN_IN.SIGN_IN').subscribe(res => {\n this.buttonText = res;\n });\n this.phoneError = true;\n \n }\n \n }\n\n\n enterOtp() {\n \n\n\n this.apiService.callPostAPI('v2/auth/send/otp', {\n phone_number: this.user.email,\n }, environment.userApiUrl)\n .subscribe(\n data => {\n if (data['statusCode'] === 200 && data['error'] === false) {\n this.submitted = true;\n this.showOtpField = true;\n\n } else {\n\n this.submitted = false;\n }\n },\n error => {\n this.submitted = false;\n this.toasterService.error('', 'Could not send OTP to mobile number');\n });\n \n }\n\n\n signUpModal(event) {\n\n console.log(\"----->>>>>>>>>wyfwyfw--------<<<<\")\n\n // disableScroll.on(undefined, {\n // disableWheel: true,\n // disableScroll: false,\n // disableKeys: false,\n // });\n // this.userService.redirectUrl(this.router.url);\n // if (event.target.className === 'sign-up') {\n // this.onShowHide('sign-up');\n // } else {\n // this.onShowHide('sign-in');\n // }\n this.signUp = true;\n }\n\n // Popup show or hide\n onShowHide(value: string) {\n if (value === 'sign-in') {\n this.signIn = true;\n this.signUp = false;\n this.forget = false;\n } else if (value === 'sign-up') {\n this.signIn = false;\n this.signUp = true;\n this.forget = false;\n } else if (value === 'forget') {\n this.signIn = false;\n this.signUp = false;\n this.forget = true;\n } else {\n this.signIn = true;\n this.signUp = false;\n this.forget = false;\n }\n }\n\n\n toPassword() {\n \n\n console.log(\"OTP VALUE::\", this.otp_value, \"Phone\", this.user.email)\n\n this.apiService.callPostAPI('v2/auth/verify/otp', {\n phone_number: this.user.email,\n otp: this.otp_value,\n activate: true\n }, environment.userApiUrl)\n .subscribe(\n data => {\n this.submitted = false;\n if (data['statusCode'] === 200 && data['error'] === false) {\n this.toasterService.success('', data['message'], {\n timeOut: 15000,\n });\n this.userService.displayPopup('colse');\n disableScroll.off();\n this.translate.get('SIGN_UP.CREATE_ACCOUNT').subscribe(res => {\n this.buttonText = res;\n });\n\n this.userService.nextPage.subscribe(\n nextUrl => {\n if (!localStorage.getItem('myUrl')) {\n if (nextUrl.indexOf('video') !== -1) {\n window.location.reload();\n } else {\n this.router.navigate([nextUrl]);\n }\n } else if (localStorage.getItem('myUrl')) {\n if (data['response'].is_subscribed === 0) {\n localStorage.setItem('subscribeUrl', window.location.pathname);\n this.router.navigate(['subscription']);\n localStorage.removeItem('myUrl');\n } else if (data['response'].is_subscribed === 1) {\n this.router.navigate([window.location.pathname.replace('video/', 'watch/')]);\n localStorage.removeItem('myUrl');\n }\n }\n });\n\n } else {\n this.submitted = false;\n }\n },\n error => {\n this.submitted = false;\n this.toasterService.error('', 'OTP could not be verified. Kindly try again');\n });\n\n\n }\n\n onChange(e) {\n this.error[e.target.name] = '';\n }\n\n onClose() {\n\n this.isVisible = true\n \n disableScroll.off();\n if (this.route.snapshot['_routerState'].url === '/sign-in') {\n this.router.navigate(['home']);\n }\n this.userService.displayPopup('close');\n }\n\n onClick(value: string) {\n if (value === 'forget') {\n this.userService.displayPopup('forget');\n } else {\n this.userService.displayPopup('sign-up');\n }\n }\n VplyToasterHide() {\n this.utilityService.VplyToasterHide();\n }\n toggleShowPassword() {\n this.show = !this.show;\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { SignInRoutingModule } from './sign-in-routing.module';\nimport { SignInComponent } from './sign-in.component';\nimport { FormsModule } from '@angular/forms';\nimport {TranslateModule} from '@ngx-translate/core';\nimport { SocialLoginModule } from '../social-login/social-login.module';\n\n@NgModule({\n imports: [\n CommonModule,\n SignInRoutingModule,\n FormsModule,\n TranslateModule,\n SocialLoginModule\n ],\n declarations: [\n SignInComponent\n ],\n exports: [\n SignInComponent\n ]\n})\nexport class SignInModule { }\n","import { NgModule } from '@angular/core';\nimport { Routes, RouterModule } from '@angular/router';\nimport { SignUpComponent } from './sign-up.component';\n\nconst routes: Routes = [\n { path: 'sign-up', component: SignUpComponent }\n];\n\n@NgModule({\n imports: [RouterModule.forChild(routes)],\n exports: [RouterModule],\n providers: []\n})\nexport class SignUpRoutingModule { }\n","module.exports = \"
\\n
\\n\\n
\\n
\\n \\n\\n\\n
\\n
\\n \\n \\n
\\n\\n \\n
\\n
\\n
\\n \\n \\n \\n
Confirm\\n OTP\\n \\n
\\n
\\n \\n
\\n\\n
\\n
\\n
\\n
\\n\\n\"","module.exports = \".modal-header {\\n text-align: center;\\n margin-bottom: 2rem; }\\n\\n.modal22 {\\n max-width: 400px;\\n margin-left: 20%; }\\n\\n.modal-content {\\n box-sizing: border-box;\\n width: 700px;\\n height: 700px;\\n background: #000000;\\n border: 1px solid #838383;\\n border-radius: 10px;\\n margin-left: -35%; }\\n\\n.close1 {\\n z-index: 9999999999999;\\n float: right;\\n position: absolute;\\n top: 7rem;\\n right: -8rem;\\n color: #ffffff;\\n font-size: 1.5rem;\\n cursor: pointer;\\n box-sizing: border-box;\\n width: 27px;\\n height: 27px;\\n background: #000000;\\n border: 1px solid #838383;\\n border-radius: 5px;\\n padding-right: 0px;\\n padding-top: 3px; }\\n\\n#modalIframe {\\n box-sizing: border-box;\\n position: absolute;\\n width: 700px;\\n height: 767px;\\n right: 30%;\\n top: 20%;\\n background: #000000;\\n border: 1px solid #838383;\\n border-radius: 10px; }\\n\\n@media (max-width: 768px) {\\n #modalIframe {\\n box-sizing: border-box;\\n position: absolute;\\n width: 291px;\\n height: 602px;\\n left: 0%;\\n top: 20%;\\n margin: 0px 50px 0px 50px !important;\\n /* black */\\n background: #000000;\\n /* dark grey */\\n border: 1px solid #838383;\\n border-radius: 10px; }\\n .signup-button {\\n width: 100% !important; } }\\n\\n.modal-header h1 {\\n margin-bottom: 0.5rem;\\n height: 45px;\\n font-family: 'Avenir';\\n font-style: normal;\\n font-weight: 800;\\n font-size: 22px;\\n line-height: 140%;\\n text-align: center;\\n color: #FFFFFF; }\\n\\n.modal-header p {\\n /* color: #999; */\\n height: 26px;\\n font-family: 'Aller';\\n font-style: normal;\\n font-weight: 400;\\n font-size: 16px;\\n line-height: 160%;\\n text-align: center;\\n color: #FFFFFF; }\\n\\n.form-group {\\n margin-bottom: 1rem;\\n margin-bottom: 1rem;\\n box-sizing: border-box;\\n /* position: absolute; */\\n left: 0%;\\n right: 0%;\\n top: 0%;\\n bottom: 0%;\\n background: rgba(240, 240, 240, 0.27);\\n border: 1px solid rgba(255, 255, 255, 0.5);\\n border-radius: 10px; }\\n\\n.form-control {\\n width: 100%;\\n padding: 1rem;\\n background: rgba(234, 234, 234, 0);\\n border: none;\\n border-radius: 10px;\\n color: white;\\n font-size: 1rem;\\n margin-top: 0%;\\n margin-bottom: 0%; }\\n\\n.password-input {\\n position: relative; }\\n\\n.password-toggle {\\n position: absolute;\\n right: 1rem;\\n top: 50%;\\n transform: translateY(-50%);\\n background: none;\\n border: none;\\n color: #666;\\n cursor: pointer; }\\n\\n.checkbox-group {\\n display: flex;\\n align-items: center;\\n gap: 0.5rem;\\n margin: 1rem 0; }\\n\\n.checkbox-group input[type=\\\"checkbox\\\"] {\\n width: 18px;\\n height: 18px;\\n accent-color: #9333ea;\\n -webkit-appearance: auto;\\n -moz-appearance: auto;\\n appearance: auto; }\\n\\n.signup-button {\\n /* width: 100%;\\n padding: 1rem;\\n background: #9333ea;\\n color: white;\\n border: none;\\n border-radius: 5px;\\n font-size: 1rem;\\n cursor: pointer;\\n margin-bottom: 1rem; */\\n /* Large Button */\\n color: white;\\n /* Auto layout */\\n display: flex;\\n flex-direction: row;\\n justify-content: center;\\n align-items: center;\\n padding: 20px 40px;\\n gap: 10px;\\n width: 392px;\\n height: 50px;\\n /* primary2 */\\n background: #822EE0;\\n border-radius: 10px;\\n /* Inside auto layout */\\n flex: none;\\n order: 1;\\n align-self: stretch;\\n flex-grow: 0;\\n /* p1/button */\\n font-family: 'Aller';\\n font-style: normal;\\n font-weight: 700;\\n font-size: 18px;\\n line-height: 18px;\\n /* identical to box height, or 100% */\\n /* white */\\n color: #FFFFFF;\\n /* Inside auto layout */\\n flex: none;\\n order: 0;\\n flex-grow: 0; }\\n\\n.signin-link {\\n text-align: center;\\n margin-bottom: 2rem;\\n /* Already have an account? Sign In */\\n height: 26px;\\n /* p2/regular */\\n font-family: 'Aller';\\n font-style: normal;\\n font-weight: 400;\\n font-size: 16px;\\n line-height: 160%;\\n /* identical to box height, or 26px */\\n text-align: center;\\n /* white */\\n color: #FFFFFF;\\n /* Inside auto layout */\\n flex: none;\\n order: 1;\\n align-self: stretch;\\n flex-grow: 0;\\n margin-top: 2em; }\\n\\n.signin-link a {\\n color: #ffffff;\\n text-decoration: underline !important;\\n cursor: pointer; }\\n\\n.divider {\\n display: flex;\\n align-items: center;\\n text-align: center;\\n margin: 1rem 0;\\n color: #666; }\\n\\n.divider::before,\\n.divider::after {\\n content: '';\\n flex: 1;\\n border-bottom: 1px solid #333; }\\n\\n.divider span {\\n padding: 0 10px;\\n background: rgba(240, 240, 240, 0.27);\\n border-radius: 5px;\\n color: white; }\\n\\n.social-login {\\n display: flex;\\n justify-content: center;\\n gap: 1rem;\\n margin-top: 1rem;\\n cursor: pointer; }\\n\\n.social-button {\\n width: 48px;\\n height: 48px;\\n border-radius: 50%;\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n border: none;\\n cursor: pointer;\\n background: #fff; }\\n\\n.social-button img {\\n width: 24px;\\n height: 24px; }\\n\\n.facebook {\\n background: #1877f2; }\\n\\n.agree {\\n height: 26px;\\n font-family: 'Aller';\\n font-style: normal;\\n font-weight: 400;\\n font-size: 16px;\\n line-height: 160%;\\n color: #FFFFFF;\\n flex: none;\\n /* order: 1; */\\n flex-grow: 0; }\\n\\n.code-inputs {\\n display: flex;\\n gap: 0.5rem;\\n justify-content: center;\\n margin-bottom: 2rem; }\\n\\n.code-inputs input {\\n width: 50px;\\n height: 50px;\\n border: 1px solid rgba(255, 255, 255, 0.3);\\n background: transparent;\\n border-radius: 4px;\\n text-align: center;\\n font-size: 1.25rem;\\n color: white; }\\n\\n.code-inputs input:focus {\\n outline: none;\\n border-color: #9333EA; }\\n\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9rd2FtZXR3dW0vQml0QnVja2V0L2hvbWkvYW5ndWxhci9zcmMvYXBwL21vZHVsZXMvc2lnbi11cC9zaWduLXVwLmNvbXBvbmVudC5zY3NzIiwic3JjL2FwcC9tb2R1bGVzL3NpZ24tdXAvc2lnbi11cC5jb21wb25lbnQuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBTTtFQUNNLGtCQUFrQjtFQUNsQixtQkFBbUIsRUFBQTs7QUFHNUI7RUFLVSxnQkFBZ0I7RUFDaEIsZ0JBQWdCLEVBQUE7O0FBTXpCO0VBT0ssc0JBQXNCO0VBRXZCLFlBQVk7RUFDWixhQUFhO0VBR2IsbUJBQW1CO0VBQ25CLHlCQUF5QjtFQUN6QixtQkFBbUI7RUFDbkIsaUJBQWlCLEVBQUE7O0FBR3JCO0VBQ0ksc0JBQXNCO0VBQzFCLFlBQVk7RUFDWixrQkFBa0I7RUFDbEIsU0FBUztFQUNULFlBQVk7RUFDWixjQUFjO0VBQ2QsaUJBQWlCO0VBQ2pCLGVBQWU7RUFDZixzQkFBc0I7RUFDdEIsV0FBVztFQUNYLFlBQVk7RUFDWixtQkFBbUI7RUFDbkIseUJBQXlCO0VBQ3pCLGtCQUFrQjtFQUNsQixrQkFBa0I7RUFDbEIsZ0JBQWdCLEVBQUE7O0FBSWhCO0VBQ0ksc0JBQXNCO0VBQ3RCLGtCQUFrQjtFQUNsQixZQUFZO0VBQ1osYUFBYTtFQUNiLFVBQVU7RUFDVixRQUFRO0VBQ1IsbUJBQW1CO0VBQ25CLHlCQUF5QjtFQUN6QixtQkFBbUIsRUFBQTs7QUFJdkI7RUFDSTtJQUNJLHNCQUFzQjtJQUV0QixrQkFBa0I7SUFDbEIsWUFBWTtJQUNaLGFBQWE7SUFDYixRQUFRO0lBQ1IsUUFBUTtJQUNSLG9DQUFvQztJQUVwQyxVQUFBO0lBQ0EsbUJBQW1CO0lBQ25CLGNBQUE7SUFDQSx5QkFBeUI7SUFDekIsbUJBQW1CLEVBQUE7RUFJdkI7SUFFSSxzQkFDSixFQUFBLEVBQUM7O0FBUUo7RUFFTyxxQkFBcUI7RUFFckIsWUFBWTtFQUNaLHFCQUFxQjtFQUNyQixrQkFBa0I7RUFDbEIsZ0JBQWdCO0VBQ2hCLGVBQWU7RUFDZixpQkFBaUI7RUFDakIsa0JBQWtCO0VBQ2xCLGNBQWMsRUFBQTs7QUFHbEI7RUFDSSxpQkFBQTtFQUVBLFlBQVk7RUFDWixvQkFBb0I7RUFDcEIsa0JBQWtCO0VBQ2xCLGdCQUFnQjtFQUNoQixlQUFlO0VBQ2YsaUJBQWlCO0VBQ2pCLGtCQUFrQjtFQUNsQixjQUFjLEVBQUE7O0FBR2xCO0VBQ0ksbUJBQW1CO0VBQ25CLG1CQUFtQjtFQUNuQixzQkFBc0I7RUFDdEIsd0JBQUE7RUFDQSxRQUFRO0VBQ1IsU0FBUztFQUNULE9BQU87RUFDUCxVQUFVO0VBQ1YscUNBQXFDO0VBQ3JDLDBDQUEwQztFQUMxQyxtQkFBbUIsRUFBQTs7QUFJdkI7RUFDSSxXQUFXO0VBQ1gsYUFBYTtFQUNkLGtDQUFrQztFQUNqQyxZQUFZO0VBQ1osbUJBQW1CO0VBQ25CLFlBQVk7RUFDWixlQUFlO0VBQ2YsY0FBYztFQUN0QixpQkFBaUIsRUFBQTs7QUFHYjtFQUNJLGtCQUFrQixFQUFBOztBQUd0QjtFQUNJLGtCQUFrQjtFQUNsQixXQUFXO0VBQ1gsUUFBUTtFQUNSLDJCQUEyQjtFQUMzQixnQkFBZ0I7RUFDaEIsWUFBWTtFQUNaLFdBQVc7RUFDWCxlQUFlLEVBQUE7O0FBR25CO0VBQ0ksYUFBYTtFQUNiLG1CQUFtQjtFQUNuQixXQUFXO0VBQ1gsY0FBYyxFQUFBOztBQUdsQjtFQUNJLFdBQVc7RUFDWCxZQUFZO0VBQ1oscUJBQXFCO0VBQ3JCLHdCQUFnQjtLQUFoQixxQkFBZ0I7VUFBaEIsZ0JBQWdCLEVBQUE7O0FBR3BCO0VBQ0k7Ozs7Ozs7O2tDQ3hDc0I7RURpRHRCLGlCQUFBO0VBQ0EsWUFBWTtFQUNaLGdCQUFBO0VBQ0EsYUFBYTtFQUNiLG1CQUFtQjtFQUNuQix1QkFBdUI7RUFDdkIsbUJBQW1CO0VBQ25CLGtCQUFrQjtFQUNsQixTQUFTO0VBRVQsWUFBWTtFQUNaLFlBQVk7RUFFWixhQUFBO0VBQ0EsbUJBQW1CO0VBQ25CLG1CQUFtQjtFQUVuQix1QkFBQTtFQUNBLFVBQVU7RUFDVixRQUFRO0VBQ1IsbUJBQW1CO0VBQ25CLFlBQVk7RUFFWixjQUFBO0VBQ0Esb0JBQW9CO0VBQ3BCLGtCQUFrQjtFQUNsQixnQkFBZ0I7RUFDaEIsZUFBZTtFQUNmLGlCQUFpQjtFQUNqQixxQ0FBQTtFQUVBLFVBQUE7RUFDQSxjQUFjO0VBR2QsdUJBQUE7RUFDQSxVQUFVO0VBQ1YsUUFBUTtFQUNSLFlBQVksRUFBQTs7QUFLaEI7RUFDSSxrQkFBa0I7RUFDbEIsbUJBQW1CO0VBRW5CLHFDQUFBO0VBR0EsWUFBWTtFQUVaLGVBQUE7RUFDQSxvQkFBb0I7RUFDcEIsa0JBQWtCO0VBQ2xCLGdCQUFnQjtFQUNoQixlQUFlO0VBQ2YsaUJBQWlCO0VBQ2pCLHFDQUFBO0VBQ0Esa0JBQWtCO0VBRWxCLFVBQUE7RUFDQSxjQUFjO0VBR2QsdUJBQUE7RUFDQSxVQUFVO0VBQ1YsUUFBUTtFQUNSLG1CQUFtQjtFQUNuQixZQUFZO0VBQ1osZUFBZSxFQUFBOztBQUluQjtFQUNJLGNBQWM7RUFDZCxxQ0FBcUM7RUFDcEMsZUFDTCxFQUFBOztBQUVBO0VBQ0ksYUFBYTtFQUNiLG1CQUFtQjtFQUNuQixrQkFBa0I7RUFDbEIsY0FBYztFQUNkLFdBQVcsRUFBQTs7QUFHZjs7RUFFSSxXQUFXO0VBQ1gsT0FBTztFQUNQLDZCQUE2QixFQUFBOztBQUdqQztFQUNJLGVBQWU7RUFDZixxQ0FBcUM7RUFDckMsa0JBQWtCO0VBQ2xCLFlBQVksRUFBQTs7QUFHaEI7RUFDSSxhQUFhO0VBQ2IsdUJBQXVCO0VBQ3ZCLFNBQVM7RUFDVCxnQkFBZ0I7RUFDaEIsZUFBZSxFQUFBOztBQUduQjtFQUNJLFdBQVc7RUFDWCxZQUFZO0VBQ1osa0JBQWtCO0VBQ2xCLGFBQWE7RUFDYixtQkFBbUI7RUFDbkIsdUJBQXVCO0VBQ3ZCLFlBQVk7RUFDWixlQUFlO0VBQ2YsZ0JBQWdCLEVBQUE7O0FBR3BCO0VBQ0ksV0FBVztFQUNYLFlBQVksRUFBQTs7QUFHaEI7RUFDSSxtQkFBbUIsRUFBQTs7QUFHdkI7RUFDSSxZQUFZO0VBQ1osb0JBQW9CO0VBQ3BCLGtCQUFrQjtFQUNsQixnQkFBZ0I7RUFDaEIsZUFBZTtFQUNmLGlCQUFpQjtFQUNqQixjQUFjO0VBQ2QsVUFBVTtFQUNWLGNBQUE7RUFDQSxZQUFZLEVBQUE7O0FBTWhCO0VBQ0ksYUFBYTtFQUNiLFdBQVc7RUFDWCx1QkFBdUI7RUFDdkIsbUJBQW1CLEVBQUE7O0FBR3ZCO0VBQ0ksV0FBVztFQUNYLFlBQVk7RUFDWiwwQ0FBMEM7RUFDMUMsdUJBQXVCO0VBQ3ZCLGtCQUFrQjtFQUNsQixrQkFBa0I7RUFDbEIsa0JBQWtCO0VBQ2xCLFlBQVksRUFBQTs7QUFHaEI7RUFDSSxhQUFhO0VBQ2IscUJBQXFCLEVBQUEiLCJmaWxlIjoic3JjL2FwcC9tb2R1bGVzL3NpZ24tdXAvc2lnbi11cC5jb21wb25lbnQuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIiAgICAgIC5tb2RhbC1oZWFkZXIge1xuICAgICAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgICAgICAgICAgbWFyZ2luLWJvdHRvbTogMnJlbTtcbiAgICAgICAgfVxuICAgXG4gICAubW9kYWwyMiB7XG4gICAgICAgICAgIFxuICAgICAgICAgICAgLy8gYm9yZGVyLXJhZGl1czogMTBweDtcbiAgICAgICAgICAgIC8vIHBhZGRpbmc6IDJyZW07XG4gICAgICAgICAgICAvLyB3aWR0aDogOTAlO1xuICAgICAgICAgICAgIG1heC13aWR0aDogNDAwcHg7XG4gICAgICAgICAgICAgbWFyZ2luLWxlZnQ6IDIwJTtcbiAgICAgICAgICAgIC8vIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgICAgIC8vIGNvbG9yOiB3aGl0ZTtcblxuICAgICAgICB9XG5cbiAgICAubW9kYWwtY29udGVudCB7XG4gICAgICAgIFxuICAgICAgICAvLyBtYXJnaW46IDglIGF1dG87XG4gICAgICAgIC8vIHBhZGRpbmc6IDIwcHg7ICAgXG4gICAgICAgIC8vIHdpZHRoOiAxMDAlO1xuICAgICAgICAvLyBtYXgtd2lkdGg6IDEwMHZoO1xuICAgICAgICAvLyBib3JkZXItcmFkaXVzOiA1cHg7XG4gICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAvLyBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIHdpZHRoOiA3MDBweDtcbiAgICAgICAgaGVpZ2h0OiA3MDBweDtcbiAgICAgICAgLy8gcmlnaHQ6IDMwJTtcbiAgICAgICAgLy8gdG9wOiAyMCU7XG4gICAgICAgIGJhY2tncm91bmQ6ICMwMDAwMDA7XG4gICAgICAgIGJvcmRlcjogMXB4IHNvbGlkICM4MzgzODM7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDEwcHg7XG4gICAgICAgIG1hcmdpbi1sZWZ0OiAtMzUlO1xuICAgIH1cblxuICAgIC5jbG9zZTF7XG4gICAgICAgIHotaW5kZXg6IDk5OTk5OTk5OTk5OTk7XG4gICAgZmxvYXQ6IHJpZ2h0O1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IDdyZW07XG4gICAgcmlnaHQ6IC04cmVtO1xuICAgIGNvbG9yOiAjZmZmZmZmO1xuICAgIGZvbnQtc2l6ZTogMS41cmVtO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIHdpZHRoOiAyN3B4O1xuICAgIGhlaWdodDogMjdweDtcbiAgICBiYWNrZ3JvdW5kOiAjMDAwMDAwO1xuICAgIGJvcmRlcjogMXB4IHNvbGlkICM4MzgzODM7XG4gICAgYm9yZGVyLXJhZGl1czogNXB4O1xuICAgIHBhZGRpbmctcmlnaHQ6IDBweDtcbiAgICBwYWRkaW5nLXRvcDogM3B4O1xuICAgIH1cblxuXG4gICAgI21vZGFsSWZyYW1lIHtcbiAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICB3aWR0aDogNzAwcHg7XG4gICAgICAgIGhlaWdodDogNzY3cHg7XG4gICAgICAgIHJpZ2h0OiAzMCU7XG4gICAgICAgIHRvcDogMjAlO1xuICAgICAgICBiYWNrZ3JvdW5kOiAjMDAwMDAwO1xuICAgICAgICBib3JkZXI6IDFweCBzb2xpZCAjODM4MzgzO1xuICAgICAgICBib3JkZXItcmFkaXVzOiAxMHB4O1xuXG4gICAgfVxuXG4gICAgQG1lZGlhIChtYXgtd2lkdGg6IDc2OHB4KSB7XG4gICAgICAgICNtb2RhbElmcmFtZSB7XG4gICAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXG4gICAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgICB3aWR0aDogMjkxcHg7XG4gICAgICAgICAgICBoZWlnaHQ6IDYwMnB4O1xuICAgICAgICAgICAgbGVmdDogMCU7XG4gICAgICAgICAgICB0b3A6IDIwJTtcbiAgICAgICAgICAgIG1hcmdpbjogMHB4IDUwcHggMHB4IDUwcHggIWltcG9ydGFudDtcblxuICAgICAgICAgICAgLyogYmxhY2sgKi9cbiAgICAgICAgICAgIGJhY2tncm91bmQ6ICMwMDAwMDA7XG4gICAgICAgICAgICAvKiBkYXJrIGdyZXkgKi9cbiAgICAgICAgICAgIGJvcmRlcjogMXB4IHNvbGlkICM4MzgzODM7XG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiAxMHB4O1xuICAgICAgICB9XG5cblxuICAgICAgICAuc2lnbnVwLWJ1dHRvbiB7XG5cbiAgICAgICAgICAgIHdpZHRoOiAxMDAlICFpbXBvcnRhbnRcbiAgICAgICAgfVxuXG5cbiAgICB9XG5cblxuXG5cbiAgICAgLm1vZGFsLWhlYWRlciBoMSB7XG4gICAgICAgICBcbiAgICAgICAgICAgIG1hcmdpbi1ib3R0b206IDAuNXJlbTtcbiAgICAgICAgICAgIC8vIHdpZHRoOiAzOTJweCAhaW1wb3J0YW50O1xuICAgICAgICAgICAgaGVpZ2h0OiA0NXB4O1xuICAgICAgICAgICAgZm9udC1mYW1pbHk6ICdBdmVuaXInO1xuICAgICAgICAgICAgZm9udC1zdHlsZTogbm9ybWFsO1xuICAgICAgICAgICAgZm9udC13ZWlnaHQ6IDgwMDtcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogMjJweDtcbiAgICAgICAgICAgIGxpbmUtaGVpZ2h0OiAxNDAlO1xuICAgICAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgICAgICAgICAgY29sb3I6ICNGRkZGRkY7XG4gICAgICAgIH1cblxuICAgICAgICAubW9kYWwtaGVhZGVyIHAge1xuICAgICAgICAgICAgLyogY29sb3I6ICM5OTk7ICovXG4gICAgICAgICAgICAvLyB3aWR0aDogMzkycHg7XG4gICAgICAgICAgICBoZWlnaHQ6IDI2cHg7XG4gICAgICAgICAgICBmb250LWZhbWlseTogJ0FsbGVyJztcbiAgICAgICAgICAgIGZvbnQtc3R5bGU6IG5vcm1hbDtcbiAgICAgICAgICAgIGZvbnQtd2VpZ2h0OiA0MDA7XG4gICAgICAgICAgICBmb250LXNpemU6IDE2cHg7XG4gICAgICAgICAgICBsaW5lLWhlaWdodDogMTYwJTtcbiAgICAgICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICAgICAgICAgIGNvbG9yOiAjRkZGRkZGO1xuICAgICAgICB9XG5cbiAgICAgICAgLmZvcm0tZ3JvdXAge1xuICAgICAgICAgICAgbWFyZ2luLWJvdHRvbTogMXJlbTtcbiAgICAgICAgICAgIG1hcmdpbi1ib3R0b206IDFyZW07XG4gICAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgICAgLyogcG9zaXRpb246IGFic29sdXRlOyAqL1xuICAgICAgICAgICAgbGVmdDogMCU7XG4gICAgICAgICAgICByaWdodDogMCU7XG4gICAgICAgICAgICB0b3A6IDAlO1xuICAgICAgICAgICAgYm90dG9tOiAwJTtcbiAgICAgICAgICAgIGJhY2tncm91bmQ6IHJnYmEoMjQwLCAyNDAsIDI0MCwgMC4yNyk7XG4gICAgICAgICAgICBib3JkZXI6IDFweCBzb2xpZCByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuNSk7XG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiAxMHB4O1xuXG4gICAgICAgIH1cblxuICAgICAgICAuZm9ybS1jb250cm9sIHtcbiAgICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICAgICAgcGFkZGluZzogMXJlbTtcbiAgICAgICAgICAgYmFja2dyb3VuZDogcmdiYSgyMzQsIDIzNCwgMjM0LCAwKTtcbiAgICAgICAgICAgIGJvcmRlcjogbm9uZTtcbiAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDEwcHg7XG4gICAgICAgICAgICBjb2xvcjogd2hpdGU7XG4gICAgICAgICAgICBmb250LXNpemU6IDFyZW07XG4gICAgICAgICAgICBtYXJnaW4tdG9wOiAwJTtcbiAgICBtYXJnaW4tYm90dG9tOiAwJTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5wYXNzd29yZC1pbnB1dCB7XG4gICAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgIH1cblxuICAgICAgICAucGFzc3dvcmQtdG9nZ2xlIHtcbiAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICAgIHJpZ2h0OiAxcmVtO1xuICAgICAgICAgICAgdG9wOiA1MCU7XG4gICAgICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoLTUwJSk7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kOiBub25lO1xuICAgICAgICAgICAgYm9yZGVyOiBub25lO1xuICAgICAgICAgICAgY29sb3I6ICM2NjY7XG4gICAgICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICAgIH1cblxuICAgICAgICAuY2hlY2tib3gtZ3JvdXAge1xuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAgICBnYXA6IDAuNXJlbTtcbiAgICAgICAgICAgIG1hcmdpbjogMXJlbSAwO1xuICAgICAgICB9XG5cbiAgICAgICAgLmNoZWNrYm94LWdyb3VwIGlucHV0W3R5cGU9XCJjaGVja2JveFwiXSB7XG4gICAgICAgICAgICB3aWR0aDogMThweDtcbiAgICAgICAgICAgIGhlaWdodDogMThweDtcbiAgICAgICAgICAgIGFjY2VudC1jb2xvcjogIzkzMzNlYTtcbiAgICAgICAgICAgIGFwcGVhcmFuY2U6IGF1dG87XG4gICAgICAgIH1cblxuICAgICAgICAuc2lnbnVwLWJ1dHRvbiB7XG4gICAgICAgICAgICAvKiB3aWR0aDogMTAwJTtcbiAgICAgICAgICAgIHBhZGRpbmc6IDFyZW07XG4gICAgICAgICAgICBiYWNrZ3JvdW5kOiAjOTMzM2VhO1xuICAgICAgICAgICAgY29sb3I6IHdoaXRlO1xuICAgICAgICAgICAgYm9yZGVyOiBub25lO1xuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogNXB4O1xuICAgICAgICAgICAgZm9udC1zaXplOiAxcmVtO1xuICAgICAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgICAgICAgbWFyZ2luLWJvdHRvbTogMXJlbTsgKi9cbiAgICAgICAgICAgIC8qIExhcmdlIEJ1dHRvbiAqL1xuICAgICAgICAgICAgY29sb3I6IHdoaXRlO1xuICAgICAgICAgICAgLyogQXV0byBsYXlvdXQgKi9cbiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAgICAgcGFkZGluZzogMjBweCA0MHB4O1xuICAgICAgICAgICAgZ2FwOiAxMHB4O1xuXG4gICAgICAgICAgICB3aWR0aDogMzkycHg7XG4gICAgICAgICAgICBoZWlnaHQ6IDUwcHg7XG5cbiAgICAgICAgICAgIC8qIHByaW1hcnkyICovXG4gICAgICAgICAgICBiYWNrZ3JvdW5kOiAjODIyRUUwO1xuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogMTBweDtcblxuICAgICAgICAgICAgLyogSW5zaWRlIGF1dG8gbGF5b3V0ICovXG4gICAgICAgICAgICBmbGV4OiBub25lO1xuICAgICAgICAgICAgb3JkZXI6IDE7XG4gICAgICAgICAgICBhbGlnbi1zZWxmOiBzdHJldGNoO1xuICAgICAgICAgICAgZmxleC1ncm93OiAwO1xuXG4gICAgICAgICAgICAvKiBwMS9idXR0b24gKi9cbiAgICAgICAgICAgIGZvbnQtZmFtaWx5OiAnQWxsZXInO1xuICAgICAgICAgICAgZm9udC1zdHlsZTogbm9ybWFsO1xuICAgICAgICAgICAgZm9udC13ZWlnaHQ6IDcwMDtcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogMThweDtcbiAgICAgICAgICAgIGxpbmUtaGVpZ2h0OiAxOHB4O1xuICAgICAgICAgICAgLyogaWRlbnRpY2FsIHRvIGJveCBoZWlnaHQsIG9yIDEwMCUgKi9cblxuICAgICAgICAgICAgLyogd2hpdGUgKi9cbiAgICAgICAgICAgIGNvbG9yOiAjRkZGRkZGO1xuXG5cbiAgICAgICAgICAgIC8qIEluc2lkZSBhdXRvIGxheW91dCAqL1xuICAgICAgICAgICAgZmxleDogbm9uZTtcbiAgICAgICAgICAgIG9yZGVyOiAwO1xuICAgICAgICAgICAgZmxleC1ncm93OiAwO1xuXG5cbiAgICAgICAgfVxuXG4gICAgICAgIC5zaWduaW4tbGluayB7XG4gICAgICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgICAgICAgICBtYXJnaW4tYm90dG9tOiAycmVtO1xuXG4gICAgICAgICAgICAvKiBBbHJlYWR5IGhhdmUgYW4gYWNjb3VudD8gU2lnbiBJbiAqL1xuXG4gICAgICAgICAgICAvLyB3aWR0aDogMzkycHg7XG4gICAgICAgICAgICBoZWlnaHQ6IDI2cHg7XG5cbiAgICAgICAgICAgIC8qIHAyL3JlZ3VsYXIgKi9cbiAgICAgICAgICAgIGZvbnQtZmFtaWx5OiAnQWxsZXInO1xuICAgICAgICAgICAgZm9udC1zdHlsZTogbm9ybWFsO1xuICAgICAgICAgICAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgICAgICAgICAgIGxpbmUtaGVpZ2h0OiAxNjAlO1xuICAgICAgICAgICAgLyogaWRlbnRpY2FsIHRvIGJveCBoZWlnaHQsIG9yIDI2cHggKi9cbiAgICAgICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjtcblxuICAgICAgICAgICAgLyogd2hpdGUgKi9cbiAgICAgICAgICAgIGNvbG9yOiAjRkZGRkZGO1xuXG5cbiAgICAgICAgICAgIC8qIEluc2lkZSBhdXRvIGxheW91dCAqL1xuICAgICAgICAgICAgZmxleDogbm9uZTtcbiAgICAgICAgICAgIG9yZGVyOiAxO1xuICAgICAgICAgICAgYWxpZ24tc2VsZjogc3RyZXRjaDtcbiAgICAgICAgICAgIGZsZXgtZ3JvdzogMDtcbiAgICAgICAgICAgIG1hcmdpbi10b3A6IDJlbTtcblxuICAgICAgICB9XG5cbiAgICAgICAgLnNpZ25pbi1saW5rIGEge1xuICAgICAgICAgICAgY29sb3I6ICNmZmZmZmY7XG4gICAgICAgICAgICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZSAhaW1wb3J0YW50O1xuICAgICAgICAgICAgIGN1cnNvcjogcG9pbnRlclxuICAgICAgICB9XG5cbiAgICAgICAgLmRpdmlkZXIge1xuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgICAgICAgICBtYXJnaW46IDFyZW0gMDtcbiAgICAgICAgICAgIGNvbG9yOiAjNjY2O1xuICAgICAgICB9XG5cbiAgICAgICAgLmRpdmlkZXI6OmJlZm9yZSxcbiAgICAgICAgLmRpdmlkZXI6OmFmdGVyIHtcbiAgICAgICAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgICAgICAgZmxleDogMTtcbiAgICAgICAgICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAjMzMzO1xuICAgICAgICB9XG5cbiAgICAgICAgLmRpdmlkZXIgc3BhbiB7XG4gICAgICAgICAgICBwYWRkaW5nOiAwIDEwcHg7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kOiByZ2JhKDI0MCwgMjQwLCAyNDAsIDAuMjcpO1xuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogNXB4O1xuICAgICAgICAgICAgY29sb3I6IHdoaXRlO1xuICAgICAgICB9XG5cbiAgICAgICAgLnNvY2lhbC1sb2dpbiB7XG4gICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgICAgICBnYXA6IDFyZW07XG4gICAgICAgICAgICBtYXJnaW4tdG9wOiAxcmVtO1xuICAgICAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgICB9XG5cbiAgICAgICAgLnNvY2lhbC1idXR0b24ge1xuICAgICAgICAgICAgd2lkdGg6IDQ4cHg7XG4gICAgICAgICAgICBoZWlnaHQ6IDQ4cHg7XG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgICAgICAgYm9yZGVyOiBub25lO1xuICAgICAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgICAgICAgYmFja2dyb3VuZDogI2ZmZjtcbiAgICAgICAgfVxuXG4gICAgICAgIC5zb2NpYWwtYnV0dG9uIGltZyB7XG4gICAgICAgICAgICB3aWR0aDogMjRweDtcbiAgICAgICAgICAgIGhlaWdodDogMjRweDtcbiAgICAgICAgfVxuXG4gICAgICAgIC5mYWNlYm9vayB7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kOiAjMTg3N2YyO1xuICAgICAgICB9XG5cbiAgICAgICAgLmFncmVlIHtcbiAgICAgICAgICAgIGhlaWdodDogMjZweDtcbiAgICAgICAgICAgIGZvbnQtZmFtaWx5OiAnQWxsZXInO1xuICAgICAgICAgICAgZm9udC1zdHlsZTogbm9ybWFsO1xuICAgICAgICAgICAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgICAgICAgICAgIGxpbmUtaGVpZ2h0OiAxNjAlO1xuICAgICAgICAgICAgY29sb3I6ICNGRkZGRkY7XG4gICAgICAgICAgICBmbGV4OiBub25lO1xuICAgICAgICAgICAgLyogb3JkZXI6IDE7ICovXG4gICAgICAgICAgICBmbGV4LWdyb3c6IDA7XG4gICAgICAgIH1cblxuXG5cblxuICAgICAgICAuY29kZS1pbnB1dHMge1xuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGdhcDogMC41cmVtO1xuICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgICAgICBtYXJnaW4tYm90dG9tOiAycmVtO1xuICAgICAgICB9XG5cbiAgICAgICAgLmNvZGUtaW5wdXRzIGlucHV0IHtcbiAgICAgICAgICAgIHdpZHRoOiA1MHB4O1xuICAgICAgICAgICAgaGVpZ2h0OiA1MHB4O1xuICAgICAgICAgICAgYm9yZGVyOiAxcHggc29saWQgcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjMpO1xuICAgICAgICAgICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiA0cHg7XG4gICAgICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgICAgICAgICBmb250LXNpemU6IDEuMjVyZW07XG4gICAgICAgICAgICBjb2xvcjogd2hpdGU7XG4gICAgICAgIH1cblxuICAgICAgICAuY29kZS1pbnB1dHMgaW5wdXQ6Zm9jdXMge1xuICAgICAgICAgICAgb3V0bGluZTogbm9uZTtcbiAgICAgICAgICAgIGJvcmRlci1jb2xvcjogIzkzMzNFQTtcbiAgICAgICAgfVxuIiwiLm1vZGFsLWhlYWRlciB7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgbWFyZ2luLWJvdHRvbTogMnJlbTsgfVxuXG4ubW9kYWwyMiB7XG4gIG1heC13aWR0aDogNDAwcHg7XG4gIG1hcmdpbi1sZWZ0OiAyMCU7IH1cblxuLm1vZGFsLWNvbnRlbnQge1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICB3aWR0aDogNzAwcHg7XG4gIGhlaWdodDogNzAwcHg7XG4gIGJhY2tncm91bmQ6ICMwMDAwMDA7XG4gIGJvcmRlcjogMXB4IHNvbGlkICM4MzgzODM7XG4gIGJvcmRlci1yYWRpdXM6IDEwcHg7XG4gIG1hcmdpbi1sZWZ0OiAtMzUlOyB9XG5cbi5jbG9zZTEge1xuICB6LWluZGV4OiA5OTk5OTk5OTk5OTk5O1xuICBmbG9hdDogcmlnaHQ7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiA3cmVtO1xuICByaWdodDogLThyZW07XG4gIGNvbG9yOiAjZmZmZmZmO1xuICBmb250LXNpemU6IDEuNXJlbTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICB3aWR0aDogMjdweDtcbiAgaGVpZ2h0OiAyN3B4O1xuICBiYWNrZ3JvdW5kOiAjMDAwMDAwO1xuICBib3JkZXI6IDFweCBzb2xpZCAjODM4MzgzO1xuICBib3JkZXItcmFkaXVzOiA1cHg7XG4gIHBhZGRpbmctcmlnaHQ6IDBweDtcbiAgcGFkZGluZy10b3A6IDNweDsgfVxuXG4jbW9kYWxJZnJhbWUge1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiA3MDBweDtcbiAgaGVpZ2h0OiA3NjdweDtcbiAgcmlnaHQ6IDMwJTtcbiAgdG9wOiAyMCU7XG4gIGJhY2tncm91bmQ6ICMwMDAwMDA7XG4gIGJvcmRlcjogMXB4IHNvbGlkICM4MzgzODM7XG4gIGJvcmRlci1yYWRpdXM6IDEwcHg7IH1cblxuQG1lZGlhIChtYXgtd2lkdGg6IDc2OHB4KSB7XG4gICNtb2RhbElmcmFtZSB7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgd2lkdGg6IDI5MXB4O1xuICAgIGhlaWdodDogNjAycHg7XG4gICAgbGVmdDogMCU7XG4gICAgdG9wOiAyMCU7XG4gICAgbWFyZ2luOiAwcHggNTBweCAwcHggNTBweCAhaW1wb3J0YW50O1xuICAgIC8qIGJsYWNrICovXG4gICAgYmFja2dyb3VuZDogIzAwMDAwMDtcbiAgICAvKiBkYXJrIGdyZXkgKi9cbiAgICBib3JkZXI6IDFweCBzb2xpZCAjODM4MzgzO1xuICAgIGJvcmRlci1yYWRpdXM6IDEwcHg7IH1cbiAgLnNpZ251cC1idXR0b24ge1xuICAgIHdpZHRoOiAxMDAlICFpbXBvcnRhbnQ7IH0gfVxuXG4ubW9kYWwtaGVhZGVyIGgxIHtcbiAgbWFyZ2luLWJvdHRvbTogMC41cmVtO1xuICBoZWlnaHQ6IDQ1cHg7XG4gIGZvbnQtZmFtaWx5OiAnQXZlbmlyJztcbiAgZm9udC1zdHlsZTogbm9ybWFsO1xuICBmb250LXdlaWdodDogODAwO1xuICBmb250LXNpemU6IDIycHg7XG4gIGxpbmUtaGVpZ2h0OiAxNDAlO1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIGNvbG9yOiAjRkZGRkZGOyB9XG5cbi5tb2RhbC1oZWFkZXIgcCB7XG4gIC8qIGNvbG9yOiAjOTk5OyAqL1xuICBoZWlnaHQ6IDI2cHg7XG4gIGZvbnQtZmFtaWx5OiAnQWxsZXInO1xuICBmb250LXN0eWxlOiBub3JtYWw7XG4gIGZvbnQtd2VpZ2h0OiA0MDA7XG4gIGZvbnQtc2l6ZTogMTZweDtcbiAgbGluZS1oZWlnaHQ6IDE2MCU7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgY29sb3I6ICNGRkZGRkY7IH1cblxuLmZvcm0tZ3JvdXAge1xuICBtYXJnaW4tYm90dG9tOiAxcmVtO1xuICBtYXJnaW4tYm90dG9tOiAxcmVtO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAvKiBwb3NpdGlvbjogYWJzb2x1dGU7ICovXG4gIGxlZnQ6IDAlO1xuICByaWdodDogMCU7XG4gIHRvcDogMCU7XG4gIGJvdHRvbTogMCU7XG4gIGJhY2tncm91bmQ6IHJnYmEoMjQwLCAyNDAsIDI0MCwgMC4yNyk7XG4gIGJvcmRlcjogMXB4IHNvbGlkIHJnYmEoMjU1LCAyNTUsIDI1NSwgMC41KTtcbiAgYm9yZGVyLXJhZGl1czogMTBweDsgfVxuXG4uZm9ybS1jb250cm9sIHtcbiAgd2lkdGg6IDEwMCU7XG4gIHBhZGRpbmc6IDFyZW07XG4gIGJhY2tncm91bmQ6IHJnYmEoMjM0LCAyMzQsIDIzNCwgMCk7XG4gIGJvcmRlcjogbm9uZTtcbiAgYm9yZGVyLXJhZGl1czogMTBweDtcbiAgY29sb3I6IHdoaXRlO1xuICBmb250LXNpemU6IDFyZW07XG4gIG1hcmdpbi10b3A6IDAlO1xuICBtYXJnaW4tYm90dG9tOiAwJTsgfVxuXG4ucGFzc3dvcmQtaW5wdXQge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7IH1cblxuLnBhc3N3b3JkLXRvZ2dsZSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgcmlnaHQ6IDFyZW07XG4gIHRvcDogNTAlO1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoLTUwJSk7XG4gIGJhY2tncm91bmQ6IG5vbmU7XG4gIGJvcmRlcjogbm9uZTtcbiAgY29sb3I6ICM2NjY7XG4gIGN1cnNvcjogcG9pbnRlcjsgfVxuXG4uY2hlY2tib3gtZ3JvdXAge1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6IDAuNXJlbTtcbiAgbWFyZ2luOiAxcmVtIDA7IH1cblxuLmNoZWNrYm94LWdyb3VwIGlucHV0W3R5cGU9XCJjaGVja2JveFwiXSB7XG4gIHdpZHRoOiAxOHB4O1xuICBoZWlnaHQ6IDE4cHg7XG4gIGFjY2VudC1jb2xvcjogIzkzMzNlYTtcbiAgYXBwZWFyYW5jZTogYXV0bzsgfVxuXG4uc2lnbnVwLWJ1dHRvbiB7XG4gIC8qIHdpZHRoOiAxMDAlO1xuICAgICAgICAgICAgcGFkZGluZzogMXJlbTtcbiAgICAgICAgICAgIGJhY2tncm91bmQ6ICM5MzMzZWE7XG4gICAgICAgICAgICBjb2xvcjogd2hpdGU7XG4gICAgICAgICAgICBib3JkZXI6IG5vbmU7XG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiA1cHg7XG4gICAgICAgICAgICBmb250LXNpemU6IDFyZW07XG4gICAgICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICAgICAgICBtYXJnaW4tYm90dG9tOiAxcmVtOyAqL1xuICAvKiBMYXJnZSBCdXR0b24gKi9cbiAgY29sb3I6IHdoaXRlO1xuICAvKiBBdXRvIGxheW91dCAqL1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgcGFkZGluZzogMjBweCA0MHB4O1xuICBnYXA6IDEwcHg7XG4gIHdpZHRoOiAzOTJweDtcbiAgaGVpZ2h0OiA1MHB4O1xuICAvKiBwcmltYXJ5MiAqL1xuICBiYWNrZ3JvdW5kOiAjODIyRUUwO1xuICBib3JkZXItcmFkaXVzOiAxMHB4O1xuICAvKiBJbnNpZGUgYXV0byBsYXlvdXQgKi9cbiAgZmxleDogbm9uZTtcbiAgb3JkZXI6IDE7XG4gIGFsaWduLXNlbGY6IHN0cmV0Y2g7XG4gIGZsZXgtZ3JvdzogMDtcbiAgLyogcDEvYnV0dG9uICovXG4gIGZvbnQtZmFtaWx5OiAnQWxsZXInO1xuICBmb250LXN0eWxlOiBub3JtYWw7XG4gIGZvbnQtd2VpZ2h0OiA3MDA7XG4gIGZvbnQtc2l6ZTogMThweDtcbiAgbGluZS1oZWlnaHQ6IDE4cHg7XG4gIC8qIGlkZW50aWNhbCB0byBib3ggaGVpZ2h0LCBvciAxMDAlICovXG4gIC8qIHdoaXRlICovXG4gIGNvbG9yOiAjRkZGRkZGO1xuICAvKiBJbnNpZGUgYXV0byBsYXlvdXQgKi9cbiAgZmxleDogbm9uZTtcbiAgb3JkZXI6IDA7XG4gIGZsZXgtZ3JvdzogMDsgfVxuXG4uc2lnbmluLWxpbmsge1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIG1hcmdpbi1ib3R0b206IDJyZW07XG4gIC8qIEFscmVhZHkgaGF2ZSBhbiBhY2NvdW50PyBTaWduIEluICovXG4gIGhlaWdodDogMjZweDtcbiAgLyogcDIvcmVndWxhciAqL1xuICBmb250LWZhbWlseTogJ0FsbGVyJztcbiAgZm9udC1zdHlsZTogbm9ybWFsO1xuICBmb250LXdlaWdodDogNDAwO1xuICBmb250LXNpemU6IDE2cHg7XG4gIGxpbmUtaGVpZ2h0OiAxNjAlO1xuICAvKiBpZGVudGljYWwgdG8gYm94IGhlaWdodCwgb3IgMjZweCAqL1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIC8qIHdoaXRlICovXG4gIGNvbG9yOiAjRkZGRkZGO1xuICAvKiBJbnNpZGUgYXV0byBsYXlvdXQgKi9cbiAgZmxleDogbm9uZTtcbiAgb3JkZXI6IDE7XG4gIGFsaWduLXNlbGY6IHN0cmV0Y2g7XG4gIGZsZXgtZ3JvdzogMDtcbiAgbWFyZ2luLXRvcDogMmVtOyB9XG5cbi5zaWduaW4tbGluayBhIHtcbiAgY29sb3I6ICNmZmZmZmY7XG4gIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lICFpbXBvcnRhbnQ7XG4gIGN1cnNvcjogcG9pbnRlcjsgfVxuXG4uZGl2aWRlciB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgbWFyZ2luOiAxcmVtIDA7XG4gIGNvbG9yOiAjNjY2OyB9XG5cbi5kaXZpZGVyOjpiZWZvcmUsXG4uZGl2aWRlcjo6YWZ0ZXIge1xuICBjb250ZW50OiAnJztcbiAgZmxleDogMTtcbiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICMzMzM7IH1cblxuLmRpdmlkZXIgc3BhbiB7XG4gIHBhZGRpbmc6IDAgMTBweDtcbiAgYmFja2dyb3VuZDogcmdiYSgyNDAsIDI0MCwgMjQwLCAwLjI3KTtcbiAgYm9yZGVyLXJhZGl1czogNXB4O1xuICBjb2xvcjogd2hpdGU7IH1cblxuLnNvY2lhbC1sb2dpbiB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBnYXA6IDFyZW07XG4gIG1hcmdpbi10b3A6IDFyZW07XG4gIGN1cnNvcjogcG9pbnRlcjsgfVxuXG4uc29jaWFsLWJ1dHRvbiB7XG4gIHdpZHRoOiA0OHB4O1xuICBoZWlnaHQ6IDQ4cHg7XG4gIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGJvcmRlcjogbm9uZTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBiYWNrZ3JvdW5kOiAjZmZmOyB9XG5cbi5zb2NpYWwtYnV0dG9uIGltZyB7XG4gIHdpZHRoOiAyNHB4O1xuICBoZWlnaHQ6IDI0cHg7IH1cblxuLmZhY2Vib29rIHtcbiAgYmFja2dyb3VuZDogIzE4NzdmMjsgfVxuXG4uYWdyZWUge1xuICBoZWlnaHQ6IDI2cHg7XG4gIGZvbnQtZmFtaWx5OiAnQWxsZXInO1xuICBmb250LXN0eWxlOiBub3JtYWw7XG4gIGZvbnQtd2VpZ2h0OiA0MDA7XG4gIGZvbnQtc2l6ZTogMTZweDtcbiAgbGluZS1oZWlnaHQ6IDE2MCU7XG4gIGNvbG9yOiAjRkZGRkZGO1xuICBmbGV4OiBub25lO1xuICAvKiBvcmRlcjogMTsgKi9cbiAgZmxleC1ncm93OiAwOyB9XG5cbi5jb2RlLWlucHV0cyB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdhcDogMC41cmVtO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgbWFyZ2luLWJvdHRvbTogMnJlbTsgfVxuXG4uY29kZS1pbnB1dHMgaW5wdXQge1xuICB3aWR0aDogNTBweDtcbiAgaGVpZ2h0OiA1MHB4O1xuICBib3JkZXI6IDFweCBzb2xpZCByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuMyk7XG4gIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICBib3JkZXItcmFkaXVzOiA0cHg7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgZm9udC1zaXplOiAxLjI1cmVtO1xuICBjb2xvcjogd2hpdGU7IH1cblxuLmNvZGUtaW5wdXRzIGlucHV0OmZvY3VzIHtcbiAgb3V0bGluZTogbm9uZTtcbiAgYm9yZGVyLWNvbG9yOiAjOTMzM0VBOyB9XG4iXX0= */\"","\nimport { ApiService } from '../../core/services/api.service';\nimport { AuthService } from '../../core/auth/auth.service';\nimport { UserService } from '../../core/services/user.service';\nimport { NgForm, EmailValidator } from '@angular/forms';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { ToastrService } from 'ngx-toastr';\nimport disableScroll from 'disable-scroll';\nimport { TranslateService } from '@ngx-translate/core';\nimport { environment } from '../../../environments/environment';\nimport { Component, OnInit, forwardRef, Input, ViewChildren, QueryList, ElementRef } from '@angular/core';\n@Component({\n selector: 'app-sign-up',\n templateUrl: './sign-up.component.html',\n styleUrls: ['./sign-up.component.scss']\n})\nexport class SignUpComponent implements OnInit {\n\n firstName: string;\n lastName: string;\n email: EmailValidator;\n password: string;\n confirmPassword: string;\n mobile: number;\n date: Date;\n touched = false;\n taken: boolean;\n error: any = {};\n title = 'SIGN UP';\n show: Boolean = false;\n submitted: any = false;\n checkbox: Boolean = false;\n phoneError: Boolean = false;\n otp: Boolean = false;\n // otp_value: string;\n signIn = false;\n signUp = false;\n forget = false;\n\n // otpValues: string[] = new Array(6).fill(\"\")\n // disabled = false\n\n @Input() length = 6;\n @ViewChildren('otpInput') otpInputs!: QueryList
;\n\n otpValues: string[] = [];\n disabled = false;\n\n // ControlValueAccessor methods\n // onChange = (_: any) => { };\n // onTouched = () => { };\n\n otp_value: string[] = new Array(6).fill('');\n \n\n constructor(\n private apiService: ApiService,\n private authService: AuthService,\n private userService: UserService,\n private route: ActivatedRoute,\n private router: Router,\n private toasterService: ToastrService,\n private translate: TranslateService\n ) {\n \n }\n\n ngOnInit() {\n this.translate.get('SIGN_UP.CREATE_ACCOUNT').subscribe(res => {\n this.title = res;\n });\n\n this.otpValues = Array(this.length).fill('');\n }\n\n \n\n onSignUp(form: NgForm) {\n console.log(\"Forms Value::\", form.value, form)\n this.touched = true;\n this.phoneError = false;\n\n this.otp = true;\n\n\n\n if (form.valid) {\n this.submitted = true;\n this.translate.get('SIGN_UP.CREATE_ACCOUNT').subscribe(res => {\n this.title = res + '...';\n });\n\n if (/^\\+233\\d{9}/.test(form.value.email)) {\n console.log(\"Phone Valid::\", form.value.email)\n\n\n this.apiService.callPostAPI(\n 'v2/auth/register',\n {\n login_type: 'normal',\n acesstype: 'web',\n phone: form.value.email,\n password: form.value.password,\n password_confirmation: form.value.password,\n name: form.value.firstName\n }, environment.userApiUrl)\n .subscribe(\n data => {\n this.submitted = false;\n if (data['statusCode'] === 200 && data['error'] === false) {\n\n this.apiService.callPostAPI('v2/auth/send/otp', {\n phone_number: form.value.email,\n }, environment.userApiUrl)\n .subscribe(\n data => {\n if (data['statusCode'] === 200 && data['error'] === false) {\n this.submitted = true;\n this.otp = true;\n\n } else {\n\n this.submitted = false;\n }\n },\n error => {\n this.submitted = false;\n this.toasterService.error('', 'Could not send OTP to mobile number');\n });\n\n }\n },\n error => {\n console.log(\"errooo <><><><><\")\n this.toasterService.error('', \"The phone has already been taken\");\n this.submitted = false;\n this.translate.get('SIGN_UP.CREATE_ACCOUNT').subscribe(res => {\n this.title = res;\n });\n if (error.error.statusCode === 422) {\n if (typeof error.error.message === 'string' || error.error.message instanceof String) {\n this.toasterService.error('', error.error.message);\n } else {\n this.error = error.error.message;\n }\n } else {\n this.error = {};\n this.toasterService.error('', (error.error.message) ? error.error.message : error.message);\n }\n });\n\n }\n else if (/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,}$/.test(form.value.email)) {\n console.log(\"Email Valid::\", form.value.email)\n\n\n this.apiService.callPostAPI(\n 'v2/auth/register',\n {\n login_type: 'normal',\n acesstype: 'web',\n email: form.value.email,\n password: form.value.password,\n password_confirmation: form.value.password,\n name: form.value.firstName\n }, environment.userApiUrl)\n .subscribe(\n data => {\n this.submitted = false;\n if (data['statusCode'] === 200 && data['error'] === false) {\n\n // this.toasterService.success('', data['message'], {\n // timeOut: 15000,\n // });\n // this.userService.displayPopup('colse');\n // disableScroll.off();\n // this.translate.get('SIGN_UP.CREATE_ACCOUNT').subscribe(res => {\n // this.title = res;\n // });\n\n // this.userService.nextPage.subscribe(\n // nextUrl => {\n // if (!localStorage.getItem('myUrl')) {\n // if (nextUrl.indexOf('video') !== -1) {\n // window.location.reload();\n // } else {\n // this.router.navigate([nextUrl]);\n // }\n // } else if (localStorage.getItem('myUrl')) {\n // if (data['response'].is_subscribed === 0) {\n // localStorage.setItem('subscribeUrl', window.location.pathname);\n // this.router.navigate(['subscription']);\n // localStorage.removeItem('myUrl');\n // } else if (data['response'].is_subscribed === 1) {\n // this.router.navigate([window.location.pathname.replace('video/', 'watch/')]);\n // localStorage.removeItem('myUrl');\n // }\n // }\n // });\n // }\n\n \n this.toasterService.success('', data['message'], {\n timeOut: 15000,\n });\n this.submitted = true;\n this.otp = true;\n\n } else {\n\n this.submitted = false;\n }\n },\n error => {\n this.submitted = false;\n this.translate.get('SIGN_UP.CREATE_ACCOUNT').subscribe(res => {\n this.title = res;\n });\n if (error.error.statusCode === 422) {\n if (typeof error.error.message === 'string' || error.error.message instanceof String) {\n this.toasterService.error('', error.error.message);\n } else {\n this.error = error.error.message;\n }\n } else {\n this.error = {};\n this.toasterService.error('', (error.error.message) ? error.error.message : error.message);\n }\n });\n\n }\n else {\n this.phoneError = true;\n console.log(\"Invalid Input\")\n }\n\n\n\n\n\n // this.apiService.callPostAPI(\n // 'v2/auth/register',\n // {\n // login_type: 'normal',\n // acesstype: 'web',\n // email: form.value.email,\n // password: form.value.password,\n // password_confirmation: form.value.password,\n // name: form.value.firstName\n // }, environment.userApiUrl)\n // .subscribe(\n // data => {\n // this.submitted = false;\n // if (data['statusCode'] === 200 && data['error'] === false) {\n\n // this.toasterService.success('', data['message'], {\n // timeOut: 15000,\n // });\n // this.userService.displayPopup('colse');\n // disableScroll.off();\n // this.translate.get('SIGN_UP.CREATE_ACCOUNT').subscribe(res => {\n // this.title = res;\n // });\n\n // this.userService.nextPage.subscribe(\n // nextUrl => {\n // if (!localStorage.getItem('myUrl')) {\n // if (nextUrl.indexOf('video') !== -1) {\n // window.location.reload();\n // } else {\n // this.router.navigate([nextUrl]);\n // }\n // } else if (localStorage.getItem('myUrl')) {\n // if (data['response'].is_subscribed === 0) {\n // localStorage.setItem('subscribeUrl', window.location.pathname);\n // this.router.navigate(['subscription']);\n // localStorage.removeItem('myUrl');\n // } else if (data['response'].is_subscribed === 1) {\n // this.router.navigate([window.location.pathname.replace('video/', 'watch/')]);\n // localStorage.removeItem('myUrl');\n // }\n // }\n // });\n // }\n // },\n // error => {\n // this.submitted = false;\n // this.translate.get('SIGN_UP.CREATE_ACCOUNT').subscribe(res => {\n // this.title = res;\n // });\n // if (error.error.statusCode === 422) {\n // if (typeof error.error.message === 'string' || error.error.message instanceof String) {\n // this.toasterService.error('', error.error.message);\n // } else {\n // this.error = error.error.message;\n // }\n // } else {\n // this.error = {};\n // this.toasterService.error('', (error.error.message) ? error.error.message : error.message);\n // }\n // });\n }\n }\n\n toPassword() {\n this.otp_value\n this.email\n\n console.log(\"OTP VALUE::\", this.otp_value.join(''), \"EMail\", this.email)\n\n this.apiService.callPostAPI('v2/auth/verify/otp', {\n email: this.email,\n otp: this.otp_value.join(''),\n activate: true\n }, environment.userApiUrl)\n .subscribe(\n data => {\n this.submitted = false;\n if (data['statusCode'] === 200 && data['error'] === false) {\n this.otp = false;\n // this.toasterService.success('', data['message'], {\n // timeOut: 15000,\n // });\n\n this.toasterService.success('', data['message']);\n\n this.userService.displayPopup('colse');\n disableScroll.off();\n this.translate.get('SIGN_UP.CREATE_ACCOUNT').subscribe(res => {\n this.title = res;\n });\n\n this.userService.nextPage.subscribe(\n nextUrl => {\n\n console.log(\"NEXT URLL---++\", nextUrl)\n this.router.navigate(['/manage-profiles']);\n\n if (!localStorage.getItem('myUrl')) {\n if (nextUrl.indexOf('video') !== -1) {\n window.location.reload();\n } else {\n if (nextUrl === '/' || nextUrl === '/home' || !localStorage.getItem('screen-id')) {\n\n this.router.navigate(['/manage-profiles']);\n\n } else if (data['response'].is_subscribed === 1 && localStorage.getItem('subscribeUrl')) {\n\n this.router.navigate([localStorage.getItem('subscribeUrl').replace('video/', 'watch/')]);\n } else {\n\n this.router.navigate([nextUrl]);\n }\n }\n } else if (localStorage.getItem('myUrl')) {\n if (data['response'].is_subscribed === 0) {\n localStorage.setItem('subscribeUrl', window.location.pathname);\n this.router.navigate(['subscription']);\n localStorage.removeItem('myUrl');\n } else if (data['response'].is_subscribed === 1) {\n this.router.navigate([window.location.pathname.replace('video/', 'watch/')]);\n localStorage.removeItem('myUrl');\n }\n }\n else {\n this.router.navigate(['/manage-profiles']);\n }\n\n\n });\n\n } else {\n this.submitted = false;\n }\n },\n error => {\n this.submitted = false;\n this.toasterService.error('', 'OTP could not be verified. Kindly try again');\n });\n\n\n }\n\n onClose() {\n disableScroll.off();\n if (this.route.snapshot['_routerState'].url === '/sign-up') {\n this.router.navigate(['home']);\n }\n this.userService.displayPopup('colse');\n }\n\n onClick(value: string) {\n if (value === 'sign-in') {\n this.userService.displayPopup('sign-in');\n }\n }\n onChange(e) {\n this.error = {};\n }\n toggleShowPassword() {\n this.show = !this.show;\n }\n\n\n\n\n\n signInModal(event) {\n \n \n \n // disableScroll.on(undefined, {\n // disableWheel: true,\n // disableScroll: false,\n // disableKeys: false,\n // });\n // this.userService.redirectUrl(this.router.url);\n // if (event.target.className === 'sign-up') {\n // this.onShowHide('sign-up');\n // } else {\n // this.onShowHide('sign-in');\n // }\n }\n \n\n\n // Popup show or hide\n // onShowHide(value: string) {\n // if (value === 'sign-in') {\n // this.signIn = true;\n // this.signUp = false;\n // this.forget = false;\n // } else if (value === 'sign-up') {\n // this.signIn = false;\n // this.signUp = true;\n // this.forget = false;\n // } else if (value === 'forget') {\n // this.signIn = false;\n // this.signUp = false;\n // this.forget = true;\n // } else {\n // this.signIn = true;\n // this.signUp = false;\n // this.forget = false;\n // }\n // }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport { SignUpRoutingModule } from './sign-up-routing.module';\nimport { SignUpComponent } from './sign-up.component';\nimport { HttpClientModule } from '@angular/common/http';\nimport { NgDatepickerModule } from 'ng2-datepicker';\nimport { SocialLoginModule } from '../social-login/social-login.module';\nimport { TranslateModule } from '@ngx-translate/core';\n\n@NgModule({\n imports: [\n CommonModule,\n FormsModule,\n SignUpRoutingModule,\n HttpClientModule,\n SocialLoginModule,\n NgDatepickerModule,\n TranslateModule\n ],\n declarations: [\n SignUpComponent\n ],\n exports: [\n SignUpComponent\n ]\n})\nexport class SignUpModule { }\n","module.exports = \"\\n \\n\\n
\\n\\n
\\n\\n
\\n
\\n
\\n
\\n
\\n \\n {{ 'PLAYER.OVERLAY_INFO' | translate }}\\n \\n \\n {{ 'PLAYER.LOADING' | translate }}\\n \\n \\n {{ 'PLAYER.LIVE_END' | translate }}\\n \\n
\\n
\\n
\\n
\\n \\n \\n \\n \\n \\n \\n {{ 'PLAYER.OPEN_LIVE_CHAT' | translate }} \\n \\n \\n
\\n
\\n \\n
\\n
\\n \\n \\n
\\n
{{ message.name }}
\\n
{{ message.time }} \\n
\\n
\\n {{ message.text }}\\n
\\n
\\n \\n
\\n
\\n
\\n
\\n {{ 'PLAYER.COMMENT_LIMIT' | translate }}\\n
\\n
Comment is empty.
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
{{ video?.title }} \\n
\\n \\n \\n {{ viewersCount }}\\n \\n
{{ video?.season_name }} \\n
\\n
0\\\">\\n
\\n
\\n X-Ray\\n \\n \\n \\n \\n \\n \\n \\n
\\n
\\n
\\n \\n \\n
\\n
\\n
\\n
\\n
{{ xray.name }} \\n
{{ xray.description }}
\\n
\\n \\n
\\n
\\n
\\n Next Episode\\n \\n \\n \\n \\n \\n \\n \\n \\n\\n\\n\\n\\n
\\n \\n\\n
This video is not available in your region \\n
\\n You are not\\n connected to the internet \\n
\"","module.exports = \".webrtc-video {\\n width: 100% !important; }\\n\\n#remoteVideo {\\n width: 100%;\\n height: 100%;\\n transition: 0.5s ease; }\\n\\n.overaly-static-video {\\n opacity: 1;\\n visibility: visible;\\n text-align: center;\\n position: absolute;\\n left: 50%;\\n top: 50%;\\n color: #fff;\\n font-size: 27px;\\n transform: translate(-50%, -50%); }\\n\\n.remoteVideoChatOpen {\\n width: 73% !important; }\\n\\n.overlayStaticVideoChatOpen {\\n left: 38% !important; }\\n\\n@media (max-width: 1600px) {\\n .remoteVideoChatOpen {\\n width: 67.5% !important; } }\\n\\n@media (max-width: 1300px) {\\n .remoteVideoChatOpen {\\n width: 72% !important; } }\\n\\n@media (max-width: 1281px) {\\n .remoteVideoChatOpen {\\n width: 71% !important; } }\\n\\n@media (max-width: 1231px) {\\n .remoteVideoChatOpen {\\n width: 70% !important; } }\\n\\n@media (min-width: 1200px) {\\n .webrtc-video,\\n #remoteVideo {\\n height: 100vh !important; } }\\n\\n@media (max-width: 1199px) {\\n .remoteVideoChatOpen {\\n width: 100% !important; }\\n .overlayStaticVideoChatOpen {\\n left: 50% !important; }\\n .webrtc-video {\\n position: relative; } }\\n\\n@media (max-width: 767px) {\\n .overaly-static-video {\\n font-size: 12px !important; } }\\n\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9rd2FtZXR3dW0vQml0QnVja2V0L2hvbWkvYW5ndWxhci9zcmMvYXBwL21vZHVsZXMvdmlkZW8tZGV0YWlsL3BsYXllci9wbGF5ZXIuY29tcG9uZW50LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDRSxzQkFBc0IsRUFBQTs7QUFFeEI7RUFXRSxXQUFXO0VBQ1gsWUFBWTtFQUNaLHFCQUFxQixFQUFBOztBQUV2QjtFQUNFLFVBQVU7RUFDVixtQkFBbUI7RUFDbkIsa0JBQWtCO0VBQ2xCLGtCQUFrQjtFQUNsQixTQUFTO0VBQ1QsUUFBUTtFQUNSLFdBQVc7RUFDWCxlQUFlO0VBQ2YsZ0NBQWdDLEVBQUE7O0FBRWxDO0VBQ0UscUJBQXFCLEVBQUE7O0FBRXZCO0VBQ0Usb0JBQW9CLEVBQUE7O0FBRXRCO0VBQ0U7SUFDRSx1QkFBdUIsRUFBQSxFQUN4Qjs7QUFFSDtFQUNFO0lBQ0UscUJBQXFCLEVBQUEsRUFDdEI7O0FBRUg7RUFDRTtJQUNFLHFCQUFxQixFQUFBLEVBQ3RCOztBQUVIO0VBQ0U7SUFDRSxxQkFBcUIsRUFBQSxFQUN0Qjs7QUFFSDtFQUNFOztJQUVFLHdCQUF3QixFQUFBLEVBQ3pCOztBQUdIO0VBQ0U7SUFDRSxzQkFBc0IsRUFBQTtFQUV4QjtJQUNFLG9CQUFvQixFQUFBO0VBRXRCO0lBQ0Usa0JBQWtCLEVBQUEsRUFDbkI7O0FBRUg7RUFDRTtJQUNFLDBCQUEwQixFQUFBLEVBQzNCIiwiZmlsZSI6InNyYy9hcHAvbW9kdWxlcy92aWRlby1kZXRhaWwvcGxheWVyL3BsYXllci5jb21wb25lbnQuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi53ZWJydGMtdmlkZW8ge1xuICB3aWR0aDogMTAwJSAhaW1wb3J0YW50O1xufVxuI3JlbW90ZVZpZGVvIHtcbiAgLy8gbWluLXdpZHRoOiA1MCU7XG4gIC8vIG1pbi1oZWlnaHQ6IDEwMCU7XG4gIC8vIC8qIFNldHRpbmcgd2lkdGggJiBoZWlnaHQgdG8gYXV0byBwcmV2ZW50cyB0aGUgYnJvd3NlciBmcm9tIHN0cmV0Y2hpbmcgb3Igc3F1aXNoaW5nIHRoZSB2aWRlbyAqL1xuICAvLyB3aWR0aDogYXV0bztcbiAgLy8gaGVpZ2h0OiBhdXRvO1xuICAvLyAvKiBDZW50ZXIgdGhlIHZpZGVvICovXG4gIC8vIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgLy8gdG9wOiA1MCU7XG4gIC8vIGxlZnQ6IDUwJTtcbiAgLy8gdHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwgLTUwJSk7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIHRyYW5zaXRpb246IDAuNXMgZWFzZTtcbn1cbi5vdmVyYWx5LXN0YXRpYy12aWRlbyB7XG4gIG9wYWNpdHk6IDE7XG4gIHZpc2liaWxpdHk6IHZpc2libGU7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBsZWZ0OiA1MCU7XG4gIHRvcDogNTAlO1xuICBjb2xvcjogI2ZmZjtcbiAgZm9udC1zaXplOiAyN3B4O1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtNTAlLCAtNTAlKTtcbn1cbi5yZW1vdGVWaWRlb0NoYXRPcGVuIHtcbiAgd2lkdGg6IDczJSAhaW1wb3J0YW50O1xufVxuLm92ZXJsYXlTdGF0aWNWaWRlb0NoYXRPcGVuIHtcbiAgbGVmdDogMzglICFpbXBvcnRhbnQ7XG59XG5AbWVkaWEgKG1heC13aWR0aDogMTYwMHB4KSB7XG4gIC5yZW1vdGVWaWRlb0NoYXRPcGVuIHtcbiAgICB3aWR0aDogNjcuNSUgIWltcG9ydGFudDtcbiAgfVxufVxuQG1lZGlhIChtYXgtd2lkdGg6IDEzMDBweCkge1xuICAucmVtb3RlVmlkZW9DaGF0T3BlbiB7XG4gICAgd2lkdGg6IDcyJSAhaW1wb3J0YW50O1xuICB9XG59XG5AbWVkaWEgKG1heC13aWR0aDogMTI4MXB4KSB7XG4gIC5yZW1vdGVWaWRlb0NoYXRPcGVuIHtcbiAgICB3aWR0aDogNzElICFpbXBvcnRhbnQ7XG4gIH1cbn1cbkBtZWRpYSAobWF4LXdpZHRoOiAxMjMxcHgpIHtcbiAgLnJlbW90ZVZpZGVvQ2hhdE9wZW4ge1xuICAgIHdpZHRoOiA3MCUgIWltcG9ydGFudDtcbiAgfVxufVxuQG1lZGlhIChtaW4td2lkdGg6IDEyMDBweCkge1xuICAud2VicnRjLXZpZGVvLFxuICAjcmVtb3RlVmlkZW8ge1xuICAgIGhlaWdodDogMTAwdmggIWltcG9ydGFudDtcbiAgfVxufVxuXG5AbWVkaWEgKG1heC13aWR0aDogMTE5OXB4KSB7XG4gIC5yZW1vdGVWaWRlb0NoYXRPcGVuIHtcbiAgICB3aWR0aDogMTAwJSAhaW1wb3J0YW50O1xuICB9XG4gIC5vdmVybGF5U3RhdGljVmlkZW9DaGF0T3BlbiB7XG4gICAgbGVmdDogNTAlICFpbXBvcnRhbnQ7XG4gIH1cbiAgLndlYnJ0Yy12aWRlbyB7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB9XG59XG5AbWVkaWEgKG1heC13aWR0aDogNzY3cHgpIHtcbiAgLm92ZXJhbHktc3RhdGljLXZpZGVvIHtcbiAgICBmb250LXNpemU6IDEycHggIWltcG9ydGFudDtcbiAgfVxufVxuIl19 */\"","import {\n Component,\n OnInit,\n OnDestroy,\n Output,\n EventEmitter,\n Input,\n HostListener,\n ElementRef,\n ViewChild,\n AfterViewInit\n} from '@angular/core';\nimport { PlatformLocation } from '@angular/common';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport videoJs from '../../../../assets/js/play.es.js';\nimport { PlayerService } from '../../../core/services/player.service';\nimport { ConnectionService } from 'ng-connection-service';\nimport { environment } from '../../../../environments/environment';\nimport * as CryptoJS from 'crypto-js';\nimport { TranslateService } from '@ngx-translate/core';\nimport { ApiService } from '../../../core/services/api.service';\nimport { AuthService } from '../../../core/auth/auth.service';\nimport * as firebase from 'firebase';\nimport { Observable } from 'rxjs/Observable';\nimport { AngularFireDatabase, AngularFireList } from '@angular/fire/database';\nimport { BehaviorSubject } from 'rxjs';\nimport { ScrollToBottomDirective } from '../../../core/directives/scroll-to-bottom.directive';\nimport { ToastrService } from 'ngx-toastr';\nimport { interval, Subscription } from 'rxjs';\nimport { DomSanitizer } from '@angular/platform-browser';\nimport { store } from '@angular/core/src/render3';\n\ndeclare var $: any;\ndeclare var WebRTCAdaptor;\n\n@Component({\n selector: 'app-player',\n templateUrl: './player.component.html',\n styleUrls: ['./player.component.scss']\n})\nexport class PlayerComponent implements OnInit, OnDestroy, AfterViewInit {\n @ViewChild('videoPlayer') videoooPlayer: ElementRef;\n personsCounter: Subscription;\n intervalId: any;\n viewersCount: any;\n enableSubscribe = false;\n isPlaying = false;\n player: any;\n time = 0;\n user: any;\n overlayContent: any;\n status = 'ONLINE';\n geoStatus = true;\n isConnected = true;\n newtworkStatus: any;\n setVideo: Boolean = true;\n params: any;\n @Output() playing = new EventEmitter();\n @Output() livchatStatus = new EventEmitter(); // Live Chat emitter\n liveChatCurrentVideo: any;\n video: any;\n interVal: any;\n subTitle: any = [];\n key: any;\n iv: any;\n decrypted: any;\n videoProgressPercentage: number;\n encrypted: any;\n plainText: any;\n cipherText: any;\n userAgent: any;\n showXrayList = false;\n showXrayViewAll = false;\n showXrayCastDetail = false;\n showXrayScenestab = false;\n xrayCastList = [];\n xrayCastViewAllList = [];\n xrayScenesList = [];\n xrayCastDetail: any;\n currentDecryptUser;\n videoPaymentInfo;\n sendProgressEvent = false;\n showXray = false;\n showEpisode = false;\n mouseOverXray = false;\n mouseOverEpisode = false;\n viewCountStatus: string;\n qualityText: any;\n speedText: any;\n currentTime: any;\n liveChatText: any;\n liveMessages: any[];\n livechatInputHeight: any;\n commentErrors: any[];\n firebaseKey: any;\n @ViewChild(ScrollToBottomDirective)\n scroll: ScrollToBottomDirective;\n commentMaxlengthError: Boolean = false;\n commentShortError: Boolean = false;\n loginError: Boolean = false;\n next_video: any = false;\n sprite_image: any;\n liveURL: any;\n isLive: Boolean = false;\n timediff: any;\n ///////////// webrtc\n public heartBeatTimerId: any = null;\n public showPlayerOverlay = true;\n public playerOverlayInfo = '';\n public streamingSrc = '';\n public videoPlayerEl: any;\n public playControlBarSetInterval: any;\n todaysLive: any;\n upcomingLive: any = [];\n noVideo = 'Sorry! no videos';\n videoCategory: any = 'live';\n bannerData: any = [];\n home: any;\n new: any;\n bannerLive: any = [];\n loading: Boolean;\n loadingSlider: any = [];\n liveVideoList = [];\n showTitle = true;\n isPlayingVar = [];\n videoTitle: string;\n headerVar: any;\n pageDestroyed = false;\n moveInOutCards = false;\n moveOutCards = true;\n mouseOverHeader = false;\n playerActiveInactive = false;\n isVideoPlaying = false;\n webRTCAdaptor: any;\n related_videos: any;\n recommendLogo: any;\n livestreamStarted = false;\n DEVICE_RESTRICTION_TYPE: string;\n isWatchFrombeginningSet: boolean;\n WatchFrombeginningService: any;\n localStorageValue: any;\n screen: any = '';\n\n @HostListener('window:scroll', ['$event'])\n onWindowScroll() {\n const scrollPosY = window.pageYOffset || document.body.scrollTop;\n this.moveInOutCards = false;\n if (scrollPosY > 80) {\n this.headerVar.classList.remove('live-header');\n this.headerVar.classList.add('show-header');\n this.headerVar.classList.remove('hide-header');\n } else {\n if (this.isVideoPlaying) {\n this.headerVar.classList.remove('show-header');\n this.headerVar.classList.add('hide-header');\n }\n this.headerVar.classList.add('live-header');\n }\n }\n\n @HostListener('window:beforeunload', ['$event'])\n callPlayerApi($event) {\n this.handleContinueWatching('callPlayerApi');\n }\n\n /////// webrtc\n constructor(\n private apiService: ApiService,\n private route: ActivatedRoute,\n private playerService: PlayerService,\n private connectionService: ConnectionService,\n private router: Router,\n private translate: TranslateService,\n private authService: AuthService,\n private db: AngularFireDatabase,\n private toaster: ToastrService,\n private sanitizer: DomSanitizer,\n location: PlatformLocation\n ) {\n location.onPopState(() => {\n this.webRTCAdaptor.leave(this.video.stream_id);\n });\n this.key = CryptoJS.enc.Utf8.parse(environment.crypto_key);\n this.iv = CryptoJS.enc.Utf8.parse(environment.crypto_iv);\n this.connectionService.monitor().subscribe((isConnected) => {\n this.isConnected = isConnected;\n if (this.isConnected) {\n this.status = 'ONLINE';\n } else {\n this.status = 'OFFLINE';\n this.newtworkStatus = document.getElementById('online-toast');\n document.getElementById('videos').appendChild(this.newtworkStatus);\n }\n });\n this.formatAMPM(new Date());\n this.user = this.authService.decryption(\n localStorage.getItem('currentUser')\n );\n this.localStorageValue = localStorage.getItem('currentUser') ? true : false;\n this.screen = localStorage.getItem('currentUser') ? this.user['response'].screen : '';\n }\n\n // Get Current time\n formatAMPM(date) {\n let hours = date.getHours();\n let minutes = date.getMinutes();\n const ampm = hours >= 12 ? 'pm' : 'am';\n hours = hours % 12;\n hours = hours ? hours : 12; // the hour '0' should be '12'\n minutes = minutes < 10 ? '0' + minutes : minutes;\n const strTime = hours + ':' + minutes + ' ' + ampm;\n this.currentTime = strTime;\n }\n\n getCurrentTime() {\n const date = new Date();\n let hours: any = date.getHours();\n let minutes: any = date.getMinutes();\n const amOrPm = hours >= 12 ? 'PM' : 'AM';\n hours = hours % 12;\n hours = hours ? hours : 12; // the hour '0' should be '12'\n minutes = minutes < 10 ? '0' + minutes : minutes;\n hours = hours < 10 ? '0' + hours : hours;\n return hours + ':' + minutes + ' ' + amOrPm;\n }\n\n ngOnInit() {\n this.currentDecryptUser = this.authService.decryption(\n localStorage.getItem('currentUser')\n );\n this.route.params.subscribe((params) => {\n this.params = params;\n this.initialFunction();\n });\n if (this.video && this.video.is_live === 1) {\n const source = interval(60000);\n\n this.personsCounter = source.subscribe((val) => this.openSnack());\n }\n\n this.getVideoId();\n }\n\n ngAfterViewInit() {\n this.headerVar = document.getElementsByTagName('header')[0];\n this.videoPlayerEl = document.getElementById('remoteVideo');\n if (this.videoPlayerEl) {\n this.videoPlayerEl.addEventListener('play', () => {\n this.isVideoPlaying = true;\n this.moveInOutCards = false;\n });\n this.videoPlayerEl.addEventListener('pause', () => {\n this.isVideoPlaying = false;\n });\n }\n this.initWebRtc();\n\n if (this.DEVICE_RESTRICTION_TYPE === 'player') {\n this.heartBeat();\n this.trackIsUserWatchingVideo();\n }\n }\n\n trackIsUserWatchingVideo() {\n if (this.heartBeatTimerId) {\n clearInterval(this.heartBeatTimerId);\n }\n\n this.heartBeatTimerId = setInterval(() => {\n this.heartBeat();\n }, 20000); // Heart beat timer 2 min\n }\n\n heartBeat() {\n this.apiService\n .callPostAPI('v2/heart-beat', environment.analyticsApiUrl)\n .subscribe();\n }\n\n stopHeartBeat() {\n this.apiService\n .callPostAPI('v2/stop-heart-beat', environment.analyticsApiUrl)\n .subscribe();\n }\n\n xrayListClicked() {\n this.showXrayList = !this.showXrayList;\n }\n\n openSnack() {\n this.viewersCount = 0;\n this.apiService\n .callExternalAPI(\n `${environment.webRTCBroadcastDomain}WebRTCAppEE/rest/v2/broadcasts/${this.video.stream_id}/broadcast-statistics`\n )\n .subscribe(\n (response) => {\n if (\n response.totalWebRTCWatchersCount === -1 ||\n response.totalWebRTCWatchersCount === -1\n ) {\n this.viewersCount = 0;\n } else {\n this.viewersCount = response.totalWebRTCWatchersCount;\n }\n },\n (error) => {\n \n }\n );\n }\n\n showXrayCastDetailMethod(cast) {\n const a = document.createElement('a');\n if (cast.external_url !== null && cast.external_url !== undefined) {\n a.href = cast.external_url;\n a.setAttribute('target', '_blank');\n this.player.pause();\n a.click();\n this.showXrayList = false;\n }\n }\n\n xrayCastDetailBackClicked() {\n this.showXrayViewAll = true;\n this.showXrayCastDetail = false;\n }\n\n hexToBinary(num) {\n const hex = num,\n bytes = [];\n for (let i = 0; i < hex.length - 1; i += 2) {\n bytes.push(parseInt(hex.substr(i, 2), 16));\n }\n return String.fromCharCode.apply(String, bytes);\n }\n binaryToHex(num) {\n let str = '',\n i = 0;\n const tmp_len = num.length;\n let c;\n for (; i < tmp_len; i += 1) {\n c = num.charCodeAt(i);\n str += this.d2h(c);\n }\n return str;\n // return parseInt(num, 2).toString(16);\n }\n d2h(d) {\n return d.toString(16);\n }\n decrypt() {\n if (typeof this.video.passphrase !== 'undefined') {\n const cipherParams = CryptoJS.lib.CipherParams.create({\n ciphertext: CryptoJS.enc.Hex.parse(this.video.passphrase)\n });\n this.decrypted = CryptoJS.AES.decrypt(\n cipherParams,\n CryptoJS.enc.Hex.parse(environment.crypto_key),\n {\n keySize: 256,\n iv: CryptoJS.enc.Hex.parse(environment.crypto_iv),\n mode: CryptoJS.mode.CBC\n }\n );\n const change = this.decrypted.toString(CryptoJS.enc.Utf8);\n this.plainText = parseInt(this.hexToBinary(change), 10);\n this.incrementInterVal();\n }\n }\n encrypt() {\n const utf8 = CryptoJS.enc.Utf8.parse('vplayed/' + this.plainText);\n const hex_utf = utf8.toString(CryptoJS.enc.Utf8);\n const hex = this.binaryToHex(hex_utf);\n this.encrypted = CryptoJS.AES.encrypt(\n hex,\n CryptoJS.enc.Hex.parse(environment.crypto_key),\n {\n keySize: 256,\n iv: CryptoJS.enc.Hex.parse(environment.crypto_iv),\n mode: CryptoJS.mode.CBC\n }\n );\n this.cipherText = this.encrypted.ciphertext.toString(CryptoJS.enc.utf8);\n return this.cipherText;\n }\n incrementInterVal() {\n this.interVal = setInterval(\n function () {\n this.plainText += 1;\n }.bind(this),\n 1000\n );\n this.setPlayerConfig();\n }\n setPlayerConfig() {\n const getVideo = document.getElementById('videos');\n videoJs.Hls.xhr.beforeRequest = (options) => {\n options.headers = [];\n if (this.video.is_live === 0) {\n options.headers['Title'] = this.encrypt();\n }\n };\n this.userAgent = window.navigator.userAgent;\n if (this.userAgent.match(/iPad/i) || this.userAgent.match(/iPhone/i)) {\n this.player = videoJs(getVideo, {\n playbackRates: [0.25, 0.5, 1, 1.25, 1.5, 2],\n controls: true,\n preload: 'auto',\n fluid: true,\n autoplay: false,\n seekEventPercentage: this.video.seekEventPercentage || 30,\n tracks: this.setTracks(),\n plugins: {\n hlsQualitySelector: {},\n keyboardShortCuts: {},\n spriteThumbnails: {}\n }\n });\n } else {\n this.player = videoJs(getVideo, {\n playbackRates: [0.25, 0.5, 1, 1.25, 1.5, 2],\n controls: true,\n preload: 'auto',\n fluid: true,\n autoplay: false,\n seekEventPercentage: this.video.seekEventPercentage || 30,\n html5: {\n nativeAudioTracks: false,\n nativeVideoTracks: false,\n nativeTextTracks: false,\n hls: {\n overrideNative: true,\n customDrm: {\n // tslint:disable-next-line:max-line-length\n keys:\n // tslint:disable-next-line: max-line-length\n 'MjMyOGMwYWM4MmNhM2ZjNmY4ZDcyNzI0NWQzMDgzYmUxMzU3ZjA0NGZmNWNiNGMzYTExNDJiMDkzY2YyZjNjOTAwNTM0MjE4NTUxMmM5ODlhMWYwMzI3YjQwYmY3YmY1YjE2MDBkMTYzYTA1ZTFkYzE4OWJhMjUwOGM1MTIwODksNDg3MGVjMDY0YzEwODE0MmNjMGZmYmQ2ZmZkZjFlMDhlNzU2YTZkZWYyYzc4MDQ2ODlmZTRhZTBmYzk4NTIyMSxiMmJmNWE5NzAwNGJiMzFkNmY1YTljMmM4NDQ0OTc1OQ'\n // 'uri': 'http://d1xxzl3j6dvosn.cloudfront.net/costarica/encrypted.key',\n }\n }\n },\n tracks: this.setTracks(),\n plugins: {\n hlsQualitySelector: {},\n seekButtons: {\n forward: 10,\n back: 10\n },\n keyboardShortCuts: {},\n spriteThumbnails: {}\n }\n });\n }\n // Need to comment below to deactivate advertisement\n const options = {\n id: 'player',\n adTagUrl: this.video.ads_url,\n debug: false,\n adLabel: 'Video resumes in'\n };\n\n if (this.video.ads_url) {\n this.player.ima(options);\n }\n this.player.on('adsready', () => {\n this.next_video = false;\n this.player.play();\n });\n\n this.player.on('adend', () => {\n this.next_video =\n this.video.next_episode_slug !== '' &&\n this.video.next_episode_slug !== null\n ? true\n : false;\n });\n\n this.player.on('adserror', () => {\n this.player.play();\n });\n this.setPlayer(this.video);\n }\n setTracks() {\n if (this.video.subtitle) {\n if (this.video.subtitle.subtitle_list.length > 0) {\n this.video.subtitle.subtitle_list.forEach((element) => {\n this.subTitle.push({\n title: 'subtitles',\n kind: 'subtitles',\n language: element.language,\n label: element.label,\n src: this.video.subtitle.base_url + element.url,\n default: element.default\n });\n });\n this.subTitle.push({});\n }\n return this.subTitle;\n } else {\n return [];\n }\n }\n setPlayer(video) {\n let initdone = false;\n this.video = video;\n this.newtworkStatus = document.getElementById('online-toast');\n document.getElementsByClassName('play-text-track-display')[0].innerHTML =\n '' + video.title + '
';\n document.getElementById('videos').appendChild(this.newtworkStatus);\n $('#ogImage').attr('content', video.poster_image);\n $('.video-cs-blk').appendTo($('#videos'));\n $('.next-video').appendTo($('#videos'));\n\n if (!video.ads_url) {\n this.player.play();\n }\n this.player.src({\n src: video.hls_playlist_url,\n type: 'application/x-mpegURL'\n });\n this.player.on('loadedmetadata', () => {\n if (!initdone) {\n this.WatchFrombeginningService = this.playerService.fetchWatchFromBeginningFlag.subscribe((data) => {\n this.isWatchFrombeginningSet = data;\n });\n if (this.isWatchFrombeginningSet) {\n this.player.currentTime(0);\n this.video.recently_watched = [];\n this.storeVideoDuration(true, 0);\n this.playerService.setWatchFromBeginning(false);\n } else {\n this.player.currentTime(this.video.seconds ? this.video.seconds : 0);\n }\n initdone = true;\n }\n });\n /** Video playing */\n this.player.on('playing', () => {\n if (!this.isPlaying) {\n this.isPlaying = true;\n this.playing.emit(false);\n this.player.spriteThumbnails({\n url: this.sprite_image,\n width: 192,\n height: 113,\n stepTime: 20\n });\n }\n });\n\n this.playControlBarSetInterval = setInterval(\n function () {\n if ($('.play-control-bar').css('opacity') === '1') {\n $('.back_btn').css('display', 'block');\n $('.movie-title').css('display', 'block');\n this.showXray = true;\n this.showEpisode = true;\n } else {\n $('.back_btn').css('display', 'none');\n $('.movie-title').css('display', 'none');\n this.showXray = this.mouseOverXray ? true : false;\n this.showEpisode = this.mouseOverEpisode ? true : false;\n }\n }.bind(this),\n 1\n );\n\n /** Video current time update */\n this.player.on('timeupdate', () => {\n if (this.player.currentTime() === this.player.duration()) {\n if (\n this.video.next_episode_slug !== '' &&\n this.video.next_episode_slug !== null\n ) {\n this.getCompleteVideoDetail();\n }\n\n if (this.video.is_live === 0 && this.video.is_webseries === 0) {\n this.getRelatedVideos();\n $('.grid_box').show();\n $('.subscribe_box').show();\n }\n } else {\n if (this.video.is_live === 0 && this.video.is_webseries === 0) {\n $('.grid_box').hide();\n $('.subscribe_box').hide();\n }\n }\n this.time = this.player.currentTime();\n video.currentTime = this.time;\n localStorage.setItem('videos', JSON.stringify(video));\n });\n\n this.player.on('modelClose', () => {\n $('.video-player-center').removeClass('rem-name');\n $('.video-cs-blk').show();\n });\n this.player.on('modelOpen', () => {\n $('.video-player-center').addClass('rem-name');\n $('.video-cs-blk').hide();\n });\n /** Video Error */\n this.player.on('error', (event) => {\n if (\n this.player.error().status === 403 ||\n this.player.error().status === 404 ||\n this.player.error().code === 4\n ) {\n if (video.is_live === 1) {\n $('.play-error-display').removeClass('play-hidden');\n let getMessage;\n this.translate.get('PLAYER.LIVE_NOT_STARTED').subscribe((res) => {\n getMessage = res;\n });\n $('.play-modal-dialog-content').html(getMessage);\n this.player.reset();\n } else {\n $('.play-error-display').removeClass('play-hidden');\n let getMessage;\n this.translate.get('PLAYER.VIDEO_NOT_FOUND').subscribe((res) => {\n getMessage = res;\n });\n $('.play-modal-dialog-content').html(getMessage);\n this.player.reset();\n }\n }\n if (this.player.error().code === 2) {\n if (video.is_live === 1) {\n $('.play-error-display').removeClass('play-hidden');\n let getMessage;\n this.translate.get('PLAYER.LIVE_NOT_STARTED').subscribe((res) => {\n getMessage = res;\n });\n $('.play-modal-dialog-content').html(getMessage);\n this.player.reset();\n } else {\n $('.play-error-display').removeClass('play-hidden');\n let getMessage;\n this.translate.get('PLAYER.VIDEO_NOT_FOUND').subscribe((res) => {\n getMessage = res;\n });\n $('.play-modal-dialog-content').html(getMessage);\n this.player.reset();\n }\n }\n if (this.player.error().code === 3) {\n $('.play-error-display').removeClass('play-hidden');\n let getMessage;\n this.translate.get('PLAYER.STREAM_NOT_SUPPORTED').subscribe((res) => {\n getMessage = res;\n });\n $('.play-modal-dialog-content').html(getMessage);\n this.player.reset();\n }\n if (this.player.error().code === 5) {\n $('.play-error-display').removeClass('play-hidden');\n let getMessage;\n this.translate.get('PLAYER.WENT_WRONG').subscribe((res) => {\n getMessage = res;\n });\n $('.play-modal-dialog-content').html(getMessage);\n this.player.reset();\n }\n });\n\n /** Video End */\n this.player.on('ended', () => {\n this.isPlaying = false;\n video.currentTime = 0;\n this.storeVideoDuration(true, 0);\n });\n\n this.player.on('timeupdate', (e) => {\n this.videoProgressPercentage = Math.ceil(\n (this.player.currentTime() / this.player.duration()) * 100\n );\n if (this.viewCountStatus === 'Expired') {\n if (this.videoProgressPercentage > 99.9) {\n this.player.currentTime(this.player.duration());\n this.router.navigate([`/video/${this.video.slug}`]);\n }\n } else {\n if (\n this.videoProgressPercentage >= 10 &&\n this.videoProgressPercentage <= 30\n ) {\n if (!this.sendProgressEvent) {\n this.sendProgressEvent = true;\n this.callTvodViewCount(50);\n }\n } else if (\n this.videoProgressPercentage >= 60 &&\n this.videoProgressPercentage <= 80\n ) {\n if (!this.sendProgressEvent) {\n this.sendProgressEvent = true;\n this.callTvodViewCount(100);\n }\n } else {\n this.sendProgressEvent = false;\n }\n }\n });\n }\n\n callTvodViewCount(completePercent) {\n if (this.video && this.video.price > 0) {\n this.apiService\n .callPostAPI('v2/tvod_view_count', {\n transaction_id: this.videoPaymentInfo.transaction_id,\n complete_percentage: completePercent\n })\n .subscribe((data) => {\n if (data.hasOwnProperty('response')) {\n this.viewCountStatus = data['response'].status;\n if (this.viewCountStatus === 'Expired') {\n this.storeVideoDuration(true, 0);\n }\n }\n });\n }\n }\n\n goToSubscription() {\n localStorage.setItem('subscribeUrl', window.location.pathname);\n this.router.navigate(['/subscription']);\n }\n\n ngOnDestroy() {\n this.handleContinueWatching();\n if (this.heartBeatTimerId) {\n clearInterval(this.heartBeatTimerId);\n }\n\n this.stopHeartBeat();\n\n if (this.playControlBarSetInterval) {\n clearInterval(this.playControlBarSetInterval);\n }\n\n if (this.player) {\n this.player.dispose();\n }\n\n document\n .getElementsByTagName('body')[0]\n .classList.remove('body-video-page');\n clearInterval(this.intervalId);\n if (this.WatchFrombeginningService) {\n this.WatchFrombeginningService.unsubscribe();\n }\n }\n /**\n * Method to handle continue watching feature\n * @param method\n */\n handleContinueWatching(method?: string) {\n if (this.video.currentTime && !this.video.is_live && this.videoProgressPercentage >= 5) {\n const continueWatchingIsActive = (this.viewCountStatus === 'Expired') ? 0 : 1;\n this.storeVideoDuration(false, continueWatchingIsActive);\n } else {\n let continueWatchingIsActive = 0;\n let seconds = 0;\n if (!this.video.currentTime) {\n // tslint:disable-next-line:max-line-length\n continueWatchingIsActive = (this.video.hasOwnProperty('recently_watched') && this.video.recently_watched.length > 0 && this.video.recently_watched[0].hasOwnProperty('continue_watching_is_active')) ? this.video.recently_watched[0].continue_watching_is_active : 0;\n // tslint:disable-next-line:max-line-length\n seconds = (this.video.hasOwnProperty('recently_watched') && this.video.recently_watched.length > 0 && this.video.recently_watched[0].hasOwnProperty('seconds')) ? this.video.recently_watched[0].seconds : 0;\n }\n this.storeVideoDuration(true, continueWatchingIsActive, seconds);\n }\n if (method && method === 'callPlayerApi') {\n return false;\n }\n }\n PageBack() {\n if (this.video.is_live === 1) {\n this.webRTCAdaptor.leave(this.video.stream_id);\n }\n this.router.navigate(['video/' + this.params.video_id]);\n }\n\n storeVideoDuration(isEnded: boolean, isContinueWatchingHistoryActive: number, storedSeconds?: number) {\n let seconds = 0;\n if (storedSeconds) {\n seconds = storedSeconds;\n } else {\n seconds = (this.player) ? this.player.currentTime() : 0;\n }\n const isWatchHistoryActive = 1;\n if (this.videoProgressPercentage > 95) {\n isContinueWatchingHistoryActive = 0;\n }\n if (this.video.is_live === 0) {\n this.apiService\n .callPostAPI(\n 'v2/videoanalytics',\n { video_slug: this.video.slug, seconds, isWatchHistoryActive: isWatchHistoryActive,\n isContinueWatchingHistoryActive: isContinueWatchingHistoryActive, screen: this.screen},\n environment.analyticsApiUrl\n )\n .subscribe();\n }\n }\n\n // Live chat configuration\n /**\n * live chat tab open\n */\n toggleLiveChat(status) {\n this.loginError = false;\n\n if (status === 'open') {\n if (!localStorage.getItem('currentUser')) {\n this.loginError = true;\n }\n\n const remoteVideo = document.getElementById('remoteVideo');\n if (remoteVideo) {\n remoteVideo.classList.add('remoteVideoChatOpen');\n }\n\n const overlayStaticVideo = document.getElementById(\n 'overaly-static-video'\n );\n\n if (overlayStaticVideo) {\n overlayStaticVideo.classList.add('overlayStaticVideoChatOpen');\n }\n } else {\n const remoteVideo = document.getElementById('remoteVideo');\n if (remoteVideo) {\n remoteVideo.classList.remove('remoteVideoChatOpen');\n }\n\n const overlayStaticVideo = document.getElementById(\n 'overaly-static-video'\n );\n if (overlayStaticVideo) {\n overlayStaticVideo.classList.remove('overlayStaticVideoChatOpen');\n }\n }\n this.livchatStatus.emit(status);\n // this.getVideoId();\n }\n /**\n * Get Video id based on the video slug\n */\n getVideoId() {\n const url = 'v2/getVideoId/';\n\n if (this.video) {\n this.apiService.callGetAPI(url + this.video.slug).subscribe(\n (response) => {\n this.liveChatCurrentVideo = response['response'];\n this.getLiveChatMessages(this.liveChatCurrentVideo);\n },\n (error) => {\n \n }\n );\n }\n }\n\n onKeydown(event) {\n event.preventDefault();\n }\n trackByFn(index, item) {\n return index; // or item.id\n }\n changeEvent(change) {\n if (change && !(change.trim() === '')) {\n this.commentShortError = false;\n }\n if (change && change.length > 200) {\n this.commentMaxlengthError = true;\n } else {\n this.commentMaxlengthError = false;\n }\n this.livechatInputHeight = document.getElementById(\n 'live-chat-input'\n ).offsetHeight;\n this.livechatInputHeight = this.livechatInputHeight + 70;\n this.livechatInputHeight =\n 'calc(100% - ' + this.livechatInputHeight + 'px)';\n }\n\n getCompleteVideoDetail() {\n this.apiService\n .callPostAPI('v2/stop-heart-beat', environment.analyticsApiUrl)\n .subscribe(\n () => {\n if(this.video.next_episode_slug.is_season_bought == 1){\n this.router.navigate([`watch/${this.video.next_episode_slug.slug}`]);\n }else{\n this.router.navigate(['video/' + this.video.next_episode_slug.slug]);\n }\n \n },\n (error) => {\n this.router.navigate([`watch/${this.video.next_episode_slug.slug}`]);\n this.apiService.failureResponse(error);\n }\n );\n }\n\n initialFunction() {\n this.playerService.videoPaymentInfo.subscribe((data) => {\n this.videoPaymentInfo = data;\n });\n\n this.playerService.currVideo.subscribe((data) => {\n const now = new Date();\n if (\n now.getTime() / 1000 <\n new Date(data.scheduledStartTime).getTime() / 1000\n ) {\n this.router.navigate([`/video/${data.slug}`]);\n\n return false;\n }\n\n if (data !== '' && this.setVideo && data.hls_playlist_url) {\n this.DEVICE_RESTRICTION_TYPE = data.device_restriction_type;\n this.setVideo = true;\n this.video = data;\n this.next_video =\n this.video.next_episode_slug !== '' &&\n this.video.next_episode_slug !== null &&\n this.video.ads_url === ''\n ? true\n : false;\n this.sprite_image =\n this.video.next_episode_slug !== '' &&\n this.video.next_episode_slug !== null\n ? null\n : data.sprite_image;\n if (this.video) {\n // Get video id based on vide slug for live chat configuration\n this.getVideoId();\n }\n if (!this.video.is_restricted) {\n this.geoStatus = false;\n this.decrypt();\n }\n\n if (!this.geoStatus) {\n this.apiService\n .callGetAPI(`v2/video/cast/${this.video.slug}`)\n .subscribe((data) => {\n this.xrayCastList = data['response'].cast_info;\n if (this.xrayCastList.length > 0) {\n this.showXray = true;\n }\n });\n }\n }\n\n if (\n data !== '' &&\n this.setVideo &&\n data.is_live === 1 &&\n !data.hls_playlist_url\n ) {\n if (!data.is_restricted) {\n this.geoStatus = false;\n }\n $('#videos').hide();\n\n this.video = data;\n\n // data.scheduledStartTime\n this.isLive = this.video.is_live === 1 ? true : false;\n }\n });\n document.getElementsByTagName('body')[0].classList.add('body-video-page');\n }\n\n nextVideo() {\n this.handleContinueWatching();\n this.getCompleteVideoDetail();\n }\n\n initWebRtc() {\n const pc_config = null;\n const sdpConstraints = {\n OfferToReceiveAudio: true,\n OfferToReceiveVideo: true\n };\n const mediaConstraints = {\n video: true,\n audio: true\n };\n this.webRTCAdaptor = new WebRTCAdaptor({\n websocket_url: environment.webRTCSocketUrl,\n mediaConstraints: mediaConstraints,\n peerconnection_config: pc_config,\n sdp_constraints: sdpConstraints,\n remoteVideoId: 'remoteVideo',\n isPlayMode: true,\n callback: (info) => {\n this.playerOverlayInfo = 'loading';\n if (info === 'initialized') {\n this.openSnack();\n this.playerOverlayInfo = 'loading';\n this.webRTCAdaptor.play(this.video.stream_id);\n } else if (info === 'play_started') {\n this.livestreamStarted = true;\n this.openSnack();\n this.showPlayerOverlay = false;\n this.videoPlayerEl.play();\n this.isVideoPlaying = true;\n } else if (info === 'play_finished') {\n this.playerOverlayInfo = 'finished';\n this.showPlayerOverlay = true;\n this.isVideoPlaying = false;\n }\n },\n callbackError: (error) => {\n this.showPlayerOverlay = true;\n this.isVideoPlaying = false;\n this.playerOverlayInfo = '';\n if (error === 'no_stream_exist') {\n this.playerOverlayInfo = 'unavailable';\n } else {\n this.playerOverlayInfo =\n 'We are facing some issues in this live streaming!';\n }\n }\n });\n }\n /**\n * Get Live chat messages based on video_id\n */\n getLiveChatMessages(liveChatCurrentVideo) {\n this.db\n .list('messages/' + 'video_id_' + liveChatCurrentVideo.id)\n .valueChanges()\n .subscribe((response) => {\n return (this.liveMessages = response);\n });\n }\n\n /**\n * Send live messages\n */\n sendMessageInLive(message): void {\n this.commentShortError = false;\n\n const liveMessage = message ? message.trim() : '';\n\n if (!localStorage.getItem('currentUser')) {\n this.loginError = true;\n return;\n }\n\n if (!(liveMessage === '')) {\n if (liveMessage.length <= 200) {\n firebase\n .database()\n .ref('messages/' + 'video_id_' + this.liveChatCurrentVideo.id)\n .push({\n name:\n this.user && this.user.response && this.user.response.name\n ? this.user.response.name\n : null,\n photoUrl:\n this.user &&\n this.user.response &&\n this.user.response.profile_picture\n ? this.user.response.profile_picture\n : '',\n text: liveMessage,\n time: this.getCurrentTime()\n })\n .then((snap) => {\n this.firebaseKey = snap.key;\n // Send liv messages to the comments table\n if (this.firebaseKey) {\n this.apiService\n .callPostAPI('v2/videoComments', {\n video_id: this.video.slug,\n comment: liveMessage,\n parent_id: '',\n firebase_key: this.firebaseKey\n })\n .subscribe(\n (data) => {\n // this.apiService.successResponse(data);\n },\n (error) => {\n // this.apiService.failureResponse(error);\n }\n );\n }\n });\n this.liveChatText = '';\n }\n } else {\n this.commentShortError = true;\n }\n }\n getRelatedVideos() {\n const url = 'v2/related_videos/';\n this.apiService.callGetAPI(url + this.video.slug).subscribe(\n (response) => {\n this.related_videos = response['response']['endscreen'];\n this.recommendLogo = response['response']['logo'];\n },\n (error) => {\n \n }\n );\n }\n}\n","module.exports = \"\\n
\\n
\\n
\\n
{{ trailerVideo?.title }} \\n \\n
\\n You are not\\n connected to the internet \\n
\"","module.exports = \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL21vZHVsZXMvdmlkZW8tZGV0YWlsL3RyYWlsZXIvdHJhaWxlci5jb21wb25lbnQuc2NzcyJ9 */\"","import { Component, OnInit, OnDestroy } from '@angular/core';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport videoJs from '../../../../assets/js/play.es.js';\nimport { ApiService } from '../../../core/services/api.service';\nimport { ConnectionService } from 'ng-connection-service';\n@Component({\n selector: 'app-trailer',\n templateUrl: './trailer.component.html',\n styleUrls: ['./trailer.component.scss']\n})\nexport class TrailerComponent implements OnInit, OnDestroy {\n trailerPlayer: any;\n trailerVideo: any;\n newtworkStatus: any;\n params: any;\n videoParam: any;\n isConnected = true;\n status = 'ONLINE';\n constructor(\n private router: Router,\n private activated_route: ActivatedRoute,\n private apiService: ApiService,\n private connectionService: ConnectionService,\n ) {\n this.activated_route.params.subscribe((params) => {\n this.videoParam = params;\n this.params = params;\n });\n this.connectionService.monitor().subscribe((isConnected) => {\n this.isConnected = isConnected;\n if (this.isConnected) {\n this.status = 'ONLINE';\n } else {\n this.status = 'OFFLINE';\n this.newtworkStatus = document.getElementById('online-toast');\n document.getElementById('videos').appendChild(this.newtworkStatus);\n }\n });\n }\n\n ngOnInit() {\n this.trailerData();\n document.getElementsByTagName('body')[0].classList.add('body-video-page');\n }\n /**\n * Call to watch-trailer/:slug api endpoint to fetch trailer related details.\n *\n * @return void;\n */\n trailerData() {\n this.apiService.callGetAPI('v2/watchtrailer/' + this.videoParam['video_id']).subscribe(\n (data) => {\n if (data['statusCode'] === 200 && data['error'] === false) {\n this.trailerVideo = data['response']['data'];\n this.setPlayerConfig();\n }\n },\n (error: any) => {\n this.apiService.failureResponse(error);\n }\n );\n }\n /**\n * Method to set trailer player configuration\n *\n * @return void\n */\n setPlayerConfig() {\n const getVideoElem = document.getElementById('videos');\n this.trailerPlayer = videoJs(getVideoElem, {\n playbackRates: [0.25, 0.5, 1, 1.25, 1.5, 2],\n controls: true,\n preload: 'auto',\n fluid: true,\n autoplay: false,\n seekEventPercentage: 30,\n html5: {\n nativeAudioTracks: false,\n nativeVideoTracks: false,\n nativeTextTracks: false,\n hls: {\n overrideNative: true,\n }\n },\n plugins: {\n hlsQualitySelector: {},\n seekButtons: {\n forward: 10,\n back: 10\n },\n keyboardShortCuts: {},\n spriteThumbnails: {}\n }\n });\n this.newtworkStatus = document.getElementById('online-toast');\n document.getElementsByClassName('play-text-track-display')[0].innerHTML =\n '' + this.trailerVideo.title + '
';\n getVideoElem.appendChild(this.newtworkStatus);\n this.trailerPlayer.src({\n src: this.trailerVideo.trailer_hls_url,\n type: 'application/x-mpegURL'\n });\n this.trailerPlayer.play();\n }\n ngOnDestroy() {\n document.getElementsByTagName('body')[0].classList.remove('body-video-page');\n }\n PageBack() {\n this.router.navigate(['video/' + this.params.video_id]);\n }\n}\n","module.exports = \"\\n\\n\\n \\n\\n\\n
\\n
\\n
\\n
{{ videoTitle }} \\n \\n\\n \\n
\\n
\\n
\\n {{successMessage}} \\n {{ 'CARD_PAYEMENT.COUPON_SUCCESS_MESSAGE' | translate }}\\n ${{calculation}} \\n
\\n
();\n calculation: any;\n submitted = true;\n isRemove = false;\n isHidden = false;\n offer: any;\n errorMessage: any;\n successMessage: any;\n amount: any;\n tempAmount: any;\n error: any = {};\n code: any;\n disableTextbox = false;\n coupon: Object = {};\n constructor(private apiService: ApiService) {\n }\n ngOnInit() {\n this.tempAmount = this.receivedAmount;\n const couponResponse = localStorage.getItem('couponResponse');\n if (couponResponse && couponResponse !== '') {\n const code = JSON.parse(couponResponse);\n this.code = code['code'];\n this.couponCalculation(JSON.parse(couponResponse));\n }\n }\n /**\n * for handling the coupons\n */\nhandleCoupon() {\n this.isHidden = false;\n if (this.code !== undefined) {\n this.apiService.callPostAPI('v2/coupon/verify', { 'code': this.code },\n environment.paymentApiUrl).subscribe(res => {\n this.couponCalculation(res);\n },\n err => {\n this.successMessage = '';\n this.errorMessage = err['error']['message'];\n this.receivedAmount = this.tempAmount;\n });\n }\n }\n /**\n * for coupon calculations\n * @param res\n */\n couponCalculation(res) {\n this.offer = res['response'].offer;\n if (res['response']['offer_type'] === 'percentage') {\n this.calculation = this.receivedAmount * this.offer / 100;\n this.calculation = Math.round(this.calculation);\n this.receivedAmount = this.receivedAmount - this.calculation;\n } else {\n this.calculation = this.offer;\n this.receivedAmount = this.receivedAmount - this.offer;\n }\n this.coupon['amount'] = this.receivedAmount;\n this.coupon['code'] = this.code;\n this.messageToEmit.emit(this.coupon);\n this.isHidden = true;\n this.errorMessage = '';\n this.successMessage = res['message'];\n this.disableTextbox = true;\n res['code'] = this.code;\n localStorage.setItem('couponResponse', JSON.stringify(res));\n }\n removeSpace() {\n this.code = this.code.trim();\n if (this.code === '') {\n this.errorMessage = '';\n this.submitted = true;\n } else {\n this.submitted = false;\n }\n }\n clearValue() {\n this.submitted = true;\n this.isHidden = false;\n this.code = '';\n this.successMessage = '';\n this.errorMessage = '';\n this.receivedAmount = this.tempAmount;\n this.coupon['amount'] = this.receivedAmount;\n this.messageToEmit.emit(this.coupon);\n this.disableTextbox = false;\n localStorage.removeItem('couponResponse');\n }\n checkInvalid() {\n if (this.code) {\n this.errorMessage = '';\n }\n }\n}\n","module.exports = \"\\n\\n\\n\\n\\n {{ 'FOOTER.COPYRIGHT' | translate: { year: year } }}\\n
\\n\\n\\n\"","module.exports = \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3NoYXJlZC9jb21wb25lbnRzL2Zvb3Rlci9mb290ZXIuY29tcG9uZW50LnNjc3MifQ== */\"","import { Component, OnInit, AfterViewInit, AfterContentInit } from '@angular/core';\nimport { ApiService } from '../../../core/services/api.service';\nimport { Router } from '@angular/router';\nimport { AuthService } from '../../../core/auth/auth.service';\nimport { HeaderService } from '../../../core/services/header.service';\nimport { TranslateService } from '@ngx-translate/core';\nimport { environment } from '../../../../environments/environment';\nimport { GlobalTheme } from '../../../../../src/theme-globals';\nimport { ChangeDetectorRef } from '@angular/core';\n\n@Component({\n selector: 'app-footer',\n templateUrl: './footer.component.html',\n styleUrls: ['./footer.component.scss']\n})\nexport class FooterComponent implements OnInit, AfterViewInit, AfterContentInit {\n date = new Date();\n year = this.date.getFullYear();\n categories: any = [];\n userValues: string;\n is_subscribed: any;\n contact: any;\n cmsLink: any = [];\n\n site_link: any = [];\n language: any;\n footerFlag: any = false;\n buildno: any;\n theme: any;\n cookie: any = false;\n constructor(private apiService: ApiService,\n private router: Router,\n private authService: AuthService,\n private translate: TranslateService,\n private headerService: HeaderService, private cdr: ChangeDetectorRef) {\n }\n\n ngOnInit() {\n if (localStorage.getItem('currentLanguage')) {\n this.language = localStorage.getItem('currentLanguage');\n } else {\n this.language = 'en';\n }\n // const footerHeight = window.getComputedStyle(document.getElementById('footer'));\n // const fheight = footerHeight.getPropertyValue('height');\n // document.body.style.paddingBottom = fheight;\n\n if (document.cookie.indexOf(\"accepted_cookies=\") < 0) {\n this.cookie = true;\n }\n\n if (localStorage.getItem('theme')) {\n if (localStorage.getItem('theme') === 'light') {\n this.translate.get('HEADER.DARK').subscribe((res) => {\n this.theme = res;\n\n console.log(\"WHat theme is this 1 foot --->>\", this.theme)\n\n });\n document\n .getElementsByClassName('dark-icon')[0]\n .classList.remove('activated');\n document.body.classList.add('main-light');\n }\n if (localStorage.getItem('theme') === 'dark') {\n this.translate.get('HEADER.LIGHT').subscribe((res) => {\n this.theme = res;\n console.log(\"WHat theme is this 2 foot --->>\", this.theme)\n });\n document\n .getElementsByClassName('dark-icon')[0]\n .classList.add('activated');\n document.body.classList.add('main-dark');\n }\n } else {\n this.translate.get('HEADER.DARK').subscribe((res) => {\n this.theme = res;\n console.log(\"WHat theme is this 3 foot--->>\", this.theme)\n });\n document.body.classList.add('main-dark');\n localStorage.setItem('theme', 'dark');\n }\n\n // Add listener for theme changes\n const listenerFn = (newTheme) => {\n this.theme = newTheme;\n // Force change detection in this component\n this.cdr.detectChanges();\n };\n\n // Store listener function\n GlobalTheme.listeners.push(listenerFn);\n\n // // Store reference to remove later\n // this.themeListener = listenerFn;\n\n }\n ngAfterViewInit() {\n this.getCategories();\n\n if (localStorage.getItem('theme')) {\n if (localStorage.getItem('theme') === 'light') {\n this.translate.get('HEADER.DARK').subscribe((res) => {\n this.theme = res;\n\n console.log(\"WHat theme is this 1 foot --->>\", this.theme)\n\n });\n document\n .getElementsByClassName('dark-icon')[0]\n .classList.remove('activated');\n document.body.classList.add('main-light');\n }\n if (localStorage.getItem('theme') === 'dark') {\n this.translate.get('HEADER.LIGHT').subscribe((res) => {\n this.theme = res;\n console.log(\"WHat theme is this 2 foot --->>\", this.theme)\n });\n document\n .getElementsByClassName('dark-icon')[0]\n .classList.add('activated');\n document.body.classList.add('main-dark');\n }\n } else {\n this.translate.get('HEADER.DARK').subscribe((res) => {\n this.theme = res;\n console.log(\"WHat theme is this 3 foot--->>\", this.theme)\n });\n document.body.classList.add('main-dark');\n localStorage.setItem('theme', 'dark');\n }\n }\n ngAfterContentInit(): void {\n console.log(\"-----FOOTER AFTER init ----------\")\n this.footerFlag = true;\n\n if (localStorage.getItem('theme')) {\n if (localStorage.getItem('theme') === 'light') {\n this.translate.get('HEADER.DARK').subscribe((res) => {\n this.theme = res;\n\n console.log(\"WHat theme is this 1 foot --->>\", this.theme)\n\n });\n document\n .getElementsByClassName('dark-icon')[0]\n .classList.remove('activated');\n document.body.classList.add('main-light');\n }\n if (localStorage.getItem('theme') === 'dark') {\n this.translate.get('HEADER.LIGHT').subscribe((res) => {\n this.theme = res;\n console.log(\"WHat theme is this 2 foot --->>\", this.theme)\n });\n document\n .getElementsByClassName('dark-icon')[0]\n .classList.add('activated');\n document.body.classList.add('main-dark');\n }\n } else {\n this.translate.get('HEADER.DARK').subscribe((res) => {\n this.theme = res;\n console.log(\"WHat theme is this 3 foot--->>\", this.theme)\n });\n document.body.classList.add('main-dark');\n localStorage.setItem('theme', 'dark');\n }\n }\n check_subscribed(){\n this.userValues = localStorage.getItem('currentUser');\n if (this.userValues) {\n const userData = this.authService.decryption(this.userValues);\n this.is_subscribed = userData['response'].is_subscribed;\n }\n if(this.is_subscribed == 0){\n this.router.navigate(['subscription']);\n }\n }\n getCategories() {\n this.headerService.apiData$.subscribe(data => {\n if (data !== null) {\n this.categories = data['category'];\n this.contact = data['response'].address;\n this.cmsLink = data['response'].static_contents;\n this.site_link = data['response'].site_link;\n\n\n console.log(\"CMS LINK:::--->>\", this.cmsLink)\n }\n });\n if (this.categories.length === 0) {\n setTimeout(() => {\n this.headerService.fetchMainmenuCategories().subscribe(\n (data) => {\n this.categories = data['response'].data;\n },\n );\n }, 1000);\n }\n }\n\n \n /**\n * Category Navigation\n * 1. Guest and subscriber access - all\n * 2. Unsubscribe access - only rental\n */\n categoryNavigation(cat) {\n this.userValues = localStorage.getItem('currentUser');\n this.is_subscribed = 0;\n if (this.userValues) {\n const userData = this.authService.decryption(this.userValues);\n this.is_subscribed = userData['response'].is_subscribed;\n if(this.is_subscribed == 0){\n if (cat.slug == \"pay-per-view\") {\n this.router.navigate(['category/' + cat.slug]);\n } else {\n this.router.navigate(['subscription']);\n }\n } else {\n // Navigation based on the web series\n if (cat.is_web_series) {\n this.router.navigate(['series/' + cat.slug]);\n } else {\n this.router.navigate(['category/' + cat.slug]);\n }\n }\n } else {\n // Navigation based on the web series\n if (cat.is_web_series) {\n this.router.navigate(['series/' + cat.slug]);\n } else {\n this.router.navigate(['category/' + cat.slug]);\n }\n }\n }\n\n google_play_clicked() {\n if (this.site_link.android_app_link) {\n const a = document.createElement('a');\n a.target=\"_blank\";\n a.href = this.site_link.android_app_link ? this.site_link.android_app_link : undefined;\n a.click();\n }\n }\n app_store_clicked() {\n if (this.site_link.ios_app_link) {\n const a = document.createElement('a');\n a.target=\"_blank\";\n a.href = this.site_link.ios_app_link ? this.site_link.ios_app_link : undefined;\n a.click();\n }\n }\n\n allowCookie(val){\n this.deleteCookie('accepted_cookies')\n const d = new Date();\n d.setTime(d.getTime() + (30*24*60*60*1000));\n let expires = \"expires=\"+ d.toUTCString();\n this.cookie = false;\n if(val === 1){\n document.cookie = \"accepted_cookies=1;\" + expires + \";path=/\";\n } else {\n document.cookie = \"accepted_cookies=0;\" + expires + \";path=/\";\n }\n }\n\n deleteCookie(cname) {\n const d = new Date();\n d.setTime(d.getTime() + (24*60*60*1000));\n let expires = \"expires=\"+ d.toUTCString();\n document.cookie = cname + \"=;\" + expires + \";path=/\";\n }\n}\n","module.exports = \"\\n\\n \\n\\n\\n \\n\\n
\\n \\n\\n\\n\\n \\n\\n\\n \\n\\n \\n
\\n \\n \\n\\n\\n\\n
\\n \\n \\n \\n \\n \\n \\n \\n \\n\\n\\n\\n\\n\\n\\n
\\n \\n
\\n\\n
\\n \\n
\\n
\\n \\n \\n \\n
\\n\\n\\n\\n
\\n \\n\\n
\\n \\n\\n\\n
\\n\\n
\\n\\n
\\n\\n\\n
\\n \\n \\n\\n \\n \\n\\n \\n\\n \\n\\n\\n\\n
\\n\\n \\n
\\n\\n
\\n\\n
\\n \\n\\n
\\n
\\n
\\n \\n
\\n
\\n
\\n \\n \\n
\\n\\n \\n\\n
\\n\\n
\\n\\n \\n\\n\\n\\n
\\n
\\n\\n
Sign\\n In \\n\\n\\n
\\n\\n\\n\\n
\\n
\\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n
\\n
\\n
{{ data }} \\n
\\n\\t
{{ 'NOTIFICATION.NOTIFICATION' | translate }} 0\\\">{{ 'NOTIFICATION.CLEAR_ALL' | translate }} \\n\\n\\n\\t
0\\\">\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t{{notification.content}} \\n\\t\\t\\t\\t\\t{{notification.date}} \\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t \\n\\t\\t \\n\\t\\t
\\n\\t \\n\\t
\\n\\t\\t
\\n\\t\\t\\t\\n\\t\\t\\t \\n\\t\\t\\t\\t\\n\\t\\t\\t \\n\\t\\t\\t \\n\\t\\t\\t\\t\\n\\t\\t\\t \\n\\t\\t\\t \\n\\t\\t\\t\\t\\n\\t\\t\\t \\n\\t\\t\\t \\n\\t\\t\\t\\t \\n\\t\\t\\t \\n\\t\\t\\t\\t \\n\\t\\t\\t \\n\\t\\t\\t\\t \\n\\t\\t\\t \\n\\t\\t\\t\\t \\n\\t\\t\\t \\n\\t\\t\\t\\t \\n\\t\\t\\t \\n\\t\\t\\t\\t \\n\\t\\t\\t \\n\\t\\t\\t\\t \\n\\t\\t\\t \\n\\t\\t\\t\\t \\n\\t\\t\\t \\n\\t\\t\\t\\t \\n\\t\\t\\t \\n\\t\\t\\t\\n\\t\\t\\t \\n\\t\\t\\t \\n\\t\\t\\t \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t \\n\\t\\t\\t\\t \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t \\n\\t\\t\\t\\t \\n\\t\\t\\t\\t\\n\\t\\t\\t \\n\\t\\t\\t \\n\\t\\t\\t \\n\\t\\t\\t \\n\\t\\t\\t \\n\\t\\t\\t \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t \\n\\t\\t\\t\\t \\n\\t\\t\\t \\n\\t\\t\\t \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t \\n\\t\\t\\t\\t \\n\\t\\t\\t \\n\\t\\t\\t \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t \\n\\t\\t\\t\\t \\n\\t\\t\\t \\n\\t\\t\\t \\n\\t\\t\\t \\n\\t\\t\\t \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t \\n\\t\\t\\t\\t \\n\\t\\t\\t \\n\\t\\t\\t \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t \\n\\t\\t\\t\\t \\n\\t\\t\\t \\n\\t\\t\\t \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t \\n\\t\\t\\t\\t \\n\\t\\t\\t \\n\\t\\t\\t \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t \\n\\t\\t\\t\\t \\n\\t\\t\\t \\n\\t\\t\\t \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t \\n\\t\\t\\t\\t \\n\\t\\t\\t \\n\\t\\t\\t \\n\\t\\t\\t \\n\\t\\t\\t \\n\\t\\t\\t \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t \\n\\t\\t\\t\\t \\n\\t\\t\\t \\n\\t\\t\\t \\n\\t\\t \\n\\t\\t
\\n\\t\\t\\t{{ 'NOTIFICATION.NO_NOTIFICATION_MESSAGE' | translate }}\\n\\t\\t
\\n\\t
\\n\\t
\\n
{{ plan.name }} \\n {{ plan.description }}
\\n ${{ plan.amount }}/{{ plan.type }} \\n Subscribe Now \\n Subscribed \\n \\n Stream on your favorite devices \\n Watch on your laptop, TV, phone and tablet \\n Hd video available \\n Unlimited films and TV programmes \\n \\n\"","module.exports = \".no-cursor {\\n cursor: default; }\\n\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9rd2FtZXR3dW0vQml0QnVja2V0L2hvbWkvYW5ndWxhci9zcmMvYXBwL3NoYXJlZC9jb21wb25lbnRzL3ByaWNlLWNhcmQvcHJpY2UtY2FyZC5jb21wb25lbnQuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNFLGVBQWUsRUFBQSIsImZpbGUiOiJzcmMvYXBwL3NoYXJlZC9jb21wb25lbnRzL3ByaWNlLWNhcmQvcHJpY2UtY2FyZC5jb21wb25lbnQuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi5uby1jdXJzb3Ige1xuICBjdXJzb3I6IGRlZmF1bHQ7XG59XG4iXX0= */\"","import { Component, Input, Output, EventEmitter } from '@angular/core';\nimport { SubscriptionModel, PaymentModel } from '../../../modules/subscription/subscription.model';\nimport { ApiService } from '../../../core/services/api.service';\nimport { UserService } from '../../../core/services/user.service';\nimport { Router } from '@angular/router';\nimport { environment } from '../../../../environments/environment';\n@Component({\n selector: 'app-price-card',\n templateUrl: './price-card.component.html',\n styleUrls: ['./price-card.component.scss']\n})\nexport class PriceCardComponent {\n @Input() plan: SubscriptionModel;\n subscription: PaymentModel = {\n payment_method_id: 1,\n subscription_plan_id: ''\n };\n loggedIn: any = {};\n @Output() subscribed = new EventEmitter();\n\n constructor(\n private apiService: ApiService,\n private userService: UserService,\n private router: Router,\n ) { }\n\n subscribeNow() {\n this.loggedIn = localStorage.getItem('currentUser');\n if (this.loggedIn) {\n this.subscription.subscription_plan_id = this.plan.slug;\n this.apiService.callPostAPI('v2/subscription/add', this.subscription, environment.paymentApiUrl)\n .subscribe(\n data => {\n this.apiService.successResponse(data);\n this.subscribed.emit();\n },\n error => {\n this.apiService.failureResponse(error, true);\n });\n } else {\n this.userService.redirectUrl(this.router.url);\n this.userService.displayPopup('sign-in');\n }\n }\n}\n","module.exports = \"\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n\\n
\\n
\\n
New \\n
\\n
\\n\\n
\\n\\n
\\n
\\n
\\n
\\n
HD \\n
13+ \\n\\n\\n
\\n\\n
\\n\\n\\n
\\n {{ video?.title }}\\n
\\n
{{ video?.less_description }}
\\n
\\n
\\n
\\n
\\n \\n \\n\\n \\n \\n
\\n\\n
();\n @Output() videoCardClicked = new EventEmitter;\n @Input() blockType: any;\n @Input() webseries_category_text: any;\n loggedIn: any = {};\n tostar: any = {};\n loggedTrue: Boolean = false;\n showOption: any = false;\n showFlag: Boolean = false;\n shareDrop: any;\n videoDetails: any;\n playlist: any = [];\n loading: boolean;\n shareFlag: boolean;\n flag: boolean;\n final: boolean;\n submitted: boolean;\n result: boolean;\n errors: any;\n success: any;\n utilityService: any;\n buttonText: string;\n playlistForm: any;\n playlistFlag: boolean;\n addZindex = false;\n slidItemClass = false;\n player: any;\n trailerHoverTimer;\n videoPlayHoverState = true;\n timeouts = [];\n cipherText: any;\n encrypted: any;\n decrypted: any;\n interVal: any;\n plainText: any;\n pre_url: any;\n playerInterval = [];\n countryPage: boolean;\n rentalPage: boolean;\n webseriesPage:boolean;\n mouseOvered = false;\n isMobile: boolean = false;\n homePage: Boolean = false;\n @HostListener('document:click', ['$event'])\n clickOut() {\n if (this.shareDrop !== undefined) {\n if (!this.eRef.nativeElement.contains(event.target)) {\n disableScroll.off();\n this.showOption = false;\n this.shareDrop = undefined;\n this.addZindex = false;\n }\n }\n }\n\n constructor(\n private apiService: ApiService,\n private authService: AuthService,\n private router: Router,\n private userService: UserService,\n private videoShareService: VideoShareService,\n private playerService: PlayerService,\n private eRef: ElementRef,\n private playlistAddService: PlaylistAddService,\n private meta: Meta,\n private pipe: StringRemoveWhitespace\n ) {\n $(function () {\n $('.slider-img img').on('error', function () {\n $(this).attr({\n 'src': '/assets/images/blank_new.png'\n });\n });\n });\n\n this.getWindowSize();\n window.addEventListener('resize', this.getWindowSize);\n }\n ngOnInit() {\n\n this.getWindowSize();\n window.addEventListener('resize', this.getWindowSize);\n \n if(this.router.url===\"/category/country\"){\n this.countryPage = true;\n }\n if(this.router.url===\"/home\" || this.router.url===\"/\"){\n this.homePage = true;\n }\n if(this.router.url===\"/category/pay-per-view\"){\n this.rentalPage = true;\n }\n if(this.router.url===\"/series/tv-series\"){\n this.webseriesPage = true;\n }\n this.slidItemClass = this.type === 'live';\n this.videoDetails = this.video;\n\n\n console.log(\"Trailer Card details:::\", this.video )\n \n\n \n this.playlistForm = new FormGroup({\n playlist_name: new FormControl('', [Validators.required, Validators.pattern('[a-zA-Z0-9\\s]*$')])\n });\n this.video.thumbnail_image = (this.video.thumbnail_image !== null && this.video.thumbnail_image.length > 0) ? this.video.thumbnail_image : 'assets/images/blank_new.png';\n this.video.less_description =\n (this.video.description && this.video.description.length > 120)\n ? this.video.description.substr(0, 120) + '...'\n : this.video.description;\n this.video.video_duration = (VideoDurationValidation(this.video.video_duration)) ? this.video.video_duration : 0;\n this.live = (this.live) ? true : false;\n if (localStorage.getItem('currentUser')) {\n this.loggedTrue = true;\n }\n }\n\n showOptions(event) {\n if (this.showOption === false) {\n disableScroll.on(undefined, { disableWheel: true, disableScroll: false, disableKeys: false });\n }\n this.addZindex = true;\n this.shareDrop = event.target;\n this.showOption = !this.showOption;\n }\n\n getWindowSize() {\n if (window.innerWidth >= 1199) {\n this.isMobile = false;\n console.log(\"DESKTOP SCREEEn----\")\n } else {\n this.isMobile = true;\n console.log(\"MOBILE --- SCREEEn----\")\n }\n }\n\n\n openShareVideo() {\n disableScroll.on(undefined, { disableWheel: true, disableScroll: true, disableKeys: false });\n this.videoShareService.displayPopup(this.video);\n }\n // openPlalistPopup() {\n // disableScroll.on(undefined, { disableWheel: true, disableScroll: true, disableKeys: false });\n // this.playlistAddService.displayPopup(this.video);\n // }\n favourite(video: VideoModel, e) {\n if (sessionStorage.getItem('tostar')) {\n this.tostar = {\n 'tostarActive': true,\n 'tostarTime': JSON.parse(sessionStorage.getItem('tostar')).tostarTime\n };\n } else {\n this.tostar = {\n 'tostarActive': true,\n 'tostarTime': 0\n };\n }\n sessionStorage.setItem('tostar', JSON.stringify(this.tostar));\n e.stopPropagation();\n this.loggedIn = localStorage.getItem('currentUser');\n if (this.loggedIn) {\n const favourite = video.is_favourite;\n if (!favourite) {\n this.apiService.callPostAPI('v2/favourite', { video_slug: video.slug }, environment.userActionApiUrl)\n .subscribe(\n data => {\n if (data['statusCode'] === 200 && data['error'] === false) {\n if (this.tostar.tostarTime === 0 || this.tostar.tostarActive && ((Date.now() - this.tostar.tostarTime) / 1000) >= 5) {\n this.tostar = {\n 'tostarActive': false,\n 'tostarTime': Date.now()\n };\n sessionStorage.setItem('tostar', JSON.stringify(this.tostar));\n this.apiService.successResponse(data, '');\n }\n this.video.is_favourite = favourite;\n this.favouriteChange.emit(this.video);\n }\n },\n error => {\n this.apiService.failureResponse(error, false);\n this.favouriteChange.emit(this.video);\n });\n } else {\n this.apiService.callDeleteAPI('v2/favourite?video_slug=' + video.slug, environment.userActionApiUrl)\n .subscribe(\n data => {\n if (data['statusCode'] === 200 && data['error'] === false) {\n if (this.tostar.tostarTime === 0 || this.tostar.tostarActive && ((Date.now() - this.tostar.tostarTime) / 1000) >= 5) {\n this.tostar = {\n 'tostarActive': false,\n 'tostarTime': Date.now()\n };\n sessionStorage.setItem('tostar', JSON.stringify(this.tostar));\n this.apiService.successResponse(data, '');\n }\n this.video.is_favourite = favourite;\n this.favouriteChange.emit(this.video);\n }\n },\n error => {\n this.apiService.failureResponse(error, false);\n this.favouriteChange.emit(this.video);\n });\n }\n\n } else {\n this.userService.redirectUrl(this.router.url);\n this.userService.displayPopup('sign-in');\n }\n }\n\n removeHistory(video: VideoModel, e) {\n e.stopPropagation();\n const userData = this.authService.decryption(\n localStorage.getItem('currentUser')\n );\n const screen = userData['response'] !== undefined ? userData['response'].screen : '';\n this.apiService.callPostAPI('v2/clear_recent_view', { video_id: video.slug, screen: screen })\n .subscribe(\n data => {\n if (data['statusCode'] === 200 && data['error'] === false) {\n this.apiService.successResponse(data, '');\n }\n },\n error => {\n this.apiService.failureResponse(error, false);\n });\n this.historyChange.emit(this.video);\n }\n playerConfiguration(videoElem) {\n this.player = videojs(videoElem, {\n autoplay: true,\n controls: false,\n preload: true,\n bigPlayButton: false,\n muted: true\n });\n }\n playTrailer(video, e) {\n if (this.videoPlayHoverState) {\n const blockType = this.pipe.transform(this.blockType);\n const videoslug = this.pipe.transform(video.slug);\n const videoSelector = 'trailer-video-' + blockType + '-' + videoslug;\n const getVideo = document.getElementById(videoSelector);\n if (getVideo != null) {\n if (video.trailer_hls_url !== null && video.trailer_hls_url !== '' && video.trailer_status === 'Complete') {\n this.playerConfiguration(getVideo);\n this.trailerHoverTimer = setTimeout(function () {\n this.player.src({\n src: video.trailer_hls_url,\n type: 'application/x-mpegURL'\n });\n getVideo.parentElement.classList.remove('trailer-ended');\n this.player.load();\n this.player.on('play', function (e) {\n this.videoPlayHoverState = false;\n }.bind(this));\n this.player.on('ended', function (e) {\n this.videoPlayHoverState = true;\n this.player.pause();\n getVideo.parentElement.classList.add('trailer-ended');\n }.bind(this));\n }.bind(this), 1000, getVideo, video);\n this.timeouts.push(this.trailerHoverTimer);\n }\n\n }\n }\n }\n resetTrailer(video) {\n const blockType = this.pipe.transform(this.blockType);\n const videoslug = this.pipe.transform(video.slug);\n const videoSelector = 'trailer-video-' + blockType + '-' + videoslug;\n const getVideo = document.getElementById(videoSelector);\n for (let i = 0; i < this.timeouts.length; i++) {\n clearTimeout(this.timeouts[i]);\n }\n for (let i = 0; i < this.playerInterval.length; i++) {\n\n clearInterval(this.playerInterval[i]);\n }\n this.playerInterval = [];\n this.plainText = null;\n this.timeouts = [];\n if (video.trailer_hls_url !== null && video.trailer_hls_url !== '' && video.trailer_status === 'Complete') {\n this.playerConfiguration(getVideo);\n this.videoPlayHoverState = true;\n this.player.reset();\n }\n }\n videoClick(video, imageClick) {\n \n \n if (video) {\n\n \n \n this.router.events\n .filter(e => e instanceof RoutesRecognized)\n .pairwise()\n .subscribe((event: any[]) => {\n this.pre_url = event[0].urlAfterRedirects;\n localStorage.setItem('pre_url', this.pre_url);\n });\n }\n if (this.type === 'webseries' || this.type === 'web-series') {\n this.router.navigate(['webseries/' + video.slug]);\n } else {\n if (imageClick === 'image') {\n disableScroll.off();\n this.showOption = false;\n this.shareDrop = undefined;\n this.addZindex = false;\n this.playerService.videoData(video);\n if (video.hasOwnProperty('is_live') && video.is_live === 0) {\n if (video.is_premium === 1) {\n if (video.is_subscribed === 1) {\n if (video.slug) {\n if (this.type === 'playlist') {\n this.router.navigate(['watch/' + video.slug + '/' + this.playlist_id + '/' + this.playlist_name]);\n } else {\n this.router.navigate(['watch/' + video.slug]);\n }\n }\n\n } else {\n if (video.slug) {\n if (this.type === 'playlist') {\n this.router.navigate(['video/' + video.slug + '/' + this.playlist_id + '/' + this.playlist_name]);\n } else {\n this.router.navigate(['video/' + video.slug]);\n }\n }\n }\n } else {\n if (video.slug) {\n if (this.type === 'playlist') {\n this.router.navigate(['watch/' + video.slug + '/' + this.playlist_id + '/' + this.playlist_name]);\n } else {\n this.router.navigate(['watch/' + video.slug]);\n }\n }\n }\n } else {\n if (video.is_premium === 1) {\n if (this.type === 'playlist') {\n this.router.navigate(['video/' + video.slug + '/' + this.playlist_id + '/' + this.playlist_name]);\n } else {\n this.router.navigate(['video/' + video.slug]);\n }\n } else {\n this.router.navigate(['watch/' + video.slug]);\n }\n\n\n }\n } else {\n\n \n disableScroll.off();\n this.showOption = false;\n this.shareDrop = undefined;\n this.addZindex = false;\n this.playerService.videoData(video);\n if (video.slug) {\n if (this.type === 'playlist') {\n this.router.navigate(['video/' + video.slug + '/' + this.playlist_id + '/' + this.playlist_name]);\n } else {\n if (history.scrollRestoration) {\n history.scrollRestoration = 'manual';\n } else {\n window.onbeforeunload = function () {\n window.scrollTo(0, 0);\n }\n }\n //this.router.navigate(['video/' + video.slug]);\n this.router.navigate(['video/' + video.slug])\n .then(() => {\n window.location.reload();\n });\n \n }\n }\n }\n }\n }\n\n\n removeFromPlaylist(video: VideoModel, e) {\n e.stopPropagation();\n this.apiService.callDeleteAPI('v2/create_playlist_videos?playlist_id=' + this.playlist_id + '&video_id=' + this.video.slug)\n .subscribe(data => {\n this.apiService.successResponse(data);\n }, error => {\n this.apiService.failureResponse(error);\n });\n this.playlistChange.emit(video);\n }\n\n videoCardFullClick(video) {\n this.videoCardClicked.emit(video);\n }\n /**\n * Method to open playlist popup\n */\n openPlaylistPopup(videoData) {\n this.userService.redirectUrl(this.router.url);\n this.playlistAddService.displayPopup(videoData);\n }\n\n ngAfterViewInit() {\n // Get all row containers\n // const rows = document.querySelectorAll('.items-wrapper');\n\n // // Set decreasing z-index values for rows (starting from high number)\n // let baseRowIndex = 1000;\n // rows.forEach((row) => {\n // (row as HTMLElement).style.zIndex = baseRowIndex.toString();\n // baseRowIndex -= 100; // Decrease for each row\n // });\n }\n \n\n}\n\n\n","module.exports = \"\\n \\n\\n \\n\\n\\n
\\n\\n
\\n
\\n
\\n \\n
\\n
\\n
\\n
\\n
HD \\n
13+ \\n \\n \\n
\\n \\n
\\n \\n \\n
\\n {{ video?.title }}\\n
\\n
\\n\\n {{ (video.description.length > 100)? (video.description | slice:0:100) + '..' : video.description }}\\n
\\n
\\n\\n \\n
\\n \\n\\n\\n \\n \\n \\n\\n\\n\\n\\n
\\n
();\n @Output() videoCardClicked = new EventEmitter();\n @Input() blockType: any;\n loggedIn: any = {};\n tostar: any = {};\n loggedTrue: Boolean = false;\n showOption: any = false;\n showFlag: Boolean = false;\n shareDrop: any;\n videoDetails: any;\n playlist: any = [];\n loading: boolean;\n shareFlag: boolean;\n flag: boolean;\n final: boolean;\n submitted: boolean;\n result: boolean;\n errors: any;\n success: any;\n utilityService: any;\n buttonText: string;\n playlistForm: any;\n playlistFlag: boolean;\n addZindex = false;\n slidItemClass = false;\n player: any;\n trailerHoverTimer;\n videoPlayHoverState = true;\n timeouts = [];\n cipherText: any;\n encrypted: any;\n decrypted: any;\n interVal: any;\n plainText: any;\n playerInterval = [];\n mouseOvered = false;\n @HostListener('document:click', ['$event'])\n clickOut() {\n if (this.shareDrop !== undefined) {\n if (!this.eRef.nativeElement.contains(event.target)) {\n disableScroll.off();\n this.showOption = false;\n this.shareDrop = undefined;\n this.addZindex = false;\n }\n }\n }\n\n constructor(\n private apiService: ApiService,\n private authService: AuthService,\n private router: Router,\n private userService: UserService,\n private videoShareService: VideoShareService,\n private playerService: PlayerService,\n private eRef: ElementRef,\n private playlistAddService: PlaylistAddService,\n private meta: Meta\n ) {\n $(function () {\n $('.slider-img img').on('error', function () {\n $(this).attr({\n src: '/assets/images/blank_new.png'\n });\n });\n });\n }\n ngOnInit() {\n this.slidItemClass = this.type === 'live';\n this.videoDetails = this.video;\n this.playlistForm = new FormGroup({\n playlist_name: new FormControl('', [\n Validators.required,\n Validators.pattern('[a-zA-Z0-9s]*$')\n ])\n });\n // tslint:disable-next-line:max-line-length\n this.video.thumbnail_image =\n this.video.thumbnail_image && this.video.thumbnail_image.length > 0\n ? this.video.thumbnail_image\n : 'assets/images/blank_new.png';\n this.live = this.live ? true : false;\n if (localStorage.getItem('currentUser')) {\n this.loggedTrue = true;\n }\n }\n\n showOptions(event) {\n if (this.showOption === false) {\n disableScroll.on(undefined, {\n disableWheel: true,\n disableScroll: false,\n disableKeys: false\n });\n }\n this.addZindex = true;\n this.shareDrop = event.target;\n this.showOption = !this.showOption;\n }\n\n openShareVideo() {\n disableScroll.on(undefined, {\n disableWheel: true,\n disableScroll: true,\n disableKeys: false\n });\n this.videoShareService.displayPopup(this.video);\n }\n openPlalistPopup() {\n disableScroll.on(undefined, {\n disableWheel: true,\n disableScroll: true,\n disableKeys: false\n });\n this.playlistAddService.displayPopup(this.video);\n }\n favourite(video: VideoModel, e) {\n if (sessionStorage.getItem('tostar')) {\n this.tostar = {\n tostarActive: true,\n tostarTime: JSON.parse(sessionStorage.getItem('tostar')).tostarTime\n };\n } else {\n this.tostar = {\n tostarActive: true,\n tostarTime: 0\n };\n }\n sessionStorage.setItem('tostar', JSON.stringify(this.tostar));\n e.stopPropagation();\n this.loggedIn = localStorage.getItem('currentUser');\n if (this.loggedIn) {\n const favourite = video.is_favourite;\n if (favourite) {\n this.apiService\n .callPostAPI(\n 'v2/favourite',\n { video_slug: video.slug },\n environment.userActionApiUrl\n )\n .subscribe(\n (data) => {\n if (data['statusCode'] === 200 && data['error'] === false) {\n if (\n this.tostar.tostarTime === 0 ||\n (this.tostar.tostarActive &&\n (Date.now() - this.tostar.tostarTime) / 1000 >= 5)\n ) {\n this.tostar = {\n tostarActive: false,\n tostarTime: Date.now()\n };\n sessionStorage.setItem('tostar', JSON.stringify(this.tostar));\n this.apiService.successResponse(data, '');\n }\n this.video.is_favourite = favourite;\n this.favouriteChange.emit(this.video);\n }\n },\n (error) => {\n this.apiService.failureResponse(error, false);\n this.favouriteChange.emit(this.video);\n }\n );\n } else {\n this.apiService\n .callDeleteAPI(\n 'v2/favourite?video_slug=' + video.slug,\n environment.userActionApiUrl\n )\n .subscribe(\n (data) => {\n if (data['statusCode'] === 200 && data['error'] === false) {\n if (\n this.tostar.tostarTime === 0 ||\n (this.tostar.tostarActive &&\n (Date.now() - this.tostar.tostarTime) / 1000 >= 5)\n ) {\n this.tostar = {\n tostarActive: false,\n tostarTime: Date.now()\n };\n sessionStorage.setItem('tostar', JSON.stringify(this.tostar));\n this.apiService.successResponse(data, '');\n }\n this.video.is_favourite = favourite;\n this.favouriteChange.emit(this.video);\n }\n },\n (error) => {\n this.apiService.failureResponse(error, false);\n this.favouriteChange.emit(this.video);\n }\n );\n }\n } else {\n this.userService.redirectUrl(this.router.url);\n this.userService.displayPopup('sign-in');\n }\n }\n\n removeHistory(video: VideoModel, e) {\n e.stopPropagation();\n const userData = this.authService.decryption(\n localStorage.getItem('currentUser')\n );\n const screen = userData['response'] !== undefined ? userData['response'].screen : '';\n this.apiService\n .callPostAPI('v2/clear_recent_view', { video_id: video.slug, screen: screen })\n .subscribe(\n (data) => {\n if (data['statusCode'] === 200 && data['error'] === false) {\n this.apiService.successResponse(data, '');\n }\n },\n (error) => {\n this.apiService.failureResponse(error, false);\n }\n );\n this.historyChange.emit(this.video);\n }\n playerConfiguration(videoElem) {\n videojs.Hls.xhr.beforeRequest = (options) => {\n options.headers = [];\n if (this.video.is_live === 0) {\n options.headers['Title'] = this.encrypt();\n }\n };\n this.player = videojs(videoElem, {\n autoplay: true,\n controls: false,\n preload: true,\n bigPlayButton: false,\n html5: {\n nativeAudioTracks: false,\n nativeVideoTracks: false,\n nativeTextTracks: false,\n hls: {\n overrideNative: true,\n customDrm: {\n // tslint:disable-next-line:max-line-length\n keys:\n // tslint:disable-next-line: max-line-length\n 'MjMyOGMwYWM4MmNhM2ZjNmY4ZDcyNzI0NWQzMDgzYmUxMzU3ZjA0NGZmNWNiNGMzYTExNDJiMDkzY2YyZjNjOTAwNTM0MjE4NTUxMmM5ODlhMWYwMzI3YjQwYmY3YmY1YjE2MDBkMTYzYTA1ZTFkYzE4OWJhMjUwOGM1MTIwODksNDg3MGVjMDY0YzEwODE0MmNjMGZmYmQ2ZmZkZjFlMDhlNzU2YTZkZWYyYzc4MDQ2ODlmZTRhZTBmYzk4NTIyMSxiMmJmNWE5NzAwNGJiMzFkNmY1YTljMmM4NDQ0OTc1OQ'\n // 'uri': 'http://d1xxzl3j6dvosn.cloudfront.net/costarica/encrypted.key',\n }\n }\n }\n });\n }\n playTrailer(video) {\n this.decrypt();\n if (this.videoPlayHoverState) {\n const videoSelector =\n 'trailer-video-' + this.blockType + '-' + video.slug;\n const getVideo = document.getElementById(videoSelector);\n if (getVideo != null) {\n this.playerConfiguration(getVideo);\n this.trailerHoverTimer = setTimeout(\n function () {\n this.player.src({\n // tslint:disable-next-line:max-line-length\n // src: 'https://contusmmd-mmd-cust.s.llnwi.net/contus/limelight/videos/source/stream.ismd/manifest.m3u8?stream=330-video-359058-1351620000001-000001;330-video-359058-1351620000001-000010;330-video-359058-1351620000001-000020;330-video-359058-1351620000001-000050',\n src: video.hls_playlist_url,\n type: 'application/x-mpegURL'\n });\n getVideo.parentElement.style.display = 'block';\n this.player.load();\n this.player.on(\n 'play',\n function (e) {\n this.videoPlayHoverState = false;\n }.bind(this)\n );\n this.player.on(\n 'timeupdate',\n function (e) {\n if (this.player.currentTime() >= 15) {\n this.videoPlayHoverState = true;\n this.player.pause();\n getVideo.parentElement.style.display = 'none';\n }\n }.bind(this)\n );\n }.bind(this),\n 1000,\n getVideo,\n video\n );\n this.timeouts.push(this.trailerHoverTimer);\n }\n }\n }\n resetTrailer(video) {\n const videoSelector = 'trailer-video-' + this.blockType + '-' + video.slug;\n const getVideo = document.getElementById(videoSelector);\n for (let i = 0; i < this.timeouts.length; i++) {\n clearTimeout(this.timeouts[i]);\n }\n for (let i = 0; i < this.playerInterval.length; i++) {\n clearInterval(this.playerInterval[i]);\n }\n this.playerInterval = [];\n this.plainText = null;\n this.timeouts = [];\n this.playerConfiguration(getVideo);\n this.videoPlayHoverState = true;\n this.player.reset();\n }\n decrypt() {\n if (typeof this.video.passphrase !== 'undefined') {\n const cipherParams = CryptoJS.lib.CipherParams.create({\n ciphertext: CryptoJS.enc.Hex.parse(this.video.passphrase)\n });\n this.decrypted = CryptoJS.AES.decrypt(\n cipherParams,\n CryptoJS.enc.Hex.parse(environment.crypto_key),\n {\n keySize: 256,\n iv: CryptoJS.enc.Hex.parse(environment.crypto_iv),\n mode: CryptoJS.mode.CBC\n }\n );\n const change = this.decrypted.toString(CryptoJS.enc.Utf8);\n this.plainText = parseInt(this.hexToBinary(change), 10);\n this.incrementInterVal();\n }\n }\n incrementInterVal() {\n this.interVal = setInterval(\n function () {\n this.plainText += 1;\n }.bind(this),\n 1000\n );\n this.playerInterval.push(this.interVal);\n }\n hexToBinary(num) {\n const hex = num,\n bytes = [];\n for (let i = 0; i < hex.length - 1; i += 2) {\n bytes.push(parseInt(hex.substr(i, 2), 16));\n }\n return String.fromCharCode.apply(String, bytes);\n }\n encrypt() {\n const utf8 = CryptoJS.enc.Utf8.parse('vplayed/' + this.plainText);\n const hex_utf = utf8.toString(CryptoJS.enc.Utf8);\n const hex = this.binaryToHex(hex_utf);\n this.encrypted = CryptoJS.AES.encrypt(\n hex,\n CryptoJS.enc.Hex.parse(environment.crypto_key),\n {\n keySize: 256,\n iv: CryptoJS.enc.Hex.parse(environment.crypto_iv),\n mode: CryptoJS.mode.CBC\n }\n );\n this.cipherText = this.encrypted.ciphertext.toString(CryptoJS.enc.utf8);\n return this.cipherText;\n }\n binaryToHex(num) {\n let str = '',\n i = 0;\n const tmp_len = num.length;\n let c;\n for (; i < tmp_len; i += 1) {\n c = num.charCodeAt(i);\n str += this.d2h(c);\n }\n return str;\n }\n d2h(d) {\n return d.toString(16);\n }\n\n videoClick(video, imageClick) {\n\n console.log(\"Video CLicked\")\n \n if (this.type === 'upcoming') {\n this.router.navigate(['video/' + video.slug]);\n return;\n }\n if (this.type === 'season') {\n this.router.navigate(['season/' + video.webseries_slug + '/' + video.id]);\n return;\n }\n if (this.type === 'webseries') {\n this.router.navigate(['webseries/' + video.slug]);\n } else {\n if (imageClick === 'image') {\n disableScroll.off();\n this.showOption = false;\n this.shareDrop = undefined;\n this.addZindex = false;\n this.playerService.videoData(video);\n if (video.hasOwnProperty('is_live') && video.is_live === 0) {\n if (video.is_premium === 1) {\n if (video.is_subscribed === 1) {\n if (video.slug) {\n if (this.type === 'playlist' && video.is_webseries === 0) {\n this.router.navigate([\n 'watch/' +\n video.slug +\n '/' +\n this.playlist_id +\n '/' +\n this.playlist_name\n ]);\n } else {\n this.router.navigate(['watch/' + video.slug]);\n }\n }\n } else {\n if (video.slug) {\n if (this.type === 'playlist' && video.is_webseries === 0) {\n this.router.navigate([\n 'video/' +\n video.slug +\n '/' +\n this.playlist_id +\n '/' +\n this.playlist_name\n ]);\n } else {\n this.router.navigate(['video/' + video.slug]);\n }\n }\n }\n } else {\n if (video.slug) {\n if (this.type === 'playlist' && video.is_webseries === 0) {\n this.router.navigate([\n 'watch/' +\n video.slug +\n '/' +\n this.playlist_id +\n '/' +\n this.playlist_name\n ]);\n } else {\n this.router.navigate(['watch/' + video.slug]);\n }\n }\n }\n } else {\n if (video.is_premium === 1) {\n if (this.type === 'playlist' && video.is_webseries === 0) {\n this.router.navigate([\n 'video/' +\n video.slug +\n '/' +\n this.playlist_id +\n '/' +\n this.playlist_name\n ]);\n } else {\n this.router.navigate(['video/' + video.slug]);\n }\n } else {\n this.router.navigate(['watch/' + video.slug]);\n }\n }\n } else {\n disableScroll.off();\n this.showOption = false;\n this.shareDrop = undefined;\n this.addZindex = false;\n this.playerService.videoData(video);\n if (video.slug) {\n if (this.type === 'playlist' && video.is_webseries === 0) {\n this.router.navigate([\n 'video/' +\n video.slug +\n '/' +\n this.playlist_id +\n '/' +\n this.playlist_name\n ]);\n } else {\n this.router.navigate(['video/' + video.slug]);\n }\n }\n }\n }\n }\n\n openPlaylistPopup(videoData) {\n this.userService.redirectUrl(this.router.url);\n this.playlistAddService.displayPopup(videoData);\n }\n\n removeFromPlaylist(video: VideoModel, e) {\n e.stopPropagation();\n this.apiService\n .callDeleteAPI(\n 'v2/create_playlist_videos?playlist_id=' +\n this.playlist_id +\n '&video_id=' +\n this.video.slug,\n environment.userActionApiUrl\n )\n .subscribe(\n (data) => {\n this.apiService.successResponse(data);\n },\n (error) => {\n this.apiService.failureResponse(error);\n }\n );\n this.playlistChange.emit(video);\n }\n\n videoCardFullClick(video) {\n this.videoCardClicked.emit(video);\n }\n}\n","import { Pipe, PipeTransform } from '@angular/core';\nimport { DomSanitizer } from '@angular/platform-browser';\n\n@Pipe({name: 'safeHtml', pure: false})\nexport class Safe implements PipeTransform {\n constructor (private sanitizer: DomSanitizer) { }\n\n transform(style) {\n return this.sanitizer.bypassSecurityTrustHtml(style);\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { VideoCardComponent } from './components/video/video-card/video-card.component';\nimport { PriceCardComponent } from './components/price-card/price-card.component';\nimport { LoadmoreComponent } from './components/loadmore/loadmore.component';\nimport { LazyLoadImagesModule } from 'ngx-lazy-load-images';\nimport { Safe } from './safeHtml';\nimport { TrailerCardComponent } from './components/video/trailer-card/trailer-card.component';\n\nimport { ViewCount } from './view-count';\nimport { NoVideosComponent } from './components/no-videos/no-videos.component';\nimport { RouterModule } from '@angular/router';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { ContusSliderComponent } from '../modules/contus-slider/contus-slider.component';\nimport { LoaderCardComponent } from './components/video/loader-card/loader-card.component';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { CouponComponent } from './components/coupon/coupon.component';\nimport { StringRemoveWhitespace } from './stringremovewhitespace';\nimport { TimeTextFormat } from './time-text-format';\n\n\n@NgModule({\n imports: [\n CommonModule,\n LazyLoadImagesModule,\n RouterModule,\n FormsModule,\n ReactiveFormsModule,\n TranslateModule\n ],\n declarations: [\n VideoCardComponent,\n PriceCardComponent,\n LoadmoreComponent,\n Safe,\n ViewCount,\n TrailerCardComponent,\n StringRemoveWhitespace,\n NoVideosComponent,\n ContusSliderComponent,\n LoaderCardComponent,\n CouponComponent,\n TimeTextFormat\n ],\n exports: [\n VideoCardComponent,\n PriceCardComponent,\n LoadmoreComponent,\n Safe,\n TrailerCardComponent,\n ViewCount,\n NoVideosComponent,\n ContusSliderComponent,\n LoaderCardComponent,\n CouponComponent,\n TimeTextFormat\n ]\n})\nexport class SharedModule { }\n","import { Pipe, PipeTransform } from '@angular/core';\n\n@Pipe({name: 'strremovewhitespace', pure: false})\nexport class StringRemoveWhitespace implements PipeTransform {\n constructor () { }\n\n transform(string) {\n if (string) {\n string = string.toLowerCase();\n return string.replace(/ /g, '-');\n }\n }\n}\n","import { Pipe, PipeTransform } from '@angular/core';\nimport { VideoDurationValidation } from './utils/videodurationvalidation';\n\n@Pipe({name: 'timetextformat', pure: false})\nexport class TimeTextFormat implements PipeTransform {\n constructor () { }\n\n transform(input) {\n if (input) {\n return VideoDurationValidation(input);\n }\n }\n}\n","/**\n *Method to add class to parent div when last item in a slider is hovered\n * @param any event\n * @param array video\n */\nconst HandleLastItemonHover = (event, i: number, section: string, sliderMovedData: number) => {\n if (i === sliderMovedData - 1) {\n const element = document.getElementsByClassName(section);\n if (element) {\n (event.type === 'mouseover') ? element[0].classList.add('item-hovered') : element[0].classList.remove('item-hovered');\n }\n }\n};\nexport {HandleLastItemonHover};\n","/**\n * Method to handle the favourite icon when the icon is clicked.\n * @param any event\n * @param array video\n */\nconst UpdateFavouriteIcon = (event: any, videos) => {\n const videoIndex = videos.findIndex((data) => {\n return data.slug === event.slug;\n });\n videos[videoIndex].is_favourite = (event.is_favourite) ? 0 : 1;\n};\nexport {UpdateFavouriteIcon};\n","/**\n * Method to validate video duration whether in the formats like '00:00:00' ,'00:00'\n * @param any event\n * @param array video\n */\nconst VideoDurationValidation = (input: any) => {\n if (input) {\n const splitInput = input.split(':');\n let result;\n if (parseInt(splitInput[0], 10) > 0) {\n result = (splitInput[0].substring(0, 1) !== '0') ? splitInput[0] + 'hr ' : splitInput[0].substring(1, 2) + 'hr ';\n } else {\n result = '';\n }\n if (parseInt(splitInput[1], 10) > 0) {\n result += (splitInput[1].substring(0, 1) !== '0') ? splitInput[1] + 'm ' : splitInput[1].substring(1, 2) + 'm ';\n }\n if (parseInt(splitInput[2], 10) > 0) {\n result += (splitInput[2].substring(0, 1) !== '0') ? splitInput[2] + 's' : splitInput[2].substring(1, 2) + 's';\n }\n return result;\n }\n};\nexport {VideoDurationValidation};\n","import { Pipe, PipeTransform } from '@angular/core';\n\n@Pipe({name: 'numberConversion', pure: false})\nexport class ViewCount implements PipeTransform {\n constructor () { }\n\n transform(num) {\n if (num >= 1000000000) {\n return (num / 1000000000).toFixed(1).replace(/\\.0/, '') + 'B';\n }\n if (num >= 1000000) {\n return (num / 1000000).toFixed(1).replace(/\\.0/, '') + 'M';\n }\n if (num >= 1000) {\n return (num / 1000).toFixed(1).replace(/\\.0/, '') + 'K';\n }\n return num;\n }\n}\n","module.exports = \"\\n\\n \\n \\n
\\n
\\n
Callback Details \\n
\\n
\\n
\\n
\\n \\n \\n \\n \\n Transaction ID \\n {{transactionId || \\\"xxxxxxxxxxx\\\"}} \\n \\n \\n\\n \\n \\n Mobile Number \\n {{msisdn || \\\"xxxxxxxxxxx\\\"}} \\n \\n \\n\\n \\n \\n Status \\n {{status || \\\"Not determined\\\"}} \\n \\n \\n \\n \\n \\n Service ID \\n {{serviceid || \\\"xxxxxxxxxxx\\\"}}\\n \\n \\n \\n \\n \\n
\\n\\n \\n \\n \\n
\\n \\n
\\n Go Home\\n \\n
\\n
\\n\\n\\n\\n\"","module.exports = \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3ZjYWxsYmFjay92Y2FsbGJhY2suY29tcG9uZW50LnNjc3MifQ== */\"","import { Component, OnInit } from '@angular/core';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { ApiService } from '../core/services/api.service';\nimport { environment } from '../../environments/environment';\nimport { Location } from '@angular/common';\n\n\n\n@Component({\n selector: 'app-vcallback',\n templateUrl: './vcallback.component.html',\n styleUrls: ['./vcallback.component.scss']\n})\nexport class VcallbackComponent implements OnInit {\n action: string;\n transactionId: any;\n msisdn: any;\n serviceid: any;\n subscriptionId: any;\n status: any;\n spinner: any = false;\n\n\n constructor(private route: ActivatedRoute, private router: Router, private apiService: ApiService, public location: Location) { }\n\n ngOnInit(): void {\n this.spinner = true;\n // Access the entire URL including the encoded string\n const encodedUrl = decodeURIComponent(this.route.snapshot.url.join('/'));\n\n // Decode the encoded string twice\n const decodedUrl = decodeURIComponent(decodeURIComponent(encodedUrl));\n\n console.log(decodedUrl);\n\n const paramsMap = new Map();\n for (const param of decodedUrl.split('&')) {\n const [key, value] = param.split('=');\n paramsMap.set(key, value);\n }\n\n this.transactionId = paramsMap.get('transactionId');\n this.msisdn = paramsMap.get('msisdn');\n this.status = paramsMap.get('status');\n this.serviceid = paramsMap.get('serviceid');\n this.subscriptionId = paramsMap.get('subscriptionId');\n\n\n if (!!this.msisdn && this.status === 'ACTIVE') {\n this.runOffsiteBilling(this.subscriptionId, this.msisdn);\n } else {\n this.router.navigate(['/subscription/payment-info/failure']);\n }\n }\n\n runOffsiteBilling(transactionId, msisdn) {\n this.spinner = false;\n this.apiService.callPostAPI('v2/airtime-offsite-billing', {\n 'transactionId': transactionId,\n 'planId': this.serviceid === '1001' ? 'month' : 'gh-daily',\n 'msisdn': msisdn,\n 'carrier': 'VODGH'\n }, environment.paymentApiUrl)\n .subscribe(\n data => {\n if (data['statusCode'] === 200 && data['error'] === false) {\n localStorage.setItem('transaction_id', transactionId);\n this.router.navigate(['/subscription/payment-info/success']);\n }\n },\n error => {\n this.router.navigate(['/subscription/payment-info/failure']);\n }\n );\n }\n\n retry() {\n this.router.navigate(['/']);\n }\n\n}\n","module.exports = \"\\n \\n \\n \\n
\\n \\n
\\n
\\n
\\n \\n
\\n
\\n\\n
\\n
{{ (banner.title.length > 100)? (banner.title | slice:0:100) + '..' : banner.title }} \\n
\\n
\\n
\\n Watch Series \\n \\n\\n\\n
\\n\\n
\\n \\n\\n
\\n Add to Playlist
\\n\\n \\n
\\n
\\n\\n
\\n \\n\\n
\\n More Information
\\n\\n \\n
\\n\\n\\n
\\n
\\n\\n \\n
\\n
\\n \\n \"","module.exports = \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3dlYi1iYW5uZXIvd2ViLWJhbm5lci5jb21wb25lbnQuc2NzcyJ9 */\"","import { Component, OnInit, AfterViewInit, Input, ViewChild, HostListener } from '@angular/core';\nimport { Router } from '@angular/router';\n\nimport { Meta } from '@angular/platform-browser';\nimport disableScroll from 'disable-scroll';\nimport { trigger, transition, style, animate } from '@angular/animations';\nimport videojs from '../../../src/assets/js/play.es.js';\nimport {OwlCarousel} from 'ngx-owl-carousel';\nimport { DeviceDetectorService } from 'ngx-device-detector';\nimport { UserService } from '../core/services/user.service';\nimport { PlaylistAddService } from '../core/services/playlist-add.service';\n\ndeclare var $: any;\n\n@Component({\n selector: 'app-web-banner',\n templateUrl: './web-banner.component.html',\n styleUrls: ['./web-banner.component.scss']\n})\nexport class WebBannerComponent implements OnInit, AfterViewInit {\n @Input() banner;\n @ViewChild('owlElement') owlElement: OwlCarousel;\n bannerData = [];\n trailerHoverTimer;\n video: any;\n slidItemClass = false;\n player: any;\n timeout;\n videoPlayHoverState = true;\n timeouts = [];\n cipherText: any;\n encrypted: any;\n decrypted: any;\n interVal: any;\n plainText: any;\n index = 0;\n show_mute = false;\n previousData: any;\n playerInterval = [];\n track_player_status: string;\n prev_index: number;\n change_image: NodeJS.Timer;\n showTxt = true;\n screenWidth: number;\n\n constructor(\n private router: Router,\n public deviceService: DeviceDetectorService,\n private userService: UserService,\n private playlistAddService: PlaylistAddService,\n ) {\n\n this.screenWidth = window.innerWidth;\n }\n\n sliderOptions = {\n nav: true, autoplay: false, loop: false, rewind: true, dots: true, responsive: {'0': {items: 1}, '600': {items: 1, nav: false}, '1000': {items: 1}}, onChanged: (e) => {\n\n this.index = this.owlElement.$owlChild.currentSlideIndex;\n if (this.index < e.item.count) {\n clearTimeout(this.change_image);\n if (this.player) {\n this.player.pause();\n }\n const bannerSlide = document.getElementById('slider_' + this.banner[this.index].slug);\n bannerSlide.style.display = 'block';\n if (this.banner[this.index].trailer_hls_url !== null && this.banner[this.index].trailer_hls_url !== '' && this.banner[this.index].trailer_status === 'Complete') {\n this.playTrailer(this.banner[this.index]);\n const vp = videojs(this.banner[this.index].slug).player();\n vp.muted(!this.show_mute);\n this.previousData = this.banner[this.index];\n } else {\n this.change_image = setTimeout(function () {\n const owl = $('.owl-carousel');\n owl.trigger('next.owl.carousel');\n const bannerSlide = document.getElementById('slider_' + this.banner[this.index].slug);\n bannerSlide.style.display = 'block';\n }, 4000);\n }\n }\n\n }\n };\n\n ngOnInit() {\n window.scroll({top: 0, left: 0, behavior: 'smooth'});\n this.bannerData = this.banner;\n\n console.log(\"BANNER DATAA\" + JSON.stringify(this.bannerData))\n\n // [{ \"id\": 3, \"title\": \"Shofar_Blowing_Trimmed\", \"slug\": \"shofar-blowing-trimmed\", \"thumbnail_image\": \"https://trayton-homitv-live.us-east-1.linodeobjects.com/images/videos/thumbnails/2025/01/679829763bd41.jpeg\", \"poster_image\": \"https://trayton-homitv-live.us-east-1.linodeobjects.com/images/banner_images/2025/01/678879251f01c.png\", \"is_favourite\": 0, \"is_live\": 0, \"view_count\": null, \"is_premium\": 1, \"trailer_hls_url\": \"https://us-east-1.linodeobjects.com/trayton-homitv-live/videos/output/2025/01/shofar-blowing-trimmed-video-1736330862071/trailer/Shofar_Blowing_Trimmed/1-trailer-619882529/hls/master.m3u8\", \"trailer_status\": \"Complete\", \"published_on\": \"2025\", \"video_duration\": \"0:00\", \"description\": \"Shofar\", \"passphrase\": \"621d87f750dd3a50c0ec0dccd72ff1735a2ddc3ed6b9b61b01a9be3913d82e6e\", \"genre_name\": \"\", \"video_category_name\": \"Romance Movies\", \"is_subscribed\": 0, \"video_area\": \"English\", \"video_rating\": \"16+\", \"video_advisory\": \"Language\" }]\n\n }\n\n @HostListener('window:resize', ['$event'])\n onResize(event) {\n // Update screenWidth with the new window width\n this.screenWidth = window.innerWidth;\n // Call a method or perform any logic based on the screen size change\n this.handleScreenSizeChange();\n }\n\n handleScreenSizeChange() {\n // Implement logic based on screen size change\n if (this.screenWidth < 768) {\n setTimeout(() => {\n this.showTxt = false;\n }, 5000);\n \n } else {\n this.showTxt = true;\n \n }\n }\n\n testClick() {\n console.log(\"test click-->\")\n }\n\n openPlaylistPopup(video) {\n console.log(\"VIDEO INFOR:::\", video)\n this.userService.redirectUrl(this.router.url);\n this.playlistAddService.displayPopup(video);\n }\n\n // onVideoPlaying() {\n // console.log(\"VIDEO PLAYING\")\n // this.videoPlaying = false\n // }\n ngAfterViewInit() {\n // this.playTrailer(this.bannerData[this.index]);\n }\n\n // Banner click\n onBannerClick(video: string) {\n console.log (\"Banner Clicked --\")\n // this.router.navigate(['video/' + video]);\n this.router.navigate(['webseries/' + video]);\n \n }\n\n muteUnmuteClick(type, video) {\n this.show_mute = !this.show_mute;\n const vp = videojs(video).player();\n vp.muted(type);\n\n console.log(\"Mute clicked --\", this.show_mute)\n }\n\n /// trailer video\n\n playerConfiguration(videoElem) {\n this.player = videojs(videoElem, {\n autoplay: true,\n controls: false,\n preload: true,\n bigPlayButton: false,\n muted: true\n });\n }\n\n playTrailer(video) {\n // if (this.videoPlayHoverState) {\n const videoSelector = video.slug;\n const getVideo = document.getElementById(videoSelector);\n if (getVideo != null) {\n if (video.trailer_hls_url !== null && video.trailer_hls_url !== '' && video.trailer_status === 'Complete') {\n this.playerConfiguration(getVideo);\n // this.trailerHoverTimer = setTimeout(function () {\n this.player.src({\n src: video.trailer_hls_url,\n type: 'application/x-mpegURL'\n });\n // getVideo.parentElement.classList.remove('trailer-ended');\n this.player.load();\n this.player.on('play', function (e) {\n \n this.track_player_status = 'play';\n this.videoPlayHoverState = false;\n this.handleScreenSizeChange();\n }.bind(this));\n if (video.trailer_hls_url !== null && video.trailer_hls_url !== '' && video.trailer_status === 'Complete') {\n this.player.on('ended', () => {\n \n this.videoPlayHoverState = true;\n this.player.pause();\n if (this.track_player_status === 'play') {\n const owl = $('.owl-carousel');\n owl.trigger('next.owl.carousel');\n this.showTxt = true;\n // getVideo.parentElement.classList.add('trailer-ended');\n this.track_player_status = 'stop';\n }\n });\n }\n // }.bind(this), 1000, getVideo, video);\n // this.timeouts.push(this.trailerHoverTimer);\n }\n }\n // }\n setTimeout(() => {\n const bannerSlide = document.getElementById('slider_' + videoSelector);\n bannerSlide.style.display = 'none';\n }, 4000);\n }\n\n ngOnDestroy() {\n if (this.player) {\n this.player.dispose();\n }\n }\n}\n\n","/**\n * @license\n * Video.js 7.2.0 \n *\n * Includes vtt.js \n * Available under Apache License Version 2.0\n * \n */\n\nimport window$1 from 'global/window';\nimport document$1 from 'global/document';\nimport xhr from 'xhr';\nimport vtt from 'videojs-vtt.js';\nimport safeParseTuple from 'safe-json-parse/tuple';\nimport URLToolkit from 'url-toolkit';\nimport { Parser } from 'm3u8-parser';\nimport { parse, parseUTCTiming } from 'mpd-parser';\nimport 'crypto-js/aes';\nimport CryptoJS from 'crypto-js/core';\nimport mp4probe$1 from 'mux.js/lib/mp4/probe';\nimport { CaptionParser } from 'mux.js/lib/mp4';\nimport { Decrypter, AsyncStream, decrypt } from 'aes-decrypter';\nimport tsInspector from 'mux.js/lib/tools/ts-inspector.js';\n\nvar version = \"7.2.0\";\n\n/**\n * @file log.js\n * @module log\n */\n\nvar log = void 0;\n\n// This is the private tracking variable for logging level.\nvar level = 'info';\n\n// This is the private tracking variable for the logging history.\nvar history = [];\n\n/**\n * Log messages to the console and history based on the type of message\n *\n * @private\n * @param {string} type\n * The name of the console method to use.\n *\n * @param {Array} args\n * The arguments to be passed to the matching console method.\n */\nvar logByType = function logByType(type, args) {\n var lvl = log.levels[level];\n var lvlRegExp = new RegExp('^(' + lvl + ')$');\n\n if (type !== 'log') {\n\n // Add the type to the front of the message when it's not \"log\".\n args.unshift(type.toUpperCase() + ':');\n }\n\n // Add a clone of the args at this point to history.\n if (history) {\n history.push([].concat(args));\n }\n\n // Add console prefix after adding to history.\n args.unshift('PLAYJS:');\n\n // If there's no console then don't try to output messages, but they will\n // still be stored in history.\n if (!window$1.console) {\n return;\n }\n\n // Was setting these once outside of this function, but containing them\n // in the function makes it easier to test cases where console doesn't exist\n // when the module is executed.\n var fn = window$1.console[type];\n\n if (!fn && type === 'debug') {\n // Certain browsers don't have support for console.debug. For those, we\n // should default to the closest comparable log.\n fn = window$1.console.info || window$1.console.log;\n }\n\n // Bail out if there's no console or if this type is not allowed by the\n // current logging level.\n if (!fn || !lvl || !lvlRegExp.test(type)) {\n return;\n }\n\n fn[Array.isArray(args) ? 'apply' : 'call'](window$1.console, args);\n};\n\n/**\n * Logs plain debug messages. Similar to `console.log`.\n *\n * @class\n * @param {Mixed[]} args\n * One or more messages or objects that should be logged.\n */\nlog = function log() {\n for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n logByType('log', args);\n};\n\n/**\n * Enumeration of available logging levels, where the keys are the level names\n * and the values are `|`-separated strings containing logging methods allowed\n * in that logging level. These strings are used to create a regular expression\n * matching the function name being called.\n *\n * Levels provided by video.js are:\n *\n * - `off`: Matches no calls. Any value that can be cast to `false` will have\n * this effect. The most restrictive.\n * - `all`: Matches only Video.js-provided functions (`debug`, `log`,\n * `log.warn`, and `log.error`).\n * - `debug`: Matches `log.debug`, `log`, `log.warn`, and `log.error` calls.\n * - `info` (default): Matches `log`, `log.warn`, and `log.error` calls.\n * - `warn`: Matches `log.warn` and `log.error` calls.\n * - `error`: Matches only `log.error` calls.\n *\n * @type {Object}\n */\nlog.levels = {\n all: 'debug|log|warn|error',\n off: '',\n debug: 'debug|log|warn|error',\n info: 'log|warn|error',\n warn: 'warn|error',\n error: 'error',\n DEFAULT: level\n};\n\n/**\n * Get or set the current logging level. If a string matching a key from\n * {@link log.levels} is provided, acts as a setter. Regardless of argument,\n * returns the current logging level.\n *\n * @param {string} [lvl]\n * Pass to set a new logging level.\n *\n * @return {string}\n * The current logging level.\n */\nlog.level = function (lvl) {\n if (typeof lvl === 'string') {\n if (!log.levels.hasOwnProperty(lvl)) {\n throw new Error('\"' + lvl + '\" in not a valid log level');\n }\n level = lvl;\n }\n return level;\n};\n\n/**\n * Returns an array containing everything that has been logged to the history.\n *\n * This array is a shallow clone of the internal history record. However, its\n * contents are _not_ cloned; so, mutating objects inside this array will\n * mutate them in history.\n *\n * @return {Array} returns the data in array type\n */\nlog.history = function () {\n return history ? [].concat(history) : [];\n};\n\n/**\n * Clears the internal history tracking, but does not prevent further history\n * tracking.\n */\nlog.history.clear = function () {\n if (history) {\n history.length = 0;\n }\n};\n\n/**\n * Disable history tracking if it is currently enabled.\n */\nlog.history.disable = function () {\n if (history !== null) {\n history.length = 0;\n history = null;\n }\n};\n\n/**\n * Enable history tracking if it is currently disabled.\n */\nlog.history.enable = function () {\n if (history === null) {\n history = [];\n }\n};\n\n/**\n * Logs error messages. Similar to `console.error`.\n *\n * @param {Mixed[]} args\n * One or more messages or objects that should be logged as an error\n * @return {Object} returns the log type object\n */\nlog.error = function () {\n for (var _len2 = arguments.length, args = Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {\n args[_key2] = arguments[_key2];\n }\n\n return logByType('error', args);\n};\n\n/**\n * Logs warning messages. Similar to `console.warn`.\n *\n * @param {Mixed[]} args\n * One or more messages or objects that should be logged as a warning.\n * @return {Object} returns the log type object\n */\nlog.warn = function () {\n for (var _len3 = arguments.length, args = Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {\n args[_key3] = arguments[_key3];\n }\n\n return logByType('warn', args);\n};\n\n/**\n * Logs debug messages. Similar to `console.debug`, but may also act as a comparable\n * log if `console.debug` is not available\n *\n * @param {Mixed[]} args\n * One or more messages or objects that should be logged as debug.\n * @return {Object} returns the log type object\n */\nlog.debug = function () {\n for (var _len4 = arguments.length, args = Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {\n args[_key4] = arguments[_key4];\n }\n\n return logByType('debug', args);\n};\n\nvar log$1 = log;\n\nvar _typeof = typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\" ? function (obj) {\n return typeof obj;\n} : function (obj) {\n return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n};\n\nvar classCallCheck = function (instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n};\n\nvar inherits = function (subClass, superClass) {\n if (typeof superClass !== \"function\" && superClass !== null) {\n throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass);\n }\n\n subClass.prototype = Object.create(superClass && superClass.prototype, {\n constructor: {\n value: subClass,\n enumerable: false,\n writable: true,\n configurable: true\n }\n });\n if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;\n};\n\nvar possibleConstructorReturn = function (self, call) {\n if (!self) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n\n return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self;\n};\n\nvar taggedTemplateLiteralLoose = function (strings, raw) {\n strings.raw = raw;\n return strings;\n};\n\n/**\n * @file obj.js\n * @module obj\n */\n\n/**\n * @callback obj:EachCallback\n *\n * @param {Mixed} value\n * The current key for the object that is being iterated over.\n *\n * @param {string} key\n * The current key-value for object that is being iterated over\n */\n\n/**\n * @callback obj:ReduceCallback\n *\n * @param {Mixed} accum\n * The value that is accumulating over the reduce loop.\n *\n * @param {Mixed} value\n * The current key for the object that is being iterated over.\n *\n * @param {string} key\n * The current key-value for object that is being iterated over\n *\n * @return {Mixed}\n * The new accumulated value.\n */\nvar toString = Object.prototype.toString;\n\n/**\n * Get the keys of an Object\n *\n * @param {Object} object\n * The Object to get the keys from\n *\n * @return {string[]}\n * An array of the keys from the object. Returns an empty array if the\n * object passed in was invalid or had no keys.\n *\n * @private\n */\nvar keys = function keys(object) {\n return isObject(object) ? Object.keys(object) : [];\n};\n\n/**\n * Array-like iteration for objects.\n *\n * @param {Object} object\n * The object to iterate over\n *\n * @param {Object} fn\n * The callback function which is called for each key in the object.\n */\nfunction each(object, fn) {\n keys(object).forEach(function (key) {\n return fn(object[key], key);\n });\n}\n\n/**\n * Array-like reduce for objects.\n *\n * @param {Object} object\n * The Object that you want to reduce.\n *\n * @param {Function} fn\n * A callback function which is called for each key in the object. It\n * receives the accumulated value and the per-iteration value and key\n * as arguments.\n *\n * @param {Mixed} [initial = 0]\n * Starting value\n *\n * @return {Mixed}\n * The final accumulated value.\n */\nfunction reduce(object, fn) {\n var initial = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;\n\n return keys(object).reduce(function (accum, key) {\n return fn(accum, object[key], key);\n }, initial);\n}\n\n/**\n * Object.assign-style object shallow merge/extend.\n *\n * @param {Object} target target details are passed to the function\n * @param {Object} sources sources are passed to the function\n * @return {Object} returns object of assigned values\n */\nfunction assign(target) {\n for (var _len = arguments.length, sources = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n sources[_key - 1] = arguments[_key];\n }\n\n if (Object.assign) {\n return Object.assign.apply(Object, [target].concat(sources));\n }\n\n sources.forEach(function (source) {\n if (!source) {\n return;\n }\n\n each(source, function (value, key) {\n target[key] = value;\n });\n });\n\n return target;\n}\n\n/**\n * Returns whether a value is an object of any kind - including DOM nodes,\n * arrays, regular expressions, etc. Not functions, though.\n *\n * This avoids the gotcha where using `typeof` on a `null` value\n * results in `'object'`.\n *\n * @param {Object} value value may be of any type\n * but should validate the type as object or not\n * @return {boolean} returns the passed value is object or not\n */\nfunction isObject(value) {\n return !!value && (typeof value === 'undefined' ? 'undefined' : _typeof(value)) === 'object';\n}\n\n/**\n * Returns whether an object appears to be a \"plain\" object - that is, a\n * direct instance of `Object`.\n *\n * @param {Object} value value may be nay type should give the success boolean type\n * @return {boolean} returns the value is plain or not\n */\nfunction isPlain(value) {\n return isObject(value) && toString.call(value) === '[object Object]' && value.constructor === Object;\n}\n\n/**\n * @file computed-style.js\n * @module computed-style\n */\n\n/**\n * A safe getComputedStyle.\n *\n * This is needed because in Firefox, if the player is loaded in an iframe with\n * `display:none`, then `getComputedStyle` returns `null`, so, we do a null-check to\n * make sure that the player doesn't break in these cases.\n *\n * @param {Element} el\n * The element you want the computed style of\n *\n * @param {string} prop\n * The property name you want\n *\n * @return {string} prop\n * The property name you want\n *\n * @see https://bugzilla.mozilla.org/show_bug.cgi?id=548397\n *\n * @static\n * @const\n */\nfunction computedStyle(el, prop) {\n if (!el || !prop) {\n return '';\n }\n\n if (typeof window$1.getComputedStyle === 'function') {\n var cs = window$1.getComputedStyle(el);\n\n return cs ? cs[prop] : '';\n }\n\n return '';\n}\n\nvar _templateObject = taggedTemplateLiteralLoose(['Setting attributes in the second argument of createEl()\\n has been deprecated. Use the third argument instead.\\n createEl(type, properties, attributes). Attempting to set ', ' to ', '.'], ['Setting attributes in the second argument of createEl()\\n has been deprecated. Use the third argument instead.\\n createEl(type, properties, attributes). Attempting to set ', ' to ', '.']);\n\n/**\n * Detect if a value is a string with any non-whitespace characters.\n *\n * @param {string} str\n * The string to check\n *\n * @return {boolean}\n * - True if the string is non-blank\n * - False otherwise\n *\n */\nfunction isNonBlankString(str) {\n return typeof str === 'string' && /\\S/.test(str);\n}\n\n/**\n * Throws an error if the passed string has whitespace. This is used by\n * class methods to be relatively consistent with the classList API.\n *\n * @param {string} str\n * The string to check for whitespace.\n *\n * @throws {Error}\n * Throws an error if there is whitespace in the string.\n *\n */\nfunction throwIfWhitespace(str) {\n if (/\\s/.test(str)) {\n throw new Error('class has illegal whitespace characters');\n }\n}\n\n/**\n * Produce a regular expression for matching a className within an elements className.\n *\n * @param {string} className\n * The className to generate the RegExp for.\n *\n * @return {RegExp}\n * The RegExp that will check for a specific `className` in an elements\n * className.\n */\nfunction classRegExp(className) {\n return new RegExp('(^|\\\\s)' + className + '($|\\\\s)');\n}\n\n/**\n * Whether the current DOM interface appears to be real.\n *\n * @return {Boolean}\n */\nfunction isReal() {\n // Both document and window will never be undefined thanks to `global`.\n return document$1 === window$1.document;\n}\n\n/**\n * Determines, via duck typing, whether or not a value is a DOM element.\n *\n * @param {Mixed} value\n * The thing to check\n *\n * @return {boolean}\n * - True if it is a DOM element\n * - False otherwise\n */\nfunction isEl(value) {\n return isObject(value) && value.nodeType === 1;\n}\n\n/**\n * Determines if the current DOM is embedded in an iframe.\n *\n * @return {boolean}\n *\n */\nfunction isInFrame() {\n\n // We need a try/catch here because Safari will throw errors when attempting\n // to get either `parent` or `self`\n try {\n return window$1.parent !== window$1.self;\n } catch (x) {\n return true;\n }\n}\n\n/**\n * Creates functions to query the DOM using a given method.\n *\n * @param {string} method\n * The method to create the query with.\n *\n * @return {Function}\n * The query method\n */\nfunction createQuerier(method) {\n return function (selector, context) {\n if (!isNonBlankString(selector)) {\n return document$1[method](null);\n }\n if (isNonBlankString(context)) {\n context = document$1.querySelector(context);\n }\n\n var ctx = isEl(context) ? context : document$1;\n\n return ctx[method] && ctx[method](selector);\n };\n}\n\n/**\n * Creates an element and applies properties.\n *\n * @param {string} [tagName='div']\n * Name of tag to be created.\n *\n * @param {Object} [properties={}]\n * Element properties to be applied.\n *\n * @param {Object} [attributes={}]\n * Element attributes to be applied.\n *\n * @param {String|Element|TextNode|Array|Function} [content]\n * Contents for the element (see: {@link dom:normalizeContent})\n *\n * @return {Element}\n * The element that was created.\n */\nfunction createEl() {\n var tagName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'div';\n var properties = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n var attributes = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};\n var content = arguments[3];\n\n var el = document$1.createElement(tagName);\n\n Object.getOwnPropertyNames(properties).forEach(function (propName) {\n var val = properties[propName];\n\n // See #2176\n // We originally were accepting both properties and attributes in the\n // same object, but that doesn't work so well.\n if (propName.indexOf('aria-') !== -1 || propName === 'role' || propName === 'type') {\n log$1.warn(tsml(_templateObject, propName, val));\n el.setAttribute(propName, val);\n\n // Handle textContent since it's not supported everywhere and we have a\n // method for it.\n } else if (propName === 'textContent') {\n textContent(el, val);\n } else {\n el[propName] = val;\n }\n });\n\n Object.getOwnPropertyNames(attributes).forEach(function (attrName) {\n el.setAttribute(attrName, attributes[attrName]);\n });\n\n if (content) {\n appendContent(el, content);\n }\n\n return el;\n}\n\n/**\n * Injects text into an element, replacing any existing contents entirely.\n *\n * @param {Element} el\n * The element to add text content into\n *\n * @param {string} text\n * The text content to add.\n *\n * @return {Element}\n * The element with added text content.\n */\nfunction textContent(el, text) {\n if (typeof el.textContent === 'undefined') {\n el.innerText = text;\n } else {\n el.textContent = text;\n }\n return el;\n}\n\n/**\n * Insert an element as the first child node of another\n *\n * @param {Element} child\n * Element to insert\n *\n * @param {Element} parent\n * Element to insert child into\n */\nfunction prependTo(child, parent) {\n if (parent.firstChild) {\n parent.insertBefore(child, parent.firstChild);\n } else {\n parent.appendChild(child);\n }\n}\n\n/**\n * Check if an element has a CSS class\n *\n * @param {Element} element\n * Element to check\n *\n * @param {string} classToCheck\n * Class name to check for\n *\n * @return {boolean}\n * - True if the element had the class\n * - False otherwise.\n *\n * @throws {Error}\n * Throws an error if `classToCheck` has white space.\n */\nfunction hasClass(element, classToCheck) {\n throwIfWhitespace(classToCheck);\n if (element.classList) {\n return element.classList.contains(classToCheck);\n }\n return classRegExp(classToCheck).test(element.className);\n}\n\n/**\n * Add a CSS class name to an element\n *\n * @param {Element} element\n * Element to add class name to.\n *\n * @param {string} classToAdd\n * Class name to add.\n *\n * @return {Element}\n * The dom element with the added class name.\n */\nfunction addClass(element, classToAdd) {\n if (element.classList) {\n element.classList.add(classToAdd);\n\n // Don't need to `throwIfWhitespace` here because `hasElClass` will do it\n // in the case of classList not being supported.\n } else if (!hasClass(element, classToAdd)) {\n element.className = (element.className + ' ' + classToAdd).trim();\n }\n\n return element;\n}\n\n/**\n * Remove a CSS class name from an element\n *\n * @param {Element} element\n * Element to remove a class name from.\n *\n * @param {string} classToRemove\n * Class name to remove\n *\n * @return {Element}\n * The dom element with class name removed.\n */\nfunction removeClass(element, classToRemove) {\n if (element.classList) {\n element.classList.remove(classToRemove);\n } else {\n throwIfWhitespace(classToRemove);\n element.className = element.className.split(/\\s+/).filter(function (c) {\n return c !== classToRemove;\n }).join(' ');\n }\n\n return element;\n}\n\n/**\n * The callback definition for toggleElClass.\n *\n * @callback Dom~PredicateCallback\n * @param {Element} element\n * The DOM element of the Component.\n *\n * @param {string} classToToggle\n * The `className` that wants to be toggled\n *\n * @return {boolean|undefined}\n * - If true the `classToToggle` will get added to `element`.\n * - If false the `classToToggle` will get removed from `element`.\n * - If undefined this callback will be ignored\n */\n\n/**\n * Adds or removes a CSS class name on an element depending on an optional\n * condition or the presence/absence of the class name.\n *\n * @param {Element} element\n * The element to toggle a class name on.\n *\n * @param {string} classToToggle\n * The class that should be toggled\n *\n * @param {boolean|PredicateCallback} [predicate]\n * See the return value for {@link Dom~PredicateCallback}\n *\n * @return {Element}\n * The element with a class that has been toggled.\n */\nfunction toggleClass(element, classToToggle, predicate) {\n\n // This CANNOT use `classList` internally because IE11 does not support the\n // second parameter to the `classList.toggle()` method! Which is fine because\n // `classList` will be used by the add/remove functions.\n var has = hasClass(element, classToToggle);\n\n if (typeof predicate === 'function') {\n predicate = predicate(element, classToToggle);\n }\n\n if (typeof predicate !== 'boolean') {\n predicate = !has;\n }\n\n // If the necessary class operation matches the current state of the\n // element, no action is required.\n if (predicate === has) {\n return;\n }\n\n if (predicate) {\n addClass(element, classToToggle);\n } else {\n removeClass(element, classToToggle);\n }\n\n return element;\n}\n\n/**\n * Apply attributes to an HTML element.\n *\n * @param {Element} el\n * Element to add attributes to.\n *\n * @param {Object} [attributes]\n * Attributes to be applied.\n */\nfunction setAttributes(el, attributes) {\n Object.getOwnPropertyNames(attributes).forEach(function (attrName) {\n var attrValue = attributes[attrName];\n\n if (attrValue === null || typeof attrValue === 'undefined' || attrValue === false) {\n el.removeAttribute(attrName);\n } else {\n el.setAttribute(attrName, attrValue === true ? '' : attrValue);\n }\n });\n}\n\n/**\n * Get an element's attribute values, as defined on the HTML tag\n * Attributes are not the same as properties. They're defined on the tag\n * or with setAttribute (which shouldn't be used with HTML)\n * This will return true or false for boolean attributes.\n *\n * @param {Element} tag\n * Element from which to get tag attributes.\n *\n * @return {Object}\n * All attributes of the element.\n */\nfunction getAttributes(tag) {\n var obj = {};\n\n // known boolean attributes\n // we can check for matching boolean properties, but not all browsers\n // and not all tags know about these attributes, so, we still want to check them manually\n var knownBooleans = ',' + 'autoplay,controls,playsinline,loop,muted,default,defaultMuted' + ',';\n\n if (tag && tag.attributes && tag.attributes.length > 0) {\n var attrs = tag.attributes;\n\n for (var i = attrs.length - 1; i >= 0; i--) {\n var attrName = attrs[i].name;\n var attrVal = attrs[i].value;\n\n // check for known booleans\n // the matching element property will return a value for typeof\n if (typeof tag[attrName] === 'boolean' || knownBooleans.indexOf(',' + attrName + ',') !== -1) {\n // the value of an included boolean attribute is typically an empty\n // string ('') which would equal false if we just check for a false value.\n // we also don't want support bad code like autoplay='false'\n attrVal = attrVal !== null ? true : false;\n }\n\n obj[attrName] = attrVal;\n }\n }\n\n return obj;\n}\n\n/**\n * Get the value of an element's attribute\n *\n * @param {Element} el\n * A DOM element\n *\n * @param {string} attribute\n * Attribute to get the value of\n *\n * @return {string}\n * value of the attribute\n */\nfunction getAttribute(el, attribute) {\n return el.getAttribute(attribute);\n}\n\n/**\n * Set the value of an element's attribute\n *\n * @param {Element} el\n * A DOM element\n *\n * @param {string} attribute\n * Attribute to set\n *\n * @param {string} value\n * Value to set the attribute to\n */\nfunction setAttribute(el, attribute, value) {\n el.setAttribute(attribute, value);\n}\n\n/**\n * Remove an element's attribute\n *\n * @param {Element} el\n * A DOM element\n *\n * @param {string} attribute\n * Attribute to remove\n */\nfunction removeAttribute(el, attribute) {\n el.removeAttribute(attribute);\n}\n\n/**\n * Attempt to block the ability to select text while dragging controls\n */\nfunction blockTextSelection() {\n document$1.body.focus();\n document$1.onselectstart = function () {\n return false;\n };\n}\n\n/**\n * Turn off text selection blocking\n */\nfunction unblockTextSelection() {\n document$1.onselectstart = function () {\n return true;\n };\n}\n\n/**\n * Identical to the native `getBoundingClientRect` function, but ensures that\n * the method is supported at all (it is in all browsers we claim to support)\n * and that the element is in the DOM before continuing.\n *\n * This wrapper function also shims properties which are not provided by some\n * older browsers (namely, IE8).\n *\n * Additionally, some browsers do not support adding properties to a\n * `ClientRect`/`DOMRect` object; so, we shallow-copy it with the standard\n * properties (except `x` and `y` which are not widely supported). This helps\n * avoid implementations where keys are non-enumerable.\n *\n * @param {Element} el\n * Element whose `ClientRect` we want to calculate.\n *\n * @return {Object|undefined}\n * Always returns a plain\n */\nfunction getBoundingClientRect(el) {\n if (el && el.getBoundingClientRect && el.parentNode) {\n var rect = el.getBoundingClientRect();\n var result = {};\n\n ['bottom', 'height', 'left', 'right', 'top', 'width'].forEach(function (k) {\n if (rect[k] !== undefined) {\n result[k] = rect[k];\n }\n });\n\n if (!result.height) {\n result.height = parseFloat(computedStyle(el, 'height'));\n }\n\n if (!result.width) {\n result.width = parseFloat(computedStyle(el, 'width'));\n }\n\n return result;\n }\n}\n\n/**\n * The postion of a DOM element on the page.\n *\n * @typedef {Object} module:dom~Position\n *\n * @property {number} left\n * Pixels to the left\n *\n * @property {number} top\n * Pixels on top\n */\n\n/**\n * Offset Left.\n * getBoundingClientRect technique from\n * John Resig\n *\n * @see http://ejohn.org/blog/getboundingclientrect-is-awesome/\n *\n * @param {Element} el\n * Element from which to get offset\n *\n * @return {module:dom~Position}\n * The position of the element that was passed in.\n */\nfunction findPosition(el) {\n var box = void 0;\n\n if (el.getBoundingClientRect && el.parentNode) {\n box = el.getBoundingClientRect();\n }\n\n if (!box) {\n return {\n left: 0,\n top: 0\n };\n }\n\n var docEl = document$1.documentElement;\n var body = document$1.body;\n\n var clientLeft = docEl.clientLeft || body.clientLeft || 0;\n var scrollLeft = window$1.pageXOffset || body.scrollLeft;\n var left = box.left + scrollLeft - clientLeft;\n\n var clientTop = docEl.clientTop || body.clientTop || 0;\n var scrollTop = window$1.pageYOffset || body.scrollTop;\n var top = box.top + scrollTop - clientTop;\n\n // Android sometimes returns slightly off decimal values, so need to round\n return {\n left: Math.round(left),\n top: Math.round(top)\n };\n}\n\n/**\n * x and y coordinates for a dom element or mouse pointer\n *\n * @typedef {Object} Dom~Coordinates\n *\n * @property {number} x\n * x coordinate in pixels\n *\n * @property {number} y\n * y coordinate in pixels\n */\n\n/**\n * Get pointer position in element\n * Returns an object with x and y coordinates.\n * The base on the coordinates are the bottom left of the element.\n *\n * @param {Element} el\n * Element on which to get the pointer position on\n *\n * @param {EventTarget~Event} event\n * Event object\n *\n * @return {Dom~Coordinates}\n * A Coordinates object corresponding to the mouse position.\n *\n */\nfunction getPointerPosition(el, event) {\n var position = {};\n var box = findPosition(el);\n var boxW = el.offsetWidth;\n var boxH = el.offsetHeight;\n\n var boxY = box.top;\n var boxX = box.left;\n var pageY = event.pageY;\n var pageX = event.pageX;\n\n if (event.changedTouches) {\n pageX = event.changedTouches[0].pageX;\n pageY = event.changedTouches[0].pageY;\n }\n\n position.y = Math.max(0, Math.min(1, (boxY - pageY + boxH) / boxH));\n position.x = Math.max(0, Math.min(1, (pageX - boxX) / boxW));\n\n return position;\n}\n\n/**\n * Determines, via duck typing, whether or not a value is a text node.\n *\n * @param {Mixed} value\n * Check if this value is a text node.\n *\n * @return {boolean}\n * - True if it is a text node\n * - False otherwise\n */\nfunction isTextNode(value) {\n return isObject(value) && value.nodeType === 3;\n}\n\n/**\n * Empties the contents of an element.\n *\n * @param {Element} el\n * The element to empty children from\n *\n * @return {Element}\n * The element with no children\n */\nfunction emptyEl(el) {\n while (el.firstChild) {\n el.removeChild(el.firstChild);\n }\n return el;\n}\n\n/**\n * Normalizes content for eventual insertion into the DOM.\n *\n * This allows a wide range of content definition methods, but protects\n * from falling into the trap of simply writing to `innerHTML`, which is\n * an XSS concern.\n *\n * The content for an element can be passed in multiple types and\n * combinations, whose behavior is as follows:\n *\n * @param {String|Element|TextNode|Array|Function} content\n * - String: Normalized into a text node.\n * - Element/TextNode: Passed through.\n * - Array: A one-dimensional array of strings, elements, nodes, or functions\n * (which return single strings, elements, or nodes).\n * - Function: If the sole argument, is expected to produce a string, element,\n * node, or array as defined above.\n *\n * @return {Array}\n * All of the content that was passed in normalized.\n */\nfunction normalizeContent(content) {\n\n // First, invoke content if it is a function. If it produces an array,\n // that needs to happen before normalization.\n if (typeof content === 'function') {\n content = content();\n }\n\n // Next up, normalize to an array, so one or many items can be normalized,\n // filtered, and returned.\n return (Array.isArray(content) ? content : [content]).map(function (value) {\n\n // First, invoke value if it is a function to produce a new value,\n // which will be subsequently normalized to a Node of some kind.\n if (typeof value === 'function') {\n value = value();\n }\n\n if (isEl(value) || isTextNode(value)) {\n return value;\n }\n\n if (typeof value === 'string' && /\\S/.test(value)) {\n return document$1.createTextNode(value);\n }\n }).filter(function (value) {\n return value;\n });\n}\n\n/**\n * Normalizes and appends content to an element.\n *\n * @param {Element} el\n * Element to append normalized content to.\n *\n *\n * @param {String|Element|TextNode|Array|Function} content\n * See the `content` argument of {@link dom:normalizeContent}\n *\n * @return {Element}\n * The element with appended normalized content.\n */\nfunction appendContent(el, content) {\n normalizeContent(content).forEach(function (node) {\n return el.appendChild(node);\n });\n return el;\n}\n\n/**\n * Normalizes and inserts content into an element; this is identical to\n * `appendContent()`, except it empties the element first.\n *\n * @param {Element} el\n * Element to insert normalized content into.\n *\n * @param {String|Element|TextNode|Array|Function} content\n * See the `content` argument of {@link dom:normalizeContent}\n *\n * @return {Element}\n * The element with inserted normalized content.\n *\n */\nfunction insertContent(el, content) {\n return appendContent(emptyEl(el), content);\n}\n\n/**\n * Check if event was a single left click\n *\n * @param {EventTarget~Event} event\n * Event object\n *\n * @return {boolean}\n * - True if a left click\n * - False if not a left click\n */\nfunction isSingleLeftClick(event) {\n // Note: if you create something draggable, be sure to\n // call it on both `mousedown` and `mousemove` event,\n // otherwise `mousedown` should be enough for a button\n\n if (event.button === undefined && event.buttons === undefined) {\n // Why do we need `buttons` ?\n // Because, middle mouse sometimes have this:\n // e.button === 0 and e.buttons === 4\n // Furthermore, we want to prevent combination click, something like\n // HOLD middlemouse then left click, that would be\n // e.button === 0, e.buttons === 5\n // just `button` is not gonna work\n\n // Alright, then what this block does ?\n // this is for chrome `simulate mobile devices`\n // I want to support this as well\n\n return true;\n }\n\n if (event.button === 0 && event.buttons === undefined) {\n // Touch screen, sometimes on some specific device, `buttons`\n // doesn't have anything (safari on ios, blackberry...)\n\n return true;\n }\n\n if (event.button !== 0 || event.buttons !== 1) {\n // This is the reason we have those if else block above\n // if any special case we can catch and let it slide\n // we do it above, when get to here, this definitely\n // is-not-left-click\n\n return false;\n }\n\n return true;\n}\n\n/**\n * Finds a single DOM element matching `selector` within the optional\n * `context` of another DOM element (defaulting to `document`).\n *\n * @param {string} selector\n * A valid CSS selector, which will be passed to `querySelector`.\n *\n * @param {Element|String} [context=document]\n * A DOM element within which to query. Can also be a selector\n * string in which case the first matching element will be used\n * as context. If missing (or no element matches selector), falls\n * back to `document`.\n *\n * @return {Element|null}\n * The element that was found or null.\n */\nvar $ = createQuerier('querySelector');\n\n/**\n * Finds a all DOM elements matching `selector` within the optional\n * `context` of another DOM element (defaulting to `document`).\n *\n * @param {string} selector\n * A valid CSS selector, which will be passed to `querySelectorAll`.\n *\n * @param {Element|String} [context=document]\n * A DOM element within which to query. Can also be a selector\n * string in which case the first matching element will be used\n * as context. If missing (or no element matches selector), falls\n * back to `document`.\n *\n * @return {NodeList}\n * A element list of elements that were found. Will be empty if none were found.\n *\n */\nvar $$ = createQuerier('querySelectorAll');\n\nvar Dom = /*#__PURE__*/Object.freeze({\n isReal: isReal,\n isEl: isEl,\n isInFrame: isInFrame,\n createEl: createEl,\n textContent: textContent,\n prependTo: prependTo,\n hasClass: hasClass,\n addClass: addClass,\n removeClass: removeClass,\n toggleClass: toggleClass,\n setAttributes: setAttributes,\n getAttributes: getAttributes,\n getAttribute: getAttribute,\n setAttribute: setAttribute,\n removeAttribute: removeAttribute,\n blockTextSelection: blockTextSelection,\n unblockTextSelection: unblockTextSelection,\n getBoundingClientRect: getBoundingClientRect,\n findPosition: findPosition,\n getPointerPosition: getPointerPosition,\n isTextNode: isTextNode,\n emptyEl: emptyEl,\n normalizeContent: normalizeContent,\n appendContent: appendContent,\n insertContent: insertContent,\n isSingleLeftClick: isSingleLeftClick,\n $: $,\n $$: $$\n});\n\n/**\n * @file guid.js\n * @module guid\n */\n\n/**\n * Unique ID for an element or function\n * @type {Number}\n */\nvar _guid = 1;\n\n/**\n * Get a unique auto-incrementing ID by number that has not been returned before.\n *\n * @return {number}\n * A new unique ID.\n */\nfunction newGUID() {\n return _guid++;\n}\n\n/**\n * @file dom-data.js\n * @module dom-data\n */\n\n/**\n * Element Data Store.\n *\n * Allows for binding data to an element without putting it directly on the\n * element. Ex. Event listeners are stored here.\n * (also from jsninja.com, slightly modified and updated for closure compiler)\n *\n * @type {Object}\n * @private\n */\nvar elData = {};\n\n/*\n * Unique attribute name to store an element's guid in\n *\n * @type {String}\n * @constant\n * @private\n */\nvar elIdAttr = 'vdata' + new Date().getTime();\n\n/**\n * Returns the cache object where data for an element is stored\n *\n * @param {Element} el\n * Element to store data for.\n *\n * @return {Object}\n * The cache object for that el that was passed in.\n */\nfunction getData(el) {\n var id = el[elIdAttr];\n\n if (!id) {\n id = el[elIdAttr] = newGUID();\n }\n\n if (!elData[id]) {\n elData[id] = {};\n }\n\n return elData[id];\n}\n\n/**\n * Returns whether or not an element has cached data\n *\n * @param {Element} el\n * Check if this element has cached data.\n *\n * @return {boolean}\n * - True if the DOM element has cached data.\n * - False otherwise.\n */\nfunction hasData(el) {\n var id = el[elIdAttr];\n\n if (!id) {\n return false;\n }\n\n return !!Object.getOwnPropertyNames(elData[id]).length;\n}\n\n/**\n * Delete data for the element from the cache and the guid attr from getElementById\n *\n * @param {Element} el\n * Remove cached data for this element.\n */\nfunction removeData(el) {\n var id = el[elIdAttr];\n\n if (!id) {\n return;\n }\n\n // Remove all stored data\n delete elData[id];\n\n // Remove the elIdAttr property from the DOM node\n try {\n delete el[elIdAttr];\n } catch (e) {\n if (el.removeAttribute) {\n el.removeAttribute(elIdAttr);\n } else {\n // IE doesn't appear to support removeAttribute on the document element\n el[elIdAttr] = null;\n }\n }\n}\n\n/**\n * @file events.js. An Event System (John Resig - Secrets of a JS Ninja http://jsninja.com/)\n * (Original book version wasn't completely usable, so fixed some things and made Closure Compiler compatible)\n * This should work very similarly to jQuery's events, however it's based off the book version which isn't as\n * robust as jquery's, so there's probably some differences.\n *\n * @module events\n */\n\n/**\n * Clean up the listener cache and dispatchers\n *\n * @param {Element|Object} elem\n * Element to clean up\n *\n * @param {string} type\n * Type of event to clean up\n */\nfunction _cleanUpEvents(elem, type) {\n var data = getData(elem);\n\n // Remove the events of a particular type if there are none left\n if (data.handlers[type].length === 0) {\n delete data.handlers[type];\n // data.handlers[type] = null;\n // Setting to null was causing an error with data.handlers\n\n // Remove the meta-handler from the element\n if (elem.removeEventListener) {\n elem.removeEventListener(type, data.dispatcher, false);\n } else if (elem.detachEvent) {\n elem.detachEvent('on' + type, data.dispatcher);\n }\n }\n\n // Remove the events object if there are no types left\n if (Object.getOwnPropertyNames(data.handlers).length <= 0) {\n delete data.handlers;\n delete data.dispatcher;\n delete data.disabled;\n }\n\n // Finally remove the element data if there is no data left\n if (Object.getOwnPropertyNames(data).length === 0) {\n removeData(elem);\n }\n}\n\n/**\n * Loops through an array of event types and calls the requested method for each type.\n *\n * @param {Function} fn\n * The event method we want to use.\n *\n * @param {Element|Object} elem\n * Element or object to bind listeners to\n *\n * @param {string} types\n * Type of event to bind to.\n *\n * @param {EventTarget~EventListener} callback\n * Event listener.\n */\nfunction _handleMultipleEvents(fn, elem, types, callback) {\n types.forEach(function (type) {\n // Call the event method for each one of the types\n fn(elem, type, callback);\n });\n}\n\n/**\n * Fix a native event to have standard property values\n *\n * @param {Object} event\n * Event object to fix.\n *\n * @return {Object}\n * Fixed event object.\n */\nfunction fixEvent(event) {\n\n /**\n * Return true function\n *\n * @return {boolean} return true\n */\n function returnTrue() {\n return true;\n }\n\n /**\n * Return false function\n *\n * @return {boolean} return false\n */\n function returnFalse() {\n return false;\n }\n\n // Test if fixing up is needed\n // Used to check if !event.stopPropagation instead of isPropagationStopped\n // But native events return true for stopPropagation, but don't have\n // other expected methods like isPropagationStopped. Seems to be a problem\n // with the Javascript Ninja code. So we're just overriding all events now.\n if (!event || !event.isPropagationStopped) {\n var old = event || window$1.event;\n\n event = {};\n // Clone the old object so that we can modify the values event = {};\n // IE8 Doesn't like when you mess with native event properties\n // Firefox returns false for event.hasOwnProperty('type') and other props\n // which makes copying more difficult.\n // Probably best to create a whitelist of event props:TODO\n for (var key in old) {\n // Safari 6.0.3 warns you if you try to copy deprecated layerX/Y\n // Chrome warns you if you try to copy deprecated keyboardEvent.keyLocation\n // and webkitMovementX/Y\n if (key !== 'layerX' && key !== 'layerY' && key !== 'keyLocation' && key !== 'webkitMovementX' && key !== 'webkitMovementY') {\n // Chrome 32+ warns if you try to copy deprecated returnValue, but\n // we still want to if preventDefault isn't supported (IE8).\n if (!(key === 'returnValue' && old.preventDefault)) {\n event[key] = old[key];\n }\n }\n }\n\n // The event occurred on this element\n if (!event.target) {\n event.target = event.srcElement || document$1;\n }\n\n // Handle which other element the event is related to\n if (!event.relatedTarget) {\n event.relatedTarget = event.fromElement === event.target ? event.toElement : event.fromElement;\n }\n\n // Stop the default browser action\n event.preventDefault = function () {\n if (old.preventDefault) {\n old.preventDefault();\n }\n event.returnValue = false;\n old.returnValue = false;\n event.defaultPrevented = true;\n };\n\n event.defaultPrevented = false;\n\n // Stop the event from bubbling\n event.stopPropagation = function () {\n if (old.stopPropagation) {\n old.stopPropagation();\n }\n event.cancelBubble = true;\n old.cancelBubble = true;\n event.isPropagationStopped = returnTrue;\n };\n\n event.isPropagationStopped = returnFalse;\n\n // Stop the event from bubbling and executing other handlers\n event.stopImmediatePropagation = function () {\n if (old.stopImmediatePropagation) {\n old.stopImmediatePropagation();\n }\n event.isImmediatePropagationStopped = returnTrue;\n event.stopPropagation();\n };\n\n event.isImmediatePropagationStopped = returnFalse;\n\n // Handle mouse position\n if (event.clientX !== null && event.clientX !== undefined) {\n var doc = document$1.documentElement;\n var body = document$1.body;\n\n event.pageX = event.clientX + (doc && doc.scrollLeft || body && body.scrollLeft || 0) - (doc && doc.clientLeft || body && body.clientLeft || 0);\n event.pageY = event.clientY + (doc && doc.scrollTop || body && body.scrollTop || 0) - (doc && doc.clientTop || body && body.clientTop || 0);\n }\n\n // Handle key presses\n event.which = event.charCode || event.keyCode;\n\n // Fix button for mouse clicks:\n // 0 == left; 1 == middle; 2 == right\n if (event.button !== null && event.button !== undefined) {\n\n // The following is disabled because it does not pass videojs-standard\n // and... yikes.\n /* eslint-disable */\n event.button = event.button & 1 ? 0 : event.button & 4 ? 1 : event.button & 2 ? 2 : 0;\n /* eslint-enable */\n }\n }\n\n // Returns fixed-up instance\n return event;\n}\n\n/**\n * Whether passive event listeners are supported\n */\nvar _supportsPassive = false;\n\n(function () {\n try {\n var opts = Object.defineProperty({}, 'passive', {\n get: function get() {\n _supportsPassive = true;\n }\n });\n\n window$1.addEventListener('test', null, opts);\n window$1.removeEventListener('test', null, opts);\n } catch (e) {\n // disregard\n }\n})();\n\n/**\n * Touch events Chrome expects to be passive\n */\nvar passiveEvents = ['touchstart', 'touchmove'];\n\n/**\n * Add an event listener to element\n * It stores the handler function in a separate cache object\n * and adds a generic handler to the element's event,\n * along with a unique id (guid) to the element.\n *\n * @param {Element|Object} elem\n * Element or object to bind listeners to\n *\n * @param {string|string[]} type\n * Type of event to bind to.\n *\n * @param {EventTarget~EventListener} fn\n * Event listener.\n *\n * @return {string} prop\n * The property name you want\n */\nfunction on(elem, type, fn) {\n if (Array.isArray(type)) {\n return _handleMultipleEvents(on, elem, type, fn);\n }\n\n var data = getData(elem);\n\n // We need a place to store all our handler data\n if (!data.handlers) {\n data.handlers = {};\n }\n\n if (!data.handlers[type]) {\n data.handlers[type] = [];\n }\n\n if (!fn.guid) {\n fn.guid = newGUID();\n }\n\n data.handlers[type].push(fn);\n\n if (!data.dispatcher) {\n data.disabled = false;\n\n data.dispatcher = function (event, hash) {\n\n if (data.disabled) {\n return;\n }\n\n event = fixEvent(event);\n\n var handlers = data.handlers[event.type];\n\n if (handlers) {\n // Copy handlers so if handlers are added/removed during the process it doesn't throw everything off.\n var handlersCopy = handlers.slice(0);\n\n for (var m = 0, n = handlersCopy.length; m < n; m++) {\n if (event.isImmediatePropagationStopped()) {\n break;\n } else {\n try {\n handlersCopy[m].call(elem, event, hash);\n } catch (e) {\n log$1.error(e);\n }\n }\n }\n }\n };\n }\n\n if (data.handlers[type].length === 1) {\n if (elem.addEventListener) {\n var options = false;\n\n if (_supportsPassive && passiveEvents.indexOf(type) > -1) {\n options = { passive: true };\n }\n elem.addEventListener(type, data.dispatcher, options);\n } else if (elem.attachEvent) {\n elem.attachEvent('on' + type, data.dispatcher);\n }\n }\n}\n\n/**\n * Removes event listeners from an element\n *\n * @param {Element|Object} elem\n * Object to remove listeners from.\n *\n * @param {string|string[]} [type]\n * Type of listener to remove. Don't include to remove all events from element.\n *\n * @param {EventTarget~EventListener} [fn]\n * Specific listener to remove. Don't include to remove listeners for an event\n * type.\n *\n * @return {string} prop\n * The property name you want\n */\nfunction off(elem, type, fn) {\n // Don't want to add a cache object through getElData if not needed\n if (!hasData(elem)) {\n return;\n }\n\n var data = getData(elem);\n\n // If no events exist, nothing to unbind\n if (!data.handlers) {\n return;\n }\n\n if (Array.isArray(type)) {\n return _handleMultipleEvents(off, elem, type, fn);\n }\n\n // Utility function\n var removeType = function removeType(el, t) {\n data.handlers[t] = [];\n _cleanUpEvents(el, t);\n };\n\n // Are we removing all bound events?\n if (type === undefined) {\n for (var t in data.handlers) {\n if (Object.prototype.hasOwnProperty.call(data.handlers || {}, t)) {\n removeType(elem, t);\n }\n }\n return;\n }\n\n var handlers = data.handlers[type];\n\n // If no handlers exist, nothing to unbind\n if (!handlers) {\n return;\n }\n\n // If no listener was provided, remove all listeners for type\n if (!fn) {\n removeType(elem, type);\n return;\n }\n\n // We're only removing a single handler\n if (fn.guid) {\n for (var n = 0; n < handlers.length; n++) {\n if (handlers[n].guid === fn.guid) {\n handlers.splice(n--, 1);\n }\n }\n }\n\n _cleanUpEvents(elem, type);\n}\n\n/**\n * Trigger an event for an element\n *\n * @param {Element|Object} elem\n * Element to trigger an event on\n *\n * @param {EventTarget~Event|string} event\n * A string (the type) or an event object with a type attribute\n *\n * @param {Object} [hash]\n * data hash to pass along with the event\n *\n * @return {boolean|undefined}\n * - Returns the opposite of `defaultPrevented` if default was prevented\n * - Otherwise returns undefined\n */\nfunction trigger(elem, event, hash) {\n // Fetches element data and a reference to the parent (for bubbling).\n // Don't want to add a data object to cache for every parent,\n // so checking hasElData first.\n var elemData = hasData(elem) ? getData(elem) : {};\n var parent = elem.parentNode || elem.ownerDocument;\n // type = event.type || event,\n // handler;\n\n // If an event name was passed as a string, creates an event out of it\n if (typeof event === 'string') {\n event = { type: event, target: elem };\n } else if (!event.target) {\n event.target = elem;\n }\n\n // Normalizes the event properties.\n event = fixEvent(event);\n\n // If the passed element has a dispatcher, executes the established handlers.\n if (elemData.dispatcher) {\n elemData.dispatcher.call(elem, event, hash);\n }\n\n // Unless explicitly stopped or the event does not bubble (e.g. media events)\n // recursively calls this function to bubble the event up the DOM.\n if (parent && !event.isPropagationStopped() && event.bubbles === true) {\n trigger.call(null, parent, event, hash);\n\n // If at the top of the DOM, triggers the default action unless disabled.\n } else if (!parent && !event.defaultPrevented) {\n var targetData = getData(event.target);\n\n // Checks if the target has a default action for this event.\n if (event.target[event.type]) {\n // Temporarily disables event dispatching on the target as we have already executed the handler.\n targetData.disabled = true;\n // Executes the default action.\n if (typeof event.target[event.type] === 'function') {\n event.target[event.type]();\n }\n // Re-enables event dispatching.\n targetData.disabled = false;\n }\n }\n\n // Inform the triggerer if the default was prevented by returning false\n return !event.defaultPrevented;\n}\n\n/**\n * Trigger a listener only once for an event\n *\n * @param {Element|Object} elem\n * Element or object to bind to.\n *\n * @param {string|string[]} type\n * Name/type of event\n *\n * @param {Event~EventListener} fn\n * Event Listener function\n *\n * @return {Event} Event Listener\n */\nfunction one(elem, type, fn) {\n if (Array.isArray(type)) {\n return _handleMultipleEvents(one, elem, type, fn);\n }\n var func = function func() {\n off(elem, type, func);\n fn.apply(this, arguments);\n };\n\n // copy the guid to the new function so it can removed using the original function's ID\n func.guid = fn.guid = fn.guid || newGUID();\n on(elem, type, func);\n}\n\nvar Events = /*#__PURE__*/Object.freeze({\n fixEvent: fixEvent,\n on: on,\n off: off,\n trigger: trigger,\n one: one\n});\n\n/**\n * @file setup.js - Functions for setting up a player without\n * user interaction based on the data-setup `attribute` of the video tag.\n *\n * @module setup\n */\n\nvar _windowLoaded = false;\nvar videojs = void 0;\n\n/**\n * Set up any tags that have a data-setup `attribute` when the player is started.\n */\nvar autoSetup = function autoSetup() {\n\n // Protect against breakage in non-browser environments and check global autoSetup option.\n if (!isReal() || videojs.options.autoSetup === false) {\n return;\n }\n\n var vids = Array.prototype.slice.call(document$1.getElementsByTagName('video'));\n var audios = Array.prototype.slice.call(document$1.getElementsByTagName('audio'));\n var divs = Array.prototype.slice.call(document$1.getElementsByTagName('video-js'));\n var mediaEls = vids.concat(audios, divs);\n\n // Check if any media elements exist\n if (mediaEls && mediaEls.length > 0) {\n\n for (var i = 0, e = mediaEls.length; i < e; i++) {\n var mediaEl = mediaEls[i];\n\n // Check if element exists, has getAttribute func.\n if (mediaEl && mediaEl.getAttribute) {\n\n // Make sure this player hasn't already been set up.\n if (mediaEl.player === undefined) {\n var options = mediaEl.getAttribute('data-setup');\n\n // Check if data-setup attr exists.\n // We only auto-setup if they've added the data-setup attr.\n if (options !== null) {\n // Create new video.js instance.\n videojs(mediaEl);\n }\n }\n\n // If getAttribute isn't defined, we need to wait for the DOM.\n } else {\n autoSetupTimeout(1);\n break;\n }\n }\n\n // No videos were found, so keep looping unless page is finished loading.\n } else if (!_windowLoaded) {\n autoSetupTimeout(1);\n }\n};\n\n/**\n * Wait until the page is loaded before running autoSetup. This will be called in\n * autoSetup if `hasLoaded` returns false.\n *\n * @param {number} wait\n * How long to wait in ms\n *\n * @param {module:videojs} [vjs]\n * The videojs library function\n */\nfunction autoSetupTimeout(wait, vjs) {\n if (vjs) {\n videojs = vjs;\n }\n\n window$1.setTimeout(autoSetup, wait);\n}\n\nif (isReal() && document$1.readyState === 'complete') {\n _windowLoaded = true;\n} else {\n /**\n * Listen for the load event on window, and set _windowLoaded to true.\n *\n * @listens load\n */\n one(window$1, 'load', function () {\n _windowLoaded = true;\n });\n}\n\n/**\n * @file stylesheet.js\n * @module stylesheet\n */\n\n/**\n * Create a DOM syle element given a className for it.\n *\n * @param {string} className\n * The className to add to the created style element.\n *\n * @return {Element}\n * The element that was created.\n */\nvar createStyleElement = function createStyleElement(className) {\n var style = document$1.createElement('style');\n\n style.className = className;\n\n return style;\n};\n\n/**\n * Add text to a DOM element.\n *\n * @param {Element} el\n * The Element to add text content to.\n *\n * @param {string} content\n * The text to add to the element.\n */\nvar setTextContent = function setTextContent(el, content) {\n if (el.styleSheet) {\n el.styleSheet.cssText = content;\n } else {\n el.textContent = content;\n }\n};\n\n/**\n * @file fn.js\n * @module fn\n */\n\n/**\n * Bind (a.k.a proxy or Context). A simple method for changing the context of a function\n * It also stores a unique id on the function so it can be easily removed from events.\n *\n * @param {Mixed} context\n * The object to bind as scope.\n *\n * @param {Function} fn\n * The function to be bound to a scope.\n *\n * @param {number} [uid]\n * An optional unique ID for the function to be set\n *\n * @return {Function}\n * The new function that will be bound into the context given\n */\nvar bind = function bind(context, fn, uid) {\n // Make sure the function has a unique ID\n if (!fn.guid) {\n fn.guid = newGUID();\n }\n\n // Create the new function that changes the context\n var bound = function bound() {\n return fn.apply(context, arguments);\n };\n\n // Allow for the ability to individualize this function\n // Needed in the case where multiple objects might share the same prototype\n // IF both items add an event listener with the same function,\n // then you try to remove just one\n // it will remove both because they both have the same guid.\n // when using this, you need to use the bind method\n // when you remove the listener as well.\n // currently used in text tracks\n bound.guid = uid ? uid + '_' + fn.guid : fn.guid;\n\n return bound;\n};\n\n/**\n * Wraps the given function, `fn`, with a new function that only invokes `fn`\n * at most once per every `wait` milliseconds.\n *\n * @param {Function} fn\n * The function to be throttled.\n *\n * @param {number} wait\n * The number of milliseconds by which to throttle.\n *\n * @return {Function} returns the function\n */\nvar throttle = function throttle(fn, wait) {\n var last = Date.now();\n\n var throttled = function throttled() {\n var now = Date.now();\n\n if (now - last >= wait) {\n fn.apply(undefined, arguments);\n last = now;\n }\n };\n\n return throttled;\n};\n\n/**\n * Creates a debounced function that delays invoking `func` until after `wait`\n * milliseconds have elapsed since the last time the debounced function was\n * invoked.\n *\n * Inspired by lodash and underscore implementations.\n *\n * @param {Function} func\n * The function to wrap with debounce behavior.\n *\n * @param {number} wait\n * The number of milliseconds to wait after the last invocation.\n *\n * @param {boolean} [immediate]\n * Whether or not to invoke the function immediately upon creation.\n *\n * @param {Object} [context=window]\n * The \"context\" in which the debounced function should debounce. For\n * example, if this function should be tied to a Video.js player,\n * the player can be passed here. Alternatively, defaults to the\n * global `window` object.\n *\n * @return {Function}\n * A debounced function.\n */\nvar debounce = function debounce(func, wait, immediate) {\n var context = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : window$1;\n\n var timeout = void 0;\n\n /* eslint-disable consistent-this */\n return function () {\n var self = this;\n var args = arguments;\n\n var _later = function later() {\n timeout = null;\n _later = null;\n if (!immediate) {\n func.apply(self, args);\n }\n };\n\n if (!timeout && immediate) {\n func.apply(self, args);\n }\n\n context.clearTimeout(timeout);\n timeout = context.setTimeout(_later, wait);\n };\n /* eslint-enable consistent-this */\n};\n\n/**\n * @file src/js/event-target.js\n */\n\n/**\n * `EventTarget` is a class that can have the same API as the DOM `EventTarget`. It\n * adds shorthand functions that wrap around lengthy functions. For example:\n * the `on` function is a wrapper around `addEventListener`.\n *\n * @see [EventTarget Spec]{@link https://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-EventTarget}\n * @class EventTarget\n */\nvar EventTarget = function EventTarget() {};\n\n/**\n * A Custom DOM event.\n *\n * @typedef {Object} EventTarget~Event\n * @see [Properties]{@link https://developer.mozilla.org/en-US/docs/Web/API/CustomEvent}\n */\n\n/**\n * All event listeners should follow the following format.\n *\n * @callback EventTarget~EventListener\n * @this {EventTarget}\n *\n * @param {EventTarget~Event} event\n * the event that triggered this function\n *\n * @param {Object} [hash]\n * hash of data sent during the event\n */\n\n/**\n * An object containing event names as keys and booleans as values.\n *\n * > NOTE: If an event name is set to a true value here {@link EventTarget#trigger}\n * will have extra functionality. See that function for more information.\n *\n * @property EventTarget.prototype.allowedEvents_\n * @private\n */\nEventTarget.prototype.allowedEvents_ = {};\n\n/**\n * Adds an `event listener` to an instance of an `EventTarget`. An `event listener` is a\n * function that will get called when an event with a certain name gets triggered.\n *\n * @param {string|string[]} type\n * An event name or an array of event names.\n *\n * @param {EventTarget~EventListener} fn\n * The function to call with `EventTarget`s\n */\nEventTarget.prototype.on = function (type, fn) {\n // Remove the addEventListener alias before calling Events.on\n // so we don't get into an infinite type loop\n var ael = this.addEventListener;\n\n this.addEventListener = function () {};\n on(this, type, fn);\n this.addEventListener = ael;\n};\n\n/**\n * An alias of {@link EventTarget#on}. Allows `EventTarget` to mimic\n * the standard DOM API.\n *\n * @function\n * @see {@link EventTarget#on}\n */\nEventTarget.prototype.addEventListener = EventTarget.prototype.on;\n\n/**\n * Removes an `event listener` for a specific event from an instance of `EventTarget`.\n * This makes it so that the `event listener` will no longer get called when the\n * named event happens.\n *\n * @param {string|string[]} type\n * An event name or an array of event names.\n *\n * @param {EventTarget~EventListener} fn\n * The function to remove.\n */\nEventTarget.prototype.off = function (type, fn) {\n off(this, type, fn);\n};\n\n/**\n * An alias of {@link EventTarget#off}. Allows `EventTarget` to mimic\n * the standard DOM API.\n *\n * @function\n * @see {@link EventTarget#off}\n */\nEventTarget.prototype.removeEventListener = EventTarget.prototype.off;\n\n/**\n * This function will add an `event listener` that gets triggered only once. After the\n * first trigger it will get removed. This is like adding an `event listener`\n * with {@link EventTarget#on} that calls {@link EventTarget#off} on itself.\n *\n * @param {string|string[]} type\n * An event name or an array of event names.\n *\n * @param {EventTarget~EventListener} fn\n * The function to be called once for each event name.\n */\nEventTarget.prototype.one = function (type, fn) {\n // Remove the addEventListener alialing Events.on\n // so we don't get into an infinite type loop\n var ael = this.addEventListener;\n\n this.addEventListener = function () {};\n one(this, type, fn);\n this.addEventListener = ael;\n};\n\n/**\n * This function causes an event to happen. This will then cause any `event listeners`\n * that are waiting for that event, to get called. If there are no `event listeners`\n * for an event then nothing will happen.\n *\n * If the name of the `Event` that is being triggered is in `EventTarget.allowedEvents_`.\n * Trigger will also call the `on` + `uppercaseEventName` function.\n *\n * Example:\n * 'click' is in `EventTarget.allowedEvents_`, so, trigger will attempt to call\n * `onClick` if it exists.\n *\n * @param {string|EventTarget~Event|Object} event\n * The name of the event, an `Event`, or an object with a key of type set to\n * an event name.\n */\nEventTarget.prototype.trigger = function (event) {\n var type = event.type || event;\n\n if (typeof event === 'string') {\n event = { type: type };\n }\n event = fixEvent(event);\n\n if (this.allowedEvents_[type] && this['on' + type]) {\n this['on' + type](event);\n }\n\n trigger(this, event);\n};\n\n/**\n * An alias of {@link EventTarget#trigger}. Allows `EventTarget` to mimic\n * the standard DOM API.\n *\n * @function\n * @see {@link EventTarget#trigger}\n */\nEventTarget.prototype.dispatchEvent = EventTarget.prototype.trigger;\n\nvar EVENT_MAP = void 0;\n\nEventTarget.prototype.queueTrigger = function (event) {\n var _this = this;\n\n // only set up EVENT_MAP if it'll be used\n if (!EVENT_MAP) {\n EVENT_MAP = new Map();\n }\n\n var type = event.type || event;\n var map = EVENT_MAP.get(this);\n\n if (!map) {\n map = new Map();\n EVENT_MAP.set(this, map);\n }\n\n var oldTimeout = map.get(type);\n\n map.delete(type);\n window$1.clearTimeout(oldTimeout);\n\n var timeout = window$1.setTimeout(function () {\n // if we cleared out all timeouts for the current target, delete its map\n if (map.size === 0) {\n map = null;\n EVENT_MAP.delete(_this);\n }\n\n _this.trigger(event);\n }, 0);\n\n map.set(type, timeout);\n};\n\n/**\n * @file mixins/evented.js\n * @module evented\n */\n\n/**\n * Returns whether or not an object has had the evented mixin applied.\n *\n * @param {Object} object\n * An object to test.\n *\n * @return {boolean}\n * Whether or not the object appears to be evented.\n */\nvar isEvented = function isEvented(object) {\n return object instanceof EventTarget || !!object.eventBusEl_ && ['on', 'one', 'off', 'trigger'].every(function (k) {\n return typeof object[k] === 'function';\n });\n};\n\n/**\n * Whether a value is a valid event type - non-empty string or array.\n *\n * @private\n * @param {string|Array} type\n * The type value to test.\n *\n * @return {boolean}\n * Whether or not the type is a valid event type.\n */\nvar isValidEventType = function isValidEventType(type) {\n return (\n // The regex here verifies that the `type` contains at least one non-\n // whitespace character.\n typeof type === 'string' && /\\S/.test(type) || Array.isArray(type) && !!type.length\n );\n};\n\n/**\n * Validates a value to determine if it is a valid event target. Throws if not.\n *\n * @private\n * @throws {Error}\n * If the target does not appear to be a valid event target.\n *\n * @param {Object} target\n * The object to test.\n */\nvar validateTarget = function validateTarget(target) {\n if (!target.nodeName && !isEvented(target)) {\n throw new Error('Invalid target; must be a DOM node or evented object.');\n }\n};\n\n/**\n * Validates a value to determine if it is a valid event target. Throws if not.\n *\n * @private\n * @throws {Error}\n * If the type does not appear to be a valid event type.\n *\n * @param {string|Array} type\n * The type to test.\n */\nvar validateEventType = function validateEventType(type) {\n if (!isValidEventType(type)) {\n throw new Error('Invalid event type; must be a non-empty string or array.');\n }\n};\n\n/**\n * Validates a value to determine if it is a valid listener. Throws if not.\n *\n * @private\n * @throws {Error}\n * If the listener is not a function.\n *\n * @param {Function} listener\n * The listener to test.\n */\nvar validateListener = function validateListener(listener) {\n if (typeof listener !== 'function') {\n throw new Error('Invalid listener; must be a function.');\n }\n};\n\n/**\n * Takes an array of arguments given to `on()` or `one()`, validates them, and\n * normalizes them into an object.\n *\n * @private\n * @param {Object} self\n * The evented object on which `on()` or `one()` was called. This\n * object will be bound as the `this` value for the listener.\n *\n * @param {Array} args\n * An array of arguments passed to `on()` or `one()`.\n *\n * @return {Object}\n * An object containing useful values for `on()` or `one()` calls.\n */\nvar normalizeListenArgs = function normalizeListenArgs(self, args) {\n\n // If the number of arguments is less than 3, the target is always the\n // evented object itself.\n var isTargetingSelf = args.length < 3 || args[0] === self || args[0] === self.eventBusEl_;\n var target = void 0;\n var type = void 0;\n var listener = void 0;\n\n if (isTargetingSelf) {\n target = self.eventBusEl_;\n\n // Deal with cases where we got 3 arguments, but we are still listening to\n // the evented object itself.\n if (args.length >= 3) {\n args.shift();\n }\n\n type = args[0];\n listener = args[1];\n } else {\n target = args[0];\n type = args[1];\n listener = args[2];\n }\n\n validateTarget(target);\n validateEventType(type);\n validateListener(listener);\n\n listener = bind(self, listener);\n\n return { isTargetingSelf: isTargetingSelf, target: target, type: type, listener: listener };\n};\n\n/**\n * Adds the listener to the event type(s) on the target, normalizing for\n * the type of target.\n *\n * @private\n * @param {Element|Object} target\n * A DOM node or evented object.\n *\n * @param {string} method\n * The event binding method to use (\"on\" or \"one\").\n *\n * @param {string|Array} type\n * One or more event type(s).\n *\n * @param {Function} listener\n * A listener function.\n */\nvar listen = function listen(target, method, type, listener) {\n validateTarget(target);\n\n if (target.nodeName) {\n Events[method](target, type, listener);\n } else {\n target[method](type, listener);\n }\n};\n\n/**\n * Contains methods that provide event capabilities to an object which is passed\n * to {@link module:evented|evented}.\n *\n * @mixin EventedMixin\n */\nvar EventedMixin = {\n\n /**\n * Add a listener to an event (or events) on this object or another evented\n * object.\n *\n * @param {string|Array|Element|Object} targetOrType\n * If this is a string or array, it represents the event type(s)\n * that will trigger the listener.\n *\n * Another evented object can be passed here instead, which will\n * cause the listener to listen for events on _that_ object.\n *\n * In either case, the listener's `this` value will be bound to\n * this object.\n *\n * @param {string|Array|Function} typeOrListener\n * If the first argument was a string or array, this should be the\n * listener function. Otherwise, this is a string or array of event\n * type(s).\n *\n * @param {Function} [listener]\n * If the first argument was another evented object, this will be\n * the listener function.\n */\n on: function on$$1() {\n var _this = this;\n\n for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n var _normalizeListenArgs = normalizeListenArgs(this, args),\n isTargetingSelf = _normalizeListenArgs.isTargetingSelf,\n target = _normalizeListenArgs.target,\n type = _normalizeListenArgs.type,\n listener = _normalizeListenArgs.listener;\n\n listen(target, 'on', type, listener);\n\n // If this object is listening to another evented object.\n if (!isTargetingSelf) {\n\n // If this object is disposed, remove the listener.\n var removeListenerOnDispose = function removeListenerOnDispose() {\n return _this.off(target, type, listener);\n };\n\n // Use the same function ID as the listener so we can remove it later it\n // using the ID of the original listener.\n removeListenerOnDispose.guid = listener.guid;\n\n // Add a listener to the target's dispose event as well. This ensures\n // that if the target is disposed BEFORE this object, we remove the\n // removal listener that was just added. Otherwise, we create a memory leak.\n var removeRemoverOnTargetDispose = function removeRemoverOnTargetDispose() {\n return _this.off('dispose', removeListenerOnDispose);\n };\n\n // Use the same function ID as the listener so we can remove it later\n // it using the ID of the original listener.\n removeRemoverOnTargetDispose.guid = listener.guid;\n\n listen(this, 'on', 'dispose', removeListenerOnDispose);\n listen(target, 'on', 'dispose', removeRemoverOnTargetDispose);\n }\n },\n\n\n /**\n * Add a listener to an event (or events) on this object or another evented\n * object. The listener will only be called once and then removed.\n *\n * @param {string|Array|Element|Object} targetOrType\n * If this is a string or array, it represents the event type(s)\n * that will trigger the listener.\n *\n * Another evented object can be passed here instead, which will\n * cause the listener to listen for events on _that_ object.\n *\n * In either case, the listener's `this` value will be bound to\n * this object.\n *\n * @param {string|Array|Function} typeOrListener\n * If the first argument was a string or array, this should be the\n * listener function. Otherwise, this is a string or array of event\n * type(s).\n *\n * @param {Function} [listener]\n * If the first argument was another evented object, this will be\n * the listener function.\n */\n one: function one$$1() {\n var _this2 = this;\n\n for (var _len2 = arguments.length, args = Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {\n args[_key2] = arguments[_key2];\n }\n\n var _normalizeListenArgs2 = normalizeListenArgs(this, args),\n isTargetingSelf = _normalizeListenArgs2.isTargetingSelf,\n target = _normalizeListenArgs2.target,\n type = _normalizeListenArgs2.type,\n listener = _normalizeListenArgs2.listener;\n\n // Targeting this evented object.\n\n\n if (isTargetingSelf) {\n listen(target, 'one', type, listener);\n\n // Targeting another evented object.\n } else {\n var wrapper = function wrapper() {\n for (var _len3 = arguments.length, largs = Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {\n largs[_key3] = arguments[_key3];\n }\n\n _this2.off(target, type, wrapper);\n listener.apply(null, largs);\n };\n\n // Use the same function ID as the listener so we can remove it later\n // it using the ID of the original listener.\n wrapper.guid = listener.guid;\n listen(target, 'one', type, wrapper);\n }\n },\n\n\n /**\n * Removes listener(s) from event(s) on an evented object.\n *\n * @param {string|Array|Element|Object} [targetOrType]\n * If this is a string or array, it represents the event type(s).\n *\n * Another evented object can be passed here instead, in which case\n * ALL 3 arguments are _required_.\n *\n * @param {string|Array|Function} [typeOrListener]\n * If the first argument was a string or array, this may be the\n * listener function. Otherwise, this is a string or array of event\n * type(s).\n *\n * @param {Function} [listener]\n * If the first argument was another evented object, this will be\n * the listener function; otherwise, _all_ listeners bound to the\n * event type(s) will be removed.\n */\n off: function off$$1(targetOrType, typeOrListener, listener) {\n\n // Targeting this evented object.\n if (!targetOrType || isValidEventType(targetOrType)) {\n off(this.eventBusEl_, targetOrType, typeOrListener);\n\n // Targeting another evented object.\n } else {\n var target = targetOrType;\n var type = typeOrListener;\n\n // Fail fast and in a meaningful way!\n validateTarget(target);\n validateEventType(type);\n validateListener(listener);\n\n // Ensure there's at least a guid, even if the function hasn't been used\n listener = bind(this, listener);\n\n // Remove the dispose listener on this evented object, which was given\n // the same guid as the event listener in on().\n this.off('dispose', listener);\n\n if (target.nodeName) {\n off(target, type, listener);\n off(target, 'dispose', listener);\n } else if (isEvented(target)) {\n target.off(type, listener);\n target.off('dispose', listener);\n }\n }\n },\n\n\n /**\n * Fire an event on this evented object, causing its listeners to be called.\n *\n * @param {string|Object} event\n * An event type or an object with a type property.\n *\n * @param {Object} [hash]\n * An additional object to pass along to listeners.\n *\n * @returns {boolean}\n * Whether or not the default behavior was prevented.\n */\n trigger: function trigger$$1(event, hash) {\n return trigger(this.eventBusEl_, event, hash);\n }\n};\n\n/**\n * Applies {@link module:evented~EventedMixin|EventedMixin} to a target object.\n *\n * @param {Object} target\n * The object to which to add event methods.\n *\n * @param {Object} [options={}]\n * Options for customizing the mixin behavior.\n *\n * @param {String} [options.eventBusKey]\n * By default, adds a `eventBusEl_` DOM element to the target object,\n * which is used as an event bus. If the target object already has a\n * DOM element that should be used, pass its key here.\n *\n * @return {Object}\n * The target object.\n */\nfunction evented(target) {\n var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n var eventBusKey = options.eventBusKey;\n\n // Set or create the eventBusEl_.\n\n if (eventBusKey) {\n if (!target[eventBusKey].nodeName) {\n throw new Error('The eventBusKey \"' + eventBusKey + '\" does not refer to an element.');\n }\n target.eventBusEl_ = target[eventBusKey];\n } else {\n target.eventBusEl_ = createEl('span', { className: 'play-event-bus' });\n }\n\n assign(target, EventedMixin);\n\n // When any evented object is disposed, it removes all its listeners.\n target.on('dispose', function () {\n target.off();\n window$1.setTimeout(function () {\n target.eventBusEl_ = null;\n }, 0);\n });\n\n return target;\n}\n\n/**\n * @file mixins/stateful.js\n * @module stateful\n */\n\n/**\n * Contains methods that provide statefulness to an object which is passed\n * to {@link module:stateful}.\n *\n * @mixin StatefulMixin\n */\nvar StatefulMixin = {\n\n /**\n * A hash containing arbitrary keys and values representing the state of\n * the object.\n *\n * @type {Object}\n */\n state: {},\n\n /**\n * Set the state of an object by mutating its\n * {@link module:stateful~StatefulMixin.state|state} object in place.\n *\n * @fires module:stateful~StatefulMixin#statechanged\n * @param {Object|Function} stateUpdates\n * A new set of properties to shallow-merge into the plugin state.\n * Can be a plain object or a function returning a plain object.\n *\n * @returns {Object|undefined}\n * An object containing changes that occurred. If no changes\n * occurred, returns `undefined`.\n */\n setState: function setState(stateUpdates) {\n var _this = this;\n\n // Support providing the `stateUpdates` state as a function.\n if (typeof stateUpdates === 'function') {\n stateUpdates = stateUpdates();\n }\n\n var changes = void 0;\n\n each(stateUpdates, function (value, key) {\n\n // Record the change if the value is different from what's in the\n // current state.\n if (_this.state[key] !== value) {\n changes = changes || {};\n changes[key] = {\n from: _this.state[key],\n to: value\n };\n }\n\n _this.state[key] = value;\n });\n\n // Only trigger \"statechange\" if there were changes AND we have a trigger\n // function. This allows us to not require that the target object be an\n // evented object.\n if (changes && isEvented(this)) {\n\n /**\n * An event triggered on an object that is both\n * {@link module:stateful|stateful} and {@link module:evented|evented}\n * indicating that its state has changed.\n *\n * @event module:stateful~StatefulMixin#statechanged\n * @type {Object}\n * @property {Object} changes\n * A hash containing the properties that were changed and\n * the values they were changed `from` and `to`.\n */\n this.trigger({\n changes: changes,\n type: 'statechanged'\n });\n }\n\n return changes;\n }\n};\n\n/**\n * Applies {@link module:stateful~StatefulMixin|StatefulMixin} to a target\n * object.\n *\n * If the target object is {@link module:evented|evented} and has a\n * `handleStateChanged` method, that method will be automatically bound to the\n * `statechanged` event on itself.\n *\n * @param {Object} target\n * The object to be made stateful.\n *\n * @param {Object} [defaultState]\n * A default set of properties to populate the newly-stateful object's\n * `state` property.\n *\n * @returns {Object}\n * Returns the `target`.\n */\nfunction stateful(target, defaultState) {\n assign(target, StatefulMixin);\n\n // This happens after the mixing-in because we need to replace the `state`\n // added in that step.\n target.state = assign({}, target.state, defaultState);\n\n // Auto-bind the `handleStateChanged` method of the target object if it exists.\n if (typeof target.handleStateChanged === 'function' && isEvented(target)) {\n target.on('statechanged', target.handleStateChanged);\n }\n\n return target;\n}\n\n/**\n * @file to-title-case.js\n * @module to-title-case\n */\n\n/**\n * Uppercase the first letter of a string.\n *\n * @param {string} string\n * String to be uppercased\n *\n * @return {string}\n * The string with an uppercased first letter\n */\nfunction toTitleCase(string) {\n if (typeof string !== 'string') {\n return string;\n }\n\n return string.charAt(0).toUpperCase() + string.slice(1);\n}\n\n/**\n * Compares the TitleCase versions of the two strings for equality.\n *\n * @param {string} str1\n * The first string to compare\n *\n * @param {string} str2\n * The second string to compare\n *\n * @return {boolean}\n * Whether the TitleCase versions of the strings are equal\n */\nfunction titleCaseEquals(str1, str2) {\n return toTitleCase(str1) === toTitleCase(str2);\n}\n\n/**\n * @file merge-options.js\n * @module merge-options\n */\n\n/**\n * Deep-merge one or more options objects, recursively merging **only** plain\n * object properties.\n *\n * @param {Object[]} sources\n * One or more objects to merge into a new object.\n *\n * @return {Object}\n * A new object that is the merged result of all sources.\n */\nfunction mergeOptions() {\n var result = {};\n\n for (var _len = arguments.length, sources = Array(_len), _key = 0; _key < _len; _key++) {\n sources[_key] = arguments[_key];\n }\n\n sources.forEach(function (source) {\n if (!source) {\n return;\n }\n\n each(source, function (value, key) {\n if (!isPlain(value)) {\n result[key] = value;\n return;\n }\n\n if (!isPlain(result[key])) {\n result[key] = {};\n }\n\n result[key] = mergeOptions(result[key], value);\n });\n });\n\n return result;\n}\n\n/**\n * Player Component - Base class for all UI objects\n *\n * @file component.js\n */\n//import { document } from 'global/document';\n\n/**\n * Base class for all UI Components.\n * Components are UI objects which represent both a javascript object and an element\n * in the DOM. They can be children of other components, and can have\n * children themselves.\n *\n * Components can also use methods from {@link EventTarget}\n */\n\nvar Component = function () {\n\n /**\n * A callback that is called when a component is ready. Does not have any\n * paramters and any callback value will be ignored.\n *\n * @callback Component~ReadyCallback\n * @this Component\n */\n\n /**\n * Creates an instance of this class.\n *\n * @param {Player} player\n * The `Player` that this class should be attached to.\n *\n * @param {Object} [options]\n * The key/value store of player options.\n *\n * @param {Object[]} [options.children]\n * An array of children objects to intialize this component with. Children objects have\n * a name property that will be used if more than one component of the same type needs to be\n * added.\n *\n * @param {Component~ReadyCallback} [ready]\n * Function that gets called when the `Component` is ready.\n */\n function Component(player, options, ready) {\n classCallCheck(this, Component);\n\n\n // The component might be the player itself and we can't pass `this` to super\n if (!player && this.play) {\n this.player_ = player = this; // eslint-disable-line\n var videoDiv = document.getElementsByClassName('video-player-element');\n var audioDiv = document.getElementsByClassName('audio-player-element');\n if (videoDiv.length > 0 && options.tag && options.tag.localName == 'audio') {\n videoDiv[0].style.display = 'none';\n } else if (audioDiv.length > 0 && options.tag && options.tag.localName == 'video') {\n audioDiv[0].innerHTML = '';\n }\n } else {\n this.player_ = player;\n }\n\n // Make a copy of prototype.options_ to protect against overriding defaults\n this.options_ = mergeOptions({}, this.options_);\n\n // Updated options with supplied options\n options = this.options_ = mergeOptions(this.options_, options);\n\n // Get ID from options or options element if one is supplied\n this.id_ = options.id || options.el && options.el.id;\n\n // If there was no ID from the options, generate one\n if (!this.id_) {\n // Don't require the player ID function in the case of mock players\n var id = player && player.id && player.id() || 'no_player';\n\n this.id_ = id + '_component_' + newGUID();\n }\n\n this.name_ = options.name || null;\n\n // Create element if one wasn't provided in options\n if (options.el) {\n this.el_ = options.el;\n } else if (options.createEl !== false) {\n this.el_ = this.createEl();\n }\n\n // if evented is anything except false, we want to mixin in evented\n if (options.evented !== false) {\n // Make this an evented object and use `el_`, if available, as its event bus\n evented(this, { eventBusKey: this.el_ ? 'el_' : null });\n }\n stateful(this, this.constructor.defaultState);\n\n this.children_ = [];\n this.childIndex_ = {};\n this.childNameIndex_ = {};\n\n // Add any child components in options\n if (options.initChildren !== false) {\n this.initChildren();\n }\n\n this.ready(ready);\n // Don't want to trigger ready here or it will before init is actually\n // finished for all children that run this constructor\n\n if (options.reportTouchActivity !== false) {\n this.enableTouchActivity();\n }\n }\n\n /**\n * Dispose of the `Component` and all child components.\n *\n * @fires Component#dispose\n */\n\n\n Component.prototype.dispose = function dispose() {\n\n /**\n * Triggered when a `Component` is disposed.\n *\n * @event Component#dispose\n * @type {EventTarget~Event}\n *\n * @property {boolean} [bubbles=false]\n * set to false so that the close event does not\n * bubble up\n */\n this.trigger({ type: 'dispose', bubbles: false });\n\n // Dispose all children.\n if (this.children_) {\n for (var i = this.children_.length - 1; i >= 0; i--) {\n if (this.children_[i].dispose) {\n this.children_[i].dispose();\n }\n }\n }\n\n // Delete child references\n this.children_ = null;\n this.childIndex_ = null;\n this.childNameIndex_ = null;\n\n if (this.el_) {\n // Remove element from DOM\n if (this.el_.parentNode) {\n this.el_.parentNode.removeChild(this.el_);\n }\n\n removeData(this.el_);\n this.el_ = null;\n }\n\n // remove reference to the player after disposing of the element\n this.player_ = null;\n };\n\n /**\n * Return the {@link Player} that the `Component` has attached to.\n *\n * @return {Player}\n * The player that this `Component` has attached to.\n */\n\n\n Component.prototype.player = function player() {\n return this.player_;\n };\n\n /**\n * Deep merge of options objects with new options.\n * > Note: When both `obj` and `options` contain properties whose values are objects.\n * The two properties get merged using {@link module:mergeOptions}\n *\n * @param {Object} obj\n * The object that contains new options.\n *\n * @return {Object}\n * A new object of `this.options_` and `obj` merged together.\n *\n * @deprecated since version 5\n */\n\n\n Component.prototype.options = function options(obj) {\n log$1.warn('this.options() has been deprecated and will be moved to the constructor in 6.0');\n\n if (!obj) {\n return this.options_;\n }\n\n this.options_ = mergeOptions(this.options_, obj);\n return this.options_;\n };\n\n /**\n * Get the `Component`s DOM element\n *\n * @return {Element}\n * The DOM element for this `Component`.\n */\n\n\n Component.prototype.el = function el() {\n return this.el_;\n };\n\n /**\n * Create the `Component`s DOM element.\n *\n * @param {string} [tagName]\n * Element's DOM node type. e.g. 'div'\n *\n * @param {Object} [properties]\n * An object of properties that should be set.\n *\n * @param {Object} [attributes]\n * An object of attributes that should be set.\n *\n * @return {Element}\n * The element that gets created.\n */\n\n\n Component.prototype.createEl = function createEl$$1(tagName, properties, attributes) {\n return createEl(tagName, properties, attributes);\n };\n\n /**\n * Localize a string given the string in english.\n *\n * If tokens are provided, it'll try and run a simple token replacement on the provided string.\n * The tokens it looks for look like `{1}` with the index being 1-indexed into the tokens array.\n *\n * If a `defaultValue` is provided, it'll use that over `string`,\n * if a value isn't found in provided language files.\n * This is useful if you want to have a descriptive key for token replacement\n * but have a succinct localized string and not require `en.json` to be included.\n *\n * Currently, it is used for the progress bar timing.\n * ```js\n * {\n * \"progress bar timing: currentTime={1} duration={2}\": \"{1} of {2}\"\n * }\n * ```\n * It is then used like so:\n * ```js\n * this.localize('progress bar timing: currentTime={1} duration{2}',\n * [this.player_.currentTime(), this.player_.duration()],\n * '{1} of {2}');\n * ```\n *\n * Which outputs something like: `01:23 of 24:56`.\n *\n *\n * @param {string} string\n * The string to localize and the key to lookup in the language files.\n * @param {string[]} [tokens]\n * If the current item has token replacements, provide the tokens here.\n * @param {string} [defaultValue]\n * Defaults to `string`. Can be a default value to use for token replacement\n * if the lookup key is needed to be separate.\n *\n * @return {string}\n * The localized string or if no localization exists the english string.\n */\n\n\n Component.prototype.localize = function localize(string, tokens) {\n var defaultValue = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : string;\n\n var code = this.player_.language && this.player_.language();\n var languages = this.player_.languages && this.player_.languages();\n var language = languages && languages[code];\n var primaryCode = code && code.split('-')[0];\n var primaryLang = languages && languages[primaryCode];\n\n var localizedString = defaultValue;\n\n if (language && language[string]) {\n localizedString = language[string];\n } else if (primaryLang && primaryLang[string]) {\n localizedString = primaryLang[string];\n }\n\n if (tokens) {\n localizedString = localizedString.replace(/\\{(\\d+)\\}/g, function (match, index) {\n var value = tokens[index - 1];\n var ret = value;\n\n if (typeof value === 'undefined') {\n ret = match;\n }\n\n return ret;\n });\n }\n\n return localizedString;\n };\n\n /**\n * Return the `Component`s DOM element. This is where children get inserted.\n * This will usually be the the same as the element returned in {@link Component#el}.\n *\n * @return {Element}\n * The content element for this `Component`.\n */\n\n\n Component.prototype.contentEl = function contentEl() {\n return this.contentEl_ || this.el_;\n };\n\n /**\n * Get this `Component`s ID\n *\n * @return {string}\n * The id of this `Component`\n */\n\n\n Component.prototype.id = function id() {\n return this.id_;\n };\n\n /**\n * Get the `Component`s name. The name gets used to reference the `Component`\n * and is set during registration.\n *\n * @return {string}\n * The name of this `Component`.\n */\n\n\n Component.prototype.name = function name() {\n return this.name_;\n };\n\n /**\n * Get an array of all child components\n *\n * @return {Array}\n * The children\n */\n\n\n Component.prototype.children = function children() {\n return this.children_;\n };\n\n /**\n * Returns the child `Component` with the given `id`.\n *\n * @param {string} id\n * The id of the child `Component` to get.\n *\n * @return {Component|undefined}\n * The child `Component` with the given `id` or undefined.\n */\n\n\n Component.prototype.getChildById = function getChildById(id) {\n return this.childIndex_[id];\n };\n\n /**\n * Returns the child `Component` with the given `name`.\n *\n * @param {string} name\n * The name of the child `Component` to get.\n *\n * @return {Component|undefined}\n * The child `Component` with the given `name` or undefined.\n */\n\n\n Component.prototype.getChild = function getChild(name) {\n if (!name) {\n return;\n }\n\n name = toTitleCase(name);\n\n return this.childNameIndex_[name];\n };\n\n /**\n * Add a child `Component` inside the current `Component`.\n *\n *\n * @param {string|Component} child\n * The name or instance of a child to add.\n *\n * @param {Object} [options={}]\n * The key/value store of options that will get passed to children of\n * the child.\n *\n * @param {number} [index=this.children_.length]\n * The index to attempt to add a child into.\n *\n * @return {Component}\n * The `Component` that gets added as a child. When using a string the\n * `Component` will get created by this process.\n */\n\n\n Component.prototype.addChild = function addChild(child) {\n var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n var index = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : this.children_.length;\n\n var component = void 0;\n var componentName = void 0;\n\n // If child is a string, create component with options\n if (typeof child === 'string') {\n componentName = toTitleCase(child);\n\n var componentClassName = options.componentClass || componentName;\n\n // Set name through options\n options.name = componentName;\n\n // Create a new object & element for this controls set\n // If there's no .player_, this is a player\n var ComponentClass = Component.getComponent(componentClassName);\n\n if (!ComponentClass) {\n throw new Error('Component ' + componentClassName + ' does not exist');\n }\n\n // data stored directly on the videojs object may be\n // misidentified as a component to retain\n // backwards-compatibility with 4.x. check to make sure the\n // component class can be instantiated.\n if (typeof ComponentClass !== 'function') {\n return null;\n }\n\n component = new ComponentClass(this.player_ || this, options);\n\n // child is a component instance\n } else {\n component = child;\n }\n\n this.children_.splice(index, 0, component);\n\n if (typeof component.id === 'function') {\n this.childIndex_[component.id()] = component;\n }\n\n // If a name wasn't used to create the component, check if we can use the\n // name function of the component\n componentName = componentName || component.name && toTitleCase(component.name());\n\n if (componentName) {\n this.childNameIndex_[componentName] = component;\n }\n\n // Add the UI object's element to the container div (box)\n // Having an element is not required\n if (typeof component.el === 'function' && component.el()) {\n var childNodes = this.contentEl().children;\n var refNode = childNodes[index] || null;\n\n this.contentEl().insertBefore(component.el(), refNode);\n }\n\n // Return so it can stored on parent object if desired.\n return component;\n };\n\n /**\n * Remove a child `Component` from this `Component`s list of children. Also removes\n * the child `Component`s element from this `Component`s element.\n *\n * @param {Component} component\n * The child `Component` to remove.\n */\n\n\n Component.prototype.removeChild = function removeChild(component) {\n if (typeof component === 'string') {\n component = this.getChild(component);\n }\n\n if (!component || !this.children_) {\n return;\n }\n\n var childFound = false;\n\n for (var i = this.children_.length - 1; i >= 0; i--) {\n if (this.children_[i] === component) {\n childFound = true;\n this.children_.splice(i, 1);\n break;\n }\n }\n\n if (!childFound) {\n return;\n }\n\n this.childIndex_[component.id()] = null;\n this.childNameIndex_[component.name()] = null;\n\n var compEl = component.el();\n\n if (compEl && compEl.parentNode === this.contentEl()) {\n this.contentEl().removeChild(component.el());\n }\n };\n\n /**\n * Add and initialize default child `Component`s based upon options.\n */\n\n\n Component.prototype.initChildren = function initChildren() {\n var _this = this;\n\n var children = this.options_.children;\n\n if (children) {\n // `this` is `parent`\n var parentOptions = this.options_;\n\n var handleAdd = function handleAdd(child) {\n var name = child.name;\n var opts = child.opts;\n\n // Allow options for children to be set at the parent options\n // e.g. videojs(id, { controlBar: false });\n // instead of videojs(id, { children: { controlBar: false });\n if (parentOptions[name] !== undefined) {\n opts = parentOptions[name];\n }\n\n // Allow for disabling default components\n // e.g. options['children']['posterImage'] = false\n if (opts === false) {\n return;\n }\n\n // Allow options to be passed as a simple boolean if no configuration\n // is necessary.\n if (opts === true) {\n opts = {};\n }\n\n // We also want to pass the original player options\n // to each component as well so they don't need to\n // reach back into the player for options later.\n opts.playerOptions = _this.options_.playerOptions;\n\n // Create and add the child component.\n // Add a direct reference to the child by name on the parent instance.\n // If two of the same component are used, different names should be supplied\n // for each\n var newChild = _this.addChild(name, opts);\n\n if (newChild) {\n _this[name] = newChild;\n }\n };\n\n // Allow for an array of children details to passed in the options\n var workingChildren = void 0;\n var Tech = Component.getComponent('Tech');\n\n if (Array.isArray(children)) {\n workingChildren = children;\n } else {\n workingChildren = Object.keys(children);\n }\n\n workingChildren\n // children that are in this.options_ but also in workingChildren would\n // give us extra children we do not want. So, we want to filter them out.\n .concat(Object.keys(this.options_).filter(function (child) {\n return !workingChildren.some(function (wchild) {\n if (typeof wchild === 'string') {\n return child === wchild;\n }\n return child === wchild.name;\n });\n })).map(function (child) {\n var name = void 0;\n var opts = void 0;\n\n if (typeof child === 'string') {\n name = child;\n opts = children[name] || _this.options_[name] || {};\n } else {\n name = child.name;\n opts = child;\n }\n\n return { name: name, opts: opts };\n }).filter(function (child) {\n // we have to make sure that child.name isn't in the techOrder since\n // techs are registerd as Components but can't aren't compatible\n // See https://github.com/videojs/video.js/issues/2772\n var c = Component.getComponent(child.opts.componentClass || toTitleCase(child.name));\n\n return c && !Tech.isTech(c);\n }).forEach(handleAdd);\n }\n };\n\n /**\n * Builds the default DOM class name. Should be overriden by sub-components.\n *\n * @return {string}\n * The DOM class name for this object.\n *\n * @abstract\n */\n\n\n Component.prototype.buildCSSClass = function buildCSSClass() {\n // Child classes can include a function that does:\n // return 'CLASS NAME' + this._super();\n return '';\n };\n\n /**\n * Bind a listener to the component's ready state.\n * Different from event listeners in that if the ready event has already happened\n * it will trigger the function immediately.\n *\n * @return {Component}\n * Returns itself; method can be chained.\n */\n\n\n Component.prototype.ready = function ready(fn) {\n var sync = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n\n if (!fn) {\n return;\n }\n\n if (!this.isReady_) {\n this.readyQueue_ = this.readyQueue_ || [];\n this.readyQueue_.push(fn);\n return;\n }\n\n if (sync) {\n fn.call(this);\n } else {\n // Call the function asynchronously by default for consistency\n this.setTimeout(fn, 1);\n }\n };\n\n /**\n * Trigger all the ready listeners for this `Component`.\n *\n * @fires Component#ready\n */\n\n\n Component.prototype.triggerReady = function triggerReady() {\n this.isReady_ = true;\n\n // Ensure ready is triggered asynchronously\n this.setTimeout(function () {\n var readyQueue = this.readyQueue_;\n\n // Reset Ready Queue\n this.readyQueue_ = [];\n\n if (readyQueue && readyQueue.length > 0) {\n readyQueue.forEach(function (fn) {\n fn.call(this);\n }, this);\n }\n\n // Allow for using event listeners also\n /**\n * Triggered when a `Component` is ready.\n *\n * @event Component#ready\n * @type {EventTarget~Event}\n */\n this.trigger('ready');\n }, 1);\n };\n\n /**\n * Find a single DOM element matching a `selector`. This can be within the `Component`s\n * `contentEl()` or another custom context.\n *\n * @param {string} selector\n * A valid CSS selector, which will be passed to `querySelector`.\n *\n * @param {Element|string} [context=this.contentEl()]\n * A DOM element within which to query. Can also be a selector string in\n * which case the first matching element will get used as context. If\n * missing `this.contentEl()` gets used. If `this.contentEl()` returns\n * nothing it falls back to `document`.\n *\n * @return {Element|null}\n * the dom element that was found, or null\n *\n * @see [Information on CSS Selectors](https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_Started/Selectors)\n */\n\n\n Component.prototype.$ = function $$$1(selector, context) {\n return $(selector, context || this.contentEl());\n };\n\n /**\n * Finds all DOM element matching a `selector`. This can be within the `Component`s\n * `contentEl()` or another custom context.\n *\n * @param {string} selector\n * A valid CSS selector, which will be passed to `querySelectorAll`.\n *\n * @param {Element|string} [context=this.contentEl()]\n * A DOM element within which to query. Can also be a selector string in\n * which case the first matching element will get used as context. If\n * missing `this.contentEl()` gets used. If `this.contentEl()` returns\n * nothing it falls back to `document`.\n *\n * @return {NodeList}\n * a list of dom elements that were found\n *\n * @see [Information on CSS Selectors](https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_Started/Selectors)\n */\n\n\n Component.prototype.$$ = function $$$$1(selector, context) {\n return $$(selector, context || this.contentEl());\n };\n\n /**\n * Check if a component's element has a CSS class name.\n *\n * @param {string} classToCheck\n * CSS class name to check.\n *\n * @return {boolean}\n * - True if the `Component` has the class.\n * - False if the `Component` does not have the class`\n */\n\n\n Component.prototype.hasClass = function hasClass$$1(classToCheck) {\n return hasClass(this.el_, classToCheck);\n };\n\n /**\n * Add a CSS class name to the `Component`s element.\n *\n * @param {string} classToAdd\n * CSS class name to add\n */\n\n\n Component.prototype.addClass = function addClass$$1(classToAdd) {\n addClass(this.el_, classToAdd);\n };\n\n /**\n * Remove a CSS class name from the `Component`s element.\n *\n * @param {string} classToRemove\n * CSS class name to remove\n */\n\n\n Component.prototype.removeClass = function removeClass$$1(classToRemove) {\n removeClass(this.el_, classToRemove);\n };\n\n /**\n * Add or remove a CSS class name from the component's element.\n * - `classToToggle` gets added when {@link Component#hasClass} would return false.\n * - `classToToggle` gets removed when {@link Component#hasClass} would return true.\n *\n * @param {string} classToToggle\n * The class to add or remove based on (@link Component#hasClass}\n *\n * @param {boolean|Dom~predicate} [predicate]\n * An {@link Dom~predicate} function or a boolean\n */\n\n\n Component.prototype.toggleClass = function toggleClass$$1(classToToggle, predicate) {\n toggleClass(this.el_, classToToggle, predicate);\n };\n\n /**\n * Show the `Component`s element if it is hidden by removing the\n * 'play-hidden' class name from it.\n */\n\n\n Component.prototype.show = function show() {\n this.removeClass('play-hidden');\n };\n\n /**\n * Hide the `Component`s element if it is currently showing by adding the\n * 'play-hidden` class name to it.\n */\n\n\n Component.prototype.hide = function hide() {\n this.addClass('play-hidden');\n };\n\n /**\n * Lock a `Component`s element in its visible state by adding the 'play-lock-showing'\n * class name to it. Used during fadeIn/fadeOut.\n *\n * @private\n */\n\n\n Component.prototype.lockShowing = function lockShowing() {\n this.addClass('play-lock-showing');\n };\n\n /**\n * Unlock a `Component`s element from its visible state by removing the 'play-lock-showing'\n * class name from it. Used during fadeIn/fadeOut.\n *\n * @private\n */\n\n\n Component.prototype.unlockShowing = function unlockShowing() {\n this.removeClass('play-lock-showing');\n };\n\n /**\n * Get the value of an attribute on the `Component`s element.\n *\n * @param {string} attribute\n * Name of the attribute to get the value from.\n *\n * @return {string|null}\n * - The value of the attribute that was asked for.\n * - Can be an empty string on some browsers if the attribute does not exist\n * or has no value\n * - Most browsers will return null if the attibute does not exist or has\n * no value.\n *\n * @see [DOM API]{@link https://developer.mozilla.org/en-US/docs/Web/API/Element/getAttribute}\n */\n\n\n Component.prototype.getAttribute = function getAttribute$$1(attribute) {\n return getAttribute(this.el_, attribute);\n };\n\n /**\n * Set the value of an attribute on the `Component`'s element\n *\n * @param {string} attribute\n * Name of the attribute to set.\n *\n * @param {string} value\n * Value to set the attribute to.\n *\n * @see [DOM API]{@link https://developer.mozilla.org/en-US/docs/Web/API/Element/setAttribute}\n */\n\n\n Component.prototype.setAttribute = function setAttribute$$1(attribute, value) {\n setAttribute(this.el_, attribute, value);\n };\n\n /**\n * Remove an attribute from the `Component`s element.\n *\n * @param {string} attribute\n * Name of the attribute to remove.\n *\n * @see [DOM API]{@link https://developer.mozilla.org/en-US/docs/Web/API/Element/removeAttribute}\n */\n\n\n Component.prototype.removeAttribute = function removeAttribute$$1(attribute) {\n removeAttribute(this.el_, attribute);\n };\n\n /**\n * Get or set the width of the component based upon the CSS styles.\n * See {@link Component#dimension} for more detailed information.\n *\n * @param {number|string} [num]\n * The width that you want to set postfixed with '%', 'px' or nothing.\n *\n * @param {boolean} [skipListeners]\n * Skip the componentresize event trigger\n *\n * @return {number|string}\n * The width when getting, zero if there is no width. Can be a string\n * postpixed with '%' or 'px'.\n */\n\n\n Component.prototype.width = function width(num, skipListeners) {\n return this.dimension('width', num, skipListeners);\n };\n\n /**\n * Get or set the height of the component based upon the CSS styles.\n * See {@link Component#dimension} for more detailed information.\n *\n * @param {number|string} [num]\n * The height that you want to set postfixed with '%', 'px' or nothing.\n *\n * @param {boolean} [skipListeners]\n * Skip the componentresize event trigger\n *\n * @return {number|string}\n * The width when getting, zero if there is no width. Can be a string\n * postpixed with '%' or 'px'.\n */\n\n\n Component.prototype.height = function height(num, skipListeners) {\n return this.dimension('height', num, skipListeners);\n };\n\n /**\n * Set both the width and height of the `Component` element at the same time.\n *\n * @param {number|string} width\n * Width to set the `Component`s element to.\n *\n * @param {number|string} height\n * Height to set the `Component`s element to.\n */\n\n\n Component.prototype.dimensions = function dimensions(width, height) {\n // Skip componentresize listeners on width for optimization\n this.width(width, true);\n this.height(height);\n };\n\n /**\n * Get or set width or height of the `Component` element. This is the shared code\n * for the {@link Component#width} and {@link Component#height}.\n *\n * Things to know:\n * - If the width or height in an number this will return the number postfixed with 'px'.\n * - If the width/height is a percent this will return the percent postfixed with '%'\n * - Hidden elements have a width of 0 with `window.getComputedStyle`. This function\n * defaults to the `Component`s `style.width` and falls back to `window.getComputedStyle`.\n * See [this]{@link http://www.foliotek.com/devblog/getting-the-width-of-a-hidden-element-with-jquery-using-width/}\n * for more information\n * - If you want the computed style of the component, use {@link Component#currentWidth}\n * and {@link {Component#currentHeight}\n *\n * @fires Component#componentresize\n *\n * @param {string} widthOrHeight\n 8 'width' or 'height'\n *\n * @param {number|string} [num]\n 8 New dimension\n *\n * @param {boolean} [skipListeners]\n * Skip componentresize event trigger\n *\n * @return {number}\n * The dimension when getting or 0 if unset\n */\n\n\n Component.prototype.dimension = function dimension(widthOrHeight, num, skipListeners) {\n if (num !== undefined) {\n // Set to zero if null or literally NaN (NaN !== NaN)\n if (num === null || num !== num) {\n num = 0;\n }\n\n // Check if using css width/height (% or px) and adjust\n if (('' + num).indexOf('%') !== -1 || ('' + num).indexOf('px') !== -1) {\n this.el_.style[widthOrHeight] = num;\n } else if (num === 'auto') {\n this.el_.style[widthOrHeight] = '';\n } else {\n this.el_.style[widthOrHeight] = num + 'px';\n }\n\n // skipListeners allows us to avoid triggering the resize event when setting both width and height\n if (!skipListeners) {\n /**\n * Triggered when a component is resized.\n *\n * @event Component#componentresize\n * @type {EventTarget~Event}\n */\n this.trigger('componentresize');\n }\n\n return;\n }\n\n // Not setting a value, so getting it\n // Make sure element exists\n if (!this.el_) {\n return 0;\n }\n\n // Get dimension value from style\n var val = this.el_.style[widthOrHeight];\n var pxIndex = val.indexOf('px');\n\n if (pxIndex !== -1) {\n // Return the pixel value with no 'px'\n return parseInt(val.slice(0, pxIndex), 10);\n }\n\n // No px so using % or no style was set, so falling back to offsetWidth/height\n // If component has display:none, offset will return 0\n // TODO: handle display:none and no dimension style using px\n return parseInt(this.el_['offset' + toTitleCase(widthOrHeight)], 10);\n };\n\n /**\n * Get the width or the height of the `Component` elements computed style. Uses\n * `window.getComputedStyle`.\n *\n * @param {string} widthOrHeight\n * A string containing 'width' or 'height'. Whichever one you want to get.\n *\n * @return {number}\n * The dimension that gets asked for or 0 if nothing was set\n * for that dimension.\n */\n\n\n Component.prototype.currentDimension = function currentDimension(widthOrHeight) {\n var computedWidthOrHeight = 0;\n\n if (widthOrHeight !== 'width' && widthOrHeight !== 'height') {\n throw new Error('currentDimension only accepts width or height value');\n }\n\n if (typeof window$1.getComputedStyle === 'function') {\n var computedStyle = window$1.getComputedStyle(this.el_);\n\n computedWidthOrHeight = computedStyle.getPropertyValue(widthOrHeight) || computedStyle[widthOrHeight];\n }\n\n // remove 'px' from variable and parse as integer\n computedWidthOrHeight = parseFloat(computedWidthOrHeight);\n\n // if the computed value is still 0, it's possible that the browser is lying\n // and we want to check the offset values.\n // This code also runs wherever getComputedStyle doesn't exist.\n if (computedWidthOrHeight === 0) {\n var rule = 'offset' + toTitleCase(widthOrHeight);\n\n computedWidthOrHeight = this.el_[rule];\n }\n\n return computedWidthOrHeight;\n };\n\n /**\n * An object that contains width and height values of the `Component`s\n * computed style. Uses `window.getComputedStyle`.\n *\n * @typedef {Object} Component~DimensionObject\n *\n * @property {number} width\n * The width of the `Component`s computed style.\n *\n * @property {number} height\n * The height of the `Component`s computed style.\n */\n\n /**\n * Get an object that contains width and height values of the `Component`s\n * computed style.\n *\n * @return {Component~DimensionObject}\n * The dimensions of the components element\n */\n\n\n Component.prototype.currentDimensions = function currentDimensions() {\n return {\n width: this.currentDimension('width'),\n height: this.currentDimension('height')\n };\n };\n\n /**\n * Get the width of the `Component`s computed style. Uses `window.getComputedStyle`.\n *\n * @return {number} width\n * The width of the `Component`s computed style.\n */\n\n\n Component.prototype.currentWidth = function currentWidth() {\n return this.currentDimension('width');\n };\n\n /**\n * Get the height of the `Component`s computed style. Uses `window.getComputedStyle`.\n *\n * @return {number} height\n * The height of the `Component`s computed style.\n */\n\n\n Component.prototype.currentHeight = function currentHeight() {\n return this.currentDimension('height');\n };\n\n /**\n * Set the focus to this component\n */\n\n\n Component.prototype.focus = function focus() {\n this.el_.focus();\n };\n\n /**\n * Remove the focus from this component\n */\n\n\n Component.prototype.blur = function blur() {\n this.el_.blur();\n };\n\n /**\n * Emit a 'tap' events when touch event support gets detected. This gets used to\n * support toggling the controls through a tap on the video. They get enabled\n * because every sub-component would have extra overhead otherwise.\n *\n * @private\n * @fires Component#tap\n * @listens Component#touchstart\n * @listens Component#touchmove\n * @listens Component#touchleave\n * @listens Component#touchcancel\n * @listens Component#touchend\n */\n\n\n Component.prototype.emitTapEvents = function emitTapEvents() {\n // Track the start time so we can determine how long the touch lasted\n var touchStart = 0;\n var firstTouch = null;\n\n // Maximum movement allowed during a touch event to still be considered a tap\n // Other popular libs use anywhere from 2 (hammer.js) to 15,\n // so 10 seems like a nice, round number.\n var tapMovementThreshold = 10;\n\n // The maximum length a touch can be while still being considered a tap\n var touchTimeThreshold = 200;\n\n var couldBeTap = void 0;\n\n this.on('touchstart', function (event) {\n // If more than one finger, don't consider treating this as a click\n if (event.touches.length === 1) {\n // Copy pageX/pageY from the object\n firstTouch = {\n pageX: event.touches[0].pageX,\n pageY: event.touches[0].pageY\n };\n // Record start time so we can detect a tap vs. \"touch and hold\"\n touchStart = new Date().getTime();\n // Reset couldBeTap tracking\n couldBeTap = true;\n }\n });\n\n this.on('touchmove', function (event) {\n // If more than one finger, don't consider treating this as a click\n if (event.touches.length > 1) {\n couldBeTap = false;\n } else if (firstTouch) {\n // Some devices will throw touchmoves for all but the slightest of taps.\n // So, if we moved only a small distance, this could still be a tap\n var xdiff = event.touches[0].pageX - firstTouch.pageX;\n var ydiff = event.touches[0].pageY - firstTouch.pageY;\n var touchDistance = Math.sqrt(xdiff * xdiff + ydiff * ydiff);\n\n if (touchDistance > tapMovementThreshold) {\n couldBeTap = false;\n }\n }\n });\n\n var noTap = function noTap() {\n couldBeTap = false;\n };\n\n // TODO: Listen to the original target. http://youtu.be/DujfpXOKUp8?t=13m8s\n this.on('touchleave', noTap);\n this.on('touchcancel', noTap);\n\n // When the touch ends, measure how long it took and trigger the appropriate\n // event\n this.on('touchend', function (event) {\n firstTouch = null;\n // Proceed only if the touchmove/leave/cancel event didn't happen\n if (couldBeTap === true) {\n // Measure how long the touch lasted\n var touchTime = new Date().getTime() - touchStart;\n\n // Make sure the touch was less than the threshold to be considered a tap\n if (touchTime < touchTimeThreshold) {\n // Don't let browser turn this into a click\n event.preventDefault();\n /**\n * Triggered when a `Component` is tapped.\n *\n * @event Component#tap\n * @type {EventTarget~Event}\n */\n this.trigger('tap');\n // It may be good to copy the touchend event object and change the\n // type to tap, if the other event properties aren't exact after\n // Events.fixEvent runs (e.g. event.target)\n }\n }\n });\n };\n\n /**\n * This function reports user activity whenever touch events happen. This can get\n * turned off by any sub-components that wants touch events to act another way.\n *\n * Report user touch activity when touch events occur. User activity gets used to\n * determine when controls should show/hide. It is simple when it comes to mouse\n * events, because any mouse event should show the controls. So we capture mouse\n * events that bubble up to the player and report activity when that happens.\n * With touch events it isn't as easy as `touchstart` and `touchend` toggle player\n * controls. So touch events can't help us at the player level either.\n *\n * User activity gets checked asynchronously. So what could happen is a tap event\n * on the video turns the controls off. Then the `touchend` event bubbles up to\n * the player. Which, if it reported user activity, would turn the controls right\n * back on. We also don't want to completely block touch events from bubbling up.\n * Furthermore a `touchmove` event and anything other than a tap, should not turn\n * controls back on.\n *\n * @listens Component#touchstart\n * @listens Component#touchmove\n * @listens Component#touchend\n * @listens Component#touchcancel\n */\n\n\n Component.prototype.enableTouchActivity = function enableTouchActivity() {\n // Don't continue if the root player doesn't support reporting user activity\n if (!this.player() || !this.player().reportUserActivity) {\n return;\n }\n\n // listener for reporting that the user is active\n var report = bind(this.player(), this.player().reportUserActivity);\n\n var touchHolding = void 0;\n\n this.on('touchstart', function () {\n report();\n // For as long as the they are touching the device or have their mouse down,\n // we consider them active even if they're not moving their finger or mouse.\n // So we want to continue to update that they are active\n this.clearInterval(touchHolding);\n // report at the same interval as activityCheck\n touchHolding = this.setInterval(report, 250);\n });\n\n var touchEnd = function touchEnd(event) {\n report();\n // stop the interval that maintains activity if the touch is holding\n this.clearInterval(touchHolding);\n };\n\n this.on('touchmove', report);\n this.on('touchend', touchEnd);\n this.on('touchcancel', touchEnd);\n };\n\n /**\n * A callback that has no parameters and is bound into `Component`s context.\n *\n * @callback Component~GenericCallback\n * @this Component\n */\n\n /**\n * Creates a function that runs after an `x` millisecond timeout. This function is a\n * wrapper around `window.setTimeout`. There are a few reasons to use this one\n * instead though:\n * 1. It gets cleared via {@link Component#clearTimeout} when\n * {@link Component#dispose} gets called.\n * 2. The function callback will gets turned into a {@link Component~GenericCallback}\n *\n * > Note: You can't use `window.clearTimeout` on the id returned by this function. This\n * will cause its dispose listener not to get cleaned up! Please use\n * {@link Component#clearTimeout} or {@link Component#dispose} instead.\n *\n * @param {Component~GenericCallback} fn\n * The function that will be run after `timeout`.\n *\n * @param {number} timeout\n * Timeout in milliseconds to delay before executing the specified function.\n *\n * @return {number}\n * Returns a timeout ID that gets used to identify the timeout. It can also\n * get used in {@link Component#clearTimeout} to clear the timeout that\n * was set.\n *\n * @listens Component#dispose\n * @see [Similar to]{@link https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/setTimeout}\n */\n\n\n Component.prototype.setTimeout = function setTimeout(fn, timeout) {\n var _this2 = this;\n\n // declare as variables so they are properly available in timeout function\n // eslint-disable-next-line\n var timeoutId, disposeFn;\n\n fn = bind(this, fn);\n\n timeoutId = window$1.setTimeout(function () {\n _this2.off('dispose', disposeFn);\n fn();\n }, timeout);\n\n disposeFn = function disposeFn() {\n return _this2.clearTimeout(timeoutId);\n };\n\n disposeFn.guid = 'play-timeout-' + timeoutId;\n\n this.on('dispose', disposeFn);\n\n return timeoutId;\n };\n\n /**\n * Clears a timeout that gets created via `window.setTimeout` or\n * {@link Component#setTimeout}. If you set a timeout via {@link Component#setTimeout}\n * use this function instead of `window.clearTimout`. If you don't your dispose\n * listener will not get cleaned up until {@link Component#dispose}!\n *\n * @param {number} timeoutId\n * The id of the timeout to clear. The return value of\n * {@link Component#setTimeout} or `window.setTimeout`.\n *\n * @return {number}\n * Returns the timeout id that was cleared.\n *\n * @see [Similar to]{@link https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/clearTimeout}\n */\n\n\n Component.prototype.clearTimeout = function clearTimeout(timeoutId) {\n window$1.clearTimeout(timeoutId);\n\n var disposeFn = function disposeFn() {};\n\n disposeFn.guid = 'play-timeout-' + timeoutId;\n\n this.off('dispose', disposeFn);\n\n return timeoutId;\n };\n\n /**\n * Creates a function that gets run every `x` milliseconds. This function is a wrapper\n * around `window.setInterval`. There are a few reasons to use this one instead though.\n * 1. It gets cleared via {@link Component#clearInterval} when\n * {@link Component#dispose} gets called.\n * 2. The function callback will be a {@link Component~GenericCallback}\n *\n * @param {Component~GenericCallback} fn\n * The function to run every `x` seconds.\n *\n * @param {number} interval\n * Execute the specified function every `x` milliseconds.\n *\n * @return {number}\n * Returns an id that can be used to identify the interval. It can also be be used in\n * {@link Component#clearInterval} to clear the interval.\n *\n * @listens Component#dispose\n * @see [Similar to]{@link https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/setInterval}\n */\n\n\n Component.prototype.setInterval = function setInterval(fn, interval) {\n var _this3 = this;\n\n fn = bind(this, fn);\n\n var intervalId = window$1.setInterval(fn, interval);\n\n var disposeFn = function disposeFn() {\n return _this3.clearInterval(intervalId);\n };\n\n disposeFn.guid = 'play-interval-' + intervalId;\n\n this.on('dispose', disposeFn);\n\n return intervalId;\n };\n\n /**\n * Clears an interval that gets created via `window.setInterval` or\n * {@link Component#setInterval}. If you set an inteval via {@link Component#setInterval}\n * use this function instead of `window.clearInterval`. If you don't your dispose\n * listener will not get cleaned up until {@link Component#dispose}!\n *\n * @param {number} intervalId\n * The id of the interval to clear. The return value of\n * {@link Component#setInterval} or `window.setInterval`.\n *\n * @return {number}\n * Returns the interval id that was cleared.\n *\n * @see [Similar to]{@link https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/clearInterval}\n */\n\n\n Component.prototype.clearInterval = function clearInterval(intervalId) {\n window$1.clearInterval(intervalId);\n\n var disposeFn = function disposeFn() {};\n\n disposeFn.guid = 'play-interval-' + intervalId;\n\n this.off('dispose', disposeFn);\n\n return intervalId;\n };\n\n /**\n * Queues up a callback to be passed to requestAnimationFrame (rAF), but\n * with a few extra bonuses:\n *\n * - Supports browsers that do not support rAF by falling back to\n * {@link Component#setTimeout}.\n *\n * - The callback is turned into a {@link Component~GenericCallback} (i.e.\n * bound to the component).\n *\n * - Automatic cancellation of the rAF callback is handled if the component\n * is disposed before it is called.\n *\n * @param {Component~GenericCallback} fn\n * A function that will be bound to this component and executed just\n * before the browser's next repaint.\n *\n * @return {number}\n * Returns an rAF ID that gets used to identify the timeout. It can\n * also be used in {@link Component#cancelAnimationFrame} to cancel\n * the animation frame callback.\n *\n * @listens Component#dispose\n * @see [Similar to]{@link https://developer.mozilla.org/en-US/docs/Web/API/window/requestAnimationFrame}\n */\n\n\n Component.prototype.requestAnimationFrame = function requestAnimationFrame(fn) {\n var _this4 = this;\n\n // declare as variables so they are properly available in rAF function\n // eslint-disable-next-line\n var id, disposeFn;\n\n if (this.supportsRaf_) {\n fn = bind(this, fn);\n\n id = window$1.requestAnimationFrame(function () {\n _this4.off('dispose', disposeFn);\n fn();\n });\n\n disposeFn = function disposeFn() {\n return _this4.cancelAnimationFrame(id);\n };\n\n disposeFn.guid = 'play-raf-' + id;\n this.on('dispose', disposeFn);\n\n return id;\n }\n\n // Fall back to using a timer.\n return this.setTimeout(fn, 1000 / 60);\n };\n\n /**\n * Cancels a queued callback passed to {@link Component#requestAnimationFrame}\n * (rAF).\n *\n * If you queue an rAF callback via {@link Component#requestAnimationFrame},\n * use this function instead of `window.cancelAnimationFrame`. If you don't,\n * your dispose listener will not get cleaned up until {@link Component#dispose}!\n *\n * @param {number} id\n * The rAF ID to clear. The return value of {@link Component#requestAnimationFrame}.\n *\n * @return {number}\n * Returns the rAF ID that was cleared.\n *\n * @see [Similar to]{@link https://developer.mozilla.org/en-US/docs/Web/API/window/cancelAnimationFrame}\n */\n\n\n Component.prototype.cancelAnimationFrame = function cancelAnimationFrame(id) {\n if (this.supportsRaf_) {\n window$1.cancelAnimationFrame(id);\n\n var disposeFn = function disposeFn() {};\n\n disposeFn.guid = 'play-raf-' + id;\n\n this.off('dispose', disposeFn);\n\n return id;\n }\n\n // Fall back to using a timer.\n return this.clearTimeout(id);\n };\n\n /**\n * Register a `Component` with `videojs` given the name and the component.\n *\n * > NOTE: {@link Tech}s should not be registered as a `Component`. {@link Tech}s\n * should be registered using {@link Tech.registerTech} or\n * {@link videojs:videojs.registerTech}.\n *\n * > NOTE: This function can also be seen on videojs as\n * {@link videojs:videojs.registerComponent}.\n *\n * @param {string} name\n * The name of the `Component` to register.\n *\n * @param {Component} ComponentToRegister\n * The `Component` class to register.\n *\n * @return {Component}\n * The `Component` that was registered.\n */\n\n\n Component.registerComponent = function registerComponent(name, ComponentToRegister) {\n if (typeof name !== 'string' || !name) {\n throw new Error('Illegal component name, \"' + name + '\"; must be a non-empty string.');\n }\n\n var Tech = Component.getComponent('Tech');\n\n // We need to make sure this check is only done if Tech has been registered.\n var isTech = Tech && Tech.isTech(ComponentToRegister);\n var isComp = Component === ComponentToRegister || Component.prototype.isPrototypeOf(ComponentToRegister.prototype);\n\n if (isTech || !isComp) {\n var reason = void 0;\n\n if (isTech) {\n reason = 'techs must be registered using Tech.registerTech()';\n } else {\n reason = 'must be a Component subclass';\n }\n\n throw new Error('Illegal component, \"' + name + '\"; ' + reason + '.');\n }\n\n name = toTitleCase(name);\n\n if (!Component.components_) {\n Component.components_ = {};\n }\n\n var Player = Component.getComponent('Player');\n\n if (name === 'Player' && Player && Player.players) {\n var players = Player.players;\n var playerNames = Object.keys(players);\n\n // If we have players that were disposed, then their name will still be\n // in Players.players. So, we must loop through and verify that the value\n // for each item is not null. This allows registration of the Player component\n // after all players have been disposed or before any were created.\n if (players && playerNames.length > 0 && playerNames.map(function (pname) {\n return players[pname];\n }).every(Boolean)) {\n throw new Error('Can not register Player component after player has been created.');\n }\n }\n\n Component.components_[name] = ComponentToRegister;\n\n return ComponentToRegister;\n };\n\n /**\n * Get a `Component` based on the name it was registered with.\n *\n * @param {string} name\n * The Name of the component to get.\n *\n * @return {Component}\n * The `Component` that got registered under the given name.\n *\n * @deprecated In `videojs` 6 this will not return `Component`s that were not\n * registered using {@link Component.registerComponent}. Currently we\n * check the global `videojs` object for a `Component` name and\n * return that if it exists.\n */\n\n\n Component.getComponent = function getComponent(name) {\n if (!name) {\n return;\n }\n\n name = toTitleCase(name);\n\n if (Component.components_ && Component.components_[name]) {\n return Component.components_[name];\n }\n };\n\n return Component;\n}();\n\n/**\n * Whether or not this component supports `requestAnimationFrame`.\n *\n * This is exposed primarily for testing purposes.\n *\n * @private\n * @type {Boolean}\n */\n\n\nComponent.prototype.supportsRaf_ = typeof window$1.requestAnimationFrame === 'function' && typeof window$1.cancelAnimationFrame === 'function';\n\nComponent.registerComponent('Component', Component);\n\n/**\n * @file browser.js\n * @module browser\n */\n\nvar USER_AGENT = window$1.navigator && window$1.navigator.userAgent || '';\nvar webkitVersionMap = /AppleWebKit\\/([\\d.]+)/i.exec(USER_AGENT);\nvar appleWebkitVersion = webkitVersionMap ? parseFloat(webkitVersionMap.pop()) : null;\n\n/*\n * Device is an iPhone\n *\n * @type {Boolean}\n * @constant\n * @private\n */\nvar IS_IPAD = /iPad/i.test(USER_AGENT);\n\n// The Facebook app's UIWebView identifies as both an iPhone and iPad, so\n// to identify iPhones, we need to exclude iPads.\n// http://artsy.github.io/blog/2012/10/18/the-perils-of-ios-user-agent-sniffing/\nvar IS_IPHONE = /iPhone/i.test(USER_AGENT) && !IS_IPAD;\nvar IS_IPOD = /iPod/i.test(USER_AGENT);\nvar IS_IOS = IS_IPHONE || IS_IPAD || IS_IPOD;\n\nvar IOS_VERSION = function () {\n var match = USER_AGENT.match(/OS (\\d+)_/i);\n\n if (match && match[1]) {\n return match[1];\n }\n return null;\n}();\n\nvar IS_ANDROID = /Android/i.test(USER_AGENT);\nvar ANDROID_VERSION = function () {\n // This matches Android Major.Minor.Patch versions\n // ANDROID_VERSION is Major.Minor as a Number, if Minor isn't available, then only Major is returned\n var match = USER_AGENT.match(/Android (\\d+)(?:\\.(\\d+))?(?:\\.(\\d+))*/i);\n\n if (!match) {\n return null;\n }\n\n var major = match[1] && parseFloat(match[1]);\n var minor = match[2] && parseFloat(match[2]);\n\n if (major && minor) {\n return parseFloat(match[1] + '.' + match[2]);\n } else if (major) {\n return major;\n }\n return null;\n}();\n\nvar IS_NATIVE_ANDROID = IS_ANDROID && ANDROID_VERSION < 5 && appleWebkitVersion < 537;\n\nvar IS_FIREFOX = /Firefox/i.test(USER_AGENT);\nvar IS_EDGE = /Edge/i.test(USER_AGENT);\nvar IS_CHROME = !IS_EDGE && (/Chrome/i.test(USER_AGENT) || /CriOS/i.test(USER_AGENT));\nvar CHROME_VERSION = function () {\n var match = USER_AGENT.match(/(Chrome|CriOS)\\/(\\d+)/);\n\n if (match && match[2]) {\n return parseFloat(match[2]);\n }\n return null;\n}();\nvar IE_VERSION = function () {\n var result = /MSIE\\s(\\d+)\\.\\d/.exec(USER_AGENT);\n var version = result && parseFloat(result[1]);\n\n if (!version && /Trident\\/7.0/i.test(USER_AGENT) && /rv:11.0/.test(USER_AGENT)) {\n // IE 11 has a different user agent string than other IE versions\n version = 11.0;\n }\n\n return version;\n}();\n\nvar IS_SAFARI = /Safari/i.test(USER_AGENT) && !IS_CHROME && !IS_ANDROID && !IS_EDGE;\nvar IS_ANY_SAFARI = (IS_SAFARI || IS_IOS) && !IS_CHROME;\n\nvar TOUCH_ENABLED = isReal() && ('ontouchstart' in window$1 || window$1.navigator.maxTouchPoints || window$1.DocumentTouch && window$1.document instanceof window$1.DocumentTouch);\n\nvar browser = /*#__PURE__*/Object.freeze({\n IS_IPAD: IS_IPAD,\n IS_IPHONE: IS_IPHONE,\n IS_IPOD: IS_IPOD,\n IS_IOS: IS_IOS,\n IOS_VERSION: IOS_VERSION,\n IS_ANDROID: IS_ANDROID,\n ANDROID_VERSION: ANDROID_VERSION,\n IS_NATIVE_ANDROID: IS_NATIVE_ANDROID,\n IS_FIREFOX: IS_FIREFOX,\n IS_EDGE: IS_EDGE,\n IS_CHROME: IS_CHROME,\n CHROME_VERSION: CHROME_VERSION,\n IE_VERSION: IE_VERSION,\n IS_SAFARI: IS_SAFARI,\n IS_ANY_SAFARI: IS_ANY_SAFARI,\n TOUCH_ENABLED: TOUCH_ENABLED\n});\n\n/**\n * @file time-ranges.js\n * @module time-ranges\n */\n\n/**\n * Returns the time for the specified index at the start or end\n * of a TimeRange object.\n *\n * @function time-ranges:indexFunction\n *\n * @param {number} [index=0]\n * The range number to return the time for.\n *\n * @return {number}\n * The time that offset at the specified index.\n *\n * @depricated index must be set to a value, in the future this will throw an error.\n */\n\n/**\n * An object that contains ranges of time for various reasons.\n *\n * @typedef {Object} TimeRange\n *\n * @property {number} length\n * The number of time ranges represented by this Object\n *\n * @property {time-ranges:indexFunction} start\n * Returns the time offset at which a specified time range begins.\n *\n * @property {time-ranges:indexFunction} end\n * Returns the time offset at which a specified time range ends.\n *\n * @see https://developer.mozilla.org/en-US/docs/Web/API/TimeRanges\n */\n\n/**\n * Check if any of the time ranges are over the maximum index.\n *\n * @param {string} fnName\n * The function name to use for logging\n *\n * @param {number} index\n * The index to check\n *\n * @param {number} maxIndex\n * The maximum possible index\n *\n * @throws {Error} if the timeRanges provided are over the maxIndex\n */\nfunction rangeCheck(fnName, index, maxIndex) {\n if (typeof index !== 'number' || index < 0 || index > maxIndex) {\n /* eslint max-len: [\"error\", { \"code\": 800 }] */\n throw new Error('Failed to execute \\'' + fnName + '\\' on \\'TimeRanges\\': The index provided (' + index + ') is non-numeric or out of bounds (0-' + maxIndex + ').');\n }\n}\n\n/**\n * Get the time for the specified index at the start or end\n * of a TimeRange object.\n *\n * @param {string} fnName\n * The function name to use for logging\n *\n * @param {string} valueIndex\n * The property that should be used to get the time. should be 'start' or 'end'\n *\n * @param {Array} ranges\n * An array of time ranges\n *\n * @param {Array} [rangeIndex=0]\n * The index to start the search at\n *\n * @return {number}\n * The time that offset at the specified index.\n *\n *\n * @depricated rangeIndex must be set to a value, in the future this will throw an error.\n * @throws {Error} if rangeIndex is more than the length of ranges\n */\nfunction getRange(fnName, valueIndex, ranges, rangeIndex) {\n rangeCheck(fnName, rangeIndex, ranges.length - 1);\n return ranges[rangeIndex][valueIndex];\n}\n\n/**\n * Create a time range object given ranges of time.\n *\n * @param {Array} [ranges]\n * An array of time ranges.\n * @return {Object} object of length start and end\n */\nfunction createTimeRangesObj(ranges) {\n if (ranges === undefined || ranges.length === 0) {\n return {\n length: 0,\n start: function start() {\n throw new Error('This TimeRanges object is empty');\n },\n end: function end() {\n throw new Error('This TimeRanges object is empty');\n }\n };\n }\n return {\n length: ranges.length,\n start: getRange.bind(null, 'start', 0, ranges),\n end: getRange.bind(null, 'end', 1, ranges)\n };\n}\n\n/**\n * Should create a fake `TimeRange` object which mimics an HTML5 time range instance.\n *\n * @param {number|Array} start\n * The start of a single range or an array of ranges\n *\n * @param {number} end\n * The end of a single range.\n * @return {Object} time ranges in object\n * @private\n */\nfunction createTimeRanges(start, end) {\n if (Array.isArray(start)) {\n return createTimeRangesObj(start);\n } else if (start === undefined || end === undefined) {\n return createTimeRangesObj();\n }\n return createTimeRangesObj([[start, end]]);\n}\n\n/**\n * @file buffer.js\n * @module buffer\n */\n\n/**\n * Compute the percentage of the media that has been buffered.\n *\n * @param {TimeRange} buffered\n * The current `TimeRange` object representing buffered time ranges\n *\n * @param {number} duration\n * Total duration of the media\n *\n * @return {number}\n * Percent buffered of the total duration in decimal form.\n */\nfunction bufferedPercent(buffered, duration) {\n var bufferedDuration = 0;\n var start = void 0;\n var end = void 0;\n\n if (!duration) {\n return 0;\n }\n\n if (!buffered || !buffered.length) {\n buffered = createTimeRanges(0, 0);\n }\n\n for (var i = 0; i < buffered.length; i++) {\n start = buffered.start(i);\n end = buffered.end(i);\n\n // buffered end can be bigger than duration by a very small fraction\n if (end > duration) {\n end = duration;\n }\n\n bufferedDuration += end - start;\n }\n\n return bufferedDuration / duration;\n}\n\n/**\n * @file fullscreen-api.js\n * @module fullscreen-api\n * @private\n */\n\n/**\n * Store the browser-specific methods for the fullscreen API.\n *\n * @type {Object}\n * @see [Specification]{@link https://fullscreen.spec.whatwg.org}\n * @see [Map Approach From Screenfull.js]{@link https://github.com/sindresorhus/screenfull.js}\n */\nvar FullscreenApi = {};\n\n// browser API methods\nvar apiMap = [['requestFullscreen', 'exitFullscreen', 'fullscreenElement', 'fullscreenEnabled', 'fullscreenchange', 'fullscreenerror'],\n// WebKit\n['webkitRequestFullscreen', 'webkitExitFullscreen', 'webkitFullscreenElement', 'webkitFullscreenEnabled', 'webkitfullscreenchange', 'webkitfullscreenerror'],\n// Old WebKit (Safari 5.1)\n['webkitRequestFullScreen', 'webkitCancelFullScreen', 'webkitCurrentFullScreenElement', 'webkitCancelFullScreen', 'webkitfullscreenchange', 'webkitfullscreenerror'],\n// Mozilla\n['mozRequestFullScreen', 'mozCancelFullScreen', 'mozFullScreenElement', 'mozFullScreenEnabled', 'mozfullscreenchange', 'mozfullscreenerror'],\n// Microsoft\n['msRequestFullscreen', 'msExitFullscreen', 'msFullscreenElement', 'msFullscreenEnabled', 'MSFullscreenChange', 'MSFullscreenError']];\n\nvar specApi = apiMap[0];\nvar browserApi = void 0;\n\n// determine the supported set of functions\nfor (var i = 0; i < apiMap.length; i++) {\n // check for exitFullscreen function\n if (apiMap[i][1] in document$1) {\n browserApi = apiMap[i];\n break;\n }\n}\n\n// map the browser API names to the spec API names\nif (browserApi) {\n for (var _i = 0; _i < browserApi.length; _i++) {\n FullscreenApi[specApi[_i]] = browserApi[_i];\n }\n}\n\n/**\n * @file media-error.js\n */\n\n/**\n * A Custom `MediaError` class which mimics the standard HTML5 `MediaError` class.\n *\n * @param {number|string|Object|MediaError} value\n * This can be of multiple types:\n * - number: should be a standard error code\n * - string: an error message (the code will be 0)\n * - Object: arbitrary properties\n * - `MediaError` (native): used to populate a video.js `MediaError` object\n * - `MediaError` (video.js): will return itself if it's already a\n * video.js `MediaError` object.\n *\n * @see [MediaError Spec]{@link https://dev.w3.org/html5/spec-author-view/video.html#mediaerror}\n * @see [Encrypted MediaError Spec]{@link https://www.w3.org/TR/2013/WD-encrypted-media-20130510/#error-codes}\n *\n * @class MediaError\n */\nfunction MediaError(value) {\n\n // Allow redundant calls to this constructor to avoid having `instanceof`\n // checks peppered around the code.\n if (value instanceof MediaError) {\n return value;\n }\n\n if (typeof value === 'number') {\n this.code = value;\n } else if (typeof value === 'string') {\n // default code is zero, so this is a custom error\n this.message = value;\n } else if (isObject(value)) {\n\n // We assign the `code` property manually because native `MediaError` objects\n // do not expose it as an own/enumerable property of the object.\n if (typeof value.code === 'number') {\n this.code = value.code;\n }\n\n assign(this, value);\n }\n\n if (!this.message) {\n this.message = MediaError.defaultMessages[this.code] || '';\n }\n}\n\n/**\n * The error code that refers two one of the defined `MediaError` types\n *\n * @type {Number}\n */\nMediaError.prototype.code = 0;\n\n/**\n * An optional message that to show with the error. Message is not part of the HTML5\n * video spec but allows for more informative custom errors.\n *\n * @type {String}\n */\nMediaError.prototype.message = '';\n\n/**\n * An optional status code that can be set by plugins to allow even more detail about\n * the error. For example a plugin might provide a specific HTTP status code and an\n * error message for that code. Then when the plugin gets that error this class will\n * know how to display an error message for it. This allows a custom message to show\n * up on the `Player` error overlay.\n *\n * @type {Array}\n */\nMediaError.prototype.status = null;\n\n/**\n * Errors indexed by the W3C standard. The order **CANNOT CHANGE**! See the\n * specification listed under {@link MediaError} for more information.\n *\n * @enum {array}\n * @readonly\n * @property {string} 0 - MEDIA_ERR_CUSTOM\n * @property {string} 1 - MEDIA_ERR_CUSTOM\n * @property {string} 2 - MEDIA_ERR_ABORTED\n * @property {string} 3 - MEDIA_ERR_NETWORK\n * @property {string} 4 - MEDIA_ERR_SRC_NOT_SUPPORTED\n * @property {string} 5 - MEDIA_ERR_ENCRYPTED\n */\nMediaError.errorTypes = ['MEDIA_ERR_CUSTOM', 'MEDIA_ERR_ABORTED', 'MEDIA_ERR_NETWORK', 'MEDIA_ERR_DECODE', 'MEDIA_ERR_SRC_NOT_SUPPORTED', 'MEDIA_ERR_ENCRYPTED'];\n\n/**\n * The default `MediaError` messages based on the {@link MediaError.errorTypes}.\n *\n * @type {Array}\n * @constant\n */\nMediaError.defaultMessages = {\n 1: 'You aborted the media playback',\n 2: 'A network error caused the media download to fail part-way.',\n 3: 'The media playback was aborted due to a corruption problem or because the media used features your browser did not support.',\n 4: 'The media could not be loaded, either because the server or network failed or because the format is not supported.',\n 5: 'The media is encrypted and we do not have the keys to decrypt it.'\n};\n\n// Add types as properties on MediaError\n// e.g. MediaError.MEDIA_ERR_SRC_NOT_SUPPORTED = 4;\nfor (var errNum = 0; errNum < MediaError.errorTypes.length; errNum++) {\n MediaError[MediaError.errorTypes[errNum]] = errNum;\n // values should be accessible on both the class and instance\n MediaError.prototype[MediaError.errorTypes[errNum]] = errNum;\n}\n\n/**\n * Returns whether an object is `Promise`-like (i.e. has a `then` method).\n *\n * @param {Object} value\n * An object that may or may not be `Promise`-like.\n *\n * @return {boolean}\n * Whether or not the object is `Promise`-like.\n */\nfunction isPromise(value) {\n return value !== undefined && value !== null && typeof value.then === 'function';\n}\n\n/**\n * Silence a Promise-like object.\n *\n * This is useful for avoiding non-harmful, but potentially confusing \"uncaught\n * play promise\" rejection error messages.\n *\n * @param {Object} value\n * An object that may or may not be `Promise`-like.\n */\nfunction silencePromise(value) {\n if (isPromise(value)) {\n value.then(null, function (e) {});\n }\n}\n\n/**\n * @file text-track-list-converter.js Utilities for capturing text track state and\n * re-creating tracks based on a capture.\n *\n * @module text-track-list-converter\n */\n\n/**\n * Examine a single {@link TextTrack} and return a JSON-compatible javascript object that\n * represents the {@link TextTrack}'s state.\n *\n * @param {TextTrack} track\n * The text track to query.\n *\n * @return {Object}\n * A serializable javascript representation of the TextTrack.\n * @private\n */\nvar trackToJson_ = function trackToJson_(track) {\n var ret = ['kind', 'label', 'language', 'id', 'inBandMetadataTrackDispatchType', 'mode', 'src'].reduce(function (acc, prop, i) {\n\n if (track[prop]) {\n acc[prop] = track[prop];\n }\n\n return acc;\n }, {\n cues: track.cues && Array.prototype.map.call(track.cues, function (cue) {\n return {\n startTime: cue.startTime,\n endTime: cue.endTime,\n text: cue.text,\n id: cue.id\n };\n })\n });\n\n return ret;\n};\n\n/**\n * Examine a {@link Tech} and return a JSON-compatible javascript array that represents the\n * state of all {@link TextTrack}s currently configured. The return array is compatible with\n * {@link text-track-list-converter:jsonToTextTracks}.\n *\n * @param {Tech} tech\n * The tech object to query\n *\n * @return {Array}\n * A serializable javascript representation of the {@link Tech}s\n * {@link TextTrackList}.\n */\nvar textTracksToJson = function textTracksToJson(tech) {\n\n var trackEls = tech.$$('track');\n\n var trackObjs = Array.prototype.map.call(trackEls, function (t) {\n return t.track;\n });\n var tracks = Array.prototype.map.call(trackEls, function (trackEl) {\n var json = trackToJson_(trackEl.track);\n\n if (trackEl.src) {\n json.src = trackEl.src;\n }\n return json;\n });\n\n return tracks.concat(Array.prototype.filter.call(tech.textTracks(), function (track) {\n return trackObjs.indexOf(track) === -1;\n }).map(trackToJson_));\n};\n\n/**\n * Create a set of remote {@link TextTrack}s on a {@link Tech} based on an array of javascript\n * object {@link TextTrack} representations.\n *\n * @param {Array} json\n * An array of `TextTrack` representation objects, like those that would be\n * produced by `textTracksToJson`.\n *\n * @param {Tech} tech\n * The `Tech` to create the `TextTrack`s on.\n */\nvar jsonToTextTracks = function jsonToTextTracks(json, tech) {\n json.forEach(function (track) {\n var addedTrack = tech.addRemoteTextTrack(track).track;\n\n if (!track.src && track.cues) {\n track.cues.forEach(function (cue) {\n return addedTrack.addCue(cue);\n });\n }\n });\n\n return tech.textTracks();\n};\n\nvar textTrackConverter = { textTracksToJson: textTracksToJson, jsonToTextTracks: jsonToTextTracks, trackToJson_: trackToJson_ };\n\n/**\n * @file modal-dialog.js\n */\n\nvar MODAL_CLASS_NAME = 'play-modal-dialog';\nvar ESC = 27;\n\n/**\n * The `ModalDialog` displays over the video and its controls, which blocks\n * interaction with the player until it is closed.\n *\n * Modal dialogs include a \"Close\" button and will close when that button\n * is activated - or when ESC is pressed anywhere.\n *\n * @extends Component\n */\n\nvar ModalDialog = function (_Component) {\n inherits(ModalDialog, _Component);\n\n /**\n * Create an instance of this class.\n *\n * @param {Player} player\n * The `Player` that this class should be attached to.\n *\n * @param {Object} [options]\n * The key/value store of player options.\n *\n * @param {Mixed} [options.content=undefined]\n * Provide customized content for this modal.\n *\n * @param {string} [options.description]\n * A text description for the modal, primarily for accessibility.\n *\n * @param {boolean} [options.fillAlways=false]\n * Normally, modals are automatically filled only the first time\n * they open. This tells the modal to refresh its content\n * every time it opens.\n *\n * @param {string} [options.label]\n * A text label for the modal, primarily for accessibility.\n *\n * @param {boolean} [options.temporary=true]\n * If `true`, the modal can only be opened once; it will be\n * disposed as soon as it's closed.\n *\n * @param {boolean} [options.uncloseable=false]\n * If `true`, the user will not be able to close the modal\n * through the UI in the normal ways. Programmatic closing is\n * still possible.\n */\n function ModalDialog(player, options) {\n classCallCheck(this, ModalDialog);\n\n var _this = possibleConstructorReturn(this, _Component.call(this, player, options));\n\n _this.opened_ = _this.hasBeenOpened_ = _this.hasBeenFilled_ = false;\n\n _this.closeable(!_this.options_.uncloseable);\n _this.content(_this.options_.content);\n\n // Make sure the contentEl is defined AFTER any children are initialized\n // because we only want the contents of the modal in the contentEl\n // (not the UI elements like the close button).\n _this.contentEl_ = createEl('div', {\n className: MODAL_CLASS_NAME + '-content'\n }, {\n role: 'document'\n });\n\n _this.descEl_ = createEl('p', {\n className: MODAL_CLASS_NAME + '-description play-control-text',\n id: _this.el().getAttribute('aria-describedby')\n });\n\n textContent(_this.descEl_, _this.description());\n _this.el_.appendChild(_this.descEl_);\n _this.el_.appendChild(_this.contentEl_);\n return _this;\n }\n\n /**\n * Create the `ModalDialog`'s DOM element\n *\n * @return {Element}\n * The DOM element that gets created.\n */\n\n\n ModalDialog.prototype.createEl = function createEl$$1() {\n return _Component.prototype.createEl.call(this, 'div', {\n className: this.buildCSSClass(),\n tabIndex: -1\n }, {\n 'aria-describedby': this.id() + '_description',\n 'aria-hidden': 'true',\n 'aria-label': this.label(),\n 'role': 'dialog'\n });\n };\n\n ModalDialog.prototype.dispose = function dispose() {\n this.contentEl_ = null;\n this.descEl_ = null;\n this.previouslyActiveEl_ = null;\n\n _Component.prototype.dispose.call(this);\n };\n\n /**\n * Builds the default DOM `className`.\n *\n * @return {string}\n * The DOM `className` for this object.\n */\n\n\n ModalDialog.prototype.buildCSSClass = function buildCSSClass() {\n return MODAL_CLASS_NAME + ' play-hidden ' + _Component.prototype.buildCSSClass.call(this);\n };\n\n /**\n * Handles `keydown` events on the document, looking for ESC, which closes\n * the modal.\n *\n * @param {EventTarget~Event} e\n * The keypress that triggered this event.\n *\n * @listens keydown\n */\n\n\n ModalDialog.prototype.handleKeyPress = function handleKeyPress(e) {\n if (e.which === ESC && this.closeable()) {\n this.close();\n }\n };\n\n /**\n * Returns the label string for this modal. Primarily used for accessibility.\n *\n * @return {string}\n * the localized or raw label of this modal.\n */\n\n\n ModalDialog.prototype.label = function label() {\n return this.localize(this.options_.label || 'Modal Window');\n };\n\n /**\n * Returns the description string for this modal. Primarily used for\n * accessibility.\n *\n * @return {string}\n * The localized or raw description of this modal.\n */\n\n\n ModalDialog.prototype.description = function description() {\n var desc = this.options_.description || this.localize('This is a modal window.');\n\n // Append a universal closeability message if the modal is closeable.\n if (this.closeable()) {\n desc += ' ' + this.localize('This modal can be closed by pressing the Escape key or activating the close button.');\n }\n\n return desc;\n };\n\n /**\n * Opens the modal.\n *\n * @fires ModalDialog#beforemodalopen\n * @fires ModalDialog#modalopen\n */\n\n\n ModalDialog.prototype.open = function open() {\n if (!this.opened_) {\n var player = this.player();\n\n /**\n * Fired just before a `ModalDialog` is opened.\n *\n * @event ModalDialog#beforemodalopen\n * @type {EventTarget~Event}\n */\n this.trigger('beforemodalopen');\n this.opened_ = true;\n\n // Fill content if the modal has never opened before and\n // never been filled.\n if (this.options_.fillAlways || !this.hasBeenOpened_ && !this.hasBeenFilled_) {\n this.fill();\n }\n\n // If the player was playing, pause it and take note of its previously\n // playing state.\n this.wasPlaying_ = !player.paused();\n\n if (this.options_.pauseOnOpen && this.wasPlaying_) {\n player.pause();\n }\n\n if (this.closeable()) {\n this.on(this.el_.ownerDocument, 'keydown', bind(this, this.handleKeyPress));\n }\n\n // Hide controls and note if they were enabled.\n this.hadControls_ = player.controls();\n player.controls(false);\n\n this.show();\n this.conditionalFocus_();\n this.el().setAttribute('aria-hidden', 'false');\n\n /**\n * Fired just after a `ModalDialog` is opened.\n *\n * @event ModalDialog#modalopen\n * @type {EventTarget~Event}\n */\n this.trigger('modalopen');\n this.hasBeenOpened_ = true;\n }\n };\n\n /**\n * If the `ModalDialog` is currently open or closed.\n *\n * @param {boolean} [value]\n * If given, it will open (`true`) or close (`false`) the modal.\n *\n * @return {boolean}\n * the current open state of the modaldialog\n */\n\n\n ModalDialog.prototype.opened = function opened(value) {\n if (typeof value === 'boolean') {\n this[value ? 'open' : 'close']();\n }\n return this.opened_;\n };\n\n /**\n * Closes the modal, does nothing if the `ModalDialog` is\n * not open.\n *\n * @fires ModalDialog#beforemodalclose\n * @fires ModalDialog#modalclose\n */\n\n\n ModalDialog.prototype.close = function close() {\n if (!this.opened_) {\n return;\n }\n var player = this.player();\n\n /**\n * Fired just before a `ModalDialog` is closed.\n *\n * @event ModalDialog#beforemodalclose\n * @type {EventTarget~Event}\n */\n this.trigger('beforemodalclose');\n this.opened_ = false;\n\n if (this.wasPlaying_ && this.options_.pauseOnOpen) {\n player.play();\n }\n\n if (this.closeable()) {\n this.off(this.el_.ownerDocument, 'keydown', bind(this, this.handleKeyPress));\n }\n\n if (this.hadControls_) {\n player.controls(true);\n }\n\n this.hide();\n this.el().setAttribute('aria-hidden', 'true');\n\n /**\n * Fired just after a `ModalDialog` is closed.\n *\n * @event ModalDialog#modalclose\n * @type {EventTarget~Event}\n */\n this.trigger('modalclose');\n this.conditionalBlur_();\n\n if (this.options_.temporary) {\n this.dispose();\n }\n };\n\n /**\n * Check to see if the `ModalDialog` is closeable via the UI.\n *\n * @param {boolean} [value]\n * If given as a boolean, it will set the `closeable` option.\n *\n * @return {boolean}\n * Returns the final value of the closable option.\n */\n\n\n ModalDialog.prototype.closeable = function closeable(value) {\n if (typeof value === 'boolean') {\n var closeable = this.closeable_ = !!value;\n var close = this.getChild('closeButton');\n\n // If this is being made closeable and has no close button, add one.\n if (closeable && !close) {\n\n // The close button should be a child of the modal - not its\n // content element, so temporarily change the content element.\n var temp = this.contentEl_;\n\n this.contentEl_ = this.el_;\n close = this.addChild('closeButton', { controlText: 'Close Modal Dialog' });\n this.contentEl_ = temp;\n this.on(close, 'close', this.close);\n }\n\n // If this is being made uncloseable and has a close button, remove it.\n if (!closeable && close) {\n this.off(close, 'close', this.close);\n this.removeChild(close);\n close.dispose();\n }\n }\n return this.closeable_;\n };\n\n /**\n * Fill the modal's content element with the modal's \"content\" option.\n * The content element will be emptied before this change takes place.\n */\n\n\n ModalDialog.prototype.fill = function fill() {\n this.fillWith(this.content());\n };\n\n /**\n * Fill the modal's content element with arbitrary content.\n * The content element will be emptied before this change takes place.\n *\n * @fires ModalDialog#beforemodalfill\n * @fires ModalDialog#modalfill\n *\n * @param {Mixed} [content]\n * The same rules apply to this as apply to the `content` option.\n */\n\n\n ModalDialog.prototype.fillWith = function fillWith(content) {\n var contentEl = this.contentEl();\n var parentEl = contentEl.parentNode;\n var nextSiblingEl = contentEl.nextSibling;\n\n /**\n * Fired just before a `ModalDialog` is filled with content.\n *\n * @event ModalDialog#beforemodalfill\n * @type {EventTarget~Event}\n */\n this.trigger('beforemodalfill');\n this.hasBeenFilled_ = true;\n\n // Detach the content element from the DOM before performing\n // manipulation to avoid modifying the live DOM multiple times.\n parentEl.removeChild(contentEl);\n this.empty();\n insertContent(contentEl, content);\n /**\n * Fired just after a `ModalDialog` is filled with content.\n *\n * @event ModalDialog#modalfill\n * @type {EventTarget~Event}\n */\n this.trigger('modalfill');\n\n // Re-inject the re-filled content element.\n if (nextSiblingEl) {\n parentEl.insertBefore(contentEl, nextSiblingEl);\n } else {\n parentEl.appendChild(contentEl);\n }\n\n // make sure that the close button is last in the dialog DOM\n var closeButton = this.getChild('closeButton');\n\n if (closeButton) {\n parentEl.appendChild(closeButton.el_);\n }\n };\n\n /**\n * Empties the content element. This happens anytime the modal is filled.\n *\n * @fires ModalDialog#beforemodalempty\n * @fires ModalDialog#modalempty\n */\n\n\n ModalDialog.prototype.empty = function empty() {\n /**\n * Fired just before a `ModalDialog` is emptied.\n *\n * @event ModalDialog#beforemodalempty\n * @type {EventTarget~Event}\n */\n this.trigger('beforemodalempty');\n emptyEl(this.contentEl());\n\n /**\n * Fired just after a `ModalDialog` is emptied.\n *\n * @event ModalDialog#modalempty\n * @type {EventTarget~Event}\n */\n this.trigger('modalempty');\n };\n\n /**\n * Gets or sets the modal content, which gets normalized before being\n * rendered into the DOM.\n *\n * This does not update the DOM or fill the modal, but it is called during\n * that process.\n *\n * @param {Mixed} [value]\n * If defined, sets the internal content value to be used on the\n * next call(s) to `fill`. This value is normalized before being\n * inserted. To \"clear\" the internal content value, pass `null`.\n *\n * @return {Mixed}\n * The current content of the modal dialog\n */\n\n\n ModalDialog.prototype.content = function content(value) {\n if (typeof value !== 'undefined') {\n this.content_ = value;\n }\n return this.content_;\n };\n\n /**\n * conditionally focus the modal dialog if focus was previously on the player.\n *\n * @private\n */\n\n\n ModalDialog.prototype.conditionalFocus_ = function conditionalFocus_() {\n var activeEl = document$1.activeElement;\n var playerEl = this.player_.el_;\n\n this.previouslyActiveEl_ = null;\n\n if (playerEl.contains(activeEl) || playerEl === activeEl) {\n this.previouslyActiveEl_ = activeEl;\n\n this.focus();\n\n this.on(document$1, 'keydown', this.handleKeyDown);\n }\n };\n\n /**\n * conditionally blur the element and refocus the last focused element\n *\n * @private\n */\n\n\n ModalDialog.prototype.conditionalBlur_ = function conditionalBlur_() {\n if (this.previouslyActiveEl_) {\n this.previouslyActiveEl_.focus();\n this.previouslyActiveEl_ = null;\n }\n\n this.off(document$1, 'keydown', this.handleKeyDown);\n };\n\n /**\n * Keydown handler. Attached when modal is focused.\n *\n * @listens keydown\n */\n\n\n ModalDialog.prototype.handleKeyDown = function handleKeyDown(event) {\n // exit early if it isn't a tab key\n if (event.which !== 9) {\n return;\n }\n\n var focusableEls = this.focusableEls_();\n var activeEl = this.el_.querySelector(':focus');\n var focusIndex = void 0;\n\n for (var i = 0; i < focusableEls.length; i++) {\n if (activeEl === focusableEls[i]) {\n focusIndex = i;\n break;\n }\n }\n\n if (document$1.activeElement === this.el_) {\n focusIndex = 0;\n }\n\n if (event.shiftKey && focusIndex === 0) {\n focusableEls[focusableEls.length - 1].focus();\n event.preventDefault();\n } else if (!event.shiftKey && focusIndex === focusableEls.length - 1) {\n focusableEls[0].focus();\n event.preventDefault();\n }\n };\n\n /**\n * get all focusable elements\n *\n * @private\n */\n\n\n ModalDialog.prototype.focusableEls_ = function focusableEls_() {\n var allChildren = this.el_.querySelectorAll('*');\n\n return Array.prototype.filter.call(allChildren, function (child) {\n return (child instanceof window$1.HTMLAnchorElement || child instanceof window$1.HTMLAreaElement) && child.hasAttribute('href') || (child instanceof window$1.HTMLInputElement || child instanceof window$1.HTMLSelectElement || child instanceof window$1.HTMLTextAreaElement || child instanceof window$1.HTMLButtonElement) && !child.hasAttribute('disabled') || child instanceof window$1.HTMLIFrameElement || child instanceof window$1.HTMLObjectElement || child instanceof window$1.HTMLEmbedElement || child.hasAttribute('tabindex') && child.getAttribute('tabindex') !== -1 || child.hasAttribute('contenteditable');\n });\n };\n\n return ModalDialog;\n}(Component);\n\n/**\n * Default options for `ModalDialog` default options.\n *\n * @type {Object}\n * @private\n */\n\n\nModalDialog.prototype.options_ = {\n pauseOnOpen: true,\n temporary: true\n};\n\nComponent.registerComponent('ModalDialog', ModalDialog);\n\n/**\n * @file track-list.js\n */\n\n/**\n * Common functionaliy between {@link TextTrackList}, {@link AudioTrackList}, and\n * {@link VideoTrackList}\n *\n * @extends EventTarget\n */\n\nvar TrackList = function (_EventTarget) {\n inherits(TrackList, _EventTarget);\n\n /**\n * Create an instance of this class\n *\n * @param {Track[]} tracks\n * A list of tracks to initialize the list with.\n *\n * @abstract\n */\n function TrackList() {\n var tracks = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];\n classCallCheck(this, TrackList);\n\n var _this = possibleConstructorReturn(this, _EventTarget.call(this));\n\n _this.tracks_ = [];\n\n /**\n * @memberof TrackList\n * @member {number} length\n * The current number of `Track`s in the this Trackist.\n * @instance\n */\n Object.defineProperty(_this, 'length', {\n get: function get$$1() {\n return this.tracks_.length;\n }\n });\n\n for (var i = 0; i < tracks.length; i++) {\n _this.addTrack(tracks[i]);\n }\n return _this;\n }\n\n /**\n * Add a {@link Track} to the `TrackList`\n *\n * @param {Track} track\n * The audio, video, or text track to add to the list.\n *\n * @fires TrackList#addtrack\n */\n\n\n TrackList.prototype.addTrack = function addTrack(track) {\n var index = this.tracks_.length;\n\n if (!('' + index in this)) {\n Object.defineProperty(this, index, {\n get: function get$$1() {\n return this.tracks_[index];\n }\n });\n }\n\n // Do not add duplicate tracks\n if (this.tracks_.indexOf(track) === -1) {\n this.tracks_.push(track);\n /**\n * Triggered when a track is added to a track list.\n *\n * @event TrackList#addtrack\n * @type {EventTarget~Event}\n * @property {Track} track\n * A reference to track that was added.\n */\n this.trigger({\n track: track,\n type: 'addtrack'\n });\n }\n };\n\n /**\n * Remove a {@link Track} from the `TrackList`\n *\n * @param {Track} rtrack\n * The audio, video, or text track to remove from the list.\n *\n * @fires TrackList#removetrack\n */\n\n\n TrackList.prototype.removeTrack = function removeTrack(rtrack) {\n var track = void 0;\n\n for (var i = 0, l = this.length; i < l; i++) {\n if (this[i] === rtrack) {\n track = this[i];\n if (track.off) {\n track.off();\n }\n\n this.tracks_.splice(i, 1);\n\n break;\n }\n }\n\n if (!track) {\n return;\n }\n\n /**\n * Triggered when a track is removed from track list.\n *\n * @event TrackList#removetrack\n * @type {EventTarget~Event}\n * @property {Track} track\n * A reference to track that was removed.\n */\n this.trigger({\n track: track,\n type: 'removetrack'\n });\n };\n\n /**\n * Get a Track from the TrackList by a tracks id\n *\n * @param {String} id - the id of the track to get\n * @method getTrackById\n * @return {Track}\n * @private\n */\n\n\n TrackList.prototype.getTrackById = function getTrackById(id) {\n var result = null;\n\n for (var i = 0, l = this.length; i < l; i++) {\n var track = this[i];\n\n if (track.id === id) {\n result = track;\n break;\n }\n }\n\n return result;\n };\n\n return TrackList;\n}(EventTarget);\n\n/**\n * Triggered when a different track is selected/enabled.\n *\n * @event TrackList#change\n * @type {EventTarget~Event}\n */\n\n/**\n * Events that can be called with on + eventName. See {@link EventHandler}.\n *\n * @property {Object} TrackList#allowedEvents_\n * @private\n */\n\n\nTrackList.prototype.allowedEvents_ = {\n change: 'change',\n addtrack: 'addtrack',\n removetrack: 'removetrack'\n};\n\n// emulate attribute EventHandler support to allow for feature detection\nfor (var event in TrackList.prototype.allowedEvents_) {\n TrackList.prototype['on' + event] = null;\n}\n\n/**\n * @file audio-track-list.js\n */\n\n/**\n * Anywhere we call this function we diverge from the spec\n * as we only support one enabled audiotrack at a time\n *\n * @param {AudioTrackList} list\n * list to work on\n *\n * @param {AudioTrack} track\n * The track to skip\n *\n * @private\n */\nvar disableOthers = function disableOthers(list, track) {\n for (var i = 0; i < list.length; i++) {\n if (!Object.keys(list[i]).length || track.id === list[i].id) {\n continue;\n }\n // another audio track is enabled, disable it\n list[i].enabled = false;\n }\n};\n\n/**\n * The current list of {@link AudioTrack} for a media file.\n *\n * @see [Spec]{@link https://html.spec.whatwg.org/multipage/embedded-content.html#audiotracklist}\n * @extends TrackList\n */\n\nvar AudioTrackList = function (_TrackList) {\n inherits(AudioTrackList, _TrackList);\n\n /**\n * Create an instance of this class.\n *\n * @param {AudioTrack[]} [tracks=[]]\n * A list of `AudioTrack` to instantiate the list with.\n */\n function AudioTrackList() {\n var tracks = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];\n classCallCheck(this, AudioTrackList);\n\n // make sure only 1 track is enabled\n // sorted from last index to first index\n for (var i = tracks.length - 1; i >= 0; i--) {\n if (tracks[i].enabled) {\n disableOthers(tracks, tracks[i]);\n break;\n }\n }\n\n var _this = possibleConstructorReturn(this, _TrackList.call(this, tracks));\n\n _this.changing_ = false;\n return _this;\n }\n\n /**\n * Add an {@link AudioTrack} to the `AudioTrackList`.\n *\n * @param {AudioTrack} track\n * The AudioTrack to add to the list\n *\n * @fires TrackList#addtrack\n */\n\n\n AudioTrackList.prototype.addTrack = function addTrack(track) {\n var _this2 = this;\n\n if (track.enabled) {\n disableOthers(this, track);\n }\n\n _TrackList.prototype.addTrack.call(this, track);\n // native tracks don't have this\n if (!track.addEventListener) {\n return;\n }\n\n /**\n * @listens AudioTrack#enabledchange\n * @fires TrackList#change\n */\n track.addEventListener('enabledchange', function () {\n // when we are disabling other tracks (since we don't support\n // more than one track at a time) we will set changing_\n // to true so that we don't trigger additional change events\n if (_this2.changing_) {\n return;\n }\n _this2.changing_ = true;\n disableOthers(_this2, track);\n _this2.changing_ = false;\n _this2.trigger('change');\n });\n };\n\n return AudioTrackList;\n}(TrackList);\n\n/**\n * @file video-track-list.js\n */\n\n/**\n * Un-select all other {@link VideoTrack}s that are selected.\n *\n * @param {VideoTrackList} list\n * list to work on\n *\n * @param {VideoTrack} track\n * The track to skip\n *\n * @private\n */\nvar disableOthers$1 = function disableOthers(list, track) {\n for (var i = 0; i < list.length; i++) {\n if (!Object.keys(list[i]).length || track.id === list[i].id) {\n continue;\n }\n // another video track is enabled, disable it\n list[i].selected = false;\n }\n};\n\n/**\n * The current list of {@link VideoTrack} for a video.\n *\n * @see [Spec]{@link https://html.spec.whatwg.org/multipage/embedded-content.html#videotracklist}\n * @extends TrackList\n */\n\nvar VideoTrackList = function (_TrackList) {\n inherits(VideoTrackList, _TrackList);\n\n /**\n * Create an instance of this class.\n *\n * @param {VideoTrack[]} [tracks=[]]\n * A list of `VideoTrack` to instantiate the list with.\n */\n function VideoTrackList() {\n var tracks = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];\n classCallCheck(this, VideoTrackList);\n\n // make sure only 1 track is enabled\n // sorted from last index to first index\n for (var i = tracks.length - 1; i >= 0; i--) {\n if (tracks[i].selected) {\n disableOthers$1(tracks, tracks[i]);\n break;\n }\n }\n\n var _this = possibleConstructorReturn(this, _TrackList.call(this, tracks));\n\n _this.changing_ = false;\n\n /**\n * @member {number} VideoTrackList#selectedIndex\n * The current index of the selected {@link VideoTrack`}.\n */\n Object.defineProperty(_this, 'selectedIndex', {\n get: function get$$1() {\n for (var _i = 0; _i < this.length; _i++) {\n if (this[_i].selected) {\n return _i;\n }\n }\n return -1;\n },\n set: function set$$1() {}\n });\n return _this;\n }\n\n /**\n * Add a {@link VideoTrack} to the `VideoTrackList`.\n *\n * @param {VideoTrack} track\n * The VideoTrack to add to the list\n *\n * @fires TrackList#addtrack\n */\n\n\n VideoTrackList.prototype.addTrack = function addTrack(track) {\n var _this2 = this;\n\n if (track.selected) {\n disableOthers$1(this, track);\n }\n\n _TrackList.prototype.addTrack.call(this, track);\n // native tracks don't have this\n if (!track.addEventListener) {\n return;\n }\n\n /**\n * @listens VideoTrack#selectedchange\n * @fires TrackList#change\n */\n track.addEventListener('selectedchange', function () {\n if (_this2.changing_) {\n return;\n }\n _this2.changing_ = true;\n disableOthers$1(_this2, track);\n _this2.changing_ = false;\n _this2.trigger('change');\n });\n };\n\n return VideoTrackList;\n}(TrackList);\n\n/**\n * @file text-track-list.js\n */\n\n/**\n * The current list of {@link TextTrack} for a media file.\n *\n * @see [Spec]{@link https://html.spec.whatwg.org/multipage/embedded-content.html#texttracklist}\n * @extends TrackList\n */\n\nvar TextTrackList = function (_TrackList) {\n inherits(TextTrackList, _TrackList);\n\n function TextTrackList() {\n classCallCheck(this, TextTrackList);\n return possibleConstructorReturn(this, _TrackList.apply(this, arguments));\n }\n\n /**\n * Add a {@link TextTrack} to the `TextTrackList`\n *\n * @param {TextTrack} track\n * The text track to add to the list.\n *\n * @fires TrackList#addtrack\n */\n TextTrackList.prototype.addTrack = function addTrack(track) {\n _TrackList.prototype.addTrack.call(this, track);\n\n /**\n * @listens TextTrack#modechange\n * @fires TrackList#change\n */\n track.addEventListener('modechange', bind(this, function () {\n this.queueTrigger('change');\n }));\n\n var nonLanguageTextTrackKind = ['metadata', 'chapters'];\n\n if (nonLanguageTextTrackKind.indexOf(track.kind) === -1) {\n track.addEventListener('modechange', bind(this, function () {\n this.trigger('selectedlanguagechange');\n }));\n }\n };\n\n return TextTrackList;\n}(TrackList);\n\n/**\n * @file html-track-element-list.js\n */\n\n/**\n * The current list of {@link HtmlTrackElement}s.\n */\nvar HtmlTrackElementList = function () {\n\n /**\n * Create an instance of this class.\n *\n * @param {HtmlTrackElement[]} [tracks=[]]\n * A list of `HtmlTrackElement` to instantiate the list with.\n */\n function HtmlTrackElementList() {\n var trackElements = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];\n classCallCheck(this, HtmlTrackElementList);\n\n this.trackElements_ = [];\n\n /**\n * @memberof HtmlTrackElementList\n * @member {number} length\n * The current number of `Track`s in the this Trackist.\n * @instance\n */\n Object.defineProperty(this, 'length', {\n get: function get$$1() {\n return this.trackElements_.length;\n }\n });\n\n for (var i = 0, length = trackElements.length; i < length; i++) {\n this.addTrackElement_(trackElements[i]);\n }\n }\n\n /**\n * Add an {@link HtmlTrackElement} to the `HtmlTrackElementList`\n *\n * @param {HtmlTrackElement} trackElement\n * The track element to add to the list.\n *\n * @private\n */\n\n\n HtmlTrackElementList.prototype.addTrackElement_ = function addTrackElement_(trackElement) {\n var index = this.trackElements_.length;\n\n if (!('' + index in this)) {\n Object.defineProperty(this, index, {\n get: function get$$1() {\n return this.trackElements_[index];\n }\n });\n }\n\n // Do not add duplicate elements\n if (this.trackElements_.indexOf(trackElement) === -1) {\n this.trackElements_.push(trackElement);\n }\n };\n\n /**\n * Get an {@link HtmlTrackElement} from the `HtmlTrackElementList` given an\n * {@link TextTrack}.\n *\n * @param {TextTrack} track\n * The track associated with a track element.\n *\n * @return {HtmlTrackElement|undefined}\n * The track element that was found or undefined.\n *\n * @private\n */\n\n\n HtmlTrackElementList.prototype.getTrackElementByTrack_ = function getTrackElementByTrack_(track) {\n var trackElement_ = void 0;\n\n for (var i = 0, length = this.trackElements_.length; i < length; i++) {\n if (track === this.trackElements_[i].track) {\n trackElement_ = this.trackElements_[i];\n\n break;\n }\n }\n\n return trackElement_;\n };\n\n /**\n * Remove a {@link HtmlTrackElement} from the `HtmlTrackElementList`\n *\n * @param {HtmlTrackElement} trackElement\n * The track element to remove from the list.\n *\n * @private\n */\n\n\n HtmlTrackElementList.prototype.removeTrackElement_ = function removeTrackElement_(trackElement) {\n for (var i = 0, length = this.trackElements_.length; i < length; i++) {\n if (trackElement === this.trackElements_[i]) {\n this.trackElements_.splice(i, 1);\n\n break;\n }\n }\n };\n\n return HtmlTrackElementList;\n}();\n\n/**\n * @file text-track-cue-list.js\n */\n\n/**\n * @typedef {Object} TextTrackCueList~TextTrackCue\n *\n * @property {string} id\n * The unique id for this text track cue\n *\n * @property {number} startTime\n * The start time for this text track cue\n *\n * @property {number} endTime\n * The end time for this text track cue\n *\n * @property {boolean} pauseOnExit\n * Pause when the end time is reached if true.\n *\n * @see [Spec]{@link https://html.spec.whatwg.org/multipage/embedded-content.html#texttrackcue}\n */\n\n/**\n * A List of TextTrackCues.\n *\n * @see [Spec]{@link https://html.spec.whatwg.org/multipage/embedded-content.html#texttrackcuelist}\n */\nvar TextTrackCueList = function () {\n\n /**\n * Create an instance of this class..\n *\n * @param {Array} cues\n * A list of cues to be initialized with\n */\n function TextTrackCueList(cues) {\n classCallCheck(this, TextTrackCueList);\n\n TextTrackCueList.prototype.setCues_.call(this, cues);\n\n /**\n * @memberof TextTrackCueList\n * @member {number} length\n * The current number of `TextTrackCue`s in the TextTrackCueList.\n * @instance\n */\n Object.defineProperty(this, 'length', {\n get: function get$$1() {\n return this.length_;\n }\n });\n }\n\n /**\n * A setter for cues in this list. Creates getters\n * an an index for the cues.\n *\n * @param {Array} cues\n * An array of cues to set\n *\n * @private\n */\n\n\n TextTrackCueList.prototype.setCues_ = function setCues_(cues) {\n var oldLength = this.length || 0;\n var i = 0;\n var l = cues.length;\n\n this.cues_ = cues;\n this.length_ = cues.length;\n\n var defineProp = function defineProp(index) {\n if (!('' + index in this)) {\n Object.defineProperty(this, '' + index, {\n get: function get$$1() {\n return this.cues_[index];\n }\n });\n }\n };\n\n if (oldLength < l) {\n i = oldLength;\n\n for (; i < l; i++) {\n defineProp.call(this, i);\n }\n }\n };\n\n /**\n * Get a `TextTrackCue` that is currently in the `TextTrackCueList` by id.\n *\n * @param {string} id\n * The id of the cue that should be searched for.\n *\n * @return {TextTrackCueList~TextTrackCue|null}\n * A single cue or null if none was found.\n */\n\n\n TextTrackCueList.prototype.getCueById = function getCueById(id) {\n var result = null;\n\n for (var i = 0, l = this.length; i < l; i++) {\n var cue = this[i];\n\n if (cue.id === id) {\n result = cue;\n break;\n }\n }\n\n return result;\n };\n\n return TextTrackCueList;\n}();\n\n/**\n * @file track-kinds.js\n */\n\n/**\n * All possible `VideoTrackKind`s\n *\n * @see https://html.spec.whatwg.org/multipage/embedded-content.html#dom-videotrack-kind\n * @typedef VideoTrack~Kind\n * @enum\n */\nvar VideoTrackKind = {\n alternative: 'alternative',\n captions: 'captions',\n main: 'main',\n sign: 'sign',\n subtitles: 'subtitles',\n commentary: 'commentary'\n};\n\n/**\n * All possible `AudioTrackKind`s\n *\n * @see https://html.spec.whatwg.org/multipage/embedded-content.html#dom-audiotrack-kind\n * @typedef AudioTrack~Kind\n * @enum\n */\nvar AudioTrackKind = {\n 'alternative': 'alternative',\n 'descriptions': 'descriptions',\n 'main': 'main',\n 'main-desc': 'main-desc',\n 'translation': 'translation',\n 'commentary': 'commentary'\n};\n\n/**\n * All possible `TextTrackKind`s\n *\n * @see https://html.spec.whatwg.org/multipage/embedded-content.html#dom-texttrack-kind\n * @typedef TextTrack~Kind\n * @enum\n */\nvar TextTrackKind = {\n subtitles: 'subtitles',\n captions: 'captions',\n descriptions: 'descriptions',\n chapters: 'chapters',\n metadata: 'metadata'\n};\n\n/**\n * All possible `TextTrackMode`s\n *\n * @see https://html.spec.whatwg.org/multipage/embedded-content.html#texttrackmode\n * @typedef TextTrack~Mode\n * @enum\n */\nvar TextTrackMode = {\n disabled: 'disabled',\n hidden: 'hidden',\n showing: 'showing'\n};\n\n/**\n * @file track.js\n */\n\n/**\n * A Track class that contains all of the common functionality for {@link AudioTrack},\n * {@link VideoTrack}, and {@link TextTrack}.\n *\n * > Note: This class should not be used directly\n *\n * @see {@link https://html.spec.whatwg.org/multipage/embedded-content.html}\n * @extends EventTarget\n * @abstract\n */\n\nvar Track = function (_EventTarget) {\n inherits(Track, _EventTarget);\n\n /**\n * Create an instance of this class.\n *\n * @param {Object} [options={}]\n * Object of option names and values\n *\n * @param {string} [options.kind='']\n * A valid kind for the track type you are creating.\n *\n * @param {string} [options.id='vjs_track_' + Guid.newGUID()]\n * A unique id for this AudioTrack.\n *\n * @param {string} [options.label='']\n * The menu label for this track.\n *\n * @param {string} [options.language='']\n * A valid two character language code.\n *\n * @abstract\n */\n function Track() {\n var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n classCallCheck(this, Track);\n\n var _this = possibleConstructorReturn(this, _EventTarget.call(this));\n\n var trackProps = {\n id: options.id || 'vjs_track_' + newGUID(),\n kind: options.kind || '',\n label: options.label || '',\n language: options.language || ''\n };\n\n /**\n * @memberof Track\n * @member {string} id\n * The id of this track. Cannot be changed after creation.\n * @instance\n *\n * @readonly\n */\n\n /**\n * @memberof Track\n * @member {string} kind\n * The kind of track that this is. Cannot be changed after creation.\n * @instance\n *\n * @readonly\n */\n\n /**\n * @memberof Track\n * @member {string} label\n * The label of this track. Cannot be changed after creation.\n * @instance\n *\n * @readonly\n */\n\n /**\n * @memberof Track\n * @member {string} language\n * The two letter language code for this track. Cannot be changed after\n * creation.\n * @instance\n *\n * @readonly\n */\n\n var _loop = function _loop(key) {\n Object.defineProperty(_this, key, {\n get: function get$$1() {\n return trackProps[key];\n },\n set: function set$$1() {}\n });\n };\n\n for (var key in trackProps) {\n _loop(key);\n }\n return _this;\n }\n\n return Track;\n}(EventTarget);\n\n/**\n * @file url.js\n * @module url\n */\n\n/**\n * @typedef {Object} url:URLObject\n *\n * @property {string} protocol\n * The protocol of the url that was parsed.\n *\n * @property {string} hostname\n * The hostname of the url that was parsed.\n *\n * @property {string} port\n * The port of the url that was parsed.\n *\n * @property {string} pathname\n * The pathname of the url that was parsed.\n *\n * @property {string} search\n * The search query of the url that was parsed.\n *\n * @property {string} hash\n * The hash of the url that was parsed.\n *\n * @property {string} host\n * The host of the url that was parsed.\n */\n\n/**\n * Resolve and parse the elements of a URL.\n *\n * @param {string} url\n * The url to parse\n *\n * @return {Object} details\n * An object of url details\n */\nvar parseUrl = function parseUrl(url) {\n var props = ['protocol', 'hostname', 'port', 'pathname', 'search', 'hash', 'host'];\n\n // add the url to an anchor and let the browser parse the URL\n var a = document$1.createElement('a');\n\n a.href = url;\n\n // IE8 (and 9?) Fix\n // ie8 doesn't parse the URL correctly until the anchor is actually\n // added to the body, and an innerHTML is needed to trigger the parsing\n var addToBody = a.host === '' && a.protocol !== 'file:';\n var div = void 0;\n\n if (addToBody) {\n div = document$1.createElement('div');\n div.innerHTML = 'x ';\n url = div.firstChild.href;\n }\n\n return url;\n};\n\n/**\n * Returns the extension of the passed file name. It will return an empty string\n * if passed an invalid path.\n *\n * @param {string} path\n * The fileName path like '/path/to/file.mp4'\n *\n * @return {string}\n * The extension in lower case or an empty string if no\n * extension could be found.\n */\nvar getFileExtension = function getFileExtension(path) {\n if (typeof path === 'string') {\n /* eslint max-len: [\"error\", { \"code\": 800 }] */\n var splitPathRe = /^(\\/?)([\\s\\S]*?)((?:\\.{1,2}|[^\\/]+?)(\\.([^\\.\\/\\?]+)))(?:[\\/]*|[\\?].*)$/i;\n var pathParts = splitPathRe.exec(path);\n\n if (pathParts) {\n return pathParts.pop().toLowerCase();\n }\n }\n\n return '';\n};\n\n/**\n * Returns whether the url passed is a cross domain request or not.\n *\n * @param {string} url\n * The url to check.\n *\n * @return {boolean}\n * Whether it is a cross domain request or not.\n */\nvar isCrossOrigin = function isCrossOrigin(url) {\n var winLoc = window$1.location;\n var urlInfo = parseUrl(url);\n\n // IE8 protocol relative urls will return ':' for protocol\n var srcProtocol = urlInfo.protocol === ':' ? winLoc.protocol : urlInfo.protocol;\n\n // Check if url is for another domain/origin\n // IE8 doesn't know location.origin, so we won't rely on it here\n var crossOrigin = srcProtocol + urlInfo.host !== winLoc.protocol + winLoc.host;\n\n return crossOrigin;\n};\n\nvar Url = /*#__PURE__*/Object.freeze({\n parseUrl: parseUrl,\n getAbsoluteURL: getAbsoluteURL,\n getFileExtension: getFileExtension,\n isCrossOrigin: isCrossOrigin\n});\n\n/**\n * @file text-track.js\n */\n\n/**\n * Takes a webvtt file contents and parses it into cues\n *\n * @param {string} srcContent\n * webVTT file contents\n *\n * @param {TextTrack} track\n * TextTrack to add cues to. Cues come from the srcContent.\n *\n * @private\n */\nvar parseCues = function parseCues(srcContent, track) {\n var parser = new window$1.WebVTT.Parser(window$1, window$1.vttjs, window$1.WebVTT.StringDecoder());\n var errors = [];\n\n parser.oncue = function (cue) {\n track.addCue(cue);\n };\n\n parser.onparsingerror = function (error) {\n errors.push(error);\n };\n\n parser.onflush = function () {\n track.trigger({\n type: 'loadeddata',\n target: track\n });\n };\n\n parser.parse(srcContent);\n if (errors.length > 0) {\n if (window$1.console && window$1.console.groupCollapsed) {\n window$1.console.groupCollapsed('Text Track parsing errors for ' + track.src);\n }\n errors.forEach(function (error) {\n return log$1.error(error);\n });\n if (window$1.console && window$1.console.groupEnd) {\n window$1.console.groupEnd();\n }\n }\n\n parser.flush();\n};\n\n/**\n * Load a `TextTrack` from a specified url.\n *\n * @param {string} src\n * Url to load track from.\n *\n * @param {TextTrack} track\n * Track to add cues to. Comes from the content at the end of `url`.\n *\n * @private\n */\nvar loadTrack = function loadTrack(src, track) {\n var opts = {\n uri: src\n };\n var crossOrigin = isCrossOrigin(src);\n\n if (crossOrigin) {\n opts.cors = crossOrigin;\n }\n\n xhr(opts, bind(this, function (err, response, responseBody) {\n if (err) {\n return log$1.error(err, response);\n }\n\n track.loaded_ = true;\n\n // Make sure that vttjs has loaded, otherwise, wait till it finished loading\n // NOTE: this is only used for the alt/video.novtt.js build\n if (typeof window$1.WebVTT !== 'function') {\n if (track.tech_) {\n var loadHandler = function loadHandler() {\n return parseCues(responseBody, track);\n };\n\n track.tech_.on('vttjsloaded', loadHandler);\n track.tech_.on('vttjserror', function () {\n log$1.error('vttjs failed to load, stopping trying to process ' + track.src);\n track.tech_.off('vttjsloaded', loadHandler);\n });\n }\n } else {\n parseCues(responseBody, track);\n }\n }));\n};\n\n/**\n * A representation of a single `TextTrack`.\n *\n * @see [Spec]{@link https://html.spec.whatwg.org/multipage/embedded-content.html#texttrack}\n * @extends Track\n */\n\nvar TextTrack = function (_Track) {\n inherits(TextTrack, _Track);\n\n /**\n * Create an instance of this class.\n *\n * @param {Object} options={}\n * Object of option names and values\n *\n * @param {Tech} options.tech\n * A reference to the tech that owns this TextTrack.\n *\n * @param {TextTrack~Kind} [options.kind='subtitles']\n * A valid text track kind.\n *\n * @param {TextTrack~Mode} [options.mode='disabled']\n * A valid text track mode.\n *\n * @param {string} [options.id='vjs_track_' + Guid.newGUID()]\n * A unique id for this TextTrack.\n *\n * @param {string} [options.label='']\n * The menu label for this track.\n *\n * @param {string} [options.language='']\n * A valid two character language code.\n *\n * @param {string} [options.srclang='']\n * A valid two character language code. An alternative, but deprioritized\n * version of `options.language`\n *\n * @param {string} [options.src]\n * A url to TextTrack cues.\n *\n * @param {boolean} [options.default]\n * If this track should default to on or off.\n */\n function TextTrack() {\n var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n classCallCheck(this, TextTrack);\n\n if (!options.tech) {\n throw new Error('A tech was not provided.');\n }\n\n var settings = mergeOptions(options, {\n kind: TextTrackKind[options.kind] || 'subtitles',\n language: options.language || options.srclang || ''\n });\n var mode = TextTrackMode[settings.mode] || 'disabled';\n var default_ = settings.default;\n\n if (settings.kind === 'metadata' || settings.kind === 'chapters') {\n mode = 'hidden';\n }\n\n var _this = possibleConstructorReturn(this, _Track.call(this, settings));\n\n _this.tech_ = settings.tech;\n\n _this.cues_ = [];\n _this.activeCues_ = [];\n\n var cues = new TextTrackCueList(_this.cues_);\n var activeCues = new TextTrackCueList(_this.activeCues_);\n var changed = false;\n var timeupdateHandler = bind(_this, function () {\n\n // Accessing this.activeCues for the side-effects of updating itself\n // due to it's nature as a getter function. Do not remove or cues will\n // stop updating!\n // Use the setter to prevent deletion from uglify (pure_getters rule)\n this.activeCues = this.activeCues;\n if (changed) {\n this.trigger('cuechange');\n changed = false;\n }\n });\n\n if (mode !== 'disabled') {\n _this.tech_.ready(function () {\n _this.tech_.on('timeupdate', timeupdateHandler);\n }, true);\n }\n\n Object.defineProperties(_this, {\n /**\n * @memberof TextTrack\n * @member {boolean} default\n * If this track was set to be on or off by default. Cannot be changed after\n * creation.\n * @instance\n *\n * @readonly\n */\n default: {\n get: function get$$1() {\n return default_;\n },\n set: function set$$1() {}\n },\n\n /**\n * @memberof TextTrack\n * @member {string} mode\n * Set the mode of this TextTrack to a valid {@link TextTrack~Mode}. Will\n * not be set if setting to an invalid mode.\n * @instance\n *\n * @fires TextTrack#modechange\n */\n mode: {\n get: function get$$1() {\n return mode;\n },\n set: function set$$1(newMode) {\n var _this2 = this;\n\n if (!TextTrackMode[newMode]) {\n return;\n }\n mode = newMode;\n if (mode === 'showing') {\n\n this.tech_.ready(function () {\n _this2.tech_.on('timeupdate', timeupdateHandler);\n }, true);\n }\n /**\n * An event that fires when mode changes on this track. This allows\n * the TextTrackList that holds this track to act accordingly.\n *\n * > Note: This is not part of the spec!\n *\n * @event TextTrack#modechange\n * @type {EventTarget~Event}\n */\n this.trigger('modechange');\n }\n },\n\n /**\n * @memberof TextTrack\n * @member {TextTrackCueList} cues\n * The text track cue list for this TextTrack.\n * @instance\n */\n cues: {\n get: function get$$1() {\n if (!this.loaded_) {\n return null;\n }\n\n return cues;\n },\n set: function set$$1() {}\n },\n\n /**\n * @memberof TextTrack\n * @member {TextTrackCueList} activeCues\n * The list text track cues that are currently active for this TextTrack.\n * @instance\n */\n activeCues: {\n get: function get$$1() {\n if (!this.loaded_) {\n return null;\n }\n\n // nothing to do\n if (this.cues.length === 0) {\n return activeCues;\n }\n\n var ct = this.tech_.currentTime();\n var active = [];\n\n for (var i = 0, l = this.cues.length; i < l; i++) {\n var cue = this.cues[i];\n\n if (cue.startTime <= ct && cue.endTime >= ct) {\n active.push(cue);\n } else if (cue.startTime === cue.endTime && cue.startTime <= ct && cue.startTime + 0.5 >= ct) {\n active.push(cue);\n }\n }\n\n changed = false;\n\n if (active.length !== this.activeCues_.length) {\n changed = true;\n } else {\n for (var _i = 0; _i < active.length; _i++) {\n if (this.activeCues_.indexOf(active[_i]) === -1) {\n changed = true;\n }\n }\n }\n\n this.activeCues_ = active;\n activeCues.setCues_(this.activeCues_);\n\n return activeCues;\n },\n\n\n // /!\\ Keep this setter empty (see the timeupdate handler above)\n set: function set$$1() {}\n }\n });\n\n if (settings.src) {\n _this.src = settings.src;\n loadTrack(settings.src, _this);\n } else {\n _this.loaded_ = true;\n }\n return _this;\n }\n\n /**\n * Add a cue to the internal list of cues.\n *\n * @param {TextTrack~Cue} originalCue\n * The cue to add to our internal list\n */\n\n\n TextTrack.prototype.addCue = function addCue(originalCue) {\n var cue = originalCue;\n\n if (window$1.vttjs && !(originalCue instanceof window$1.vttjs.VTTCue)) {\n cue = new window$1.vttjs.VTTCue(originalCue.startTime, originalCue.endTime, originalCue.text);\n\n for (var prop in originalCue) {\n if (!(prop in cue)) {\n cue[prop] = originalCue[prop];\n }\n }\n\n // make sure that `id` is copied over\n cue.id = originalCue.id;\n cue.originalCue_ = originalCue;\n }\n\n var tracks = this.tech_.textTracks();\n\n for (var i = 0; i < tracks.length; i++) {\n if (tracks[i] !== this) {\n tracks[i].removeCue(cue);\n }\n }\n\n this.cues_.push(cue);\n this.cues.setCues_(this.cues_);\n };\n\n /**\n * Remove a cue from our internal list\n *\n * @param {TextTrack~Cue} removeCue\n * The cue to remove from our internal list\n */\n\n\n TextTrack.prototype.removeCue = function removeCue(_removeCue) {\n var i = this.cues_.length;\n\n while (i--) {\n var cue = this.cues_[i];\n\n if (cue === _removeCue || cue.originalCue_ && cue.originalCue_ === _removeCue) {\n this.cues_.splice(i, 1);\n this.cues.setCues_(this.cues_);\n break;\n }\n }\n };\n\n return TextTrack;\n}(Track);\n\n/**\n * cuechange - One or more cues in the track have become active or stopped being active.\n */\n\n\nTextTrack.prototype.allowedEvents_ = {\n cuechange: 'cuechange'\n};\n\n/**\n * A representation of a single `AudioTrack`. If it is part of an {@link AudioTrackList}\n * only one `AudioTrack` in the list will be enabled at a time.\n *\n * @see [Spec]{@link https://html.spec.whatwg.org/multipage/embedded-content.html#audiotrack}\n * @extends Track\n */\n\nvar AudioTrack = function (_Track) {\n inherits(AudioTrack, _Track);\n\n /**\n * Create an instance of this class.\n *\n * @param {Object} [options={}]\n * Object of option names and values\n *\n * @param {AudioTrack~Kind} [options.kind='']\n * A valid audio track kind\n *\n * @param {string} [options.id='vjs_track_' + Guid.newGUID()]\n * A unique id for this AudioTrack.\n *\n * @param {string} [options.label='']\n * The menu label for this track.\n *\n * @param {string} [options.language='']\n * A valid two character language code.\n *\n * @param {boolean} [options.enabled]\n * If this track is the one that is currently playing. If this track is part of\n * an {@link AudioTrackList}, only one {@link AudioTrack} will be enabled.\n */\n function AudioTrack() {\n var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n classCallCheck(this, AudioTrack);\n\n var settings = mergeOptions(options, {\n kind: AudioTrackKind[options.kind] || ''\n });\n\n var _this = possibleConstructorReturn(this, _Track.call(this, settings));\n\n var enabled = false;\n\n /**\n * @memberof AudioTrack\n * @member {boolean} enabled\n * If this `AudioTrack` is enabled or not. When setting this will\n * fire {@link AudioTrack#enabledchange} if the state of enabled is changed.\n * @instance\n *\n * @fires VideoTrack#selectedchange\n */\n Object.defineProperty(_this, 'enabled', {\n get: function get$$1() {\n return enabled;\n },\n set: function set$$1(newEnabled) {\n // an invalid or unchanged value\n if (typeof newEnabled !== 'boolean' || newEnabled === enabled) {\n return;\n }\n enabled = newEnabled;\n\n /**\n * An event that fires when enabled changes on this track. This allows\n * the AudioTrackList that holds this track to act accordingly.\n *\n * > Note: This is not part of the spec! Native tracks will do\n * this internally without an event.\n *\n * @event AudioTrack#enabledchange\n * @type {EventTarget~Event}\n */\n this.trigger('enabledchange');\n }\n });\n\n // if the user sets this track to selected then\n // set selected to that true value otherwise\n // we keep it false\n if (settings.enabled) {\n _this.enabled = settings.enabled;\n }\n _this.loaded_ = true;\n return _this;\n }\n\n return AudioTrack;\n}(Track);\n\n/**\n * A representation of a single `VideoTrack`.\n *\n * @see [Spec]{@link https://html.spec.whatwg.org/multipage/embedded-content.html#videotrack}\n * @extends Track\n */\n\nvar VideoTrack = function (_Track) {\n inherits(VideoTrack, _Track);\n\n /**\n * Create an instance of this class.\n *\n * @param {Object} [options={}]\n * Object of option names and values\n *\n * @param {string} [options.kind='']\n * A valid {@link VideoTrack~Kind}\n *\n * @param {string} [options.id='vjs_track_' + Guid.newGUID()]\n * A unique id for this AudioTrack.\n *\n * @param {string} [options.label='']\n * The menu label for this track.\n *\n * @param {string} [options.language='']\n * A valid two character language code.\n *\n * @param {boolean} [options.selected]\n * If this track is the one that is currently playing.\n */\n function VideoTrack() {\n var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n classCallCheck(this, VideoTrack);\n\n var settings = mergeOptions(options, {\n kind: VideoTrackKind[options.kind] || ''\n });\n\n var _this = possibleConstructorReturn(this, _Track.call(this, settings));\n\n var selected = false;\n\n /**\n * @memberof VideoTrack\n * @member {boolean} selected\n * If this `VideoTrack` is selected or not. When setting this will\n * fire {@link VideoTrack#selectedchange} if the state of selected changed.\n * @instance\n *\n * @fires VideoTrack#selectedchange\n */\n Object.defineProperty(_this, 'selected', {\n get: function get$$1() {\n return selected;\n },\n set: function set$$1(newSelected) {\n // an invalid or unchanged value\n if (typeof newSelected !== 'boolean' || newSelected === selected) {\n return;\n }\n selected = newSelected;\n\n /**\n * An event that fires when selected changes on this track. This allows\n * the VideoTrackList that holds this track to act accordingly.\n *\n * > Note: This is not part of the spec! Native tracks will do\n * this internally without an event.\n *\n * @event VideoTrack#selectedchange\n * @type {EventTarget~Event}\n */\n this.trigger('selectedchange');\n }\n });\n\n // if the user sets this track to selected then\n // set selected to that true value otherwise\n // we keep it false\n if (settings.selected) {\n _this.selected = settings.selected;\n }\n return _this;\n }\n\n return VideoTrack;\n}(Track);\n\n/**\n * @file html-track-element.js\n */\n\n/**\n * @memberof HTMLTrackElement\n * @typedef {HTMLTrackElement~ReadyState}\n * @enum {number}\n */\nvar NONE = 0;\nvar LOADING = 1;\nvar LOADED = 2;\nvar ERROR = 3;\n\n/**\n * A single track represented in the DOM.\n *\n * @see [Spec]{@link https://html.spec.whatwg.org/multipage/embedded-content.html#htmltrackelement}\n * @extends EventTarget\n */\n\nvar HTMLTrackElement = function (_EventTarget) {\n inherits(HTMLTrackElement, _EventTarget);\n\n /**\n * Create an instance of this class.\n *\n * @param {Object} options={}\n * Object of option names and values\n *\n * @param {Tech} options.tech\n * A reference to the tech that owns this HTMLTrackElement.\n *\n * @param {TextTrack~Kind} [options.kind='subtitles']\n * A valid text track kind.\n *\n * @param {TextTrack~Mode} [options.mode='disabled']\n * A valid text track mode.\n *\n * @param {string} [options.id='vjs_track_' + Guid.newGUID()]\n * A unique id for this TextTrack.\n *\n * @param {string} [options.label='']\n * The menu label for this track.\n *\n * @param {string} [options.language='']\n * A valid two character language code.\n *\n * @param {string} [options.srclang='']\n * A valid two character language code. An alternative, but deprioritized\n * vesion of `options.language`\n *\n * @param {string} [options.src]\n * A url to TextTrack cues.\n *\n * @param {boolean} [options.default]\n * If this track should default to on or off.\n */\n function HTMLTrackElement() {\n var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n classCallCheck(this, HTMLTrackElement);\n\n var _this = possibleConstructorReturn(this, _EventTarget.call(this));\n\n var readyState = void 0;\n\n var track = new TextTrack(options);\n\n _this.kind = track.kind;\n _this.src = track.src;\n _this.srclang = track.language;\n _this.label = track.label;\n _this.default = track.default;\n\n Object.defineProperties(_this, {\n\n /**\n * @memberof HTMLTrackElement\n * @member {HTMLTrackElement~ReadyState} readyState\n * The current ready state of the track element.\n * @instance\n */\n readyState: {\n get: function get$$1() {\n return readyState;\n }\n },\n\n /**\n * @memberof HTMLTrackElement\n * @member {TextTrack} track\n * The underlying TextTrack object.\n * @instance\n *\n */\n track: {\n get: function get$$1() {\n return track;\n }\n }\n });\n\n readyState = NONE;\n\n /**\n * @listens TextTrack#loadeddata\n * @fires HTMLTrackElement#load\n */\n track.addEventListener('loadeddata', function () {\n readyState = LOADED;\n\n _this.trigger({\n type: 'load',\n target: _this\n });\n });\n return _this;\n }\n\n return HTMLTrackElement;\n}(EventTarget);\n\nHTMLTrackElement.prototype.allowedEvents_ = {\n load: 'load'\n};\n\nHTMLTrackElement.NONE = NONE;\nHTMLTrackElement.LOADING = LOADING;\nHTMLTrackElement.LOADED = LOADED;\nHTMLTrackElement.ERROR = ERROR;\n\n/*\n * This file contains all track properties that are used in\n * player.js, tech.js, html5.js and possibly other techs in the future.\n */\n\nvar NORMAL = {\n audio: {\n ListClass: AudioTrackList,\n TrackClass: AudioTrack,\n capitalName: 'Audio'\n },\n video: {\n ListClass: VideoTrackList,\n TrackClass: VideoTrack,\n capitalName: 'Video'\n },\n text: {\n ListClass: TextTrackList,\n TrackClass: TextTrack,\n capitalName: 'Text'\n }\n};\n\nObject.keys(NORMAL).forEach(function (type) {\n NORMAL[type].getterName = type + 'Tracks';\n NORMAL[type].privateName = type + 'Tracks_';\n});\n\nvar REMOTE = {\n remoteText: {\n ListClass: TextTrackList,\n TrackClass: TextTrack,\n capitalName: 'RemoteText',\n getterName: 'remoteTextTracks',\n privateName: 'remoteTextTracks_'\n },\n remoteTextEl: {\n ListClass: HtmlTrackElementList,\n TrackClass: HTMLTrackElement,\n capitalName: 'RemoteTextTrackEls',\n getterName: 'remoteTextTrackEls',\n privateName: 'remoteTextTrackEls_'\n }\n};\n\nvar ALL = mergeOptions(NORMAL, REMOTE);\n\nREMOTE.names = Object.keys(REMOTE);\nNORMAL.names = Object.keys(NORMAL);\nALL.names = [].concat(REMOTE.names).concat(NORMAL.names);\n\n/**\n * @file tech.js\n */\n\n/**\n * An Object containing a structure like: `{src: 'url', type: 'mimetype'}` or string\n * that just contains the src url alone.\n * * `var SourceObject = {src: 'http://ex.com/video.mp4', type: 'video/mp4'};`\n * `var SourceString = 'http://example.com/some-video.mp4';`\n *\n * @typedef {Object|string} Tech~SourceObject\n *\n * @property {string} src\n * The url to the source\n *\n * @property {string} type\n * The mime type of the source\n */\n\n/**\n * A function used by {@link Tech} to create a new {@link TextTrack}.\n *\n * @private\n *\n * @param {Tech} self\n * An instance of the Tech class.\n *\n * @param {string} kind\n * `TextTrack` kind (subtitles, captions, descriptions, chapters, or metadata)\n *\n * @param {string} [label]\n * Label to identify the text track\n *\n * @param {string} [language]\n * Two letter language abbreviation\n *\n * @param {Object} [options={}]\n * An object with additional text track options\n *\n * @return {TextTrack}\n * The text track that was created.\n */\nfunction createTrackHelper(self, kind, label, language) {\n var options = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {};\n\n var tracks = self.textTracks();\n\n options.kind = kind;\n\n if (label) {\n options.label = label;\n }\n if (language) {\n options.language = language;\n }\n options.tech = self;\n\n var track = new ALL.text.TrackClass(options);\n\n tracks.addTrack(track);\n\n return track;\n}\n\n/**\n * This is the base class for media playback technology controllers, such as\n * {@link Flash} and {@link HTML5}\n *\n * @extends Component\n */\n\nvar Tech = function (_Component) {\n inherits(Tech, _Component);\n\n /**\n * Create an instance of this Tech.\n *\n * @param {Object} [options]\n * The key/value store of player options.\n *\n * @param {Component~ReadyCallback} ready\n * Callback function to call when the `HTML5` Tech is ready.\n */\n function Tech() {\n var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n var ready = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : function () {};\n classCallCheck(this, Tech);\n\n // we don't want the tech to report user activity automatically.\n // This is done manually in addControlsListeners\n options.reportTouchActivity = false;\n\n // keep track of whether the current source has played at all to\n // implement a very limited played()\n var _this = possibleConstructorReturn(this, _Component.call(this, null, options, ready));\n\n _this.hasStarted_ = false;\n _this.on('playing', function () {\n this.hasStarted_ = true;\n });\n _this.on('loadstart', function () {\n this.hasStarted_ = false;\n });\n\n ALL.names.forEach(function (name) {\n var props = ALL[name];\n\n if (options && options[props.getterName]) {\n _this[props.privateName] = options[props.getterName];\n }\n });\n\n // Manually track progress in cases where the browser/flash player doesn't report it.\n if (!_this.featuresProgressEvents) {\n _this.manualProgressOn();\n }\n\n // Manually track timeupdates in cases where the browser/flash player doesn't report it.\n if (!_this.featuresTimeupdateEvents) {\n _this.manualTimeUpdatesOn();\n }\n\n ['Text', 'Audio', 'Video'].forEach(function (track) {\n if (options['native' + track + 'Tracks'] === false) {\n _this['featuresNative' + track + 'Tracks'] = false;\n }\n });\n\n if (options.nativeCaptions === false || options.nativeTextTracks === false) {\n _this.featuresNativeTextTracks = false;\n } else if (options.nativeCaptions === true || options.nativeTextTracks === true) {\n _this.featuresNativeTextTracks = true;\n }\n\n if (!_this.featuresNativeTextTracks) {\n _this.emulateTextTracks();\n }\n\n _this.autoRemoteTextTracks_ = new ALL.text.ListClass();\n\n _this.initTrackListeners();\n\n // Turn on component tap events only if not using native controls\n if (!options.nativeControlsForTouch) {\n _this.emitTapEvents();\n }\n\n if (_this.constructor) {\n _this.name_ = _this.constructor.name || 'Unknown Tech';\n }\n return _this;\n }\n\n /**\n * A special function to trigger source set in a way that will allow player\n * to re-trigger if the player or tech are not ready yet.\n *\n * @fires Tech#sourceset\n * @param {string} src The source string at the time of the source changing.\n */\n\n\n Tech.prototype.triggerSourceset = function triggerSourceset(src) {\n var _this2 = this;\n\n if (!this.isReady_) {\n // on initial ready we have to trigger source set\n // 1ms after ready so that player can watch for it.\n this.one('ready', function () {\n return _this2.setTimeout(function () {\n return _this2.triggerSourceset(src);\n }, 1);\n });\n }\n\n /**\n * Fired when the source is set on the tech causing the media element\n * to reload.\n *\n * @see {@link Player#event:sourceset}\n * @event Tech#sourceset\n * @type {EventTarget~Event}\n */\n this.trigger({\n src: src,\n type: 'sourceset'\n });\n };\n\n /* Fallbacks for unsupported event types\n ================================================================================ */\n\n /**\n * Polyfill the `progress` event for browsers that don't support it natively.\n *\n * @see {@link Tech#trackProgress}\n */\n\n\n Tech.prototype.manualProgressOn = function manualProgressOn() {\n this.on('durationchange', this.onDurationChange);\n\n this.manualProgress = true;\n\n // Trigger progress watching when a source begins loading\n this.one('ready', this.trackProgress);\n };\n\n /**\n * Turn off the polyfill for `progress` events that was created in\n * {@link Tech#manualProgressOn}\n */\n\n\n Tech.prototype.manualProgressOff = function manualProgressOff() {\n this.manualProgress = false;\n this.stopTrackingProgress();\n\n this.off('durationchange', this.onDurationChange);\n };\n\n /**\n * This is used to trigger a `progress` event when the buffered percent changes. It\n * sets an interval function that will be called every 500 milliseconds to check if the\n * buffer end percent has changed.\n *\n * > This function is called by {@link Tech#manualProgressOn}\n *\n * @param {EventTarget~Event} event\n * The `ready` event that caused this to run.\n *\n * @listens Tech#ready\n * @fires Tech#progress\n */\n\n\n Tech.prototype.trackProgress = function trackProgress(event) {\n this.stopTrackingProgress();\n this.progressInterval = this.setInterval(bind(this, function () {\n // Don't trigger unless buffered amount is greater than last time\n\n var numBufferedPercent = this.bufferedPercent();\n\n if (this.bufferedPercent_ !== numBufferedPercent) {\n /**\n * See {@link Player#progress}\n *\n * @event Tech#progress\n * @type {EventTarget~Event}\n */\n this.trigger('progress');\n }\n\n this.bufferedPercent_ = numBufferedPercent;\n\n if (numBufferedPercent === 1) {\n this.stopTrackingProgress();\n }\n }), 500);\n };\n\n /**\n * Update our internal duration on a `durationchange` event by calling\n * {@link Tech#duration}.\n *\n * @param {EventTarget~Event} event\n * The `durationchange` event that caused this to run.\n *\n * @listens Tech#durationchange\n */\n\n\n Tech.prototype.onDurationChange = function onDurationChange(event) {\n this.duration_ = this.duration();\n };\n\n /**\n * Get and create a `TimeRange` object for buffering.\n *\n * @return {TimeRange}\n * The time range object that was created.\n */\n\n\n Tech.prototype.buffered = function buffered() {\n return createTimeRanges(0, 0);\n };\n\n /**\n * Get the percentage of the current video that is currently buffered.\n *\n * @return {number}\n * A number from 0 to 1 that represents the decimal percentage of the\n * video that is buffered.\n *\n */\n\n\n Tech.prototype.bufferedPercent = function bufferedPercent$$1() {\n return bufferedPercent(this.buffered(), this.duration_);\n };\n\n /**\n * Turn off the polyfill for `progress` events that was created in\n * {@link Tech#manualProgressOn}\n * Stop manually tracking progress events by clearing the interval that was set in\n * {@link Tech#trackProgress}.\n */\n\n\n Tech.prototype.stopTrackingProgress = function stopTrackingProgress() {\n this.clearInterval(this.progressInterval);\n };\n\n /**\n * Polyfill the `timeupdate` event for browsers that don't support it.\n *\n * @see {@link Tech#trackCurrentTime}\n */\n\n\n Tech.prototype.manualTimeUpdatesOn = function manualTimeUpdatesOn() {\n this.manualTimeUpdates = true;\n\n this.on('play', this.trackCurrentTime);\n this.on('pause', this.stopTrackingCurrentTime);\n };\n\n /**\n * Turn off the polyfill for `timeupdate` events that was created in\n * {@link Tech#manualTimeUpdatesOn}\n */\n\n\n Tech.prototype.manualTimeUpdatesOff = function manualTimeUpdatesOff() {\n this.manualTimeUpdates = false;\n this.stopTrackingCurrentTime();\n this.off('play', this.trackCurrentTime);\n this.off('pause', this.stopTrackingCurrentTime);\n };\n\n /**\n * Sets up an interval function to track current time and trigger `timeupdate` every\n * 250 milliseconds.\n *\n * @listens Tech#play\n * @triggers Tech#timeupdate\n */\n\n\n Tech.prototype.trackCurrentTime = function trackCurrentTime() {\n if (this.currentTimeInterval) {\n this.stopTrackingCurrentTime();\n }\n this.currentTimeInterval = this.setInterval(function () {\n /**\n * Triggered at an interval of 250ms to indicated that time is passing in the video.\n *\n * @event Tech#timeupdate\n * @type {EventTarget~Event}\n */\n this.trigger({ type: 'timeupdate', target: this, manuallyTriggered: true });\n\n // 42 = 24 fps // 250 is what Webkit uses // FF uses 15\n }, 250);\n };\n\n /**\n * Stop the interval function created in {@link Tech#trackCurrentTime} so that the\n * `timeupdate` event is no longer triggered.\n *\n * @listens {Tech#pause}\n */\n\n\n Tech.prototype.stopTrackingCurrentTime = function stopTrackingCurrentTime() {\n this.clearInterval(this.currentTimeInterval);\n\n // #1002 - if the video ends right before the next timeupdate would happen,\n // the progress bar won't make it all the way to the end\n this.trigger({ type: 'timeupdate', target: this, manuallyTriggered: true });\n };\n\n /**\n * Turn off all event polyfills, clear the `Tech`s {@link AudioTrackList},\n * {@link VideoTrackList}, and {@link TextTrackList}, and dispose of this Tech.\n *\n * @fires Component#dispose\n */\n\n\n Tech.prototype.dispose = function dispose() {\n\n // clear out all tracks because we can't reuse them between techs\n this.clearTracks(NORMAL.names);\n\n // Turn off any manual progress or timeupdate tracking\n if (this.manualProgress) {\n this.manualProgressOff();\n }\n\n if (this.manualTimeUpdates) {\n this.manualTimeUpdatesOff();\n }\n\n _Component.prototype.dispose.call(this);\n };\n\n /**\n * Clear out a single `TrackList` or an array of `TrackLists` given their names.\n *\n * > Note: Techs without source handlers should call this between sources for `video`\n * & `audio` tracks. You don't want to use them between tracks!\n *\n * @param {string[]|string} types\n * TrackList names to clear, valid names are `video`, `audio`, and\n * `text`.\n */\n\n\n Tech.prototype.clearTracks = function clearTracks(types) {\n var _this3 = this;\n\n types = [].concat(types);\n // clear out all tracks because we can't reuse them between techs\n types.forEach(function (type) {\n var list = _this3[type + 'Tracks']() || [];\n var i = list.length;\n\n while (i--) {\n var track = list[i];\n\n if (type === 'text') {\n _this3.removeRemoteTextTrack(track);\n }\n list.removeTrack(track);\n }\n });\n };\n\n /**\n * Remove any TextTracks added via addRemoteTextTrack that are\n * flagged for automatic garbage collection\n */\n\n\n Tech.prototype.cleanupAutoTextTracks = function cleanupAutoTextTracks() {\n var list = this.autoRemoteTextTracks_ || [];\n var i = list.length;\n\n while (i--) {\n var track = list[i];\n\n this.removeRemoteTextTrack(track);\n }\n };\n\n /**\n * Reset the tech, which will removes all sources and reset the internal readyState.\n *\n * @abstract\n */\n\n\n Tech.prototype.reset = function reset() {};\n\n /**\n * Get or set an error on the Tech.\n *\n * @param {MediaError} [err]\n * Error to set on the Tech\n *\n * @return {MediaError|null}\n * The current error object on the tech, or null if there isn't one.\n */\n\n\n Tech.prototype.error = function error(err) {\n if (err !== undefined) {\n this.error_ = new MediaError(err);\n this.trigger('error');\n }\n return this.error_;\n };\n\n /**\n * Returns the `TimeRange`s that have been played through for the current source.\n *\n * > NOTE: This implementation is incomplete. It does not track the played `TimeRange`.\n * It only checks whether the source has played at all or not.\n *\n * @return {TimeRange}\n * - A single time range if this video has played\n * - An empty set of ranges if not.\n */\n\n\n Tech.prototype.played = function played() {\n if (this.hasStarted_) {\n return createTimeRanges(0, 0);\n }\n return createTimeRanges();\n };\n\n /**\n * Causes a manual time update to occur if {@link Tech#manualTimeUpdatesOn} was\n * previously called.\n *\n * @fires Tech#timeupdate\n */\n\n\n Tech.prototype.setCurrentTime = function setCurrentTime() {\n // improve the accuracy of manual timeupdates\n if (this.manualTimeUpdates) {\n /**\n * A manual `timeupdate` event.\n *\n * @event Tech#timeupdate\n * @type {EventTarget~Event}\n */\n this.trigger({ type: 'timeupdate', target: this, manuallyTriggered: true });\n }\n };\n\n /**\n * Turn on listeners for {@link VideoTrackList}, {@link {AudioTrackList}, and\n * {@link TextTrackList} events.\n *\n * This adds {@link EventTarget~EventListeners} for `addtrack`, and `removetrack`.\n *\n * @fires Tech#audiotrackchange\n * @fires Tech#videotrackchange\n * @fires Tech#texttrackchange\n */\n\n\n Tech.prototype.initTrackListeners = function initTrackListeners() {\n var _this4 = this;\n\n /**\n * Triggered when tracks are added or removed on the Tech {@link AudioTrackList}\n *\n * @event Tech#audiotrackchange\n * @type {EventTarget~Event}\n */\n\n /**\n * Triggered when tracks are added or removed on the Tech {@link VideoTrackList}\n *\n * @event Tech#videotrackchange\n * @type {EventTarget~Event}\n */\n\n /**\n * Triggered when tracks are added or removed on the Tech {@link TextTrackList}\n *\n * @event Tech#texttrackchange\n * @type {EventTarget~Event}\n */\n NORMAL.names.forEach(function (name) {\n var props = NORMAL[name];\n var trackListChanges = function trackListChanges() {\n _this4.trigger(name + 'trackchange');\n };\n\n var tracks = _this4[props.getterName]();\n\n tracks.addEventListener('removetrack', trackListChanges);\n tracks.addEventListener('addtrack', trackListChanges);\n\n _this4.on('dispose', function () {\n tracks.removeEventListener('removetrack', trackListChanges);\n tracks.removeEventListener('addtrack', trackListChanges);\n });\n });\n };\n\n /**\n * Emulate TextTracks using vtt.js if necessary\n *\n * @fires Tech#vttjsloaded\n * @fires Tech#vttjserror\n */\n\n\n Tech.prototype.addWebVttScript_ = function addWebVttScript_() {\n var _this5 = this;\n\n if (window$1.WebVTT) {\n return;\n }\n\n // Initially, Tech.el_ is a child of a dummy-div wait until the Component system\n // signals that the Tech is ready at which point Tech.el_ is part of the DOM\n // before inserting the WebVTT script\n if (document$1.body.contains(this.el())) {\n\n // load via require if available and vtt.js script location was not passed in\n // as an option. novtt builds will turn the above require call into an empty object\n // which will cause this if check to always fail.\n if (!this.options_['vtt.js'] && isPlain(vtt) && Object.keys(vtt).length > 0) {\n this.trigger('vttjsloaded');\n return;\n }\n\n // load vtt.js via the script location option or the cdn of no location was\n // passed in\n var script = document$1.createElement('script');\n\n script.src = this.options_['vtt.js'] || 'https://vjs.zencdn.net/vttjs/0.14.1/vtt.min.js';\n script.onload = function () {\n /**\n * Fired when vtt.js is loaded.\n *\n * @event Tech#vttjsloaded\n * @type {EventTarget~Event}\n */\n _this5.trigger('vttjsloaded');\n };\n script.onerror = function () {\n /**\n * Fired when vtt.js was not loaded due to an error\n *\n * @event Tech#vttjsloaded\n * @type {EventTarget~Event}\n */\n _this5.trigger('vttjserror');\n };\n this.on('dispose', function () {\n script.onload = null;\n script.onerror = null;\n });\n // but have not loaded yet and we set it to true before the inject so that\n // we don't overwrite the injected window.WebVTT if it loads right away\n window$1.WebVTT = true;\n this.el().parentNode.appendChild(script);\n } else {\n this.ready(this.addWebVttScript_);\n }\n };\n\n /**\n * Emulate texttracks\n *\n */\n\n\n Tech.prototype.emulateTextTracks = function emulateTextTracks() {\n var _this6 = this;\n\n var tracks = this.textTracks();\n var remoteTracks = this.remoteTextTracks();\n var handleAddTrack = function handleAddTrack(e) {\n return tracks.addTrack(e.track);\n };\n var handleRemoveTrack = function handleRemoveTrack(e) {\n return tracks.removeTrack(e.track);\n };\n\n remoteTracks.on('addtrack', handleAddTrack);\n remoteTracks.on('removetrack', handleRemoveTrack);\n\n this.addWebVttScript_();\n\n var updateDisplay = function updateDisplay() {\n return _this6.trigger('texttrackchange');\n };\n\n var textTracksChanges = function textTracksChanges() {\n updateDisplay();\n\n for (var i = 0; i < tracks.length; i++) {\n var track = tracks[i];\n\n track.removeEventListener('cuechange', updateDisplay);\n if (track.mode === 'showing') {\n track.addEventListener('cuechange', updateDisplay);\n }\n }\n };\n\n textTracksChanges();\n tracks.addEventListener('change', textTracksChanges);\n tracks.addEventListener('addtrack', textTracksChanges);\n tracks.addEventListener('removetrack', textTracksChanges);\n\n this.on('dispose', function () {\n remoteTracks.off('addtrack', handleAddTrack);\n remoteTracks.off('removetrack', handleRemoveTrack);\n tracks.removeEventListener('change', textTracksChanges);\n tracks.removeEventListener('addtrack', textTracksChanges);\n tracks.removeEventListener('removetrack', textTracksChanges);\n\n for (var i = 0; i < tracks.length; i++) {\n var track = tracks[i];\n\n track.removeEventListener('cuechange', updateDisplay);\n }\n });\n };\n\n /**\n * Create and returns a remote {@link TextTrack} object.\n *\n * @param {string} kind\n * `TextTrack` kind (subtitles, captions, descriptions, chapters, or metadata)\n *\n * @param {string} [label]\n * Label to identify the text track\n *\n * @param {string} [language]\n * Two letter language abbreviation\n *\n * @return {TextTrack}\n * The TextTrack that gets created.\n */\n\n\n Tech.prototype.addTextTrack = function addTextTrack(kind, label, language) {\n if (!kind) {\n throw new Error('TextTrack kind is required but was not provided');\n }\n\n return createTrackHelper(this, kind, label, language);\n };\n\n /**\n * Create an emulated TextTrack for use by addRemoteTextTrack\n *\n * This is intended to be overridden by classes that inherit from\n * Tech in order to create native or custom TextTracks.\n *\n * @param {Object} options\n * The object should contain the options to initialize the TextTrack with.\n *\n * @param {string} [options.kind]\n * `TextTrack` kind (subtitles, captions, descriptions, chapters, or metadata).\n *\n * @param {string} [options.label].\n * Label to identify the text track\n *\n * @param {string} [options.language]\n * Two letter language abbreviation.\n *\n * @return {HTMLTrackElement}\n * The track element that gets created.\n */\n\n\n Tech.prototype.createRemoteTextTrack = function createRemoteTextTrack(options) {\n var track = mergeOptions(options, {\n tech: this\n });\n\n return new REMOTE.remoteTextEl.TrackClass(track);\n };\n\n /**\n * Creates a remote text track object and returns an html track element.\n *\n * > Note: This can be an emulated {@link HTMLTrackElement} or a native one.\n *\n * @param {Object} options\n * See {@link Tech#createRemoteTextTrack} for more detailed properties.\n *\n * @param {boolean} [manualCleanup=true]\n * - When false: the TextTrack will be automatically removed from the video\n * element whenever the source changes\n * - When True: The TextTrack will have to be cleaned up manually\n *\n * @return {HTMLTrackElement}\n * An Html Track Element.\n *\n * @deprecated The default functionality for this function will be equivalent\n * to \"manualCleanup=false\" in the future. The manualCleanup parameter will\n * also be removed.\n */\n\n\n Tech.prototype.addRemoteTextTrack = function addRemoteTextTrack() {\n var _this7 = this;\n\n var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n var manualCleanup = arguments[1];\n\n var htmlTrackElement = this.createRemoteTextTrack(options);\n\n if (manualCleanup !== true && manualCleanup !== false) {\n // deprecation warning\n log$1.warn('Calling addRemoteTextTrack without explicitly setting the \"manualCleanup\" parameter to `true` is deprecated and default to `false` in future version of video.js');\n manualCleanup = true;\n }\n\n // store HTMLTrackElement and TextTrack to remote list\n this.remoteTextTrackEls().addTrackElement_(htmlTrackElement);\n this.remoteTextTracks().addTrack(htmlTrackElement.track);\n\n if (manualCleanup !== true) {\n // create the TextTrackList if it doesn't exist\n this.ready(function () {\n return _this7.autoRemoteTextTracks_.addTrack(htmlTrackElement.track);\n });\n }\n\n return htmlTrackElement;\n };\n\n /**\n * Remove a remote text track from the remote `TextTrackList`.\n *\n * @param {TextTrack} track\n * `TextTrack` to remove from the `TextTrackList`\n */\n\n\n Tech.prototype.removeRemoteTextTrack = function removeRemoteTextTrack(track) {\n var trackElement = this.remoteTextTrackEls().getTrackElementByTrack_(track);\n\n // remove HTMLTrackElement and TextTrack from remote list\n this.remoteTextTrackEls().removeTrackElement_(trackElement);\n this.remoteTextTracks().removeTrack(track);\n this.autoRemoteTextTracks_.removeTrack(track);\n };\n\n /**\n * Gets available media playback quality metrics as specified by the W3C's Media\n * Playback Quality API.\n *\n * @see [Spec]{@link https://wicg.github.io/media-playback-quality}\n *\n * @return {Object}\n * An object with supported media playback quality metrics\n *\n * @abstract\n */\n\n\n Tech.prototype.getVideoPlaybackQuality = function getVideoPlaybackQuality() {\n return {};\n };\n\n /**\n * A method to set a poster from a `Tech`.\n *\n * @abstract\n */\n\n\n Tech.prototype.setPoster = function setPoster() {};\n\n /**\n * A method to check for the presence of the 'playsinline' attribute.\n *\n * @abstract\n */\n\n\n Tech.prototype.playsinline = function playsinline() {};\n\n /**\n * A method to set or unset the 'playsinline' attribute.\n *\n * @abstract\n */\n\n\n Tech.prototype.setPlaysinline = function setPlaysinline() {};\n\n /**\n * Attempt to force override of native audio tracks.\n *\n * @param {Boolean} override - If set to true native audio will be overridden,\n * otherwise native audio will potentially be used.\n *\n * @abstract\n */\n\n\n Tech.prototype.overrideNativeAudioTracks = function overrideNativeAudioTracks() {};\n\n /**\n * Attempt to force override of native video tracks.\n *\n * @param {Boolean} override - If set to true native video will be overridden,\n * otherwise native video will potentially be used.\n *\n * @abstract\n */\n\n\n Tech.prototype.overrideNativeVideoTracks = function overrideNativeVideoTracks() {};\n\n /*\n * Check if the tech can support the given mime-type.\n *\n * The base tech does not support any type, but source handlers might\n * overwrite this.\n *\n * @param {string} type\n * The mimetype to check for support\n *\n * @return {string}\n * 'probably', 'maybe', or empty string\n *\n * @see [Spec]{@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/canPlayType}\n *\n * @abstract\n */\n\n\n Tech.prototype.canPlayType = function canPlayType() {\n return '';\n };\n\n /**\n * Check if the type is supported by this tech.\n *\n * The base tech does not support any type, but source handlers might\n * overwrite this.\n *\n * @param {string} type\n * The media type to check\n * @return {string} Returns the native video element's response\n */\n\n\n Tech.canPlayType = function canPlayType() {\n return '';\n };\n\n /**\n * Check if the tech can support the given source\n *\n * @param {Object} srcObj\n * The source object\n * @param {Object} options\n * The options passed to the tech\n * @return {string} 'probably', 'maybe', or '' (empty string)\n */\n\n\n Tech.canPlaySource = function canPlaySource(srcObj, options) {\n return Tech.canPlayType(srcObj.type);\n };\n\n /*\n * Return whether the argument is a Tech or not.\n * Can be passed either a Class like `Html5` or a instance like `player.tech_`\n *\n * @param {Object} component\n * The item to check\n *\n * @return {boolean}\n * Whether it is a tech or not\n * - True if it is a tech\n * - False if it is not\n */\n\n\n Tech.isTech = function isTech(component) {\n return component.prototype instanceof Tech || component instanceof Tech || component === Tech;\n };\n\n /**\n * Registers a `Tech` into a shared list for videojs.\n *\n * @param {string} name\n * Name of the `Tech` to register.\n *\n * @param {Object} tech\n * The `Tech` class to register.\n */\n\n\n Tech.registerTech = function registerTech(name, tech) {\n if (!Tech.techs_) {\n Tech.techs_ = {};\n }\n\n if (!Tech.isTech(tech)) {\n throw new Error('Tech ' + name + ' must be a Tech');\n }\n\n if (!Tech.canPlayType) {\n throw new Error('Techs must have a static canPlayType method on them');\n }\n if (!Tech.canPlaySource) {\n throw new Error('Techs must have a static canPlaySource method on them');\n }\n\n name = toTitleCase(name);\n\n Tech.techs_[name] = tech;\n if (name !== 'Tech') {\n // camel case the techName for use in techOrder\n Tech.defaultTechOrder_.push(name);\n }\n return tech;\n };\n\n /**\n * Get a `Tech` from the shared list by name.\n *\n * @param {string} name\n * `camelCase` or `TitleCase` name of the Tech to get\n *\n * @return {Tech|undefined}\n * The `Tech` or undefined if there was no tech with the name requested.\n */\n\n\n Tech.getTech = function getTech(name) {\n if (!name) {\n return;\n }\n\n name = toTitleCase(name);\n\n if (Tech.techs_ && Tech.techs_[name]) {\n return Tech.techs_[name];\n }\n\n if (window$1 && window$1.videojs && window$1.videojs[name]) {\n log$1.warn('The ' + name + ' tech was added to the videojs object when it should be registered using videojs.registerTech(name, tech)');\n return window$1.videojs[name];\n }\n };\n\n return Tech;\n}(Component);\n\n/**\n * Get the {@link VideoTrackList}\n *\n * @returns {VideoTrackList}\n * @method Tech.prototype.videoTracks\n */\n\n/**\n * Get the {@link AudioTrackList}\n *\n * @returns {AudioTrackList}\n * @method Tech.prototype.audioTracks\n */\n\n/**\n * Get the {@link TextTrackList}\n *\n * @returns {TextTrackList}\n * @method Tech.prototype.textTracks\n */\n\n/**\n * Get the remote element {@link TextTrackList}\n *\n * @returns {TextTrackList}\n * @method Tech.prototype.remoteTextTracks\n */\n\n/**\n * Get the remote element {@link HtmlTrackElementList}\n *\n * @returns {HtmlTrackElementList}\n * @method Tech.prototype.remoteTextTrackEls\n */\n\nALL.names.forEach(function (name) {\n var props = ALL[name];\n\n Tech.prototype[props.getterName] = function () {\n this[props.privateName] = this[props.privateName] || new props.ListClass();\n return this[props.privateName];\n };\n});\n\n/**\n * List of associated text tracks\n *\n * @type {TextTrackList}\n * @private\n * @property Tech#textTracks_\n */\n\n/**\n * List of associated audio tracks.\n *\n * @type {AudioTrackList}\n * @private\n * @property Tech#audioTracks_\n */\n\n/**\n * List of associated video tracks.\n *\n * @type {VideoTrackList}\n * @private\n * @property Tech#videoTracks_\n */\n\n/**\n * Boolean indicating whether the `Tech` supports volume control.\n *\n * @type {boolean}\n * @default\n */\nTech.prototype.featuresVolumeControl = true;\n\n/**\n * Boolean indicating whether the `Tech` supports muting volume.\n *\n * @type {bolean}\n * @default\n */\nTech.prototype.featuresMuteControl = true;\n\n/**\n * Boolean indicating whether the `Tech` supports fullscreen resize control.\n * Resizing plugins using request fullscreen reloads the plugin\n *\n * @type {boolean}\n * @default\n */\nTech.prototype.featuresFullscreenResize = false;\n\n/**\n * Boolean indicating whether the `Tech` supports changing the speed at which the video\n * plays. Examples:\n * - Set player to play 2x (twice) as fast\n * - Set player to play 0.5x (half) as fast\n *\n * @type {boolean}\n * @default\n */\nTech.prototype.featuresPlaybackRate = false;\n\n/**\n * Boolean indicating whether the `Tech` supports the `progress` event. This is currently\n * not triggered by video-js-swf. This will be used to determine if\n * {@link Tech#manualProgressOn} should be called.\n *\n * @type {boolean}\n * @default\n */\nTech.prototype.featuresProgressEvents = false;\n\n/**\n * Boolean indicating whether the `Tech` supports the `sourceset` event.\n *\n * A tech should set this to `true` and then use {@link Tech#triggerSourceset}\n * to trigger a {@link Tech#event:sourceset} at the earliest time after getting\n * a new source.\n *\n * @type {boolean}\n * @default\n */\nTech.prototype.featuresSourceset = false;\n\n/**\n * Boolean indicating whether the `Tech` supports the `timeupdate` event. This is currently\n * not triggered by video-js-swf. This will be used to determine if\n * {@link Tech#manualTimeUpdates} should be called.\n *\n * @type {boolean}\n * @default\n */\nTech.prototype.featuresTimeupdateEvents = false;\n\n/**\n * Boolean indicating whether the `Tech` supports the native `TextTrack`s.\n * This will help us integrate with native `TextTrack`s if the browser supports them.\n *\n * @type {boolean}\n * @default\n */\nTech.prototype.featuresNativeTextTracks = false;\n\n/**\n * A functional mixin for techs that want to use the Source Handler pattern.\n * Source handlers are scripts for handling specific formats.\n * The source handler pattern is used for adaptive formats (HLS, DASH) that\n * manually load video data and feed it into a Source Buffer (Media Source Extensions)\n * Example: `Tech.withSourceHandlers.call(MyTech);`\n *\n * @param {Tech} _Tech\n * The tech to add source handler functions to.\n *\n * @mixes Tech~SourceHandlerAdditions\n */\nTech.withSourceHandlers = function (_Tech) {\n\n /**\n * Register a source handler\n *\n * @param {Function} handler\n * The source handler class\n *\n * @param {number} [index]\n * Register it at the following index\n */\n _Tech.registerSourceHandler = function (handler, index) {\n var handlers = _Tech.sourceHandlers;\n\n if (!handlers) {\n handlers = _Tech.sourceHandlers = [];\n }\n\n if (index === undefined) {\n // add to the end of the list\n index = handlers.length;\n }\n\n handlers.splice(index, 0, handler);\n };\n\n /**\n * Check if the tech can support the given type. Also checks the\n * Techs sourceHandlers.\n *\n * @param {string} type\n * The mimetype to check.\n *\n * @return {string}\n * 'probably', 'maybe', or '' (empty string)\n */\n _Tech.canPlayType = function (type) {\n var handlers = _Tech.sourceHandlers || [];\n var can = void 0;\n\n for (var i = 0; i < handlers.length; i++) {\n can = handlers[i].canPlayType(type);\n\n if (can) {\n return can;\n }\n }\n\n return '';\n };\n\n /**\n * Returns the first source handler that supports the source.\n *\n * TODO: Answer question: should 'probably' be prioritized over 'maybe'\n *\n * @param {Tech~SourceObject} source\n * The source object\n *\n * @param {Object} options\n * The options passed to the tech\n *\n * @return {SourceHandler|null}\n * The first source handler that supports the source or null if\n * no SourceHandler supports the source\n */\n _Tech.selectSourceHandler = function (source, options) {\n var handlers = _Tech.sourceHandlers || [];\n var can = void 0;\n\n for (var i = 0; i < handlers.length; i++) {\n can = handlers[i].canHandleSource(source, options);\n\n if (can) {\n return handlers[i];\n }\n }\n\n return null;\n };\n\n /**\n * Check if the tech can support the given source.\n *\n * @param {Tech~SourceObject} srcObj\n * The source object\n *\n * @param {Object} options\n * The options passed to the tech\n *\n * @return {string}\n * 'probably', 'maybe', or '' (empty string)\n */\n _Tech.canPlaySource = function (srcObj, options) {\n var sh = _Tech.selectSourceHandler(srcObj, options);\n\n if (sh) {\n return sh.canHandleSource(srcObj, options);\n }\n\n return '';\n };\n\n /**\n * When using a source handler, prefer its implementation of\n * any function normally provided by the tech.\n */\n var deferrable = ['seekable', 'seeking', 'duration'];\n\n /**\n * A wrapper around {@link Tech#seekable} that will call a `SourceHandler`s seekable\n * function if it exists, with a fallback to the Techs seekable function.\n *\n * @method _Tech.seekable\n */\n\n /**\n * A wrapper around {@link Tech#duration} that will call a `SourceHandler`s duration\n * function if it exists, otherwise it will fallback to the techs duration function.\n *\n * @method _Tech.duration\n */\n\n deferrable.forEach(function (fnName) {\n var originalFn = this[fnName];\n\n if (typeof originalFn !== 'function') {\n return;\n }\n\n this[fnName] = function () {\n if (this.sourceHandler_ && this.sourceHandler_[fnName]) {\n return this.sourceHandler_[fnName].apply(this.sourceHandler_, arguments);\n }\n return originalFn.apply(this, arguments);\n };\n }, _Tech.prototype);\n\n /**\n * Create a function for setting the source using a source object\n * and source handlers.\n * Should never be called unless a source handler was found.\n *\n * @param {Tech~SourceObject} source\n * A source object with src and type keys\n */\n _Tech.prototype.setSource = function (source) {\n var sh = _Tech.selectSourceHandler(source, this.options_);\n\n if (!sh) {\n // Fall back to a native source hander when unsupported sources are\n // deliberately set\n if (_Tech.nativeSourceHandler) {\n sh = _Tech.nativeSourceHandler;\n } else {\n log$1.error('No source handler found for the current source.');\n }\n }\n\n // Dispose any existing source handler\n this.disposeSourceHandler();\n this.off('dispose', this.disposeSourceHandler);\n\n if (sh !== _Tech.nativeSourceHandler) {\n this.currentSource_ = source;\n }\n\n this.sourceHandler_ = sh.handleSource(source, this, this.options_);\n this.on('dispose', this.disposeSourceHandler);\n };\n\n /**\n * Clean up any existing SourceHandlers and listeners when the Tech is disposed.\n *\n * @listens Tech#dispose\n */\n _Tech.prototype.disposeSourceHandler = function () {\n // if we have a source and get another one\n // then we are loading something new\n // than clear all of our current tracks\n if (this.currentSource_) {\n this.clearTracks(['audio', 'video']);\n this.currentSource_ = null;\n }\n\n // always clean up auto-text tracks\n this.cleanupAutoTextTracks();\n\n if (this.sourceHandler_) {\n\n if (this.sourceHandler_.dispose) {\n this.sourceHandler_.dispose();\n }\n\n this.sourceHandler_ = null;\n }\n };\n};\n\n// The base Tech class needs to be registered as a Component. It is the only\n// Tech that can be registered as a Component.\nComponent.registerComponent('Tech', Tech);\nTech.registerTech('Tech', Tech);\n\n/**\n * A list of techs that should be added to techOrder on Players\n *\n * @private\n */\nTech.defaultTechOrder_ = [];\n\nvar middlewares = {};\nvar middlewareInstances = {};\n\nvar TERMINATOR = {};\n\nfunction use(type, middleware) {\n middlewares[type] = middlewares[type] || [];\n middlewares[type].push(middleware);\n}\n\nfunction setSource(player, src, next) {\n player.setTimeout(function () {\n return setSourceHelper(src, middlewares[src.type], next, player);\n }, 1);\n}\n\nfunction setTech(middleware, tech) {\n middleware.forEach(function (mw) {\n return mw.setTech && mw.setTech(tech);\n });\n}\n\n/**\n * Calls a getter on the tech first, through each middleware\n * from right to left to the player.\n */\nfunction get$1(middleware, tech, method) {\n return middleware.reduceRight(middlewareIterator(method), tech[method]());\n}\n\n/**\n * Takes the argument given to the player and calls the setter method on each\n * middleware from left to right to the tech.\n */\nfunction set$1(middleware, tech, method, arg) {\n return tech[method](middleware.reduce(middlewareIterator(method), arg));\n}\n\n/**\n * Takes the argument given to the player and calls the `call` version of the method\n * on each middleware from left to right.\n * Then, call the passed in method on the tech and return the result unchanged\n * back to the player, through middleware, this time from right to left.\n */\nfunction mediate(middleware, tech, method) {\n var arg = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;\n\n var callMethod = 'call' + toTitleCase(method);\n var middlewareValue = middleware.reduce(middlewareIterator(callMethod), arg);\n var terminated = middlewareValue === TERMINATOR;\n var returnValue = terminated ? null : tech[method](middlewareValue);\n\n executeRight(middleware, method, returnValue, terminated);\n\n return returnValue;\n}\n\nvar allowedGetters = {\n buffered: 1,\n currentTime: 1,\n duration: 1,\n seekable: 1,\n played: 1,\n paused: 1\n};\n\nvar allowedSetters = {\n setCurrentTime: 1\n};\n\nvar allowedMediators = {\n play: 1,\n pause: 1\n};\n\nfunction middlewareIterator(method) {\n return function (value, mw) {\n // if the previous middleware terminated, pass along the termination\n if (value === TERMINATOR) {\n return TERMINATOR;\n }\n\n if (mw[method]) {\n return mw[method](value);\n }\n\n return value;\n };\n}\n\nfunction executeRight(mws, method, value, terminated) {\n for (var i = mws.length - 1; i >= 0; i--) {\n var mw = mws[i];\n\n if (mw[method]) {\n mw[method](terminated, value);\n }\n }\n}\n\nfunction clearCacheForPlayer(player) {\n middlewareInstances[player.id()] = null;\n}\n\n/**\n * {\n * [playerId]: [[mwFactory, mwInstance], ...]\n * }\n */\nfunction getOrCreateFactory(player, mwFactory) {\n var mws = middlewareInstances[player.id()];\n var mw = null;\n\n if (mws === undefined || mws === null) {\n mw = mwFactory(player);\n middlewareInstances[player.id()] = [[mwFactory, mw]];\n return mw;\n }\n\n for (var i = 0; i < mws.length; i++) {\n var _mws$i = mws[i],\n mwf = _mws$i[0],\n mwi = _mws$i[1];\n\n\n if (mwf !== mwFactory) {\n continue;\n }\n\n mw = mwi;\n }\n\n if (mw === null) {\n mw = mwFactory(player);\n mws.push([mwFactory, mw]);\n }\n\n return mw;\n}\n\nfunction setSourceHelper() {\n var src = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n var middleware = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n var next = arguments[2];\n var player = arguments[3];\n var acc = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : [];\n var lastRun = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;\n var mwFactory = middleware[0],\n mwrest = middleware.slice(1);\n\n // if mwFactory is a string, then we're at a fork in the road\n\n if (typeof mwFactory === 'string') {\n setSourceHelper(src, middlewares[mwFactory], next, player, acc, lastRun);\n\n // if we have an mwFactory, call it with the player to get the mw,\n // then call the mw's setSource method\n } else if (mwFactory) {\n var mw = getOrCreateFactory(player, mwFactory);\n\n // if setSource isn't present, implicitly select this middleware\n if (!mw.setSource) {\n acc.push(mw);\n return setSourceHelper(src, mwrest, next, player, acc, lastRun);\n }\n\n mw.setSource(assign({}, src), function (err, _src) {\n\n // something happened, try the next middleware on the current level\n // make sure to use the old src\n if (err) {\n return setSourceHelper(src, mwrest, next, player, acc, lastRun);\n }\n\n // we've succeeded, now we need to go deeper\n acc.push(mw);\n\n // if it's the same type, continue down the current chain\n // otherwise, we want to go down the new chain\n setSourceHelper(_src, src.type === _src.type ? mwrest : middlewares[_src.type], next, player, acc, lastRun);\n });\n } else if (mwrest.length) {\n setSourceHelper(src, mwrest, next, player, acc, lastRun);\n } else if (lastRun) {\n next(src, acc);\n } else {\n setSourceHelper(src, middlewares['*'], next, player, acc, true);\n }\n}\n\n/**\n * Mimetypes\n *\n * @see http://hul.harvard.edu/ois/////systems/wax/wax-public-help/mimetypes.htm\n * @typedef Mimetypes~Kind\n * @enum\n */\nvar MimetypesKind = {\n opus: 'video/ogg',\n ogv: 'video/ogg',\n mp4: 'video/mp4',\n mov: 'video/mp4',\n m4v: 'video/mp4',\n mkv: 'video/x-matroska',\n mp3: 'audio/mpeg',\n aac: 'audio/aac',\n oga: 'audio/ogg',\n m3u8: 'application/x-mpegURL'\n};\n\n/**\n * Get the mimetype of a given src url if possible\n *\n * @param {string} src\n * The url to the src\n *\n * @return {string}\n * return the mimetype if it was known or empty string otherwise\n */\nvar getMimetype = function getMimetype() {\n var src = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';\n\n var ext = getFileExtension(src);\n var mimetype = MimetypesKind[ext.toLowerCase()];\n\n return mimetype || '';\n};\n\n/**\n * Find the mime type of a given source string if possible. Uses the player\n * source cache.\n *\n * @param {Player} player\n * The player object\n *\n * @param {string} src\n * The source string\n *\n * @return {string}\n * The type that was found\n */\nvar findMimetype = function findMimetype(player, src) {\n if (!src) {\n return '';\n }\n\n // 1. check for the type in the `source` cache\n if (player.cache_.source.src === src && player.cache_.source.type) {\n return player.cache_.source.type;\n }\n\n // 2. see if we have this source in our `currentSources` cache\n var matchingSources = player.cache_.sources.filter(function (s) {\n return s.src === src;\n });\n\n if (matchingSources.length) {\n return matchingSources[0].type;\n }\n\n // 3. look for the src url in source elements and use the type there\n var sources = player.$$('source');\n\n for (var i = 0; i < sources.length; i++) {\n var s = sources[i];\n\n if (s.type && s.src && s.src === src) {\n return s.type;\n }\n }\n\n // 4. finally fallback to our list of mime types based on src url extension\n return getMimetype(src);\n};\n\n/**\n * @module filter-source\n */\n\n/**\n * Filter out single bad source objects or multiple source objects in an\n * array. Also flattens nested source object arrays into a 1 dimensional\n * array of source objects.\n *\n * @param {Tech~SourceObject|Tech~SourceObject[]} src\n * The src object to filter\n *\n * @return {Tech~SourceObject[]}\n * An array of sourceobjects containing only valid sources\n *\n * @private\n */\nvar filterSource = function filterSource(src) {\n // traverse array\n if (Array.isArray(src)) {\n var newsrc = [];\n\n src.forEach(function (srcobj) {\n srcobj = filterSource(srcobj);\n\n if (Array.isArray(srcobj)) {\n newsrc = newsrc.concat(srcobj);\n } else if (isObject(srcobj)) {\n newsrc.push(srcobj);\n }\n });\n\n src = newsrc;\n } else if (typeof src === 'string' && src.trim()) {\n // convert string into object\n src = [fixSource({ src: src })];\n } else if (isObject(src) && typeof src.src === 'string' && src.src && src.src.trim()) {\n // src is already valid\n src = [fixSource(src)];\n } else {\n // invalid source, turn it into an empty array\n src = [];\n }\n\n return src;\n};\n\n/**\n * Checks src mimetype, adding it when possible\n *\n * @param {Tech~SourceObject} src\n * The src object to check\n * @return {Tech~SourceObject}\n * src Object with known type\n */\nfunction fixSource(src) {\n var mimetype = getMimetype(src.src);\n\n if (!src.type && mimetype) {\n src.type = mimetype;\n }\n\n return src;\n}\n\n/**\n * @file loader.js\n */\n\n/**\n * The `MediaLoader` is the `Component` that decides which playback technology to load\n * when a player is initialized.\n *\n * @extends Component\n */\n\nvar MediaLoader = function (_Component) {\n inherits(MediaLoader, _Component);\n\n /**\n * Create an instance of this class.\n *\n * @param {Player} player\n * The `Player` that this class should attach to.\n *\n * @param {Object} [options]\n * The key/value store of player options.\n *\n * @param {Component~ReadyCallback} [ready]\n * The function that is run when this component is ready.\n */\n function MediaLoader(player, options, ready) {\n classCallCheck(this, MediaLoader);\n\n // MediaLoader has no element\n var options_ = mergeOptions({ createEl: false }, options);\n\n // If there are no sources when the player is initialized,\n // load the first supported playback technology.\n\n var _this = possibleConstructorReturn(this, _Component.call(this, player, options_, ready));\n\n if (!options.playerOptions.sources || options.playerOptions.sources.length === 0) {\n for (var i = 0, j = options.playerOptions.techOrder; i < j.length; i++) {\n var techName = toTitleCase(j[i]);\n var tech = Tech.getTech(techName);\n\n // Support old behavior of techs being registered as components.\n // Remove once that deprecated behavior is removed.\n if (!techName) {\n tech = Component.getComponent(techName);\n }\n\n // Check if the browser supports this technology\n if (tech && tech.isSupported()) {\n player.loadTech_(techName);\n break;\n }\n }\n } else {\n // Loop through playback technologies (HTML5, Flash) and check for support.\n // Then load the best source.\n // A few assumptions here:\n // All playback technologies respect preload false.\n player.src(options.playerOptions.sources);\n }\n return _this;\n }\n\n return MediaLoader;\n}(Component);\n\nComponent.registerComponent('MediaLoader', MediaLoader);\n\n/**\n * @file clickable-component.js\n */\n\n/**\n * Clickable Component which is clickable or keyboard actionable,\n * but is not a native HTML button.\n *\n * @extends Component\n */\n\nvar ClickableComponent = function (_Component) {\n inherits(ClickableComponent, _Component);\n\n /**\n * Creates an instance of this class.\n *\n * @param {Player} player\n * The `Player` that this class should be attached to.\n *\n * @param {Object} [options]\n * The key/value store of player options.\n */\n function ClickableComponent(player, options) {\n classCallCheck(this, ClickableComponent);\n\n var _this = possibleConstructorReturn(this, _Component.call(this, player, options));\n\n _this.emitTapEvents();\n\n _this.enable();\n return _this;\n }\n\n /**\n * Create the `Component`s DOM element.\n *\n * @param {string} [tag=div]\n * The element's node type.\n *\n * @param {Object} [props={}]\n * An object of properties that should be set on the element.\n *\n * @param {Object} [attributes={}]\n * An object of attributes that should be set on the element.\n *\n * @return {Element}\n * The element that gets created.\n */\n\n\n ClickableComponent.prototype.createEl = function createEl$$1() {\n var tag = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'div';\n var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n var attributes = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};\n\n props = assign({\n innerHTML: '' + this.localize(this.labelText_) + '\\xA0 '\n });\n\n this.contentEl_ = createEl('span', {\n className: className + '-display'\n }, {\n // tell screen readers not to automatically read the time as it changes\n 'aria-live': 'off'\n });\n\n this.updateTextNode_();\n el.appendChild(this.contentEl_);\n return el;\n };\n\n TimeDisplay.prototype.dispose = function dispose() {\n this.contentEl_ = null;\n this.textNode_ = null;\n\n _Component.prototype.dispose.call(this);\n };\n\n /**\n * Updates the \"remaining time\" text node with new content using the\n * contents of the `formattedTime_` property.\n *\n * @private\n */\n\n\n TimeDisplay.prototype.updateTextNode_ = function updateTextNode_() {\n if (!this.contentEl_) {\n return;\n }\n\n while (this.contentEl_.firstChild) {\n this.contentEl_.removeChild(this.contentEl_.firstChild);\n }\n\n this.textNode_ = document$1.createTextNode(this.formattedTime_ || this.formatTime_(0));\n this.contentEl_.appendChild(this.textNode_);\n };\n\n /**\n * Generates a formatted time for this component to use in display.\n *\n * @param {number} time\n * A numeric time, in seconds.\n *\n * @return {string}\n * A formatted time\n *\n * @private\n */\n\n\n TimeDisplay.prototype.formatTime_ = function formatTime_(time) {\n return formatTime(time);\n };\n\n /**\n * Updates the time display text node if it has what was passed in changed\n * the formatted time.\n *\n * @param {number} time\n * The time to update to\n *\n * @private\n */\n\n\n TimeDisplay.prototype.updateFormattedTime_ = function updateFormattedTime_(time) {\n var formattedTime = this.formatTime_(time);\n\n if (formattedTime === this.formattedTime_) {\n return;\n }\n\n this.formattedTime_ = formattedTime;\n this.requestAnimationFrame(this.updateTextNode_);\n };\n\n /**\n * To be filled out in the child class, should update the displayed time\n * in accordance with the fact that the current time has changed.\n *\n * @param {EventTarget~Event} [event]\n * The `timeupdate` event that caused this to run.\n *\n * @listens Player#timeupdate\n */\n\n\n TimeDisplay.prototype.updateContent = function updateContent(event) {};\n\n return TimeDisplay;\n}(Component);\n\n/**\n * The text that is added to the `TimeDisplay` for screen reader users.\n *\n * @type {string}\n * @private\n */\n\n\nTimeDisplay.prototype.labelText_ = 'Time';\n\n/**\n * The text that should display over the `TimeDisplay`s controls. Added to for localization.\n *\n * @type {string}\n * @private\n *\n * @deprecated in v7; controlText_ is not used in non-active display Components\n */\nTimeDisplay.prototype.controlText_ = 'Time';\n\nComponent.registerComponent('TimeDisplay', TimeDisplay);\n\n/**\n * @file current-time-display.js\n */\n\n/**\n * Displays the current time\n *\n * @extends Component\n */\n\nvar CurrentTimeDisplay = function (_TimeDisplay) {\n inherits(CurrentTimeDisplay, _TimeDisplay);\n\n /**\n * Creates an instance of this class.\n *\n * @param {Player} player\n * The `Player` that this class should be attached to.\n *\n * @param {Object} [options]\n * The key/value store of player options.\n */\n function CurrentTimeDisplay(player, options) {\n classCallCheck(this, CurrentTimeDisplay);\n\n var _this = possibleConstructorReturn(this, _TimeDisplay.call(this, player, options));\n\n _this.on(player, 'ended', _this.handleEnded);\n return _this;\n }\n\n /**\n * Builds the default DOM `className`.\n *\n * @return {string}\n * The DOM `className` for this object.\n */\n\n\n CurrentTimeDisplay.prototype.buildCSSClass = function buildCSSClass() {\n return 'play-current-time';\n };\n\n /**\n * Update current time display\n *\n * @param {EventTarget~Event} [event]\n * The `timeupdate` event that caused this function to run.\n *\n * @listens Player#timeupdate\n */\n\n\n CurrentTimeDisplay.prototype.updateContent = function updateContent(event) {\n // Allows for smooth scrubbing, when player can't keep up.\n var time = this.player_.scrubbing() ? this.player_.getCache().currentTime : this.player_.currentTime();\n\n this.updateFormattedTime_(time);\n };\n\n /**\n * When the player fires ended there should be no time left. Sadly\n * this is not always the case, lets make it seem like that is the case\n * for users.\n *\n * @param {EventTarget~Event} [event]\n * The `ended` event that caused this to run.\n *\n * @listens Player#ended\n */\n\n\n CurrentTimeDisplay.prototype.handleEnded = function handleEnded(event) {\n if (!this.player_.duration()) {\n return;\n }\n this.updateFormattedTime_(this.player_.duration());\n };\n\n return CurrentTimeDisplay;\n}(TimeDisplay);\n\n/**\n * The text that is added to the `CurrentTimeDisplay` for screen reader users.\n *\n * @type {string}\n * @private\n */\n\n\nCurrentTimeDisplay.prototype.labelText_ = 'Current Time';\n\n/**\n * The text that should display over the `CurrentTimeDisplay`s controls. Added to for localization.\n *\n * @type {string}\n * @private\n *\n * @deprecated in v7; controlText_ is not used in non-active display Components\n */\nCurrentTimeDisplay.prototype.controlText_ = 'Current Time';\n\nComponent.registerComponent('CurrentTimeDisplay', CurrentTimeDisplay);\n\n/**\n * @file duration-display.js\n */\n\n/**\n * Displays the duration\n *\n * @extends Component\n */\n\nvar DurationDisplay = function (_TimeDisplay) {\n inherits(DurationDisplay, _TimeDisplay);\n\n /**\n * Creates an instance of this class.\n *\n * @param {Player} player\n * The `Player` that this class should be attached to.\n *\n * @param {Object} [options]\n * The key/value store of player options.\n */\n function DurationDisplay(player, options) {\n classCallCheck(this, DurationDisplay);\n\n // we do not want to/need to throttle duration changes,\n // as they should always display the changed duration as\n // it has changed\n var _this = possibleConstructorReturn(this, _TimeDisplay.call(this, player, options));\n\n _this.on(player, 'durationchange', _this.updateContent);\n\n // Also listen for timeupdate (in the parent) and loadedmetadata because removing those\n // listeners could have broken dependent applications/libraries. These\n // can likely be removed for 7.0.\n _this.on(player, 'loadedmetadata', _this.throttledUpdateContent);\n return _this;\n }\n\n /**\n * Builds the default DOM `className`.\n *\n * @return {string}\n * The DOM `className` for this object.\n */\n\n\n DurationDisplay.prototype.buildCSSClass = function buildCSSClass() {\n return 'play-duration';\n };\n\n /**\n * Update duration time display.\n *\n * @param {EventTarget~Event} [event]\n * The `durationchange`, `timeupdate`, or `loadedmetadata` event that caused\n * this function to be called.\n *\n * @listens Player#durationchange\n * @listens Player#timeupdate\n * @listens Player#loadedmetadata\n */\n\n\n DurationDisplay.prototype.updateContent = function updateContent(event) {\n var duration = this.player_.duration();\n\n if (duration && this.duration_ !== duration) {\n this.duration_ = duration;\n this.updateFormattedTime_(duration);\n }\n };\n\n return DurationDisplay;\n}(TimeDisplay);\n\n/**\n * The text that is added to the `DurationDisplay` for screen reader users.\n *\n * @type {string}\n * @private\n */\n\n\nDurationDisplay.prototype.labelText_ = 'Duration';\n\n/**\n * The text that should display over the `DurationDisplay`s controls. Added to for localization.\n *\n * @type {string}\n * @private\n *\n * @deprecated in v7; controlText_ is not used in non-active display Components\n */\nDurationDisplay.prototype.controlText_ = 'Duration';\n\nComponent.registerComponent('DurationDisplay', DurationDisplay);\n\n/**\n * @file time-divider.js\n */\n\n/**\n * The separator between the current time and duration.\n * Can be hidden if it's not needed in the design.\n *\n * @extends Component\n */\n\nvar TimeDivider = function (_Component) {\n inherits(TimeDivider, _Component);\n\n function TimeDivider() {\n classCallCheck(this, TimeDivider);\n return possibleConstructorReturn(this, _Component.apply(this, arguments));\n }\n\n /**\n * Create the component's DOM element\n *\n * @return {Element}\n * The element that was created.\n */\n TimeDivider.prototype.createEl = function createEl() {\n return _Component.prototype.createEl.call(this, 'div', {\n className: 'play-time-control play-time-divider',\n innerHTML: '/
'\n });\n };\n\n return TimeDivider;\n}(Component);\n\nComponent.registerComponent('TimeDivider', TimeDivider);\n\n/**\n * @file remaining-time-display.js\n */\n/**\n * Displays the time left in the video\n *\n * @extends Component\n */\n\nvar RemainingTimeDisplay = function (_TimeDisplay) {\n inherits(RemainingTimeDisplay, _TimeDisplay);\n\n /**\n * Creates an instance of this class.\n *\n * @param {Player} player\n * The `Player` that this class should be attached to.\n *\n * @param {Object} [options]\n * The key/value store of player options.\n */\n function RemainingTimeDisplay(player, options) {\n classCallCheck(this, RemainingTimeDisplay);\n\n var _this = possibleConstructorReturn(this, _TimeDisplay.call(this, player, options));\n\n _this.on(player, 'durationchange', _this.throttledUpdateContent);\n _this.on(player, 'ended', _this.handleEnded);\n return _this;\n }\n\n /**\n * Builds the default DOM `className`.\n *\n * @return {string}\n * The DOM `className` for this object.\n */\n\n\n RemainingTimeDisplay.prototype.buildCSSClass = function buildCSSClass() {\n return 'play-remaining-time';\n };\n\n /**\n * The remaining time display prefixes numbers with a \"minus\" character.\n *\n * @param {number} time\n * A numeric time, in seconds.\n *\n * @return {string}\n * A formatted time\n *\n * @private\n */\n\n\n RemainingTimeDisplay.prototype.formatTime_ = function formatTime_(time) {\n // TODO: The \"-\" should be decorative, and not announced by a screen reader\n return '-' + _TimeDisplay.prototype.formatTime_.call(this, time);\n };\n\n /**\n * Update remaining time display.\n *\n * @param {EventTarget~Event} [event]\n * The `timeupdate` or `durationchange` event that caused this to run.\n *\n * @listens Player#timeupdate\n * @listens Player#durationchange\n */\n\n\n RemainingTimeDisplay.prototype.updateContent = function updateContent(event) {\n if (!this.player_.duration()) {\n return;\n }\n\n // @deprecated We should only use remainingTimeDisplay\n // as of video.js 7\n if (this.player_.remainingTimeDisplay) {\n this.updateFormattedTime_(this.player_.remainingTimeDisplay());\n } else {\n this.updateFormattedTime_(this.player_.remainingTime());\n }\n };\n\n /**\n * When the player fires ended there should be no time left. Sadly\n * this is not always the case, lets make it seem like that is the case\n * for users.\n *\n * @param {EventTarget~Event} [event]\n * The `ended` event that caused this to run.\n *\n * @listens Player#ended\n */\n\n\n RemainingTimeDisplay.prototype.handleEnded = function handleEnded(event) {\n if (!this.player_.duration()) {\n return;\n }\n this.updateFormattedTime_(0);\n };\n\n return RemainingTimeDisplay;\n}(TimeDisplay);\n\n/**\n * The text that is added to the `RemainingTimeDisplay` for screen reader users.\n *\n * @type {string}\n * @private\n */\n\n\nRemainingTimeDisplay.prototype.labelText_ = 'Remaining Time';\n\n/**\n * The text that should display over the `RemainingTimeDisplay`s controls. Added to for localization.\n *\n * @type {string}\n * @private\n *\n * @deprecated in v7; controlText_ is not used in non-active display Components\n */\nRemainingTimeDisplay.prototype.controlText_ = 'Remaining Time';\n\nComponent.registerComponent('RemainingTimeDisplay', RemainingTimeDisplay);\n\n/**\n * @file live-display.js\n */\n\n// TODO - Future make it click to snap to live\n\n/**\n * Displays the live indicator when duration is Infinity.\n *\n * @extends Component\n */\n\nvar LiveDisplay = function (_Component) {\n inherits(LiveDisplay, _Component);\n\n /**\n * Creates an instance of this class.\n *\n * @param {Player} player\n * The `Player` that this class should be attached to.\n *\n * @param {Object} [options]\n * The key/value store of player options.\n */\n function LiveDisplay(player, options) {\n classCallCheck(this, LiveDisplay);\n\n var _this = possibleConstructorReturn(this, _Component.call(this, player, options));\n\n _this.updateShowing();\n _this.on(_this.player(), 'durationchange', _this.updateShowing);\n return _this;\n }\n\n /**\n * Create the `Component`'s DOM element\n *\n * @return {Element}\n * The element that was created.\n */\n\n\n LiveDisplay.prototype.createEl = function createEl$$1() {\n var el = _Component.prototype.createEl.call(this, 'div', {\n className: 'play-live-control play-control'\n });\n\n this.contentEl_ = createEl('div', {\n className: 'play-live-display',\n innerHTML: '' + this.localize('Stream Type') + '\\xA0 ' + this.localize('LIVE')\n }, {\n 'aria-live': 'off'\n });\n\n el.appendChild(this.contentEl_);\n return el;\n };\n\n LiveDisplay.prototype.dispose = function dispose() {\n this.contentEl_ = null;\n\n _Component.prototype.dispose.call(this);\n };\n\n /**\n * Check the duration to see if the LiveDisplay should be showing or not. Then show/hide\n * it accordingly\n *\n * @param {EventTarget~Event} [event]\n * The {@link Player#durationchange} event that caused this function to run.\n *\n * @listens Player#durationchange\n */\n\n\n LiveDisplay.prototype.updateShowing = function updateShowing(event) {\n if (this.player().duration() === Infinity) {\n this.show();\n } else {\n this.hide();\n }\n };\n\n return LiveDisplay;\n}(Component);\n\nComponent.registerComponent('LiveDisplay', LiveDisplay);\n\n/**\n * @file slider.js\n */\n\n/**\n * The base functionality for a slider. Can be vertical or horizontal.\n * For instance the volume bar or the seek bar on a video is a slider.\n *\n * @extends Component\n */\n\nvar Slider = function (_Component) {\n inherits(Slider, _Component);\n\n /**\n * Create an instance of this class\n *\n * @param {Player} player\n * The `Player` that this class should be attached to.\n *\n * @param {Object} [options]\n * The key/value store of player options.\n */\n function Slider(player, options) {\n classCallCheck(this, Slider);\n\n // Set property names to bar to match with the child Slider class is looking for\n var _this = possibleConstructorReturn(this, _Component.call(this, player, options));\n\n _this.bar = _this.getChild(_this.options_.barName);\n\n // Set a horizontal or vertical class on the slider depending on the slider type\n _this.vertical(!!_this.options_.vertical);\n\n _this.enable();\n return _this;\n }\n\n /**\n * Are controls are currently enabled for this slider or not.\n *\n * @return {boolean}\n * true if controls are enabled, false otherwise\n */\n\n\n Slider.prototype.enabled = function enabled() {\n return this.enabled_;\n };\n\n /**\n * Enable controls for this slider if they are disabled\n */\n\n\n Slider.prototype.enable = function enable() {\n if (this.enabled()) {\n return;\n }\n\n this.on('mousedown', this.handleMouseDown);\n this.on('touchstart', this.handleMouseDown);\n this.on('focus', this.handleFocus);\n this.on('blur', this.handleBlur);\n this.on('click', this.handleClick);\n\n this.on(this.player_, 'controlsvisible', this.update);\n\n if (this.playerEvent) {\n this.on(this.player_, this.playerEvent, this.update);\n }\n\n this.removeClass('disabled');\n this.setAttribute('tabindex', 0);\n\n this.enabled_ = true;\n };\n\n /**\n * Disable controls for this slider if they are enabled\n */\n\n\n Slider.prototype.disable = function disable() {\n if (!this.enabled()) {\n return;\n }\n var doc = this.bar.el_.ownerDocument;\n\n this.off('mousedown', this.handleMouseDown);\n this.off('touchstart', this.handleMouseDown);\n this.off('focus', this.handleFocus);\n this.off('blur', this.handleBlur);\n this.off('click', this.handleClick);\n this.off(this.player_, 'controlsvisible', this.update);\n this.off(doc, 'mousemove', this.handleMouseMove);\n this.off(doc, 'mouseup', this.handleMouseUp);\n this.off(doc, 'touchmove', this.handleMouseMove);\n this.off(doc, 'touchend', this.handleMouseUp);\n this.removeAttribute('tabindex');\n\n this.addClass('disabled');\n\n if (this.playerEvent) {\n this.off(this.player_, this.playerEvent, this.update);\n }\n this.enabled_ = false;\n };\n\n /**\n * Create the `Slider`s DOM element.\n *\n * @param {string} type\n * Type of element to create.\n *\n * @param {Object} [props={}]\n * List of properties in Object form.\n *\n * @param {Object} [attributes={}]\n * list of attributes in Object form.\n *\n * @return {Element}\n * The element that gets created.\n */\n\n\n Slider.prototype.createEl = function createEl$$1(type) {\n var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n var attributes = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};\n\n // Add the slider element class to all sub classes\n props.className = props.className + ' play-slider';\n props = assign({\n tabIndex: 0\n }, props);\n\n attributes = assign({\n 'role': 'slider',\n 'aria-valuenow': 0,\n 'aria-valuemin': 0,\n 'aria-valuemax': 100,\n 'tabIndex': 0\n }, attributes);\n\n return _Component.prototype.createEl.call(this, type, props, attributes);\n };\n\n /**\n * Handle `mousedown` or `touchstart` events on the `Slider`.\n *\n * @param {EventTarget~Event} event\n * `mousedown` or `touchstart` event that triggered this function\n *\n * @listens mousedown\n * @listens touchstart\n * @fires Slider#slideractive\n */\n\n\n Slider.prototype.handleMouseDown = function handleMouseDown(event) {\n var doc = this.bar.el_.ownerDocument;\n\n if (event.type === 'mousedown') {\n event.preventDefault();\n }\n // Do not call preventDefault() on touchstart in Chrome\n // to avoid console warnings. Use a 'touch-action: none' style\n // instead to prevent unintented scrolling.\n // https://developers.google.com/web/updates/2017/01/scrolling-intervention\n if (event.type === 'touchstart' && !IS_CHROME) {\n event.preventDefault();\n }\n blockTextSelection();\n\n this.addClass('play-sliding');\n /**\n * Triggered when the slider is in an active state\n *\n * @event Slider#slideractive\n * @type {EventTarget~Event}\n */\n this.trigger('slideractive');\n\n this.on(doc, 'mousemove', this.handleMouseMove);\n this.on(doc, 'mouseup', this.handleMouseUp);\n this.on(doc, 'touchmove', this.handleMouseMove);\n this.on(doc, 'touchend', this.handleMouseUp);\n\n this.handleMouseMove(event);\n };\n\n /**\n * Handle the `mousemove`, `touchmove`, and `mousedown` events on this `Slider`.\n * The `mousemove` and `touchmove` events will only only trigger this function during\n * `mousedown` and `touchstart`. This is due to {@link Slider#handleMouseDown} and\n * {@link Slider#handleMouseUp}.\n *\n * @param {EventTarget~Event} event\n * `mousedown`, `mousemove`, `touchstart`, or `touchmove` event that triggered\n * this function\n *\n * @listens mousemove\n * @listens touchmove\n */\n\n\n Slider.prototype.handleMouseMove = function handleMouseMove(event) {};\n\n /**\n * Handle `mouseup` or `touchend` events on the `Slider`.\n *\n * @param {EventTarget~Event} event\n * `mouseup` or `touchend` event that triggered this function.\n *\n * @listens touchend\n * @listens mouseup\n * @fires Slider#sliderinactive\n */\n\n\n Slider.prototype.handleMouseUp = function handleMouseUp() {\n var doc = this.bar.el_.ownerDocument;\n\n unblockTextSelection();\n\n this.removeClass('play-sliding');\n /**\n * Triggered when the slider is no longer in an active state.\n *\n * @event Slider#sliderinactive\n * @type {EventTarget~Event}\n */\n this.trigger('sliderinactive');\n\n this.off(doc, 'mousemove', this.handleMouseMove);\n this.off(doc, 'mouseup', this.handleMouseUp);\n this.off(doc, 'touchmove', this.handleMouseMove);\n this.off(doc, 'touchend', this.handleMouseUp);\n\n this.update();\n };\n\n /**\n * Update the progress bar of the `Slider`.\n *\n * @returns {number}\n * The percentage of progress the progress bar represents as a\n * number from 0 to 1.\n */\n\n\n Slider.prototype.update = function update() {\n\n // In VolumeBar init we have a setTimeout for update that pops and update\n // to the end of the execution stack. The player is destroyed before then\n // update will cause an error\n if (!this.el_) {\n return;\n }\n\n // If scrubbing, we could use a cached value to make the handle keep up\n // with the user's mouse. On HTML5 browsers scrubbing is really smooth, but\n // some flash players are slow, so we might want to utilize this later.\n // var progress = (this.player_.scrubbing()) ? this.player_.getCache().currentTime / this.player_.duration() : this.player_.currentTime() / this.player_.duration();\n var progress = this.getPercent();\n var bar = this.bar;\n\n // If there's no bar...\n if (!bar) {\n return;\n }\n\n // Protect against no duration and other division issues\n if (typeof progress !== 'number' || progress !== progress || progress < 0 || progress === Infinity) {\n progress = 0;\n }\n\n // Convert to a percentage for setting\n var percentage = (progress * 100).toFixed(2) + '%';\n var style = bar.el().style;\n\n // Set the new bar width or height\n if (this.vertical()) {\n style.height = percentage;\n } else {\n style.width = percentage;\n }\n\n return progress;\n };\n\n /**\n * Calculate distance for slider\n *\n * @param {EventTarget~Event} event\n * The event that caused this function to run.\n *\n * @return {number}\n * The current position of the Slider.\n * - position.x for vertical `Slider`s\n * - position.y for horizontal `Slider`s\n */\n\n\n Slider.prototype.calculateDistance = function calculateDistance(event) {\n var position = getPointerPosition(this.el_, event);\n\n if (this.vertical()) {\n return position.y;\n }\n return position.x;\n };\n\n /**\n * Handle a `focus` event on this `Slider`.\n *\n * @param {EventTarget~Event} event\n * The `focus` event that caused this function to run.\n *\n * @listens focus\n */\n\n\n Slider.prototype.handleFocus = function handleFocus() {\n this.on(this.bar.el_.ownerDocument, 'keydown', this.handleKeyPress);\n };\n\n /**\n * Handle a `keydown` event on the `Slider`. Watches for left, rigth, up, and down\n * arrow keys. This function will only be called when the slider has focus. See\n * {@link Slider#handleFocus} and {@link Slider#handleBlur}.\n *\n * @param {EventTarget~Event} event\n * the `keydown` event that caused this function to run.\n *\n * @listens keydown\n */\n\n\n Slider.prototype.handleKeyPress = function handleKeyPress(event) {\n // Left and Down Arrows\n if (event.which === 37 || event.which === 40) {\n event.preventDefault();\n this.stepBack();\n\n // Up and Right Arrows\n } else if (event.which === 38 || event.which === 39) {\n event.preventDefault();\n this.stepForward();\n }\n };\n\n /**\n * Handle a `blur` event on this `Slider`.\n *\n * @param {EventTarget~Event} event\n * The `blur` event that caused this function to run.\n *\n * @listens blur\n */\n\n Slider.prototype.handleBlur = function handleBlur() {\n this.off(this.bar.el_.ownerDocument, 'keydown', this.handleKeyPress);\n };\n\n /**\n * Listener for click events on slider, used to prevent clicks\n * from bubbling up to parent elements like button menus.\n *\n * @param {Object} event\n * Event that caused this object to run\n */\n\n\n Slider.prototype.handleClick = function handleClick(event) {\n event.stopImmediatePropagation();\n event.preventDefault();\n };\n\n /**\n * Get/set if slider is horizontal for vertical\n *\n * @param {boolean} [bool]\n * - true if slider is vertical,\n * - false is horizontal\n *\n * @return {boolean}\n * - true if slider is vertical, and getting\n * - false if the slider is horizontal, and getting\n */\n\n\n Slider.prototype.vertical = function vertical(bool) {\n if (bool === undefined) {\n return this.vertical_ || false;\n }\n\n this.vertical_ = !!bool;\n\n if (this.vertical_) {\n this.addClass('play-slider-vertical');\n } else {\n this.addClass('play-slider-horizontal');\n }\n };\n\n return Slider;\n}(Component);\n\nComponent.registerComponent('Slider', Slider);\n\n/**\n * @file load-progress-bar.js\n */\n\n/**\n * Shows loading progress\n *\n * @extends Component\n */\n\nvar LoadProgressBar = function (_Component) {\n inherits(LoadProgressBar, _Component);\n\n /**\n * Creates an instance of this class.\n *\n * @param {Player} player\n * The `Player` that this class should be attached to.\n *\n * @param {Object} [options]\n * The key/value store of player options.\n */\n function LoadProgressBar(player, options) {\n classCallCheck(this, LoadProgressBar);\n\n var _this = possibleConstructorReturn(this, _Component.call(this, player, options));\n\n _this.partEls_ = [];\n _this.on(player, 'progress', _this.update);\n return _this;\n }\n\n /**\n * Create the `Component`'s DOM element\n *\n * @return {Element}\n * The element that was created.\n */\n\n\n LoadProgressBar.prototype.createEl = function createEl$$1() {\n return _Component.prototype.createEl.call(this, 'div', {\n className: 'play-load-progress',\n innerHTML: '' + this.localize('Loaded') + ' : 0%\" + content + \" \";\n } else {\n tool[0].classList.remove('play-time-tooltip-no');\n tool[0].classList.add('play-time-tooltip');\n this.el_.innerHTML = \"\" + content + \" \";\n }\n };\n\n return TimeTooltip;\n}(Component);\n\nComponent.registerComponent('TimeTooltip', TimeTooltip);\n\n/**\n * @file play-progress-bar.js\n */\n\n/**\n * Used by {@link SeekBar} to display media playback progress as part of the\n * {@link ProgressControl}.\n *\n * @extends Component\n */\n\nvar PlayProgressBar = function (_Component) {\n inherits(PlayProgressBar, _Component);\n\n function PlayProgressBar() {\n classCallCheck(this, PlayProgressBar);\n return possibleConstructorReturn(this, _Component.apply(this, arguments));\n }\n\n /**\n * Create the the DOM element for this class.\n *\n * @return {Element}\n * The element that was created.\n */\n PlayProgressBar.prototype.createEl = function createEl() {\n //debugger\n\n return _Component.prototype.createEl.call(this, 'div', {\n className: 'play-play-progress play-slider-bar',\n innerHTML: '' + this.localize('Progress') + ' : 0%' + audioOptions.title + '
'\n });\n this.contentEl_.classList.add('play-hidden');\n this.buttonEl_.onclick = function (event) {\n event.stopPropagation();\n if (_this2.contentEl_.classList.value.search('play-hidden') === -1) {\n _this2.contentEl_.classList.add('play-hidden');\n _this2.resetMenuList(_this2.contentEl_);\n } else {\n _this2.contentEl_.classList.remove('play-hidden');\n _this2.resetMenuList(_this2.contentEl_);\n }\n };\n this.player().el_.onclick = function (event) {\n if (_this2.contentEl_.classList.value.search('play-hidden') === -1) {\n _this2.contentEl_.classList.add('play-hidden');\n }\n };\n el.appendChild(this.buttonEl_);\n return el;\n };\n\n /**\n * Update back to settings.\n *\n * @param {Object} [contentEl_]\n * The key/value store of player options.\n *\n * @return {string}\n * The DOM `className` for this object.\n */\n\n\n Settings.prototype.resetMenuList = function resetMenuList(contentEl_) {\n contentEl_.querySelectorAll('.play-menu-title').forEach(function (element) {\n element.click();\n });\n };\n\n /**\n * Builds the default DOM `className`.\n *\n * @return {string}\n * The DOM `className` for this object.\n */\n\n\n Settings.prototype.buildCSSClass = function buildCSSClass() {\n return 'play-settings play-control';\n };\n\n return Settings;\n}(Component);\n\n/**\n * Default options for `ControlBar`\n *\n * @type {Object}\n * @private\n */\n\n\nSettings.prototype.options_ = {\n children: ['playbackRateMenuButton', 'chaptersButton', 'descriptionsButton', 'subsCapsButton', 'MultipleAudioMenu']\n};\nComponent.registerComponent('Settings', Settings);\n\n/**\n * @file spacer.js\n */\n\n/**\n * Just an empty spacer element that can be used as an append point for plugins, etc.\n * Also can be used to create space between elements when necessary.\n *\n * @extends Component\n */\n\nvar Spacer = function (_Component) {\n inherits(Spacer, _Component);\n\n function Spacer() {\n classCallCheck(this, Spacer);\n return possibleConstructorReturn(this, _Component.apply(this, arguments));\n }\n\n /**\n * Builds the default DOM `className`.\n *\n * @return {string}\n * The DOM `className` for this object.\n */\n Spacer.prototype.buildCSSClass = function buildCSSClass() {\n return 'play-spacer ' + _Component.prototype.buildCSSClass.call(this);\n };\n\n /**\n * Create the `Component`'s DOM element\n *\n * @return {Element}\n * The element that was created.\n */\n\n\n Spacer.prototype.createEl = function createEl() {\n return _Component.prototype.createEl.call(this, 'div', {\n className: this.buildCSSClass()\n });\n };\n\n return Spacer;\n}(Component);\n\nComponent.registerComponent('Spacer', Spacer);\n\n/**\n * @file custom-control-spacer.js\n */\n\n/**\n * Spacer specifically meant to be used as an insertion point for new plugins, etc.\n *\n * @extends Spacer\n */\n\nvar CustomControlSpacer = function (_Spacer) {\n inherits(CustomControlSpacer, _Spacer);\n\n function CustomControlSpacer() {\n classCallCheck(this, CustomControlSpacer);\n return possibleConstructorReturn(this, _Spacer.apply(this, arguments));\n }\n\n /**\n * Builds the default DOM `className`.\n *\n * @return {string}\n * The DOM `className` for this object.\n */\n CustomControlSpacer.prototype.buildCSSClass = function buildCSSClass() {\n return 'play-custom-control-spacer ' + _Spacer.prototype.buildCSSClass.call(this);\n };\n\n /**\n * Create the `Component`'s DOM element\n *\n * @return {Element}\n * The element that was created.\n */\n\n\n CustomControlSpacer.prototype.createEl = function createEl() {\n var el = _Spacer.prototype.createEl.call(this, {\n className: this.buildCSSClass()\n });\n\n // No-flex/table-cell mode requires there be some content\n // in the cell to fill the remaining space of the table.\n el.innerHTML = '\\xA0';\n return el;\n };\n\n return CustomControlSpacer;\n}(Spacer);\n\nComponent.registerComponent('CustomControlSpacer', CustomControlSpacer);\n\n/**\n * @file fullscreen-toggle.js\n */\n//var previousTrackIndex = ;\n/**\n * Toggle fullscreen video\n *\n * @extends Button\n */\n\nvar autoPlayButton = function (_Button) {\n inherits(autoPlayButton, _Button);\n\n /**\n * Creates an instance of this class.\n *\n * @param {Player} player\n * The `Player` that this class should be attached to.\n *\n * @param {Object} [options]\n * The key/value store of player options.\n */\n function autoPlayButton(player, options) {\n classCallCheck(this, autoPlayButton);\n\n var _this = possibleConstructorReturn(this, _Button.call(this, player, options));\n _this.on(player, 'fullscreenchange', _this.handleFullscreenChange);\n _this.on(player, 'ended', _this.handleEnded);\n if (document$1[FullscreenApi.fullscreenEnabled] === false) {\n _this.disable();\n }\n return _this;\n }\n\n /**\n * Builds the default DOM `className`.\n *\n * @return {string}\n * The DOM `className` for this object.\n */\n\n\n autoPlayButton.prototype.buildCSSClass = function buildCSSClass() {\n return 'auto-play-control ' + _Button.prototype.buildCSSClass.call(this);\n };\n\n autoPlayButton.prototype.createEl = function createEl() {\n return _Button.prototype.createEl.call(this, 'div', {\n className: 'auto-play'\n // innerHTML: 'AUTO PLAY ON OFF '\n });\n };\n /**\n * Handles fullscreenchange on the player and change control text accordingly.\n *\n * @param {EventTarget~Event} [event]\n * The {@link Player#fullscreenchange} event that caused this function to be\n * called.\n *\n * @listens Player#fullscreenchange\n */\n\n\n autoPlayButton.prototype.handleFullscreenChange = function handleFullscreenChange(event) {\n if (this.player_.isFullscreen()) {\n this.controlText('Non-Fullscreen');\n } else {\n this.controlText('Fullscreen');\n }\n };\n\n autoPlayButton.prototype.handleEnded = function handleEnded() {\n var track = nextButton.prototype.getTrackIndex();\n if (track.mode == 'shuffleMode') {\n this.shuffleMode();\n }\n };\n /**\n * This gets called when an `FullscreenToggle` is \"clicked\". See\n * {@link ClickableComponent} for more detailed information on what a click can be.\n *\n * @param {EventTarget~Event} [event]\n * The `keydown`, `tap`, or `click` event that caused this function to be\n * called.\n *\n * @listens tap\n * @listens click\n */\n\n\n autoPlayButton.prototype.handleClick = function handleClick(event) {\n var track = nextButton.prototype.getTrackIndex();\n var mode = void 0;\n track.mode == 'shuffleMode' ? mode = 'defaultMode' : mode = 'shuffleMode';\n nextButton.prototype.setTrackIndex(track.index, mode);\n };\n\n autoPlayButton.prototype.shuffleIndex = function shuffleIndex(index, trackLength) {\n var shuffleRandom = Math.floor(Math.random() * trackLength);\n if (index != shuffleRandom) {\n return shuffleRandom;\n } else {\n return this.shuffleIndex(index, trackLength);\n }\n };\n\n autoPlayButton.prototype.shuffleMode = function shuffleMode() {\n var track = nextButton.prototype.getTrackIndex();\n var trackList = this.options_.playerOptions.trackList;\n var shuffleTrackIndex = this.shuffleIndex(track.index, trackList.length);\n nextButton.prototype.setTrackIndex(shuffleTrackIndex, 'shuffleMode');\n player.src({\n src: trackList[shuffleTrackIndex].src,\n type: trackList[shuffleTrackIndex].trackList\n });\n player.play();\n };\n\n return autoPlayButton;\n}(Button);\n\n/**\n * The text that should display over the `FullscreenToggle`s controls. Added for localization.\n *\n * @type {string}\n * @private\n */\n\n\nautoPlayButton.prototype.controlText_ = 'Auto play';\n\nComponent.registerComponent('autoPlayButton', autoPlayButton);\n\n/**\n * @file control-bar.js\n */\n\nvar SeekBarSettingButtonGroup = function (_Component) {\n inherits(SeekBarSettingButtonGroup, _Component);\n\n function SeekBarSettingButtonGroup(player, options) {\n classCallCheck(this, SeekBarSettingButtonGroup);\n\n var _this = possibleConstructorReturn(this, _Component.call(this, player, options));\n\n if (options.playerOptions.srcType == 'audio') {\n _this.options.children = 'audioTitleBanner';\n }\n\n return _this;\n }\n /**\n * Create the `Component`'s DOM element\n *\n * @return {Element}\n * The element that was created.\n */\n\n\n SeekBarSettingButtonGroup.prototype.createEl = function createEl() {\n return _Component.prototype.createEl.call(this, 'div', {\n className: 'seek-bar-setting-button-group audioDiv',\n dir: 'ltr'\n });\n };\n\n return SeekBarSettingButtonGroup;\n}(Component);\n\n/**\n * Default options for `ControlBar`\n *\n * @type {Object}\n * @private\n */\n\n\nSeekBarSettingButtonGroup.prototype.options_ = {\n children: ['volumePanel', 'currentTimeDisplay', 'timeDivider', 'durationDisplay', 'progressControl', 'liveDisplay', 'customControlSpacer', 'Settings', 'autoPlayButton']\n};\n\nComponent.registerComponent('SeekBarSettingButtonGroup', SeekBarSettingButtonGroup);\n\n/**\n * @file fullscreen-toggle.js\n */\n//var previousTrackIndex = ;\n/**\n * Toggle fullscreen video\n *\n * @extends Button\n */\n\nvar shareButton = function (_Button) {\n inherits(shareButton, _Button);\n\n /**\n * Creates an instance of this class.\n *\n * @param {Player} player\n * The `Player` that this class should be attached to.\n *\n * @param {Object} [options]\n * The key/value store of player options.\n */\n function shareButton(player, options) {\n classCallCheck(this, shareButton);\n\n var _this = possibleConstructorReturn(this, _Button.call(this, player, options));\n if (document$1[FullscreenApi.fullscreenEnabled] === false) {\n _this.disable();\n }\n return _this;\n }\n\n /**\n * Builds the default DOM `className`.\n *\n * @return {string}\n * The DOM `className` for this object.\n */\n\n\n shareButton.prototype.buildCSSClass = function buildCSSClass() {\n return 'play-share-control ' + _Button.prototype.buildCSSClass.call(this);\n };\n\n /**\n * This gets called when an `FullscreenToggle` is \"clicked\". See\n * {@link ClickableComponent} for more detailed information on what a click can be.\n *\n * @param {EventTarget~Event} [event]\n * The `keydown`, `tap`, or `click` event that caused this function to be\n * called.\n *\n * @listens tap\n * @listens click\n */\n\n\n shareButton.prototype.handleClick = function handleClick(event) {\n player.trigger('share');\n };\n\n return shareButton;\n}(Button);\n\n/**\n * The text that should display over the `FullscreenToggle`s controls. Added for localization.\n *\n * @type {string}\n * @private\n */\n\n\nshareButton.prototype.controlText_ = 'Share';\n\nComponent.registerComponent('shareButton', shareButton);\n\n/**\n * @file fullscreen-toggle.js\n */\n//var previousTrackIndex = ;\n/**\n * Toggle fullscreen video\n *\n * @extends Button\n */\n\nvar playlistButton = function (_Button) {\n inherits(playlistButton, _Button);\n\n /**\n * Creates an instance of this class.\n *\n * @param {Player} player\n * The `Player` that this class should be attached to.\n *\n * @param {Object} [options]\n * The key/value store of player options.\n */\n function playlistButton(player, options) {\n classCallCheck(this, playlistButton);\n\n var _this = possibleConstructorReturn(this, _Button.call(this, player, options));\n if (document$1[FullscreenApi.fullscreenEnabled] === false) {\n _this.disable();\n }\n\n return _this;\n }\n\n /**\n * Builds the default DOM `className`.\n *\n * @return {string}\n * The DOM `className` for this object.\n */\n\n\n playlistButton.prototype.buildCSSClass = function buildCSSClass() {\n return 'play-playlist-control ' + _Button.prototype.buildCSSClass.call(this);\n };\n\n playlistButton.prototype.handleClick = function handleClick(event) {\n player.trigger('playlist');\n };\n\n return playlistButton;\n}(Button);\n\n/**\n * The text that should display over the `FullscreenToggle`s controls. Added for localization.\n *\n * @type {string}\n * @private\n */\n\n\nplaylistButton.prototype.controlText_ = 'Play list';\n\nComponent.registerComponent('playlistButton', playlistButton);\n\n/**\n * @file fullscreen-toggle.js\n */\n//var previousTrackIndex = ;\n/**\n * Toggle fullscreen video\n *\n * @extends Button\n */\n\nvar favouriteButton = function (_Button) {\n inherits(favouriteButton, _Button);\n\n /**\n * Creates an instance of this class.\n *\n * @param {Player} player\n * The `Player` that this class should be attached to.\n *\n * @param {Object} [options]\n * The key/value store of player options.\n */\n function favouriteButton(player, options) {\n classCallCheck(this, favouriteButton);\n\n var _this = possibleConstructorReturn(this, _Button.call(this, player, options));\n\n if (document$1[FullscreenApi.fullscreenEnabled] === false) {\n _this.disable();\n }\n return _this;\n }\n\n /**\n * Builds the default DOM `className`.\n *\n * @return {string}\n * The DOM `className` for this object.\n */\n\n\n favouriteButton.prototype.buildCSSClass = function buildCSSClass() {\n return 'play-favourite-control ' + _Button.prototype.buildCSSClass.call(this);\n };\n\n favouriteButton.prototype.handleClick = function handleClick(event) {\n player.trigger('favourite');\n };\n\n return favouriteButton;\n}(Button);\n\n/**\n * The text that should display over the `FullscreenToggle`s controls. Added for localization.\n *\n * @type {string}\n * @private\n */\n\n\nfavouriteButton.prototype.controlText_ = 'Favourite';\n\nComponent.registerComponent('favouriteButton', favouriteButton);\n\n/**\n * @file control-bar.js\n */\n//import './audio-track-controls/'\n/**\n * Container of main controls.\n *\n * @extends Component\n */\n\nvar AudioGroupButtonBar = function (_Component) {\n inherits(AudioGroupButtonBar, _Component);\n\n function AudioGroupButtonBar(player, options) {\n classCallCheck(this, AudioGroupButtonBar);\n\n var _this = possibleConstructorReturn(this, _Component.call(this, player, options));\n\n if (options.playerOptions.srcType == 'audio') {\n _this.options.children = 'audioTitleBanner';\n }\n\n return _this;\n }\n /**\n * Create the `Component`'s DOM element\n *\n * @return {Element}\n * The element that was created.\n */\n\n\n AudioGroupButtonBar.prototype.createEl = function createEl() {\n return _Component.prototype.createEl.call(this, 'div', {\n className: 'audio-group-bar audioDiv',\n dir: 'ltr'\n });\n };\n\n return AudioGroupButtonBar;\n}(Component);\n\n/**\n * Default options for `ControlBar`\n *\n * @type {Object}\n * @private\n */\n\n\nAudioGroupButtonBar.prototype.options_ = {\n children: ['audioTitleBanner', 'favouriteButton', 'shareButton', 'playlistButton']\n};\n\nComponent.registerComponent('AudioGroupButtonBar', AudioGroupButtonBar);\n\n/**\n * @file play-toggle.js\n */\n\n/**\n * Button to toggle between play and pause.\n *\n * @extends Button\n */\n\nvar PlayToggle = function (_Button) {\n inherits(PlayToggle, _Button);\n\n /**\n * Creates an instance of this class.\n *\n * @param {Player} player\n * The `Player` that this class should be attached to.\n *\n * @param {Object} [options]\n * The key/value store of player options.\n */\n function PlayToggle(player, options) {\n classCallCheck(this, PlayToggle);\n\n var _this = possibleConstructorReturn(this, _Button.call(this, player, options));\n\n _this.on(player, 'play', _this.handlePlay);\n _this.on(player, 'pause', _this.handlePause);\n _this.on(player, 'ended', _this.handleEnded);\n return _this;\n }\n\n /**\n * Builds the default DOM `className`.\n *\n * @return {string}\n * The DOM `className` for this object.\n */\n\n\n PlayToggle.prototype.buildCSSClass = function buildCSSClass() {\n return 'play-play-control ' + _Button.prototype.buildCSSClass.call(this);\n };\n\n /**\n * This gets called when an `PlayToggle` is \"clicked\". See\n * {@link ClickableComponent} for more detailed information on what a click can be.\n *\n * @param {EventTarget~Event} [event]\n * The `keydown`, `tap`, or `click` event that caused this function to be\n * called.\n *\n * @listens tap\n * @listens click\n */\n\n\n PlayToggle.prototype.handleClick = function handleClick(event) {\n if (this.player_.paused()) {\n this.player_.play();\n } else {\n this.player_.pause();\n }\n };\n\n /**\n * This gets called once after the video has ended and the user seeks so that\n * we can change the replay button back to a play button.\n *\n * @param {EventTarget~Event} [event]\n * The event that caused this function to run.\n *\n * @listens Player#seeked\n */\n\n\n PlayToggle.prototype.handleSeeked = function handleSeeked(event) {\n this.removeClass('play-ended');\n\n if (this.player_.paused()) {\n this.handlePause(event);\n } else {\n this.handlePlay(event);\n }\n };\n\n /**\n * Add the play-playing class to the element so it can change appearance.\n *\n * @param {EventTarget~Event} [event]\n * The event that caused this function to run.\n *\n * @listens Player#play\n */\n\n\n PlayToggle.prototype.handlePlay = function handlePlay(event) {\n var _this2 = this;\n\n this.removeClass('play-ended');\n this.removeClass('play-paused');\n this.addClass('play-playing');\n this.addClass('play-play-toggle');\n setTimeout(function () {\n _this2.removeClass('play-play-toggle');\n }, 400);\n // change the button text to \"Pause\"\n this.controlText('Pause');\n };\n\n /**\n * Add the play-paused class to the element so it can change appearance.\n *\n * @param {EventTarget~Event} [event]\n * The event that caused this function to run.\n *\n * @listens Player#pause\n */\n\n\n PlayToggle.prototype.handlePause = function handlePause(event) {\n var _this3 = this;\n\n this.removeClass('play-playing');\n this.addClass('play-paused');\n this.addClass('play-play-toggle');\n setTimeout(function () {\n _this3.removeClass('play-play-toggle');\n }, 400);\n // change the button text to \"Play\"\n this.controlText('Play');\n };\n\n /**\n * Add the play-ended class to the element so it can change appearance\n *\n * @param {EventTarget~Event} [event]\n * The event that caused this function to run.\n *\n * @listens Player#ended\n */\n\n\n PlayToggle.prototype.handleEnded = function handleEnded(event) {\n this.removeClass('play-playing');\n this.addClass('play-ended');\n // change the button text to \"Replay\"\n this.controlText('Replay');\n // on the next seek remove the replay button\n this.one(this.player_, 'seeked', this.handleSeeked);\n };\n\n return PlayToggle;\n}(Button);\n\n/**\n * The text that should display over the `PlayToggle`s controls. Added for localization.\n *\n * @type {string}\n * @private\n */\n\n\nPlayToggle.prototype.controlText_ = 'Play';\n\nComponent.registerComponent('PlayToggle', PlayToggle);\n\n/**\n * @file fullscreen-toggle.js\n */\n\n//var previousTrackIndex = ;\n/**\n * Toggle fullscreen video\n *\n * @extends Button\n */\n\nvar previousButton = function (_Button) {\n inherits(previousButton, _Button);\n\n /**\n * Creates an instance of this class.\n *\n * @param {Player} player\n * The `Player` that this class should be attached to.\n *\n * @param {Object} [options]\n * The key/value store of player options.\n */\n function previousButton(player, options) {\n classCallCheck(this, previousButton);\n\n var _this = possibleConstructorReturn(this, _Button.call(this, player, options));\n _this.on(player, 'fullscreenchange', _this.handleFullscreenChange);\n\n if (document$1[FullscreenApi.fullscreenEnabled] === false) {\n _this.disable();\n }\n return _this;\n }\n\n /**\n * Builds the default DOM `className`.\n *\n * @return {string}\n * The DOM `className` for this object.\n */\n\n\n previousButton.prototype.buildCSSClass = function buildCSSClass() {\n return 'play-previous-control ' + _Button.prototype.buildCSSClass.call(this);\n };\n\n /**\n * Handles fullscreenchange on the player and change control text accordingly.\n *\n * @param {EventTarget~Event} [event]\n * The {@link Player#fullscreenchange} event that caused this function to be\n * called.\n *\n * @listens Player#fullscreenchange\n */\n\n\n previousButton.prototype.handleFullscreenChange = function handleFullscreenChange(event) {\n if (this.player_.isFullscreen()) {\n this.controlText('Non-Fullscreen');\n } else {\n this.controlText('Fullscreen');\n }\n };\n\n /**\n * This gets called when an `FullscreenToggle` is \"clicked\". See\n * {@link ClickableComponent} for more detailed information on what a click can be.\n *\n * @param {EventTarget~Event} [event]\n * The `keydown`, `tap`, or `click` event that caused this function to be\n * called.\n *\n * @listens tap\n * @listens click\n */\n\n\n previousButton.prototype.handleClick = function handleClick(event) {\n var track = nextButton.prototype.getTrackIndex();\n\n var trackList = this.options_.playerOptions.trackList;\n\n if (track.index > 0) {\n track.index--;\n }\n nextButton.prototype.setTrackIndex(track.index, track.mode);\n player.src({\n src: trackList[track.index].src,\n type: trackList[track.index].trackList\n });\n player.play();\n };\n\n return previousButton;\n}(Button);\n\n/**\n * The text that should display over the `FullscreenToggle`s controls. Added for localization.\n *\n * @type {string}\n * @private\n */\n\n\npreviousButton.prototype.controlText_ = 'Previous';\n\nComponent.registerComponent('previousButton', previousButton);\n\n/**\n * @file fullscreen-toggle.js\n */\n//var previousTrackIndex = ;\n/**\n * Toggle fullscreen video\n *\n * @extends Button\n */\n\nvar shuffleButton = function (_Button) {\n inherits(shuffleButton, _Button);\n\n /**\n * Creates an instance of this class.\n *\n * @param {Player} player\n * The `Player` that this class should be attached to.\n *\n * @param {Object} [options]\n * The key/value store of player options.\n */\n function shuffleButton(player, options) {\n classCallCheck(this, shuffleButton);\n\n var _this = possibleConstructorReturn(this, _Button.call(this, player, options));\n _this.on(player, 'fullscreenchange', _this.handleFullscreenChange);\n _this.on(player, 'ended', _this.handleEnded);\n if (document$1[FullscreenApi.fullscreenEnabled] === false) {\n _this.disable();\n }\n return _this;\n }\n\n /**\n * Builds the default DOM `className`.\n *\n * @return {string}\n * The DOM `className` for this object.\n */\n\n\n shuffleButton.prototype.buildCSSClass = function buildCSSClass() {\n return 'play-shuffle-control ' + _Button.prototype.buildCSSClass.call(this);\n };\n\n /**\n * Handles fullscreenchange on the player and change control text accordingly.\n *\n * @param {EventTarget~Event} [event]\n * The {@link Player#fullscreenchange} event that caused this function to be\n * called.\n *\n * @listens Player#fullscreenchange\n */\n\n\n shuffleButton.prototype.handleFullscreenChange = function handleFullscreenChange(event) {\n if (this.player_.isFullscreen()) {\n this.controlText('Non-Fullscreen');\n } else {\n this.controlText('Fullscreen');\n }\n };\n\n shuffleButton.prototype.handleEnded = function handleEnded() {\n var track = nextButton.prototype.getTrackIndex();\n if (track.mode == 'shuffleMode') {\n this.shuffleMode();\n }\n };\n /**\n * This gets called when an `FullscreenToggle` is \"clicked\". See\n * {@link ClickableComponent} for more detailed information on what a click can be.\n *\n * @param {EventTarget~Event} [event]\n * The `keydown`, `tap`, or `click` event that caused this function to be\n * called.\n *\n * @listens tap\n * @listens click\n */\n\n\n shuffleButton.prototype.handleClick = function handleClick(event) {\n var track = nextButton.prototype.getTrackIndex();\n var mode = void 0;\n track.mode == 'shuffleMode' ? mode = 'defaultMode' : mode = 'shuffleMode';\n nextButton.prototype.setTrackIndex(track.index, mode);\n };\n\n shuffleButton.prototype.shuffleIndex = function shuffleIndex(index, trackLength) {\n var shuffleRandom = Math.floor(Math.random() * trackLength);\n if (index != shuffleRandom) {\n return shuffleRandom;\n } else {\n return this.shuffleIndex(index, trackLength);\n }\n };\n\n shuffleButton.prototype.shuffleMode = function shuffleMode() {\n var track = nextButton.prototype.getTrackIndex();\n var trackList = this.options_.playerOptions.trackList;\n var shuffleTrackIndex = this.shuffleIndex(track.index, trackList.length);\n nextButton.prototype.setTrackIndex(shuffleTrackIndex, 'shuffleMode');\n player.src({\n src: trackList[shuffleTrackIndex].src,\n type: trackList[shuffleTrackIndex].trackList\n });\n player.play();\n };\n\n return shuffleButton;\n}(Button);\n\n/**\n * The text that should display over the `FullscreenToggle`s controls. Added for localization.\n *\n * @type {string}\n * @private\n */\n\n\nshuffleButton.prototype.controlText_ = 'Shuffle';\n\nComponent.registerComponent('shuffleButton', shuffleButton);\n\n/**\n * @file fullscreen-toggle.js\n */\n\n//var previousTrackIndex = ;\n/**\n * Toggle fullscreen video\n *\n * @extends Button\n */\n\nvar repeatButton = function (_Button) {\n inherits(repeatButton, _Button);\n\n /**\n * Creates an instance of this class.\n *\n * @param {Player} player\n * The `Player` that this class should be attached to.\n *\n * @param {Object} [options]\n * The key/value store of player options.\n */\n function repeatButton(player, options) {\n classCallCheck(this, repeatButton);\n\n var _this = possibleConstructorReturn(this, _Button.call(this, player, options));\n\n if (options.playerOptions.srcType && options.playerOptions.srcType == 'audio') ;\n _this.on(player, 'fullscreenchange', _this.handleFullscreenChange);\n\n if (document$1[FullscreenApi.fullscreenEnabled] === false) {\n _this.disable();\n }\n\n _this.on(player, 'ended', _this.handleEnded);\n return _this;\n }\n\n /**\n * Builds the default DOM `className`.\n *\n * @return {string}\n * The DOM `className` for this object.\n */\n\n\n repeatButton.prototype.buildCSSClass = function buildCSSClass() {\n return 'play-repeat-control ' + _Button.prototype.buildCSSClass.call(this);\n };\n\n repeatButton.prototype.handleEnded = function handleEnded() {\n var track = nextButton.prototype.getTrackIndex();\n if (track.mode == 'repeatMode') {\n this.TrackPlayRepeatMode();\n }\n };\n /**\n * Handles fullscreenchange on the player and change control text accordingly.\n *\n * @param {EventTarget~Event} [event]\n * The {@link Player#fullscreenchange} event that caused this function to be\n * called.\n *\n * @listens Player#fullscreenchange\n */\n\n\n repeatButton.prototype.handleFullscreenChange = function handleFullscreenChange(event) {\n if (this.player_.isFullscreen()) {\n this.controlText('Non-Fullscreen');\n } else {\n this.controlText('Fullscreen');\n }\n };\n\n /**\n * This gets called when an `FullscreenToggle` is \"clicked\". See\n * {@link ClickableComponent} for more detailed information on what a click can be.\n *\n * @param {EventTarget~Event} [event]\n * The `keydown`, `tap`, or `click` event that caused this function to be\n * called.\n *\n * @listens tap\n * @listens click\n */\n\n\n repeatButton.prototype.handleClick = function handleClick(event) {\n var track = nextButton.prototype.getTrackIndex();\n var mode = void 0;\n track.mode == 'repeatMode' ? mode = 'defaultMode' : mode = 'repeatMode';\n nextButton.prototype.setTrackIndex(track.index, 'repeatMode');\n };\n\n repeatButton.prototype.TrackPlayRepeatMode = function TrackPlayRepeatMode() {\n var track = nextButton.prototype.getTrackIndex();\n var trackList = this.options_.playerOptions.trackList;\n if (trackList.length > track.index + 1) {\n track.index++;\n } else {\n track.index = 0;\n }\n nextButton.prototype.setTrackIndex(track.index, 'repeatMode');\n player.src({\n src: trackList[track.index].src,\n type: trackList[track.index].trackList\n });\n player.play();\n };\n\n return repeatButton;\n}(Button);\n/**\n * The text that should display over the `FullscreenToggle`s controls. Added for localization.\n *\n * @type {string}\n * @private\n */\n\n\nrepeatButton.prototype.controlText_ = 'Repeat';\n\nComponent.registerComponent('repeatButton', repeatButton);\n\n/**\n * @file fullscreen-toggle.js\n */\n\n//var previousTrackIndex = ;\n/**\n * Toggle fullscreen video\n *\n * @extends Button\n */\n\nvar repeatOneButton = function (_Button) {\n inherits(repeatOneButton, _Button);\n\n /**\n * Creates an instance of this class.\n *\n * @param {Player} player\n * The `Player` that this class should be attached to.\n *\n * @param {Object} [options]\n * The key/value store of player options.\n */\n function repeatOneButton(player, options) {\n classCallCheck(this, repeatOneButton);\n\n var _this = possibleConstructorReturn(this, _Button.call(this, player, options));\n\n if (options.playerOptions.srcType && options.playerOptions.srcType == 'audio') ;\n _this.on(player, 'fullscreenchange', _this.handleFullscreenChange);\n\n if (document$1[FullscreenApi.fullscreenEnabled] === false) {\n _this.disable();\n }\n\n _this.on(player, 'ended', _this.handleEnded);\n return _this;\n }\n\n /**\n * Builds the default DOM `className`.\n *\n * @return {string}\n * The DOM `className` for this object.\n */\n\n\n repeatOneButton.prototype.buildCSSClass = function buildCSSClass() {\n return 'play-repeat-control ' + _Button.prototype.buildCSSClass.call(this);\n };\n\n repeatOneButton.prototype.handleEnded = function handleEnded() {\n var track = nextButton.prototype.getTrackIndex();\n if (track.mode == 'repeatOneMode') {\n this.TrackPlayRepeatOneMode();\n }\n };\n /**\n * Handles fullscreenchange on the player and change control text accordingly.\n *\n * @param {EventTarget~Event} [event]\n * The {@link Player#fullscreenchange} event that caused this function to be\n * called.\n *\n * @listens Player#fullscreenchange\n */\n\n\n repeatOneButton.prototype.handleFullscreenChange = function handleFullscreenChange(event) {\n if (this.player_.isFullscreen()) {\n this.controlText('Non-Fullscreen');\n } else {\n this.controlText('Fullscreen');\n }\n };\n\n /**\n * This gets called when an `FullscreenToggle` is \"clicked\". See\n * {@link ClickableComponent} for more detailed information on what a click can be.\n *\n * @param {EventTarget~Event} [event]\n * The `keydown`, `tap`, or `click` event that caused this function to be\n * called.\n *\n * @listens tap\n * @listens click\n */\n\n\n repeatOneButton.prototype.handleClick = function handleClick(event) {\n var track = nextButton.prototype.getTrackIndex();\n var mode = void 0;\n track.mode == 'repeatOneMode' ? mode = 'defaultMode' : mode = 'repeatOneMode';\n nextButton.prototype.setTrackIndex(track.index, 'repeatOneMode');\n };\n\n repeatOneButton.prototype.TrackPlayRepeatOneMode = function TrackPlayRepeatOneMode() {\n var track = nextButton.prototype.getTrackIndex();\n var trackList = this.options_.playerOptions.trackList;\n // if (trackList.length > (track.index + 1)) {\n // track.index++;\n // } else {\n // track.index = 0;\n // }\n nextButton.prototype.setTrackIndex(track.index, 'repeatOneMode');\n player.src({\n src: trackList[track.index].src,\n type: trackList[track.index].trackList\n });\n player.play();\n };\n\n return repeatOneButton;\n}(Button);\n/**\n * The text that should display over the `FullscreenToggle`s controls. Added for localization.\n *\n * @type {string}\n * @private\n */\n\n\nrepeatOneButton.prototype.controlText_ = 'Repeat current track';\n\nComponent.registerComponent('repeatOneButton', repeatOneButton);\n\n/**\n * @file control-bar.js\n */\n//import './audio-track-controls/'\n/**\n * Container of main controls.\n *\n * @extends Component\n */\n\nvar AudioPlayButtonGroup = function (_Component) {\n inherits(AudioPlayButtonGroup, _Component);\n\n function AudioPlayButtonGroup(player, options) {\n classCallCheck(this, AudioPlayButtonGroup);\n\n var _this = possibleConstructorReturn(this, _Component.call(this, player, options));\n\n if (options.playerOptions.srcType == 'audio') {\n _this.options.children = 'audioTitleBanner';\n }\n\n return _this;\n }\n /**\n * Create the `Component`'s DOM element\n *\n * @return {Element}\n * The element that was created.\n */\n\n\n AudioPlayButtonGroup.prototype.createEl = function createEl() {\n return _Component.prototype.createEl.call(this, 'div', {\n className: 'audio-play-button-group',\n dir: 'ltr'\n });\n };\n\n return AudioPlayButtonGroup;\n}(Component);\n\n/**\n * Default options for `ControlBar`\n *\n * @type {Object}\n * @private\n */\n\n\nAudioPlayButtonGroup.prototype.options_ = {\n children: ['repeatButton', 'previousButton', 'playToggle', 'nextButton', 'shuffleButton', 'repeatOneButton']\n};\n\nComponent.registerComponent('AudioPlayButtonGroup', AudioPlayButtonGroup);\n\n/**\n * @file menu.js\n */\n\n/**\n * The Menu component is used to build popup menus, including subtitle and\n * captions selection menus.\n *\n * @extends Component\n */\n\nvar Menu = function (_Component) {\n inherits(Menu, _Component);\n\n /**\n * Create an instance of this class.\n *\n * @param {Player} player\n * the player that this component should attach to\n *\n * @param {Object} [options]\n * Object of option names and values\n *\n */\n function Menu(player, options) {\n classCallCheck(this, Menu);\n\n var _this = possibleConstructorReturn(this, _Component.call(this, player, options));\n\n if (options) {\n _this.menuButton_ = options.menuButton;\n if (_this.menuButton_.buttonPressed_) {\n _this.menuButton_.unpressButton();\n }\n }\n\n _this.focusedChild_ = -1;\n\n _this.on('keydown', _this.handleKeyPress);\n return _this;\n }\n\n /**\n * Add a {@link MenuItem} to the menu.\n *\n * @param {Object|string} component\n * The name or instance of the `MenuItem` to add.\n *\n */\n\n\n Menu.prototype.addItem = function addItem(component) {\n this.addChild(component);\n component.on('click', bind(this, function (event) {\n // Unpress the associated MenuButton, and move focus back to it\n if (this.menuButton_) {\n this.menuButton_.unpressButton();\n\n // don't focus menu button if item is a caption settings item\n // because focus will move elsewhere\n if (component.name() !== 'CaptionSettingsMenuItem') {\n this.menuButton_.focus();\n }\n }\n }));\n };\n\n /**\n * Create the `Menu`s DOM element.\n *\n * @return {Element}\n * the element that was created\n */\n\n\n Menu.prototype.createEl = function createEl$$1() {\n var contentElType = this.options_.contentElType || 'ul';\n\n this.contentEl_ = createEl(contentElType, {\n className: 'play-menu-content'\n });\n\n this.contentEl_.setAttribute('role', 'menu');\n var el = _Component.prototype.createEl.call(this, 'div', {\n append: this.contentEl_,\n className: 'play-menu'\n });\n\n el.appendChild(this.contentEl_);\n\n // Prevent clicks from bubbling up. Needed for Menu Buttons,\n // where a click on the parent is significant\n on(el, 'click', function (event) {\n event.preventDefault();\n event.stopImmediatePropagation();\n });\n\n return el;\n };\n\n Menu.prototype.dispose = function dispose() {\n this.contentEl_ = null;\n\n _Component.prototype.dispose.call(this);\n };\n\n /**\n * Handle a `keydown` event on this menu. This listener is added in the constructor.\n *\n * @param {EventTarget~Event} event\n * A `keydown` event that happened on the menu.\n *\n * @listens keydown\n */\n\n\n Menu.prototype.handleKeyPress = function handleKeyPress(event) {\n // Left and Down Arrows\n if (event.which === 37 || event.which === 40) {\n event.preventDefault();\n this.stepForward();\n\n // Up and Right Arrows\n } else if (event.which === 38 || event.which === 39) {\n event.preventDefault();\n this.stepBack();\n }\n };\n\n /**\n * Move to next (lower) menu item for keyboard users.\n */\n\n\n Menu.prototype.stepForward = function stepForward() {\n var stepChild = 0;\n\n if (this.focusedChild_ !== undefined) {\n stepChild = this.focusedChild_ + 1;\n }\n this.focus(stepChild);\n };\n\n /**\n * Move to previous (higher) menu item for keyboard users.\n */\n\n\n Menu.prototype.stepBack = function stepBack() {\n var stepChild = 0;\n\n if (this.focusedChild_ !== undefined) {\n stepChild = this.focusedChild_ - 1;\n }\n this.focus(stepChild);\n };\n\n /**\n * Set focus on a {@link MenuItem} in the `Menu`.\n *\n * @param {Object|string} [item=0]\n * Index of child item set focus on.\n */\n\n\n Menu.prototype.focus = function focus() {\n var item = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;\n\n var children = this.children().slice();\n var haveTitle = children.length && children[0].className && /play-menu-title/.test(children[0].className);\n\n if (haveTitle) {\n children.shift();\n }\n\n if (children.length > 0) {\n if (item < 0) {\n item = 0;\n } else if (item >= children.length) {\n item = children.length - 1;\n }\n\n this.focusedChild_ = item;\n\n children[item].el_.focus();\n }\n };\n\n return Menu;\n}(Component);\n\nComponent.registerComponent('Menu', Menu);\n\n/**\n * @file menu-button.js\n */\n\n/**\n * A `MenuButton` class for any popup {@link Menu}.\n *\n * @extends Component\n */\n\nvar MenuButton = function (_Component) {\n inherits(MenuButton, _Component);\n\n /**\n * Creates an instance of this class.\n *\n * @param {Player} player\n * The `Player` that this class should be attached to.\n *\n * @param {Object} [options={}]\n * The key/value store of player options.\n */\n function MenuButton(player) {\n var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n classCallCheck(this, MenuButton);\n\n var _this = possibleConstructorReturn(this, _Component.call(this, player, options));\n\n _this.menuButton_ = new Button(player, options);\n\n _this.menuButton_.controlText(_this.controlText_);\n _this.subMenu(_this.subMenu_);\n _this.menuButton_.el_.setAttribute('aria-haspopup', 'true');\n\n // Add buildCSSClass values to the button, not the wrapper\n var buttonClass = Button.prototype.buildCSSClass();\n\n _this.menuButton_.el_.className = _this.buildCSSClass() + ' ' + buttonClass;\n _this.menuButton_.removeClass('play-control');\n\n _this.addChild(_this.menuButton_);\n\n _this.update();\n\n _this.enabled_ = true;\n\n _this.on(_this.menuButton_, 'tap', _this.handleClick);\n _this.on(_this.menuButton_, 'click', _this.handleClick);\n _this.on(_this.menuButton_, 'focus', _this.handleFocus);\n _this.on(_this.menuButton_, 'blur', _this.handleBlur);\n\n _this.on('keydown', _this.handleSubmenuKeyPress);\n return _this;\n }\n\n /**\n * Update the menu based on the current state of its items.\n */\n\n\n MenuButton.prototype.update = function update() {\n var menu = this.createMenu();\n\n if (this.menu) {\n this.menu.dispose();\n this.removeChild(this.menu);\n }\n\n this.menu = menu;\n this.addChild(menu);\n\n /**\n * Track the state of the menu button\n *\n * @type {Boolean}\n * @private\n */\n this.buttonPressed_ = false;\n this.menuButton_.el_.setAttribute('aria-expanded', 'false');\n\n if (this.items && this.items.length <= this.hideThreshold_) {\n this.hide();\n } else {\n this.show();\n }\n };\n\n /**\n * Create the menu and add all items to it.\n *\n * @return {Menu}\n * The constructed menu\n */\n\n\n MenuButton.prototype.createMenu = function createMenu() {\n var _this2 = this;\n\n var menu = new Menu(this.player_, { menuButton: this });\n\n /**\n * Hide the menu if the number of items is less than or equal to this threshold. This defaults\n * to 0 and whenever we add items which can be hidden to the menu we'll increment it. We list\n * it here because every time we run `createMenu` we need to reset the value.\n *\n * @protected\n * @type {Number}\n */\n this.hideThreshold_ = 0;\n\n // Add a title list item to the top\n if (this.options_.title) {\n var title = createEl('li', {\n className: 'play-menu-title',\n innerHTML: toTitleCase(this.options_.title),\n tabIndex: -1\n });\n\n this.hideThreshold_ += 1;\n\n menu.children_.unshift(title);\n title.addEventListener('click', function () {\n _this2.unpressButton();\n });\n prependTo(title, menu.contentEl());\n }\n\n this.items = this.createItems();\n\n if (this.items) {\n // Add menu items to the menu\n for (var i = 0; i < this.items.length; i++) {\n menu.addItem(this.items[i]);\n }\n }\n\n return menu;\n };\n\n /**\n * Create the list of menu items. Specific to each subclass.\n *\n * @abstract\n */\n\n\n MenuButton.prototype.createItems = function createItems() {};\n\n /**\n * Create the `MenuButtons`s DOM element.\n *\n * @return {Element}\n * The element that gets created.\n */\n\n\n MenuButton.prototype.createEl = function createEl$$1() {\n return _Component.prototype.createEl.call(this, 'div', {\n className: this.buildWrapperCSSClass()\n }, {});\n };\n\n /**\n * Allow sub components to stack CSS class names for the wrapper element\n *\n * @return {string}\n * The constructed wrapper DOM `className`\n */\n\n\n MenuButton.prototype.buildWrapperCSSClass = function buildWrapperCSSClass() {\n var menuButtonClass = 'play-menu-button';\n\n // If the inline option is passed, we want to use different styles altogether.\n if (this.options_.inline === true) {\n menuButtonClass += '-inline';\n } else {\n menuButtonClass += '-popup';\n }\n\n // TODO: Fix the CSS so that this isn't necessary\n var buttonClass = Button.prototype.buildCSSClass();\n\n return 'play-menu-button ' + menuButtonClass + ' ' + buttonClass + ' ' + _Component.prototype.buildCSSClass.call(this);\n };\n\n /**\n * Builds the default DOM `className`.\n *\n * @return {string}\n * The DOM `className` for this object.\n */\n\n\n MenuButton.prototype.buildCSSClass = function buildCSSClass() {\n var menuButtonClass = 'play-menu-button';\n\n // If the inline option is passed, we want to use different styles altogether.\n if (this.options_.inline === true) {\n menuButtonClass += '-inline';\n } else {\n menuButtonClass += '-popup';\n }\n\n return 'play-menu-button ' + menuButtonClass + ' ' + _Component.prototype.buildCSSClass.call(this);\n };\n\n /**\n * Get or set the localized control text that will be used for accessibility.\n *\n * > NOTE: This will come from the internal `menuButton_` element.\n *\n * @param {string} [text]\n * Control text for element.\n *\n * @param {Element} [el=this.menuButton_.el()]\n * Element to set the title on.\n *\n * @return {string}\n * - The control text when getting\n */\n\n\n MenuButton.prototype.controlText = function controlText(text) {\n var el = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.menuButton_.el();\n\n return this.menuButton_.controlText(text, el);\n };\n\n /**\n * Get or set the localized control text that will be used for accessibility.\n *\n * > NOTE: This will come from the internal `menuButton_` element.\n *\n * @param {string} [text]\n * Control text for element.\n *\n * @param {Element} [el=this.menuButton_.el()]\n * Element to set the title on.\n *\n * @return {string}\n * - The control text when getting\n */\n\n\n MenuButton.prototype.subMenu = function subMenu(bool) {\n var el = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.menuButton_.el();\n\n if (bool) {\n var labelEl_ = createEl('span', {\n className: 'play-control-value',\n innerHTML: ''\n });\n\n el.appendChild(labelEl_);\n return el;\n }\n return;\n };\n\n /**\n * Handle a click on a `MenuButton`.\n * See {@link ClickableComponent#handleClick} for instances where this is called.\n *\n * @param {EventTarget~Event} event\n * The `keydown`, `tap`, or `click` event that caused this function to be\n * called.\n *\n * @listens tap\n * @listens click\n */\n\n\n MenuButton.prototype.handleClick = function handleClick(event) {\n // When you click the button it adds focus, which will show the menu.\n // So we'll remove focus when the mouse leaves the button. Focus is needed\n // for tab navigation.\n\n event.stopPropagation();\n if (this.buttonPressed_) {\n this.unpressButton();\n } else {\n this.pressButton();\n }\n };\n\n /**\n * Set the focus to the actual button, not to this element\n */\n\n\n MenuButton.prototype.focus = function focus() {\n this.menuButton_.focus();\n };\n\n /**\n * Remove the focus from the actual button, not this element\n */\n\n\n MenuButton.prototype.blur = function blur() {\n this.menuButton_.blur();\n };\n\n /**\n * This gets called when a `MenuButton` gains focus via a `focus` event.\n * Turns on listening for `keydown` events. When they happen it\n * calls `this.handleKeyPress`.\n *\n * @param {EventTarget~Event} event\n * The `focus` event that caused this function to be called.\n *\n * @listens focus\n */\n\n\n MenuButton.prototype.handleFocus = function handleFocus() {\n on(document$1, 'keydown', bind(this, this.handleKeyPress));\n };\n\n /**\n * Called when a `MenuButton` loses focus. Turns off the listener for\n * `keydown` events. Which Stops `this.handleKeyPress` from getting called.\n *\n * @param {EventTarget~Event} event\n * The `blur` event that caused this function to be called.\n *\n * @listens blur\n */\n\n\n MenuButton.prototype.handleBlur = function handleBlur() {\n off(document$1, 'keydown', bind(this, this.handleKeyPress));\n };\n\n /**\n * Handle tab, escape, down arrow, and up arrow keys for `MenuButton`. See\n * {@link ClickableComponent#handleKeyPress} for instances where this is called.\n *\n * @param {EventTarget~Event} event\n * The `keydown` event that caused this function to be called.\n *\n * @listens keydown\n */\n\n\n MenuButton.prototype.handleKeyPress = function handleKeyPress(event) {\n\n // Escape (27) key or Tab (9) key unpress the 'button'\n if (event.which === 27 || event.which === 9) {\n if (this.buttonPressed_) {\n this.unpressButton();\n }\n // Don't preventDefault for Tab key - we still want to lose focus\n if (event.which !== 9) {\n event.preventDefault();\n // Set focus back to the menu button's button\n this.menuButton_.el_.focus();\n }\n // Up (38) key or Down (40) key press the 'button'\n } else if (event.which === 38 || event.which === 40) {\n if (!this.buttonPressed_) {\n this.pressButton();\n event.preventDefault();\n }\n }\n };\n\n /**\n * Handle a `keydown` event on a sub-menu. The listener for this is added in\n * the constructor.\n *\n * @param {EventTarget~Event} event\n * Key press event\n *\n * @listens keydown\n */\n\n\n MenuButton.prototype.handleSubmenuKeyPress = function handleSubmenuKeyPress(event) {\n\n // Escape (27) key or Tab (9) key unpress the 'button'\n if (event.which === 27 || event.which === 9) {\n if (this.buttonPressed_) {\n this.unpressButton();\n }\n // Don't preventDefault for Tab key - we still want to lose focus\n if (event.which !== 9) {\n event.preventDefault();\n // Set focus back to the menu button's button\n this.menuButton_.el_.focus();\n }\n }\n };\n\n /**\n * Put the current `MenuButton` into a pressed state.\n */\n\n\n MenuButton.prototype.pressButton = function pressButton() {\n if (this.enabled_) {\n this.buttonPressed_ = true;\n this.menu.lockShowing();\n this.menuButton_.el_.parentNode.parentNode.classList.add('play-settings-clicked');\n this.menuButton_.el_.parentNode.classList.add('play-settings-clicked');\n this.menuButton_.el_.setAttribute('aria-expanded', 'true');\n\n // set the focus into the submenu, except on iOS where it is resulting in\n // undesired scrolling behavior when the player is in an iframe\n if (IS_IOS && isInFrame()) {\n // Return early so that the menu isn't focused\n return;\n }\n\n // this.menu.focus();\n }\n };\n\n /**\n * Take the current `MenuButton` out of a pressed state.\n */\n\n\n MenuButton.prototype.unpressButton = function unpressButton() {\n if (this.enabled_) {\n this.buttonPressed_ = false;\n this.menu.unlockShowing();\n if (this.menuButton_.el_.parentNode.parentNode.classList.remove('play-settings-clicked') !== -1) {\n this.menuButton_.el_.parentNode.parentNode.classList.remove('play-settings-clicked');\n if (this.menuButton_.el_.parentNode.className.search('play-settings-clicked') !== -1) {\n this.menuButton_.el_.parentNode.classList.remove('play-settings-clicked');\n }\n }\n this.menuButton_.el_.setAttribute('aria-expanded', 'false');\n }\n };\n\n /**\n * Disable the `MenuButton`. Don't allow it to be clicked.\n */\n\n\n MenuButton.prototype.disable = function disable() {\n this.unpressButton();\n\n this.enabled_ = false;\n this.addClass('play-disabled');\n\n this.menuButton_.disable();\n };\n\n /**\n * Enable the `MenuButton`. Allow it to be clicked.\n */\n\n\n MenuButton.prototype.enable = function enable() {\n this.enabled_ = true;\n this.removeClass('play-disabled');\n\n this.menuButton_.enable();\n };\n\n return MenuButton;\n}(Component);\n\nComponent.registerComponent('MenuButton', MenuButton);\n\n/**\n * @file track-button.js\n */\n\n/**\n * The base class for buttons that toggle specific track types (e.g. subtitles).\n *\n * @extends MenuButton\n */\n\nvar TrackButton = function (_MenuButton) {\n inherits(TrackButton, _MenuButton);\n\n /**\n * Creates an instance of this class.\n *\n * @param {Player} player\n * The `Player` that this class should be attached to.\n *\n * @param {Object} [options]\n * The key/value store of player options.\n */\n function TrackButton(player, options) {\n classCallCheck(this, TrackButton);\n\n var tracks = options.tracks;\n\n var _this = possibleConstructorReturn(this, _MenuButton.call(this, player, options));\n\n _this.labelEl_ = _this.subMenu(true);\n\n if (_this.items.length <= 1) {\n _this.hide();\n }\n\n if (!tracks) {\n return possibleConstructorReturn(_this);\n }\n\n var updateHandler = bind(_this, _this.update);\n\n tracks.addEventListener('removetrack', updateHandler);\n tracks.addEventListener('addtrack', updateHandler);\n _this.player_.on('ready', updateHandler);\n\n _this.player_.on('dispose', function () {\n tracks.removeEventListener('removetrack', updateHandler);\n tracks.removeEventListener('addtrack', updateHandler);\n });\n return _this;\n }\n\n return TrackButton;\n}(MenuButton);\n\nComponent.registerComponent('TrackButton', TrackButton);\n\n/**\n * @file menu-item.js\n */\n\n/**\n * The component for a menu item. ``\n *\n * @extends ClickableComponent\n */\n\nvar MenuItem = function (_ClickableComponent) {\n inherits(MenuItem, _ClickableComponent);\n\n /**\n * Creates an instance of the this class.\n *\n * @param {Player} player\n * The `Player` that this class should be attached to.\n *\n * @param {Object} [options={}]\n * The key/value store of player options.\n *\n */\n function MenuItem(player, options) {\n classCallCheck(this, MenuItem);\n\n var _this = possibleConstructorReturn(this, _ClickableComponent.call(this, player, options));\n\n _this.selectable = options.selectable;\n _this.isSelected_ = options.selected || false;\n _this.multiSelectable = options.multiSelectable;\n\n _this.selected(_this.isSelected_);\n\n if (_this.selectable) {\n if (_this.multiSelectable) {\n _this.el_.setAttribute('role', 'menuitemcheckbox');\n } else {\n _this.el_.setAttribute('role', 'menuitemradio');\n }\n } else {\n _this.el_.setAttribute('role', 'menuitem');\n }\n return _this;\n }\n\n /**\n * Create the `MenuItem's DOM element\n *\n * @param {string} [type=li]\n * Element's node type, not actually used, always set to `li`.\n *\n * @param {Object} [props={}]\n * An object of properties that should be set on the element\n *\n * @param {Object} [attrs={}]\n * An object of attributes that should be set on the element\n *\n * @return {Element}\n * The element that gets created.\n */\n\n\n MenuItem.prototype.createEl = function createEl(type, props, attrs) {\n // The control is textual, not just an icon\n this.nonIconControl = true;\n\n return _ClickableComponent.prototype.createEl.call(this, 'li', assign({\n className: 'play-menu-item',\n innerHTML: '',\n tabIndex: -1\n }, props), attrs);\n };\n\n /**\n * Any click on a `MenuItem` puts it into the selected state.\n * See {@link ClickableComponent#handleClick} for instances where this is called.\n *\n * @param {EventTarget~Event} event\n * The `keydown`, `tap`, or `click` event that caused this function to be\n * called.\n *\n * @listens tap\n * @listens click\n */\n\n\n MenuItem.prototype.handleClick = function handleClick(event) {\n this.selected(true);\n };\n\n /**\n * Set the state for this menu item as selected or not.\n *\n * @param {boolean} selected\n * if the menu item is selected or not\n */\n\n\n MenuItem.prototype.selected = function selected(_selected) {\n if (this.selectable) {\n if (_selected) {\n this.addClass('play-selected');\n this.el_.setAttribute('aria-checked', 'true');\n // aria-checked isn't fully supported by browsers/screen readers,\n // so indicate selected state to screen reader in the control text.\n this.controlText(', selected');\n this.isSelected_ = true;\n } else {\n this.removeClass('play-selected');\n this.el_.setAttribute('aria-checked', 'false');\n // Indicate un-selected state to screen reader\n this.controlText('');\n this.isSelected_ = false;\n }\n }\n };\n\n return MenuItem;\n}(ClickableComponent);\n\nComponent.registerComponent('MenuItem', MenuItem);\n\n/**\n * @file text-track-menu-item.js\n */\n\n/**\n * The specific menu item type for selecting a language within a text track kind\n *\n * @extends MenuItem\n */\n\nvar TextTrackMenuItem = function (_MenuItem) {\n inherits(TextTrackMenuItem, _MenuItem);\n\n /**\n * Creates an instance of this class.\n *\n * @param {Player} player\n * The `Player` that this class should be attached to.\n *\n * @param {Object} [options]\n * The key/value store of player options.\n */\n function TextTrackMenuItem(player, options) {\n classCallCheck(this, TextTrackMenuItem);\n\n var track = options.track;\n var tracks = player.textTracks();\n\n // Modify options for parent MenuItem class's init.\n options.label = track.label || track.language || 'Unknown';\n options.selected = track.mode === 'showing';\n\n var _this = possibleConstructorReturn(this, _MenuItem.call(this, player, options));\n\n _this.afterTrigger = options.afterTrigger;\n\n _this.track = track;\n var changeHandler = function changeHandler() {\n for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n _this.handleTracksChange.apply(_this, args);\n };\n var selectedLanguageChangeHandler = function selectedLanguageChangeHandler() {\n for (var _len2 = arguments.length, args = Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {\n args[_key2] = arguments[_key2];\n }\n\n _this.handleSelectedLanguageChange.apply(_this, args);\n };\n\n player.on(['loadstart', 'texttrackchange'], changeHandler);\n tracks.addEventListener('change', changeHandler);\n tracks.addEventListener('selectedlanguagechange', selectedLanguageChangeHandler);\n _this.on('dispose', function () {\n player.off(['loadstart', 'texttrackchange'], changeHandler);\n tracks.removeEventListener('change', changeHandler);\n tracks.removeEventListener('selectedlanguagechange', selectedLanguageChangeHandler);\n });\n\n // iOS7 doesn't dispatch change events to TextTrackLists when an\n // associated track's mode changes. Without something like\n // Object.observe() (also not present on iOS7), it's not\n // possible to detect changes to the mode attribute and polyfill\n // the change event. As a poor substitute, we manually dispatch\n // change events whenever the controls modify the mode.\n if (tracks.onchange === undefined) {\n var event = void 0;\n\n _this.on(['tap', 'click'], function () {\n if (_typeof(window$1.Event) !== 'object') {\n // Android 2.3 throws an Illegal Constructor error for window.Event\n try {\n event = new window$1.Event('change');\n } catch (err) {\n // continue regardless of error\n }\n }\n\n if (!event) {\n event = document$1.createEvent('Event');\n event.initEvent('change', true, true);\n }\n\n tracks.dispatchEvent(event);\n });\n }\n\n // set the default state based on current tracks\n _this.handleTracksChange();\n return _this;\n }\n\n /**\n * This gets called when an `TextTrackMenuItem` is \"clicked\". See\n * {@link ClickableComponent} for more detailed information on what a click can be.\n *\n * @param {EventTarget~Event} event\n * The `keydown`, `tap`, or `click` event that caused this function to be\n * called.\n *\n * @listens tap\n * @listens click\n */\n\n\n TextTrackMenuItem.prototype.handleClick = function handleClick(event) {\n var kind = this.track.kind;\n var kinds = this.track.kinds;\n var tracks = this.player_.textTracks();\n\n if (!kinds) {\n kinds = [kind];\n }\n _MenuItem.prototype.handleClick.call(this, event);\n\n if (!tracks) {\n return;\n }\n\n for (var i = 0; i < tracks.length; i++) {\n var track = tracks[i];\n\n if (track === this.track && kinds.indexOf(track.kind) > -1) {\n if (track.mode !== 'showing') {\n track.mode = 'showing';\n }\n } else if (track.mode !== 'disabled') {\n track.mode = 'disabled';\n }\n }\n if (this.afterTrigger) {\n this.afterTrigger(this);\n }\n };\n\n /**\n * Handle text track list change\n *\n * @param {EventTarget~Event} event\n * The `change` event that caused this function to be called.\n *\n * @listens TextTrackList#change\n */\n\n\n TextTrackMenuItem.prototype.handleTracksChange = function handleTracksChange(event) {\n var shouldBeSelected = this.track.mode === 'showing';\n\n // Prevent redundant selected() calls because they may cause\n // screen readers to read the appended control text unnecessarily\n if (shouldBeSelected !== this.isSelected_) {\n this.selected(shouldBeSelected);\n }\n };\n\n TextTrackMenuItem.prototype.handleSelectedLanguageChange = function handleSelectedLanguageChange(event) {\n if (this.track.mode === 'showing') {\n var selectedLanguage = this.player_.cache_.selectedLanguage;\n\n // Don't replace the kind of track across the same language\n if (selectedLanguage && selectedLanguage.enabled && selectedLanguage.language === this.track.language && selectedLanguage.kind !== this.track.kind) {\n return;\n }\n\n this.player_.cache_.selectedLanguage = {\n enabled: true,\n language: this.track.language,\n kind: this.track.kind\n };\n }\n };\n\n TextTrackMenuItem.prototype.dispose = function dispose() {\n // remove reference to track object on dispose\n this.track = null;\n\n _MenuItem.prototype.dispose.call(this);\n };\n\n return TextTrackMenuItem;\n}(MenuItem);\n\nComponent.registerComponent('TextTrackMenuItem', TextTrackMenuItem);\n\n/**\n * @file off-text-track-menu-item.js\n */\n\n/**\n * A special menu item for turning of a specific type of text track\n *\n * @extends TextTrackMenuItem\n */\n\nvar OffTextTrackMenuItem = function (_TextTrackMenuItem) {\n inherits(OffTextTrackMenuItem, _TextTrackMenuItem);\n\n /**\n * Creates an instance of this class.\n *\n * @param {Player} player\n * The `Player` that this class should be attached to.\n *\n * @param {Object} [options]\n * The key/value store of player options.\n */\n function OffTextTrackMenuItem(player, options) {\n classCallCheck(this, OffTextTrackMenuItem);\n\n // Create pseudo track info\n // Requires options['kind']\n options.track = {\n player: player,\n kind: options.kind,\n kinds: options.kinds,\n default: false,\n mode: 'disabled'\n };\n\n if (!options.kinds) {\n options.kinds = [options.kind];\n }\n\n if (options.label) {\n options.track.label = options.label;\n } else {\n options.track.label = options.kinds.join(' and ') + ' off';\n }\n\n // MenuItem is selectable\n options.selectable = true;\n // MenuItem is NOT multiSelectable (i.e. only one can be marked \"selected\" at a time)\n options.multiSelectable = false;\n\n var _this = possibleConstructorReturn(this, _TextTrackMenuItem.call(this, player, options));\n\n _this.afterTrigger = options.afterTrigger;\n return _this;\n }\n\n /**\n * Handle text track change\n *\n * @param {EventTarget~Event} event\n * The event that caused this function to run\n */\n\n\n OffTextTrackMenuItem.prototype.handleTracksChange = function handleTracksChange(event) {\n var tracks = this.player().textTracks();\n var shouldBeSelected = true;\n\n for (var i = 0, l = tracks.length; i < l; i++) {\n var track = tracks[i];\n\n if (this.options_.kinds.indexOf(track.kind) > -1 && track.mode === 'showing') {\n shouldBeSelected = false;\n break;\n }\n }\n\n // Prevent redundant selected() calls because they may cause\n // screen readers to read the appended control text unnecessarily\n if (shouldBeSelected !== this.isSelected_) {\n this.selected(shouldBeSelected);\n }\n };\n\n OffTextTrackMenuItem.prototype.handleSelectedLanguageChange = function handleSelectedLanguageChange(event) {\n var tracks = this.player().textTracks();\n var allHidden = true;\n\n for (var i = 0, l = tracks.length; i < l; i++) {\n var track = tracks[i];\n\n if (['captions', 'descriptions', 'subtitles'].indexOf(track.kind) > -1 && track.mode === 'showing') {\n allHidden = false;\n break;\n }\n }\n\n if (allHidden) {\n this.player_.cache_.selectedLanguage = {\n enabled: false\n };\n }\n };\n\n return OffTextTrackMenuItem;\n}(TextTrackMenuItem);\n\nComponent.registerComponent('OffTextTrackMenuItem', OffTextTrackMenuItem);\n\n/**\n * @file text-track-button.js\n */\n\n/**\n * The base class for buttons that toggle specific text track types (e.g. subtitles)\n *\n * @extends MenuButton\n */\n\nvar TextTrackButton = function (_TrackButton) {\n inherits(TextTrackButton, _TrackButton);\n\n /**\n * Creates an instance of this class.\n *\n * @param {Player} player\n * The `Player` that this class should be attached to.\n *\n * @param {Object} [options={}]\n * The key/value store of player options.\n */\n function TextTrackButton(player) {\n var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n classCallCheck(this, TextTrackButton);\n\n options.tracks = player.textTracks();\n options.title = player.localize('Subtitles');\n\n var _this = possibleConstructorReturn(this, _TrackButton.call(this, player, options));\n\n _this.labelEl_ = _this.labelEl_.querySelector('.play-control-value');\n return _this;\n }\n\n /**\n * Create a menu item for each text track\n *\n * @param {TextTrackMenuItem[]} [items=[]]\n * Existing array of items to use during creation\n *\n * @return {TextTrackMenuItem[]}\n * Array of menu items that were created\n */\n\n\n TextTrackButton.prototype.createItems = function createItems() {\n var _this2 = this;\n\n var items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];\n var TrackMenuItem = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : TextTrackMenuItem;\n\n\n // Label is an override for the [track] off label\n // USed to localise captions/subtitles\n var label = void 0;\n\n if (this.label_) {\n // label = `${this.label_} off`;\n label = 'Off';\n }\n // Add an OFF menu item to turn all tracks off\n items.push(new OffTextTrackMenuItem(this.player_, {\n kinds: this.kinds_,\n kind: this.kind_,\n afterTrigger: function afterTrigger(comp) {\n _this2.updateDisplayText(comp);\n },\n label: label\n }));\n\n this.hideThreshold_ += 1;\n\n var tracks = this.player_.textTracks();\n\n if (!Array.isArray(this.kinds_)) {\n this.kinds_ = [this.kind_];\n }\n\n for (var i = 0; i < tracks.length; i++) {\n var track = tracks[i];\n\n // only add tracks that are of an appropriate kind and have a label\n if (this.kinds_.indexOf(track.kind) > -1) {\n\n var item = new TrackMenuItem(this.player_, {\n track: track,\n // MenuItem is selectable\n selectable: true,\n // MenuItem is NOT multiSelectable (i.e. only one can be marked \"selected\" at a time)\n multiSelectable: false,\n afterTrigger: function afterTrigger(comp) {\n _this2.updateDisplayText(comp);\n }\n });\n\n item.addClass('play-' + track.kind + '-menu-item');\n items.push(item);\n }\n if (items[i] && items[i].isSelected_) {\n this.updateDisplayText(items[i]);\n }\n }\n return items;\n };\n\n TextTrackButton.prototype.updateDisplayText = function updateDisplayText(selectedItem) {\n this.labelEl_.innerHTML = selectedItem.options_.label;\n var playControl = document.querySelector('.play-settings > .play-control');\n playControl.classList.add(\"play-hidden\");\n };\n\n return TextTrackButton;\n}(TrackButton);\n\nComponent.registerComponent('TextTrackButton', TextTrackButton);\n\n/**\n * @file chapters-track-menu-item.js\n */\n\n/**\n * The chapter track menu item\n *\n * @extends MenuItem\n */\n\nvar ChaptersTrackMenuItem = function (_MenuItem) {\n inherits(ChaptersTrackMenuItem, _MenuItem);\n\n /**\n * Creates an instance of this class.\n *\n * @param {Player} player\n * The `Player` that this class should be attached to.\n *\n * @param {Object} [options]\n * The key/value store of player options.\n */\n function ChaptersTrackMenuItem(player, options) {\n classCallCheck(this, ChaptersTrackMenuItem);\n\n var track = options.track;\n var cue = options.cue;\n var currentTime = player.currentTime();\n\n // Modify options for parent MenuItem class's init.\n options.selectable = true;\n options.multiSelectable = false;\n options.label = cue.text;\n options.selected = cue.startTime <= currentTime && currentTime < cue.endTime;\n\n var _this = possibleConstructorReturn(this, _MenuItem.call(this, player, options));\n\n _this.track = track;\n _this.cue = cue;\n track.addEventListener('cuechange', bind(_this, _this.update));\n return _this;\n }\n\n /**\n * This gets called when an `ChaptersTrackMenuItem` is \"clicked\". See\n * {@link ClickableComponent} for more detailed information on what a click can be.\n *\n * @param {EventTarget~Event} [event]\n * The `keydown`, `tap`, or `click` event that caused this function to be\n * called.\n *\n * @listens tap\n * @listens click\n */\n\n\n ChaptersTrackMenuItem.prototype.handleClick = function handleClick(event) {\n _MenuItem.prototype.handleClick.call(this);\n this.player_.currentTime(this.cue.startTime);\n this.update(this.cue.startTime);\n };\n\n /**\n * Update chapter menu item\n *\n * @param {EventTarget~Event} [event]\n * The `cuechange` event that caused this function to run.\n *\n * @listens TextTrack#cuechange\n */\n\n\n ChaptersTrackMenuItem.prototype.update = function update(event) {\n var cue = this.cue;\n var currentTime = this.player_.currentTime();\n\n // vjs.log(currentTime, cue.startTime);\n this.selected(cue.startTime <= currentTime && currentTime < cue.endTime);\n };\n\n return ChaptersTrackMenuItem;\n}(MenuItem);\n\nComponent.registerComponent('ChaptersTrackMenuItem', ChaptersTrackMenuItem);\n\n/**\n * @file chapters-button.js\n */\n\n/**\n * The button component for toggling and selecting chapters\n * Chapters act much differently than other text tracks\n * Cues are navigation vs. other tracks of alternative languages\n *\n * @extends TextTrackButton\n */\n\nvar ChaptersButton = function (_TextTrackButton) {\n inherits(ChaptersButton, _TextTrackButton);\n\n /**\n * Creates an instance of this class.\n *\n * @param {Player} player\n * The `Player` that this class should be attached to.\n *\n * @param {Object} [options]\n * The key/value store of player options.\n *\n * @param {Component~ReadyCallback} [ready]\n * The function to call when this function is ready.\n */\n function ChaptersButton(player, options, ready) {\n classCallCheck(this, ChaptersButton);\n return possibleConstructorReturn(this, _TextTrackButton.call(this, player, options, ready));\n }\n\n /**\n * Builds the default DOM `className`.\n *\n * @return {string}\n * The DOM `className` for this object.\n */\n\n\n ChaptersButton.prototype.buildCSSClass = function buildCSSClass() {\n return 'play-chapters-button ' + _TextTrackButton.prototype.buildCSSClass.call(this);\n };\n\n ChaptersButton.prototype.buildWrapperCSSClass = function buildWrapperCSSClass() {\n return 'play-chapters-button ' + _TextTrackButton.prototype.buildWrapperCSSClass.call(this);\n };\n\n /**\n * Update the menu based on the current state of its items.\n *\n * @param {EventTarget~Event} [event]\n * An event that triggered this function to run.\n *\n * @listens TextTrackList#addtrack\n * @listens TextTrackList#removetrack\n * @listens TextTrackList#change\n */\n\n\n ChaptersButton.prototype.update = function update(event) {\n if (!this.track_ || event && (event.type === 'addtrack' || event.type === 'removetrack')) {\n this.setTrack(this.findChaptersTrack());\n }\n _TextTrackButton.prototype.update.call(this);\n };\n\n /**\n * Set the currently selected track for the chapters button.\n *\n * @param {TextTrack} track\n * The new track to select. Nothing will change if this is the currently selected\n * track.\n */\n\n\n ChaptersButton.prototype.setTrack = function setTrack(track) {\n if (this.track_ === track) {\n return;\n }\n\n if (!this.updateHandler_) {\n this.updateHandler_ = this.update.bind(this);\n }\n\n // here this.track_ refers to the old track instance\n if (this.track_) {\n var remoteTextTrackEl = this.player_.remoteTextTrackEls().getTrackElementByTrack_(this.track_);\n\n if (remoteTextTrackEl) {\n remoteTextTrackEl.removeEventListener('load', this.updateHandler_);\n }\n\n this.track_ = null;\n }\n\n this.track_ = track;\n\n // here this.track_ refers to the new track instance\n if (this.track_) {\n this.track_.mode = 'hidden';\n\n var _remoteTextTrackEl = this.player_.remoteTextTrackEls().getTrackElementByTrack_(this.track_);\n\n if (_remoteTextTrackEl) {\n _remoteTextTrackEl.addEventListener('load', this.updateHandler_);\n }\n }\n };\n\n /**\n * Find the track object that is currently in use by this ChaptersButton\n *\n * @return {TextTrack|undefined}\n * The current track or undefined if none was found.\n */\n\n\n ChaptersButton.prototype.findChaptersTrack = function findChaptersTrack() {\n var tracks = this.player_.textTracks() || [];\n\n for (var i = tracks.length - 1; i >= 0; i--) {\n // We will always choose the last track as our chaptersTrack\n var track = tracks[i];\n\n if (track.kind === this.kind_) {\n return track;\n }\n }\n };\n\n /**\n * Get the caption for the ChaptersButton based on the track label. This will also\n * use the current tracks localized kind as a fallback if a label does not exist.\n *\n * @return {string}\n * The tracks current label or the localized track kind.\n */\n\n\n ChaptersButton.prototype.getMenuCaption = function getMenuCaption() {\n if (this.track_ && this.track_.label) {\n return this.track_.label;\n }\n return this.localize(toTitleCase(this.kind_));\n };\n\n /**\n * Create menu from chapter track\n *\n * @return {Menu}\n * New menu for the chapter buttons\n */\n\n\n ChaptersButton.prototype.createMenu = function createMenu() {\n this.options_.title = this.getMenuCaption();\n return _TextTrackButton.prototype.createMenu.call(this);\n };\n\n /**\n * Create a menu item for each text track\n *\n * @return {TextTrackMenuItem[]}\n * Array of menu items\n */\n\n\n ChaptersButton.prototype.createItems = function createItems() {\n var items = [];\n\n if (!this.track_) {\n return items;\n }\n\n var cues = this.track_.cues;\n\n if (!cues) {\n return items;\n }\n\n for (var i = 0, l = cues.length; i < l; i++) {\n var cue = cues[i];\n var mi = new ChaptersTrackMenuItem(this.player_, { track: this.track_, cue: cue });\n\n items.push(mi);\n }\n\n return items;\n };\n\n return ChaptersButton;\n}(TextTrackButton);\n\n/**\n * `kind` of TextTrack to look for to associate it with this menu.\n *\n * @type {string}\n * @private\n */\n\n\nChaptersButton.prototype.kind_ = 'chapters';\n\n/**\n * The text that should display over the `ChaptersButton`s controls. Added for localization.\n *\n * @type {string}\n * @private\n */\nChaptersButton.prototype.controlText_ = 'Chapters';\n\nComponent.registerComponent('ChaptersButton', ChaptersButton);\n\n/**\n * @file descriptions-button.js\n */\n\n/**\n * The button component for toggling and selecting descriptions\n *\n * @extends TextTrackButton\n */\n\nvar DescriptionsButton = function (_TextTrackButton) {\n inherits(DescriptionsButton, _TextTrackButton);\n\n /**\n * Creates an instance of this class.\n *\n * @param {Player} player\n * The `Player` that this class should be attached to.\n *\n * @param {Object} [options]\n * The key/value store of player options.\n *\n * @param {Component~ReadyCallback} [ready]\n * The function to call when this component is ready.\n */\n function DescriptionsButton(player, options, ready) {\n classCallCheck(this, DescriptionsButton);\n\n var _this = possibleConstructorReturn(this, _TextTrackButton.call(this, player, options, ready));\n\n var tracks = player.textTracks();\n var changeHandler = bind(_this, _this.handleTracksChange);\n\n tracks.addEventListener('change', changeHandler);\n _this.on('dispose', function () {\n tracks.removeEventListener('change', changeHandler);\n });\n return _this;\n }\n\n /**\n * Handle text track change\n *\n * @param {EventTarget~Event} event\n * The event that caused this function to run\n *\n * @listens TextTrackList#change\n */\n\n\n DescriptionsButton.prototype.handleTracksChange = function handleTracksChange(event) {\n var tracks = this.player().textTracks();\n var disabled = false;\n\n // Check whether a track of a different kind is showing\n for (var i = 0, l = tracks.length; i < l; i++) {\n var track = tracks[i];\n\n if (track.kind !== this.kind_ && track.mode === 'showing') {\n disabled = true;\n break;\n }\n }\n\n // If another track is showing, disable this menu button\n if (disabled) {\n this.disable();\n } else {\n this.enable();\n }\n };\n\n /**\n * Builds the default DOM `className`.\n *\n * @return {string}\n * The DOM `className` for this object.\n */\n\n\n DescriptionsButton.prototype.buildCSSClass = function buildCSSClass() {\n return 'play-descriptions-button ' + _TextTrackButton.prototype.buildCSSClass.call(this);\n };\n\n DescriptionsButton.prototype.buildWrapperCSSClass = function buildWrapperCSSClass() {\n return 'play-descriptions-button ' + _TextTrackButton.prototype.buildWrapperCSSClass.call(this);\n };\n\n return DescriptionsButton;\n}(TextTrackButton);\n\n/**\n * `kind` of TextTrack to look for to associate it with this menu.\n *\n * @type {string}\n * @private\n */\n\n\nDescriptionsButton.prototype.kind_ = 'descriptions';\n\n/**\n * The text that should display over the `DescriptionsButton`s controls. Added for localization.\n *\n * @type {string}\n * @private\n */\nDescriptionsButton.prototype.controlText_ = 'Descriptions';\n\nComponent.registerComponent('DescriptionsButton', DescriptionsButton);\n\n/**\n * @file subtitles-button.js\n */\n\n/**\n * The button component for toggling and selecting subtitles\n *\n * @extends TextTrackButton\n */\n\nvar SubtitlesButton = function (_TextTrackButton) {\n inherits(SubtitlesButton, _TextTrackButton);\n\n /**\n * Creates an instance of this class.\n *\n * @param {Player} player\n * The `Player` that this class should be attached to.\n *\n * @param {Object} [options]\n * The key/value store of player options.\n *\n * @param {Component~ReadyCallback} [ready]\n * The function to call when this component is ready.\n */\n function SubtitlesButton(player, options, ready) {\n classCallCheck(this, SubtitlesButton);\n return possibleConstructorReturn(this, _TextTrackButton.call(this, player, options, ready));\n }\n\n /**\n * Builds the default DOM `className`.\n *\n * @return {string}\n * The DOM `className` for this object.\n */\n\n\n SubtitlesButton.prototype.buildCSSClass = function buildCSSClass() {\n return 'play-subtitles-button ' + _TextTrackButton.prototype.buildCSSClass.call(this);\n };\n\n SubtitlesButton.prototype.buildWrapperCSSClass = function buildWrapperCSSClass() {\n return 'play-subtitles-button ' + _TextTrackButton.prototype.buildWrapperCSSClass.call(this);\n };\n\n return SubtitlesButton;\n}(TextTrackButton);\n\n/**\n * `kind` of TextTrack to look for to associate it with this menu.\n *\n * @type {string}\n * @private\n */\n\n\nSubtitlesButton.prototype.kind_ = 'subtitles';\n\n/**\n * The text that should display over the `SubtitlesButton`s controls. Added for localization.\n *\n * @type {string}\n * @private\n */\nSubtitlesButton.prototype.controlText_ = 'Subtitles';\n\nComponent.registerComponent('SubtitlesButton', SubtitlesButton);\n\n/**\n * @file caption-settings-menu-item.js\n */\n\n/**\n * The menu item for caption track settings menu\n *\n * @extends TextTrackMenuItem\n */\n\nvar CaptionSettingsMenuItem = function (_TextTrackMenuItem) {\n inherits(CaptionSettingsMenuItem, _TextTrackMenuItem);\n\n /**\n * Creates an instance of this class.\n *\n * @param {Player} player\n * The `Player` that this class should be attached to.\n *\n * @param {Object} [options]\n * The key/value store of player options.\n */\n function CaptionSettingsMenuItem(player, options) {\n classCallCheck(this, CaptionSettingsMenuItem);\n\n options.track = {\n player: player,\n kind: options.kind,\n // label: options.kind + ' settings',\n label: 'Settings',\n selectable: false,\n default: false,\n mode: 'disabled'\n };\n\n // CaptionSettingsMenuItem has no concept of 'selected'\n options.selectable = false;\n\n options.name = 'CaptionSettingsMenuItem';\n\n var _this = possibleConstructorReturn(this, _TextTrackMenuItem.call(this, player, options));\n\n _this.addClass('play-texttrack-settings');\n _this.controlText(', opens ' + options.kind + ' settings dialog');\n return _this;\n }\n\n /**\n * This gets called when an `CaptionSettingsMenuItem` is \"clicked\". See\n * {@link ClickableComponent} for more detailed information on what a click can be.\n *\n * @param {EventTarget~Event} [event]\n * The `keydown`, `tap`, or `click` event that caused this function to be\n * called.\n *\n * @listens tap\n * @listens click\n */\n\n\n CaptionSettingsMenuItem.prototype.handleClick = function handleClick(event) {\n this.player_.trigger('modelOpen');\n this.player().getChild('textTrackSettings').open();\n };\n\n return CaptionSettingsMenuItem;\n}(TextTrackMenuItem);\n\nComponent.registerComponent('CaptionSettingsMenuItem', CaptionSettingsMenuItem);\n\n/**\n * @file captions-button.js\n */\n\n/**\n * The button component for toggling and selecting captions\n *\n * @extends TextTrackButton\n */\n\nvar CaptionsButton = function (_TextTrackButton) {\n inherits(CaptionsButton, _TextTrackButton);\n\n /**\n * Creates an instance of this class.\n *\n * @param {Player} player\n * The `Player` that this class should be attached to.\n *\n * @param {Object} [options]\n * The key/value store of player options.\n *\n * @param {Component~ReadyCallback} [ready]\n * The function to call when this component is ready.\n */\n function CaptionsButton(player, options, ready) {\n classCallCheck(this, CaptionsButton);\n return possibleConstructorReturn(this, _TextTrackButton.call(this, player, options, ready));\n }\n\n /**\n * Builds the default DOM `className`.\n *\n * @return {string}\n * The DOM `className` for this object.\n */\n\n\n CaptionsButton.prototype.buildCSSClass = function buildCSSClass() {\n return 'play-captions-button ' + _TextTrackButton.prototype.buildCSSClass.call(this);\n };\n\n CaptionsButton.prototype.buildWrapperCSSClass = function buildWrapperCSSClass() {\n return 'play-captions-button ' + _TextTrackButton.prototype.buildWrapperCSSClass.call(this);\n };\n\n /**\n * Create caption menu items\n *\n * @return {CaptionSettingsMenuItem[]}\n * The array of current menu items.\n */\n\n\n CaptionsButton.prototype.createItems = function createItems() {\n var items = [];\n\n if (!(this.player().tech_ && this.player().tech_.featuresNativeTextTracks) && this.player().getChild('textTrackSettings')) {\n items.push(new CaptionSettingsMenuItem(this.player_, { kind: this.kind_ }));\n\n this.hideThreshold_ += 1;\n }\n\n return _TextTrackButton.prototype.createItems.call(this, items);\n };\n\n return CaptionsButton;\n}(TextTrackButton);\n\n/**\n * `kind` of TextTrack to look for to associate it with this menu.\n *\n * @type {string}\n * @private\n */\n\n\nCaptionsButton.prototype.kind_ = 'captions';\n\n/**\n * The text that should display over the `CaptionsButton`s controls. Added for localization.\n *\n * @type {string}\n * @private\n */\nCaptionsButton.prototype.controlText_ = 'Captions';\n\nComponent.registerComponent('CaptionsButton', CaptionsButton);\n\n/**\n * @file subs-caps-menu-item.js\n */\n\n/**\n * SubsCapsMenuItem has an [cc] icon to distinguish captions from subtitles\n * in the SubsCapsMenu.\n *\n * @extends TextTrackMenuItem\n */\n\nvar SubsCapsMenuItem = function (_TextTrackMenuItem) {\n inherits(SubsCapsMenuItem, _TextTrackMenuItem);\n\n function SubsCapsMenuItem() {\n classCallCheck(this, SubsCapsMenuItem);\n return possibleConstructorReturn(this, _TextTrackMenuItem.apply(this, arguments));\n }\n\n SubsCapsMenuItem.prototype.createEl = function createEl(type, props, attrs) {\n var innerHTML = '';\n\n var el = _TextTrackMenuItem.prototype.createEl.call(this, type, assign({\n innerHTML: innerHTML\n }, props), attrs);\n\n return el;\n };\n\n return SubsCapsMenuItem;\n}(TextTrackMenuItem);\n\nComponent.registerComponent('SubsCapsMenuItem', SubsCapsMenuItem);\n\n/**\n * @file sub-caps-button.js\n */\n/**\n * The button component for toggling and selecting captions and/or subtitles\n *\n * @extends TextTrackButton\n */\n\nvar SubsCapsButton = function (_TextTrackButton) {\n inherits(SubsCapsButton, _TextTrackButton);\n\n function SubsCapsButton(player) {\n var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n classCallCheck(this, SubsCapsButton);\n\n // Although North America uses \"captions\" in most cases for\n // \"captions and subtitles\" other locales use \"subtitles\"\n var _this = possibleConstructorReturn(this, _TextTrackButton.call(this, player, options));\n\n _this.label_ = 'subtitles';\n if (['en', 'en-us', 'en-ca', 'fr-ca'].indexOf(_this.player_.language_) > -1) {\n _this.label_ = 'Subtitles';\n }\n _this.menuButton_.controlText(toTitleCase(_this.label_));\n return _this;\n }\n\n /**\n * Builds the default DOM `className`.\n *\n * @return {string}\n * The DOM `className` for this object.\n */\n\n\n SubsCapsButton.prototype.buildCSSClass = function buildCSSClass() {\n return 'play-subs-caps-button ' + _TextTrackButton.prototype.buildCSSClass.call(this);\n };\n\n SubsCapsButton.prototype.buildWrapperCSSClass = function buildWrapperCSSClass() {\n return 'play-subs-caps-button ' + _TextTrackButton.prototype.buildWrapperCSSClass.call(this);\n };\n\n /**\n * Create caption/subtitles menu items\n *\n * @return {CaptionSettingsMenuItem[]}\n * The array of current menu items.\n */\n\n\n SubsCapsButton.prototype.createItems = function createItems() {\n var items = [];\n\n if (!(this.player().tech_ && this.player().tech_.featuresNativeTextTracks) && this.player().getChild('textTrackSettings')) {\n items.push(new CaptionSettingsMenuItem(this.player_, { kind: this.label_ }));\n\n this.hideThreshold_ += 1;\n }\n\n items = _TextTrackButton.prototype.createItems.call(this, items, SubsCapsMenuItem);\n return items;\n };\n\n return SubsCapsButton;\n}(TextTrackButton);\n\n/**\n * `kind`s of TextTrack to look for to associate it with this menu.\n *\n * @type {array}\n * @private\n */\n\n\nSubsCapsButton.prototype.kinds_ = ['captions', 'subtitles'];\n\n/**\n * The text that should display over the `SubsCapsButton`s controls.\n *\n *\n * @type {string}\n * @private\n */\nSubsCapsButton.prototype.controlText_ = 'Subtitles';\n\nComponent.registerComponent('SubsCapsButton', SubsCapsButton);\n\n/**\n * @file audio-track-menu-item.js\n */\n\n/**\n * An {@link AudioTrack} {@link MenuItem}\n *\n * @extends MenuItem\n */\n\nvar AudioTrackMenuItem = function (_MenuItem) {\n inherits(AudioTrackMenuItem, _MenuItem);\n\n /**\n * Creates an instance of this class.\n *\n * @param {Player} player\n * The `Player` that this class should be attached to.\n *\n * @param {Object} [options]\n * The key/value store of player options.\n */\n function AudioTrackMenuItem(player, options) {\n classCallCheck(this, AudioTrackMenuItem);\n\n var track = options.track;\n var tracks = player.audioTracks();\n\n // Modify options for parent MenuItem class's init.\n options.label = track.label || track.language || 'Unknown';\n options.selected = track.enabled;\n\n var _this = possibleConstructorReturn(this, _MenuItem.call(this, player, options));\n\n _this.track = track;\n\n _this.addClass('play-' + track.kind + '-menu-item');\n _this.afterTrigger = options.afterTrigger;\n\n var changeHandler = function changeHandler() {\n for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n _this.handleTracksChange.apply(_this, args);\n };\n\n tracks.addEventListener('change', changeHandler);\n _this.on('dispose', function () {\n tracks.removeEventListener('change', changeHandler);\n });\n return _this;\n }\n\n AudioTrackMenuItem.prototype.createEl = function createEl(type, props, attrs) {\n var innerHTML = '';\n\n var el = _MenuItem.prototype.createEl.call(this, type, assign({\n innerHTML: innerHTML\n }, props), attrs);\n\n return el;\n };\n\n /**\n * This gets called when an `AudioTrackMenuItem is \"clicked\". See {@link ClickableComponent}\n * for more detailed information on what a click can be.\n *\n * @param {EventTarget~Event} [event]\n * The `keydown`, `tap`, or `click` event that caused this function to be\n * called.\n *\n * @listens tap\n * @listens click\n */\n\n\n AudioTrackMenuItem.prototype.handleClick = function handleClick(event) {\n player.src({\n src: 'https://d6inq6b33hd48.cloudfront.net/encoded/music/Te-Aki1524835081.m3u8',\n type: 'application/x-mpegURL'\n });\n player.play();\n var tracks = this.player_.audioTracks();\n\n _MenuItem.prototype.handleClick.call(this, event);\n\n for (var i = 0; i < tracks.length; i++) {\n var track = tracks[i];\n\n track.enabled = track === this.track;\n }\n if (this.afterTrigger) {\n this.afterTrigger(this);\n }\n this.selected(this.track.enabled);\n };\n\n /**\n * Handle any {@link AudioTrack} change.\n *\n * @param {EventTarget~Event} [event]\n * The {@link AudioTrackList#change} event that caused this to run.\n *\n * @listens AudioTrackList#change\n */\n\n\n AudioTrackMenuItem.prototype.handleTracksChange = function handleTracksChange(event) {\n this.selected(this.track.enabled);\n };\n\n return AudioTrackMenuItem;\n}(MenuItem);\n\nComponent.registerComponent('AudioTrackMenuItem', AudioTrackMenuItem);\n\n/**\n * @file audio-track-button.js\n */\n\n/**\n * The base class for buttons that toggle specific {@link AudioTrack} types.\n *\n * @extends TrackButton\n */\n\nvar AudioTrackButton = function (_TrackButton) {\n inherits(AudioTrackButton, _TrackButton);\n\n /**\n * Creates an instance of this class.\n *\n * @param {Player} player\n * The `Player` that this class should be attached to.\n *\n * @param {Object} [options={}]\n * The key/value store of player options.\n */\n function AudioTrackButton(player) {\n var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n classCallCheck(this, AudioTrackButton);\n\n options.tracks = player.audioTracks();\n options.title = player.localize('Audio Tracks');\n\n var _this = possibleConstructorReturn(this, _TrackButton.call(this, player, options));\n\n _this.labelEl_ = _this.labelEl_.querySelector('.play-control-value');\n return _this;\n }\n\n /**\n * Builds the default DOM `className`.\n *\n * @return {string}\n * The DOM `className` for this object.\n */\n\n\n AudioTrackButton.prototype.buildCSSClass = function buildCSSClass() {\n return 'play-audio-button ' + _TrackButton.prototype.buildCSSClass.call(this);\n };\n\n AudioTrackButton.prototype.buildWrapperCSSClass = function buildWrapperCSSClass() {\n return 'play-audio-button ' + _TrackButton.prototype.buildWrapperCSSClass.call(this);\n };\n\n /**\n * Create a menu item for each audio track\n *\n * @param {AudioTrackMenuItem[]} [items=[]]\n * An array of existing menu items to use.\n *\n * @return {AudioTrackMenuItem[]}\n * An array of menu items\n */\n\n\n AudioTrackButton.prototype.createItems = function createItems() {\n var _this2 = this;\n\n var items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];\n\n // if there's only one audio track, there no point in showing it\n this.hideThreshold_ = 1;\n\n var tracks = this.player_.audioTracks();\n\n for (var i = 0; i < tracks.length; i++) {\n var track = tracks[i];\n\n items.push(new AudioTrackMenuItem(this.player_, {\n track: track,\n // MenuItem is selectable\n selectable: true,\n // MenuItem is NOT multiSelectable (i.e. only one can be marked \"selected\" at a time)\n multiSelectable: false,\n afterTrigger: function afterTrigger(comp) {\n _this2.updateDisplayText(comp);\n }\n }));\n if (items[i].isSelected_) {\n this.updateDisplayText(items[i]);\n }\n }\n return items;\n };\n\n AudioTrackButton.prototype.updateDisplayText = function updateDisplayText(selectedItem) {\n this.labelEl_.innerHTML = selectedItem.options_.label;\n };\n\n return AudioTrackButton;\n}(TrackButton);\n\n/**\n * The text that should display over the `AudioTrackButton`s controls. Added for localization.\n *\n * @type {string}\n * @private\n */\n\n\nAudioTrackButton.prototype.controlText_ = 'Audio Track';\nComponent.registerComponent('AudioTrackButton', AudioTrackButton);\n\nvar MultipleAudioMenuItem = function (_MenuItem) {\n inherits(MultipleAudioMenuItem, _MenuItem);\n\n function MultipleAudioMenuItem(player, options) {\n classCallCheck(this, MultipleAudioMenuItem);\n\n var track = options.track;\n var tracks = player.audioTracks();\n\n options.label = track.label || track.language || 'Unknown';\n options.selected = track.enabled;\n\n var _this = possibleConstructorReturn(this, _MenuItem.call(this, player, options));\n\n _this.track = track;\n\n _this.addClass('play-' + track.kind + '-menu-item');\n _this.afterTrigger = options.afterTrigger;\n\n var changeHandler = function changeHandler() {\n for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n _this.handleTracksChange.apply(_this, args);\n };\n\n tracks.addEventListener('change', changeHandler);\n _this.on('dispose', function () {\n tracks.removeEventListener('change', changeHandler);\n });\n return _this;\n }\n\n MultipleAudioMenuItem.prototype.createEl = function createEl(type, props, attrs) {\n var innerHTML = '';\n\n var el = _MenuItem.prototype.createEl.call(this, type, assign({\n innerHTML: innerHTML\n }, props), attrs);\n\n return el;\n };\n\n MultipleAudioMenuItem.prototype.handleClick = function handleClick(event) {\n var tracks = this.player_.audioTracks();\n\n _MenuItem.prototype.handleClick.call(this, event);\n\n for (var i = 0; i < tracks.length; i++) {\n var track = tracks[i];\n\n track.enabled = track === this.track;\n }\n if (this.afterTrigger) {\n this.afterTrigger(this);\n }\n this.selected(this.track.enabled);\n };\n\n MultipleAudioMenuItem.prototype.handleTracksChange = function handleTracksChange(event) {\n this.selected(this.track.enabled);\n };\n\n return MultipleAudioMenuItem;\n}(MenuItem);\n\nComponent.registerComponent('MultipleAudioMenuItem', MultipleAudioMenuItem);\n\nvar MultipleAudioMenu = function (_TrackButton) {\n inherits(MultipleAudioMenu, _TrackButton);\n\n function MultipleAudioMenu(player) {\n var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n classCallCheck(this, MultipleAudioMenu);\n\n options.tracks = player.audioTracks();\n options.title = player.localize('Audio Tracks');\n\n var _this = possibleConstructorReturn(this, _TrackButton.call(this, player, options));\n\n _this.labelEl_ = _this.labelEl_.querySelector('.play-control-value');\n return _this;\n }\n\n MultipleAudioMenu.prototype.buildCSSClass = function buildCSSClass() {\n return 'play-audio-button ' + _TrackButton.prototype.buildCSSClass.call(this);\n };\n\n MultipleAudioMenu.prototype.buildWrapperCSSClass = function buildWrapperCSSClass() {\n return 'play-audio-button ' + _TrackButton.prototype.buildWrapperCSSClass.call(this);\n };\n\n MultipleAudioMenu.prototype.createItems = function createItems() {\n var _this2 = this;\n\n var items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];\n\n this.hideThreshold_ = 1;\n\n var tracks = this.player_.audioTracks();\n\n for (var i = 0; i < tracks.length; i++) {\n var track = tracks[i];\n\n items.push(new MultipleAudioMenuItem(this.player_, {\n track: track,\n selectable: true,\n multiSelectable: false,\n afterTrigger: function afterTrigger(comp) {\n _this2.updateDisplayText(comp);\n }\n }));\n if (items[i].isSelected_) {\n this.updateDisplayText(items[i]);\n }\n }\n return items;\n };\n\n MultipleAudioMenu.prototype.updateDisplayText = function updateDisplayText(selectedItem) {\n this.labelEl_.innerHTML = selectedItem.options_.label;\n };\n\n return MultipleAudioMenu;\n}(TrackButton);\n\nMultipleAudioMenu.prototype.controlText_ = 'Audio Track';\nComponent.registerComponent('MultipleAudioMenu', MultipleAudioMenu);\n\n/**\n * @file playback-rate-menu-item.js\n */\n\n/**\n * The specific menu item type for selecting a playback rate.\n *\n * @extends MenuItem\n */\n\nvar PlaybackRateMenuItem = function (_MenuItem) {\n inherits(PlaybackRateMenuItem, _MenuItem);\n\n /**\n * Creates an instance of this class.\n *\n * @param {Player} player\n * The `Player` that this class should be attached to.\n *\n * @param {Object} [options]\n * The key/value store of player options.\n */\n function PlaybackRateMenuItem(player, options, parentComponent) {\n classCallCheck(this, PlaybackRateMenuItem);\n\n var label = options.rate;\n var rate = parseFloat(label, 10);\n\n // Modify options for parent MenuItem class's init.\n options.label = label === '1x' ? 'Normal' : label;\n options.selected = rate === 1;\n options.selectable = true;\n options.multiSelectable = false;\n options.title = 'Speed';\n\n var _this = possibleConstructorReturn(this, _MenuItem.call(this, player, options));\n\n _this.parentComponent = parentComponent;\n _this.label = label === '1x' ? 'Normal' : label;\n _this.rate = rate;\n\n _this.on(player, 'ratechange', _this.update);\n return _this;\n }\n\n /**\n * This gets called when an `PlaybackRateMenuItem` is \"clicked\". See\n * {@link ClickableComponent} for more detailed information on what a click can be.\n *\n * @param {EventTarget~Event} [event]\n * The `keydown`, `tap`, or `click` event that caused this function to be\n * called.\n *\n * @listens tap\n * @listens click\n */\n\n\n PlaybackRateMenuItem.prototype.handleClick = function handleClick(event) {\n _MenuItem.prototype.handleClick.call(this);\n this.parentComponent.unpressButton();\n this.player().playbackRate(this.rate);\n var playControl = document.querySelector('.play-settings > .play-control');\n playControl.classList.add(\"play-hidden\");\n };\n\n /**\n * Update the PlaybackRateMenuItem when the playbackrate changes.\n *\n * @param {EventTarget~Event} [event]\n * The `ratechange` event that caused this function to run.\n *\n * @listens Player#ratechange\n */\n\n\n PlaybackRateMenuItem.prototype.update = function update(event) {\n this.selected(this.player().playbackRate() === this.rate);\n };\n\n return PlaybackRateMenuItem;\n}(MenuItem);\n\n/**\n * The text that should display over the `PlaybackRateMenuItem`s controls. Added for localization.\n *\n * @type {string}\n * @private\n */\n\n\nPlaybackRateMenuItem.prototype.contentElType = 'button';\n\nComponent.registerComponent('PlaybackRateMenuItem', PlaybackRateMenuItem);\n\n/**\n * @file playback-rate-menu-button.js\n */\n\n/**\n * The component for controlling the playback rate.\n *\n * @extends MenuButton\n */\n\nvar PlaybackRateMenuButton = function (_MenuButton) {\n inherits(PlaybackRateMenuButton, _MenuButton);\n\n /**\n * Creates an instance of this class.\n *\n * @param {Player} player\n * The `Player` that this class should be attached to.\n *\n * @param {Object} [options]\n * The key/value store of player options.\n */\n function PlaybackRateMenuButton(player, options) {\n classCallCheck(this, PlaybackRateMenuButton);\n\n var _this = possibleConstructorReturn(this, _MenuButton.call(this, player, options));\n\n _this.labelEl_ = _this.subMenu(true);\n _this.labelEl_ = _this.labelEl_.querySelector('.play-control-value');\n _this.labelEl_.classList.add('play-playback-rate-value');\n _this.labelEl_.innerHTML = 'Normal';\n _this.updateVisibility();\n _this.updateLabel();\n\n _this.on(player, 'loadstart', _this.updateVisibility);\n _this.on(player, 'ratechange', _this.updateLabel);\n return _this;\n }\n\n /**\n * Create the `Component`'s DOM element\n *\n * @return {Element}\n * The element that was created.\n */\n\n\n PlaybackRateMenuButton.prototype.createEl = function createEl$$1() {\n var el = _MenuButton.prototype.createEl.call(this);\n\n return el;\n };\n\n PlaybackRateMenuButton.prototype.dispose = function dispose() {\n this.labelEl_ = null;\n\n _MenuButton.prototype.dispose.call(this);\n };\n\n /**\n * Builds the default DOM `className`.\n *\n * @return {string}\n * The DOM `className` for this object.\n */\n\n\n PlaybackRateMenuButton.prototype.buildCSSClass = function buildCSSClass() {\n return 'play-playback-rate ' + _MenuButton.prototype.buildCSSClass.call(this);\n };\n\n PlaybackRateMenuButton.prototype.buildWrapperCSSClass = function buildWrapperCSSClass() {\n return 'play-playback-rate ' + _MenuButton.prototype.buildWrapperCSSClass.call(this);\n };\n\n /**\n * Create the playback rate menu\n *\n * @return {Menu}\n * Menu object populated with {@link PlaybackRateMenuItem}s\n */\n\n\n PlaybackRateMenuButton.prototype.createMenu = function createMenu() {\n var _this2 = this;\n\n var menu = new Menu(this.player());\n var rates = this.playbackRates();\n\n if (rates) {\n for (var i = rates.length - 1; i >= 0; i--) {\n menu.addChild(new PlaybackRateMenuItem(this.player(), { rate: rates[i] + 'x' }, this));\n }\n }\n var title = createEl('li', {\n className: 'play-menu-title',\n innerHTML: toTitleCase('Speed'),\n tabIndex: -1\n });\n\n this.hideThreshold_ += 1;\n\n menu.children_.unshift(title);\n title.addEventListener('click', function () {\n _this2.unpressButton();\n });\n prependTo(title, menu.contentEl());\n\n return menu;\n };\n\n /**\n * Updates ARIA accessibility attributes\n */\n\n\n PlaybackRateMenuButton.prototype.updateARIAAttributes = function updateARIAAttributes() {\n // Current playback rate\n this.el().setAttribute('aria-valuenow', this.player().playbackRate());\n };\n\n /**\n * This gets called when an `PlaybackRateMenuButton` is \"clicked\". See\n * {@link ClickableComponent} for more detailed information on what a click can be.\n *\n * @param {EventTarget~Event} [event]\n * The `keydown`, `tap`, or `click` event that caused this function to be\n * called.\n *\n * @listens tap\n * @listens click\n */\n\n\n PlaybackRateMenuButton.prototype.handleClick = function handleClick(event) {\n _MenuButton.prototype.handleClick.call(this, event);\n };\n\n /**\n * Get possible playback rates\n *\n * @return {Array}\n * All possible playback rates\n */\n\n\n PlaybackRateMenuButton.prototype.playbackRates = function playbackRates() {\n return this.options_.playbackRates || this.options_.playerOptions && this.options_.playerOptions.playbackRates;\n };\n\n /**\n * Get whether playback rates is supported by the tech\n * and an array of playback rates exists\n *\n * @return {boolean}\n * Whether changing playback rate is supported\n */\n\n\n PlaybackRateMenuButton.prototype.playbackRateSupported = function playbackRateSupported() {\n return this.player().tech_ && this.player().tech_.featuresPlaybackRate && this.playbackRates() && this.playbackRates().length > 0;\n };\n\n /**\n * Hide playback rate controls when they're no playback rate options to select\n *\n * @param {EventTarget~Event} [event]\n * The event that caused this function to run.\n *\n * @listens Player#loadstart\n */\n\n\n PlaybackRateMenuButton.prototype.updateVisibility = function updateVisibility(event) {\n if (this.playbackRateSupported()) {\n this.removeClass('play-hidden');\n } else {\n this.addClass('play-hidden');\n }\n };\n\n /**\n * Update button label when rate changed\n *\n * @param {EventTarget~Event} [event]\n * The event that caused this function to run.\n *\n * @listens Player#ratechange\n */\n\n\n PlaybackRateMenuButton.prototype.updateLabel = function updateLabel(event) {\n if (this.playbackRateSupported()) {\n this.labelEl_.innerHTML = this.player().playbackRate() === 1 ? 'Normal' : this.player().playbackRate() + 'x';\n }\n };\n\n return PlaybackRateMenuButton;\n}(MenuButton);\n\n/**\n * The text that should display over the `FullscreenToggle`s controls. Added for localization.\n *\n * @type {string}\n * @private\n */\n\n\nPlaybackRateMenuButton.prototype.controlText_ = 'Speed';\n\nComponent.registerComponent('PlaybackRateMenuButton', PlaybackRateMenuButton);\n\n/**\n * @file control-bar.js\n */\nvar audioSource;\n\n/**\n * Container of main controls.\n *\n * @extends Component\n */\n\nvar AudioPlayerElement = function (_Component) {\n inherits(AudioPlayerElement, _Component);\n\n function AudioPlayerElement(player, options) {\n classCallCheck(this, AudioPlayerElement);\n\n var _this = possibleConstructorReturn(this, _Component.call(this, player, options));\n\n audioSource = options.playerOptions.srcType;\n if (options.playerOptions.srcType == 'audio') {\n _this.options.children = 'audioTitleBanner';\n }\n\n return _this;\n }\n /**\n * Create the `Component`'s DOM element\n *\n * @return {Element}\n * The element that was created.\n */\n\n\n AudioPlayerElement.prototype.createEl = function createEl() {\n return _Component.prototype.createEl.call(this, 'div', {\n className: 'audio-player-element play-control-bar',\n dir: 'ltr'\n });\n };\n\n return AudioPlayerElement;\n}(Component);\n\n/**\n * Default options for `AudioPlayerElement`\n *\n * @type {Object}\n * @private\n */\n\nAudioPlayerElement.prototype.options_ = {\n children: ['AudioGroupButtonBar', 'AudioPlayButtonGroup', 'SeekBarSettingButtonGroup']\n};\n\nComponent.registerComponent('AudioPlayerElement', AudioPlayerElement);\n\n/**\n * @file control-bar.js\n */\nvar audioSource$1;\n\nvar VideoPlayerElement = function (_Component) {\n inherits(VideoPlayerElement, _Component);\n\n function VideoPlayerElement(player, options) {\n classCallCheck(this, VideoPlayerElement);\n\n var _this = possibleConstructorReturn(this, _Component.call(this, player, options));\n\n audioSource$1 = options.playerOptions.srcType;\n if (options.playerOptions.srcType == 'audio') {\n _this.options.children = 'audioTitleBanner';\n }\n\n return _this;\n }\n /**\n * Create the `Component`'s DOM element\n *\n * @return {Element}\n * The element that was created.\n */\n\n\n VideoPlayerElement.prototype.createEl = function createEl() {\n return _Component.prototype.createEl.call(this, 'div', {\n className: 'play-control-bar video-player-element',\n dir: 'ltr'\n });\n };\n\n return VideoPlayerElement;\n}(Component);\n\n/**\n * Default options for `VideoPlayerElement`\n *\n * @type {Object}\n * @private\n */\n\nVideoPlayerElement.prototype.options_ = {\n children: ['playToggle', 'volumePanel', 'currentTimeDisplay', 'timeDivider', 'durationDisplay', 'progressControl', 'liveDisplay', 'customControlSpacer', 'Settings', 'fullscreenToggle']\n};\n\nComponent.registerComponent('VideoPlayerElement', VideoPlayerElement);\n\n/**\n * @file control-bar.js\n */\n\nvar VolumnTimeControlGroup = function (_Component) {\n inherits(VolumnTimeControlGroup, _Component);\n\n function VolumnTimeControlGroup(player, options) {\n classCallCheck(this, VolumnTimeControlGroup);\n return possibleConstructorReturn(this, _Component.call(this, player, options));\n }\n /**\n * Create the `Component`'s DOM element\n *\n * @return {Element}\n * The element that was created.\n */\n\n\n VolumnTimeControlGroup.prototype.createEl = function createEl() {\n return _Component.prototype.createEl.call(this, 'div', {\n className: 'volumn-time-control-group',\n dir: 'ltr'\n });\n };\n\n return VolumnTimeControlGroup;\n}(Component);\n\n/**\n * Default options for `ControlBar`\n *\n * @type {Object}\n * @private\n */\n\n\nVolumnTimeControlGroup.prototype.options_ = {\n\n children: ['playToggle', 'currentTimeDisplay', 'timeDivider', 'durationDisplay',\n // 'progressControl',\n 'liveDisplay', 'customControlSpacer']\n};\n\nComponent.registerComponent('VolumnTimeControlGroup', VolumnTimeControlGroup);\n\n/**\n * @file control-bar.js\n */\n\nvar SettingsGroup = function (_Component) {\n inherits(SettingsGroup, _Component);\n\n function SettingsGroup(player, options) {\n classCallCheck(this, SettingsGroup);\n return possibleConstructorReturn(this, _Component.call(this, player, options));\n }\n /**\n * Create the `Component`'s DOM element\n *\n * @return {Element}\n * The element that was created.\n */\n\n\n SettingsGroup.prototype.createEl = function createEl() {\n return _Component.prototype.createEl.call(this, 'div', {\n className: 'settings-group',\n dir: 'ltr'\n });\n };\n\n return SettingsGroup;\n}(Component);\n\n/**\n * Default options for `ControlBar`\n *\n * @type {Object}\n * @private\n */\n\n\nSettingsGroup.prototype.options_ = {\n children: ['volumePanel', 'Settings', 'fullscreenToggle']\n};\n\nComponent.registerComponent('SettingsGroup', SettingsGroup);\n\n/**\n * @file control-bar.js\n */\n\nvar ControlBar = function (_Component) {\n inherits(ControlBar, _Component);\n\n function ControlBar(player, options) {\n classCallCheck(this, ControlBar);\n return possibleConstructorReturn(this, _Component.call(this, player, options));\n }\n /**\n * Create the `Component`'s DOM element\n *\n * @return {Element}\n * The element that was created.\n */\n\n ControlBar.prototype.createEl = function createEl$$1() {\n var element = _Component.prototype.createEl.call(this, 'div', {\n // className: 'player-div',\n className: 'play-control-bar',\n dir: 'ltr'\n });\n return element;\n };\n\n return ControlBar;\n}(Component);\n\n/**\n * Default options for `ControlBar`\n *\n * @type {Object}\n * @private\n */\n\n\nControlBar.prototype.options_ = {\n children: [\n //'AudioPlayerElement',\n //'VideoPlayerElement'\n // 'playToggle',\n // 'volumePanel',\n // 'currentTimeDisplay',\n // 'timeDivider',\n // 'durationDisplay',\n 'progressControl',\n // 'liveDisplay',\n // 'customControlSpacer',\n 'VolumnTimeControlGroup', 'SettingsGroup']\n};\n\nComponent.registerComponent('ControlBar', ControlBar);\n\n/**\n * @file error-display.js\n */\n\n/**\n * A display that indicates an error has occurred. This means that the video\n * is unplayable.\n *\n * @extends ModalDialog\n */\n\nvar ErrorDisplay = function (_ModalDialog) {\n inherits(ErrorDisplay, _ModalDialog);\n\n /**\n * Creates an instance of this class.\n *\n * @param {Player} player\n * The `Player` that this class should be attached to.\n *\n * @param {Object} [options]\n * The key/value store of player options.\n */\n function ErrorDisplay(player, options) {\n classCallCheck(this, ErrorDisplay);\n\n var _this = possibleConstructorReturn(this, _ModalDialog.call(this, player, options));\n\n _this.on(player, 'error', _this.open);\n return _this;\n }\n\n /**\n * Builds the default DOM `className`.\n *\n * @return {string}\n * The DOM `className` for this object.\n *\n * @deprecated Since version 5.\n */\n\n\n ErrorDisplay.prototype.buildCSSClass = function buildCSSClass() {\n return 'play-error-display ' + _ModalDialog.prototype.buildCSSClass.call(this);\n };\n\n /**\n * Gets the localized error message based on the `Player`s error.\n *\n * @return {string}\n * The `Player`s error message localized or an empty string.\n */\n\n\n ErrorDisplay.prototype.content = function content() {\n var error = this.player().error();\n\n return error ? this.localize(error.message) : '';\n };\n\n return ErrorDisplay;\n}(ModalDialog);\n\n/**\n * The default options for an `ErrorDisplay`.\n *\n * @private\n */\n\n\nErrorDisplay.prototype.options_ = mergeOptions(ModalDialog.prototype.options_, {\n pauseOnOpen: false,\n fillAlways: true,\n temporary: false,\n uncloseable: true\n});\n\nComponent.registerComponent('ErrorDisplay', ErrorDisplay);\n\n/**\n * @file text-track-settings.js\n */\n\nvar LOCAL_STORAGE_KEY = 'play-text-track-settings';\n\nvar COLOR_BLACK = ['#000', 'Black'];\nvar COLOR_BLUE = ['#00F', 'Blue'];\nvar COLOR_CYAN = ['#0FF', 'Cyan'];\nvar COLOR_GREEN = ['#0F0', 'Green'];\nvar COLOR_MAGENTA = ['#F0F', 'Magenta'];\nvar COLOR_RED = ['#F00', 'Red'];\nvar COLOR_WHITE = ['#FFF', 'White'];\nvar COLOR_YELLOW = ['#FF0', 'Yellow'];\n\nvar OPACITY_OPAQUE = ['1', 'Opaque'];\nvar OPACITY_SEMI = ['0.5', 'Semi-Transparent'];\nvar OPACITY_TRANS = ['0', 'Transparent'];\n\n// Configuration for the various elements in the DOM of this component.\n//\n// Possible keys include:\n//\n// `default`:\n// The default option index. Only needs to be provided if not zero.\n// `parser`:\n// A function which is used to parse the value from the selected option in\n// a customized way.\n// `selector`:\n// The selector used to find the associated element.\nvar selectConfigs = {\n backgroundColor: {\n selector: '.play-bg-color > select',\n id: 'captions-background-color-%s',\n label: 'Color',\n options: [COLOR_BLACK, COLOR_WHITE, COLOR_RED, COLOR_GREEN, COLOR_BLUE, COLOR_YELLOW, COLOR_MAGENTA, COLOR_CYAN]\n },\n\n backgroundOpacity: {\n selector: '.play-bg-opacity > select',\n id: 'captions-background-opacity-%s',\n label: 'Transparency',\n options: [OPACITY_OPAQUE, OPACITY_SEMI, OPACITY_TRANS]\n },\n\n color: {\n selector: '.play-fg-color > select',\n id: 'captions-foreground-color-%s',\n label: 'Color',\n options: [COLOR_WHITE, COLOR_BLACK, COLOR_RED, COLOR_GREEN, COLOR_BLUE, COLOR_YELLOW, COLOR_MAGENTA, COLOR_CYAN]\n },\n\n edgeStyle: {\n selector: '.play-edge-style > select',\n id: '%s',\n label: 'Text Edge Style',\n options: [['none', 'None'], ['raised', 'Raised'], ['depressed', 'Depressed'], ['uniform', 'Uniform'], ['dropshadow', 'Dropshadow']]\n },\n\n fontFamily: {\n selector: '.play-font-family > select',\n id: 'captions-font-family-%s',\n label: 'Font Family',\n options: [['proportionalSansSerif', 'Proportional Sans-Serif'], ['monospaceSansSerif', 'Monospace Sans-Serif'], ['proportionalSerif', 'Proportional Serif'], ['monospaceSerif', 'Monospace Serif'], ['casual', 'Casual'], ['script', 'Script'], ['small-caps', 'Small Caps']]\n },\n\n fontPercent: {\n selector: '.play-font-percent > select',\n id: 'captions-font-size-%s',\n label: 'Font Size',\n options: [['0.50', '50%'], ['0.75', '75%'], ['1.00', '100%'], ['1.25', '125%'], ['1.50', '150%'], ['1.75', '175%'], ['2.00', '200%'], ['3.00', '300%'], ['4.00', '400%']],\n default: 2,\n parser: function parser(v) {\n return v === '1.00' ? null : Number(v);\n }\n },\n\n textOpacity: {\n selector: '.play-text-opacity > select',\n id: 'captions-foreground-opacity-%s',\n label: 'Transparency',\n options: [OPACITY_OPAQUE, OPACITY_SEMI]\n },\n\n // Options for this object are defined below.\n windowColor: {\n selector: '.play-window-color > select',\n id: 'captions-window-color-%s',\n label: 'Color'\n },\n\n // Options for this object are defined below.\n windowOpacity: {\n selector: '.play-window-opacity > select',\n id: 'captions-window-opacity-%s',\n label: 'Transparency',\n options: [OPACITY_TRANS, OPACITY_SEMI, OPACITY_OPAQUE]\n }\n};\n\nselectConfigs.windowColor.options = selectConfigs.backgroundColor.options;\n\n/**\n * Get the actual value of an option.\n *\n * @param {string} value\n * The value to get\n *\n * @param {Function} [parser]\n * Optional function to adjust the value.\n *\n * @return {Mixed}\n * - Will be `undefined` if no value exists\n * - Will be `undefined` if the given value is \"none\".\n * - Will be the actual value otherwise.\n *\n * @private\n */\nfunction parseOptionValue(value, parser) {\n if (parser) {\n value = parser(value);\n }\n\n if (value && value !== 'none') {\n return value;\n }\n}\n\n/**\n * Gets the value of the selected element within a element.\n *\n * @param {Element} el\n * the element to look in\n *\n * @param {Function} [parser]\n * Optional function to adjust the value.\n *\n * @return {Mixed}\n * - Will be `undefined` if no value exists\n * - Will be `undefined` if the given value is \"none\".\n * - Will be the actual value otherwise.\n *\n * @private\n */\nfunction getSelectedOptionValue(el, parser) {\n var value = el.options[el.options.selectedIndex].value;\n\n return parseOptionValue(value, parser);\n}\n\n/**\n * Sets the selected element within a element based on a\n * given value.\n *\n * @param {Element} el\n * The element to look in.\n *\n * @param {string} value\n * the property to look on.\n *\n * @param {Function} [parser]\n * Optional function to adjust the value before comparing.\n *\n * @private\n */\nfunction setSelectedOption(el, value, parser) {\n if (!value) {\n return;\n }\n\n for (var i = 0; i < el.options.length; i++) {\n if (parseOptionValue(el.options[i].value, parser) === value) {\n el.selectedIndex = i;\n break;\n }\n }\n}\n\n/**\n * Manipulate Text Tracks settings.\n *\n * @extends ModalDialog\n */\n\nvar TextTrackSettings = function (_ModalDialog) {\n inherits(TextTrackSettings, _ModalDialog);\n\n /**\n * Creates an instance of this class.\n *\n * @param {Player} player\n * The `Player` that this class should be attached to.\n *\n * @param {Object} [options]\n * The key/value store of player options.\n */\n function TextTrackSettings(player, options) {\n classCallCheck(this, TextTrackSettings);\n\n options.temporary = false;\n\n var _this = possibleConstructorReturn(this, _ModalDialog.call(this, player, options));\n\n _this.updateDisplay = bind(_this, _this.updateDisplay);\n\n // fill the modal and pretend we have opened it\n _this.fill();\n _this.hasBeenOpened_ = _this.hasBeenFilled_ = true;\n\n _this.endDialog = createEl('p', {\n className: 'play-control-text',\n textContent: _this.localize('End of dialog window.')\n });\n _this.el().appendChild(_this.endDialog);\n\n _this.setDefaults();\n\n // Grab `persistTextTrackSettings` from the player options if not passed in child options\n if (options.persistTextTrackSettings === undefined) {\n _this.options_.persistTextTrackSettings = _this.options_.playerOptions.persistTextTrackSettings;\n }\n\n _this.on(_this.$('.play-done-button'), 'click', function () {\n _this.player_.trigger('modelClose');\n _this.saveSettings();\n _this.close();\n });\n\n _this.on(_this.$('.play-default-button'), 'click', function () {\n _this.setDefaults();\n _this.updateDisplay();\n });\n\n each(selectConfigs, function (config) {\n _this.on(_this.$(config.selector), 'change', _this.updateDisplay);\n });\n\n if (_this.options_.persistTextTrackSettings) {\n _this.restoreSettings();\n }\n return _this;\n }\n\n TextTrackSettings.prototype.dispose = function dispose() {\n this.endDialog = null;\n\n _ModalDialog.prototype.dispose.call(this);\n };\n\n /**\n * Create a element with configured options.\n *\n * @param {string} key\n * Configuration key to use during creation.\n *\n * @return {string}\n * An HTML string.\n *\n * @private\n */\n\n\n TextTrackSettings.prototype.createElSelect_ = function createElSelect_(key) {\n var _this2 = this;\n\n var legendId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';\n var type = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'label';\n\n var config = selectConfigs[key];\n var id = config.id.replace('%s', this.id_);\n var selectLabelledbyIds = [legendId, id].join(' ').trim();\n\n return ['<' + type + ' id=\"' + id + '\" class=\"' + (type === 'label' ? 'play-label' : '') + '\">', this.localize(config.label), '', ''].concat(config.options.map(function (o) {\n var optionId = id + '-' + o[1].replace(/\\W+/g, '');\n\n return ['', _this2.localize(o[1]), ' '].join('');\n })).concat(' ').join('');\n };\n\n /**\n * Create foreground color element for the component\n *\n * @return {string}\n * An HTML string.\n *\n * @private\n */\n\n\n TextTrackSettings.prototype.createElFgColor_ = function createElFgColor_() {\n var legendId = 'captions-text-legend-' + this.id_;\n\n return ['', '', this.localize('Text'), ' ', this.createElSelect_('color', legendId), '', this.createElSelect_('textOpacity', legendId), ' ', ' '].join('');\n };\n\n /**\n * Create background color element for the component\n *\n * @return {string}\n * An HTML string.\n *\n * @private\n */\n\n\n TextTrackSettings.prototype.createElBgColor_ = function createElBgColor_() {\n var legendId = 'captions-background-' + this.id_;\n\n return ['', '', this.localize('Background'), ' ', this.createElSelect_('backgroundColor', legendId), '', this.createElSelect_('backgroundOpacity', legendId), ' ', ' '].join('');\n };\n\n /**\n * Create window color element for the component\n *\n * @return {string}\n * An HTML string.\n *\n * @private\n */\n\n\n TextTrackSettings.prototype.createElWinColor_ = function createElWinColor_() {\n var legendId = 'captions-window-' + this.id_;\n\n return ['', '', this.localize('Window'), ' ', this.createElSelect_('windowColor', legendId), '', this.createElSelect_('windowOpacity', legendId), ' ', ' '].join('');\n };\n\n /**\n * Create color elements for the component\n *\n * @return {Element}\n * The element that was created\n *\n * @private\n */\n\n\n TextTrackSettings.prototype.createElColors_ = function createElColors_() {\n return createEl('div', {\n className: 'play-track-settings-colors',\n innerHTML: [this.createElFgColor_(), this.createElBgColor_(), this.createElWinColor_()].join('')\n });\n };\n\n /**\n * Create font elements for the component\n *\n * @return {Element}\n * The element that was created.\n *\n * @private\n */\n\n\n TextTrackSettings.prototype.createElFont_ = function createElFont_() {\n return createEl('div', {\n className: 'play-track-settings-font',\n innerHTML: ['', this.createElSelect_('fontPercent', '', 'legend'), ' ', '', this.createElSelect_('edgeStyle', '', 'legend'), ' ', '', this.createElSelect_('fontFamily', '', 'legend'), ' '].join('')\n });\n };\n\n /**\n * Create controls for the component\n *\n * @return {Element}\n * The element that was created.\n *\n * @private\n */\n\n\n TextTrackSettings.prototype.createElControls_ = function createElControls_() {\n var defaultsDescription = this.localize('restore all settings to the default values');\n\n return createEl('div', {\n className: 'play-track-settings-controls',\n innerHTML: ['', this.localize('Reset'), ' ' + defaultsDescription + ' ', ' ', '' + this.localize('Done') + ' '].join('')\n });\n };\n\n TextTrackSettings.prototype.content = function content() {\n return [this.createElColors_(), this.createElFont_(), this.createElControls_()];\n };\n\n TextTrackSettings.prototype.label = function label() {\n return this.localize('Caption Settings Dialog');\n };\n\n TextTrackSettings.prototype.description = function description() {\n return this.localize('Beginning of dialog window. Escape will cancel and close the window.');\n };\n\n TextTrackSettings.prototype.buildCSSClass = function buildCSSClass() {\n return _ModalDialog.prototype.buildCSSClass.call(this) + ' play-text-track-settings';\n };\n\n /**\n * Gets an object of text track settings (or null).\n *\n * @return {Object}\n * An object with config values parsed from the DOM or localStorage.\n */\n\n\n TextTrackSettings.prototype.getValues = function getValues() {\n var _this3 = this;\n\n return reduce(selectConfigs, function (accum, config, key) {\n var value = getSelectedOptionValue(_this3.$(config.selector), config.parser);\n\n if (value !== undefined) {\n accum[key] = value;\n }\n\n return accum;\n }, {});\n };\n\n /**\n * Sets text track settings from an object of values.\n *\n * @param {Object} values\n * An object with config values parsed from the DOM or localStorage.\n */\n\n\n TextTrackSettings.prototype.setValues = function setValues(values) {\n var _this4 = this;\n\n each(selectConfigs, function (config, key) {\n setSelectedOption(_this4.$(config.selector), values[key], config.parser);\n });\n };\n\n /**\n * Sets all `` elements to their default values.\n */\n\n\n TextTrackSettings.prototype.setDefaults = function setDefaults() {\n var _this5 = this;\n\n each(selectConfigs, function (config) {\n var index = config.hasOwnProperty('default') ? config.default : 0;\n\n _this5.$(config.selector).selectedIndex = index;\n });\n };\n\n /**\n * Restore texttrack settings from localStorage\n */\n\n\n TextTrackSettings.prototype.restoreSettings = function restoreSettings() {\n var values = void 0;\n\n try {\n values = JSON.parse(window$1.localStorage.getItem(LOCAL_STORAGE_KEY));\n } catch (err) {\n log$1.warn(err);\n }\n\n if (values) {\n this.setValues(values);\n }\n };\n\n /**\n * Save text track settings to localStorage\n */\n\n\n TextTrackSettings.prototype.saveSettings = function saveSettings() {\n if (!this.options_.persistTextTrackSettings) {\n return;\n }\n\n var values = this.getValues();\n\n try {\n if (Object.keys(values).length) {\n window$1.localStorage.setItem(LOCAL_STORAGE_KEY, JSON.stringify(values));\n } else {\n window$1.localStorage.removeItem(LOCAL_STORAGE_KEY);\n }\n } catch (err) {\n log$1.warn(err);\n }\n };\n\n /**\n * Update display of text track settings\n */\n\n\n TextTrackSettings.prototype.updateDisplay = function updateDisplay() {\n var ttDisplay = this.player_.getChild('textTrackDisplay');\n\n if (ttDisplay) {\n ttDisplay.updateDisplay();\n }\n };\n\n /**\n * conditionally blur the element and refocus the captions button\n *\n * @private\n */\n\n\n TextTrackSettings.prototype.conditionalBlur_ = function conditionalBlur_() {\n this.previouslyActiveEl_ = null;\n this.off(document$1, 'keydown', this.handleKeyDown);\n\n var cb = this.player_.controlBar;\n var subsCapsBtn = cb && cb.subsCapsButton;\n var ccBtn = cb && cb.captionsButton;\n\n if (subsCapsBtn) {\n subsCapsBtn.focus();\n } else if (ccBtn) {\n ccBtn.focus();\n }\n };\n\n return TextTrackSettings;\n}(ModalDialog);\n\nComponent.registerComponent('TextTrackSettings', TextTrackSettings);\n\n/**\n * @file resize-manager.js\n */\n\n/**\n * A Resize Manager. It is in charge of triggering `playerresize` on the player in the right conditions.\n *\n * It'll either create an iframe and use a debounced resize handler on it or use the new {@link https://wicg.github.io/ResizeObserver/|ResizeObserver}.\n *\n * If the ResizeObserver is available natively, it will be used. A polyfill can be passed in as an option.\n * If a `playerresize` event is not needed, the ResizeManager component can be removed from the player, see the example below.\n * @example How to disable the resize manager \n * const player = videojs('#vid', {\n * resizeManager: false\n * });\n *\n * @see {@link https://wicg.github.io/ResizeObserver/|ResizeObserver specification}\n *\n * @extends Component\n */\n\nvar ResizeManager = function (_Component) {\n inherits(ResizeManager, _Component);\n\n /**\n * Create the ResizeManager.\n *\n * @param {Object} player\n * The `Player` that this class should be attached to.\n *\n * @param {Object} [options]\n * The key/value store of ResizeManager options.\n *\n * @param {Object} [options.ResizeObserver]\n * A polyfill for ResizeObserver can be passed in here.\n * If this is set to null it will ignore the native ResizeObserver and fall back to the iframe fallback.\n */\n function ResizeManager(player, options) {\n classCallCheck(this, ResizeManager);\n\n var RESIZE_OBSERVER_AVAILABLE = options.ResizeObserver || window$1.ResizeObserver;\n\n // if `null` was passed, we want to disable the ResizeObserver\n if (options.ResizeObserver === null) {\n RESIZE_OBSERVER_AVAILABLE = false;\n }\n\n // Only create an element when ResizeObserver isn't available\n var options_ = mergeOptions({ createEl: !RESIZE_OBSERVER_AVAILABLE }, options);\n\n var _this = possibleConstructorReturn(this, _Component.call(this, player, options_));\n\n _this.ResizeObserver = options.ResizeObserver || window$1.ResizeObserver;\n _this.loadListener_ = null;\n _this.resizeObserver_ = null;\n _this.debouncedHandler_ = debounce(function () {\n _this.resizeHandler();\n }, 100, false, player);\n\n if (RESIZE_OBSERVER_AVAILABLE) {\n _this.resizeObserver_ = new _this.ResizeObserver(_this.debouncedHandler_);\n _this.resizeObserver_.observe(player.el());\n } else {\n _this.loadListener_ = function () {\n if (_this.el_.contentWindow) {\n on(_this.el_.contentWindow, 'resize', _this.debouncedHandler_);\n }\n _this.off('load', _this.loadListener_);\n };\n\n _this.on('load', _this.loadListener_);\n }\n return _this;\n }\n\n ResizeManager.prototype.createEl = function createEl() {\n return _Component.prototype.createEl.call(this, 'iframe', {\n className: 'play-resize-manager'\n });\n };\n\n /**\n * Called when a resize is triggered on the iframe or a resize is observed via the ResizeObserver\n *\n * @fires Player#playerresize\n */\n\n\n ResizeManager.prototype.resizeHandler = function resizeHandler() {\n /**\n * Called when the player size has changed\n *\n * @event Player#playerresize\n * @type {EventTarget~Event}\n */\n this.player_.trigger('playerresize');\n };\n\n ResizeManager.prototype.dispose = function dispose() {\n if (this.resizeObserver_) {\n if (this.player_.el()) {\n this.resizeObserver_.unobserve(this.player_.el());\n }\n this.resizeObserver_.disconnect();\n }\n\n if (this.el_ && this.el_.contentWindow) {\n off(this.el_.contentWindow, 'resize', this.debouncedHandler_);\n }\n\n if (this.loadListener_) {\n this.off('load', this.loadListener_);\n }\n\n this.ResizeObserver = null;\n this.resizeObserver = null;\n this.debouncedHandler_ = null;\n this.loadListener_ = null;\n };\n\n return ResizeManager;\n}(Component);\n\nComponent.registerComponent('ResizeManager', ResizeManager);\n\n/**\n * This function is used to fire a sourceset when there is something\n * similar to `mediaEl.load()` being called. It will try to find the source via\n * the `src` attribute and then the `` elements. It will then fire `sourceset`\n * with the source that was found or empty string if we cannot know. If it cannot\n * find a source then `sourceset` will not be fired.\n *\n * @param {Html5} tech\n * The tech object that sourceset was setup on\n *\n * @return {boolean}\n * returns false if the sourceset was not fired and true otherwise.\n */\nvar sourcesetLoad = function sourcesetLoad(tech) {\n var el = tech.el();\n\n // if `el.src` is set, that source will be loaded.\n if (el.hasAttribute('src')) {\n tech.triggerSourceset(el.src);\n return true;\n }\n\n /**\n * Since there isn't a src property on the media element, source elements will be used for\n * implementing the source selection algorithm. This happens asynchronously and\n * for most cases were there is more than one source we cannot tell what source will\n * be loaded, without re-implementing the source selection algorithm. At this time we are not\n * going to do that. There are three special cases that we do handle here though:\n *\n * 1. If there are no sources, do not fire `sourceset`.\n * 2. If there is only one `` with a `src` property/attribute that is our `src`\n * 3. If there is more than one `` but all of them have the same `src` url.\n * That will be our src.\n */\n var sources = tech.$$('source');\n var srcUrls = [];\n var src = '';\n\n // if there are no sources, do not fire sourceset\n if (!sources.length) {\n return false;\n }\n\n // only count valid/non-duplicate source elements\n for (var i = 0; i < sources.length; i++) {\n var url = sources[i].src;\n\n if (url && srcUrls.indexOf(url) === -1) {\n srcUrls.push(url);\n }\n }\n\n // there were no valid sources\n if (!srcUrls.length) {\n return false;\n }\n\n // there is only one valid source element url\n // use that\n if (srcUrls.length === 1) {\n src = srcUrls[0];\n }\n\n tech.triggerSourceset(src);\n return true;\n};\n\n/**\n * our implementation of an `innerHTML` descriptor for browsers\n * that do not have one.\n */\nvar innerHTMLDescriptorPolyfill = Object.defineProperty({}, 'innerHTML', {\n get: function get() {\n return this.cloneNode(true).innerHTML;\n },\n set: function set(v) {\n // make a dummy node to use innerHTML on\n var dummy = document$1.createElement(this.nodeName.toLowerCase());\n\n // set innerHTML to the value provided\n dummy.innerHTML = v;\n\n // make a document fragment to hold the nodes from dummy\n var docFrag = document$1.createDocumentFragment();\n\n // copy all of the nodes created by the innerHTML on dummy\n // to the document fragment\n while (dummy.childNodes.length) {\n docFrag.appendChild(dummy.childNodes[0]);\n }\n\n // remove content\n this.innerText = '';\n\n // now we add all of that html in one by appending the\n // document fragment. This is how innerHTML does it.\n window$1.Element.prototype.appendChild.call(this, docFrag);\n\n // then return the result that innerHTML's setter would\n return this.innerHTML;\n }\n});\n\n/**\n * Get a property descriptor given a list of priorities and the\n * property to get.\n */\nvar getDescriptor = function getDescriptor(priority, prop) {\n var descriptor = {};\n\n for (var i = 0; i < priority.length; i++) {\n descriptor = Object.getOwnPropertyDescriptor(priority[i], prop);\n\n if (descriptor && descriptor.set && descriptor.get) {\n break;\n }\n }\n\n descriptor.enumerable = true;\n descriptor.configurable = true;\n\n return descriptor;\n};\n\nvar getInnerHTMLDescriptor = function getInnerHTMLDescriptor(tech) {\n return getDescriptor([tech.el(), window$1.HTMLMediaElement.prototype, window$1.Element.prototype, innerHTMLDescriptorPolyfill], 'innerHTML');\n};\n\n/**\n * Patches browser internal functions so that we can tell synchronously\n * if a `` was appended to the media element. For some reason this\n * causes a `sourceset` if the the media element is ready and has no source.\n * This happens when:\n * - The page has just loaded and the media element does not have a source.\n * - The media element was emptied of all sources, then `load()` was called.\n *\n * It does this by patching the following functions/properties when they are supported:\n *\n * - `append()` - can be used to add a `` element to the media element\n * - `appendChild()` - can be used to add a `` element to the media element\n * - `insertAdjacentHTML()` - can be used to add a `` element to the media element\n * - `innerHTML` - can be used to add a `` element to the media element\n *\n * @param {Html5} tech\n * The tech object that sourceset is being setup on.\n */\nvar firstSourceWatch = function firstSourceWatch(tech) {\n var el = tech.el();\n\n // make sure firstSourceWatch isn't setup twice.\n if (el.resetSourceWatch_) {\n return;\n }\n\n var old = {};\n var innerDescriptor = getInnerHTMLDescriptor(tech);\n var appendWrapper = function appendWrapper(appendFn) {\n return function () {\n for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n var retval = appendFn.apply(el, args);\n\n sourcesetLoad(tech);\n\n return retval;\n };\n };\n\n ['append', 'appendChild', 'insertAdjacentHTML'].forEach(function (k) {\n if (!el[k]) {\n return;\n }\n\n // store the old function\n old[k] = el[k];\n\n // call the old function with a sourceset if a source\n // was loaded\n el[k] = appendWrapper(old[k]);\n });\n\n Object.defineProperty(el, 'innerHTML', mergeOptions(innerDescriptor, {\n set: appendWrapper(innerDescriptor.set)\n }));\n\n el.resetSourceWatch_ = function () {\n el.resetSourceWatch_ = null;\n Object.keys(old).forEach(function (k) {\n el[k] = old[k];\n });\n\n Object.defineProperty(el, 'innerHTML', innerDescriptor);\n };\n\n // on the first sourceset, we need to revert our changes\n tech.one('sourceset', el.resetSourceWatch_);\n};\n\n/**\n * our implementation of a `src` descriptor for browsers\n * that do not have one.\n */\nvar srcDescriptorPolyfill = Object.defineProperty({}, 'src', {\n get: function get() {\n if (this.hasAttribute('src')) {\n return getAbsoluteURL(window$1.Element.prototype.getAttribute.call(this, 'src'));\n }\n\n return '';\n },\n set: function set(v) {\n window$1.Element.prototype.setAttribute.call(this, 'src', v);\n\n return v;\n }\n});\n\nvar getSrcDescriptor = function getSrcDescriptor(tech) {\n return getDescriptor([tech.el(), window$1.HTMLMediaElement.prototype, srcDescriptorPolyfill], 'src');\n};\n\n/**\n * setup `sourceset` handling on the `Html5` tech. This function\n * patches the following element properties/functions:\n *\n * - `src` - to determine when `src` is set\n * - `setAttribute()` - to determine when `src` is set\n * - `load()` - this re-triggers the source selection algorithm, and can\n * cause a sourceset.\n *\n * If there is no source when we are adding `sourceset` support or during a `load()`\n * we also patch the functions listed in `firstSourceWatch`.\n *\n * @param {Html5} tech\n * The tech to patch\n */\nvar setupSourceset = function setupSourceset(tech) {\n if (!tech.featuresSourceset) {\n return;\n }\n\n var el = tech.el();\n\n // make sure sourceset isn't setup twice.\n if (el.resetSourceset_) {\n return;\n }\n\n var srcDescriptor = getSrcDescriptor(tech);\n var oldSetAttribute = el.setAttribute;\n var oldLoad = el.load;\n\n Object.defineProperty(el, 'src', mergeOptions(srcDescriptor, {\n set: function set(v) {\n var retval = srcDescriptor.set.call(el, v);\n\n // we use the getter here to get the actual value set on src\n tech.triggerSourceset(el.src);\n\n return retval;\n }\n }));\n\n el.setAttribute = function (n, v) {\n var retval = oldSetAttribute.call(el, n, v);\n\n if (/src/i.test(n)) {\n tech.triggerSourceset(el.src);\n }\n\n return retval;\n };\n\n el.load = function () {\n var retval = oldLoad.call(el);\n\n // if load was called, but there was no source to fire\n // sourceset on. We have to watch for a source append\n // as that can trigger a `sourceset` when the media element\n // has no source\n if (!sourcesetLoad(tech)) {\n tech.triggerSourceset('');\n firstSourceWatch(tech);\n }\n\n return retval;\n };\n\n if (el.currentSrc) {\n tech.triggerSourceset(el.currentSrc);\n } else if (!sourcesetLoad(tech)) {\n firstSourceWatch(tech);\n }\n\n el.resetSourceset_ = function () {\n el.resetSourceset_ = null;\n el.load = oldLoad;\n el.setAttribute = oldSetAttribute;\n Object.defineProperty(el, 'src', srcDescriptor);\n if (el.resetSourceWatch_) {\n el.resetSourceWatch_();\n }\n };\n};\n\nvar _templateObject$1 = taggedTemplateLiteralLoose(['Text Tracks are being loaded from another origin but the crossorigin attribute isn\\'t used.\\n This may prevent text tracks from loading.'], ['Text Tracks are being loaded from another origin but the crossorigin attribute isn\\'t used.\\n This may prevent text tracks from loading.']);\n\n/**\n * HTML5 Media Controller - Wrapper for HTML5 Media API\n *\n * @mixes Tech~SourceHandlerAdditions\n * @extends Tech\n */\n\nvar Html5 = function (_Tech) {\n inherits(Html5, _Tech);\n\n /**\n * Create an instance of this Tech.\n *\n * @param {Object} [options]\n * The key/value store of player options.\n *\n * @param {Component~ReadyCallback} ready\n * Callback function to call when the `HTML5` Tech is ready.\n */\n function Html5(options, ready) {\n classCallCheck(this, Html5);\n\n var _this = possibleConstructorReturn(this, _Tech.call(this, options, ready));\n\n var source = options.source;\n var crossoriginTracks = false;\n\n // Set the source if one is provided\n // 1) Check if the source is new (if not, we want to keep the original so playback isn't interrupted)\n // 2) Check to see if the network state of the tag was failed at init, and if so, reset the source\n // anyway so the error gets fired.\n if (source && (_this.el_.currentSrc !== source.src || options.tag && options.tag.initNetworkState_ === 3)) {\n _this.setSource(source);\n } else {\n _this.handleLateInit_(_this.el_);\n }\n\n // setup sourceset after late sourceset/init\n if (options.enableSourceset) {\n _this.setupSourcesetHandling_();\n }\n\n if (_this.el_.hasChildNodes()) {\n\n var nodes = _this.el_.childNodes;\n var nodesLength = nodes.length;\n var removeNodes = [];\n\n while (nodesLength--) {\n var node = nodes[nodesLength];\n var nodeName = node.nodeName.toLowerCase();\n\n if (nodeName === 'track') {\n if (!_this.featuresNativeTextTracks) {\n // Empty video tag tracks so the built-in player doesn't use them also.\n // This may not be fast enough to stop HTML5 browsers from reading the tags\n // so we'll need to turn off any default tracks if we're manually doing\n // captions and subtitles. videoElement.textTracks\n removeNodes.push(node);\n } else {\n // store HTMLTrackElement and TextTrack to remote list\n _this.remoteTextTrackEls().addTrackElement_(node);\n _this.remoteTextTracks().addTrack(node.track);\n _this.textTracks().addTrack(node.track);\n if (!crossoriginTracks && !_this.el_.hasAttribute('crossorigin') && isCrossOrigin(node.src)) {\n crossoriginTracks = true;\n }\n }\n }\n }\n\n for (var i = 0; i < removeNodes.length; i++) {\n _this.el_.removeChild(removeNodes[i]);\n }\n }\n\n _this.proxyNativeTracks_();\n if (_this.featuresNativeTextTracks && crossoriginTracks) {\n log$1.warn(tsml(_templateObject$1));\n }\n\n // prevent iOS Safari from disabling metadata text tracks during native playback\n _this.restoreMetadataTracksInIOSNativePlayer_();\n\n // Determine if native controls should be used\n // Our goal should be to get the custom controls on mobile solid everywhere\n // so we can remove this all together. Right now this will block custom\n // controls on touch enabled laptops like the Chrome Pixel\n if ((TOUCH_ENABLED || IS_IPHONE || IS_NATIVE_ANDROID) && options.nativeControlsForTouch === true) {\n _this.setControls(true);\n }\n\n // on iOS, we want to proxy `webkitbeginfullscreen` and `webkitendfullscreen`\n // into a `fullscreenchange` event\n _this.proxyWebkitFullscreen_();\n\n _this.triggerReady();\n return _this;\n }\n\n /**\n * Dispose of `HTML5` media element and remove all tracks.\n */\n\n\n Html5.prototype.dispose = function dispose() {\n if (this.el_ && this.el_.resetSourceset_) {\n this.el_.resetSourceset_();\n }\n Html5.disposeMediaElement(this.el_);\n this.options_ = null;\n\n // tech will handle clearing of the emulated track list\n _Tech.prototype.dispose.call(this);\n };\n\n /**\n * Modify the media element so that we can detect when\n * the source is changed. Fires `sourceset` just after the source has changed\n */\n\n\n Html5.prototype.setupSourcesetHandling_ = function setupSourcesetHandling_() {\n setupSourceset(this);\n };\n\n /**\n * When a captions track is enabled in the iOS Safari native player, all other\n * tracks are disabled (including metadata tracks), which nulls all of their\n * associated cue points. This will restore metadata tracks to their pre-fullscreen\n * state in those cases so that cue points are not needlessly lost.\n *\n * @private\n */\n\n\n Html5.prototype.restoreMetadataTracksInIOSNativePlayer_ = function restoreMetadataTracksInIOSNativePlayer_() {\n var textTracks = this.textTracks();\n var metadataTracksPreFullscreenState = void 0;\n\n // captures a snapshot of every metadata track's current state\n var takeMetadataTrackSnapshot = function takeMetadataTrackSnapshot() {\n metadataTracksPreFullscreenState = [];\n\n for (var i = 0; i < textTracks.length; i++) {\n var track = textTracks[i];\n\n if (track.kind === 'metadata') {\n metadataTracksPreFullscreenState.push({\n track: track,\n storedMode: track.mode\n });\n }\n }\n };\n\n // snapshot each metadata track's initial state, and update the snapshot\n // each time there is a track 'change' event\n takeMetadataTrackSnapshot();\n textTracks.addEventListener('change', takeMetadataTrackSnapshot);\n\n this.on('dispose', function () {\n return textTracks.removeEventListener('change', takeMetadataTrackSnapshot);\n });\n\n var restoreTrackMode = function restoreTrackMode() {\n for (var i = 0; i < metadataTracksPreFullscreenState.length; i++) {\n var storedTrack = metadataTracksPreFullscreenState[i];\n\n if (storedTrack.track.mode === 'disabled' && storedTrack.track.mode !== storedTrack.storedMode) {\n storedTrack.track.mode = storedTrack.storedMode;\n }\n }\n // we only want this handler to be executed on the first 'change' event\n textTracks.removeEventListener('change', restoreTrackMode);\n };\n\n // when we enter fullscreen playback, stop updating the snapshot and\n // restore all track modes to their pre-fullscreen state\n this.on('webkitbeginfullscreen', function () {\n textTracks.removeEventListener('change', takeMetadataTrackSnapshot);\n\n // remove the listener before adding it just in case it wasn't previously removed\n textTracks.removeEventListener('change', restoreTrackMode);\n textTracks.addEventListener('change', restoreTrackMode);\n });\n\n // start updating the snapshot again after leaving fullscreen\n this.on('webkitendfullscreen', function () {\n // remove the listener before adding it just in case it wasn't previously removed\n textTracks.removeEventListener('change', takeMetadataTrackSnapshot);\n textTracks.addEventListener('change', takeMetadataTrackSnapshot);\n\n // remove the restoreTrackMode handler in case it wasn't triggered during fullscreen playback\n textTracks.removeEventListener('change', restoreTrackMode);\n });\n };\n\n /**\n * Attempt to force override of tracks for the given type\n *\n * @param {String} type - Track type to override, possible values include 'Audio',\n * 'Video', and 'Text'.\n * @param {Boolean} override - If set to true native audio/video will be overridden,\n * otherwise native audio/video will potentially be used.\n * @private\n */\n\n\n Html5.prototype.overrideNative_ = function overrideNative_(type, override) {\n var _this2 = this;\n\n // If there is no behavioral change don't add/remove listeners\n if (override !== this['featuresNative' + type + 'Tracks']) {\n return;\n }\n\n var lowerCaseType = type.toLowerCase();\n\n if (this[lowerCaseType + 'TracksListeners_']) {\n Object.keys(this[lowerCaseType + 'TracksListeners_']).forEach(function (eventName) {\n var elTracks = _this2.el()[lowerCaseType + 'Tracks'];\n\n elTracks.removeEventListener(eventName, _this2[lowerCaseType + 'TracksListeners_'][eventName]);\n });\n }\n\n this['featuresNative' + type + 'Tracks'] = !override;\n this[lowerCaseType + 'TracksListeners_'] = null;\n\n this.proxyNativeTracksForType_(lowerCaseType);\n };\n\n /**\n * Attempt to force override of native audio tracks.\n *\n * @param {Boolean} override - If set to true native audio will be overridden,\n * otherwise native audio will potentially be used.\n */\n\n\n Html5.prototype.overrideNativeAudioTracks = function overrideNativeAudioTracks(override) {\n this.overrideNative_('Audio', override);\n };\n\n /**\n * Attempt to force override of native video tracks.\n *\n * @param {Boolean} override - If set to true native video will be overridden,\n * otherwise native video will potentially be used.\n */\n\n\n Html5.prototype.overrideNativeVideoTracks = function overrideNativeVideoTracks(override) {\n this.overrideNative_('Video', override);\n };\n\n /**\n * Proxy native track list events for the given type to our track\n * lists if the browser we are playing in supports that type of track list.\n *\n * @param {string} name - Track type; values include 'audio', 'video', and 'text'\n * @private\n */\n\n\n Html5.prototype.proxyNativeTracksForType_ = function proxyNativeTracksForType_(name) {\n var _this3 = this;\n\n var props = NORMAL[name];\n var elTracks = this.el()[props.getterName];\n var techTracks = this[props.getterName]();\n\n if (!this['featuresNative' + props.capitalName + 'Tracks'] || !elTracks || !elTracks.addEventListener) {\n return;\n }\n var listeners = {\n change: function change(e) {\n techTracks.trigger({\n type: 'change',\n target: techTracks,\n currentTarget: techTracks,\n srcElement: techTracks\n });\n },\n addtrack: function addtrack(e) {\n techTracks.addTrack(e.track);\n },\n removetrack: function removetrack(e) {\n techTracks.removeTrack(e.track);\n }\n };\n var removeOldTracks = function removeOldTracks() {\n var removeTracks = [];\n\n for (var i = 0; i < techTracks.length; i++) {\n var found = false;\n\n for (var j = 0; j < elTracks.length; j++) {\n if (elTracks[j] === techTracks[i]) {\n found = true;\n break;\n }\n }\n\n if (!found) {\n removeTracks.push(techTracks[i]);\n }\n }\n\n while (removeTracks.length) {\n techTracks.removeTrack(removeTracks.shift());\n }\n };\n\n this[props.getterName + 'Listeners_'] = listeners;\n\n Object.keys(listeners).forEach(function (eventName) {\n var listener = listeners[eventName];\n\n elTracks.addEventListener(eventName, listener);\n _this3.on('dispose', function (e) {\n return elTracks.removeEventListener(eventName, listener);\n });\n });\n\n // Remove (native) tracks that are not used anymore\n this.on('loadstart', removeOldTracks);\n this.on('dispose', function (e) {\n return _this3.off('loadstart', removeOldTracks);\n });\n };\n\n /**\n * Proxy all native track list events to our track lists if the browser we are playing\n * in supports that type of track list.\n *\n * @private\n */\n\n\n Html5.prototype.proxyNativeTracks_ = function proxyNativeTracks_() {\n var _this4 = this;\n\n NORMAL.names.forEach(function (name) {\n _this4.proxyNativeTracksForType_(name);\n });\n };\n\n /**\n * Create the `Html5` Tech's DOM element.\n *\n * @return {Element}\n * The element that gets created.\n */\n\n\n Html5.prototype.createEl = function createEl$$1() {\n var el = this.options_.tag;\n\n // Check if this browser supports moving the element into the box.\n // On the iPhone video will break if you move the element,\n // So we have to create a brand new element.\n // If we ingested the player div, we do not need to move the media element.\n if (!el || !(this.options_.playerElIngest || this.movingMediaElementInDOM)) {\n\n // If the original tag is still there, clone and remove it.\n if (el) {\n var clone = el.cloneNode(true);\n\n if (el.parentNode) {\n el.parentNode.insertBefore(clone, el);\n }\n Html5.disposeMediaElement(el);\n el = clone;\n } else {\n el = document$1.createElement('video');\n\n // determine if native controls should be used\n var tagAttributes = this.options_.tag && getAttributes(this.options_.tag);\n var attributes = mergeOptions({}, tagAttributes);\n\n if (!TOUCH_ENABLED || this.options_.nativeControlsForTouch !== true) {\n delete attributes.controls;\n }\n\n setAttributes(el, assign(attributes, {\n id: this.options_.techId,\n class: 'play-tech'\n }));\n }\n\n el.playerId = this.options_.playerId;\n }\n\n if (typeof this.options_.preload !== 'undefined') {\n setAttribute(el, 'preload', this.options_.preload);\n }\n\n // Update specific tag settings, in case they were overridden\n // `autoplay` has to be *last* so that `muted` and `playsinline` are present\n // when iOS/Safari or other browsers attempt to autoplay.\n var settingsAttrs = ['loop', 'muted', 'playsinline', 'autoplay'];\n\n for (var i = 0; i < settingsAttrs.length; i++) {\n var attr = settingsAttrs[i];\n var value = this.options_[attr];\n\n if (typeof value !== 'undefined') {\n if (value) {\n setAttribute(el, attr, attr);\n } else {\n removeAttribute(el, attr);\n }\n el[attr] = value;\n }\n }\n\n return el;\n };\n\n /**\n * This will be triggered if the loadstart event has already fired, before videojs was\n * ready. Two known examples of when this can happen are:\n * 1. If we're loading the playback object after it has started loading\n * 2. The media is already playing the (often with autoplay on) then\n *\n * This function will fire another loadstart so that videojs can catchup.\n *\n * @fires Tech#loadstart\n *\n * @return {undefined}\n * returns nothing.\n */\n\n\n Html5.prototype.handleLateInit_ = function handleLateInit_(el) {\n if (el.networkState === 0 || el.networkState === 3) {\n // The video element hasn't started loading the source yet\n // or didn't find a source\n return;\n }\n\n if (el.readyState === 0) {\n // NetworkState is set synchronously BUT loadstart is fired at the\n // end of the current stack, usually before setInterval(fn, 0).\n // So at this point we know loadstart may have already fired or is\n // about to fire, and either way the player hasn't seen it yet.\n // We don't want to fire loadstart prematurely here and cause a\n // double loadstart so we'll wait and see if it happens between now\n // and the next loop, and fire it if not.\n // HOWEVER, we also want to make sure it fires before loadedmetadata\n // which could also happen between now and the next loop, so we'll\n // watch for that also.\n var loadstartFired = false;\n var setLoadstartFired = function setLoadstartFired() {\n loadstartFired = true;\n };\n\n this.on('loadstart', setLoadstartFired);\n\n var triggerLoadstart = function triggerLoadstart() {\n // We did miss the original loadstart. Make sure the player\n // sees loadstart before loadedmetadata\n if (!loadstartFired) {\n this.trigger('loadstart');\n }\n };\n\n this.on('loadedmetadata', triggerLoadstart);\n\n this.ready(function () {\n this.off('loadstart', setLoadstartFired);\n this.off('loadedmetadata', triggerLoadstart);\n\n if (!loadstartFired) {\n // We did miss the original native loadstart. Fire it now.\n this.trigger('loadstart');\n }\n });\n\n return;\n }\n\n // From here on we know that loadstart already fired and we missed it.\n // The other readyState events aren't as much of a problem if we double\n // them, so not going to go to as much trouble as loadstart to prevent\n // that unless we find reason to.\n var eventsToTrigger = ['loadstart'];\n\n // loadedmetadata: newly equal to HAVE_METADATA (1) or greater\n eventsToTrigger.push('loadedmetadata');\n\n // loadeddata: newly increased to HAVE_CURRENT_DATA (2) or greater\n if (el.readyState >= 2) {\n eventsToTrigger.push('loadeddata');\n }\n\n // canplay: newly increased to HAVE_FUTURE_DATA (3) or greater\n if (el.readyState >= 3) {\n eventsToTrigger.push('canplay');\n }\n\n // canplaythrough: newly equal to HAVE_ENOUGH_DATA (4)\n if (el.readyState >= 4) {\n eventsToTrigger.push('canplaythrough');\n }\n\n // We still need to give the player time to add event listeners\n this.ready(function () {\n eventsToTrigger.forEach(function (type) {\n this.trigger(type);\n }, this);\n });\n };\n\n /**\n * Set current time for the `HTML5` tech.\n *\n * @param {number} seconds\n * Set the current time of the media to this.\n */\n\n\n Html5.prototype.setCurrentTime = function setCurrentTime(seconds) {\n try {\n this.el_.currentTime = seconds;\n } catch (e) {\n log$1(e, 'Video is not ready. (Video.js)');\n // this.warning(VideoJS.warnings.videoNotReady);\n }\n };\n\n /**\n * Get the current duration of the HTML5 media element.\n *\n * @return {number}\n * The duration of the media or 0 if there is no duration.\n */\n\n\n Html5.prototype.duration = function duration() {\n var _this5 = this;\n\n // Android Chrome will report duration as Infinity for VOD HLS until after\n // playback has started, which triggers the live display erroneously.\n // Return NaN if playback has not started and trigger a durationupdate once\n // the duration can be reliably known.\n if (this.el_.duration === Infinity && IS_ANDROID && IS_CHROME && this.el_.currentTime === 0) {\n // Wait for the first `timeupdate` with currentTime > 0 - there may be\n // several with 0\n var checkProgress = function checkProgress() {\n if (_this5.el_.currentTime > 0) {\n // Trigger durationchange for genuinely live video\n if (_this5.el_.duration === Infinity) {\n _this5.trigger('durationchange');\n }\n _this5.off('timeupdate', checkProgress);\n }\n };\n\n this.on('timeupdate', checkProgress);\n return NaN;\n }\n return this.el_.duration || NaN;\n };\n\n /**\n * Get the current width of the HTML5 media element.\n *\n * @return {number}\n * The width of the HTML5 media element.\n */\n\n\n Html5.prototype.width = function width() {\n return this.el_.offsetWidth;\n };\n\n /**\n * Get the current height of the HTML5 media element.\n *\n * @return {number}\n * The height of the HTML5 media element.\n */\n\n\n Html5.prototype.height = function height() {\n return this.el_.offsetHeight;\n };\n\n /**\n * Proxy iOS `webkitbeginfullscreen` and `webkitendfullscreen` into\n * `fullscreenchange` event.\n *\n * @private\n * @fires fullscreenchange\n * @listens webkitendfullscreen\n * @listens webkitbeginfullscreen\n * @listens webkitbeginfullscreen\n */\n\n\n Html5.prototype.proxyWebkitFullscreen_ = function proxyWebkitFullscreen_() {\n var _this6 = this;\n\n if (!('webkitDisplayingFullscreen' in this.el_)) {\n return;\n }\n\n var endFn = function endFn() {\n this.trigger('fullscreenchange', { isFullscreen: false });\n };\n\n var beginFn = function beginFn() {\n if ('webkitPresentationMode' in this.el_ && this.el_.webkitPresentationMode !== 'picture-in-picture') {\n this.one('webkitendfullscreen', endFn);\n\n this.trigger('fullscreenchange', { isFullscreen: true });\n }\n };\n\n this.on('webkitbeginfullscreen', beginFn);\n this.on('dispose', function () {\n _this6.off('webkitbeginfullscreen', beginFn);\n _this6.off('webkitendfullscreen', endFn);\n });\n };\n\n /**\n * Check if fullscreen is supported on the current playback device.\n *\n * @return {boolean}\n * - True if fullscreen is supported.\n * - False if fullscreen is not supported.\n */\n\n\n Html5.prototype.supportsFullScreen = function supportsFullScreen() {\n if (typeof this.el_.webkitEnterFullScreen === 'function') {\n var userAgent = window$1.navigator && window$1.navigator.userAgent || '';\n\n // Seems to be broken in Chromium/Chrome && Safari in Leopard\n if (/Android/.test(userAgent) || !/Chrome|Mac OS X 10.5/.test(userAgent)) {\n return true;\n }\n }\n return false;\n };\n\n /**\n * Request that the `HTML5` Tech enter fullscreen.\n */\n\n\n Html5.prototype.enterFullScreen = function enterFullScreen() {\n var video = this.el_;\n\n if (video.paused && video.networkState <= video.HAVE_METADATA) {\n // attempt to prime the video element for programmatic access\n // this isn't necessary on the desktop but shouldn't hurt\n this.el_.play();\n\n // playing and pausing synchronously during the transition to fullscreen\n // can get iOS ~6.1 devices into a play/pause loop\n this.setTimeout(function () {\n video.pause();\n video.webkitEnterFullScreen();\n }, 0);\n } else {\n video.webkitEnterFullScreen();\n }\n };\n\n /**\n * Request that the `HTML5` Tech exit fullscreen.\n */\n\n\n Html5.prototype.exitFullScreen = function exitFullScreen() {\n this.el_.webkitExitFullScreen();\n };\n\n /**\n * A getter/setter for the `Html5` Tech's source object.\n * > Note: Please use {@link Html5#setSource}\n *\n * @param {Tech~SourceObject} [src]\n * The source object you want to set on the `HTML5` techs element.\n *\n * @return {Tech~SourceObject|undefined}\n * - The current source object when a source is not passed in.\n * - undefined when setting\n *\n * @deprecated Since version 5.\n */\n\n\n Html5.prototype.src = function src(_src) {\n if (_src === undefined) {\n return this.el_.src;\n }\n\n // Setting src through `src` instead of `setSrc` will be deprecated\n this.setSrc(_src);\n };\n\n /**\n * Reset the tech by removing all sources and then calling\n * {@link Html5.resetMediaElement}.\n */\n\n\n Html5.prototype.reset = function reset() {\n Html5.resetMediaElement(this.el_);\n };\n\n /**\n * Get the current source on the `HTML5` Tech. Falls back to returning the source from\n * the HTML5 media element.\n *\n * @return {Tech~SourceObject}\n * The current source object from the HTML5 tech. With a fallback to the\n * elements source.\n */\n\n\n Html5.prototype.currentSrc = function currentSrc() {\n if (this.currentSource_) {\n return this.currentSource_.src;\n }\n return this.el_.currentSrc;\n };\n\n /**\n * Set controls attribute for the HTML5 media Element.\n *\n * @param {string} val\n * Value to set the controls attribute to\n */\n\n\n Html5.prototype.setControls = function setControls(val) {\n this.el_.controls = !!val;\n };\n\n /**\n * Create and returns a remote {@link TextTrack} object.\n *\n * @param {string} kind\n * `TextTrack` kind (subtitles, captions, descriptions, chapters, or metadata)\n *\n * @param {string} [label]\n * Label to identify the text track\n *\n * @param {string} [language]\n * Two letter language abbreviation\n *\n * @return {TextTrack}\n * The TextTrack that gets created.\n */\n\n\n Html5.prototype.addTextTrack = function addTextTrack(kind, label, language) {\n if (!this.featuresNativeTextTracks) {\n return _Tech.prototype.addTextTrack.call(this, kind, label, language);\n }\n\n return this.el_.addTextTrack(kind, label, language);\n };\n\n /**\n * Creates either native TextTrack or an emulated TextTrack depending\n * on the value of `featuresNativeTextTracks`\n *\n * @param {Object} options\n * The object should contain the options to initialize the TextTrack with.\n *\n * @param {string} [options.kind]\n * `TextTrack` kind (subtitles, captions, descriptions, chapters, or metadata).\n *\n * @param {string} [options.label]\n * Label to identify the text track\n *\n * @param {string} [options.language]\n * Two letter language abbreviation.\n *\n * @param {boolean} [options.default]\n * Default this track to on.\n *\n * @param {string} [options.id]\n * The internal id to assign this track.\n *\n * @param {string} [options.src]\n * A source url for the track.\n *\n * @return {HTMLTrackElement}\n * The track element that gets created.\n */\n\n\n Html5.prototype.createRemoteTextTrack = function createRemoteTextTrack(options) {\n if (!this.featuresNativeTextTracks) {\n return _Tech.prototype.createRemoteTextTrack.call(this, options);\n }\n var htmlTrackElement = document$1.createElement('track');\n\n if (options.kind) {\n htmlTrackElement.kind = options.kind;\n }\n if (options.label) {\n htmlTrackElement.label = options.label;\n }\n if (options.language || options.srclang) {\n htmlTrackElement.srclang = options.language || options.srclang;\n }\n if (options.default) {\n htmlTrackElement.default = options.default;\n }\n if (options.id) {\n htmlTrackElement.id = options.id;\n }\n if (options.src) {\n htmlTrackElement.src = options.src;\n }\n\n return htmlTrackElement;\n };\n\n /**\n * Creates a remote text track object and returns an html track element.\n *\n * @param {Object} options The object should contain values for\n * kind, language, label, and src (location of the WebVTT file)\n * @param {Boolean} [manualCleanup=true] if set to false, the TextTrack will be\n * automatically removed from the video element whenever the source changes\n * @return {HTMLTrackElement} An Html Track Element.\n * This can be an emulated {@link HTMLTrackElement} or a native one.\n * @deprecated The default value of the \"manualCleanup\" parameter will default\n * to \"false\" in upcoming versions of Video.js\n */\n\n\n Html5.prototype.addRemoteTextTrack = function addRemoteTextTrack(options, manualCleanup) {\n var htmlTrackElement = _Tech.prototype.addRemoteTextTrack.call(this, options, manualCleanup);\n\n if (this.featuresNativeTextTracks) {\n this.el().appendChild(htmlTrackElement);\n }\n\n return htmlTrackElement;\n };\n\n /**\n * Remove remote `TextTrack` from `TextTrackList` object\n *\n * @param {TextTrack} track\n * `TextTrack` object to remove\n */\n\n\n Html5.prototype.removeRemoteTextTrack = function removeRemoteTextTrack(track) {\n _Tech.prototype.removeRemoteTextTrack.call(this, track);\n\n if (this.featuresNativeTextTracks) {\n var tracks = this.$$('track');\n\n var i = tracks.length;\n\n while (i--) {\n if (track === tracks[i] || track === tracks[i].track) {\n this.el().removeChild(tracks[i]);\n }\n }\n }\n };\n\n /**\n * Gets available media playback quality metrics as specified by the W3C's Media\n * Playback Quality API.\n *\n * @see [Spec]{@link https://wicg.github.io/media-playback-quality}\n *\n * @return {Object}\n * An object with supported media playback quality metrics\n */\n\n\n Html5.prototype.getVideoPlaybackQuality = function getVideoPlaybackQuality() {\n if (typeof this.el().getVideoPlaybackQuality === 'function') {\n return this.el().getVideoPlaybackQuality();\n }\n\n var videoPlaybackQuality = {};\n\n if (typeof this.el().webkitDroppedFrameCount !== 'undefined' && typeof this.el().webkitDecodedFrameCount !== 'undefined') {\n videoPlaybackQuality.droppedVideoFrames = this.el().webkitDroppedFrameCount;\n videoPlaybackQuality.totalVideoFrames = this.el().webkitDecodedFrameCount;\n }\n\n if (window$1.performance && typeof window$1.performance.now === 'function') {\n videoPlaybackQuality.creationTime = window$1.performance.now();\n } else if (window$1.performance && window$1.performance.timing && typeof window$1.performance.timing.navigationStart === 'number') {\n videoPlaybackQuality.creationTime = window$1.Date.now() - window$1.performance.timing.navigationStart;\n }\n\n return videoPlaybackQuality;\n };\n\n return Html5;\n}(Tech);\n\n/* HTML5 Support Testing ---------------------------------------------------- */\n\nif (isReal()) {\n\n /**\n * Element for testing browser HTML5 media capabilities\n *\n * @type {Element}\n * @constant\n * @private\n */\n Html5.TEST_VID = document$1.createElement('video');\n var track$1 = document$1.createElement('track');\n\n track$1.kind = 'captions';\n track$1.srclang = 'en';\n track$1.label = 'English';\n Html5.TEST_VID.appendChild(track$1);\n}\n\n/**\n * Check if HTML5 media is supported by this browser/device.\n *\n * @return {boolean}\n * - True if HTML5 media is supported.\n * - False if HTML5 media is not supported.\n */\nHtml5.isSupported = function () {\n // IE with no Media Player is a LIAR! (#984)\n try {\n Html5.TEST_VID.volume = 0.5;\n } catch (e) {\n return false;\n }\n\n return !!(Html5.TEST_VID && Html5.TEST_VID.canPlayType);\n};\n\n/**\n * Check if the tech can support the given type\n *\n * @param {string} type\n * The mimetype to check\n * @return {string} 'probably', 'maybe', or '' (empty string)\n */\nHtml5.canPlayType = function (type) {\n return Html5.TEST_VID.canPlayType(type);\n};\n\n/**\n * Check if the tech can support the given source\n *\n * @param {Object} srcObj\n * The source object\n * @param {Object} options\n * The options passed to the tech\n * @return {string} 'probably', 'maybe', or '' (empty string)\n */\nHtml5.canPlaySource = function (srcObj, options) {\n return Html5.canPlayType(srcObj.type);\n};\n\n/**\n * Check if the volume can be changed in this browser/device.\n * Volume cannot be changed in a lot of mobile devices.\n * Specifically, it can't be changed from 1 on iOS.\n *\n * @return {boolean}\n * - True if volume can be controlled\n * - False otherwise\n */\nHtml5.canControlVolume = function () {\n // IE will error if Windows Media Player not installed #3315\n try {\n var volume = Html5.TEST_VID.volume;\n\n Html5.TEST_VID.volume = volume / 2 + 0.1;\n return volume !== Html5.TEST_VID.volume;\n } catch (e) {\n return false;\n }\n};\n\n/**\n * Check if the volume can be muted in this browser/device.\n * Some devices, e.g. iOS, don't allow changing volume\n * but permits muting/unmuting.\n *\n * @return {bolean}\n * - True if volume can be muted\n * - False otherwise\n */\nHtml5.canMuteVolume = function () {\n try {\n var muted = Html5.TEST_VID.muted;\n\n // in some versions of iOS muted property doesn't always\n // work, so we want to set both property and attribute\n Html5.TEST_VID.muted = !muted;\n if (Html5.TEST_VID.muted) {\n setAttribute(Html5.TEST_VID, 'muted', 'muted');\n } else {\n removeAttribute(Html5.TEST_VID, 'muted', 'muted');\n }\n return muted !== Html5.TEST_VID.muted;\n } catch (e) {\n return false;\n }\n};\n\n/**\n * Check if the playback rate can be changed in this browser/device.\n *\n * @return {boolean}\n * - True if playback rate can be controlled\n * - False otherwise\n */\nHtml5.canControlPlaybackRate = function () {\n // Playback rate API is implemented in Android Chrome, but doesn't do anything\n // https://github.com/videojs/video.js/issues/3180\n if (IS_ANDROID && IS_CHROME && CHROME_VERSION < 58) {\n return false;\n }\n // IE will error if Windows Media Player not installed #3315\n try {\n var playbackRate = Html5.TEST_VID.playbackRate;\n\n Html5.TEST_VID.playbackRate = playbackRate / 2 + 0.1;\n return playbackRate !== Html5.TEST_VID.playbackRate;\n } catch (e) {\n return false;\n }\n};\n\n/**\n * Check if we can override a video/audio elements attributes, with\n * Object.defineProperty.\n *\n * @return {boolean}\n * - True if builtin attributes can be overridden\n * - False otherwise\n */\nHtml5.canOverrideAttributes = function () {\n // if we cannot overwrite the src/innerHTML property, there is no support\n // iOS 7 safari for instance cannot do this.\n try {\n var noop = function noop() {};\n\n Object.defineProperty(document$1.createElement('video'), 'src', { get: noop, set: noop });\n Object.defineProperty(document$1.createElement('audio'), 'src', { get: noop, set: noop });\n Object.defineProperty(document$1.createElement('video'), 'innerHTML', { get: noop, set: noop });\n Object.defineProperty(document$1.createElement('audio'), 'innerHTML', { get: noop, set: noop });\n } catch (e) {\n return false;\n }\n\n return true;\n};\n\n/**\n * Check to see if native `TextTrack`s are supported by this browser/device.\n *\n * @return {boolean}\n * - True if native `TextTrack`s are supported.\n * - False otherwise\n */\nHtml5.supportsNativeTextTracks = function () {\n return IS_ANY_SAFARI || IS_IOS && IS_CHROME;\n};\n\n/**\n * Check to see if native `VideoTrack`s are supported by this browser/device\n *\n * @return {boolean}\n * - True if native `VideoTrack`s are supported.\n * - False otherwise\n */\nHtml5.supportsNativeVideoTracks = function () {\n return !!(Html5.TEST_VID && Html5.TEST_VID.videoTracks);\n};\n\n/**\n * Check to see if native `AudioTrack`s are supported by this browser/device\n *\n * @return {boolean}\n * - True if native `AudioTrack`s are supported.\n * - False otherwise\n */\nHtml5.supportsNativeAudioTracks = function () {\n return !!(Html5.TEST_VID && Html5.TEST_VID.audioTracks);\n};\n\n/**\n * An array of events available on the Html5 tech.\n *\n * @private\n * @type {Array}\n */\nHtml5.Events = ['loadstart', 'suspend', 'abort', 'error', 'emptied', 'stalled', 'loadedmetadata', 'loadeddata', 'canplay', 'canplaythrough', 'playing', 'waiting', 'seeking', 'seeked', 'ended', 'durationchange', 'timeupdate', 'progress', 'play', 'pause', 'ratechange', 'resize', 'volumechange'];\n\n/**\n * Boolean indicating whether the `Tech` supports volume control.\n *\n * @type {boolean}\n * @default {@link Html5.canControlVolume}\n */\nHtml5.prototype.featuresVolumeControl = Html5.canControlVolume();\n\n/**\n * Boolean indicating whether the `Tech` supports muting volume.\n *\n * @type {bolean}\n * @default {@link Html5.canMuteVolume}\n */\nHtml5.prototype.featuresMuteControl = Html5.canMuteVolume();\n\n/**\n * Boolean indicating whether the `Tech` supports changing the speed at which the media\n * plays. Examples:\n * - Set player to play 2x (twice) as fast\n * - Set player to play 0.5x (half) as fast\n *\n * @type {boolean}\n * @default {@link Html5.canControlPlaybackRate}\n */\nHtml5.prototype.featuresPlaybackRate = Html5.canControlPlaybackRate();\n\n/**\n * Boolean indicating whether the `Tech` supports the `sourceset` event.\n *\n * @type {boolean}\n * @default\n */\nHtml5.prototype.featuresSourceset = Html5.canOverrideAttributes();\n\n/**\n * Boolean indicating whether the `HTML5` tech currently supports the media element\n * moving in the DOM. iOS breaks if you move the media element, so this is set this to\n * false there. Everywhere else this should be true.\n *\n * @type {boolean}\n * @default\n */\nHtml5.prototype.movingMediaElementInDOM = !IS_IOS;\n\n// TODO: Previous comment: No longer appears to be used. Can probably be removed.\n// Is this true?\n/**\n * Boolean indicating whether the `HTML5` tech currently supports automatic media resize\n * when going into fullscreen.\n *\n * @type {boolean}\n * @default\n */\nHtml5.prototype.featuresFullscreenResize = true;\n\n/**\n * Boolean indicating whether the `HTML5` tech currently supports the progress event.\n * If this is false, manual `progress` events will be triggered instead.\n *\n * @type {boolean}\n * @default\n */\nHtml5.prototype.featuresProgressEvents = true;\n\n/**\n * Boolean indicating whether the `HTML5` tech currently supports the timeupdate event.\n * If this is false, manual `timeupdate` events will be triggered instead.\n *\n * @default\n */\nHtml5.prototype.featuresTimeupdateEvents = true;\n\n/**\n * Boolean indicating whether the `HTML5` tech currently supports native `TextTrack`s.\n *\n * @type {boolean}\n * @default {@link Html5.supportsNativeTextTracks}\n */\nHtml5.prototype.featuresNativeTextTracks = Html5.supportsNativeTextTracks();\n\n/**\n * Boolean indicating whether the `HTML5` tech currently supports native `VideoTrack`s.\n *\n * @type {boolean}\n * @default {@link Html5.supportsNativeVideoTracks}\n */\nHtml5.prototype.featuresNativeVideoTracks = Html5.supportsNativeVideoTracks();\n\n/**\n * Boolean indicating whether the `HTML5` tech currently supports native `AudioTrack`s.\n *\n * @type {boolean}\n * @default {@link Html5.supportsNativeAudioTracks}\n */\nHtml5.prototype.featuresNativeAudioTracks = Html5.supportsNativeAudioTracks();\n\n// HTML5 Feature detection and Device Fixes --------------------------------- //\nvar canPlayType = Html5.TEST_VID && Html5.TEST_VID.constructor.prototype.canPlayType;\nvar mpegurlRE = /^application\\/(?:x-|vnd\\.apple\\.)mpegurl/i;\n\nHtml5.patchCanPlayType = function () {\n\n // Android 4.0 and above can play HLS to some extent but it reports being unable to do so\n // Firefox and Chrome report correctly\n if (ANDROID_VERSION >= 4.0 && !IS_FIREFOX && !IS_CHROME) {\n Html5.TEST_VID.constructor.prototype.canPlayType = function (type) {\n if (type && mpegurlRE.test(type)) {\n return 'maybe';\n }\n return canPlayType.call(this, type);\n };\n }\n};\n\nHtml5.unpatchCanPlayType = function () {\n var r = Html5.TEST_VID.constructor.prototype.canPlayType;\n\n Html5.TEST_VID.constructor.prototype.canPlayType = canPlayType;\n return r;\n};\n\n// by default, patch the media element\nHtml5.patchCanPlayType();\n\nHtml5.disposeMediaElement = function (el) {\n if (!el) {\n return;\n }\n\n if (el.parentNode) {\n el.parentNode.removeChild(el);\n }\n\n // remove any child track or source nodes to prevent their loading\n while (el.hasChildNodes()) {\n el.removeChild(el.firstChild);\n }\n\n // remove any src reference. not setting `src=''` because that causes a warning\n // in firefox\n el.removeAttribute('src');\n\n // force the media element to update its loading state by calling load()\n // however IE on Windows 7N has a bug that throws an error so need a try/catch (#793)\n if (typeof el.load === 'function') {\n // wrapping in an iife so it's not deoptimized (#1060#discussion_r10324473)\n (function () {\n try {\n el.load();\n } catch (e) {\n // not supported\n }\n })();\n }\n};\n\nHtml5.resetMediaElement = function (el) {\n if (!el) {\n return;\n }\n\n var sources = el.querySelectorAll('source');\n var i = sources.length;\n\n while (i--) {\n el.removeChild(sources[i]);\n }\n\n // remove any src reference.\n // not setting `src=''` because that throws an error\n el.removeAttribute('src');\n\n if (typeof el.load === 'function') {\n // wrapping in an iife so it's not deoptimized (#1060#discussion_r10324473)\n (function () {\n try {\n el.load();\n } catch (e) {\n // satisfy linter\n }\n })();\n }\n};\n\n/* Native HTML5 element property wrapping ----------------------------------- */\n// Wrap native boolean attributes with getters that check both property and attribute\n// The list is as followed:\n// muted, defaultMuted, autoplay, controls, loop, playsinline\n[\n/**\n * Get the value of `muted` from the media element. `muted` indicates\n * that the volume for the media should be set to silent. This does not actually change\n * the `volume` attribute.\n *\n * @method Html5#muted\n * @return {boolean}\n * - True if the value of `volume` should be ignored and the audio set to silent.\n * - False if the value of `volume` should be used.\n *\n * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-muted}\n */\n'muted',\n\n/**\n * Get the value of `defaultMuted` from the media element. `defaultMuted` indicates\n * whether the media should start muted or not. Only changes the default state of the\n * media. `muted` and `defaultMuted` can have different values. {@link Html5#muted} indicates the\n * current state.\n *\n * @method Html5#defaultMuted\n * @return {boolean}\n * - The value of `defaultMuted` from the media element.\n * - True indicates that the media should start muted.\n * - False indicates that the media should not start muted\n *\n * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-defaultmuted}\n */\n'defaultMuted',\n\n/**\n * Get the value of `autoplay` from the media element. `autoplay` indicates\n * that the media should start to play as soon as the page is ready.\n *\n * @method Html5#autoplay\n * @return {boolean}\n * - The value of `autoplay` from the media element.\n * - True indicates that the media should start as soon as the page loads.\n * - False indicates that the media should not start as soon as the page loads.\n *\n * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#attr-media-autoplay}\n */\n'autoplay',\n\n/**\n * Get the value of `controls` from the media element. `controls` indicates\n * whether the native media controls should be shown or hidden.\n *\n * @method Html5#controls\n * @return {boolean}\n * - The value of `controls` from the media element.\n * - True indicates that native controls should be showing.\n * - False indicates that native controls should be hidden.\n *\n * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#attr-media-controls}\n */\n'controls',\n\n/**\n * Get the value of `loop` from the media element. `loop` indicates\n * that the media should return to the start of the media and continue playing once\n * it reaches the end.\n *\n * @method Html5#loop\n * @return {boolean}\n * - The value of `loop` from the media element.\n * - True indicates that playback should seek back to start once\n * the end of a media is reached.\n * - False indicates that playback should not loop back to the start when the\n * end of the media is reached.\n *\n * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#attr-media-loop}\n */\n'loop',\n\n/**\n * Get the value of `playsinline` from the media element. `playsinline` indicates\n * to the browser that non-fullscreen playback is preferred when fullscreen\n * playback is the native default, such as in iOS Safari.\n *\n * @method Html5#playsinline\n * @return {boolean}\n * - The value of `playsinline` from the media element.\n * - True indicates that the media should play inline.\n * - False indicates that the media should not play inline.\n *\n * @see [Spec]{@link https://html.spec.whatwg.org/#attr-video-playsinline}\n */\n'playsinline'].forEach(function (prop) {\n Html5.prototype[prop] = function () {\n return this.el_[prop] || this.el_.hasAttribute(prop);\n };\n});\n\n// Wrap native boolean attributes with setters that set both property and attribute\n// The list is as followed:\n// setMuted, setDefaultMuted, setAutoplay, setLoop, setPlaysinline\n// setControls is special-cased above\n[\n/**\n * Set the value of `muted` on the media element. `muted` indicates that the current\n * audio level should be silent.\n *\n * @method Html5#setMuted\n * @param {boolean} muted\n * - True if the audio should be set to silent\n * - False otherwise\n *\n * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-muted}\n */\n'muted',\n\n/**\n * Set the value of `defaultMuted` on the media element. `defaultMuted` indicates that the current\n * audio level should be silent, but will only effect the muted level on intial playback..\n *\n * @method Html5.prototype.setDefaultMuted\n * @param {boolean} defaultMuted\n * - True if the audio should be set to silent\n * - False otherwise\n *\n * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-defaultmuted}\n */\n'defaultMuted',\n\n/**\n * Set the value of `autoplay` on the media element. `autoplay` indicates\n * that the media should start to play as soon as the page is ready.\n *\n * @method Html5#setAutoplay\n * @param {boolean} autoplay\n * - True indicates that the media should start as soon as the page loads.\n * - False indicates that the media should not start as soon as the page loads.\n *\n * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#attr-media-autoplay}\n */\n'autoplay',\n\n/**\n * Set the value of `loop` on the media element. `loop` indicates\n * that the media should return to the start of the media and continue playing once\n * it reaches the end.\n *\n * @method Html5#setLoop\n * @param {boolean} loop\n * - True indicates that playback should seek back to start once\n * the end of a media is reached.\n * - False indicates that playback should not loop back to the start when the\n * end of the media is reached.\n *\n * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#attr-media-loop}\n */\n'loop',\n\n/**\n * Set the value of `playsinline` from the media element. `playsinline` indicates\n * to the browser that non-fullscreen playback is preferred when fullscreen\n * playback is the native default, such as in iOS Safari.\n *\n * @method Html5#setPlaysinline\n * @param {boolean} playsinline\n * - True indicates that the media should play inline.\n * - False indicates that the media should not play inline.\n *\n * @see [Spec]{@link https://html.spec.whatwg.org/#attr-video-playsinline}\n */\n'playsinline'].forEach(function (prop) {\n Html5.prototype['set' + toTitleCase(prop)] = function (v) {\n this.el_[prop] = v;\n\n if (v) {\n this.el_.setAttribute(prop, prop);\n } else {\n this.el_.removeAttribute(prop);\n }\n };\n});\n\n// Wrap native properties with a getter\n// The list is as followed\n// paused, currentTime, buffered, volume, poster, preload, error, seeking\n// seekable, ended, playbackRate, defaultPlaybackRate, played, networkState\n// readyState, videoWidth, videoHeight\n[\n/**\n * Get the value of `paused` from the media element. `paused` indicates whether the media element\n * is currently paused or not.\n *\n * @method Html5#paused\n * @return {boolean}\n * The value of `paused` from the media element.\n *\n * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-paused}\n */\n'paused',\n\n/**\n * Get the value of `currentTime` from the media element. `currentTime` indicates\n * the current second that the media is at in playback.\n *\n * @method Html5#currentTime\n * @return {number}\n * The value of `currentTime` from the media element.\n *\n * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-currenttime}\n */\n'currentTime',\n\n/**\n * Get the value of `buffered` from the media element. `buffered` is a `TimeRange`\n * object that represents the parts of the media that are already downloaded and\n * available for playback.\n *\n * @method Html5#buffered\n * @return {TimeRange}\n * The value of `buffered` from the media element.\n *\n * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-buffered}\n */\n'buffered',\n\n/**\n * Get the value of `volume` from the media element. `volume` indicates\n * the current playback volume of audio for a media. `volume` will be a value from 0\n * (silent) to 1 (loudest and default).\n *\n * @method Html5#volume\n * @return {number}\n * The value of `volume` from the media element. Value will be between 0-1.\n *\n * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-a-volume}\n */\n'volume',\n\n/**\n * Get the value of `poster` from the media element. `poster` indicates\n * that the url of an image file that can/will be shown when no media data is available.\n *\n * @method Html5#poster\n * @return {string}\n * The value of `poster` from the media element. Value will be a url to an\n * image.\n *\n * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#attr-video-poster}\n */\n'poster',\n\n/**\n * Get the value of `preload` from the media element. `preload` indicates\n * what should download before the media is interacted with. It can have the following\n * values:\n * - none: nothing should be downloaded\n * - metadata: poster and the first few frames of the media may be downloaded to get\n * media dimensions and other metadata\n * - auto: allow the media and metadata for the media to be downloaded before\n * interaction\n *\n * @method Html5#preload\n * @return {string}\n * The value of `preload` from the media element. Will be 'none', 'metadata',\n * or 'auto'.\n *\n * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#attr-media-preload}\n */\n'preload',\n\n/**\n * Get the value of the `error` from the media element. `error` indicates any\n * MediaError that may have occurred during playback. If error returns null there is no\n * current error.\n *\n * @method Html5#error\n * @return {MediaError|null}\n * The value of `error` from the media element. Will be `MediaError` if there\n * is a current error and null otherwise.\n *\n * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-error}\n */\n'error',\n\n/**\n * Get the value of `seeking` from the media element. `seeking` indicates whether the\n * media is currently seeking to a new position or not.\n *\n * @method Html5#seeking\n * @return {boolean}\n * - The value of `seeking` from the media element.\n * - True indicates that the media is currently seeking to a new position.\n * - False indicates that the media is not seeking to a new position at this time.\n *\n * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-seeking}\n */\n'seeking',\n\n/**\n * Get the value of `seekable` from the media element. `seekable` returns a\n * `TimeRange` object indicating ranges of time that can currently be `seeked` to.\n *\n * @method Html5#seekable\n * @return {TimeRange}\n * The value of `seekable` from the media element. A `TimeRange` object\n * indicating the current ranges of time that can be seeked to.\n *\n * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-seekable}\n */\n'seekable',\n\n/**\n * Get the value of `ended` from the media element. `ended` indicates whether\n * the media has reached the end or not.\n *\n * @method Html5#ended\n * @return {boolean}\n * - The value of `ended` from the media element.\n * - True indicates that the media has ended.\n * - False indicates that the media has not ended.\n *\n * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-ended}\n */\n'ended',\n\n/**\n * Get the value of `playbackRate` from the media element. `playbackRate` indicates\n * the rate at which the media is currently playing back. Examples:\n * - if playbackRate is set to 2, media will play twice as fast.\n * - if playbackRate is set to 0.5, media will play half as fast.\n *\n * @method Html5#playbackRate\n * @return {number}\n * The value of `playbackRate` from the media element. A number indicating\n * the current playback speed of the media, where 1 is normal speed.\n *\n * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-playbackrate}\n */\n'playbackRate',\n\n/**\n * Get the value of `defaultPlaybackRate` from the media element. `defaultPlaybackRate` indicates\n * the rate at which the media is currently playing back. This value will not indicate the current\n * `playbackRate` after playback has started, use {@link Html5#playbackRate} for that.\n *\n * Examples:\n * - if defaultPlaybackRate is set to 2, media will play twice as fast.\n * - if defaultPlaybackRate is set to 0.5, media will play half as fast.\n *\n * @method Html5.prototype.defaultPlaybackRate\n * @return {number}\n * The value of `defaultPlaybackRate` from the media element. A number indicating\n * the current playback speed of the media, where 1 is normal speed.\n *\n * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-playbackrate}\n */\n'defaultPlaybackRate',\n\n/**\n * Get the value of `played` from the media element. `played` returns a `TimeRange`\n * object representing points in the media timeline that have been played.\n *\n * @method Html5#played\n * @return {TimeRange}\n * The value of `played` from the media element. A `TimeRange` object indicating\n * the ranges of time that have been played.\n *\n * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-played}\n */\n'played',\n\n/**\n * Get the value of `networkState` from the media element. `networkState` indicates\n * the current network state. It returns an enumeration from the following list:\n * - 0: NETWORK_EMPTY\n * - 1: NETWORK_IDLE\n * - 2: NETWORK_LOADING\n * - 3: NETWORK_NO_SOURCE\n *\n * @method Html5#networkState\n * @return {number}\n * The value of `networkState` from the media element. This will be a number\n * from the list in the description.\n *\n * @see [Spec] {@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-networkstate}\n */\n'networkState',\n\n/**\n * Get the value of `readyState` from the media element. `readyState` indicates\n * the current state of the media element. It returns an enumeration from the\n * following list:\n * - 0: HAVE_NOTHING\n * - 1: HAVE_METADATA\n * - 2: HAVE_CURRENT_DATA\n * - 3: HAVE_FUTURE_DATA\n * - 4: HAVE_ENOUGH_DATA\n *\n * @method Html5#readyState\n * @return {number}\n * The value of `readyState` from the media element. This will be a number\n * from the list in the description.\n *\n * @see [Spec] {@link https://www.w3.org/TR/html5/embedded-content-0.html#ready-states}\n */\n'readyState',\n\n/**\n * Get the value of `videoWidth` from the video element. `videoWidth` indicates\n * the current width of the video in css pixels.\n *\n * @method Html5#videoWidth\n * @return {number}\n * The value of `videoWidth` from the video element. This will be a number\n * in css pixels.\n *\n * @see [Spec] {@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-video-videowidth}\n */\n'videoWidth',\n\n/**\n * Get the value of `videoHeight` from the video element. `videoHeight` indicates\n * the current height of the video in css pixels.\n *\n * @method Html5#videoHeight\n * @return {number}\n * The value of `videoHeight` from the video element. This will be a number\n * in css pixels.\n *\n * @see [Spec] {@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-video-videowidth}\n */\n'videoHeight'].forEach(function (prop) {\n Html5.prototype[prop] = function () {\n return this.el_[prop];\n };\n});\n\n// Wrap native properties with a setter in this format:\n// set + toTitleCase(name)\n// The list is as follows:\n// setVolume, setSrc, setPoster, setPreload, setPlaybackRate, setDefaultPlaybackRate\n[\n/**\n * Set the value of `volume` on the media element. `volume` indicates the current\n * audio level as a percentage in decimal form. This means that 1 is 100%, 0.5 is 50%, and\n * so on.\n *\n * @method Html5#setVolume\n * @param {number} percentAsDecimal\n * The volume percent as a decimal. Valid range is from 0-1.\n *\n * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-a-volume}\n */\n'volume',\n\n/**\n * Set the value of `src` on the media element. `src` indicates the current\n * {@link Tech~SourceObject} for the media.\n *\n * @method Html5#setSrc\n * @param {Tech~SourceObject} src\n * The source object to set as the current source.\n *\n * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-src}\n */\n'src',\n\n/**\n * Set the value of `poster` on the media element. `poster` is the url to\n * an image file that can/will be shown when no media data is available.\n *\n * @method Html5#setPoster\n * @param {string} poster\n * The url to an image that should be used as the `poster` for the media\n * element.\n *\n * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#attr-media-poster}\n */\n'poster',\n\n/**\n * Set the value of `preload` on the media element. `preload` indicates\n * what should download before the media is interacted with. It can have the following\n * values:\n * - none: nothing should be downloaded\n * - metadata: poster and the first few frames of the media may be downloaded to get\n * media dimensions and other metadata\n * - auto: allow the media and metadata for the media to be downloaded before\n * interaction\n *\n * @method Html5#setPreload\n * @param {string} preload\n * The value of `preload` to set on the media element. Must be 'none', 'metadata',\n * or 'auto'.\n *\n * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#attr-media-preload}\n */\n'preload',\n\n/**\n * Set the value of `playbackRate` on the media element. `playbackRate` indicates\n * the rate at which the media should play back. Examples:\n * - if playbackRate is set to 2, media will play twice as fast.\n * - if playbackRate is set to 0.5, media will play half as fast.\n *\n * @method Html5#setPlaybackRate\n * @return {number}\n * The value of `playbackRate` from the media element. A number indicating\n * the current playback speed of the media, where 1 is normal speed.\n *\n * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-playbackrate}\n */\n'playbackRate',\n\n/**\n * Set the value of `defaultPlaybackRate` on the media element. `defaultPlaybackRate` indicates\n * the rate at which the media should play back upon initial startup. Changing this value\n * after a video has started will do nothing. Instead you should used {@link Html5#setPlaybackRate}.\n *\n * Example Values:\n * - if playbackRate is set to 2, media will play twice as fast.\n * - if playbackRate is set to 0.5, media will play half as fast.\n *\n * @method Html5.prototype.setDefaultPlaybackRate\n * @return {number}\n * The value of `defaultPlaybackRate` from the media element. A number indicating\n * the current playback speed of the media, where 1 is normal speed.\n *\n * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-defaultplaybackrate}\n */\n'defaultPlaybackRate'].forEach(function (prop) {\n Html5.prototype['set' + toTitleCase(prop)] = function (v) {\n this.el_[prop] = v;\n };\n});\n\n// wrap native functions with a function\n// The list is as follows:\n// pause, load, play\n[\n/**\n * A wrapper around the media elements `pause` function. This will call the `HTML5`\n * media elements `pause` function.\n *\n * @method Html5#pause\n * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-pause}\n */\n'pause',\n\n/**\n * A wrapper around the media elements `load` function. This will call the `HTML5`s\n * media element `load` function.\n *\n * @method Html5#load\n * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-load}\n */\n'load',\n\n/**\n * A wrapper around the media elements `play` function. This will call the `HTML5`s\n * media element `play` function.\n *\n * @method Html5#play\n * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-play}\n */\n'play'].forEach(function (prop) {\n Html5.prototype[prop] = function () {\n return this.el_[prop]();\n };\n});\n\nTech.withSourceHandlers(Html5);\n\n/**\n * Native source handler for Html5, simply passes the source to the media element.\n *\n * @property {Tech~SourceObject} source\n * The source object\n *\n * @property {Html5} tech\n * The instance of the HTML5 tech.\n */\nHtml5.nativeSourceHandler = {};\n\n/**\n * Check if the media element can play the given mime type.\n *\n * @param {string} type\n * The mimetype to check\n *\n * @return {string}\n * 'probably', 'maybe', or '' (empty string)\n */\nHtml5.nativeSourceHandler.canPlayType = function (type) {\n // IE without MediaPlayer throws an error (#519)\n try {\n return Html5.TEST_VID.canPlayType(type);\n } catch (e) {\n return '';\n }\n};\n\n/**\n * Check if the media element can handle a source natively.\n *\n * @param {Tech~SourceObject} source\n * The source object\n *\n * @param {Object} [options]\n * Options to be passed to the tech.\n *\n * @return {string}\n * 'probably', 'maybe', or '' (empty string).\n */\nHtml5.nativeSourceHandler.canHandleSource = function (source, options) {\n\n // If a type was provided we should rely on that\n if (source.type) {\n return Html5.nativeSourceHandler.canPlayType(source.type);\n\n // If no type, fall back to checking 'video/[EXTENSION]'\n } else if (source.src) {\n var ext = getFileExtension(source.src);\n\n return Html5.nativeSourceHandler.canPlayType('video/' + ext);\n }\n\n return '';\n};\n\n/**\n * Pass the source to the native media element.\n *\n * @param {Tech~SourceObject} source\n * The source object\n *\n * @param {Html5} tech\n * The instance of the Html5 tech\n *\n * @param {Object} [options]\n * The options to pass to the source\n */\nHtml5.nativeSourceHandler.handleSource = function (source, tech, options) {\n tech.setSrc(source.src);\n};\n\n/**\n * A noop for the native dispose function, as cleanup is not needed.\n */\nHtml5.nativeSourceHandler.dispose = function () {};\n\n// Register the native source handler\nHtml5.registerSourceHandler(Html5.nativeSourceHandler);\n\nTech.registerTech('Html5', Html5);\n\nvar _templateObject$2 = taggedTemplateLiteralLoose(['\\n Using the tech directly can be dangerous. I hope you know what you\\'re doing.\\n See https://github.com/videojs/video.js/issues/2617 for more info.\\n '], ['\\n Using the tech directly can be dangerous. I hope you know what you\\'re doing.\\n See https://github.com/videojs/video.js/issues/2617 for more info.\\n ']);\n\n// The following tech events are simply re-triggered\n// on the player when they happen\nvar TECH_EVENTS_RETRIGGER = [\n/**\n * Fired while the user agent is downloading media data.\n *\n * @event Player#progress\n * @type {EventTarget~Event}\n */\n/**\n * Retrigger the `progress` event that was triggered by the {@link Tech}.\n *\n * @private\n * @method Player#handleTechProgress_\n * @fires Player#progress\n * @listens Tech#progress\n */\n'progress',\n\n/**\n * Fires when the loading of an audio/video is aborted.\n *\n * @event Player#abort\n * @type {EventTarget~Event}\n */\n/**\n * Retrigger the `abort` event that was triggered by the {@link Tech}.\n *\n * @private\n * @method Player#handleTechAbort_\n * @fires Player#abort\n * @listens Tech#abort\n */\n'abort',\n\n/**\n * Fires when the browser is intentionally not getting media data.\n *\n * @event Player#suspend\n * @type {EventTarget~Event}\n */\n/**\n * Retrigger the `suspend` event that was triggered by the {@link Tech}.\n *\n * @private\n * @method Player#handleTechSuspend_\n * @fires Player#suspend\n * @listens Tech#suspend\n */\n'suspend',\n\n/**\n * Fires when the current playlist is empty.\n *\n * @event Player#emptied\n * @type {EventTarget~Event}\n */\n/**\n * Retrigger the `emptied` event that was triggered by the {@link Tech}.\n *\n * @private\n * @method Player#handleTechEmptied_\n * @fires Player#emptied\n * @listens Tech#emptied\n */\n'emptied',\n/**\n * Fires when the browser is trying to get media data, but data is not available.\n *\n * @event Player#stalled\n * @type {EventTarget~Event}\n */\n/**\n * Retrigger the `stalled` event that was triggered by the {@link Tech}.\n *\n * @private\n * @method Player#handleTechStalled_\n * @fires Player#stalled\n * @listens Tech#stalled\n */\n'stalled',\n\n/**\n * Fires when the browser has loaded meta data for the audio/video.\n *\n * @event Player#loadedmetadata\n * @type {EventTarget~Event}\n */\n/**\n * Retrigger the `stalled` event that was triggered by the {@link Tech}.\n *\n * @private\n * @method Player#handleTechLoadedmetadata_\n * @fires Player#loadedmetadata\n * @listens Tech#loadedmetadata\n */\n'loadedmetadata',\n\n/**\n * Fires when the browser has loaded the current frame of the audio/video.\n *\n * @event Player#loadeddata\n * @type {event}\n */\n/**\n * Retrigger the `loadeddata` event that was triggered by the {@link Tech}.\n *\n * @private\n * @method Player#handleTechLoaddeddata_\n * @fires Player#loadeddata\n * @listens Tech#loadeddata\n */\n'loadeddata',\n\n/**\n * Fires when the current playback position has changed.\n *\n * @event Player#timeupdate\n * @type {event}\n */\n/**\n * Retrigger the `timeupdate` event that was triggered by the {@link Tech}.\n *\n * @private\n * @method Player#handleTechTimeUpdate_\n * @fires Player#timeupdate\n * @listens Tech#timeupdate\n */\n'timeupdate',\n/**\n * Fires when the video's intrinsic dimensions change\n *\n * @event Player#resize\n * @type {event}\n */\n/**\n * Retrigger the `resize` event that was triggered by the {@link Tech}.\n *\n * @private\n * @method Player#handleTechResize_\n * @fires Player#resize\n * @listens Tech#resize\n */\n'resize',\n\n/**\n * Fires when the volume has been changed\n *\n * @event Player#volumechange\n * @type {event}\n */\n/**\n * Retrigger the `volumechange` event that was triggered by the {@link Tech}.\n *\n * @private\n * @method Player#handleTechVolumechange_\n * @fires Player#volumechange\n * @listens Tech#volumechange\n */\n'volumechange',\n\n/**\n * Fires when the text track has been changed\n *\n * @event Player#texttrackchange\n * @type {event}\n */\n/**\n * Retrigger the `texttrackchange` event that was triggered by the {@link Tech}.\n *\n * @private\n * @method Player#handleTechTexttrackchange_\n * @fires Player#texttrackchange\n * @listens Tech#texttrackchange\n */\n'texttrackchange'];\n\n// events to queue when playback rate is zero\n// this is a hash for the sole purpose of mapping non-camel-cased event names\n// to camel-cased function names\nvar TECH_EVENTS_QUEUE = {\n canplay: 'CanPlay',\n canplaythrough: 'CanPlayThrough',\n playing: 'Playing',\n seeked: 'Seeked'\n};\n\n/**\n * An instance of the `Player` class is created when any of the Video.js setup methods\n * are used to initialize a video.\n *\n * After an instance has been created it can be accessed globally in two ways:\n * 1. By calling `videojs('example_video_1');`\n * 2. By using it directly via `videojs.players.example_video_1;`\n *\n * @extends Component\n */\n\nvar Player = function (_Component) {\n inherits(Player, _Component);\n\n /**\n * Create an instance of this class.\n *\n * @param {Element} tag\n * The original video DOM element used for configuring options.\n *\n * @param {Object} [options]\n * Object of option names and values.\n *\n * @param {Component~ReadyCallback} [ready]\n * Ready callback function.\n */\n function Player(tag, options, ready) {\n classCallCheck(this, Player);\n\n // Make sure tag ID exists\n tag.id = tag.id || options.id || 'vjs_video_' + newGUID();\n\n // Set Options\n // The options argument overrides options set in the video tag\n // which overrides globally set options.\n // This latter part coincides with the load order\n // (tag must exist before Player)\n options = assign(Player.getTagSettings(tag), options);\n\n // Delay the initialization of children because we need to set up\n // player properties first, and can't use `this` before `super()`\n options.initChildren = false;\n\n // Same with creating the element\n options.createEl = false;\n\n // don't auto mixin the evented mixin\n options.evented = false;\n\n // we don't want the player to report touch activity on itself\n // see enableTouchActivity in Component\n options.reportTouchActivity = false;\n\n // If language is not set, get the closest lang attribute\n if (!options.language) {\n if (typeof tag.closest === 'function') {\n var closest = tag.closest('[lang]');\n\n if (closest && closest.getAttribute) {\n options.language = closest.getAttribute('lang');\n }\n } else {\n var element = tag;\n\n while (element && element.nodeType === 1) {\n if (getAttributes(element).hasOwnProperty('lang')) {\n options.language = element.getAttribute('lang');\n break;\n }\n element = element.parentNode;\n }\n }\n }\n\n // Run base component initializing with new options\n\n // Tracks when a tech changes the poster\n var _this = possibleConstructorReturn(this, _Component.call(this, null, options, ready));\n\n _this.isPosterFromTech_ = false;\n\n // Holds callback info that gets queued when playback rate is zero\n // and a seek is happening\n _this.queuedCallbacks_ = [];\n\n // Turn off API access because we're loading a new tech that might load asynchronously\n _this.isReady_ = false;\n\n // Init state hasStarted_\n _this.hasStarted_ = false;\n\n // Init state userActive_\n _this.userActive_ = false;\n\n // if the global option object was accidentally blown away by\n // someone, bail early with an informative error\n if (!_this.options_ || !_this.options_.techOrder || !_this.options_.techOrder.length) {\n throw new Error('No techOrder specified. Did you overwrite ' + 'videojs.options instead of just changing the ' + 'properties you want to override?');\n }\n\n // Store the original tag used to set options\n _this.tag = tag;\n\n // Store the tag attributes used to restore html5 element\n _this.tagAttributes = tag && getAttributes(tag);\n\n // Update current language\n _this.language(_this.options_.language);\n\n // Update Supported Languages\n if (options.languages) {\n // Normalise player option languages to lowercase\n var languagesToLower = {};\n\n Object.getOwnPropertyNames(options.languages).forEach(function (name$$1) {\n languagesToLower[name$$1.toLowerCase()] = options.languages[name$$1];\n });\n _this.languages_ = languagesToLower;\n } else {\n _this.languages_ = Player.prototype.options_.languages;\n }\n\n // Cache for video property values.\n _this.cache_ = {};\n\n // Set poster\n _this.poster_ = options.poster || '';\n // Set controls\n _this.controls_ = !!options.controls;\n\n // Set default values for lastVolume\n _this.cache_.lastVolume = 1;\n\n // Original tag settings stored in options\n // now remove immediately so native controls don't flash.\n // May be turned back on by HTML5 tech if nativeControlsForTouch is true\n tag.controls = false;\n tag.removeAttribute('controls');\n\n // the attribute overrides the option\n if (tag.hasAttribute('autoplay')) {\n _this.options_.autoplay = true;\n } else {\n // otherwise use the setter to validate and\n // set the correct value.\n _this.autoplay(_this.options_.autoplay);\n }\n\n /*\n * Store the internal state of scrubbing\n *\n * @private\n * @return {Boolean} True if the user is scrubbing\n */\n _this.scrubbing_ = false;\n\n _this.el_ = _this.createEl();\n\n // Set default value for lastPlaybackRate\n _this.cache_.lastPlaybackRate = _this.defaultPlaybackRate();\n\n // Make this an evented object and use `el_` as its event bus.\n evented(_this, { eventBusKey: 'el_' });\n\n // We also want to pass the original player options to each component and plugin\n // as well so they don't need to reach back into the player for options later.\n // We also need to do another copy of this.options_ so we don't end up with\n // an infinite loop.\n var playerOptionsCopy = mergeOptions(_this.options_);\n\n // Load plugins\n if (options.plugins) {\n var plugins = options.plugins;\n\n Object.keys(plugins).forEach(function (name$$1) {\n if (typeof this[name$$1] === 'function') {\n this[name$$1](plugins[name$$1]);\n } else {\n throw new Error('plugin \"' + name$$1 + '\" does not exist');\n }\n }, _this);\n }\n\n _this.options_.playerOptions = playerOptionsCopy;\n\n _this.middleware_ = [];\n\n _this.initChildren();\n\n // Set isAudio based on whether or not an audio tag was used\n _this.isAudio(tag.nodeName.toLowerCase() === 'audio');\n\n // Update controls className. Can't do this when the controls are initially\n // set because the element doesn't exist yet.\n if (_this.controls()) {\n _this.addClass('play-controls-enabled');\n } else {\n _this.addClass('play-controls-disabled');\n }\n\n // Set ARIA label and region role depending on player type\n _this.el_.setAttribute('role', 'region');\n if (_this.isAudio()) {\n _this.el_.setAttribute('aria-label', _this.localize('Audio Player'));\n } else {\n _this.el_.setAttribute('aria-label', _this.localize('Video Player'));\n }\n\n if (_this.isAudio()) {\n _this.addClass('play-audio');\n }\n\n if (_this.flexNotSupported_()) {\n _this.addClass('play-no-flex');\n }\n\n // TODO: Make this smarter. Toggle user state between touching/mousing\n // using events, since devices can have both touch and mouse events.\n // if (browser.TOUCH_ENABLED) {\n // this.addClass('play-touch-enabled');\n // }\n\n // iOS Safari has broken hover handling\n if (!IS_IOS) {\n _this.addClass('play-workinghover');\n }\n\n // Make player easily findable by ID\n Player.players[_this.id_] = _this;\n\n // Add a major version class to aid css in plugins\n var majorVersion = version.split('.')[0];\n\n _this.addClass('play-v' + majorVersion);\n _this.addClass('play-js');\n\n // When the player is first initialized, trigger activity so components\n // like the control bar show themselves if needed\n _this.userActive(true);\n _this.reportUserActivity();\n\n _this.one('play', _this.listenForUserActivity_);\n _this.on('fullscreenchange', _this.handleFullscreenChange_);\n _this.on('stageclick', _this.handleStageClick_);\n\n _this.changingSrc_ = false;\n _this.playWaitingForReady_ = false;\n _this.playOnLoadstart_ = null;\n return _this;\n }\n\n /**\n * Destroys the video player and does any necessary cleanup.\n *\n * This is especially helpful if you are dynamically adding and removing videos\n * to/from the DOM.\n *\n * @fires Player#dispose\n */\n\n\n Player.prototype.dispose = function dispose() {\n /**\n * Called when the player is being disposed of.\n *\n * @event Player#dispose\n * @type {EventTarget~Event}\n */\n this.trigger('dispose');\n // prevent dispose from being called twice\n this.off('dispose');\n\n if (this.styleEl_ && this.styleEl_.parentNode) {\n this.styleEl_.parentNode.removeChild(this.styleEl_);\n this.styleEl_ = null;\n }\n\n // Kill reference to this player\n Player.players[this.id_] = null;\n\n if (this.tag && this.tag.player) {\n this.tag.player = null;\n }\n\n if (this.el_ && this.el_.player) {\n this.el_.player = null;\n }\n\n if (this.tech_) {\n this.tech_.dispose();\n this.isPosterFromTech_ = false;\n this.poster_ = '';\n }\n\n if (this.playerElIngest_) {\n this.playerElIngest_ = null;\n }\n\n if (this.tag) {\n this.tag = null;\n }\n\n clearCacheForPlayer(this);\n\n // the actual .el_ is removed here\n _Component.prototype.dispose.call(this);\n };\n\n /**\n * Create the `Player`'s DOM element.\n *\n * @return {Element}\n * The DOM element that gets created.\n */\n\n\n Player.prototype.createEl = function createEl$$1() {\n var tag = this.tag;\n var el = void 0;\n var playerElIngest = this.playerElIngest_ = tag.parentNode && tag.parentNode.hasAttribute && tag.parentNode.hasAttribute('data-play-player');\n var divEmbed = this.tag.tagName.toLowerCase() === 'video-js';\n\n if (playerElIngest) {\n el = this.el_ = tag.parentNode;\n } else if (!divEmbed) {\n el = this.el_ = _Component.prototype.createEl.call(this, 'div');\n }\n\n // Copy over all the attributes from the tag, including ID and class\n // ID will now reference player box, not the video tag\n var attrs = getAttributes(tag);\n\n if (divEmbed) {\n el = this.el_ = tag;\n tag = this.tag = document$1.createElement('video');\n while (el.children.length) {\n tag.appendChild(el.firstChild);\n }\n\n if (!hasClass(el, 'video-js')) {\n addClass(el, 'video-js');\n }\n\n el.appendChild(tag);\n\n playerElIngest = this.playerElIngest_ = el;\n // move properties over from our custom `video-js` element\n // to our new `video` element. This will move things like\n // `src` or `controls` that were set via js before the player\n // was initialized.\n Object.keys(el).forEach(function (k) {\n tag[k] = el[k];\n });\n }\n\n // set tabindex to -1 to remove the video element from the focus order\n tag.setAttribute('tabindex', '-1');\n // Workaround for #4583 (JAWS+IE doesn't announce BPB or play button)\n // See https://github.com/FreedomScientific/VFO-standards-support/issues/78\n // Note that we can't detect if JAWS is being used, but this ARIA attribute\n // doesn't change behavior of IE11 if JAWS is not being used\n if (IE_VERSION) {\n tag.setAttribute('role', 'application');\n }\n\n // Remove width/height attrs from tag so CSS can make it 100% width/height\n tag.removeAttribute('width');\n tag.removeAttribute('height');\n\n Object.getOwnPropertyNames(attrs).forEach(function (attr) {\n // don't copy over the class attribute to the player element when we're in a div embed\n // the class is already set up properly in the divEmbed case\n // and we want to make sure that the `video-js` class doesn't get lost\n if (!(divEmbed && attr === 'class')) {\n el.setAttribute(attr, attrs[attr]);\n }\n\n if (divEmbed) {\n tag.setAttribute(attr, attrs[attr]);\n }\n });\n\n // Update tag id/class for use as HTML5 playback tech\n // Might think we should do this after embedding in container so .play-tech class\n // doesn't flash 100% width/height, but class only applies with .play-js parent\n tag.playerId = tag.id;\n tag.id += '_html5_api';\n tag.className = 'play-tech';\n\n // Make player findable on elements\n tag.player = el.player = this;\n // Default state of video is paused\n this.addClass('play-paused');\n\n // Add a style element in the player that we'll use to set the width/height\n // of the player in a way that's still overrideable by CSS, just like the\n // video element\n if (window$1.VIDEOJS_NO_DYNAMIC_STYLE !== true) {\n this.styleEl_ = createStyleElement('play-styles-dimensions');\n var defaultsStyleEl = $('.play-styles-defaults');\n var head = $('head');\n\n head.insertBefore(this.styleEl_, defaultsStyleEl ? defaultsStyleEl.nextSibling : head.firstChild);\n }\n\n // Pass in the width/height/aspectRatio options which will update the style el\n this.width(this.options_.width);\n this.height(this.options_.height);\n this.fluid(this.options_.fluid);\n this.aspectRatio(this.options_.aspectRatio);\n\n // Hide any links within the video/audio tag,\n // because IE doesn't hide them completely from screen readers.\n var links = tag.getElementsByTagName('a');\n\n for (var i = 0; i < links.length; i++) {\n var linkEl = links.item(i);\n\n addClass(linkEl, 'play-hidden');\n linkEl.setAttribute('hidden', 'hidden');\n }\n\n // insertElFirst seems to cause the networkState to flicker from 3 to 2, so\n // keep track of the original for later so we can know if the source originally failed\n tag.initNetworkState_ = tag.networkState;\n\n // Wrap video tag in div (el/box) container\n if (tag.parentNode && !playerElIngest) {\n tag.parentNode.insertBefore(el, tag);\n }\n\n // insert the tag as the first child of the player element\n // then manually add it to the children array so that this.addChild\n // will work properly for other components\n //\n // Breaks iPhone, fixed in HTML5 setup.\n prependTo(tag, el);\n this.children_.unshift(tag);\n\n // Set lang attr on player to ensure CSS :lang() in consistent with player\n // if it's been set to something different to the doc\n this.el_.setAttribute('lang', this.language_);\n\n this.el_ = el;\n\n return el;\n };\n\n /**\n * A getter/setter for the `Player`'s width. Returns the player's configured value.\n * To get the current width use `currentWidth()`.\n *\n * @param {number} [value]\n * The value to set the `Player`'s width to.\n *\n * @return {number}\n * The current width of the `Player` when getting.\n */\n\n\n Player.prototype.width = function width(value) {\n return this.dimension('width', value);\n };\n\n /**\n * A getter/setter for the `Player`'s height. Returns the player's configured value.\n * To get the current height use `currentheight()`.\n *\n * @param {number} [value]\n * The value to set the `Player`'s heigth to.\n *\n * @return {number}\n * The current height of the `Player` when getting.\n */\n\n\n Player.prototype.height = function height(value) {\n return this.dimension('height', value);\n };\n\n /**\n * A getter/setter for the `Player`'s width & height.\n *\n * @param {string} dimension\n * This string can be:\n * - 'width'\n * - 'height'\n *\n * @param {number} [value]\n * Value for dimension specified in the first argument.\n *\n * @return {number}\n * The dimension arguments value when getting (width/height).\n */\n\n\n Player.prototype.dimension = function dimension(_dimension, value) {\n var privDimension = _dimension + '_';\n\n if (value === undefined) {\n return this[privDimension] || 0;\n }\n\n if (value === '') {\n // If an empty string is given, reset the dimension to be automatic\n this[privDimension] = undefined;\n this.updateStyleEl_();\n return;\n }\n\n var parsedVal = parseFloat(value);\n\n if (isNaN(parsedVal)) {\n log$1.error('Improper value \"' + value + '\" supplied for for ' + _dimension);\n return;\n }\n\n this[privDimension] = parsedVal;\n this.updateStyleEl_();\n };\n\n /**\n * A getter/setter/toggler for the play-fluid `className` on the `Player`.\n *\n * @param {boolean} [bool]\n * - A value of true adds the class.\n * - A value of false removes the class.\n * - No value will toggle the fluid class.\n *\n * @return {boolean|undefined}\n * - The value of fluid when getting.\n * - `undefined` when setting.\n */\n\n\n Player.prototype.fluid = function fluid(bool) {\n if (bool === undefined) {\n return !!this.fluid_;\n }\n\n this.fluid_ = !!bool;\n\n if (bool) {\n this.addClass('play-fluid');\n } else {\n this.removeClass('play-fluid');\n }\n\n this.updateStyleEl_();\n };\n\n /**\n * Get/Set the aspect ratio\n *\n * @param {string} [ratio]\n * Aspect ratio for player\n *\n * @return {string|undefined}\n * returns the current aspect ratio when getting\n */\n\n /**\n * A getter/setter for the `Player`'s aspect ratio.\n *\n * @param {string} [ratio]\n * The value to set the `Player's aspect ratio to.\n *\n * @return {string|undefined}\n * - The current aspect ratio of the `Player` when getting.\n * - undefined when setting\n */\n\n\n Player.prototype.aspectRatio = function aspectRatio(ratio) {\n if (ratio === undefined) {\n return this.aspectRatio_;\n }\n\n // Check for width:height format\n if (!/^\\d+\\:\\d+$/.test(ratio)) {\n throw new Error('Improper value supplied for aspect ratio. The format should be width:height, for example 16:9.');\n }\n this.aspectRatio_ = ratio;\n\n // We're assuming if you set an aspect ratio you want fluid mode,\n // because in fixed mode you could calculate width and height yourself.\n this.fluid(true);\n\n this.updateStyleEl_();\n };\n\n /**\n * Update styles of the `Player` element (height, width and aspect ratio).\n *\n * @private\n * @listens Tech#loadedmetadata\n */\n\n\n Player.prototype.updateStyleEl_ = function updateStyleEl_() {\n if (window$1.VIDEOJS_NO_DYNAMIC_STYLE === true) {\n var _width = typeof this.width_ === 'number' ? this.width_ : this.options_.width;\n var _height = typeof this.height_ === 'number' ? this.height_ : this.options_.height;\n var techEl = this.tech_ && this.tech_.el();\n\n if (techEl) {\n if (_width >= 0) {\n techEl.width = _width;\n }\n if (_height >= 0) {\n techEl.height = _height;\n }\n }\n\n return;\n }\n\n var width = void 0;\n var height = void 0;\n var aspectRatio = void 0;\n var idClass = void 0;\n\n // The aspect ratio is either used directly or to calculate width and height.\n if (this.aspectRatio_ !== undefined && this.aspectRatio_ !== 'auto') {\n // Use any aspectRatio that's been specifically set\n aspectRatio = this.aspectRatio_;\n } else if (this.videoWidth() > 0) {\n // Otherwise try to get the aspect ratio from the video metadata\n aspectRatio = this.videoWidth() + ':' + this.videoHeight();\n } else {\n // Or use a default. The video element's is 2:1, but 16:9 is more common.\n aspectRatio = '16:9';\n }\n\n // Get the ratio as a decimal we can use to calculate dimensions\n var ratioParts = aspectRatio.split(':');\n var ratioMultiplier = ratioParts[1] / ratioParts[0];\n\n if (this.width_ !== undefined) {\n // Use any width that's been specifically set\n width = this.width_;\n } else if (this.height_ !== undefined) {\n // Or calulate the width from the aspect ratio if a height has been set\n width = this.height_ / ratioMultiplier;\n } else {\n // Or use the video's metadata, or use the video el's default of 300\n width = this.videoWidth() || 300;\n }\n\n if (this.height_ !== undefined) {\n // Use any height that's been specifically set\n height = this.height_;\n } else {\n // Otherwise calculate the height from the ratio and the width\n height = width * ratioMultiplier;\n }\n\n // Ensure the CSS class is valid by starting with an alpha character\n if (/^[^a-zA-Z]/.test(this.id())) {\n idClass = 'dimensions-' + this.id();\n } else {\n idClass = this.id() + '-dimensions';\n }\n\n // Ensure the right class is still on the player for the style element\n this.addClass(idClass);\n\n setTextContent(this.styleEl_, '\\n .' + idClass + ' {\\n width: ' + width + 'px;\\n height: ' + height + 'px;\\n }\\n\\n .' + idClass + '.play-fluid {\\n padding-top: ' + ratioMultiplier * 100 + '%;\\n }\\n ');\n };\n\n /**\n * Load/Create an instance of playback {@link Tech} including element\n * and API methods. Then append the `Tech` element in `Player` as a child.\n *\n * @param {string} techName\n * name of the playback technology\n *\n * @param {string} source\n * video source\n *\n * @private\n */\n\n\n Player.prototype.loadTech_ = function loadTech_(techName, source) {\n var _this2 = this;\n\n // Pause and remove current playback technology\n if (this.tech_) {\n this.unloadTech_();\n }\n\n var titleTechName = toTitleCase(techName);\n var camelTechName = techName.charAt(0).toLowerCase() + techName.slice(1);\n\n // get rid of the HTML5 video tag as soon as we are using another tech\n if (titleTechName !== 'Html5' && this.tag) {\n Tech.getTech('Html5').disposeMediaElement(this.tag);\n this.tag.player = null;\n this.tag = null;\n }\n\n this.techName_ = titleTechName;\n\n // Turn off API access because we're loading a new tech that might load asynchronously\n this.isReady_ = false;\n\n // if autoplay is a string we pass false to the tech\n // because the player is going to handle autoplay on `loadstart`\n var autoplay = typeof this.autoplay() === 'string' ? false : this.autoplay();\n\n // Grab tech-specific options from player options and add source and parent element to use.\n var techOptions = {\n source: source,\n autoplay: autoplay,\n 'nativeControlsForTouch': this.options_.nativeControlsForTouch,\n 'playerId': this.id(),\n 'techId': this.id() + '_' + titleTechName + '_api',\n 'playsinline': this.options_.playsinline,\n 'preload': this.options_.preload,\n 'loop': this.options_.loop,\n 'muted': this.options_.muted,\n 'poster': this.poster(),\n 'language': this.language(),\n 'playerElIngest': this.playerElIngest_ || false,\n 'vtt.js': this.options_['vtt.js'],\n 'canOverridePoster': !!this.options_.techCanOverridePoster,\n 'enableSourceset': this.options_.enableSourceset\n };\n\n ALL.names.forEach(function (name$$1) {\n var props = ALL[name$$1];\n\n techOptions[props.getterName] = _this2[props.privateName];\n });\n\n assign(techOptions, this.options_[titleTechName]);\n assign(techOptions, this.options_[camelTechName]);\n assign(techOptions, this.options_[techName.toLowerCase()]);\n\n if (this.tag) {\n techOptions.tag = this.tag;\n }\n\n if (source && source.src === this.cache_.src && this.cache_.currentTime > 0) {\n techOptions.startTime = this.cache_.currentTime;\n }\n\n // Initialize tech instance\n var TechClass = Tech.getTech(techName);\n\n if (!TechClass) {\n throw new Error('No Tech named \\'' + titleTechName + '\\' exists! \\'' + titleTechName + '\\' should be registered using videojs.registerTech()\\'');\n }\n\n this.tech_ = new TechClass(techOptions);\n\n // player.triggerReady is always async, so don't need this to be async\n this.tech_.ready(bind(this, this.handleTechReady_), true);\n\n textTrackConverter.jsonToTextTracks(this.textTracksJson_ || [], this.tech_);\n\n // Listen to all HTML5-defined events and trigger them on the player\n TECH_EVENTS_RETRIGGER.forEach(function (event) {\n _this2.on(_this2.tech_, event, _this2['handleTech' + toTitleCase(event) + '_']);\n });\n\n Object.keys(TECH_EVENTS_QUEUE).forEach(function (event) {\n _this2.on(_this2.tech_, event, function (eventObj) {\n if (_this2.tech_.playbackRate() === 0 && _this2.tech_.seeking()) {\n _this2.queuedCallbacks_.push({\n callback: _this2['handleTech' + TECH_EVENTS_QUEUE[event] + '_'].bind(_this2),\n event: eventObj\n });\n return;\n }\n _this2['handleTech' + TECH_EVENTS_QUEUE[event] + '_'](eventObj);\n });\n });\n\n this.on(this.tech_, 'loadstart', this.handleTechLoadStart_);\n this.on(this.tech_, 'sourceset', this.handleTechSourceset_);\n this.on(this.tech_, 'waiting', this.handleTechWaiting_);\n this.on(this.tech_, 'ended', this.handleTechEnded_);\n this.on(this.tech_, 'seeking', this.handleTechSeeking_);\n this.on(this.tech_, 'play', this.handleTechPlay_);\n this.on(this.tech_, 'firstplay', this.handleTechFirstPlay_);\n this.on(this.tech_, 'pause', this.handleTechPause_);\n this.on(this.tech_, 'durationchange', this.handleTechDurationChange_);\n this.on(this.tech_, 'fullscreenchange', this.handleTechFullscreenChange_);\n this.on(this.tech_, 'error', this.handleTechError_);\n this.on(this.tech_, 'loadedmetadata', this.updateStyleEl_);\n this.on(this.tech_, 'posterchange', this.handleTechPosterChange_);\n this.on(this.tech_, 'textdata', this.handleTechTextData_);\n this.on(this.tech_, 'ratechange', this.handleTechRateChange_);\n this.on(this.tech_, 'contextmenu', function (e) {\n e.preventDefault();\n });\n\n this.usingNativeControls(this.techGet_('controls'));\n\n if (this.controls() && !this.usingNativeControls()) {\n this.addTechControlsListeners_();\n }\n\n // Add the tech element in the DOM if it was not already there\n // Make sure to not insert the original video element if using Html5\n if (this.tech_.el().parentNode !== this.el() && (titleTechName !== 'Html5' || !this.tag)) {\n prependTo(this.tech_.el(), this.el());\n }\n\n // Get rid of the original video tag reference after the first tech is loaded\n if (this.tag) {\n this.tag.player = null;\n this.tag = null;\n }\n };\n\n /**\n * Unload and dispose of the current playback {@link Tech}.\n *\n * @private\n */\n\n\n Player.prototype.unloadTech_ = function unloadTech_() {\n var _this3 = this;\n\n // Save the current text tracks so that we can reuse the same text tracks with the next tech\n ALL.names.forEach(function (name$$1) {\n var props = ALL[name$$1];\n\n _this3[props.privateName] = _this3[props.getterName]();\n });\n this.textTracksJson_ = textTrackConverter.textTracksToJson(this.tech_);\n\n this.isReady_ = false;\n\n this.tech_.dispose();\n\n this.tech_ = false;\n\n if (this.isPosterFromTech_) {\n this.poster_ = '';\n this.trigger('posterchange');\n }\n\n this.isPosterFromTech_ = false;\n };\n\n /**\n * Return a reference to the current {@link Tech}.\n * It will print a warning by default about the danger of using the tech directly\n * but any argument that is passed in will silence the warning.\n *\n * @param {*} [safety]\n * Anything passed in to silence the warning\n *\n * @return {Tech}\n * The Tech\n */\n\n\n Player.prototype.tech = function tech(safety) {\n if (safety === undefined) {\n log$1.warn(tsml(_templateObject$2));\n }\n\n return this.tech_;\n };\n\n /**\n * Set up click and touch listeners for the playback element\n *\n * - On desktops: a click on the video itself will toggle playback\n * - On mobile devices: a click on the video toggles controls\n * which is done by toggling the user state between active and\n * inactive\n * - A tap can signal that a user has become active or has become inactive\n * e.g. a quick tap on an iPhone movie should reveal the controls. Another\n * quick tap should hide them again (signaling the user is in an inactive\n * viewing state)\n * - In addition to this, we still want the user to be considered inactive after\n * a few seconds of inactivity.\n *\n * > Note: the only part of iOS interaction we can't mimic with this setup\n * is a touch and hold on the video element counting as activity in order to\n * keep the controls showing, but that shouldn't be an issue. A touch and hold\n * on any controls will still keep the user active\n *\n * @private\n */\n\n\n Player.prototype.addTechControlsListeners_ = function addTechControlsListeners_() {\n // Make sure to remove all the previous listeners in case we are called multiple times.\n this.removeTechControlsListeners_();\n\n // Some browsers (Chrome & IE) don't trigger a click on a flash swf, but do\n // trigger mousedown/up.\n // http://stackoverflow.com/questions/1444562/javascript-onclick-event-over-flash-object\n // Any touch events are set to block the mousedown event from happening\n this.on(this.tech_, 'mousedown', this.handleTechClick_);\n this.on(this.tech_, 'dblclick', this.handleTechDoubleClick_);\n\n // If the controls were hidden we don't want that to change without a tap event\n // so we'll check if the controls were already showing before reporting user\n // activity\n this.on(this.tech_, 'touchstart', this.handleTechTouchStart_);\n this.on(this.tech_, 'touchmove', this.handleTechTouchMove_);\n this.on(this.tech_, 'touchend', this.handleTechTouchEnd_);\n\n // The tap listener needs to come after the touchend listener because the tap\n // listener cancels out any reportedUserActivity when setting userActive(false)\n this.on(this.tech_, 'tap', this.handleTechTap_);\n };\n\n /**\n * Remove the listeners used for click and tap controls. This is needed for\n * toggling to controls disabled, where a tap/touch should do nothing.\n *\n * @private\n */\n\n\n Player.prototype.removeTechControlsListeners_ = function removeTechControlsListeners_() {\n // We don't want to just use `this.off()` because there might be other needed\n // listeners added by techs that extend this.\n this.off(this.tech_, 'tap', this.handleTechTap_);\n this.off(this.tech_, 'touchstart', this.handleTechTouchStart_);\n this.off(this.tech_, 'touchmove', this.handleTechTouchMove_);\n this.off(this.tech_, 'touchend', this.handleTechTouchEnd_);\n this.off(this.tech_, 'mousedown', this.handleTechClick_);\n this.off(this.tech_, 'dblclick', this.handleTechDoubleClick_);\n };\n\n /**\n * Player waits for the tech to be ready\n *\n * @private\n */\n\n\n Player.prototype.handleTechReady_ = function handleTechReady_() {\n this.triggerReady();\n\n // Keep the same volume as before\n if (this.cache_.volume) {\n this.techCall_('setVolume', this.cache_.volume);\n }\n\n // Look if the tech found a higher resolution poster while loading\n this.handleTechPosterChange_();\n\n // Update the duration if available\n this.handleTechDurationChange_();\n };\n\n /**\n * Retrigger the `loadstart` event that was triggered by the {@link Tech}. This\n * function will also trigger {@link Player#firstplay} if it is the first loadstart\n * for a video.\n *\n * @fires Player#loadstart\n * @fires Player#firstplay\n * @listens Tech#loadstart\n * @private\n */\n\n\n Player.prototype.handleTechLoadStart_ = function handleTechLoadStart_() {\n // TODO: Update to use `emptied` event instead. See #1277.\n\n this.removeClass('play-ended');\n this.removeClass('play-seeking');\n\n // reset the error state\n this.error(null);\n\n // If it's already playing we want to trigger a firstplay event now.\n // The firstplay event relies on both the play and loadstart events\n // which can happen in any order for a new source\n if (!this.paused()) {\n /**\n * Fired when the user agent begins looking for media data\n *\n * @event Player#loadstart\n * @type {EventTarget~Event}\n */\n this.trigger('loadstart');\n this.trigger('firstplay');\n } else {\n // reset the hasStarted state\n this.hasStarted(false);\n this.trigger('loadstart');\n }\n\n // autoplay happens after loadstart for the browser,\n // so we mimic that behavior\n this.manualAutoplay_(this.autoplay());\n };\n\n /**\n * Handle autoplay string values, rather than the typical boolean\n * values that should be handled by the tech. Note that this is not\n * part of any specification. Valid values and what they do can be\n * found on the autoplay getter at Player#autoplay()\n */\n\n\n Player.prototype.manualAutoplay_ = function manualAutoplay_(type) {\n var _this4 = this;\n\n if (!this.tech_ || typeof type !== 'string') {\n return;\n }\n\n var muted = function muted() {\n var previouslyMuted = _this4.muted();\n\n _this4.muted(true);\n\n var playPromise = _this4.play();\n\n if (!playPromise || !playPromise.then || !playPromise.catch) {\n return;\n }\n\n return playPromise.catch(function (e) {\n // restore old value of muted on failure\n _this4.muted(previouslyMuted);\n });\n };\n\n var promise = void 0;\n\n if (type === 'any') {\n promise = this.play();\n\n if (promise && promise.then && promise.catch) {\n promise.catch(function () {\n return muted();\n });\n }\n } else if (type === 'muted') {\n promise = muted();\n } else {\n promise = this.play();\n }\n\n if (!promise || !promise.then || !promise.catch) {\n return;\n }\n\n return promise.then(function () {\n _this4.trigger({ type: 'autoplay-success', autoplay: type });\n }).catch(function (e) {\n _this4.trigger({ type: 'autoplay-failure', autoplay: type });\n });\n };\n\n /**\n * Update the internal source caches so that we return the correct source from\n * `src()`, `currentSource()`, and `currentSources()`.\n *\n * > Note: `currentSources` will not be updated if the source that is passed in exists\n * in the current `currentSources` cache.\n *\n *\n * @param {Tech~SourceObject} srcObj\n * A string or object source to update our caches to.\n */\n\n\n Player.prototype.updateSourceCaches_ = function updateSourceCaches_() {\n var srcObj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';\n\n\n var src = srcObj;\n var type = '';\n\n if (typeof src !== 'string') {\n src = srcObj.src;\n type = srcObj.type;\n }\n // make sure all the caches are set to default values\n // to prevent null checking\n this.cache_.source = this.cache_.source || {};\n this.cache_.sources = this.cache_.sources || [];\n\n // try to get the type of the src that was passed in\n if (src && !type) {\n type = findMimetype(this, src);\n }\n\n // update `currentSource` cache always\n this.cache_.source = mergeOptions({}, srcObj, { src: src, type: type });\n\n var matchingSources = this.cache_.sources.filter(function (s) {\n return s.src && s.src === src;\n });\n var sourceElSources = [];\n var sourceEls = this.$$('source');\n var matchingSourceEls = [];\n\n for (var i = 0; i < sourceEls.length; i++) {\n var sourceObj = getAttributes(sourceEls[i]);\n\n sourceElSources.push(sourceObj);\n\n if (sourceObj.src && sourceObj.src === src) {\n matchingSourceEls.push(sourceObj.src);\n }\n }\n\n // if we have matching source els but not matching sources\n // the current source cache is not up to date\n if (matchingSourceEls.length && !matchingSources.length) {\n this.cache_.sources = sourceElSources;\n // if we don't have matching source or source els set the\n // sources cache to the `currentSource` cache\n } else if (!matchingSources.length) {\n this.cache_.sources = [this.cache_.source];\n }\n\n // update the tech `src` cache\n this.cache_.src = src;\n };\n\n /**\n * *EXPERIMENTAL* Fired when the source is set or changed on the {@link Tech}\n * causing the media element to reload.\n *\n * It will fire for the initial source and each subsequent source.\n * This event is a custom event from Video.js and is triggered by the {@link Tech}.\n *\n * The event object for this event contains a `src` property that will contain the source\n * that was available when the event was triggered. This is generally only necessary if Video.js\n * is switching techs while the source was being changed.\n *\n * It is also fired when `load` is called on the player (or media element)\n * because the {@link https://html.spec.whatwg.org/multipage/media.html#dom-media-load|specification for `load`}\n * says that the resource selection algorithm needs to be aborted and restarted.\n * In this case, it is very likely that the `src` property will be set to the\n * empty string `\"\"` to indicate we do not know what the source will be but\n * that it is changing.\n *\n * *This event is currently still experimental and may change in minor releases.*\n * __To use this, pass `enableSourceset` option to the player.__\n *\n * @event Player#sourceset\n * @type {EventTarget~Event}\n * @prop {string} src\n * The source url available when the `sourceset` was triggered.\n * It will be an empty string if we cannot know what the source is\n * but know that the source will change.\n */\n /**\n * Retrigger the `sourceset` event that was triggered by the {@link Tech}.\n *\n * @fires Player#sourceset\n * @listens Tech#sourceset\n * @private\n */\n\n\n Player.prototype.handleTechSourceset_ = function handleTechSourceset_(event) {\n var _this5 = this;\n\n // only update the source cache when the source\n // was not updated using the player api\n if (!this.changingSrc_) {\n // update the source to the intial source right away\n // in some cases this will be empty string\n this.updateSourceCaches_(event.src);\n\n // if the `sourceset` `src` was an empty string\n // wait for a `loadstart` to update the cache to `currentSrc`.\n // If a sourceset happens before a `loadstart`, we reset the state\n // as this function will be called again.\n if (!event.src) {\n var updateCache = function updateCache(e) {\n if (e.type !== 'sourceset') {\n _this5.updateSourceCaches_(_this5.techGet_('currentSrc'));\n }\n\n _this5.tech_.off(['sourceset', 'loadstart'], updateCache);\n };\n\n this.tech_.one(['sourceset', 'loadstart'], updateCache);\n }\n }\n\n this.trigger({\n src: event.src,\n type: 'sourceset'\n });\n };\n\n /**\n * Add/remove the play-has-started class\n *\n * @fires Player#firstplay\n *\n * @param {boolean} request\n * - true: adds the class\n * - false: remove the class\n *\n * @return {boolean}\n * the boolean value of hasStarted_\n */\n\n\n Player.prototype.hasStarted = function hasStarted(request) {\n if (request === undefined) {\n // act as getter, if we have no request to change\n return this.hasStarted_;\n }\n\n if (request === this.hasStarted_) {\n return;\n }\n\n this.hasStarted_ = request;\n\n if (this.hasStarted_) {\n this.addClass('play-has-started');\n this.trigger('firstplay');\n } else {\n this.removeClass('play-has-started');\n }\n };\n\n /**\n * Fired whenever the media begins or resumes playback\n *\n * @see [Spec]{@link https://html.spec.whatwg.org/multipage/embedded-content.html#dom-media-play}\n * @fires Player#play\n * @listens Tech#play\n * @private\n */\n\n\n Player.prototype.handleTechPlay_ = function handleTechPlay_() {\n var _this6 = this;\n\n this.removeClass('play-ended');\n this.removeClass('play-paused');\n this.addClass('play-playing');\n this.addClass('play-play-toggle');\n setTimeout(function () {\n _this6.removeClass('play-play-toggle');\n }, 400);\n\n // hide the poster when the user hits play\n this.hasStarted(true);\n /**\n * Triggered whenever an {@link Tech#play} event happens. Indicates that\n * playback has started or resumed.\n *\n * @event Player#play\n * @type {EventTarget~Event}\n */\n this.trigger('play');\n };\n\n /**\n * Retrigger the `ratechange` event that was triggered by the {@link Tech}.\n *\n * If there were any events queued while the playback rate was zero, fire\n * those events now.\n *\n * @private\n * @method Player#handleTechRateChange_\n * @fires Player#ratechange\n * @listens Tech#ratechange\n */\n\n\n Player.prototype.handleTechRateChange_ = function handleTechRateChange_() {\n if (this.tech_.playbackRate() > 0 && this.cache_.lastPlaybackRate === 0) {\n this.queuedCallbacks_.forEach(function (queued) {\n return queued.callback(queued.event);\n });\n this.queuedCallbacks_ = [];\n }\n this.cache_.lastPlaybackRate = this.tech_.playbackRate();\n /**\n * Fires when the playing speed of the audio/video is changed\n *\n * @event Player#ratechange\n * @type {event}\n */\n this.trigger('ratechange');\n };\n\n /**\n * Retrigger the `waiting` event that was triggered by the {@link Tech}.\n *\n * @fires Player#waiting\n * @listens Tech#waiting\n * @private\n */\n\n\n Player.prototype.handleTechWaiting_ = function handleTechWaiting_() {\n this.addClass('play-waiting');\n /**\n * A readyState change on the DOM element has caused playback to stop.\n *\n * @event Player#waiting\n * @type {EventTarget~Event}\n */\n this.trigger('waiting');\n };\n\n /**\n * Retrigger the `canplay` event that was triggered by the {@link Tech}.\n * > Note: This is not consistent between browsers. See #1351\n *\n * @fires Player#canplay\n * @listens Tech#canplay\n * @private\n */\n\n\n Player.prototype.handleTechCanPlay_ = function handleTechCanPlay_() {\n this.removeClass('play-waiting');\n /**\n * The media has a readyState of HAVE_FUTURE_DATA or greater.\n *\n * @event Player#canplay\n * @type {EventTarget~Event}\n */\n this.trigger('canplay');\n };\n\n /**\n * Retrigger the `canplaythrough` event that was triggered by the {@link Tech}.\n *\n * @fires Player#canplaythrough\n * @listens Tech#canplaythrough\n * @private\n */\n\n\n Player.prototype.handleTechCanPlayThrough_ = function handleTechCanPlayThrough_() {\n this.removeClass('play-waiting');\n /**\n * The media has a readyState of HAVE_ENOUGH_DATA or greater. This means that the\n * entire media file can be played without buffering.\n *\n * @event Player#canplaythrough\n * @type {EventTarget~Event}\n */\n this.trigger('canplaythrough');\n };\n\n /**\n * Retrigger the `playing` event that was triggered by the {@link Tech}.\n *\n * @fires Player#playing\n * @listens Tech#playing\n * @private\n */\n\n\n Player.prototype.handleTechPlaying_ = function handleTechPlaying_() {\n this.removeClass('play-waiting');\n /**\n * The media is no longer blocked from playback, and has started playing.\n *\n * @event Player#playing\n * @type {EventTarget~Event}\n */\n this.trigger('playing');\n };\n\n /**\n * Retrigger the `seeking` event that was triggered by the {@link Tech}.\n *\n * @fires Player#seeking\n * @listens Tech#seeking\n * @private\n */\n\n\n Player.prototype.handleTechSeeking_ = function handleTechSeeking_() {\n this.addClass('play-seeking');\n /**\n * Fired whenever the player is jumping to a new time\n *\n * @event Player#seeking\n * @type {EventTarget~Event}\n */\n this.trigger('seeking');\n };\n\n /**\n * Retrigger the `seeked` event that was triggered by the {@link Tech}.\n *\n * @fires Player#seeked\n * @listens Tech#seeked\n * @private\n */\n\n\n Player.prototype.handleTechSeeked_ = function handleTechSeeked_() {\n this.removeClass('play-seeking');\n /**\n * Fired when the player has finished jumping to a new time\n *\n * @event Player#seeked\n * @type {EventTarget~Event}\n */\n this.trigger('seeked');\n };\n\n /**\n * Retrigger the `firstplay` event that was triggered by the {@link Tech}.\n *\n * @fires Player#firstplay\n * @listens Tech#firstplay\n * @deprecated As of 6.0 firstplay event is deprecated.\n * As of 6.0 passing the `starttime` option to the player and the firstplay event are deprecated.\n * @private\n */\n\n\n Player.prototype.handleTechFirstPlay_ = function handleTechFirstPlay_() {\n // If the first starttime attribute is specified\n // then we will start at the given offset in seconds\n if (this.options_.starttime) {\n log$1.warn('Passing the `starttime` option to the player will be deprecated in 6.0');\n this.currentTime(this.options_.starttime);\n }\n\n this.addClass('play-has-started');\n /**\n * Fired the first time a video is played. Not part of the HLS spec, and this is\n * probably not the best implementation yet, so use sparingly. If you don't have a\n * reason to prevent playback, use `myPlayer.one('play');` instead.\n *\n * @event Player#firstplay\n * @deprecated As of 6.0 firstplay event is deprecated.\n * @type {EventTarget~Event}\n */\n this.trigger('firstplay');\n };\n\n /**\n * Retrigger the `pause` event that was triggered by the {@link Tech}.\n *\n * @fires Player#pause\n * @listens Tech#pause\n * @private\n */\n\n\n Player.prototype.handleTechPause_ = function handleTechPause_() {\n var _this7 = this;\n\n this.removeClass('play-playing');\n this.addClass('play-paused');\n this.addClass('play-play-toggle');\n setTimeout(function () {\n _this7.removeClass('play-play-toggle');\n }, 400);\n /**\n * Fired whenever the media has been paused\n *\n * @event Player#pause\n * @type {EventTarget~Event}\n */\n this.trigger('pause');\n };\n\n /**\n * Retrigger the `ended` event that was triggered by the {@link Tech}.\n *\n * @fires Player#ended\n * @listens Tech#ended\n * @private\n */\n\n\n Player.prototype.handleTechEnded_ = function handleTechEnded_() {\n this.addClass('play-ended');\n if (this.options_.loop) {\n this.currentTime(0);\n this.play();\n } else if (!this.paused()) {\n this.pause();\n }\n\n /**\n * Fired when the end of the media resource is reached (currentTime == duration)\n *\n * @event Player#ended\n * @type {EventTarget~Event}\n */\n this.trigger('ended');\n };\n\n /**\n * Fired when the duration of the media resource is first known or changed\n *\n * @listens Tech#durationchange\n * @private\n */\n\n\n Player.prototype.handleTechDurationChange_ = function handleTechDurationChange_() {\n this.duration(this.techGet_('duration'));\n };\n\n /**\n * Handle a click on the media element to play/pause\n *\n * @param {EventTarget~Event} event\n * the event that caused this function to trigger\n *\n * @listens Tech#mousedown\n * @private\n */\n\n\n Player.prototype.handleTechClick_ = function handleTechClick_(event) {\n if (!isSingleLeftClick(event)) {\n return;\n }\n\n // When controls are disabled a click should not toggle playback because\n // the click is considered a control\n if (!this.controls_) {\n return;\n }\n\n if (this.paused()) {\n silencePromise(this.play());\n } else {\n this.pause();\n }\n };\n\n /**\n * Handle a double-click on the media element to enter/exit fullscreen\n *\n * @param {EventTarget~Event} event\n * the event that caused this function to trigger\n *\n * @listens Tech#dblclick\n * @private\n */\n\n\n Player.prototype.handleTechDoubleClick_ = function handleTechDoubleClick_(event) {\n if (!this.controls_) {\n return;\n }\n\n // we do not want to toggle fullscreen state\n // when double-clicking inside a control bar or a modal\n var inAllowedEls = Array.prototype.some.call(this.$$('.play-control-bar, .play-modal-dialog'), function (el) {\n return el.contains(event.target);\n });\n\n if (!inAllowedEls) {\n if (this.isFullscreen()) {\n this.exitFullscreen();\n } else {\n this.requestFullscreen();\n }\n }\n };\n\n /**\n * Handle a tap on the media element. It will toggle the user\n * activity state, which hides and shows the controls.\n *\n * @listens Tech#tap\n * @private\n */\n\n\n Player.prototype.handleTechTap_ = function handleTechTap_() {\n this.userActive(!this.userActive());\n };\n\n /**\n * Handle touch to start\n *\n * @listens Tech#touchstart\n * @private\n */\n\n\n Player.prototype.handleTechTouchStart_ = function handleTechTouchStart_() {\n this.userWasActive = this.userActive();\n };\n\n /**\n * Handle touch to move\n *\n * @listens Tech#touchmove\n * @private\n */\n\n\n Player.prototype.handleTechTouchMove_ = function handleTechTouchMove_() {\n if (this.userWasActive) {\n this.reportUserActivity();\n }\n };\n\n /**\n * Handle touch to end\n *\n * @param {EventTarget~Event} event\n * the touchend event that triggered\n * this function\n *\n * @listens Tech#touchend\n * @private\n */\n\n\n Player.prototype.handleTechTouchEnd_ = function handleTechTouchEnd_(event) {\n // Stop the mouse events from also happening\n event.preventDefault();\n };\n\n /**\n * Fired when the player switches in or out of fullscreen mode\n *\n * @private\n * @listens Player#fullscreenchange\n */\n\n\n Player.prototype.handleFullscreenChange_ = function handleFullscreenChange_() {\n if (this.isFullscreen()) {\n this.addClass('play-fullscreen');\n } else {\n this.removeClass('play-fullscreen');\n }\n };\n\n /**\n * native click events on the SWF aren't triggered on IE11, Win8.1RT\n * use stageclick events triggered from inside the SWF instead\n *\n * @private\n * @listens stageclick\n */\n\n\n Player.prototype.handleStageClick_ = function handleStageClick_() {\n this.reportUserActivity();\n };\n\n /**\n * Handle Tech Fullscreen Change\n *\n * @param {EventTarget~Event} event\n * the fullscreenchange event that triggered this function\n *\n * @param {Object} data\n * the data that was sent with the event\n *\n * @private\n * @listens Tech#fullscreenchange\n * @fires Player#fullscreenchange\n */\n\n\n Player.prototype.handleTechFullscreenChange_ = function handleTechFullscreenChange_(event, data) {\n if (data) {\n this.isFullscreen(data.isFullscreen);\n }\n /**\n * Fired when going in and out of fullscreen.\n *\n * @event Player#fullscreenchange\n * @type {EventTarget~Event}\n */\n this.trigger('fullscreenchange');\n };\n\n /**\n * Fires when an error occurred during the loading of an audio/video.\n *\n * @private\n * @listens Tech#error\n */\n\n\n Player.prototype.handleTechError_ = function handleTechError_() {\n var error = this.tech_.error();\n\n this.error(error);\n };\n\n /**\n * Retrigger the `textdata` event that was triggered by the {@link Tech}.\n *\n * @fires Player#textdata\n * @listens Tech#textdata\n * @private\n */\n\n\n Player.prototype.handleTechTextData_ = function handleTechTextData_() {\n var data = null;\n\n if (arguments.length > 1) {\n data = arguments[1];\n }\n\n /**\n * Fires when we get a textdata event from tech\n *\n * @event Player#textdata\n * @type {EventTarget~Event}\n */\n this.trigger('textdata', data);\n };\n\n /**\n * Get object for cached values.\n *\n * @return {Object}\n * get the current object cache\n */\n\n\n Player.prototype.getCache = function getCache() {\n return this.cache_;\n };\n\n /**\n * Pass values to the playback tech\n *\n * @param {string} [method]\n * the method to call\n *\n * @param {Object} arg\n * the argument to pass\n *\n * @private\n */\n\n\n Player.prototype.techCall_ = function techCall_(method, arg) {\n // If it's not ready yet, call method when it is\n\n this.ready(function () {\n if (method in allowedSetters) {\n return set$1(this.middleware_, this.tech_, method, arg);\n } else if (method in allowedMediators) {\n return mediate(this.middleware_, this.tech_, method, arg);\n }\n\n try {\n if (this.tech_) {\n this.tech_[method](arg);\n }\n } catch (e) {\n log$1(e);\n throw e;\n }\n }, true);\n };\n\n /**\n * Get calls can't wait for the tech, and sometimes don't need to.\n *\n * @param {string} method\n * Tech method\n *\n * @return {Function|undefined}\n * the method or undefined\n *\n * @private\n */\n\n\n Player.prototype.techGet_ = function techGet_(method) {\n if (!this.tech_ || !this.tech_.isReady_) {\n return;\n }\n\n if (method in allowedGetters) {\n return get$1(this.middleware_, this.tech_, method);\n } else if (method in allowedMediators) {\n return mediate(this.middleware_, this.tech_, method);\n }\n\n // Flash likes to die and reload when you hide or reposition it.\n // In these cases the object methods go away and we get errors.\n // When that happens we'll catch the errors and inform tech that it's not ready any more.\n try {\n return this.tech_[method]();\n } catch (e) {\n\n // When building additional tech libs, an expected method may not be defined yet\n if (this.tech_[method] === undefined) {\n log$1('Video.js: ' + method + ' method not defined for ' + this.techName_ + ' playback technology.', e);\n throw e;\n }\n\n // When a method isn't available on the object it throws a TypeError\n if (e.name === 'TypeError') {\n log$1('Video.js: ' + method + ' unavailable on ' + this.techName_ + ' playback technology element.', e);\n this.tech_.isReady_ = false;\n throw e;\n }\n\n // If error unknown, just log and throw\n log$1(e);\n throw e;\n }\n };\n\n /**\n * Attempt to begin playback at the first opportunity.\n *\n * @return {Promise|undefined}\n * Returns a `Promise` only if the browser returns one and the player\n * is ready to begin playback. For some browsers and all non-ready\n * situations, this will return `undefined`.\n */\n\n\n Player.prototype.play = function play() {\n var _this8 = this;\n\n // If this is called while we have a play queued up on a loadstart, remove\n // that listener to avoid getting in a potentially bad state.\n if (this.playOnLoadstart_) {\n this.off('loadstart', this.playOnLoadstart_);\n }\n\n // If the player/tech is not ready, queue up another call to `play()` for\n // when it is. This will loop back into this method for another attempt at\n // playback when the tech is ready.\n if (!this.isReady_) {\n\n // Bail out if we're already waiting for `ready`!\n if (this.playWaitingForReady_) {\n return;\n }\n\n this.playWaitingForReady_ = true;\n this.ready(function () {\n _this8.playWaitingForReady_ = false;\n silencePromise(_this8.play());\n });\n\n // If the player/tech is ready and we have a source, we can attempt playback.\n } else if (!this.changingSrc_ && (this.src() || this.currentSrc())) {\n return this.techGet_('play');\n\n // If the tech is ready, but we do not have a source, we'll need to wait\n // for both the `ready` and a `loadstart` when the source is finally\n // resolved by middleware and set on the player.\n //\n // This can happen if `play()` is called while changing sources or before\n // one has been set on the player.\n } else {\n\n this.playOnLoadstart_ = function () {\n _this8.playOnLoadstart_ = null;\n silencePromise(_this8.play());\n };\n\n this.one('loadstart', this.playOnLoadstart_);\n }\n };\n\n /**\n * Pause the video playback\n *\n * @return {Player}\n * A reference to the player object this function was called on\n */\n\n\n Player.prototype.pause = function pause() {\n this.techCall_('pause');\n };\n\n /**\n * Check if the player is paused or has yet to play\n *\n * @return {boolean}\n * - false: if the media is currently playing\n * - true: if media is not currently playing\n */\n\n\n Player.prototype.paused = function paused() {\n // The initial state of paused should be true (in Safari it's actually false)\n return this.techGet_('paused') === false ? false : true;\n };\n\n /**\n * Get a TimeRange object representing the current ranges of time that the user\n * has played.\n *\n * @return {TimeRange}\n * A time range object that represents all the increments of time that have\n * been played.\n */\n\n\n Player.prototype.played = function played() {\n return this.techGet_('played') || createTimeRanges(0, 0);\n };\n\n /**\n * Returns whether or not the user is \"scrubbing\". Scrubbing is\n * when the user has clicked the progress bar handle and is\n * dragging it along the progress bar.\n *\n * @param {boolean} [isScrubbing]\n * whether the user is or is not scrubbing\n *\n * @return {boolean}\n * The value of scrubbing when getting\n */\n\n\n Player.prototype.scrubbing = function scrubbing(isScrubbing) {\n if (typeof isScrubbing === 'undefined') {\n return this.scrubbing_;\n }\n this.scrubbing_ = !!isScrubbing;\n\n if (isScrubbing) {\n this.addClass('play-scrubbing');\n } else {\n this.removeClass('play-scrubbing');\n }\n };\n\n /**\n * Get or set the current time (in seconds)\n *\n * @param {number|string} [seconds]\n * The time to seek to in seconds\n *\n * @return {number}\n * - the current time in seconds when getting\n */\n\n\n Player.prototype.currentTime = function currentTime(seconds) {\n if (typeof seconds !== 'undefined') {\n if (seconds < 0) {\n seconds = 0;\n }\n this.techCall_('setCurrentTime', seconds);\n return;\n }\n\n // cache last currentTime and return. default to 0 seconds\n //\n // Caching the currentTime is meant to prevent a massive amount of reads on the tech's\n // currentTime when scrubbing, but may not provide much performance benefit afterall.\n // Should be tested. Also something has to read the actual current time or the cache will\n // never get updated.\n this.cache_.currentTime = this.techGet_('currentTime') || 0;\n return this.cache_.currentTime;\n };\n\n /**\n * Normally gets the length in time of the video in seconds;\n * in all but the rarest use cases an argument will NOT be passed to the method\n *\n * > **NOTE**: The video must have started loading before the duration can be\n * known, and in the case of Flash, may not be known until the video starts\n * playing.\n *\n * @fires Player#durationchange\n *\n * @param {number} [seconds]\n * The duration of the video to set in seconds\n *\n * @return {number}\n * - The duration of the video in seconds when getting\n */\n\n\n Player.prototype.duration = function duration(seconds) {\n if (seconds === undefined) {\n // return NaN if the duration is not known\n return this.cache_.duration !== undefined ? this.cache_.duration : NaN;\n }\n\n seconds = parseFloat(seconds);\n\n // Standardize on Infinity for signaling video is live\n if (seconds < 0) {\n seconds = Infinity;\n }\n\n if (seconds !== this.cache_.duration) {\n // Cache the last set value for optimized scrubbing (esp. Flash)\n this.cache_.duration = seconds;\n\n if (seconds === Infinity) {\n this.addClass('play-live');\n } else {\n this.removeClass('play-live');\n }\n /**\n * @event Player#durationchange\n * @type {EventTarget~Event}\n */\n this.trigger('durationchange');\n }\n };\n\n /**\n * Calculates how much time is left in the video. Not part\n * of the native video API.\n *\n * @return {number}\n * The time remaining in seconds\n */\n\n\n Player.prototype.remainingTime = function remainingTime() {\n return this.duration() - this.currentTime();\n };\n\n /**\n * A remaining time function that is intented to be used when\n * the time is to be displayed directly to the user.\n *\n * @return {number}\n * The rounded time remaining in seconds\n */\n\n\n Player.prototype.remainingTimeDisplay = function remainingTimeDisplay() {\n return Math.floor(this.duration()) - Math.floor(this.currentTime());\n };\n\n //\n // Kind of like an array of portions of the video that have been downloaded.\n\n /**\n * Get a TimeRange object with an array of the times of the video\n * that have been downloaded. If you just want the percent of the\n * video that's been downloaded, use bufferedPercent.\n *\n * @see [Buffered Spec]{@link http://dev.w3.org/html5/spec/video.html#dom-media-buffered}\n *\n * @return {TimeRange}\n * A mock TimeRange object (following HTML spec)\n */\n\n\n Player.prototype.buffered = function buffered() {\n var buffered = this.techGet_('buffered');\n\n if (!buffered || !buffered.length) {\n buffered = createTimeRanges(0, 0);\n }\n\n return buffered;\n };\n\n /**\n * Get the percent (as a decimal) of the video that's been downloaded.\n * This method is not a part of the native HTML video API.\n *\n * @return {number}\n * A decimal between 0 and 1 representing the percent\n * that is buffered 0 being 0% and 1 being 100%\n */\n\n\n Player.prototype.bufferedPercent = function bufferedPercent$$1() {\n return bufferedPercent(this.buffered(), this.duration());\n };\n\n /**\n * Get the ending time of the last buffered time range\n * This is used in the progress bar to encapsulate all time ranges.\n *\n * @return {number}\n * The end of the last buffered time range\n */\n\n\n Player.prototype.bufferedEnd = function bufferedEnd() {\n var buffered = this.buffered();\n var duration = this.duration();\n var end = buffered.end(buffered.length - 1);\n\n if (end > duration) {\n end = duration;\n }\n\n return end;\n };\n\n /**\n * Get or set the current volume of the media\n *\n * @param {number} [percentAsDecimal]\n * The new volume as a decimal percent:\n * - 0 is muted/0%/off\n * - 1.0 is 100%/full\n * - 0.5 is half volume or 50%\n *\n * @return {number}\n * The current volume as a percent when getting\n */\n\n\n Player.prototype.volume = function volume(percentAsDecimal) {\n var vol = void 0;\n\n if (percentAsDecimal !== undefined) {\n // Force value to between 0 and 1\n vol = Math.max(0, Math.min(1, parseFloat(percentAsDecimal)));\n this.cache_.volume = vol;\n this.techCall_('setVolume', vol);\n\n if (vol > 0) {\n this.lastVolume_(vol);\n }\n\n return;\n }\n\n // Default to 1 when returning current volume.\n vol = parseFloat(this.techGet_('volume'));\n return isNaN(vol) ? 1 : vol;\n };\n\n /**\n * Get the current muted state, or turn mute on or off\n *\n * @param {boolean} [muted]\n * - true to mute\n * - false to unmute\n *\n * @return {boolean}\n * - true if mute is on and getting\n * - false if mute is off and getting\n */\n\n\n Player.prototype.muted = function muted(_muted) {\n if (_muted !== undefined) {\n this.techCall_('setMuted', _muted);\n return;\n }\n return this.techGet_('muted') || false;\n };\n\n /**\n * Get the current defaultMuted state, or turn defaultMuted on or off. defaultMuted\n * indicates the state of muted on initial playback.\n *\n * ```js\n * var myPlayer = videojs('some-player-id');\n *\n * myPlayer.src(\"http://www.example.com/path/to/video.mp4\");\n *\n * // get, should be false\n * console.log(myPlayer.defaultMuted());\n * // set to true\n * myPlayer.defaultMuted(true);\n * // get should be true\n * console.log(myPlayer.defaultMuted());\n * ```\n *\n * @param {boolean} [defaultMuted]\n * - true to mute\n * - false to unmute\n *\n * @return {boolean|Player}\n * - true if defaultMuted is on and getting\n * - false if defaultMuted is off and getting\n * - A reference to the current player when setting\n */\n\n\n Player.prototype.defaultMuted = function defaultMuted(_defaultMuted) {\n if (_defaultMuted !== undefined) {\n return this.techCall_('setDefaultMuted', _defaultMuted);\n }\n return this.techGet_('defaultMuted') || false;\n };\n\n /**\n * Get the last volume, or set it\n *\n * @param {number} [percentAsDecimal]\n * The new last volume as a decimal percent:\n * - 0 is muted/0%/off\n * - 1.0 is 100%/full\n * - 0.5 is half volume or 50%\n *\n * @return {number}\n * the current value of lastVolume as a percent when getting\n *\n * @private\n */\n\n\n Player.prototype.lastVolume_ = function lastVolume_(percentAsDecimal) {\n if (percentAsDecimal !== undefined && percentAsDecimal !== 0) {\n this.cache_.lastVolume = percentAsDecimal;\n return;\n }\n return this.cache_.lastVolume;\n };\n\n /**\n * Check if current tech can support native fullscreen\n * (e.g. with built in controls like iOS, so not our flash swf)\n *\n * @return {boolean}\n * if native fullscreen is supported\n */\n\n\n Player.prototype.supportsFullScreen = function supportsFullScreen() {\n return this.techGet_('supportsFullScreen') || false;\n };\n\n /**\n * Check if the player is in fullscreen mode or tell the player that it\n * is or is not in fullscreen mode.\n *\n * > NOTE: As of the latest HTML5 spec, isFullscreen is no longer an official\n * property and instead document.fullscreenElement is used. But isFullscreen is\n * still a valuable property for internal player workings.\n *\n * @param {boolean} [isFS]\n * Set the players current fullscreen state\n *\n * @return {boolean}\n * - true if fullscreen is on and getting\n * - false if fullscreen is off and getting\n */\n\n\n Player.prototype.isFullscreen = function isFullscreen(isFS) {\n if (isFS !== undefined) {\n this.isFullscreen_ = !!isFS;\n return;\n }\n return !!this.isFullscreen_;\n };\n\n /**\n * Increase the size of the video to full screen\n * In some browsers, full screen is not supported natively, so it enters\n * \"full window mode\", where the video fills the browser window.\n * In browsers and devices that support native full screen, sometimes the\n * browser's default controls will be shown, and not the Video.js custom skin.\n * This includes most mobile devices (iOS, Android) and older versions of\n * Safari.\n *\n * @fires Player#fullscreenchange\n */\n\n\n Player.prototype.requestFullscreen = function requestFullscreen() {\n var fsApi = FullscreenApi;\n\n this.isFullscreen(true);\n\n if (fsApi.requestFullscreen) {\n // the browser supports going fullscreen at the element level so we can\n // take the controls fullscreen as well as the video\n\n // Trigger fullscreenchange event after change\n // We have to specifically add this each time, and remove\n // when canceling fullscreen. Otherwise if there's multiple\n // players on a page, they would all be reacting to the same fullscreen\n // events\n on(document$1, fsApi.fullscreenchange, bind(this, function documentFullscreenChange(e) {\n this.isFullscreen(document$1[fsApi.fullscreenElement]);\n\n // If cancelling fullscreen, remove event listener.\n if (this.isFullscreen() === false) {\n off(document$1, fsApi.fullscreenchange, documentFullscreenChange);\n }\n /**\n * @event Player#fullscreenchange\n * @type {EventTarget~Event}\n */\n this.trigger('fullscreenchange');\n }));\n\n this.el_[fsApi.requestFullscreen]();\n } else if (this.tech_.supportsFullScreen()) {\n // we can't take the video.js controls fullscreen but we can go fullscreen\n // with native controls\n this.techCall_('enterFullScreen');\n } else {\n // fullscreen isn't supported so we'll just stretch the video element to\n // fill the viewport\n this.enterFullWindow();\n /**\n * @event Player#fullscreenchange\n * @type {EventTarget~Event}\n */\n this.trigger('fullscreenchange');\n }\n };\n\n /**\n * Return the video to its normal size after having been in full screen mode\n *\n * @fires Player#fullscreenchange\n */\n\n\n Player.prototype.exitFullscreen = function exitFullscreen() {\n var fsApi = FullscreenApi;\n\n this.isFullscreen(false);\n\n // Check for browser element fullscreen support\n if (fsApi.requestFullscreen) {\n document$1[fsApi.exitFullscreen]();\n } else if (this.tech_.supportsFullScreen()) {\n this.techCall_('exitFullScreen');\n } else {\n this.exitFullWindow();\n /**\n * @event Player#fullscreenchange\n * @type {EventTarget~Event}\n */\n this.trigger('fullscreenchange');\n }\n };\n\n /**\n * When fullscreen isn't supported we can stretch the\n * video container to as wide as the browser will let us.\n *\n * @fires Player#enterFullWindow\n */\n\n\n Player.prototype.enterFullWindow = function enterFullWindow() {\n this.isFullWindow = true;\n\n // Storing original doc overflow value to return to when fullscreen is off\n this.docOrigOverflow = document$1.documentElement.style.overflow;\n\n // Add listener for esc key to exit fullscreen\n on(document$1, 'keydown', bind(this, this.fullWindowOnEscKey));\n\n // Hide any scroll bars\n document$1.documentElement.style.overflow = 'hidden';\n\n // Apply fullscreen styles\n addClass(document$1.body, 'play-full-window');\n\n /**\n * @event Player#enterFullWindow\n * @type {EventTarget~Event}\n */\n this.trigger('enterFullWindow');\n };\n\n /**\n * Check for call to either exit full window or\n * full screen on ESC key\n *\n * @param {string} event\n * Event to check for key press\n */\n\n\n Player.prototype.fullWindowOnEscKey = function fullWindowOnEscKey(event) {\n if (event.keyCode === 27) {\n if (this.isFullscreen() === true) {\n this.exitFullscreen();\n } else {\n this.exitFullWindow();\n }\n }\n };\n\n /**\n * Exit full window\n *\n * @fires Player#exitFullWindow\n */\n\n\n Player.prototype.exitFullWindow = function exitFullWindow() {\n this.isFullWindow = false;\n off(document$1, 'keydown', this.fullWindowOnEscKey);\n\n // Unhide scroll bars.\n document$1.documentElement.style.overflow = this.docOrigOverflow;\n\n // Remove fullscreen styles\n removeClass(document$1.body, 'play-full-window');\n\n // Resize the box, controller, and poster to original sizes\n // this.positionAll();\n /**\n * @event Player#exitFullWindow\n * @type {EventTarget~Event}\n */\n this.trigger('exitFullWindow');\n };\n\n /**\n * Check whether the player can play a given mimetype\n *\n * @see https://www.w3.org/TR/2011/WD-html5-20110113/video.html#dom-navigator-canplaytype\n *\n * @param {string} type\n * The mimetype to check\n *\n * @return {string}\n * 'probably', 'maybe', or '' (empty string)\n */\n\n\n Player.prototype.canPlayType = function canPlayType(type) {\n var can = void 0;\n\n // Loop through each playback technology in the options order\n for (var i = 0, j = this.options_.techOrder; i < j.length; i++) {\n var techName = j[i];\n var tech = Tech.getTech(techName);\n\n // Support old behavior of techs being registered as components.\n // Remove once that deprecated behavior is removed.\n if (!tech) {\n tech = Component.getComponent(techName);\n }\n\n // Check if the current tech is defined before continuing\n if (!tech) {\n log$1.error('The \"' + techName + '\" tech is undefined. Skipped browser support check for that tech.');\n continue;\n }\n\n // Check if the browser supports this technology\n if (tech.isSupported()) {\n can = tech.canPlayType(type);\n\n if (can) {\n return can;\n }\n }\n }\n\n return '';\n };\n\n /**\n * Select source based on tech-order or source-order\n * Uses source-order selection if `options.sourceOrder` is truthy. Otherwise,\n * defaults to tech-order selection\n *\n * @param {Array} sources\n * The sources for a media asset\n *\n * @return {Object|boolean}\n * Object of source and tech order or false\n */\n\n\n Player.prototype.selectSource = function selectSource(sources) {\n var _this9 = this;\n\n // Get only the techs specified in `techOrder` that exist and are supported by the\n // current platform\n var techs = this.options_.techOrder.map(function (techName) {\n return [techName, Tech.getTech(techName)];\n }).filter(function (_ref) {\n var techName = _ref[0],\n tech = _ref[1];\n\n // Check if the current tech is defined before continuing\n if (tech) {\n // Check if the browser supports this technology\n return tech.isSupported();\n }\n\n log$1.error('The \"' + techName + '\" tech is undefined. Skipped browser support check for that tech.');\n return false;\n });\n\n // Iterate over each `innerArray` element once per `outerArray` element and execute\n // `tester` with both. If `tester` returns a non-falsy value, exit early and return\n // that value.\n var findFirstPassingTechSourcePair = function findFirstPassingTechSourcePair(outerArray, innerArray, tester) {\n var found = void 0;\n\n outerArray.some(function (outerChoice) {\n return innerArray.some(function (innerChoice) {\n found = tester(outerChoice, innerChoice);\n\n if (found) {\n return true;\n }\n });\n });\n\n return found;\n };\n\n var foundSourceAndTech = void 0;\n var flip = function flip(fn) {\n return function (a, b) {\n return fn(b, a);\n };\n };\n var finder = function finder(_ref2, source) {\n var techName = _ref2[0],\n tech = _ref2[1];\n\n if (tech.canPlaySource(source, _this9.options_[techName.toLowerCase()])) {\n return { source: source, tech: techName };\n }\n };\n\n // Depending on the truthiness of `options.sourceOrder`, we swap the order of techs and sources\n // to select from them based on their priority.\n if (this.options_.sourceOrder) {\n // Source-first ordering\n foundSourceAndTech = findFirstPassingTechSourcePair(sources, techs, flip(finder));\n } else {\n // Tech-first ordering\n foundSourceAndTech = findFirstPassingTechSourcePair(techs, sources, finder);\n }\n\n return foundSourceAndTech || false;\n };\n\n /**\n * Get or set the video source.\n *\n * @param {Tech~SourceObject|Tech~SourceObject[]|string} [source]\n * A SourceObject, an array of SourceObjects, or a string referencing\n * a URL to a media source. It is _highly recommended_ that an object\n * or array of objects is used here, so that source selection\n * algorithms can take the `type` into account.\n *\n * If not provided, this method acts as a getter.\n *\n * @return {string|undefined}\n * If the `source` argument is missing, returns the current source\n * URL. Otherwise, returns nothing/undefined.\n */\n\n\n Player.prototype.src = function src(source) {\n var _this10 = this;\n\n // getter usage\n if (typeof source === 'undefined') {\n return this.cache_.src || '';\n }\n // filter out invalid sources and turn our source into\n // an array of source objects\n var sources = filterSource(source);\n\n // if a source was passed in then it is invalid because\n // it was filtered to a zero length Array. So we have to\n // show an error\n if (!sources.length) {\n this.setTimeout(function () {\n this.error({ code: 4, message: this.localize(this.options_.notSupportedMessage) });\n }, 0);\n return;\n }\n\n // intial sources\n this.changingSrc_ = true;\n\n this.cache_.sources = sources;\n this.updateSourceCaches_(sources[0]);\n\n // middlewareSource is the source after it has been changed by middleware\n setSource(this, sources[0], function (middlewareSource, mws) {\n _this10.middleware_ = mws;\n\n // since sourceSet is async we have to update the cache again after we select a source since\n // the source that is selected could be out of order from the cache update above this callback.\n _this10.cache_.sources = sources;\n _this10.updateSourceCaches_(middlewareSource);\n\n var err = _this10.src_(middlewareSource);\n\n if (err) {\n if (sources.length > 1) {\n return _this10.src(sources.slice(1));\n }\n\n _this10.changingSrc_ = false;\n\n // We need to wrap this in a timeout to give folks a chance to add error event handlers\n _this10.setTimeout(function () {\n this.error({ code: 4, message: this.localize(this.options_.notSupportedMessage) });\n }, 0);\n\n // we could not find an appropriate tech, but let's still notify the delegate that this is it\n // this needs a better comment about why this is needed\n _this10.triggerReady();\n\n return;\n }\n\n setTech(mws, _this10.tech_);\n });\n };\n\n /**\n * Set the source object on the tech, returns a boolean that indicates whether\n * there is a tech that can play the source or not\n *\n * @param {Tech~SourceObject} source\n * The source object to set on the Tech\n *\n * @return {Boolean}\n * - True if there is no Tech to playback this source\n * - False otherwise\n *\n * @private\n */\n\n\n Player.prototype.src_ = function src_(source) {\n var _this11 = this;\n\n var sourceTech = this.selectSource([source]);\n\n if (!sourceTech) {\n return true;\n }\n\n if (!titleCaseEquals(sourceTech.tech, this.techName_)) {\n this.changingSrc_ = true;\n // load this technology with the chosen source\n this.loadTech_(sourceTech.tech, sourceTech.source);\n this.tech_.ready(function () {\n _this11.changingSrc_ = false;\n });\n return false;\n }\n\n // wait until the tech is ready to set the source\n // and set it synchronously if possible (#2326)\n this.ready(function () {\n\n // The setSource tech method was added with source handlers\n // so older techs won't support it\n // We need to check the direct prototype for the case where subclasses\n // of the tech do not support source handlers\n if (this.tech_.constructor.prototype.hasOwnProperty('setSource')) {\n this.techCall_('setSource', source);\n } else {\n this.techCall_('src', source.src);\n }\n\n this.changingSrc_ = false;\n }, true);\n\n return false;\n };\n\n /**\n * Begin loading the src data.\n */\n\n\n Player.prototype.load = function load() {\n this.techCall_('load');\n };\n\n /**\n * Reset the player. Loads the first tech in the techOrder,\n * and calls `reset` on the tech`.\n */\n\n\n Player.prototype.reset = function reset() {\n if (this.tech_) {\n this.tech_.clearTracks('text');\n }\n this.loadTech_(this.options_.techOrder[0], null);\n this.techCall_('reset');\n };\n\n /**\n * Returns all of the current source objects.\n *\n * @return {Tech~SourceObject[]}\n * The current source objects\n */\n\n\n Player.prototype.currentSources = function currentSources() {\n var source = this.currentSource();\n var sources = [];\n\n // assume `{}` or `{ src }`\n if (Object.keys(source).length !== 0) {\n sources.push(source);\n }\n\n return this.cache_.sources || sources;\n };\n\n /**\n * Returns the current source object.\n *\n * @return {Tech~SourceObject}\n * The current source object\n */\n\n\n Player.prototype.currentSource = function currentSource() {\n return this.cache_.source || {};\n };\n\n /**\n * Returns the fully qualified URL of the current source value e.g. http://mysite.com/video.mp4\n * Can be used in conjunction with `currentType` to assist in rebuilding the current source object.\n *\n * @return {string}\n * The current source\n */\n\n\n Player.prototype.currentSrc = function currentSrc() {\n return this.currentSource() && this.currentSource().src || '';\n };\n\n /**\n * Get the current source type e.g. video/mp4\n * This can allow you rebuild the current source object so that you could load the same\n * source and tech later\n *\n * @return {string}\n * The source MIME type\n */\n\n\n Player.prototype.currentType = function currentType() {\n return this.currentSource() && this.currentSource().type || '';\n };\n\n /**\n * Get or set the preload attribute\n *\n * @param {boolean} [value]\n * - true means that we should preload\n * - false means that we should not preload\n *\n * @return {string}\n * The preload attribute value when getting\n */\n\n\n Player.prototype.preload = function preload(value) {\n if (value !== undefined) {\n this.techCall_('setPreload', value);\n this.options_.preload = value;\n return;\n }\n return this.techGet_('preload');\n };\n\n /**\n * Get or set the autoplay option. When this is a boolean it will\n * modify the attribute on the tech. When this is a string the attribute on\n * the tech will be removed and `Player` will handle autoplay on loadstarts.\n *\n * @param {boolean|string} [value]\n * - true: autoplay using the browser behavior\n * - false: do not autoplay\n * - 'play': call play() on every loadstart\n * - 'muted': call muted() then play() on every loadstart\n * - 'any': call play() on every loadstart. if that fails call muted() then play().\n * - *: values other than those listed here will be set `autoplay` to true\n *\n * @return {boolean|string}\n * The current value of autoplay when getting\n */\n\n\n Player.prototype.autoplay = function autoplay(value) {\n // getter usage\n if (value === undefined) {\n return this.options_.autoplay || false;\n }\n\n var techAutoplay = void 0;\n\n // if the value is a valid string set it to that\n if (typeof value === 'string' && /(any|play|muted)/.test(value)) {\n this.options_.autoplay = value;\n this.manualAutoplay_(value);\n techAutoplay = false;\n\n // any falsy value sets autoplay to false in the browser,\n // lets do the same\n } else if (!value) {\n this.options_.autoplay = false;\n\n // any other value (ie truthy) sets autoplay to true\n } else {\n this.options_.autoplay = true;\n }\n\n techAutoplay = techAutoplay || this.options_.autoplay;\n\n // if we don't have a tech then we do not queue up\n // a setAutoplay call on tech ready. We do this because the\n // autoplay option will be passed in the constructor and we\n // do not need to set it twice\n if (this.tech_) {\n this.techCall_('setAutoplay', techAutoplay);\n }\n };\n\n /**\n * Set or unset the playsinline attribute.\n * Playsinline tells the browser that non-fullscreen playback is preferred.\n *\n * @param {boolean} [value]\n * - true means that we should try to play inline by default\n * - false means that we should use the browser's default playback mode,\n * which in most cases is inline. iOS Safari is a notable exception\n * and plays fullscreen by default.\n *\n * @return {string|Player}\n * - the current value of playsinline\n * - the player when setting\n *\n * @see [Spec]{@link https://html.spec.whatwg.org/#attr-video-playsinline}\n */\n\n\n Player.prototype.playsinline = function playsinline(value) {\n if (value !== undefined) {\n this.techCall_('setPlaysinline', value);\n this.options_.playsinline = value;\n return this;\n }\n return this.techGet_('playsinline');\n };\n\n /**\n * Get or set the loop attribute on the video element.\n *\n * @param {boolean} [value]\n * - true means that we should loop the video\n * - false means that we should not loop the video\n *\n * @return {string}\n * The current value of loop when getting\n */\n\n\n Player.prototype.loop = function loop(value) {\n if (value !== undefined) {\n this.techCall_('setLoop', value);\n this.options_.loop = value;\n return;\n }\n return this.techGet_('loop');\n };\n\n /**\n * Get or set the poster image source url\n *\n * @fires Player#posterchange\n *\n * @param {string} [src]\n * Poster image source URL\n *\n * @return {string}\n * The current value of poster when getting\n */\n\n\n Player.prototype.poster = function poster(src) {\n if (src === undefined) {\n return this.poster_;\n }\n\n // The correct way to remove a poster is to set as an empty string\n // other falsey values will throw errors\n if (!src) {\n src = '';\n }\n\n if (src === this.poster_) {\n return;\n }\n\n // update the internal poster variable\n this.poster_ = src;\n\n // update the tech's poster\n this.techCall_('setPoster', src);\n\n this.isPosterFromTech_ = false;\n\n // alert components that the poster has been set\n /**\n * This event fires when the poster image is changed on the player.\n *\n * @event Player#posterchange\n * @type {EventTarget~Event}\n */\n this.trigger('posterchange');\n };\n\n /**\n * Some techs (e.g. YouTube) can provide a poster source in an\n * asynchronous way. We want the poster component to use this\n * poster source so that it covers up the tech's controls.\n * (YouTube's play button). However we only want to use this\n * source if the player user hasn't set a poster through\n * the normal APIs.\n *\n * @fires Player#posterchange\n * @listens Tech#posterchange\n * @private\n */\n\n\n Player.prototype.handleTechPosterChange_ = function handleTechPosterChange_() {\n if ((!this.poster_ || this.options_.techCanOverridePoster) && this.tech_ && this.tech_.poster) {\n var newPoster = this.tech_.poster() || '';\n\n if (newPoster !== this.poster_) {\n this.poster_ = newPoster;\n this.isPosterFromTech_ = true;\n\n // Let components know the poster has changed\n this.trigger('posterchange');\n }\n }\n };\n\n /**\n * Get or set whether or not the controls are showing.\n *\n * @fires Player#controlsenabled\n *\n * @param {boolean} [bool]\n * - true to turn controls on\n * - false to turn controls off\n *\n * @return {boolean}\n * The current value of controls when getting\n */\n\n\n Player.prototype.controls = function controls(bool) {\n if (bool === undefined) {\n return !!this.controls_;\n }\n\n bool = !!bool;\n\n // Don't trigger a change event unless it actually changed\n if (this.controls_ === bool) {\n return;\n }\n\n this.controls_ = bool;\n\n if (this.usingNativeControls()) {\n this.techCall_('setControls', bool);\n }\n\n if (this.controls_) {\n this.removeClass('play-controls-disabled');\n this.addClass('play-controls-enabled');\n /**\n * @event Player#controlsenabled\n * @type {EventTarget~Event}\n */\n this.trigger('controlsenabled');\n if (!this.usingNativeControls()) {\n this.addTechControlsListeners_();\n }\n } else {\n this.removeClass('play-controls-enabled');\n this.addClass('play-controls-disabled');\n /**\n * @event Player#controlsdisabled\n * @type {EventTarget~Event}\n */\n this.trigger('controlsdisabled');\n if (!this.usingNativeControls()) {\n this.removeTechControlsListeners_();\n }\n }\n };\n\n /**\n * Toggle native controls on/off. Native controls are the controls built into\n * devices (e.g. default iPhone controls), Flash, or other techs\n * (e.g. Vimeo Controls)\n * **This should only be set by the current tech, because only the tech knows\n * if it can support native controls**\n *\n * @fires Player#usingnativecontrols\n * @fires Player#usingcustomcontrols\n *\n * @param {boolean} [bool]\n * - true to turn native controls on\n * - false to turn native controls off\n *\n * @return {boolean}\n * The current value of native controls when getting\n */\n\n\n Player.prototype.usingNativeControls = function usingNativeControls(bool) {\n if (bool === undefined) {\n return !!this.usingNativeControls_;\n }\n\n bool = !!bool;\n\n // Don't trigger a change event unless it actually changed\n if (this.usingNativeControls_ === bool) {\n return;\n }\n\n this.usingNativeControls_ = bool;\n\n if (this.usingNativeControls_) {\n this.addClass('play-using-native-controls');\n\n /**\n * player is using the native device controls\n *\n * @event Player#usingnativecontrols\n * @type {EventTarget~Event}\n */\n this.trigger('usingnativecontrols');\n } else {\n this.removeClass('play-using-native-controls');\n\n /**\n * player is using the custom HTML controls\n *\n * @event Player#usingcustomcontrols\n * @type {EventTarget~Event}\n */\n this.trigger('usingcustomcontrols');\n }\n };\n\n /**\n * Set or get the current MediaError\n *\n * @fires Player#error\n *\n * @param {MediaError|string|number} [err]\n * A MediaError or a string/number to be turned\n * into a MediaError\n *\n * @return {MediaError|null}\n * The current MediaError when getting (or null)\n */\n\n\n Player.prototype.error = function error(err) {\n if (err === undefined) {\n return this.error_ || null;\n }\n\n // restoring to default\n if (err === null) {\n this.error_ = err;\n this.removeClass('play-error');\n if (this.errorDisplay) {\n this.errorDisplay.close();\n }\n return;\n }\n\n this.error_ = new MediaError(err);\n\n // add the play-error classname to the player\n this.addClass('play-error');\n\n // log the name of the error type and any message\n // IE11 logs \"[object object]\" and required you to expand message to see error object\n log$1.error('(CODE:' + this.error_.code + ' ' + MediaError.errorTypes[this.error_.code] + ')', this.error_.message, this.error_);\n\n /**\n * @event Player#error\n * @type {EventTarget~Event}\n */\n this.trigger('error');\n\n return;\n };\n\n /**\n * Report user activity\n *\n * @param {Object} event\n * Event object\n */\n\n\n Player.prototype.reportUserActivity = function reportUserActivity(event) {\n this.userActivity_ = true;\n };\n\n /**\n * Get/set if user is active\n *\n * @fires Player#useractive\n * @fires Player#userinactive\n *\n * @param {boolean} [bool]\n * - true if the user is active\n * - false if the user is inactive\n *\n * @return {boolean}\n * The current value of userActive when getting\n */\n\n\n Player.prototype.userActive = function userActive(bool) {\n if (bool === undefined) {\n return this.userActive_;\n }\n\n bool = !!bool;\n\n if (bool === this.userActive_) {\n return;\n }\n\n this.userActive_ = bool;\n\n if (this.userActive_) {\n this.userActivity_ = true;\n this.removeClass('play-user-inactive');\n this.addClass('play-user-active');\n var seekButton = document$1.getElementsByClassName('play-seek-button');\n var ad = document$1.getElementsByClassName('play-ads-label').length;\n if (seekButton.length > 0 && ad == 0) {\n if (this.player_.duration() !== Infinity) {\n for (var i = 0; i < seekButton.length; i++) {\n seekButton[i].style.display = 'block';\n }\n }\n }\n /**\n * @event Player#useractive\n * @type {EventTarget~Event}\n */\n this.trigger('useractive');\n return;\n }\n\n // Chrome/Safari/IE have bugs where when you change the cursor it can\n // trigger a mousemove event. This causes an issue when you're hiding\n // the cursor when the user is inactive, and a mousemove signals user\n // activity. Making it impossible to go into inactive mode. Specifically\n // this happens in fullscreen when we really need to hide the cursor.\n //\n // When this gets resolved in ALL browsers it can be removed\n // https://code.google.com/p/chromium/issues/detail?id=103041\n if (this.tech_) {\n this.tech_.one('mousemove', function (e) {\n e.stopPropagation();\n e.preventDefault();\n });\n }\n\n this.userActivity_ = false;\n this.removeClass('play-user-active');\n this.addClass('play-user-inactive');\n var seekButton = document$1.getElementsByClassName('play-seek-button');\n if (seekButton.length > 0) {\n for (var i = 0; i < seekButton.length; i++) {\n seekButton[i].style.display = 'none';\n }\n }\n /**\n * @event Player#userinactive\n * @type {EventTarget~Event}\n */\n this.trigger('userinactive');\n };\n\n /**\n * Listen for user activity based on timeout value\n *\n * @private\n */\n\n\n Player.prototype.listenForUserActivity_ = function listenForUserActivity_() {\n var mouseInProgress = void 0;\n var lastMoveX = void 0;\n var lastMoveY = void 0;\n var handleActivity = bind(this, this.reportUserActivity);\n\n var handleMouseMove = function handleMouseMove(e) {\n // #1068 - Prevent mousemove spamming\n // Chrome Bug: https://code.google.com/p/chromium/issues/detail?id=366970\n if (e.screenX !== lastMoveX || e.screenY !== lastMoveY) {\n lastMoveX = e.screenX;\n lastMoveY = e.screenY;\n handleActivity();\n }\n };\n\n var handleMouseDown = function handleMouseDown() {\n handleActivity();\n // For as long as the they are touching the device or have their mouse down,\n // we consider them active even if they're not moving their finger or mouse.\n // So we want to continue to update that they are active\n this.clearInterval(mouseInProgress);\n // Setting userActivity=true now and setting the interval to the same time\n // as the activityCheck interval (250) should ensure we never miss the\n // next activityCheck\n mouseInProgress = this.setInterval(handleActivity, 250);\n };\n\n var handleMouseUp = function handleMouseUp(event) {\n handleActivity();\n // Stop the interval that maintains activity if the mouse/touch is down\n this.clearInterval(mouseInProgress);\n };\n\n // Any mouse movement will be considered user activity\n this.on('mousedown', handleMouseDown);\n this.on('mousemove', handleMouseMove);\n this.on('mouseup', handleMouseUp);\n\n // Listen for keyboard navigation\n // Shouldn't need to use inProgress interval because of key repeat\n this.on('keydown', handleActivity);\n this.on('keyup', handleActivity);\n\n // Run an interval every 250 milliseconds instead of stuffing everything into\n // the mousemove/touchmove function itself, to prevent performance degradation.\n // `this.reportUserActivity` simply sets this.userActivity_ to true, which\n // then gets picked up by this loop\n // http://ejohn.org/blog/learning-from-twitter/\n var inactivityTimeout = void 0;\n\n this.setInterval(function () {\n // Check to see if mouse/touch activity has happened\n if (!this.userActivity_) {\n return;\n }\n\n // Reset the activity tracker\n this.userActivity_ = false;\n\n // If the user state was inactive, set the state to active\n this.userActive(true);\n\n // Clear any existing inactivity timeout to start the timer over\n this.clearTimeout(inactivityTimeout);\n\n var timeout = this.options_.inactivityTimeout;\n\n if (timeout <= 0) {\n return;\n }\n\n // In milliseconds, if no more activity has occurred the\n // user will be considered inactive\n inactivityTimeout = this.setTimeout(function () {\n // Protect against the case where the inactivityTimeout can trigger just\n // before the next user activity is picked up by the activity check loop\n // causing a flicker\n if (!this.userActivity_) {\n this.userActive(false);\n }\n }, timeout);\n }, 250);\n };\n\n /**\n * Gets or sets the current playback rate. A playback rate of\n * 1.0 represents normal speed and 0.5 would indicate half-speed\n * playback, for instance.\n *\n * @see https://html.spec.whatwg.org/multipage/embedded-content.html#dom-media-playbackrate\n *\n * @param {number} [rate]\n * New playback rate to set.\n *\n * @return {number}\n * The current playback rate when getting or 1.0\n */\n\n\n Player.prototype.playbackRate = function playbackRate(rate) {\n if (rate !== undefined) {\n // NOTE: this.cache_.lastPlaybackRate is set from the tech handler\n // that is registered above\n this.techCall_('setPlaybackRate', rate);\n return;\n }\n\n if (this.tech_ && this.tech_.featuresPlaybackRate) {\n return this.cache_.lastPlaybackRate || this.techGet_('playbackRate');\n }\n return 1.0;\n };\n\n /**\n * Gets or sets the current default playback rate. A default playback rate of\n * 1.0 represents normal speed and 0.5 would indicate half-speed playback, for instance.\n * defaultPlaybackRate will only represent what the initial playbackRate of a video was, not\n * not the current playbackRate.\n *\n * @see https://html.spec.whatwg.org/multipage/embedded-content.html#dom-media-defaultplaybackrate\n *\n * @param {number} [rate]\n * New default playback rate to set.\n *\n * @return {number|Player}\n * - The default playback rate when getting or 1.0\n * - the player when setting\n */\n\n\n Player.prototype.defaultPlaybackRate = function defaultPlaybackRate(rate) {\n if (rate !== undefined) {\n return this.techCall_('setDefaultPlaybackRate', rate);\n }\n\n if (this.tech_ && this.tech_.featuresPlaybackRate) {\n return this.techGet_('defaultPlaybackRate');\n }\n return 1.0;\n };\n\n /**\n * Gets or sets the audio flag\n *\n * @param {boolean} bool\n * - true signals that this is an audio player\n * - false signals that this is not an audio player\n *\n * @return {boolean}\n * The current value of isAudio when getting\n */\n\n\n Player.prototype.isAudio = function isAudio(bool) {\n if (bool !== undefined) {\n this.isAudio_ = !!bool;\n return;\n }\n\n return !!this.isAudio_;\n };\n\n /**\n * A helper method for adding a {@link TextTrack} to our\n * {@link TextTrackList}.\n *\n * In addition to the W3C settings we allow adding additional info through options.\n *\n * @see http://www.w3.org/html/wg/drafts/html/master/embedded-content-0.html#dom-media-addtexttrack\n *\n * @param {string} [kind]\n * the kind of TextTrack you are adding\n *\n * @param {string} [label]\n * the label to give the TextTrack label\n *\n * @param {string} [language]\n * the language to set on the TextTrack\n *\n * @return {TextTrack|undefined}\n * the TextTrack that was added or undefined\n * if there is no tech\n */\n\n\n Player.prototype.addTextTrack = function addTextTrack(kind, label, language) {\n if (this.tech_) {\n return this.tech_.addTextTrack(kind, label, language);\n }\n };\n\n /**\n * Create a remote {@link TextTrack} and an {@link HTMLTrackElement}. It will\n * automatically removed from the video element whenever the source changes, unless\n * manualCleanup is set to false.\n *\n * @param {Object} options\n * Options to pass to {@link HTMLTrackElement} during creation. See\n * {@link HTMLTrackElement} for object properties that you should use.\n *\n * @param {boolean} [manualCleanup=true] if set to false, the TextTrack will be\n *\n * @return {HtmlTrackElement}\n * the HTMLTrackElement that was created and added\n * to the HtmlTrackElementList and the remote\n * TextTrackList\n *\n * @deprecated The default value of the \"manualCleanup\" parameter will default\n * to \"false\" in upcoming versions of Video.js\n */\n\n\n Player.prototype.addRemoteTextTrack = function addRemoteTextTrack(options, manualCleanup) {\n if (this.tech_) {\n return this.tech_.addRemoteTextTrack(options, manualCleanup);\n }\n };\n\n /**\n * Remove a remote {@link TextTrack} from the respective\n * {@link TextTrackList} and {@link HtmlTrackElementList}.\n *\n * @param {Object} track\n * Remote {@link TextTrack} to remove\n *\n * @return {undefined}\n * does not return anything\n */\n\n\n Player.prototype.removeRemoteTextTrack = function removeRemoteTextTrack() {\n var _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},\n _ref3$track = _ref3.track,\n track = _ref3$track === undefined ? arguments[0] : _ref3$track;\n\n // destructure the input into an object with a track argument, defaulting to arguments[0]\n // default the whole argument to an empty object if nothing was passed in\n\n if (this.tech_) {\n return this.tech_.removeRemoteTextTrack(track);\n }\n };\n\n /**\n * Gets available media playback quality metrics as specified by the W3C's Media\n * Playback Quality API.\n *\n * @see [Spec]{@link https://wicg.github.io/media-playback-quality}\n *\n * @return {Object|undefined}\n * An object with supported media playback quality metrics or undefined if there\n * is no tech or the tech does not support it.\n */\n\n\n Player.prototype.getVideoPlaybackQuality = function getVideoPlaybackQuality() {\n return this.techGet_('getVideoPlaybackQuality');\n };\n\n /**\n * Get video width\n *\n * @return {number}\n * current video width\n */\n\n\n Player.prototype.videoWidth = function videoWidth() {\n return this.tech_ && this.tech_.videoWidth && this.tech_.videoWidth() || 0;\n };\n\n /**\n * Get video height\n *\n * @return {number}\n * current video height\n */\n\n\n Player.prototype.videoHeight = function videoHeight() {\n return this.tech_ && this.tech_.videoHeight && this.tech_.videoHeight() || 0;\n };\n\n /**\n * The player's language code\n * NOTE: The language should be set in the player options if you want the\n * the controls to be built with a specific language. Changing the language\n * later will not update controls text.\n *\n * @param {string} [code]\n * the language code to set the player to\n *\n * @return {string}\n * The current language code when getting\n */\n\n\n Player.prototype.language = function language(code) {\n if (code === undefined) {\n return this.language_;\n }\n\n this.language_ = String(code).toLowerCase();\n };\n\n /**\n * Get the player's language dictionary\n * Merge every time, because a newly added plugin might call videojs.addLanguage() at any time\n * Languages specified directly in the player options have precedence\n *\n * @return {Array}\n * An array of of supported languages\n */\n\n\n Player.prototype.languages = function languages() {\n return mergeOptions(Player.prototype.options_.languages, this.languages_);\n };\n\n /**\n * returns a JavaScript object reperesenting the current track\n * information. **DOES not return it as JSON**\n *\n * @return {Object}\n * Object representing the current of track info\n */\n\n\n Player.prototype.toJSON = function toJSON() {\n var options = mergeOptions(this.options_);\n var tracks = options.tracks;\n\n options.tracks = [];\n\n for (var i = 0; i < tracks.length; i++) {\n var track = tracks[i];\n\n // deep merge tracks and null out player so no circular references\n track = mergeOptions(track);\n track.player = undefined;\n options.tracks[i] = track;\n }\n\n return options;\n };\n\n /**\n * Creates a simple modal dialog (an instance of the {@link ModalDialog}\n * component) that immediately overlays the player with arbitrary\n * content and removes itself when closed.\n *\n * @param {string|Function|Element|Array|null} content\n * Same as {@link ModalDialog#content}'s param of the same name.\n * The most straight-forward usage is to provide a string or DOM\n * element.\n *\n * @param {Object} [options]\n * Extra options which will be passed on to the {@link ModalDialog}.\n *\n * @return {ModalDialog}\n * the {@link ModalDialog} that was created\n */\n\n\n Player.prototype.createModal = function createModal(content, options) {\n var _this12 = this;\n\n options = options || {};\n options.content = content || '';\n\n var modal = new ModalDialog(this, options);\n\n this.addChild(modal);\n modal.on('dispose', function () {\n _this12.removeChild(modal);\n });\n\n modal.open();\n return modal;\n };\n\n /**\n * Gets tag settings\n *\n * @param {Element} tag\n * The player tag\n *\n * @return {Object}\n * An object containing all of the settings\n * for a player tag\n */\n\n\n Player.getTagSettings = function getTagSettings(tag) {\n var baseOptions = {\n sources: [],\n tracks: []\n };\n\n var tagOptions = getAttributes(tag);\n var dataSetup = tagOptions['data-setup'];\n\n if (hasClass(tag, 'play-fluid')) {\n tagOptions.fluid = true;\n }\n\n // Check if data-setup attr exists.\n if (dataSetup !== null) {\n // Parse options JSON\n // If empty string, make it a parsable json object.\n var _safeParseTuple = safeParseTuple(dataSetup || '{}'),\n err = _safeParseTuple[0],\n data = _safeParseTuple[1];\n\n if (err) {\n log$1.error(err);\n }\n assign(tagOptions, data);\n }\n\n assign(baseOptions, tagOptions);\n\n // Get tag children settings\n if (tag.hasChildNodes()) {\n var children = tag.childNodes;\n\n for (var i = 0, j = children.length; i < j; i++) {\n var child = children[i];\n // Change case needed: http://ejohn.org/blog/nodename-case-sensitivity/\n var childName = child.nodeName.toLowerCase();\n\n if (childName === 'source') {\n baseOptions.sources.push(getAttributes(child));\n } else if (childName === 'track') {\n baseOptions.tracks.push(getAttributes(child));\n }\n }\n }\n\n return baseOptions;\n };\n\n /**\n * Determine whether or not flexbox is supported\n *\n * @return {boolean}\n * - true if flexbox is supported\n * - false if flexbox is not supported\n */\n\n\n Player.prototype.flexNotSupported_ = function flexNotSupported_() {\n var elem = document$1.createElement('i');\n\n // Note: We don't actually use flexBasis (or flexOrder), but it's one of the more\n // common flex features that we can rely on when checking for flex support.\n return !('flexBasis' in elem.style || 'webkitFlexBasis' in elem.style || 'mozFlexBasis' in elem.style || 'msFlexBasis' in elem.style ||\n // IE10-specific (2012 flex spec), available for completeness\n 'msFlexOrder' in elem.style);\n };\n\n return Player;\n}(Component);\n\n/**\n * Get the {@link VideoTrackList}\n * @link https://html.spec.whatwg.org/multipage/embedded-content.html#videotracklist\n *\n * @return {VideoTrackList}\n * the current video track list\n *\n * @method Player.prototype.videoTracks\n */\n\n/**\n * Get the {@link AudioTrackList}\n * @link https://html.spec.whatwg.org/multipage/embedded-content.html#audiotracklist\n *\n * @return {AudioTrackList}\n * the current audio track list\n *\n * @method Player.prototype.audioTracks\n */\n\n/**\n * Get the {@link TextTrackList}\n *\n * @link http://www.w3.org/html/wg/drafts/html/master/embedded-content-0.html#dom-media-texttracks\n *\n * @return {TextTrackList}\n * the current text track list\n *\n * @method Player.prototype.textTracks\n */\n\n/**\n * Get the remote {@link TextTrackList}\n *\n * @return {TextTrackList}\n * The current remote text track list\n *\n * @method Player.prototype.remoteTextTracks\n */\n\n/**\n * Get the remote {@link HtmlTrackElementList} tracks.\n *\n * @return {HtmlTrackElementList}\n * The current remote text track element list\n *\n * @method Player.prototype.remoteTextTrackEls\n */\n\nALL.names.forEach(function (name$$1) {\n var props = ALL[name$$1];\n\n Player.prototype[props.getterName] = function () {\n if (this.tech_) {\n return this.tech_[props.getterName]();\n }\n\n // if we have not yet loadTech_, we create {video,audio,text}Tracks_\n // these will be passed to the tech during loading\n this[props.privateName] = this[props.privateName] || new props.ListClass();\n return this[props.privateName];\n };\n});\n\n/**\n * Global player list\n *\n * @type {Object}\n */\nPlayer.players = {};\n\nvar navigator$1 = window$1.navigator;\n\n/*\n * Player instance options, surfaced using options\n * options = Player.prototype.options_\n * Make changes in options, not here.\n *\n * @type {Object}\n * @private\n */\nPlayer.prototype.options_ = {\n // Default order of fallback technology\n techOrder: Tech.defaultTechOrder_,\n\n html5: {},\n flash: {},\n\n // default inactivity timeout\n inactivityTimeout: 2000,\n\n // default playback rates\n playbackRates: [],\n // Add playback rate selection by adding rates\n // 'playbackRates': [0.5, 1, 1.5, 2],\n\n // Included control sets\n children: ['mediaLoader', 'posterImage', 'textTrackDisplay', 'loadingSpinner', 'bigPlayButton', 'controlBar', 'errorDisplay', 'textTrackSettings', 'resizeManager'],\n\n language: navigator$1 && (navigator$1.languages && navigator$1.languages[0] || navigator$1.userLanguage || navigator$1.language) || 'en',\n\n // locales and their language translations\n languages: {},\n\n // Default message to show when a video cannot be played.\n notSupportedMessage: 'No compatible source was found for this media.'\n};\n\n[\n/**\n * Returns whether or not the player is in the \"ended\" state.\n *\n * @return {Boolean} True if the player is in the ended state, false if not.\n * @method Player#ended\n */\n'ended',\n/**\n * Returns whether or not the player is in the \"seeking\" state.\n *\n * @return {Boolean} True if the player is in the seeking state, false if not.\n * @method Player#seeking\n */\n'seeking',\n/**\n * Returns the TimeRanges of the media that are currently available\n * for seeking to.\n *\n * @return {TimeRanges} the seekable intervals of the media timeline\n * @method Player#seekable\n */\n'seekable',\n/**\n * Returns the current state of network activity for the element, from\n * the codes in the list below.\n * - NETWORK_EMPTY (numeric value 0)\n * The element has not yet been initialised. All attributes are in\n * their initial states.\n * - NETWORK_IDLE (numeric value 1)\n * The element's resource selection algorithm is active and has\n * selected a resource, but it is not actually using the network at\n * this time.\n * - NETWORK_LOADING (numeric value 2)\n * The user agent is actively trying to download data.\n * - NETWORK_NO_SOURCE (numeric value 3)\n * The element's resource selection algorithm is active, but it has\n * not yet found a resource to use.\n *\n * @see https://html.spec.whatwg.org/multipage/embedded-content.html#network-states\n * @return {number} the current network activity state\n * @method Player#networkState\n */\n'networkState',\n/**\n * Returns a value that expresses the current state of the element\n * with respect to rendering the current playback position, from the\n * codes in the list below.\n * - HAVE_NOTHING (numeric value 0)\n * No information regarding the media resource is available.\n * - HAVE_METADATA (numeric value 1)\n * Enough of the resource has been obtained that the duration of the\n * resource is available.\n * - HAVE_CURRENT_DATA (numeric value 2)\n * Data for the immediate current playback position is available.\n * - HAVE_FUTURE_DATA (numeric value 3)\n * Data for the immediate current playback position is available, as\n * well as enough data for the user agent to advance the current\n * playback position in the direction of playback.\n * - HAVE_ENOUGH_DATA (numeric value 4)\n * The user agent estimates that enough data is available for\n * playback to proceed uninterrupted.\n *\n * @see https://html.spec.whatwg.org/multipage/embedded-content.html#dom-media-readystate\n * @return {number} the current playback rendering state\n * @method Player#readyState\n */\n'readyState'].forEach(function (fn) {\n Player.prototype[fn] = function () {\n return this.techGet_(fn);\n };\n});\n\nTECH_EVENTS_RETRIGGER.forEach(function (event) {\n Player.prototype['handleTech' + toTitleCase(event) + '_'] = function () {\n return this.trigger(event);\n };\n});\n\n/**\n * Fired when the player has initial duration and dimension information\n *\n * @event Player#loadedmetadata\n * @type {EventTarget~Event}\n */\n\n/**\n * Fired when the player has downloaded data at the current playback position\n *\n * @event Player#loadeddata\n * @type {EventTarget~Event}\n */\n\n/**\n * Fired when the current playback position has changed *\n * During playback this is fired every 15-250 milliseconds, depending on the\n * playback technology in use.\n *\n * @event Player#timeupdate\n * @type {EventTarget~Event}\n */\n\n/**\n * Fired when the volume changes\n *\n * @event Player#volumechange\n * @type {EventTarget~Event}\n */\n\n/**\n * Reports whether or not a player has a plugin available.\n *\n * This does not report whether or not the plugin has ever been initialized\n * on this player. For that, [usingPlugin]{@link Player#usingPlugin}.\n *\n * @method Player#hasPlugin\n * @param {string} name\n * The name of a plugin.\n *\n * @return {boolean}\n * Whether or not this player has the requested plugin available.\n */\n\n/**\n * Reports whether or not a player is using a plugin by name.\n *\n * For basic plugins, this only reports whether the plugin has _ever_ been\n * initialized on this player.\n *\n * @method Player#usingPlugin\n * @param {string} name\n * The name of a plugin.\n *\n * @return {boolean}\n * Whether or not this player is using the requested plugin.\n */\n\nComponent.registerComponent('Player', Player);\n\n/**\n * @file plugin.js\n */\n\n/**\n * The base plugin name.\n *\n * @private\n * @constant\n * @type {string}\n */\nvar BASE_PLUGIN_NAME = 'plugin';\n\n/**\n * The key on which a player's active plugins cache is stored.\n *\n * @private\n * @constant\n * @type {string}\n */\nvar PLUGIN_CACHE_KEY = 'activePlugins_';\n\n/**\n * Stores registered plugins in a private space.\n *\n * @private\n * @type {Object}\n */\nvar pluginStorage = {};\n\n/**\n * Reports whether or not a plugin has been registered.\n *\n * @private\n * @param {string} name\n * The name of a plugin.\n *\n * @returns {boolean}\n * Whether or not the plugin has been registered.\n */\nvar pluginExists = function pluginExists(name) {\n return pluginStorage.hasOwnProperty(name);\n};\n\n/**\n * Get a single registered plugin by name.\n *\n * @private\n * @param {string} name\n * The name of a plugin.\n *\n * @returns {Function|undefined}\n * The plugin (or undefined).\n */\nvar getPlugin = function getPlugin(name) {\n return pluginExists(name) ? pluginStorage[name] : undefined;\n};\n\n/**\n * Marks a plugin as \"active\" on a player.\n *\n * Also, ensures that the player has an object for tracking active plugins.\n *\n * @private\n * @param {Player} player\n * A Video.js player instance.\n *\n * @param {string} name\n * The name of a plugin.\n */\nvar markPluginAsActive = function markPluginAsActive(player, name) {\n player[PLUGIN_CACHE_KEY] = player[PLUGIN_CACHE_KEY] || {};\n player[PLUGIN_CACHE_KEY][name] = true;\n};\n\n/**\n * Triggers a pair of plugin setup events.\n *\n * @private\n * @param {Player} player\n * A Video.js player instance.\n *\n * @param {Plugin~PluginEventHash} hash\n * A plugin event hash.\n *\n * @param {Boolean} [before]\n * If true, prefixes the event name with \"before\". In other words,\n * use this to trigger \"beforepluginsetup\" instead of \"pluginsetup\".\n */\nvar triggerSetupEvent = function triggerSetupEvent(player, hash, before) {\n var eventName = (before ? 'before' : '') + 'pluginsetup';\n\n player.trigger(eventName, hash);\n player.trigger(eventName + ':' + hash.name, hash);\n};\n\n/**\n * Takes a basic plugin function and returns a wrapper function which marks\n * on the player that the plugin has been activated.\n *\n * @private\n * @param {string} name\n * The name of the plugin.\n *\n * @param {Function} plugin\n * The basic plugin.\n *\n * @returns {Function}\n * A wrapper function for the given plugin.\n */\nvar createBasicPlugin = function createBasicPlugin(name, plugin) {\n var basicPluginWrapper = function basicPluginWrapper() {\n\n // We trigger the \"beforepluginsetup\" and \"pluginsetup\" events on the player\n // regardless, but we want the hash to be consistent with the hash provided\n // for advanced plugins.\n //\n // The only potentially counter-intuitive thing here is the `instance` in\n // the \"pluginsetup\" event is the value returned by the `plugin` function.\n triggerSetupEvent(this, { name: name, plugin: plugin, instance: null }, true);\n\n var instance = plugin.apply(this, arguments);\n\n markPluginAsActive(this, name);\n triggerSetupEvent(this, { name: name, plugin: plugin, instance: instance });\n\n return instance;\n };\n\n Object.keys(plugin).forEach(function (prop) {\n basicPluginWrapper[prop] = plugin[prop];\n });\n\n return basicPluginWrapper;\n};\n\n/**\n * Takes a plugin sub-class and returns a factory function for generating\n * instances of it.\n *\n * This factory function will replace itself with an instance of the requested\n * sub-class of Plugin.\n *\n * @private\n * @param {string} name\n * The name of the plugin.\n *\n * @param {Plugin} PluginSubClass\n * The advanced plugin.\n *\n * @returns {Function}\n */\nvar createPluginFactory = function createPluginFactory(name, PluginSubClass) {\n\n // Add a `name` property to the plugin prototype so that each plugin can\n // refer to itself by name.\n PluginSubClass.prototype.name = name;\n\n return function () {\n triggerSetupEvent(this, { name: name, plugin: PluginSubClass, instance: null }, true);\n\n for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n var instance = new (Function.prototype.bind.apply(PluginSubClass, [null].concat([this].concat(args))))();\n\n // The plugin is replaced by a function that returns the current instance.\n this[name] = function () {\n return instance;\n };\n\n triggerSetupEvent(this, instance.getEventHash());\n\n return instance;\n };\n};\n\n/**\n * Parent class for all advanced plugins.\n *\n * @mixes module:evented~EventedMixin\n * @mixes module:stateful~StatefulMixin\n * @fires Player#beforepluginsetup\n * @fires Player#beforepluginsetup:$name\n * @fires Player#pluginsetup\n * @fires Player#pluginsetup:$name\n * @listens Player#dispose\n * @throws {Error}\n * If attempting to instantiate the base {@link Plugin} class\n * directly instead of via a sub-class.\n */\n\nvar Plugin = function () {\n\n /**\n * Creates an instance of this class.\n *\n * Sub-classes should call `super` to ensure plugins are properly initialized.\n *\n * @param {Player} player\n * A Video.js player instance.\n */\n function Plugin(player) {\n classCallCheck(this, Plugin);\n\n if (this.constructor === Plugin) {\n throw new Error('Plugin must be sub-classed; not directly instantiated.');\n }\n\n this.player = player;\n\n // Make this object evented, but remove the added `trigger` method so we\n // use the prototype version instead.\n evented(this);\n delete this.trigger;\n\n stateful(this, this.constructor.defaultState);\n markPluginAsActive(player, this.name);\n\n // Auto-bind the dispose method so we can use it as a listener and unbind\n // it later easily.\n this.dispose = bind(this, this.dispose);\n\n // If the player is disposed, dispose the plugin.\n player.on('dispose', this.dispose);\n }\n\n /**\n * Get the version of the plugin that was set on .VERSION\n */\n\n\n Plugin.prototype.version = function version() {\n return this.constructor.VERSION;\n };\n\n /**\n * Each event triggered by plugins includes a hash of additional data with\n * conventional properties.\n *\n * This returns that object or mutates an existing hash.\n *\n * @param {Object} [hash={}]\n * An object to be used as event an event hash.\n *\n * @returns {Plugin~PluginEventHash}\n * An event hash object with provided properties mixed-in.\n */\n\n\n Plugin.prototype.getEventHash = function getEventHash() {\n var hash = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n\n hash.name = this.name;\n hash.plugin = this.constructor;\n hash.instance = this;\n return hash;\n };\n\n /**\n * Triggers an event on the plugin object and overrides\n * {@link module:evented~EventedMixin.trigger|EventedMixin.trigger}.\n *\n * @param {string|Object} event\n * An event type or an object with a type property.\n *\n * @param {Object} [hash={}]\n * Additional data hash to merge with a\n * {@link Plugin~PluginEventHash|PluginEventHash}.\n *\n * @returns {boolean}\n * Whether or not default was prevented.\n */\n\n\n Plugin.prototype.trigger = function trigger$$1(event) {\n var hash = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n\n return trigger(this.eventBusEl_, event, this.getEventHash(hash));\n };\n\n /**\n * Handles \"statechanged\" events on the plugin. No-op by default, override by\n * subclassing.\n *\n * @abstract\n * @param {Event} e\n * An event object provided by a \"statechanged\" event.\n *\n * @param {Object} e.changes\n * An object describing changes that occurred with the \"statechanged\"\n * event.\n */\n\n\n Plugin.prototype.handleStateChanged = function handleStateChanged(e) {};\n\n /**\n * Disposes a plugin.\n *\n * Subclasses can override this if they want, but for the sake of safety,\n * it's probably best to subscribe the \"dispose\" event.\n *\n * @fires Plugin#dispose\n */\n\n\n Plugin.prototype.dispose = function dispose() {\n var name = this.name,\n player = this.player;\n\n /**\n * Signals that a advanced plugin is about to be disposed.\n *\n * @event Plugin#dispose\n * @type {EventTarget~Event}\n */\n\n this.trigger('dispose');\n this.off();\n player.off('dispose', this.dispose);\n\n // Eliminate any possible sources of leaking memory by clearing up\n // references between the player and the plugin instance and nulling out\n // the plugin's state and replacing methods with a function that throws.\n player[PLUGIN_CACHE_KEY][name] = false;\n this.player = this.state = null;\n\n // Finally, replace the plugin name on the player with a new factory\n // function, so that the plugin is ready to be set up again.\n player[name] = createPluginFactory(name, pluginStorage[name]);\n };\n\n /**\n * Determines if a plugin is a basic plugin (i.e. not a sub-class of `Plugin`).\n *\n * @param {string|Function} plugin\n * If a string, matches the name of a plugin. If a function, will be\n * tested directly.\n *\n * @returns {boolean}\n * Whether or not a plugin is a basic plugin.\n */\n\n\n Plugin.isBasic = function isBasic(plugin) {\n var p = typeof plugin === 'string' ? getPlugin(plugin) : plugin;\n\n return typeof p === 'function' && !Plugin.prototype.isPrototypeOf(p.prototype);\n };\n\n /**\n * Register a Video.js plugin.\n *\n * @param {string} name\n * The name of the plugin to be registered. Must be a string and\n * must not match an existing plugin or a method on the `Player`\n * prototype.\n *\n * @param {Function} plugin\n * A sub-class of `Plugin` or a function for basic plugins.\n *\n * @returns {Function}\n * For advanced plugins, a factory function for that plugin. For\n * basic plugins, a wrapper function that initializes the plugin.\n */\n\n\n Plugin.registerPlugin = function registerPlugin(name, plugin) {\n if (typeof name !== 'string') {\n throw new Error('Illegal plugin name, \"' + name + '\", must be a string, was ' + (typeof name === 'undefined' ? 'undefined' : _typeof(name)) + '.');\n }\n\n if (pluginExists(name)) {\n log$1.warn('A plugin named \"' + name + '\" already exists. You may want to avoid re-registering plugins!');\n } else if (Player.prototype.hasOwnProperty(name)) {\n throw new Error('Illegal plugin name, \"' + name + '\", cannot share a name with an existing player method!');\n }\n\n if (typeof plugin !== 'function') {\n throw new Error('Illegal plugin for \"' + name + '\", must be a function, was ' + (typeof plugin === 'undefined' ? 'undefined' : _typeof(plugin)) + '.');\n }\n\n pluginStorage[name] = plugin;\n\n // Add a player prototype method for all sub-classed plugins (but not for\n // the base Plugin class).\n if (name !== BASE_PLUGIN_NAME) {\n if (Plugin.isBasic(plugin)) {\n Player.prototype[name] = createBasicPlugin(name, plugin);\n } else {\n Player.prototype[name] = createPluginFactory(name, plugin);\n }\n }\n\n return plugin;\n };\n\n /**\n * De-register a Video.js plugin.\n *\n * @param {string} name\n * The name of the plugin to be deregistered.\n */\n\n\n Plugin.deregisterPlugin = function deregisterPlugin(name) {\n if (name === BASE_PLUGIN_NAME) {\n throw new Error('Cannot de-register base plugin.');\n }\n if (pluginExists(name)) {\n delete pluginStorage[name];\n delete Player.prototype[name];\n }\n };\n\n /**\n * Gets an object containing multiple Video.js plugins.\n *\n * @param {Array} [names]\n * If provided, should be an array of plugin names. Defaults to _all_\n * plugin names.\n *\n * @returns {Object|undefined}\n * An object containing plugin(s) associated with their name(s) or\n * `undefined` if no matching plugins exist).\n */\n\n\n Plugin.getPlugins = function getPlugins() {\n var names = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : Object.keys(pluginStorage);\n\n var result = void 0;\n\n names.forEach(function (name) {\n var plugin = getPlugin(name);\n\n if (plugin) {\n result = result || {};\n result[name] = plugin;\n }\n });\n\n return result;\n };\n\n /**\n * Gets a plugin's version, if available\n *\n * @param {string} name\n * The name of a plugin.\n *\n * @returns {string}\n * The plugin's version or an empty string.\n */\n\n\n Plugin.getPluginVersion = function getPluginVersion(name) {\n var plugin = getPlugin(name);\n\n return plugin && plugin.VERSION || '';\n };\n\n return Plugin;\n}();\n\n/**\n * Gets a plugin by name if it exists.\n *\n * @static\n * @method getPlugin\n * @memberOf Plugin\n * @param {string} name\n * The name of a plugin.\n *\n * @returns {Function|undefined}\n * The plugin (or `undefined`).\n */\n\n\nPlugin.getPlugin = getPlugin;\n\n/**\n * The name of the base plugin class as it is registered.\n *\n * @type {string}\n */\nPlugin.BASE_PLUGIN_NAME = BASE_PLUGIN_NAME;\n\nPlugin.registerPlugin(BASE_PLUGIN_NAME, Plugin);\n\n/**\n * Documented in player.js\n *\n * @ignore\n */\nPlayer.prototype.usingPlugin = function (name) {\n return !!this[PLUGIN_CACHE_KEY] && this[PLUGIN_CACHE_KEY][name] === true;\n};\n\n/**\n * Documented in player.js\n *\n * @ignore\n */\nPlayer.prototype.hasPlugin = function (name) {\n return !!pluginExists(name);\n};\n\n/**\n * @file extend.js\n * @module extend\n */\n\n/**\n * A combination of node inherits and babel's inherits (after transpile).\n * Both work the same but node adds `super_` to the subClass\n * and Bable adds the superClass as __proto__. Both seem useful.\n *\n * @param {Object} subClass\n * The class to inherit to\n *\n * @param {Object} superClass\n * The class to inherit from\n *\n * @private\n */\nvar _inherits = function _inherits(subClass, superClass) {\n if (typeof superClass !== 'function' && superClass !== null) {\n throw new TypeError('Super expression must either be null or a function, not ' + (typeof superClass === 'undefined' ? 'undefined' : _typeof(superClass)));\n }\n\n subClass.prototype = Object.create(superClass && superClass.prototype, {\n constructor: {\n value: subClass,\n enumerable: false,\n writable: true,\n configurable: true\n }\n });\n\n if (superClass) {\n // node\n subClass.super_ = superClass;\n }\n};\n\n/**\n * Function for subclassing using the same inheritance that\n * videojs uses internally\n *\n * @static\n * @const\n *\n * @param {Object} superClass\n * The class to inherit from\n *\n * @param {Object} [subClassMethods={}]\n * The class to inherit to\n *\n * @return {Object}\n * The new object with subClassMethods that inherited superClass.\n */\nvar extendFn = function extendFn(superClass) {\n var subClassMethods = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n\n var subClass = function subClass() {\n superClass.apply(this, arguments);\n };\n\n var methods = {};\n\n if ((typeof subClassMethods === 'undefined' ? 'undefined' : _typeof(subClassMethods)) === 'object') {\n if (subClassMethods.constructor !== Object.prototype.constructor) {\n subClass = subClassMethods.constructor;\n }\n methods = subClassMethods;\n } else if (typeof subClassMethods === 'function') {\n subClass = subClassMethods;\n }\n\n _inherits(subClass, superClass);\n\n // Extend subObj's prototype with functions and other properties from props\n for (var name in methods) {\n if (methods.hasOwnProperty(name)) {\n subClass.prototype[name] = methods[name];\n }\n }\n\n return subClass;\n};\n\n/**\n * @file video.js\n * @module videojs\n */\n\n/**\n * Normalize an `id` value by trimming off a leading `#`\n *\n * @param {string} id\n * A string, maybe with a leading `#`.\n *\n * @return {string}\n * The string, without any leading `#`.\n */\nvar normalizeId = function normalizeId(id) {\n return id.indexOf('#') === 0 ? id.slice(1) : id;\n};\n\n/**\n * Doubles as the main function for users to create a player instance and also\n * the main library object.\n * The `videojs` function can be used to initialize or retrieve a player.\n *\n * @param {string|Element} id\n * Video element or video element ID\n *\n * @param {Object} [options]\n * Optional options object for config/settings\n *\n * @param {Component~ReadyCallback} [ready]\n * Optional ready callback\n *\n * @return {Player}\n * A player instance\n */\nfunction videojs$1(id, options, ready) {\n var player = videojs$1.getPlayer(id);\n\n if (player) {\n if (options) {\n log$1.warn('Player \"' + id + '\" is already initialised. Options will not be applied.');\n }\n if (ready) {\n player.ready(ready);\n }\n return player;\n }\n\n var el = typeof id === 'string' ? $('#' + normalizeId(id)) : id;\n\n if (!isEl(el)) {\n throw new TypeError('The element or ID supplied is not valid. (videojs)');\n }\n\n if (!document$1.body.contains(el)) {\n log$1.warn('The element supplied is not included in the DOM');\n }\n\n options = options || {};\n\n videojs$1.hooks('beforesetup').forEach(function (hookFunction) {\n var opts = hookFunction(el, mergeOptions(options));\n\n if (!isObject(opts) || Array.isArray(opts)) {\n log$1.error('please return an object in beforesetup hooks');\n return;\n }\n\n options = mergeOptions(options, opts);\n });\n\n // We get the current \"Player\" component here in case an integration has\n // replaced it with a custom player.\n var PlayerComponent = Component.getComponent('Player');\n\n player = new PlayerComponent(el, options, ready);\n\n videojs$1.hooks('setup').forEach(function (hookFunction) {\n return hookFunction(player);\n });\n\n return player;\n}\n\n/**\n * An Object that contains lifecycle hooks as keys which point to an array\n * of functions that are run when a lifecycle is triggered\n */\nvideojs$1.hooks_ = {};\n\n/**\n * Get a list of hooks for a specific lifecycle\n *\n * @function videojs.hooks\n *\n * @param {string} type\n * the lifecyle to get hooks from\n *\n * @param {Function|Function[]} [fn]\n * Optionally add a hook (or hooks) to the lifecycle that your are getting.\n *\n * @return {Array}\n * an array of hooks, or an empty array if there are none.\n */\nvideojs$1.hooks = function (type, fn) {\n videojs$1.hooks_[type] = videojs$1.hooks_[type] || [];\n if (fn) {\n videojs$1.hooks_[type] = videojs$1.hooks_[type].concat(fn);\n }\n return videojs$1.hooks_[type];\n};\n\n/**\n * Add a function hook to a specific videojs lifecycle.\n *\n * @param {string} type\n * the lifecycle to hook the function to.\n *\n * @param {Function|Function[]} fn\n * The function or array of functions to attach.\n */\nvideojs$1.hook = function (type, fn) {\n videojs$1.hooks(type, fn);\n};\n\n/**\n * Add a function hook that will only run once to a specific videojs lifecycle.\n *\n * @param {string} type\n * the lifecycle to hook the function to.\n *\n * @param {Function|Function[]} fn\n * The function or array of functions to attach.\n */\nvideojs$1.hookOnce = function (type, fn) {\n videojs$1.hooks(type, [].concat(fn).map(function (original) {\n var wrapper = function wrapper() {\n videojs$1.removeHook(type, wrapper);\n return original.apply(undefined, arguments);\n };\n\n return wrapper;\n }));\n};\n\n/**\n * Remove a hook from a specific videojs lifecycle.\n *\n * @param {string} type\n * the lifecycle that the function hooked to\n *\n * @param {Function} fn\n * The hooked function to remove\n *\n * @return {boolean}\n * The function that was removed or undef\n */\nvideojs$1.removeHook = function (type, fn) {\n var index = videojs$1.hooks(type).indexOf(fn);\n\n if (index <= -1) {\n return false;\n }\n\n videojs$1.hooks_[type] = videojs$1.hooks_[type].slice();\n videojs$1.hooks_[type].splice(index, 1);\n\n return true;\n};\n\n// Add default styles\nif (window$1.VIDEOJS_NO_DYNAMIC_STYLE !== true && isReal()) {\n var style$1 = $('.play-styles-defaults');\n\n if (!style$1) {\n style$1 = createStyleElement('play-styles-defaults');\n var head = $('head');\n\n if (head) {\n head.insertBefore(style$1, head.firstChild);\n }\n setTextContent(style$1, '\\n .play-js {\\n width: 300px;\\n height: 150px;\\n }\\n\\n .play-fluid {\\n padding-top: 56.25%\\n }\\n ');\n }\n}\n\n// Run Auto-load players\n// You have to wait at least once in case this script is loaded after your\n// video in the DOM (weird behavior only with minified version)\nautoSetupTimeout(1, videojs$1);\n\n/**\n * Current software version. Follows semver.\n *\n * @type {string}\n */\nvideojs$1.VERSION = version;\n\n/**\n * The global options object. These are the settings that take effect\n * if no overrides are specified when the player is created.\n *\n * @type {Object}\n */\nvideojs$1.options = Player.prototype.options_;\n\n/**\n * Get an object with the currently created players, keyed by player ID\n *\n * @return {Object}\n * The created players\n */\nvideojs$1.getPlayers = function () {\n return Player.players;\n};\n\n/**\n * Get a single player based on an ID or DOM element.\n *\n * This is useful if you want to check if an element or ID has an associated\n * Video.js player, but not create one if it doesn't.\n *\n * @param {string|Element} id\n * An HTML element - ``, ``, or `` -\n * or a string matching the `id` of such an element.\n *\n * @return {Player|undefined}\n * A player instance or `undefined` if there is no player instance\n * matching the argument.\n */\nvideojs$1.getPlayer = function (id) {\n var players = Player.players;\n var tag = void 0;\n\n if (typeof id === 'string') {\n var nId = normalizeId(id);\n var player = players[nId];\n\n if (player) {\n return player;\n }\n\n tag = $('#' + nId);\n } else {\n tag = id;\n }\n\n if (isEl(tag)) {\n var _tag = tag,\n _player = _tag.player,\n playerId = _tag.playerId;\n\n // Element may have a `player` property referring to an already created\n // player instance. If so, return that.\n\n if (_player || players[playerId]) {\n return _player || players[playerId];\n }\n }\n};\n\n/**\n * Returns an array of all current players.\n *\n * @return {Array}\n * An array of all players. The array will be in the order that\n * `Object.keys` provides, which could potentially vary between\n * JavaScript engines.\n *\n */\nvideojs$1.getAllPlayers = function () {\n return (\n\n // Disposed players leave a key with a `null` value, so we need to make sure\n // we filter those out.\n Object.keys(Player.players).map(function (k) {\n return Player.players[k];\n }).filter(Boolean)\n );\n};\n\n/**\n * Expose players object.\n *\n * @memberOf videojs\n * @property {Object} players\n */\nvideojs$1.players = Player.players;\n\n/**\n * Get a component class object by name\n *\n * @borrows Component.getComponent as videojs.getComponent\n */\nvideojs$1.getComponent = Component.getComponent;\n\n/**\n * Register a component so it can referred to by name. Used when adding to other\n * components, either through addChild `component.addChild('myComponent')` or through\n * default children options `{ children: ['myComponent'] }`.\n *\n * > NOTE: You could also just initialize the component before adding.\n * `component.addChild(new MyComponent());`\n *\n * @param {string} name\n * The class name of the component\n *\n * @param {Component} comp\n * The component class\n */\nvideojs$1.registerComponent = function (name$$1, comp) {\n if (Tech.isTech(comp)) {\n log$1.warn(\n /* eslint max-len: [\"error\", { \"code\": 800 }] */\n 'The ' + name$$1 + ' tech was registered as a component. It should instead be registered using videojs.registerTech(name, tech)');\n }\n\n Component.registerComponent.call(Component, name$$1, comp);\n};\n\n/**\n * Get a Tech class object by name\n *\n * @borrows Tech.getTech as videojs.getTech\n */\nvideojs$1.getTech = Tech.getTech;\n\n/**\n * Register a Tech so it can referred to by name.\n * This is used in the tech order for the player.\n *\n * @borrows Tech.registerTech as videojs.registerTech\n */\nvideojs$1.registerTech = Tech.registerTech;\n\n/**\n * Register a middleware to a source type.\n *\n * @param {String} type A string representing a MIME type.\n * @param {function(player):object} middleware A middleware factory that takes a player.\n */\nvideojs$1.use = use;\n\n/**\n * An object that can be returned by a middleware to signify\n * that the middleware is being terminated.\n *\n * @type {object}\n * @memberOf {videojs}\n * @property {object} middleware.TERMINATOR\n */\nObject.defineProperty(videojs$1, 'middleware', {\n value: {},\n writeable: false,\n enumerable: true\n});\n\nObject.defineProperty(videojs$1.middleware, 'TERMINATOR', {\n value: TERMINATOR,\n writeable: false,\n enumerable: true\n});\n\n/**\n * A suite of browser and device tests from {@link browser}.\n *\n * @type {Object}\n * @private\n */\nvideojs$1.browser = browser;\n\n/**\n * Whether or not the browser supports touch events. Included for backward\n * compatibility with 4.x, but deprecated. Use `videojs.browser.TOUCH_ENABLED`\n * instead going forward.\n *\n * @deprecated since version 5.0\n * @type {boolean}\n */\nvideojs$1.TOUCH_ENABLED = TOUCH_ENABLED;\n\n/**\n * Subclass an existing class\n * Mimics ES6 subclassing with the `extend` keyword\n *\n * @borrows extend:extendFn as videojs.extend\n */\nvideojs$1.extend = extendFn;\n\n/**\n * Merge two options objects recursively\n * Performs a deep merge like lodash.merge but **only merges plain objects**\n * (not arrays, elements, anything else)\n * Other values will be copied directly from the second object.\n *\n * @borrows merge-options:mergeOptions as videojs.mergeOptions\n */\nvideojs$1.mergeOptions = mergeOptions;\n\n/**\n * Change the context (this) of a function\n *\n * > NOTE: as of v5.0 we require an ES5 shim, so you should use the native\n * `function() {}.bind(newContext);` instead of this.\n *\n * @borrows fn:bind as videojs.bind\n */\nvideojs$1.bind = bind;\n\n/**\n * Register a Video.js plugin.\n *\n * @borrows plugin:registerPlugin as videojs.registerPlugin\n * @method registerPlugin\n *\n * @param {string} name\n * The name of the plugin to be registered. Must be a string and\n * must not match an existing plugin or a method on the `Player`\n * prototype.\n *\n * @param {Function} plugin\n * A sub-class of `Plugin` or a function for basic plugins.\n *\n * @return {Function}\n * For advanced plugins, a factory function for that plugin. For\n * basic plugins, a wrapper function that initializes the plugin.\n */\nvideojs$1.registerPlugin = Plugin.registerPlugin;\n\n/**\n * Deregister a Video.js plugin.\n *\n * @borrows plugin:deregisterPlugin as videojs.deregisterPlugin\n * @method deregisterPlugin\n *\n * @param {string} name\n * The name of the plugin to be deregistered. Must be a string and\n * must match an existing plugin or a method on the `Player`\n * prototype.\n *\n */\nvideojs$1.deregisterPlugin = Plugin.deregisterPlugin;\n\n/**\n * Deprecated method to register a plugin with Video.js\n *\n * @deprecated\n * videojs.plugin() is deprecated; use videojs.registerPlugin() instead\n *\n * @param {string} name\n * The plugin name\n *\n * @param {Plugin|Function} plugin\n * The plugin sub-class or function\n *\n * @return {Object} returns the plugin registered\n */\nvideojs$1.plugin = function (name$$1, plugin) {\n log$1.warn('videojs.plugin() is deprecated; use videojs.registerPlugin() instead');\n return Plugin.registerPlugin(name$$1, plugin);\n};\n\n/**\n * Gets an object containing multiple Video.js plugins.\n *\n * @param {Array} [names]\n * If provided, should be an array of plugin names. Defaults to _all_\n * plugin names.\n *\n * @return {Object|undefined}\n * An object containing plugin(s) associated with their name(s) or\n * `undefined` if no matching plugins exist).\n */\nvideojs$1.getPlugins = Plugin.getPlugins;\n\n/**\n * Gets a plugin by name if it exists.\n *\n * @param {string} name\n * The name of a plugin.\n *\n * @return {Function|undefined}\n * The plugin (or `undefined`).\n */\nvideojs$1.getPlugin = Plugin.getPlugin;\n\n/**\n * Gets a plugin's version, if available\n *\n * @param {string} name\n * The name of a plugin.\n *\n * @return {string}\n * The plugin's version or an empty string.\n */\nvideojs$1.getPluginVersion = Plugin.getPluginVersion;\n\n/**\n * Adding languages so that they're available to all players.\n * Example: `videojs.addLanguage('es', { 'Hello': 'Hola' });`\n *\n * @param {string} code\n * The language code or dictionary property\n *\n * @param {Object} data\n * The data values to be translated\n *\n * @return {Object}\n * The resulting language dictionary object\n */\nvideojs$1.addLanguage = function (code, data) {\n var _mergeOptions;\n\n code = ('' + code).toLowerCase();\n\n videojs$1.options.languages = mergeOptions(videojs$1.options.languages, (_mergeOptions = {}, _mergeOptions[code] = data, _mergeOptions));\n\n return videojs$1.options.languages[code];\n};\n\n/**\n * Log messages\n *\n * @borrows log:log as videojs.log\n */\nvideojs$1.log = log$1;\n\n/**\n * Creates an emulated TimeRange object.\n *\n * @borrows time-ranges:createTimeRanges as videojs.createTimeRange\n */\n/**\n * @borrows time-ranges:createTimeRanges as videojs.createTimeRanges\n */\nvideojs$1.createTimeRange = videojs$1.createTimeRanges = createTimeRanges;\n\n/**\n * Format seconds as a time string, H:MM:SS or M:SS\n * Supplying a guide (in seconds) will force a number of leading zeros\n * to cover the length of the guide\n *\n * @borrows format-time:formatTime as videojs.formatTime\n */\nvideojs$1.formatTime = formatTime;\n\n/**\n * Replaces format-time with a custom implementation, to be used in place of the default.\n *\n * @borrows format-time:setFormatTime as videojs.setFormatTime\n *\n * @method setFormatTime\n *\n * @param {Function} customFn\n * A custom format-time function which will be called\n * with the current time and guide (in seconds) as arguments.\n * Passed fn should return a string.\n */\nvideojs$1.setFormatTime = setFormatTime;\n\n/**\n * Resets format-time to the default implementation.\n *\n * @borrows format-time:resetFormatTime as videojs.resetFormatTime\n *\n * @method resetFormatTime\n */\nvideojs$1.resetFormatTime = resetFormatTime;\n\n/**\n * Resolve and parse the elements of a URL\n *\n * @borrows url:parseUrl as videojs.parseUrl\n *\n */\nvideojs$1.parseUrl = parseUrl;\n\n/**\n * Returns whether the url passed is a cross domain request or not.\n *\n * @borrows url:isCrossOrigin as videojs.isCrossOrigin\n */\nvideojs$1.isCrossOrigin = isCrossOrigin;\n\n/**\n * Event target class.\n *\n * @borrows EventTarget as videojs.EventTarget\n */\nvideojs$1.EventTarget = EventTarget;\n\n/**\n * Add an event listener to element\n * It stores the handler function in a separate cache object\n * and adds a generic handler to the element's event,\n * along with a unique id (guid) to the element.\n *\n * @borrows events:on as videojs.on\n */\nvideojs$1.on = on;\n\n/**\n * Trigger a listener only once for an event\n *\n * @borrows events:one as videojs.one\n */\nvideojs$1.one = one;\n\n/**\n * Removes event listeners from an element\n *\n * @borrows events:off as videojs.off\n */\nvideojs$1.off = off;\n\n/**\n * Trigger an event for an element\n *\n * @borrows events:trigger as videojs.trigger\n */\nvideojs$1.trigger = trigger;\n\n/**\n * A cross-browser XMLHttpRequest wrapper. Here's a simple example:\n *\n * @param {Object} options\n * settings for the request.\n *\n * @return {XMLHttpRequest|XDomainRequest}\n * The request object.\n *\n * @see https://github.com/Raynos/xhr\n */\nvideojs$1.xhr = xhr;\n\n/**\n * TextTrack class\n *\n * @borrows TextTrack as videojs.TextTrack\n */\nvideojs$1.TextTrack = TextTrack;\n\n/**\n * export the AudioTrack class so that source handlers can create\n * AudioTracks and then add them to the players AudioTrackList\n *\n * @borrows AudioTrack as videojs.AudioTrack\n */\nvideojs$1.AudioTrack = AudioTrack;\n\n/**\n * export the VideoTrack class so that source handlers can create\n * VideoTracks and then add them to the players VideoTrackList\n *\n * @borrows VideoTrack as videojs.VideoTrack\n */\nvideojs$1.VideoTrack = VideoTrack;\n\n/**\n * Determines, via duck typing, whether or not a value is a DOM element.\n *\n * @borrows dom:isEl as videojs.isEl\n * @deprecated Use videojs.dom.isEl() instead\n */\n\n/**\n * Determines, via duck typing, whether or not a value is a text node.\n *\n * @borrows dom:isTextNode as videojs.isTextNode\n * @deprecated Use videojs.dom.isTextNode() instead\n */\n\n/**\n * Creates an element and applies properties.\n *\n * @borrows dom:createEl as videojs.createEl\n * @deprecated Use videojs.dom.createEl() instead\n */\n\n/**\n * Check if an element has a CSS class\n *\n * @borrows dom:hasElClass as videojs.hasClass\n * @deprecated Use videojs.dom.hasClass() instead\n */\n\n/**\n * Add a CSS class name to an element\n *\n * @borrows dom:addElClass as videojs.addClass\n * @deprecated Use videojs.dom.addClass() instead\n */\n\n/**\n * Remove a CSS class name from an element\n *\n * @borrows dom:removeElClass as videojs.removeClass\n * @deprecated Use videojs.dom.removeClass() instead\n */\n\n/**\n * Adds or removes a CSS class name on an element depending on an optional\n * condition or the presence/absence of the class name.\n *\n * @borrows dom:toggleElClass as videojs.toggleClass\n * @deprecated Use videojs.dom.toggleClass() instead\n */\n\n/**\n * Apply attributes to an HTML element.\n *\n * @borrows dom:setElAttributes as videojs.setAttribute\n * @deprecated Use videojs.dom.setAttributes() instead\n */\n\n/**\n * Get an element's attribute values, as defined on the HTML tag\n * Attributes are not the same as properties. They're defined on the tag\n * or with setAttribute (which shouldn't be used with HTML)\n * This will return true or false for boolean attributes.\n *\n * @borrows dom:getElAttributes as videojs.getAttributes\n * @deprecated Use videojs.dom.getAttributes() instead\n */\n\n/**\n * Empties the contents of an element.\n *\n * @borrows dom:emptyEl as videojs.emptyEl\n * @deprecated Use videojs.dom.emptyEl() instead\n */\n\n/**\n * Normalizes and appends content to an element.\n *\n * The content for an element can be passed in multiple types and\n * combinations, whose behavior is as follows:\n *\n * - String\n * Normalized into a text node.\n *\n * - Element, TextNode\n * Passed through.\n *\n * - Array\n * A one-dimensional array of strings, elements, nodes, or functions (which\n * return single strings, elements, or nodes).\n *\n * - Function\n * If the sole argument, is expected to produce a string, element,\n * node, or array.\n *\n * @borrows dom:appendContents as videojs.appendContet\n * @deprecated Use videojs.dom.appendContent() instead\n */\n\n/**\n * Normalizes and inserts content into an element; this is identical to\n * `appendContent()`, except it empties the element first.\n *\n * The content for an element can be passed in multiple types and\n * combinations, whose behavior is as follows:\n *\n * - String\n * Normalized into a text node.\n *\n * - Element, TextNode\n * Passed through.\n *\n * - Array\n * A one-dimensional array of strings, elements, nodes, or functions (which\n * return single strings, elements, or nodes).\n *\n * - Function\n * If the sole argument, is expected to produce a string, element,\n * node, or array.\n *\n * @borrows dom:insertContent as videojs.insertContent\n * @deprecated Use videojs.dom.insertContent() instead\n */\n['isEl', 'isTextNode', 'createEl', 'hasClass', 'addClass', 'removeClass', 'toggleClass', 'setAttributes', 'getAttributes', 'emptyEl', 'appendContent', 'insertContent'].forEach(function (k) {\n videojs$1[k] = function () {\n log$1.warn('videojs.' + k + '() is deprecated; use videojs.dom.' + k + '() instead');\n return Dom[k].apply(null, arguments);\n };\n});\n\n/**\n * A safe getComputedStyle.\n *\n * This is because in Firefox, if the player is loaded in an iframe with `display:none`,\n * then `getComputedStyle` returns `null`, so, we do a null-check to make sure\n * that the player doesn't break in these cases.\n * See https://bugzilla.mozilla.org/show_bug.cgi?id=548397 for more details.\n *\n * @borrows computed-style:computedStyle as videojs.computedStyle\n */\nvideojs$1.computedStyle = computedStyle;\n\n/**\n * Export the Dom utilities for use in external plugins\n * and Tech's\n */\nvideojs$1.dom = Dom;\n\n/**\n * Export the Url utilities for use in external plugins\n * and Tech's\n */\nvideojs$1.url = Url;\n\n/**\n * @videojs/http-streaming\n * @version 1.2.5\n * @copyright 2019 Brightcove, Inc\n * @license Apache-2.0\n */\n\n/**\n * @file resolve-url.js\n */\n\nvar resolveUrl = function resolveUrl(baseURL, relativeURL) {\n // return early if we don't need to resolve\n if (/^[a-z]+:/i.test(relativeURL)) {\n return relativeURL;\n }\n\n // if the base URL is relative then combine with the current location\n if (!/\\/\\//i.test(baseURL)) {\n baseURL = URLToolkit.buildAbsoluteURL(window$1.location.href, baseURL);\n }\n\n return URLToolkit.buildAbsoluteURL(baseURL, relativeURL);\n};\n\nvar classCallCheck$1 = function classCallCheck$$1(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n};\n\nvar createClass$1 = function () {\n function defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n }\n\n return function (Constructor, protoProps, staticProps) {\n if (protoProps) defineProperties(Constructor.prototype, protoProps);\n if (staticProps) defineProperties(Constructor, staticProps);\n return Constructor;\n };\n}();\n\nvar get$2 = function get$$1(object, property, receiver) {\n if (object === null) object = Function.prototype;\n var desc = Object.getOwnPropertyDescriptor(object, property);\n\n if (desc === undefined) {\n var parent = Object.getPrototypeOf(object);\n\n if (parent === null) {\n return undefined;\n } else {\n return get$$1(parent, property, receiver);\n }\n } else if (\"value\" in desc) {\n return desc.value;\n } else {\n var getter = desc.get;\n\n if (getter === undefined) {\n return undefined;\n }\n\n return getter.call(receiver);\n }\n};\n\nvar inherits$1 = function inherits$$1(subClass, superClass) {\n if (typeof superClass !== \"function\" && superClass !== null) {\n throw new TypeError(\"Super expression must either be null or a function, not \" + (typeof superClass === 'undefined' ? 'undefined' : _typeof(superClass)));\n }\n\n subClass.prototype = Object.create(superClass && superClass.prototype, {\n constructor: {\n value: subClass,\n enumerable: false,\n writable: true,\n configurable: true\n }\n });\n if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;\n};\n\nvar possibleConstructorReturn$1 = function possibleConstructorReturn$$1(self, call) {\n if (!self) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n\n return call && ((typeof call === 'undefined' ? 'undefined' : _typeof(call)) === \"object\" || typeof call === \"function\") ? call : self;\n};\n\nvar slicedToArray$1 = function () {\n function sliceIterator(arr, i) {\n var _arr = [];\n var _n = true;\n var _d = false;\n var _e = undefined;\n\n try {\n for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {\n _arr.push(_s.value);\n\n if (i && _arr.length === i) break;\n }\n } catch (err) {\n _d = true;\n _e = err;\n } finally {\n try {\n if (!_n && _i[\"return\"]) _i[\"return\"]();\n } finally {\n if (_d) throw _e;\n }\n }\n\n return _arr;\n }\n\n return function (arr, i) {\n if (Array.isArray(arr)) {\n return arr;\n } else if (Symbol.iterator in Object(arr)) {\n return sliceIterator(arr, i);\n } else {\n throw new TypeError(\"Invalid attempt to destructure non-iterable instance\");\n }\n };\n}();\n\n/**\n * @file playlist-loader.js\n *\n * A state machine that manages the loading, caching, and updating of\n * M3U8 playlists.\n *\n */\n\nvar mergeOptions$1 = videojs$1.mergeOptions,\n EventTarget$1 = videojs$1.EventTarget,\n log$2 = videojs$1.log;\n\n/**\n * Loops through all supported media groups in master and calls the provided\n * callback for each group\n *\n * @param {Object} master\n * The parsed master manifest object\n * @param {Function} callback\n * Callback to call for each media group\n */\n\nvar forEachMediaGroup = function forEachMediaGroup(master, callback) {\n ['AUDIO', 'SUBTITLES'].forEach(function (mediaType) {\n for (var groupKey in master.mediaGroups[mediaType]) {\n for (var labelKey in master.mediaGroups[mediaType][groupKey]) {\n var mediaProperties = master.mediaGroups[mediaType][groupKey][labelKey];\n\n callback(mediaProperties, mediaType, groupKey, labelKey);\n }\n }\n });\n};\n\n/**\n * Returns a new array of segments that is the result of merging\n * properties from an older list of segments onto an updated\n * list. No properties on the updated playlist will be overridden.\n *\n * @param {Array} original the outdated list of segments\n * @param {Array} update the updated list of segments\n * @param {Number=} offset the index of the first update\n * segment in the original segment list. For non-live playlists,\n * this should always be zero and does not need to be\n * specified. For live playlists, it should be the difference\n * between the media sequence numbers in the original and updated\n * playlists.\n * @return a list of merged segment objects\n */\nvar updateSegments = function updateSegments(original, update, offset) {\n var result = update.slice();\n\n offset = offset || 0;\n var length = Math.min(original.length, update.length + offset);\n\n for (var i = offset; i < length; i++) {\n result[i - offset] = mergeOptions$1(original[i], result[i - offset]);\n }\n return result;\n};\n\nvar resolveSegmentUris = function resolveSegmentUris(segment, baseUri) {\n if (!segment.resolvedUri) {\n segment.resolvedUri = resolveUrl(baseUri, segment.uri);\n }\n if (segment.key && !segment.key.resolvedUri) {\n segment.key.resolvedUri = resolveUrl(baseUri, segment.key.uri);\n }\n if (segment.map && !segment.map.resolvedUri) {\n segment.map.resolvedUri = resolveUrl(baseUri, segment.map.uri);\n }\n};\n\n/**\n * Returns a new master playlist that is the result of merging an\n * updated media playlist into the original version. If the\n * updated media playlist does not match any of the playlist\n * entries in the original master playlist, null is returned.\n *\n * @param {Object} master a parsed master M3U8 object\n * @param {Object} media a parsed media M3U8 object\n * @return {Object} a new object that represents the original\n * master playlist with the updated media playlist merged in, or\n * null if the merge produced no change.\n */\nvar updateMaster = function updateMaster(master, media) {\n var result = mergeOptions$1(master, {});\n var playlist = result.playlists[media.uri];\n\n if (!playlist) {\n return null;\n }\n\n // consider the playlist unchanged if the number of segments is equal and the media\n // sequence number is unchanged\n if (playlist.segments && media.segments && playlist.segments.length === media.segments.length && playlist.mediaSequence === media.mediaSequence) {\n return null;\n }\n\n var mergedPlaylist = mergeOptions$1(playlist, media);\n\n // if the update could overlap existing segment information, merge the two segment lists\n if (playlist.segments) {\n mergedPlaylist.segments = updateSegments(playlist.segments, media.segments, media.mediaSequence - playlist.mediaSequence);\n }\n\n // resolve any segment URIs to prevent us from having to do it later\n mergedPlaylist.segments.forEach(function (segment) {\n resolveSegmentUris(segment, mergedPlaylist.resolvedUri);\n });\n\n // TODO Right now in the playlists array there are two references to each playlist, one\n // that is referenced by index, and one by URI. The index reference may no longer be\n // necessary.\n for (var i = 0; i < result.playlists.length; i++) {\n if (result.playlists[i].uri === media.uri) {\n result.playlists[i] = mergedPlaylist;\n }\n }\n result.playlists[media.uri] = mergedPlaylist;\n\n return result;\n};\n\nvar setupMediaPlaylists = function setupMediaPlaylists(master) {\n // setup by-URI lookups and resolve media playlist URIs\n var i = master.playlists.length;\n\n while (i--) {\n var playlist = master.playlists[i];\n\n master.playlists[playlist.uri] = playlist;\n playlist.resolvedUri = resolveUrl(master.uri, playlist.uri);\n playlist.id = i;\n\n if (!playlist.attributes) {\n // Although the spec states an #EXT-X-STREAM-INF tag MUST have a\n // BANDWIDTH attribute, we can play the stream without it. This means a poorly\n // formatted master playlist may not have an attribute list. An attributes\n // property is added here to prevent undefined references when we encounter\n // this scenario.\n playlist.attributes = {};\n\n log$2.warn('Invalid playlist STREAM-INF detected. Missing BANDWIDTH attribute.');\n }\n }\n};\n\nvar resolveMediaGroupUris = function resolveMediaGroupUris(master) {\n forEachMediaGroup(master, function (properties) {\n if (properties.uri) {\n properties.resolvedUri = resolveUrl(master.uri, properties.uri);\n }\n });\n};\n\n/**\n * Calculates the time to wait before refreshing a live playlist\n *\n * @param {Object} media\n * The current media\n * @param {Boolean} update\n * True if there were any updates from the last refresh, false otherwise\n * @return {Number}\n * The time in ms to wait before refreshing the live playlist\n */\nvar refreshDelay = function refreshDelay(media, update) {\n var lastSegment = media.segments[media.segments.length - 1];\n var delay = void 0;\n\n if (update && lastSegment && lastSegment.duration) {\n delay = lastSegment.duration * 1000;\n } else {\n // if the playlist is unchanged since the last reload or last segment duration\n // cannot be determined, try again after half the target duration\n delay = (media.targetDuration || 10) * 500;\n }\n return delay;\n};\n\n/**\n * Load a playlist from a remote location\n *\n * @class PlaylistLoader\n * @extends Stream\n * @param {String} srcUrl the url to start with\n * @param {Boolean} withCredentials the withCredentials xhr option\n * @constructor\n */\n\nvar PlaylistLoader = function (_EventTarget) {\n inherits$1(PlaylistLoader, _EventTarget);\n\n function PlaylistLoader(srcUrl, hls, withCredentials) {\n classCallCheck$1(this, PlaylistLoader);\n\n var _this = possibleConstructorReturn$1(this, (PlaylistLoader.__proto__ || Object.getPrototypeOf(PlaylistLoader)).call(this));\n\n _this.srcUrl = srcUrl;\n _this.hls_ = hls;\n _this.withCredentials = withCredentials;\n\n if (!_this.srcUrl) {\n throw new Error('A non-empty playlist URL is required');\n }\n\n // initialize the loader state\n _this.state = 'HAVE_NOTHING';\n\n // live playlist staleness timeout\n _this.on('mediaupdatetimeout', function () {\n if (_this.state !== 'HAVE_METADATA') {\n // only refresh the media playlist if no other activity is going on\n return;\n }\n\n _this.state = 'HAVE_CURRENT_METADATA';\n\n _this.request = _this.hls_.xhr({\n uri: resolveUrl(_this.master.uri, _this.media().uri),\n withCredentials: _this.withCredentials\n }, function (error, req) {\n // disposed\n if (!_this.request) {\n return;\n }\n\n if (error) {\n return _this.playlistRequestError(_this.request, _this.media().uri, 'HAVE_METADATA');\n }\n\n _this.haveMetadata(_this.request, _this.media().uri);\n });\n });\n return _this;\n }\n\n createClass$1(PlaylistLoader, [{\n key: 'playlistRequestError',\n value: function playlistRequestError(xhr$$1, url, startingState) {\n // any in-flight request is now finished\n this.request = null;\n\n if (startingState) {\n this.state = startingState;\n }\n\n this.error = {\n playlist: this.master.playlists[url],\n status: xhr$$1.status,\n message: 'HLS playlist request error at URL: ' + url,\n responseText: xhr$$1.responseText,\n code: xhr$$1.status >= 500 ? 4 : 2\n };\n\n this.trigger('error');\n }\n\n // update the playlist loader's state in response to a new or\n // updated playlist.\n\n }, {\n key: 'haveMetadata',\n value: function haveMetadata(xhr$$1, url) {\n var _this2 = this;\n\n // any in-flight request is now finished\n this.request = null;\n this.state = 'HAVE_METADATA';\n\n var parser = new Parser();\n\n parser.push(xhr$$1.responseText);\n parser.end();\n parser.manifest.uri = url;\n // m3u8-parser does not attach an attributes property to media playlists so make\n // sure that the property is attached to avoid undefined reference errors\n parser.manifest.attributes = parser.manifest.attributes || {};\n\n // merge this playlist into the master\n var update = updateMaster(this.master, parser.manifest);\n\n this.targetDuration = parser.manifest.targetDuration;\n\n if (update) {\n this.master = update;\n this.media_ = this.master.playlists[parser.manifest.uri];\n } else {\n this.trigger('playlistunchanged');\n }\n\n // refresh live playlists after a target duration passes\n if (!this.media().endList) {\n window$1.clearTimeout(this.mediaUpdateTimeout);\n this.mediaUpdateTimeout = window$1.setTimeout(function () {\n _this2.trigger('mediaupdatetimeout');\n }, refreshDelay(this.media(), !!update));\n }\n\n this.trigger('loadedplaylist');\n }\n\n /**\n * Abort any outstanding work and clean up.\n */\n\n }, {\n key: 'dispose',\n value: function dispose() {\n this.stopRequest();\n window$1.clearTimeout(this.mediaUpdateTimeout);\n }\n }, {\n key: 'stopRequest',\n value: function stopRequest() {\n if (this.request) {\n var oldRequest = this.request;\n\n this.request = null;\n oldRequest.onreadystatechange = null;\n oldRequest.abort();\n }\n }\n\n /**\n * When called without any arguments, returns the currently\n * active media playlist. When called with a single argument,\n * triggers the playlist loader to asynchronously switch to the\n * specified media playlist. Calling this method while the\n * loader is in the HAVE_NOTHING causes an error to be emitted\n * but otherwise has no effect.\n *\n * @param {Object=} playlist the parsed media playlist\n * object to switch to\n * @return {Playlist} the current loaded media\n */\n\n }, {\n key: 'media',\n value: function media(playlist) {\n var _this3 = this;\n\n // getter\n if (!playlist) {\n return this.media_;\n }\n\n // setter\n if (this.state === 'HAVE_NOTHING') {\n throw new Error('Cannot switch media playlist from ' + this.state);\n }\n\n var startingState = this.state;\n\n // find the playlist object if the target playlist has been\n // specified by URI\n if (typeof playlist === 'string') {\n if (!this.master.playlists[playlist]) {\n throw new Error('Unknown playlist URI: ' + playlist);\n }\n playlist = this.master.playlists[playlist];\n }\n\n var mediaChange = !this.media_ || playlist.uri !== this.media_.uri;\n\n // switch to fully loaded playlists immediately\n if (this.master.playlists[playlist.uri].endList) {\n // abort outstanding playlist requests\n if (this.request) {\n this.request.onreadystatechange = null;\n this.request.abort();\n this.request = null;\n }\n this.state = 'HAVE_METADATA';\n this.media_ = playlist;\n\n // trigger media change if the active media has been updated\n if (mediaChange) {\n this.trigger('mediachanging');\n this.trigger('mediachange');\n }\n return;\n }\n\n // switching to the active playlist is a no-op\n if (!mediaChange) {\n return;\n }\n\n this.state = 'SWITCHING_MEDIA';\n\n // there is already an outstanding playlist request\n if (this.request) {\n if (resolveUrl(this.master.uri, playlist.uri) === this.request.url) {\n // requesting to switch to the same playlist multiple times\n // has no effect after the first\n return;\n }\n this.request.onreadystatechange = null;\n this.request.abort();\n this.request = null;\n }\n\n // request the new playlist\n if (this.media_) {\n this.trigger('mediachanging');\n }\n\n this.request = this.hls_.xhr({\n uri: resolveUrl(this.master.uri, playlist.uri),\n withCredentials: this.withCredentials\n }, function (error, req) {\n // disposed\n if (!_this3.request) {\n return;\n }\n\n if (error) {\n return _this3.playlistRequestError(_this3.request, playlist.uri, startingState);\n }\n\n _this3.haveMetadata(req, playlist.uri);\n\n // fire loadedmetadata the first time a media playlist is loaded\n if (startingState === 'HAVE_MASTER') {\n _this3.trigger('loadedmetadata');\n } else {\n _this3.trigger('mediachange');\n }\n });\n }\n\n /**\n * pause loading of the playlist\n */\n\n }, {\n key: 'pause',\n value: function pause() {\n this.stopRequest();\n window$1.clearTimeout(this.mediaUpdateTimeout);\n if (this.state === 'HAVE_NOTHING') {\n // If we pause the loader before any data has been retrieved, its as if we never\n // started, so reset to an unstarted state.\n this.started = false;\n }\n // Need to restore state now that no activity is happening\n if (this.state === 'SWITCHING_MEDIA') {\n // if the loader was in the process of switching media, it should either return to\n // HAVE_MASTER or HAVE_METADATA depending on if the loader has loaded a media\n // playlist yet. This is determined by the existence of loader.media_\n if (this.media_) {\n this.state = 'HAVE_METADATA';\n } else {\n this.state = 'HAVE_MASTER';\n }\n } else if (this.state === 'HAVE_CURRENT_METADATA') {\n this.state = 'HAVE_METADATA';\n }\n }\n\n /**\n * start loading of the playlist\n */\n\n }, {\n key: 'load',\n value: function load(isFinalRendition) {\n var _this4 = this;\n\n window$1.clearTimeout(this.mediaUpdateTimeout);\n\n var media = this.media();\n\n if (isFinalRendition) {\n var delay = media ? media.targetDuration / 2 * 1000 : 5 * 1000;\n\n this.mediaUpdateTimeout = window$1.setTimeout(function () {\n return _this4.load();\n }, delay);\n return;\n }\n\n if (!this.started) {\n this.start();\n return;\n }\n\n if (media && !media.endList) {\n this.trigger('mediaupdatetimeout');\n } else {\n this.trigger('loadedplaylist');\n }\n }\n\n /**\n * start loading of the playlist\n */\n\n }, {\n key: 'start',\n value: function start() {\n var _this5 = this;\n\n this.started = true;\n\n // request the specified URL\n this.request = this.hls_.xhr({\n uri: this.srcUrl,\n withCredentials: this.withCredentials\n }, function (error, req) {\n // disposed\n if (!_this5.request) {\n return;\n }\n\n // clear the loader's request reference\n _this5.request = null;\n\n if (error) {\n _this5.error = {\n status: req.status,\n message: 'HLS playlist request error at URL: ' + _this5.srcUrl,\n responseText: req.responseText,\n // MEDIA_ERR_NETWORK\n code: 2\n };\n if (_this5.state === 'HAVE_NOTHING') {\n _this5.started = false;\n }\n return _this5.trigger('error');\n }\n\n var parser = new Parser();\n\n parser.push(req.responseText);\n parser.end();\n\n _this5.state = 'HAVE_MASTER';\n\n // parser.manifest.uri = this.srcUrl;\n if (req.responseURL != _this5.srcUrl) {\n parser.manifest.uri = req.responseURL;\n _this5.trigger('mediasourcechange', req.responseURL);\n } else {\n parser.manifest.uri = _this5.srcUrl;\n }\n\n // loaded a master playlist\n if (parser.manifest.playlists) {\n _this5.master = parser.manifest;\n\n setupMediaPlaylists(_this5.master);\n resolveMediaGroupUris(_this5.master);\n\n _this5.trigger('loadedplaylist');\n if (!_this5.request) {\n // no media playlist was specifically selected so start\n // from the first listed one\n _this5.media(parser.manifest.playlists[0]);\n }\n return;\n }\n\n // loaded a media playlist\n // infer a master playlist if none was previously requested\n _this5.master = {\n mediaGroups: {\n 'AUDIO': {},\n 'VIDEO': {},\n 'CLOSED-CAPTIONS': {},\n 'SUBTITLES': {}\n },\n uri: window$1.location.href,\n playlists: [{\n uri: _this5.srcUrl,\n id: 0\n }]\n };\n _this5.master.playlists[_this5.srcUrl] = _this5.master.playlists[0];\n _this5.master.playlists[0].resolvedUri = _this5.srcUrl;\n // m3u8-parser does not attach an attributes property to media playlists so make\n // sure that the property is attached to avoid undefined reference errors\n _this5.master.playlists[0].attributes = _this5.master.playlists[0].attributes || {};\n _this5.haveMetadata(req, _this5.srcUrl);\n return _this5.trigger('loadedmetadata');\n });\n }\n }]);\n return PlaylistLoader;\n}(EventTarget$1);\n\n/**\n * @file playlist.js\n *\n * Playlist related utilities.\n */\n\nvar createTimeRange = videojs$1.createTimeRange;\n\n/**\n * walk backward until we find a duration we can use\n * or return a failure\n *\n * @param {Playlist} playlist the playlist to walk through\n * @param {Number} endSequence the mediaSequence to stop walking on\n */\n\nvar backwardDuration = function backwardDuration(playlist, endSequence) {\n var result = 0;\n var i = endSequence - playlist.mediaSequence;\n // if a start time is available for segment immediately following\n // the interval, use it\n var segment = playlist.segments[i];\n\n // Walk backward until we find the latest segment with timeline\n // information that is earlier than endSequence\n if (segment) {\n if (typeof segment.start !== 'undefined') {\n return { result: segment.start, precise: true };\n }\n if (typeof segment.end !== 'undefined') {\n return {\n result: segment.end - segment.duration,\n precise: true\n };\n }\n }\n while (i--) {\n segment = playlist.segments[i];\n if (typeof segment.end !== 'undefined') {\n return { result: result + segment.end, precise: true };\n }\n\n result += segment.duration;\n\n if (typeof segment.start !== 'undefined') {\n return { result: result + segment.start, precise: true };\n }\n }\n return { result: result, precise: false };\n};\n\n/**\n * walk forward until we find a duration we can use\n * or return a failure\n *\n * @param {Playlist} playlist the playlist to walk through\n * @param {Number} endSequence the mediaSequence to stop walking on\n */\nvar forwardDuration = function forwardDuration(playlist, endSequence) {\n var result = 0;\n var segment = void 0;\n var i = endSequence - playlist.mediaSequence;\n // Walk forward until we find the earliest segment with timeline\n // information\n\n for (; i < playlist.segments.length; i++) {\n segment = playlist.segments[i];\n if (typeof segment.start !== 'undefined') {\n return {\n result: segment.start - result,\n precise: true\n };\n }\n\n result += segment.duration;\n\n if (typeof segment.end !== 'undefined') {\n return {\n result: segment.end - result,\n precise: true\n };\n }\n }\n // indicate we didn't find a useful duration estimate\n return { result: -1, precise: false };\n};\n\n/**\n * Calculate the media duration from the segments associated with a\n * playlist. The duration of a subinterval of the available segments\n * may be calculated by specifying an end index.\n *\n * @param {Object} playlist a media playlist object\n * @param {Number=} endSequence an exclusive upper boundary\n * for the playlist. Defaults to playlist length.\n * @param {Number} expired the amount of time that has dropped\n * off the front of the playlist in a live scenario\n * @return {Number} the duration between the first available segment\n * and end index.\n */\nvar intervalDuration = function intervalDuration(playlist, endSequence, expired) {\n var backward = void 0;\n var forward = void 0;\n\n if (typeof endSequence === 'undefined') {\n endSequence = playlist.mediaSequence + playlist.segments.length;\n }\n\n if (endSequence < playlist.mediaSequence) {\n return 0;\n }\n\n // do a backward walk to estimate the duration\n backward = backwardDuration(playlist, endSequence);\n if (backward.precise) {\n // if we were able to base our duration estimate on timing\n // information provided directly from the Media Source, return\n // it\n return backward.result;\n }\n\n // walk forward to see if a precise duration estimate can be made\n // that way\n forward = forwardDuration(playlist, endSequence);\n if (forward.precise) {\n // we found a segment that has been buffered and so it's\n // position is known precisely\n return forward.result;\n }\n\n // return the less-precise, playlist-based duration estimate\n return backward.result + expired;\n};\n\n/**\n * Calculates the duration of a playlist. If a start and end index\n * are specified, the duration will be for the subset of the media\n * timeline between those two indices. The total duration for live\n * playlists is always Infinity.\n *\n * @param {Object} playlist a media playlist object\n * @param {Number=} endSequence an exclusive upper\n * boundary for the playlist. Defaults to the playlist media\n * sequence number plus its length.\n * @param {Number=} expired the amount of time that has\n * dropped off the front of the playlist in a live scenario\n * @return {Number} the duration between the start index and end\n * index.\n */\nvar duration = function duration(playlist, endSequence, expired) {\n if (!playlist) {\n return 0;\n }\n\n if (typeof expired !== 'number') {\n expired = 0;\n }\n\n // if a slice of the total duration is not requested, use\n // playlist-level duration indicators when they're present\n if (typeof endSequence === 'undefined') {\n // if present, use the duration specified in the playlist\n if (playlist.totalDuration) {\n return playlist.totalDuration;\n }\n\n // duration should be Infinity for live playlists\n if (!playlist.endList) {\n return window$1.Infinity;\n }\n }\n\n // calculate the total duration based on the segment durations\n return intervalDuration(playlist, endSequence, expired);\n};\n\n/**\n * Calculate the time between two indexes in the current playlist\n * neight the start- nor the end-index need to be within the current\n * playlist in which case, the targetDuration of the playlist is used\n * to approximate the durations of the segments\n *\n * @param {Object} playlist a media playlist object\n * @param {Number} startIndex\n * @param {Number} endIndex\n * @return {Number} the number of seconds between startIndex and endIndex\n */\nvar sumDurations = function sumDurations(playlist, startIndex, endIndex) {\n var durations = 0;\n\n if (startIndex > endIndex) {\n var _ref = [endIndex, startIndex];\n startIndex = _ref[0];\n endIndex = _ref[1];\n }\n\n if (startIndex < 0) {\n for (var i = startIndex; i < Math.min(0, endIndex); i++) {\n durations += playlist.targetDuration;\n }\n startIndex = 0;\n }\n\n for (var _i = startIndex; _i < endIndex; _i++) {\n durations += playlist.segments[_i].duration;\n }\n\n return durations;\n};\n\n/**\n * Determines the media index of the segment corresponding to the safe edge of the live\n * window which is the duration of the last segment plus 2 target durations from the end\n * of the playlist.\n *\n * @param {Object} playlist\n * a media playlist object\n * @return {Number}\n * The media index of the segment at the safe live point. 0 if there is no \"safe\"\n * point.\n * @function safeLiveIndex\n */\nvar safeLiveIndex = function safeLiveIndex(playlist) {\n if (!playlist.segments.length) {\n return 0;\n }\n\n var i = playlist.segments.length - 1;\n var distanceFromEnd = playlist.segments[i].duration || playlist.targetDuration;\n var safeDistance = distanceFromEnd + playlist.targetDuration * 2;\n\n while (i--) {\n distanceFromEnd += playlist.segments[i].duration;\n\n if (distanceFromEnd >= safeDistance) {\n break;\n }\n }\n\n return Math.max(0, i);\n};\n\n/**\n * Calculates the playlist end time\n *\n * @param {Object} playlist a media playlist object\n * @param {Number=} expired the amount of time that has\n * dropped off the front of the playlist in a live scenario\n * @param {Boolean|false} useSafeLiveEnd a boolean value indicating whether or not the\n * playlist end calculation should consider the safe live end\n * (truncate the playlist end by three segments). This is normally\n * used for calculating the end of the playlist's seekable range.\n * @returns {Number} the end time of playlist\n * @function playlistEnd\n */\nvar playlistEnd = function playlistEnd(playlist, expired, useSafeLiveEnd) {\n if (!playlist || !playlist.segments) {\n return null;\n }\n if (playlist.endList) {\n return duration(playlist);\n }\n\n if (expired === null) {\n return null;\n }\n\n expired = expired || 0;\n\n var endSequence = useSafeLiveEnd ? safeLiveIndex(playlist) : playlist.segments.length;\n\n return intervalDuration(playlist, playlist.mediaSequence + endSequence, expired);\n};\n\n/**\n * Calculates the interval of time that is currently seekable in a\n * playlist. The returned time ranges are relative to the earliest\n * moment in the specified playlist that is still available. A full\n * seekable implementation for live streams would need to offset\n * these values by the duration of content that has expired from the\n * stream.\n *\n * @param {Object} playlist a media playlist object\n * dropped off the front of the playlist in a live scenario\n * @param {Number=} expired the amount of time that has\n * dropped off the front of the playlist in a live scenario\n * @return {TimeRanges} the periods of time that are valid targets\n * for seeking\n */\nvar seekable = function seekable(playlist, expired) {\n var useSafeLiveEnd = true;\n var seekableStart = expired || 0;\n var seekableEnd = playlistEnd(playlist, expired, useSafeLiveEnd);\n\n if (seekableEnd === null) {\n return createTimeRange();\n }\n return createTimeRange(seekableStart, seekableEnd);\n};\n\nvar isWholeNumber = function isWholeNumber(num) {\n return num - Math.floor(num) === 0;\n};\n\nvar roundSignificantDigit = function roundSignificantDigit(increment, num) {\n // If we have a whole number, just add 1 to it\n if (isWholeNumber(num)) {\n return num + increment * 0.1;\n }\n\n var numDecimalDigits = num.toString().split('.')[1].length;\n\n for (var i = 1; i <= numDecimalDigits; i++) {\n var scale = Math.pow(10, i);\n var temp = num * scale;\n\n if (isWholeNumber(temp) || i === numDecimalDigits) {\n return (temp + increment) / scale;\n }\n }\n};\n\nvar ceilLeastSignificantDigit = roundSignificantDigit.bind(null, 1);\nvar floorLeastSignificantDigit = roundSignificantDigit.bind(null, -1);\n\n/**\n * Determine the index and estimated starting time of the segment that\n * contains a specified playback position in a media playlist.\n *\n * @param {Object} playlist the media playlist to query\n * @param {Number} currentTime The number of seconds since the earliest\n * possible position to determine the containing segment for\n * @param {Number} startIndex\n * @param {Number} startTime\n * @return {Object}\n */\nvar getMediaInfoForTime = function getMediaInfoForTime(playlist, currentTime, startIndex, startTime) {\n var i = void 0;\n var segment = void 0;\n var numSegments = playlist.segments.length;\n\n var time = currentTime - startTime;\n\n if (time < 0) {\n // Walk backward from startIndex in the playlist, adding durations\n // until we find a segment that contains `time` and return it\n if (startIndex > 0) {\n for (i = startIndex - 1; i >= 0; i--) {\n segment = playlist.segments[i];\n time += floorLeastSignificantDigit(segment.duration);\n if (time > 0) {\n return {\n mediaIndex: i,\n startTime: startTime - sumDurations(playlist, startIndex, i)\n };\n }\n }\n }\n // We were unable to find a good segment within the playlist\n // so select the first segment\n return {\n mediaIndex: 0,\n startTime: currentTime\n };\n }\n\n // When startIndex is negative, we first walk forward to first segment\n // adding target durations. If we \"run out of time\" before getting to\n // the first segment, return the first segment\n if (startIndex < 0) {\n for (i = startIndex; i < 0; i++) {\n time -= playlist.targetDuration;\n if (time < 0) {\n return {\n mediaIndex: 0,\n startTime: currentTime\n };\n }\n }\n startIndex = 0;\n }\n\n // Walk forward from startIndex in the playlist, subtracting durations\n // until we find a segment that contains `time` and return it\n for (i = startIndex; i < numSegments; i++) {\n segment = playlist.segments[i];\n time -= ceilLeastSignificantDigit(segment.duration);\n if (time < 0) {\n return {\n mediaIndex: i,\n startTime: startTime + sumDurations(playlist, startIndex, i)\n };\n }\n }\n\n // We are out of possible candidates so load the last one...\n return {\n mediaIndex: numSegments - 1,\n startTime: currentTime\n };\n};\n\n/**\n * Check whether the playlist is blacklisted or not.\n *\n * @param {Object} playlist the media playlist object\n * @return {boolean} whether the playlist is blacklisted or not\n * @function isBlacklisted\n */\nvar isBlacklisted = function isBlacklisted(playlist) {\n return playlist.excludeUntil && playlist.excludeUntil > Date.now();\n};\n\n/**\n * Check whether the playlist is compatible with current playback configuration or has\n * been blacklisted permanently for being incompatible.\n *\n * @param {Object} playlist the media playlist object\n * @return {boolean} whether the playlist is incompatible or not\n * @function isIncompatible\n */\nvar isIncompatible = function isIncompatible(playlist) {\n return playlist.excludeUntil && playlist.excludeUntil === Infinity;\n};\n\n/**\n * Check whether the playlist is enabled or not.\n *\n * @param {Object} playlist the media playlist object\n * @return {boolean} whether the playlist is enabled or not\n * @function isEnabled\n */\nvar isEnabled = function isEnabled(playlist) {\n var blacklisted = isBlacklisted(playlist);\n\n return !playlist.disabled && !blacklisted;\n};\n\n/**\n * Check whether the playlist has been manually disabled through the representations api.\n *\n * @param {Object} playlist the media playlist object\n * @return {boolean} whether the playlist is disabled manually or not\n * @function isDisabled\n */\nvar isDisabled = function isDisabled(playlist) {\n return playlist.disabled;\n};\n\n/**\n * Returns whether the current playlist is an AES encrypted HLS stream\n *\n * @return {Boolean} true if it's an AES encrypted HLS stream\n */\nvar isAes = function isAes(media) {\n for (var i = 0; i < media.segments.length; i++) {\n if (media.segments[i].key) {\n return true;\n }\n }\n return false;\n};\n\n/**\n * Returns whether the current playlist contains fMP4\n *\n * @return {Boolean} true if the playlist contains fMP4\n */\nvar isFmp4 = function isFmp4(media) {\n for (var i = 0; i < media.segments.length; i++) {\n if (media.segments[i].map) {\n return true;\n }\n }\n return false;\n};\n\n/**\n * Checks if the playlist has a value for the specified attribute\n *\n * @param {String} attr\n * Attribute to check for\n * @param {Object} playlist\n * The media playlist object\n * @return {Boolean}\n * Whether the playlist contains a value for the attribute or not\n * @function hasAttribute\n */\nvar hasAttribute = function hasAttribute(attr, playlist) {\n return playlist.attributes && playlist.attributes[attr];\n};\n\n/**\n * Estimates the time required to complete a segment download from the specified playlist\n *\n * @param {Number} segmentDuration\n * Duration of requested segment\n * @param {Number} bandwidth\n * Current measured bandwidth of the player\n * @param {Object} playlist\n * The media playlist object\n * @param {Number=} bytesReceived\n * Number of bytes already received for the request. Defaults to 0\n * @return {Number|NaN}\n * The estimated time to request the segment. NaN if bandwidth information for\n * the given playlist is unavailable\n * @function estimateSegmentRequestTime\n */\nvar estimateSegmentRequestTime = function estimateSegmentRequestTime(segmentDuration, bandwidth, playlist) {\n var bytesReceived = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;\n\n if (!hasAttribute('BANDWIDTH', playlist)) {\n return NaN;\n }\n\n var size = segmentDuration * playlist.attributes.BANDWIDTH;\n\n return (size - bytesReceived * 8) / bandwidth;\n};\n\n/*\n * Returns whether the current playlist is the lowest rendition\n *\n * @return {Boolean} true if on lowest rendition\n */\nvar isLowestEnabledRendition = function isLowestEnabledRendition(master, media) {\n if (master.playlists.length === 1) {\n return true;\n }\n\n var currentBandwidth = media.attributes.BANDWIDTH || Number.MAX_VALUE;\n\n return master.playlists.filter(function (playlist) {\n if (!isEnabled(playlist)) {\n return false;\n }\n\n return (playlist.attributes.BANDWIDTH || 0) < currentBandwidth;\n }).length === 0;\n};\n\n// exports\nvar Playlist = {\n duration: duration,\n seekable: seekable,\n safeLiveIndex: safeLiveIndex,\n getMediaInfoForTime: getMediaInfoForTime,\n isEnabled: isEnabled,\n isDisabled: isDisabled,\n isBlacklisted: isBlacklisted,\n isIncompatible: isIncompatible,\n playlistEnd: playlistEnd,\n isAes: isAes,\n isFmp4: isFmp4,\n hasAttribute: hasAttribute,\n estimateSegmentRequestTime: estimateSegmentRequestTime,\n isLowestEnabledRendition: isLowestEnabledRendition\n};\n\n/**\n * @file xhr.js\n */\n\nvar videojsXHR = videojs$1.xhr,\n mergeOptions$1$1 = videojs$1.mergeOptions;\n\nvar xhrFactory = function xhrFactory() {\n var xhr$$1 = function XhrFunction(options, callback) {\n // Add a default timeout for all hls requests\n options = mergeOptions$1$1({\n timeout: 45e3\n }, options);\n\n // Allow an optional user-specified function to modify the option\n // object before we construct the xhr request\n var beforeRequest = XhrFunction.beforeRequest || videojs$1.Hls.xhr.beforeRequest;\n\n if (beforeRequest && typeof beforeRequest === 'function') {\n var newOptions = beforeRequest(options);\n\n if (newOptions) {\n options = newOptions;\n }\n }\n\n var request = videojsXHR(options, function (error, response) {\n var reqResponse = request.response;\n\n if (!error && reqResponse) {\n request.responseTime = Date.now();\n request.roundTripTime = request.responseTime - request.requestTime;\n request.bytesReceived = reqResponse.byteLength || reqResponse.length;\n if (!request.bandwidth) {\n request.bandwidth = Math.floor(request.bytesReceived / request.roundTripTime * 8 * 1000);\n }\n }\n\n if (response.headers) {\n request.responseHeaders = response.headers;\n }\n\n // videojs.xhr now uses a specific code on the error\n // object to signal that a request has timed out instead\n // of setting a boolean on the request object\n if (error && error.code === 'ETIMEDOUT') {\n request.timedout = true;\n }\n\n // videojs.xhr no longer considers status codes outside of 200 and 0\n // (for file uris) to be errors, but the old XHR did, so emulate that\n // behavior. Status 206 may be used in response to byterange requests.\n if (!error && !request.aborted && response.statusCode !== 200 && response.statusCode !== 206 && response.statusCode !== 0) {\n error = new Error('XHR Failed with a response of: ' + (request && (reqResponse || request.responseText)));\n }\n\n callback(error, request);\n });\n var originalAbort = request.abort;\n\n request.abort = function () {\n request.aborted = true;\n return originalAbort.apply(request, arguments);\n };\n request.uri = options.uri;\n request.requestTime = Date.now();\n return request;\n };\n\n return xhr$$1;\n};\n\n/**\n * @file bin-utils.js\n */\n\n/**\n * convert a TimeRange to text\n *\n * @param {TimeRange} range the timerange to use for conversion\n * @param {Number} i the iterator on the range to convert\n */\nvar textRange = function textRange(range, i) {\n return range.start(i) + '-' + range.end(i);\n};\n\n/**\n * format a number as hex string\n *\n * @param {Number} e The number\n * @param {Number} i the iterator\n */\nvar formatHexString = function formatHexString(e, i) {\n var value = e.toString(16);\n\n return '00'.substring(0, 2 - value.length) + value + (i % 2 ? ' ' : '');\n};\nvar formatAsciiString = function formatAsciiString(e) {\n if (e >= 0x20 && e < 0x7e) {\n return String.fromCharCode(e);\n }\n return '.';\n};\n\n/**\n * Creates an object for sending to a web worker modifying properties that are TypedArrays\n * into a new object with seperated properties for the buffer, byteOffset, and byteLength.\n *\n * @param {Object} message\n * Object of properties and values to send to the web worker\n * @return {Object}\n * Modified message with TypedArray values expanded\n * @function createTransferableMessage\n */\nvar createTransferableMessage = function createTransferableMessage(message) {\n var transferable = {};\n\n Object.keys(message).forEach(function (key) {\n var value = message[key];\n\n if (ArrayBuffer.isView(value)) {\n transferable[key] = {\n bytes: value.buffer,\n byteOffset: value.byteOffset,\n byteLength: value.byteLength\n };\n } else {\n transferable[key] = value;\n }\n });\n\n return transferable;\n};\n\n/**\n * Returns a unique string identifier for a media initialization\n * segment.\n */\nvar initSegmentId = function initSegmentId(initSegment) {\n var byterange = initSegment.byterange || {\n length: Infinity,\n offset: 0\n };\n\n return [byterange.length, byterange.offset, initSegment.resolvedUri].join(',');\n};\n\n/**\n * utils to help dump binary data to the console\n */\nvar hexDump = function hexDump(data) {\n var bytes = Array.prototype.slice.call(data);\n var step = 16;\n var result = '';\n var hex = void 0;\n var ascii = void 0;\n\n for (var j = 0; j < bytes.length / step; j++) {\n hex = bytes.slice(j * step, j * step + step).map(formatHexString).join('');\n ascii = bytes.slice(j * step, j * step + step).map(formatAsciiString).join('');\n result += hex + ' ' + ascii + '\\n';\n }\n\n return result;\n};\n\nvar tagDump = function tagDump(_ref) {\n var bytes = _ref.bytes;\n return hexDump(bytes);\n};\n\nvar textRanges = function textRanges(ranges) {\n var result = '';\n var i = void 0;\n\n for (i = 0; i < ranges.length; i++) {\n result += textRange(ranges, i) + ' ';\n }\n return result;\n};\n\nvar utils = /*#__PURE__*/Object.freeze({\n createTransferableMessage: createTransferableMessage,\n initSegmentId: initSegmentId,\n hexDump: hexDump,\n tagDump: tagDump,\n textRanges: textRanges\n});\n\n/**\n * ranges\n *\n * Utilities for working with TimeRanges.\n *\n */\n\n// Fudge factor to account for TimeRanges rounding\nvar TIME_FUDGE_FACTOR = 1 / 30;\n// Comparisons between time values such as current time and the end of the buffered range\n// can be misleading because of precision differences or when the current media has poorly\n// aligned audio and video, which can cause values to be slightly off from what you would\n// expect. This value is what we consider to be safe to use in such comparisons to account\n// for these scenarios.\nvar SAFE_TIME_DELTA = TIME_FUDGE_FACTOR * 3;\nvar filterRanges = function filterRanges(timeRanges, predicate) {\n var results = [];\n var i = void 0;\n\n if (timeRanges && timeRanges.length) {\n // Search for ranges that match the predicate\n for (i = 0; i < timeRanges.length; i++) {\n if (predicate(timeRanges.start(i), timeRanges.end(i))) {\n results.push([timeRanges.start(i), timeRanges.end(i)]);\n }\n }\n }\n\n return videojs$1.createTimeRanges(results);\n};\n\n/**\n * Attempts to find the buffered TimeRange that contains the specified\n * time.\n * @param {TimeRanges} buffered - the TimeRanges object to query\n * @param {number} time - the time to filter on.\n * @returns {TimeRanges} a new TimeRanges object\n */\nvar findRange = function findRange(buffered, time) {\n return filterRanges(buffered, function (start, end) {\n return start - TIME_FUDGE_FACTOR <= time && end + TIME_FUDGE_FACTOR >= time;\n });\n};\n\n/**\n * Returns the TimeRanges that begin later than the specified time.\n * @param {TimeRanges} timeRanges - the TimeRanges object to query\n * @param {number} time - the time to filter on.\n * @returns {TimeRanges} a new TimeRanges object.\n */\nvar findNextRange = function findNextRange(timeRanges, time) {\n return filterRanges(timeRanges, function (start) {\n return start - TIME_FUDGE_FACTOR >= time;\n });\n};\n\n/**\n * Returns gaps within a list of TimeRanges\n * @param {TimeRanges} buffered - the TimeRanges object\n * @return {TimeRanges} a TimeRanges object of gaps\n */\nvar findGaps = function findGaps(buffered) {\n if (buffered.length < 2) {\n return videojs$1.createTimeRanges();\n }\n\n var ranges = [];\n\n for (var i = 1; i < buffered.length; i++) {\n var start = buffered.end(i - 1);\n var end = buffered.start(i);\n\n ranges.push([start, end]);\n }\n\n return videojs$1.createTimeRanges(ranges);\n};\n\n/**\n * Gets a human readable string for a TimeRange\n *\n * @param {TimeRange} range\n * @returns {String} a human readable string\n */\nvar printableRange = function printableRange(range) {\n var strArr = [];\n\n if (!range || !range.length) {\n return '';\n }\n\n for (var i = 0; i < range.length; i++) {\n strArr.push(range.start(i) + ' => ' + range.end(i));\n }\n\n return strArr.join(', ');\n};\n\n/**\n * Calculates the amount of time left in seconds until the player hits the end of the\n * buffer and causes a rebuffer\n *\n * @param {TimeRange} buffered\n * The state of the buffer\n * @param {Numnber} currentTime\n * The current time of the player\n * @param {Number} playbackRate\n * The current playback rate of the player. Defaults to 1.\n * @return {Number}\n * Time until the player has to start rebuffering in seconds.\n * @function timeUntilRebuffer\n */\nvar timeUntilRebuffer = function timeUntilRebuffer(buffered, currentTime) {\n var playbackRate = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;\n\n var bufferedEnd = buffered.length ? buffered.end(buffered.length - 1) : 0;\n\n return (bufferedEnd - currentTime) / playbackRate;\n};\n\n/**\n * Converts a TimeRanges object into an array representation\n * @param {TimeRanges} timeRanges\n * @returns {Array}\n */\nvar timeRangesToArray = function timeRangesToArray(timeRanges) {\n var timeRangesList = [];\n\n for (var i = 0; i < timeRanges.length; i++) {\n timeRangesList.push({\n start: timeRanges.start(i),\n end: timeRanges.end(i)\n });\n }\n\n return timeRangesList;\n};\n\n/**\n * @file create-text-tracks-if-necessary.js\n */\n\n/**\n * Create text tracks on video.js if they exist on a segment.\n *\n * @param {Object} sourceBuffer the VSB or FSB\n * @param {Object} mediaSource the HTML media source\n * @param {Object} segment the segment that may contain the text track\n * @private\n */\nvar createTextTracksIfNecessary = function createTextTracksIfNecessary(sourceBuffer, mediaSource, segment) {\n var player = mediaSource.player_;\n\n // create an in-band caption track if one is present in the segment\n if (segment.captions && segment.captions.length) {\n if (!sourceBuffer.inbandTextTracks_) {\n sourceBuffer.inbandTextTracks_ = {};\n }\n\n for (var trackId in segment.captionStreams) {\n if (!sourceBuffer.inbandTextTracks_[trackId]) {\n player.tech_.trigger({ type: 'usage', name: 'hls-608' });\n var track = player.textTracks().getTrackById(trackId);\n\n if (track) {\n // Resuse an existing track with a CC# id because this was\n // very likely created by videojs-contrib-hls from information\n // in the m3u8 for us to use\n sourceBuffer.inbandTextTracks_[trackId] = track;\n } else {\n // Otherwise, create a track with the default `CC#` label and\n // without a language\n sourceBuffer.inbandTextTracks_[trackId] = player.addRemoteTextTrack({\n kind: 'captions',\n id: trackId,\n label: trackId\n }, false).track;\n }\n }\n }\n }\n\n if (segment.metadata && segment.metadata.length && !sourceBuffer.metadataTrack_) {\n sourceBuffer.metadataTrack_ = player.addRemoteTextTrack({\n kind: 'metadata',\n label: 'Timed Metadata'\n }, false).track;\n sourceBuffer.metadataTrack_.inBandMetadataTrackDispatchType = segment.metadata.dispatchType;\n }\n};\n\n/**\n * @file remove-cues-from-track.js\n */\n\n/**\n * Remove cues from a track on video.js.\n *\n * @param {Double} start start of where we should remove the cue\n * @param {Double} end end of where the we should remove the cue\n * @param {Object} track the text track to remove the cues from\n * @private\n */\nvar removeCuesFromTrack = function removeCuesFromTrack(start, end, track) {\n var i = void 0;\n var cue = void 0;\n\n if (!track) {\n return;\n }\n\n if (!track.cues) {\n return;\n }\n\n i = track.cues.length;\n\n while (i--) {\n cue = track.cues[i];\n\n // Remove any overlapping cue\n if (cue.startTime <= end && cue.endTime >= start) {\n track.removeCue(cue);\n }\n }\n};\n\n/**\n * @file add-text-track-data.js\n */\n/**\n * Define properties on a cue for backwards compatability,\n * but warn the user that the way that they are using it\n * is depricated and will be removed at a later date.\n *\n * @param {Cue} cue the cue to add the properties on\n * @private\n */\nvar deprecateOldCue = function deprecateOldCue(cue) {\n Object.defineProperties(cue.frame, {\n id: {\n get: function get$$1() {\n videojs$1.log.warn('cue.frame.id is deprecated. Use cue.value.key instead.');\n return cue.value.key;\n }\n },\n value: {\n get: function get$$1() {\n videojs$1.log.warn('cue.frame.value is deprecated. Use cue.value.data instead.');\n return cue.value.data;\n }\n },\n privateData: {\n get: function get$$1() {\n videojs$1.log.warn('cue.frame.privateData is deprecated. Use cue.value.data instead.');\n return cue.value.data;\n }\n }\n });\n};\n\nvar durationOfVideo = function durationOfVideo(duration) {\n var dur = void 0;\n\n if (isNaN(duration) || Math.abs(duration) === Infinity) {\n dur = Number.MAX_VALUE;\n } else {\n dur = duration;\n }\n return dur;\n};\n/**\n * Add text track data to a source handler given the captions and\n * metadata from the buffer.\n *\n * @param {Object} sourceHandler the virtual source buffer\n * @param {Array} captionArray an array of caption data\n * @param {Array} metadataArray an array of meta data\n * @private\n */\nvar addTextTrackData = function addTextTrackData(sourceHandler, captionArray, metadataArray) {\n var Cue = window$1.WebKitDataCue || window$1.VTTCue;\n\n if (captionArray) {\n captionArray.forEach(function (caption) {\n var track = caption.stream;\n\n this.inbandTextTracks_[track].addCue(new Cue(caption.startTime + this.timestampOffset, caption.endTime + this.timestampOffset, caption.text));\n }, sourceHandler);\n }\n\n if (metadataArray) {\n var videoDuration = durationOfVideo(sourceHandler.mediaSource_.duration);\n\n metadataArray.forEach(function (metadata) {\n var time = metadata.cueTime + this.timestampOffset;\n\n metadata.frames.forEach(function (frame) {\n var cue = new Cue(time, time, frame.value || frame.url || frame.data || '');\n\n cue.frame = frame;\n cue.value = frame;\n deprecateOldCue(cue);\n\n this.metadataTrack_.addCue(cue);\n }, this);\n }, sourceHandler);\n\n // Updating the metadeta cues so that\n // the endTime of each cue is the startTime of the next cue\n // the endTime of last cue is the duration of the video\n if (sourceHandler.metadataTrack_ && sourceHandler.metadataTrack_.cues && sourceHandler.metadataTrack_.cues.length) {\n var cues = sourceHandler.metadataTrack_.cues;\n var cuesArray = [];\n\n // Create a copy of the TextTrackCueList...\n // ...disregarding cues with a falsey value\n for (var i = 0; i < cues.length; i++) {\n if (cues[i]) {\n cuesArray.push(cues[i]);\n }\n }\n\n // Group cues by their startTime value\n var cuesGroupedByStartTime = cuesArray.reduce(function (obj, cue) {\n var timeSlot = obj[cue.startTime] || [];\n\n timeSlot.push(cue);\n obj[cue.startTime] = timeSlot;\n\n return obj;\n }, {});\n\n // Sort startTimes by ascending order\n var sortedStartTimes = Object.keys(cuesGroupedByStartTime).sort(function (a, b) {\n return Number(a) - Number(b);\n });\n\n // Map each cue group's endTime to the next group's startTime\n sortedStartTimes.forEach(function (startTime, idx) {\n var cueGroup = cuesGroupedByStartTime[startTime];\n var nextTime = Number(sortedStartTimes[idx + 1]) || videoDuration;\n\n // Map each cue's endTime the next group's startTime\n cueGroup.forEach(function (cue) {\n cue.endTime = nextTime;\n });\n });\n }\n }\n};\n\nvar win = typeof window !== 'undefined' ? window : {},\n TARGET = typeof Symbol === 'undefined' ? '__target' : Symbol(),\n SCRIPT_TYPE = 'application/javascript',\n BlobBuilder = win.BlobBuilder || win.WebKitBlobBuilder || win.MozBlobBuilder || win.MSBlobBuilder,\n URL = win.URL || win.webkitURL || URL && URL.msURL,\n Worker = win.Worker;\n\n/**\n * Returns a wrapper around Web Worker code that is constructible.\n *\n * @function shimWorker\n *\n * @param { String } filename The name of the file\n * @param { Function } fn Function wrapping the code of the worker\n */\nfunction shimWorker(filename, fn) {\n return function ShimWorker(forceFallback) {\n var o = this;\n\n if (!fn) {\n return new Worker(filename);\n } else if (Worker && !forceFallback) {\n // Convert the function's inner code to a string to construct the worker\n var source = fn.toString().replace(/^function.+?{/, '').slice(0, -1),\n objURL = createSourceObject(source);\n\n this[TARGET] = new Worker(objURL);\n wrapTerminate(this[TARGET], objURL);\n return this[TARGET];\n } else {\n var selfShim = {\n postMessage: function postMessage(m) {\n if (o.onmessage) {\n setTimeout(function () {\n o.onmessage({ data: m, target: selfShim });\n });\n }\n }\n };\n\n fn.call(selfShim);\n this.postMessage = function (m) {\n setTimeout(function () {\n selfShim.onmessage({ data: m, target: o });\n });\n };\n this.isThisThread = true;\n }\n };\n}\n// Test Worker capabilities\nif (Worker) {\n var testWorker,\n objURL = createSourceObject('self.onmessage = function () {}'),\n testArray = new Uint8Array(1);\n\n try {\n testWorker = new Worker(objURL);\n\n // Native browser on some Samsung devices throws for transferables, let's detect it\n testWorker.postMessage(testArray, [testArray.buffer]);\n } catch (e) {\n Worker = null;\n } finally {\n URL.revokeObjectURL(objURL);\n if (testWorker) {\n testWorker.terminate();\n }\n }\n}\n\nfunction createSourceObject(str) {\n try {\n return URL.createObjectURL(new Blob([str], { type: SCRIPT_TYPE }));\n } catch (e) {\n var blob = new BlobBuilder();\n blob.append(str);\n return URL.createObjectURL(blob.getBlob(type));\n }\n}\n\nfunction wrapTerminate(worker, objURL) {\n if (!worker || !objURL) return;\n var term = worker.terminate;\n worker.objURL = objURL;\n worker.terminate = function () {\n if (worker.objURL) URL.revokeObjectURL(worker.objURL);\n term.call(worker);\n };\n}\n\nvar TransmuxWorker = new shimWorker(\"./transmuxer-worker.worker.js\", function (window, document$$1) {\n var self = this;\n var transmuxerWorker = function () {\n\n /**\n * mux.js\n *\n * Copyright (c) 2015 Brightcove\n * All rights reserved.\n *\n * Functions that generate fragmented MP4s suitable for use with Media\n * Source Extensions.\n */\n\n var UINT32_MAX = Math.pow(2, 32) - 1;\n\n var box, dinf, esds, ftyp, mdat, mfhd, minf, moof, moov, mvex, mvhd, trak, tkhd, mdia, mdhd, hdlr, sdtp, stbl, stsd, traf, trex, trun, types, MAJOR_BRAND, MINOR_VERSION, AVC1_BRAND, VIDEO_HDLR, AUDIO_HDLR, HDLR_TYPES, VMHD, SMHD, DREF, STCO, STSC, STSZ, STTS;\n\n // pre-calculate constants\n (function () {\n var i;\n types = {\n avc1: [], // codingname\n avcC: [],\n btrt: [],\n dinf: [],\n dref: [],\n esds: [],\n ftyp: [],\n hdlr: [],\n mdat: [],\n mdhd: [],\n mdia: [],\n mfhd: [],\n minf: [],\n moof: [],\n moov: [],\n mp4a: [], // codingname\n mvex: [],\n mvhd: [],\n sdtp: [],\n smhd: [],\n stbl: [],\n stco: [],\n stsc: [],\n stsd: [],\n stsz: [],\n stts: [],\n styp: [],\n tfdt: [],\n tfhd: [],\n traf: [],\n trak: [],\n trun: [],\n trex: [],\n tkhd: [],\n vmhd: []\n };\n\n // In environments where Uint8Array is undefined (e.g., IE8), skip set up so that we\n // don't throw an error\n if (typeof Uint8Array === 'undefined') {\n return;\n }\n\n for (i in types) {\n if (types.hasOwnProperty(i)) {\n types[i] = [i.charCodeAt(0), i.charCodeAt(1), i.charCodeAt(2), i.charCodeAt(3)];\n }\n }\n\n MAJOR_BRAND = new Uint8Array(['i'.charCodeAt(0), 's'.charCodeAt(0), 'o'.charCodeAt(0), 'm'.charCodeAt(0)]);\n AVC1_BRAND = new Uint8Array(['a'.charCodeAt(0), 'v'.charCodeAt(0), 'c'.charCodeAt(0), '1'.charCodeAt(0)]);\n MINOR_VERSION = new Uint8Array([0, 0, 0, 1]);\n VIDEO_HDLR = new Uint8Array([0x00, // version 0\n 0x00, 0x00, 0x00, // flags\n 0x00, 0x00, 0x00, 0x00, // pre_defined\n 0x76, 0x69, 0x64, 0x65, // handler_type: 'vide'\n 0x00, 0x00, 0x00, 0x00, // reserved\n 0x00, 0x00, 0x00, 0x00, // reserved\n 0x00, 0x00, 0x00, 0x00, // reserved\n 0x56, 0x69, 0x64, 0x65, 0x6f, 0x48, 0x61, 0x6e, 0x64, 0x6c, 0x65, 0x72, 0x00 // name: 'VideoHandler'\n ]);\n AUDIO_HDLR = new Uint8Array([0x00, // version 0\n 0x00, 0x00, 0x00, // flags\n 0x00, 0x00, 0x00, 0x00, // pre_defined\n 0x73, 0x6f, 0x75, 0x6e, // handler_type: 'soun'\n 0x00, 0x00, 0x00, 0x00, // reserved\n 0x00, 0x00, 0x00, 0x00, // reserved\n 0x00, 0x00, 0x00, 0x00, // reserved\n 0x53, 0x6f, 0x75, 0x6e, 0x64, 0x48, 0x61, 0x6e, 0x64, 0x6c, 0x65, 0x72, 0x00 // name: 'SoundHandler'\n ]);\n HDLR_TYPES = {\n video: VIDEO_HDLR,\n audio: AUDIO_HDLR\n };\n DREF = new Uint8Array([0x00, // version 0\n 0x00, 0x00, 0x00, // flags\n 0x00, 0x00, 0x00, 0x01, // entry_count\n 0x00, 0x00, 0x00, 0x0c, // entry_size\n 0x75, 0x72, 0x6c, 0x20, // 'url' type\n 0x00, // version 0\n 0x00, 0x00, 0x01 // entry_flags\n ]);\n SMHD = new Uint8Array([0x00, // version\n 0x00, 0x00, 0x00, // flags\n 0x00, 0x00, // balance, 0 means centered\n 0x00, 0x00 // reserved\n ]);\n STCO = new Uint8Array([0x00, // version\n 0x00, 0x00, 0x00, // flags\n 0x00, 0x00, 0x00, 0x00 // entry_count\n ]);\n STSC = STCO;\n STSZ = new Uint8Array([0x00, // version\n 0x00, 0x00, 0x00, // flags\n 0x00, 0x00, 0x00, 0x00, // sample_size\n 0x00, 0x00, 0x00, 0x00 // sample_count\n ]);\n STTS = STCO;\n VMHD = new Uint8Array([0x00, // version\n 0x00, 0x00, 0x01, // flags\n 0x00, 0x00, // graphicsmode\n 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 // opcolor\n ]);\n })();\n\n box = function box(type) {\n var payload = [],\n size = 0,\n i,\n result,\n view;\n\n for (i = 1; i < arguments.length; i++) {\n payload.push(arguments[i]);\n }\n\n i = payload.length;\n\n // calculate the total size we need to allocate\n while (i--) {\n size += payload[i].byteLength;\n }\n result = new Uint8Array(size + 8);\n view = new DataView(result.buffer, result.byteOffset, result.byteLength);\n view.setUint32(0, result.byteLength);\n result.set(type, 4);\n\n // copy the payload into the result\n for (i = 0, size = 8; i < payload.length; i++) {\n result.set(payload[i], size);\n size += payload[i].byteLength;\n }\n return result;\n };\n\n dinf = function dinf() {\n return box(types.dinf, box(types.dref, DREF));\n };\n\n esds = function esds(track) {\n return box(types.esds, new Uint8Array([0x00, // version\n 0x00, 0x00, 0x00, // flags\n\n // ES_Descriptor\n 0x03, // tag, ES_DescrTag\n 0x19, // length\n 0x00, 0x00, // ES_ID\n 0x00, // streamDependenceFlag, URL_flag, reserved, streamPriority\n\n // DecoderConfigDescriptor\n 0x04, // tag, DecoderConfigDescrTag\n 0x11, // length\n 0x40, // object type\n 0x15, // streamType\n 0x00, 0x06, 0x00, // bufferSizeDB\n 0x00, 0x00, 0xda, 0xc0, // maxBitrate\n 0x00, 0x00, 0xda, 0xc0, // avgBitrate\n\n // DecoderSpecificInfo\n 0x05, // tag, DecoderSpecificInfoTag\n 0x02, // length\n // ISO/IEC 14496-3, AudioSpecificConfig\n // for samplingFrequencyIndex see ISO/IEC 13818-7:2006, 8.1.3.2.2, Table 35\n track.audioobjecttype << 3 | track.samplingfrequencyindex >>> 1, track.samplingfrequencyindex << 7 | track.channelcount << 3, 0x06, 0x01, 0x02 // GASpecificConfig\n ]));\n };\n\n ftyp = function ftyp() {\n return box(types.ftyp, MAJOR_BRAND, MINOR_VERSION, MAJOR_BRAND, AVC1_BRAND);\n };\n\n hdlr = function hdlr(type) {\n return box(types.hdlr, HDLR_TYPES[type]);\n };\n mdat = function mdat(data) {\n return box(types.mdat, data);\n };\n mdhd = function mdhd(track) {\n var result = new Uint8Array([0x00, // version 0\n 0x00, 0x00, 0x00, // flags\n 0x00, 0x00, 0x00, 0x02, // creation_time\n 0x00, 0x00, 0x00, 0x03, // modification_time\n 0x00, 0x01, 0x5f, 0x90, // timescale, 90,000 \"ticks\" per second\n\n track.duration >>> 24 & 0xFF, track.duration >>> 16 & 0xFF, track.duration >>> 8 & 0xFF, track.duration & 0xFF, // duration\n 0x55, 0xc4, // 'und' language (undetermined)\n 0x00, 0x00]);\n\n // Use the sample rate from the track metadata, when it is\n // defined. The sample rate can be parsed out of an ADTS header, for\n // instance.\n if (track.samplerate) {\n result[12] = track.samplerate >>> 24 & 0xFF;\n result[13] = track.samplerate >>> 16 & 0xFF;\n result[14] = track.samplerate >>> 8 & 0xFF;\n result[15] = track.samplerate & 0xFF;\n }\n\n return box(types.mdhd, result);\n };\n mdia = function mdia(track) {\n return box(types.mdia, mdhd(track), hdlr(track.type), minf(track));\n };\n mfhd = function mfhd(sequenceNumber) {\n return box(types.mfhd, new Uint8Array([0x00, 0x00, 0x00, 0x00, // flags\n (sequenceNumber & 0xFF000000) >> 24, (sequenceNumber & 0xFF0000) >> 16, (sequenceNumber & 0xFF00) >> 8, sequenceNumber & 0xFF // sequence_number\n ]));\n };\n minf = function minf(track) {\n return box(types.minf, track.type === 'video' ? box(types.vmhd, VMHD) : box(types.smhd, SMHD), dinf(), stbl(track));\n };\n moof = function moof(sequenceNumber, tracks) {\n var trackFragments = [],\n i = tracks.length;\n // build traf boxes for each track fragment\n while (i--) {\n trackFragments[i] = traf(tracks[i]);\n }\n return box.apply(null, [types.moof, mfhd(sequenceNumber)].concat(trackFragments));\n };\n /**\n * Returns a movie box.\n * @param tracks {array} the tracks associated with this movie\n * @see ISO/IEC 14496-12:2012(E), section 8.2.1\n */\n moov = function moov(tracks) {\n var i = tracks.length,\n boxes = [];\n\n while (i--) {\n boxes[i] = trak(tracks[i]);\n }\n\n return box.apply(null, [types.moov, mvhd(0xffffffff)].concat(boxes).concat(mvex(tracks)));\n };\n mvex = function mvex(tracks) {\n var i = tracks.length,\n boxes = [];\n\n while (i--) {\n boxes[i] = trex(tracks[i]);\n }\n return box.apply(null, [types.mvex].concat(boxes));\n };\n mvhd = function mvhd(duration) {\n var bytes = new Uint8Array([0x00, // version 0\n 0x00, 0x00, 0x00, // flags\n 0x00, 0x00, 0x00, 0x01, // creation_time\n 0x00, 0x00, 0x00, 0x02, // modification_time\n 0x00, 0x01, 0x5f, 0x90, // timescale, 90,000 \"ticks\" per second\n (duration & 0xFF000000) >> 24, (duration & 0xFF0000) >> 16, (duration & 0xFF00) >> 8, duration & 0xFF, // duration\n 0x00, 0x01, 0x00, 0x00, // 1.0 rate\n 0x01, 0x00, // 1.0 volume\n 0x00, 0x00, // reserved\n 0x00, 0x00, 0x00, 0x00, // reserved\n 0x00, 0x00, 0x00, 0x00, // reserved\n 0x00, 0x01, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x01, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x40, 0x00, 0x00, 0x00, // transformation: unity matrix\n 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, // pre_defined\n 0xff, 0xff, 0xff, 0xff // next_track_ID\n ]);\n return box(types.mvhd, bytes);\n };\n\n sdtp = function sdtp(track) {\n var samples = track.samples || [],\n bytes = new Uint8Array(4 + samples.length),\n flags,\n i;\n\n // leave the full box header (4 bytes) all zero\n\n // write the sample table\n for (i = 0; i < samples.length; i++) {\n flags = samples[i].flags;\n\n bytes[i + 4] = flags.dependsOn << 4 | flags.isDependedOn << 2 | flags.hasRedundancy;\n }\n\n return box(types.sdtp, bytes);\n };\n\n stbl = function stbl(track) {\n return box(types.stbl, stsd(track), box(types.stts, STTS), box(types.stsc, STSC), box(types.stsz, STSZ), box(types.stco, STCO));\n };\n\n (function () {\n var videoSample, audioSample;\n\n stsd = function stsd(track) {\n\n return box(types.stsd, new Uint8Array([0x00, // version 0\n 0x00, 0x00, 0x00, // flags\n 0x00, 0x00, 0x00, 0x01]), track.type === 'video' ? videoSample(track) : audioSample(track));\n };\n\n videoSample = function videoSample(track) {\n var sps = track.sps || [],\n pps = track.pps || [],\n sequenceParameterSets = [],\n pictureParameterSets = [],\n i;\n\n // assemble the SPSs\n for (i = 0; i < sps.length; i++) {\n sequenceParameterSets.push((sps[i].byteLength & 0xFF00) >>> 8);\n sequenceParameterSets.push(sps[i].byteLength & 0xFF); // sequenceParameterSetLength\n sequenceParameterSets = sequenceParameterSets.concat(Array.prototype.slice.call(sps[i])); // SPS\n }\n\n // assemble the PPSs\n for (i = 0; i < pps.length; i++) {\n pictureParameterSets.push((pps[i].byteLength & 0xFF00) >>> 8);\n pictureParameterSets.push(pps[i].byteLength & 0xFF);\n pictureParameterSets = pictureParameterSets.concat(Array.prototype.slice.call(pps[i]));\n }\n\n return box(types.avc1, new Uint8Array([0x00, 0x00, 0x00, 0x00, 0x00, 0x00, // reserved\n 0x00, 0x01, // data_reference_index\n 0x00, 0x00, // pre_defined\n 0x00, 0x00, // reserved\n 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, // pre_defined\n (track.width & 0xff00) >> 8, track.width & 0xff, // width\n (track.height & 0xff00) >> 8, track.height & 0xff, // height\n 0x00, 0x48, 0x00, 0x00, // horizresolution\n 0x00, 0x48, 0x00, 0x00, // vertresolution\n 0x00, 0x00, 0x00, 0x00, // reserved\n 0x00, 0x01, // frame_count\n 0x13, 0x76, 0x69, 0x64, 0x65, 0x6f, 0x6a, 0x73, 0x2d, 0x63, 0x6f, 0x6e, 0x74, 0x72, 0x69, 0x62, 0x2d, 0x68, 0x6c, 0x73, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, // compressorname\n 0x00, 0x18, // depth = 24\n 0x11, 0x11 // pre_defined = -1\n ]), box(types.avcC, new Uint8Array([0x01, // configurationVersion\n track.profileIdc, // AVCProfileIndication\n track.profileCompatibility, // profile_compatibility\n track.levelIdc, // AVCLevelIndication\n 0xff // lengthSizeMinusOne, hard-coded to 4 bytes\n ].concat([sps.length // numOfSequenceParameterSets\n ]).concat(sequenceParameterSets).concat([pps.length // numOfPictureParameterSets\n ]).concat(pictureParameterSets))), // \"PPS\"\n box(types.btrt, new Uint8Array([0x00, 0x1c, 0x9c, 0x80, // bufferSizeDB\n 0x00, 0x2d, 0xc6, 0xc0, // maxBitrate\n 0x00, 0x2d, 0xc6, 0xc0])) // avgBitrate\n );\n };\n\n audioSample = function audioSample(track) {\n return box(types.mp4a, new Uint8Array([\n\n // SampleEntry, ISO/IEC 14496-12\n 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, // reserved\n 0x00, 0x01, // data_reference_index\n\n // AudioSampleEntry, ISO/IEC 14496-12\n 0x00, 0x00, 0x00, 0x00, // reserved\n 0x00, 0x00, 0x00, 0x00, // reserved\n (track.channelcount & 0xff00) >> 8, track.channelcount & 0xff, // channelcount\n\n (track.samplesize & 0xff00) >> 8, track.samplesize & 0xff, // samplesize\n 0x00, 0x00, // pre_defined\n 0x00, 0x00, // reserved\n\n (track.samplerate & 0xff00) >> 8, track.samplerate & 0xff, 0x00, 0x00 // samplerate, 16.16\n\n // MP4AudioSampleEntry, ISO/IEC 14496-14\n ]), esds(track));\n };\n })();\n\n tkhd = function tkhd(track) {\n var result = new Uint8Array([0x00, // version 0\n 0x00, 0x00, 0x07, // flags\n 0x00, 0x00, 0x00, 0x00, // creation_time\n 0x00, 0x00, 0x00, 0x00, // modification_time\n (track.id & 0xFF000000) >> 24, (track.id & 0xFF0000) >> 16, (track.id & 0xFF00) >> 8, track.id & 0xFF, // track_ID\n 0x00, 0x00, 0x00, 0x00, // reserved\n (track.duration & 0xFF000000) >> 24, (track.duration & 0xFF0000) >> 16, (track.duration & 0xFF00) >> 8, track.duration & 0xFF, // duration\n 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, // reserved\n 0x00, 0x00, // layer\n 0x00, 0x00, // alternate_group\n 0x01, 0x00, // non-audio track volume\n 0x00, 0x00, // reserved\n 0x00, 0x01, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x01, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x40, 0x00, 0x00, 0x00, // transformation: unity matrix\n (track.width & 0xFF00) >> 8, track.width & 0xFF, 0x00, 0x00, // width\n (track.height & 0xFF00) >> 8, track.height & 0xFF, 0x00, 0x00 // height\n ]);\n\n return box(types.tkhd, result);\n };\n\n /**\n * Generate a track fragment (traf) box. A traf box collects metadata\n * about tracks in a movie fragment (moof) box.\n */\n traf = function traf(track) {\n var trackFragmentHeader, trackFragmentDecodeTime, trackFragmentRun, sampleDependencyTable, dataOffset, upperWordBaseMediaDecodeTime, lowerWordBaseMediaDecodeTime;\n\n trackFragmentHeader = box(types.tfhd, new Uint8Array([0x00, // version 0\n 0x00, 0x00, 0x3a, // flags\n (track.id & 0xFF000000) >> 24, (track.id & 0xFF0000) >> 16, (track.id & 0xFF00) >> 8, track.id & 0xFF, // track_ID\n 0x00, 0x00, 0x00, 0x01, // sample_description_index\n 0x00, 0x00, 0x00, 0x00, // default_sample_duration\n 0x00, 0x00, 0x00, 0x00, // default_sample_size\n 0x00, 0x00, 0x00, 0x00 // default_sample_flags\n ]));\n\n upperWordBaseMediaDecodeTime = Math.floor(track.baseMediaDecodeTime / (UINT32_MAX + 1));\n lowerWordBaseMediaDecodeTime = Math.floor(track.baseMediaDecodeTime % (UINT32_MAX + 1));\n\n trackFragmentDecodeTime = box(types.tfdt, new Uint8Array([0x01, // version 1\n 0x00, 0x00, 0x00, // flags\n // baseMediaDecodeTime\n upperWordBaseMediaDecodeTime >>> 24 & 0xFF, upperWordBaseMediaDecodeTime >>> 16 & 0xFF, upperWordBaseMediaDecodeTime >>> 8 & 0xFF, upperWordBaseMediaDecodeTime & 0xFF, lowerWordBaseMediaDecodeTime >>> 24 & 0xFF, lowerWordBaseMediaDecodeTime >>> 16 & 0xFF, lowerWordBaseMediaDecodeTime >>> 8 & 0xFF, lowerWordBaseMediaDecodeTime & 0xFF]));\n\n // the data offset specifies the number of bytes from the start of\n // the containing moof to the first payload byte of the associated\n // mdat\n dataOffset = 32 + // tfhd\n 20 + // tfdt\n 8 + // traf header\n 16 + // mfhd\n 8 + // moof header\n 8; // mdat header\n\n // audio tracks require less metadata\n if (track.type === 'audio') {\n trackFragmentRun = trun(track, dataOffset);\n return box(types.traf, trackFragmentHeader, trackFragmentDecodeTime, trackFragmentRun);\n }\n\n // video tracks should contain an independent and disposable samples\n // box (sdtp)\n // generate one and adjust offsets to match\n sampleDependencyTable = sdtp(track);\n trackFragmentRun = trun(track, sampleDependencyTable.length + dataOffset);\n return box(types.traf, trackFragmentHeader, trackFragmentDecodeTime, trackFragmentRun, sampleDependencyTable);\n };\n\n /**\n * Generate a track box.\n * @param track {object} a track definition\n * @return {Uint8Array} the track box\n */\n trak = function trak(track) {\n track.duration = track.duration || 0xffffffff;\n return box(types.trak, tkhd(track), mdia(track));\n };\n\n trex = function trex(track) {\n var result = new Uint8Array([0x00, // version 0\n 0x00, 0x00, 0x00, // flags\n (track.id & 0xFF000000) >> 24, (track.id & 0xFF0000) >> 16, (track.id & 0xFF00) >> 8, track.id & 0xFF, // track_ID\n 0x00, 0x00, 0x00, 0x01, // default_sample_description_index\n 0x00, 0x00, 0x00, 0x00, // default_sample_duration\n 0x00, 0x00, 0x00, 0x00, // default_sample_size\n 0x00, 0x01, 0x00, 0x01 // default_sample_flags\n ]);\n // the last two bytes of default_sample_flags is the sample\n // degradation priority, a hint about the importance of this sample\n // relative to others. Lower the degradation priority for all sample\n // types other than video.\n if (track.type !== 'video') {\n result[result.length - 1] = 0x00;\n }\n\n return box(types.trex, result);\n };\n\n (function () {\n var audioTrun, videoTrun, trunHeader;\n\n // This method assumes all samples are uniform. That is, if a\n // duration is present for the first sample, it will be present for\n // all subsequent samples.\n // see ISO/IEC 14496-12:2012, Section 8.8.8.1\n trunHeader = function trunHeader(samples, offset) {\n var durationPresent = 0,\n sizePresent = 0,\n flagsPresent = 0,\n compositionTimeOffset = 0;\n\n // trun flag constants\n if (samples.length) {\n if (samples[0].duration !== undefined) {\n durationPresent = 0x1;\n }\n if (samples[0].size !== undefined) {\n sizePresent = 0x2;\n }\n if (samples[0].flags !== undefined) {\n flagsPresent = 0x4;\n }\n if (samples[0].compositionTimeOffset !== undefined) {\n compositionTimeOffset = 0x8;\n }\n }\n\n return [0x00, // version 0\n 0x00, durationPresent | sizePresent | flagsPresent | compositionTimeOffset, 0x01, // flags\n (samples.length & 0xFF000000) >>> 24, (samples.length & 0xFF0000) >>> 16, (samples.length & 0xFF00) >>> 8, samples.length & 0xFF, // sample_count\n (offset & 0xFF000000) >>> 24, (offset & 0xFF0000) >>> 16, (offset & 0xFF00) >>> 8, offset & 0xFF // data_offset\n ];\n };\n\n videoTrun = function videoTrun(track, offset) {\n var bytes, samples, sample, i;\n\n samples = track.samples || [];\n offset += 8 + 12 + 16 * samples.length;\n\n bytes = trunHeader(samples, offset);\n\n for (i = 0; i < samples.length; i++) {\n sample = samples[i];\n bytes = bytes.concat([(sample.duration & 0xFF000000) >>> 24, (sample.duration & 0xFF0000) >>> 16, (sample.duration & 0xFF00) >>> 8, sample.duration & 0xFF, // sample_duration\n (sample.size & 0xFF000000) >>> 24, (sample.size & 0xFF0000) >>> 16, (sample.size & 0xFF00) >>> 8, sample.size & 0xFF, // sample_size\n sample.flags.isLeading << 2 | sample.flags.dependsOn, sample.flags.isDependedOn << 6 | sample.flags.hasRedundancy << 4 | sample.flags.paddingValue << 1 | sample.flags.isNonSyncSample, sample.flags.degradationPriority & 0xF0 << 8, sample.flags.degradationPriority & 0x0F, // sample_flags\n (sample.compositionTimeOffset & 0xFF000000) >>> 24, (sample.compositionTimeOffset & 0xFF0000) >>> 16, (sample.compositionTimeOffset & 0xFF00) >>> 8, sample.compositionTimeOffset & 0xFF // sample_composition_time_offset\n ]);\n }\n return box(types.trun, new Uint8Array(bytes));\n };\n\n audioTrun = function audioTrun(track, offset) {\n var bytes, samples, sample, i;\n\n samples = track.samples || [];\n offset += 8 + 12 + 8 * samples.length;\n\n bytes = trunHeader(samples, offset);\n\n for (i = 0; i < samples.length; i++) {\n sample = samples[i];\n bytes = bytes.concat([(sample.duration & 0xFF000000) >>> 24, (sample.duration & 0xFF0000) >>> 16, (sample.duration & 0xFF00) >>> 8, sample.duration & 0xFF, // sample_duration\n (sample.size & 0xFF000000) >>> 24, (sample.size & 0xFF0000) >>> 16, (sample.size & 0xFF00) >>> 8, sample.size & 0xFF]); // sample_size\n }\n\n return box(types.trun, new Uint8Array(bytes));\n };\n\n trun = function trun(track, offset) {\n if (track.type === 'audio') {\n return audioTrun(track, offset);\n }\n\n return videoTrun(track, offset);\n };\n })();\n\n var mp4Generator = {\n ftyp: ftyp,\n mdat: mdat,\n moof: moof,\n moov: moov,\n initSegment: function initSegment(tracks) {\n var fileType = ftyp(),\n movie = moov(tracks),\n result;\n\n result = new Uint8Array(fileType.byteLength + movie.byteLength);\n result.set(fileType);\n result.set(movie, fileType.byteLength);\n return result;\n }\n };\n\n var toUnsigned = function toUnsigned(value) {\n return value >>> 0;\n };\n\n var bin = {\n toUnsigned: toUnsigned\n };\n\n var toUnsigned$1 = bin.toUnsigned;\n var _findBox, parseType, timescale, startTime, getVideoTrackIds;\n\n // Find the data for a box specified by its path\n _findBox = function findBox(data, path) {\n var results = [],\n i,\n size,\n type,\n end,\n subresults;\n\n if (!path.length) {\n // short-circuit the search for empty paths\n return null;\n }\n\n for (i = 0; i < data.byteLength;) {\n size = toUnsigned$1(data[i] << 24 | data[i + 1] << 16 | data[i + 2] << 8 | data[i + 3]);\n\n type = parseType(data.subarray(i + 4, i + 8));\n\n end = size > 1 ? i + size : data.byteLength;\n\n if (type === path[0]) {\n if (path.length === 1) {\n // this is the end of the path and we've found the box we were\n // looking for\n results.push(data.subarray(i + 8, end));\n } else {\n // recursively search for the next box along the path\n subresults = _findBox(data.subarray(i + 8, end), path.slice(1));\n if (subresults.length) {\n results = results.concat(subresults);\n }\n }\n }\n i = end;\n }\n\n // we've finished searching all of data\n return results;\n };\n\n /**\n * Returns the string representation of an ASCII encoded four byte buffer.\n * @param buffer {Uint8Array} a four-byte buffer to translate\n * @return {string} the corresponding string\n */\n parseType = function parseType(buffer) {\n var result = '';\n result += String.fromCharCode(buffer[0]);\n result += String.fromCharCode(buffer[1]);\n result += String.fromCharCode(buffer[2]);\n result += String.fromCharCode(buffer[3]);\n return result;\n };\n\n /**\n * Parses an MP4 initialization segment and extracts the timescale\n * values for any declared tracks. Timescale values indicate the\n * number of clock ticks per second to assume for time-based values\n * elsewhere in the MP4.\n *\n * To determine the start time of an MP4, you need two pieces of\n * information: the timescale unit and the earliest base media decode\n * time. Multiple timescales can be specified within an MP4 but the\n * base media decode time is always expressed in the timescale from\n * the media header box for the track:\n * ```\n * moov > trak > mdia > mdhd.timescale\n * ```\n * @param init {Uint8Array} the bytes of the init segment\n * @return {object} a hash of track ids to timescale values or null if\n * the init segment is malformed.\n */\n timescale = function timescale(init) {\n var result = {},\n traks = _findBox(init, ['moov', 'trak']);\n\n // mdhd timescale\n return traks.reduce(function (result, trak) {\n var tkhd, version, index, id, mdhd;\n\n tkhd = _findBox(trak, ['tkhd'])[0];\n if (!tkhd) {\n return null;\n }\n version = tkhd[0];\n index = version === 0 ? 12 : 20;\n id = toUnsigned$1(tkhd[index] << 24 | tkhd[index + 1] << 16 | tkhd[index + 2] << 8 | tkhd[index + 3]);\n\n mdhd = _findBox(trak, ['mdia', 'mdhd'])[0];\n if (!mdhd) {\n return null;\n }\n version = mdhd[0];\n index = version === 0 ? 12 : 20;\n result[id] = toUnsigned$1(mdhd[index] << 24 | mdhd[index + 1] << 16 | mdhd[index + 2] << 8 | mdhd[index + 3]);\n return result;\n }, result);\n };\n\n /**\n * Determine the base media decode start time, in seconds, for an MP4\n * fragment. If multiple fragments are specified, the earliest time is\n * returned.\n *\n * The base media decode time can be parsed from track fragment\n * metadata:\n * ```\n * moof > traf > tfdt.baseMediaDecodeTime\n * ```\n * It requires the timescale value from the mdhd to interpret.\n *\n * @param timescale {object} a hash of track ids to timescale values.\n * @return {number} the earliest base media decode start time for the\n * fragment, in seconds\n */\n startTime = function startTime(timescale, fragment) {\n var trafs, baseTimes, result;\n\n // we need info from two childrend of each track fragment box\n trafs = _findBox(fragment, ['moof', 'traf']);\n\n // determine the start times for each track\n baseTimes = [].concat.apply([], trafs.map(function (traf) {\n return _findBox(traf, ['tfhd']).map(function (tfhd) {\n var id, scale, baseTime;\n\n // get the track id from the tfhd\n id = toUnsigned$1(tfhd[4] << 24 | tfhd[5] << 16 | tfhd[6] << 8 | tfhd[7]);\n // assume a 90kHz clock if no timescale was specified\n scale = timescale[id] || 90e3;\n\n // get the base media decode time from the tfdt\n baseTime = _findBox(traf, ['tfdt']).map(function (tfdt) {\n var version, result;\n\n version = tfdt[0];\n result = toUnsigned$1(tfdt[4] << 24 | tfdt[5] << 16 | tfdt[6] << 8 | tfdt[7]);\n if (version === 1) {\n result *= Math.pow(2, 32);\n result += toUnsigned$1(tfdt[8] << 24 | tfdt[9] << 16 | tfdt[10] << 8 | tfdt[11]);\n }\n return result;\n })[0];\n baseTime = baseTime || Infinity;\n\n // convert base time to seconds\n return baseTime / scale;\n });\n }));\n\n // return the minimum\n result = Math.min.apply(null, baseTimes);\n return isFinite(result) ? result : 0;\n };\n\n /**\n * Find the trackIds of the video tracks in this source.\n * Found by parsing the Handler Reference and Track Header Boxes:\n * moov > trak > mdia > hdlr\n * moov > trak > tkhd\n *\n * @param {Uint8Array} init - The bytes of the init segment for this source\n * @return {Number[]} A list of trackIds\n *\n * @see ISO-BMFF-12/2015, Section 8.4.3\n **/\n getVideoTrackIds = function getVideoTrackIds(init) {\n var traks = _findBox(init, ['moov', 'trak']);\n var videoTrackIds = [];\n\n traks.forEach(function (trak) {\n var hdlrs = _findBox(trak, ['mdia', 'hdlr']);\n var tkhds = _findBox(trak, ['tkhd']);\n\n hdlrs.forEach(function (hdlr, index) {\n var handlerType = parseType(hdlr.subarray(8, 12));\n var tkhd = tkhds[index];\n var view;\n var version;\n var trackId;\n\n if (handlerType === 'vide') {\n view = new DataView(tkhd.buffer, tkhd.byteOffset, tkhd.byteLength);\n version = view.getUint8(0);\n trackId = version === 0 ? view.getUint32(12) : view.getUint32(20);\n\n videoTrackIds.push(trackId);\n }\n });\n });\n\n return videoTrackIds;\n };\n\n var probe = {\n findBox: _findBox,\n parseType: parseType,\n timescale: timescale,\n startTime: startTime,\n videoTrackIds: getVideoTrackIds\n };\n\n /**\n * mux.js\n *\n * Copyright (c) 2014 Brightcove\n * All rights reserved.\n *\n * A lightweight readable stream implemention that handles event dispatching.\n * Objects that inherit from streams should call init in their constructors.\n */\n\n var Stream = function Stream() {\n this.init = function () {\n var listeners = {};\n /**\n * Add a listener for a specified event type.\n * @param type {string} the event name\n * @param listener {function} the callback to be invoked when an event of\n * the specified type occurs\n */\n this.on = function (type, listener) {\n if (!listeners[type]) {\n listeners[type] = [];\n }\n listeners[type] = listeners[type].concat(listener);\n };\n /**\n * Remove a listener for a specified event type.\n * @param type {string} the event name\n * @param listener {function} a function previously registered for this\n * type of event through `on`\n */\n this.off = function (type, listener) {\n var index;\n if (!listeners[type]) {\n return false;\n }\n index = listeners[type].indexOf(listener);\n listeners[type] = listeners[type].slice();\n listeners[type].splice(index, 1);\n return index > -1;\n };\n /**\n * Trigger an event of the specified type on this stream. Any additional\n * arguments to this function are passed as parameters to event listeners.\n * @param type {string} the event name\n */\n this.trigger = function (type) {\n var callbacks, i, length, args;\n callbacks = listeners[type];\n if (!callbacks) {\n return;\n }\n // Slicing the arguments on every invocation of this method\n // can add a significant amount of overhead. Avoid the\n // intermediate object creation for the common case of a\n // single callback argument\n if (arguments.length === 2) {\n length = callbacks.length;\n for (i = 0; i < length; ++i) {\n callbacks[i].call(this, arguments[1]);\n }\n } else {\n args = [];\n i = arguments.length;\n for (i = 1; i < arguments.length; ++i) {\n args.push(arguments[i]);\n }\n length = callbacks.length;\n for (i = 0; i < length; ++i) {\n callbacks[i].apply(this, args);\n }\n }\n };\n /**\n * Destroys the stream and cleans up.\n */\n this.dispose = function () {\n listeners = {};\n };\n };\n };\n\n /**\n * Forwards all `data` events on this stream to the destination stream. The\n * destination stream should provide a method `push` to receive the data\n * events as they arrive.\n * @param destination {stream} the stream that will receive all `data` events\n * @param autoFlush {boolean} if false, we will not call `flush` on the destination\n * when the current stream emits a 'done' event\n * @see http://nodejs.org/api/stream.html#stream_readable_pipe_destination_options\n */\n Stream.prototype.pipe = function (destination) {\n this.on('data', function (data) {\n destination.push(data);\n });\n\n this.on('done', function (flushSource) {\n destination.flush(flushSource);\n });\n\n return destination;\n };\n\n // Default stream functions that are expected to be overridden to perform\n // actual work. These are provided by the prototype as a sort of no-op\n // implementation so that we don't have to check for their existence in the\n // `pipe` function above.\n Stream.prototype.push = function (data) {\n this.trigger('data', data);\n };\n\n Stream.prototype.flush = function (flushSource) {\n this.trigger('done', flushSource);\n };\n\n var stream = Stream;\n\n // Convert an array of nal units into an array of frames with each frame being\n // composed of the nal units that make up that frame\n // Also keep track of cummulative data about the frame from the nal units such\n // as the frame duration, starting pts, etc.\n var groupNalsIntoFrames = function groupNalsIntoFrames(nalUnits) {\n var i,\n currentNal,\n currentFrame = [],\n frames = [];\n\n currentFrame.byteLength = 0;\n\n for (i = 0; i < nalUnits.length; i++) {\n currentNal = nalUnits[i];\n\n // Split on 'aud'-type nal units\n if (currentNal.nalUnitType === 'access_unit_delimiter_rbsp') {\n // Since the very first nal unit is expected to be an AUD\n // only push to the frames array when currentFrame is not empty\n if (currentFrame.length) {\n currentFrame.duration = currentNal.dts - currentFrame.dts;\n frames.push(currentFrame);\n }\n currentFrame = [currentNal];\n currentFrame.byteLength = currentNal.data.byteLength;\n currentFrame.pts = currentNal.pts;\n currentFrame.dts = currentNal.dts;\n } else {\n // Specifically flag key frames for ease of use later\n if (currentNal.nalUnitType === 'slice_layer_without_partitioning_rbsp_idr') {\n currentFrame.keyFrame = true;\n }\n currentFrame.duration = currentNal.dts - currentFrame.dts;\n currentFrame.byteLength += currentNal.data.byteLength;\n currentFrame.push(currentNal);\n }\n }\n\n // For the last frame, use the duration of the previous frame if we\n // have nothing better to go on\n if (frames.length && (!currentFrame.duration || currentFrame.duration <= 0)) {\n currentFrame.duration = frames[frames.length - 1].duration;\n }\n\n // Push the final frame\n frames.push(currentFrame);\n return frames;\n };\n\n // Convert an array of frames into an array of Gop with each Gop being composed\n // of the frames that make up that Gop\n // Also keep track of cummulative data about the Gop from the frames such as the\n // Gop duration, starting pts, etc.\n var groupFramesIntoGops = function groupFramesIntoGops(frames) {\n var i,\n currentFrame,\n currentGop = [],\n gops = [];\n\n // We must pre-set some of the values on the Gop since we\n // keep running totals of these values\n currentGop.byteLength = 0;\n currentGop.nalCount = 0;\n currentGop.duration = 0;\n currentGop.pts = frames[0].pts;\n currentGop.dts = frames[0].dts;\n\n // store some metadata about all the Gops\n gops.byteLength = 0;\n gops.nalCount = 0;\n gops.duration = 0;\n gops.pts = frames[0].pts;\n gops.dts = frames[0].dts;\n\n for (i = 0; i < frames.length; i++) {\n currentFrame = frames[i];\n\n if (currentFrame.keyFrame) {\n // Since the very first frame is expected to be an keyframe\n // only push to the gops array when currentGop is not empty\n if (currentGop.length) {\n gops.push(currentGop);\n gops.byteLength += currentGop.byteLength;\n gops.nalCount += currentGop.nalCount;\n gops.duration += currentGop.duration;\n }\n\n currentGop = [currentFrame];\n currentGop.nalCount = currentFrame.length;\n currentGop.byteLength = currentFrame.byteLength;\n currentGop.pts = currentFrame.pts;\n currentGop.dts = currentFrame.dts;\n currentGop.duration = currentFrame.duration;\n } else {\n currentGop.duration += currentFrame.duration;\n currentGop.nalCount += currentFrame.length;\n currentGop.byteLength += currentFrame.byteLength;\n currentGop.push(currentFrame);\n }\n }\n\n if (gops.length && currentGop.duration <= 0) {\n currentGop.duration = gops[gops.length - 1].duration;\n }\n gops.byteLength += currentGop.byteLength;\n gops.nalCount += currentGop.nalCount;\n gops.duration += currentGop.duration;\n\n // push the final Gop\n gops.push(currentGop);\n return gops;\n };\n\n /*\n * Search for the first keyframe in the GOPs and throw away all frames\n * until that keyframe. Then extend the duration of the pulled keyframe\n * and pull the PTS and DTS of the keyframe so that it covers the time\n * range of the frames that were disposed.\n *\n * @param {Array} gops video GOPs\n * @returns {Array} modified video GOPs\n */\n var extendFirstKeyFrame = function extendFirstKeyFrame(gops) {\n var currentGop;\n\n if (!gops[0][0].keyFrame && gops.length > 1) {\n // Remove the first GOP\n currentGop = gops.shift();\n\n gops.byteLength -= currentGop.byteLength;\n gops.nalCount -= currentGop.nalCount;\n\n // Extend the first frame of what is now the\n // first gop to cover the time period of the\n // frames we just removed\n gops[0][0].dts = currentGop.dts;\n gops[0][0].pts = currentGop.pts;\n gops[0][0].duration += currentGop.duration;\n }\n\n return gops;\n };\n\n /**\n * Default sample object\n * see ISO/IEC 14496-12:2012, section 8.6.4.3\n */\n var createDefaultSample = function createDefaultSample() {\n return {\n size: 0,\n flags: {\n isLeading: 0,\n dependsOn: 1,\n isDependedOn: 0,\n hasRedundancy: 0,\n degradationPriority: 0,\n isNonSyncSample: 1\n }\n };\n };\n\n /*\n * Collates information from a video frame into an object for eventual\n * entry into an MP4 sample table.\n *\n * @param {Object} frame the video frame\n * @param {Number} dataOffset the byte offset to position the sample\n * @return {Object} object containing sample table info for a frame\n */\n var sampleForFrame = function sampleForFrame(frame, dataOffset) {\n var sample = createDefaultSample();\n\n sample.dataOffset = dataOffset;\n sample.compositionTimeOffset = frame.pts - frame.dts;\n sample.duration = frame.duration;\n sample.size = 4 * frame.length; // Space for nal unit size\n sample.size += frame.byteLength;\n\n if (frame.keyFrame) {\n sample.flags.dependsOn = 2;\n sample.flags.isNonSyncSample = 0;\n }\n\n return sample;\n };\n\n // generate the track's sample table from an array of gops\n var generateSampleTable = function generateSampleTable(gops, baseDataOffset) {\n var h,\n i,\n sample,\n currentGop,\n currentFrame,\n dataOffset = baseDataOffset || 0,\n samples = [];\n\n for (h = 0; h < gops.length; h++) {\n currentGop = gops[h];\n\n for (i = 0; i < currentGop.length; i++) {\n currentFrame = currentGop[i];\n\n sample = sampleForFrame(currentFrame, dataOffset);\n\n dataOffset += sample.size;\n\n samples.push(sample);\n }\n }\n return samples;\n };\n\n // generate the track's raw mdat data from an array of gops\n var concatenateNalData = function concatenateNalData(gops) {\n var h,\n i,\n j,\n currentGop,\n currentFrame,\n currentNal,\n dataOffset = 0,\n nalsByteLength = gops.byteLength,\n numberOfNals = gops.nalCount,\n totalByteLength = nalsByteLength + 4 * numberOfNals,\n data = new Uint8Array(totalByteLength),\n view = new DataView(data.buffer);\n\n // For each Gop..\n for (h = 0; h < gops.length; h++) {\n currentGop = gops[h];\n\n // For each Frame..\n for (i = 0; i < currentGop.length; i++) {\n currentFrame = currentGop[i];\n\n // For each NAL..\n for (j = 0; j < currentFrame.length; j++) {\n currentNal = currentFrame[j];\n\n view.setUint32(dataOffset, currentNal.data.byteLength);\n dataOffset += 4;\n data.set(currentNal.data, dataOffset);\n dataOffset += currentNal.data.byteLength;\n }\n }\n }\n return data;\n };\n\n var frameUtils = {\n groupNalsIntoFrames: groupNalsIntoFrames,\n groupFramesIntoGops: groupFramesIntoGops,\n extendFirstKeyFrame: extendFirstKeyFrame,\n generateSampleTable: generateSampleTable,\n concatenateNalData: concatenateNalData\n };\n\n var ONE_SECOND_IN_TS = 90000; // 90kHz clock\n\n /**\n * Store information about the start and end of the track and the\n * duration for each frame/sample we process in order to calculate\n * the baseMediaDecodeTime\n */\n var collectDtsInfo = function collectDtsInfo(track, data) {\n if (typeof data.pts === 'number') {\n if (track.timelineStartInfo.pts === undefined) {\n track.timelineStartInfo.pts = data.pts;\n }\n\n if (track.minSegmentPts === undefined) {\n track.minSegmentPts = data.pts;\n } else {\n track.minSegmentPts = Math.min(track.minSegmentPts, data.pts);\n }\n\n if (track.maxSegmentPts === undefined) {\n track.maxSegmentPts = data.pts;\n } else {\n track.maxSegmentPts = Math.max(track.maxSegmentPts, data.pts);\n }\n }\n\n if (typeof data.dts === 'number') {\n if (track.timelineStartInfo.dts === undefined) {\n track.timelineStartInfo.dts = data.dts;\n }\n\n if (track.minSegmentDts === undefined) {\n track.minSegmentDts = data.dts;\n } else {\n track.minSegmentDts = Math.min(track.minSegmentDts, data.dts);\n }\n\n if (track.maxSegmentDts === undefined) {\n track.maxSegmentDts = data.dts;\n } else {\n track.maxSegmentDts = Math.max(track.maxSegmentDts, data.dts);\n }\n }\n };\n\n /**\n * Clear values used to calculate the baseMediaDecodeTime between\n * tracks\n */\n var clearDtsInfo = function clearDtsInfo(track) {\n delete track.minSegmentDts;\n delete track.maxSegmentDts;\n delete track.minSegmentPts;\n delete track.maxSegmentPts;\n };\n\n /**\n * Calculate the track's baseMediaDecodeTime based on the earliest\n * DTS the transmuxer has ever seen and the minimum DTS for the\n * current track\n * @param track {object} track metadata configuration\n * @param keepOriginalTimestamps {boolean} If true, keep the timestamps\n * in the source; false to adjust the first segment to start at 0.\n */\n var calculateTrackBaseMediaDecodeTime = function calculateTrackBaseMediaDecodeTime(track, keepOriginalTimestamps) {\n var baseMediaDecodeTime,\n scale,\n minSegmentDts = track.minSegmentDts;\n\n // Optionally adjust the time so the first segment starts at zero.\n if (!keepOriginalTimestamps) {\n minSegmentDts -= track.timelineStartInfo.dts;\n }\n\n // track.timelineStartInfo.baseMediaDecodeTime is the location, in time, where\n // we want the start of the first segment to be placed\n baseMediaDecodeTime = track.timelineStartInfo.baseMediaDecodeTime;\n\n // Add to that the distance this segment is from the very first\n baseMediaDecodeTime += minSegmentDts;\n\n // baseMediaDecodeTime must not become negative\n baseMediaDecodeTime = Math.max(0, baseMediaDecodeTime);\n\n if (track.type === 'audio') {\n // Audio has a different clock equal to the sampling_rate so we need to\n // scale the PTS values into the clock rate of the track\n scale = track.samplerate / ONE_SECOND_IN_TS;\n baseMediaDecodeTime *= scale;\n baseMediaDecodeTime = Math.floor(baseMediaDecodeTime);\n }\n\n return baseMediaDecodeTime;\n };\n\n var trackDecodeInfo = {\n clearDtsInfo: clearDtsInfo,\n calculateTrackBaseMediaDecodeTime: calculateTrackBaseMediaDecodeTime,\n collectDtsInfo: collectDtsInfo\n };\n\n /**\n * mux.js\n *\n * Copyright (c) 2015 Brightcove\n * All rights reserved.\n *\n * Reads in-band caption information from a video elementary\n * stream. Captions must follow the CEA-708 standard for injection\n * into an MPEG-2 transport streams.\n * @see https://en.wikipedia.org/wiki/CEA-708\n * @see https://www.gpo.gov/fdsys/pkg/CFR-2007-title47-vol1/pdf/CFR-2007-title47-vol1-sec15-119.pdf\n */\n\n // Supplemental enhancement information (SEI) NAL units have a\n // payload type field to indicate how they are to be\n // interpreted. CEAS-708 caption content is always transmitted with\n // payload type 0x04.\n\n var USER_DATA_REGISTERED_ITU_T_T35 = 4,\n RBSP_TRAILING_BITS = 128;\n\n /**\n * Parse a supplemental enhancement information (SEI) NAL unit.\n * Stops parsing once a message of type ITU T T35 has been found.\n *\n * @param bytes {Uint8Array} the bytes of a SEI NAL unit\n * @return {object} the parsed SEI payload\n * @see Rec. ITU-T H.264, 7.3.2.3.1\n */\n var parseSei = function parseSei(bytes) {\n var i = 0,\n result = {\n payloadType: -1,\n payloadSize: 0\n },\n payloadType = 0,\n payloadSize = 0;\n\n // go through the sei_rbsp parsing each each individual sei_message\n while (i < bytes.byteLength) {\n // stop once we have hit the end of the sei_rbsp\n if (bytes[i] === RBSP_TRAILING_BITS) {\n break;\n }\n\n // Parse payload type\n while (bytes[i] === 0xFF) {\n payloadType += 255;\n i++;\n }\n payloadType += bytes[i++];\n\n // Parse payload size\n while (bytes[i] === 0xFF) {\n payloadSize += 255;\n i++;\n }\n payloadSize += bytes[i++];\n\n // this sei_message is a 608/708 caption so save it and break\n // there can only ever be one caption message in a frame's sei\n if (!result.payload && payloadType === USER_DATA_REGISTERED_ITU_T_T35) {\n result.payloadType = payloadType;\n result.payloadSize = payloadSize;\n result.payload = bytes.subarray(i, i + payloadSize);\n break;\n }\n\n // skip the payload and parse the next message\n i += payloadSize;\n payloadType = 0;\n payloadSize = 0;\n }\n\n return result;\n };\n\n // see ANSI/SCTE 128-1 (2013), section 8.1\n var parseUserData = function parseUserData(sei) {\n // itu_t_t35_contry_code must be 181 (United States) for\n // captions\n if (sei.payload[0] !== 181) {\n return null;\n }\n\n // itu_t_t35_provider_code should be 49 (ATSC) for captions\n if ((sei.payload[1] << 8 | sei.payload[2]) !== 49) {\n return null;\n }\n\n // the user_identifier should be \"GA94\" to indicate ATSC1 data\n if (String.fromCharCode(sei.payload[3], sei.payload[4], sei.payload[5], sei.payload[6]) !== 'GA94') {\n return null;\n }\n\n // finally, user_data_type_code should be 0x03 for caption data\n if (sei.payload[7] !== 0x03) {\n return null;\n }\n\n // return the user_data_type_structure and strip the trailing\n // marker bits\n return sei.payload.subarray(8, sei.payload.length - 1);\n };\n\n // see CEA-708-D, section 4.4\n var parseCaptionPackets = function parseCaptionPackets(pts, userData) {\n var results = [],\n i,\n count,\n offset,\n data;\n\n // if this is just filler, return immediately\n if (!(userData[0] & 0x40)) {\n return results;\n }\n\n // parse out the cc_data_1 and cc_data_2 fields\n count = userData[0] & 0x1f;\n for (i = 0; i < count; i++) {\n offset = i * 3;\n data = {\n type: userData[offset + 2] & 0x03,\n pts: pts\n };\n\n // capture cc data when cc_valid is 1\n if (userData[offset + 2] & 0x04) {\n data.ccData = userData[offset + 3] << 8 | userData[offset + 4];\n results.push(data);\n }\n }\n return results;\n };\n\n var discardEmulationPreventionBytes = function discardEmulationPreventionBytes(data) {\n var length = data.byteLength,\n emulationPreventionBytesPositions = [],\n i = 1,\n newLength,\n newData;\n\n // Find all `Emulation Prevention Bytes`\n while (i < length - 2) {\n if (data[i] === 0 && data[i + 1] === 0 && data[i + 2] === 0x03) {\n emulationPreventionBytesPositions.push(i + 2);\n i += 2;\n } else {\n i++;\n }\n }\n\n // If no Emulation Prevention Bytes were found just return the original\n // array\n if (emulationPreventionBytesPositions.length === 0) {\n return data;\n }\n\n // Create a new array to hold the NAL unit data\n newLength = length - emulationPreventionBytesPositions.length;\n newData = new Uint8Array(newLength);\n var sourceIndex = 0;\n\n for (i = 0; i < newLength; sourceIndex++, i++) {\n if (sourceIndex === emulationPreventionBytesPositions[0]) {\n // Skip this byte\n sourceIndex++;\n // Remove this position index\n emulationPreventionBytesPositions.shift();\n }\n newData[i] = data[sourceIndex];\n }\n\n return newData;\n };\n\n // exports\n var captionPacketParser = {\n parseSei: parseSei,\n parseUserData: parseUserData,\n parseCaptionPackets: parseCaptionPackets,\n discardEmulationPreventionBytes: discardEmulationPreventionBytes,\n USER_DATA_REGISTERED_ITU_T_T35: USER_DATA_REGISTERED_ITU_T_T35\n };\n\n // -----------------\n // Link To Transport\n // -----------------\n\n\n var CaptionStream = function CaptionStream() {\n\n CaptionStream.prototype.init.call(this);\n\n this.captionPackets_ = [];\n\n this.ccStreams_ = [new Cea608Stream(0, 0), // eslint-disable-line no-use-before-define\n new Cea608Stream(0, 1), // eslint-disable-line no-use-before-define\n new Cea608Stream(1, 0), // eslint-disable-line no-use-before-define\n new Cea608Stream(1, 1) // eslint-disable-line no-use-before-define\n ];\n\n this.reset();\n\n // forward data and done events from CCs to this CaptionStream\n this.ccStreams_.forEach(function (cc) {\n cc.on('data', this.trigger.bind(this, 'data'));\n cc.on('done', this.trigger.bind(this, 'done'));\n }, this);\n };\n\n CaptionStream.prototype = new stream();\n CaptionStream.prototype.push = function (event) {\n var sei, userData, newCaptionPackets;\n\n // only examine SEI NALs\n if (event.nalUnitType !== 'sei_rbsp') {\n return;\n }\n\n // parse the sei\n sei = captionPacketParser.parseSei(event.escapedRBSP);\n\n // ignore everything but user_data_registered_itu_t_t35\n if (sei.payloadType !== captionPacketParser.USER_DATA_REGISTERED_ITU_T_T35) {\n return;\n }\n\n // parse out the user data payload\n userData = captionPacketParser.parseUserData(sei);\n\n // ignore unrecognized userData\n if (!userData) {\n return;\n }\n\n // Sometimes, the same segment # will be downloaded twice. To stop the\n // caption data from being processed twice, we track the latest dts we've\n // received and ignore everything with a dts before that. However, since\n // data for a specific dts can be split across packets on either side of\n // a segment boundary, we need to make sure we *don't* ignore the packets\n // from the *next* segment that have dts === this.latestDts_. By constantly\n // tracking the number of packets received with dts === this.latestDts_, we\n // know how many should be ignored once we start receiving duplicates.\n if (event.dts < this.latestDts_) {\n // We've started getting older data, so set the flag.\n this.ignoreNextEqualDts_ = true;\n return;\n } else if (event.dts === this.latestDts_ && this.ignoreNextEqualDts_) {\n this.numSameDts_--;\n if (!this.numSameDts_) {\n // We've received the last duplicate packet, time to start processing again\n this.ignoreNextEqualDts_ = false;\n }\n return;\n }\n\n // parse out CC data packets and save them for later\n newCaptionPackets = captionPacketParser.parseCaptionPackets(event.pts, userData);\n this.captionPackets_ = this.captionPackets_.concat(newCaptionPackets);\n if (this.latestDts_ !== event.dts) {\n this.numSameDts_ = 0;\n }\n this.numSameDts_++;\n this.latestDts_ = event.dts;\n };\n\n CaptionStream.prototype.flush = function () {\n // make sure we actually parsed captions before proceeding\n if (!this.captionPackets_.length) {\n this.ccStreams_.forEach(function (cc) {\n cc.flush();\n }, this);\n return;\n }\n\n // In Chrome, the Array#sort function is not stable so add a\n // presortIndex that we can use to ensure we get a stable-sort\n this.captionPackets_.forEach(function (elem, idx) {\n elem.presortIndex = idx;\n });\n\n // sort caption byte-pairs based on their PTS values\n this.captionPackets_.sort(function (a, b) {\n if (a.pts === b.pts) {\n return a.presortIndex - b.presortIndex;\n }\n return a.pts - b.pts;\n });\n\n this.captionPackets_.forEach(function (packet) {\n if (packet.type < 2) {\n // Dispatch packet to the right Cea608Stream\n this.dispatchCea608Packet(packet);\n }\n // this is where an 'else' would go for a dispatching packets\n // to a theoretical Cea708Stream that handles SERVICEn data\n }, this);\n\n this.captionPackets_.length = 0;\n this.ccStreams_.forEach(function (cc) {\n cc.flush();\n }, this);\n return;\n };\n\n CaptionStream.prototype.reset = function () {\n this.latestDts_ = null;\n this.ignoreNextEqualDts_ = false;\n this.numSameDts_ = 0;\n this.activeCea608Channel_ = [null, null];\n this.ccStreams_.forEach(function (ccStream) {\n ccStream.reset();\n });\n };\n\n CaptionStream.prototype.dispatchCea608Packet = function (packet) {\n // NOTE: packet.type is the CEA608 field\n if (this.setsChannel1Active(packet)) {\n this.activeCea608Channel_[packet.type] = 0;\n } else if (this.setsChannel2Active(packet)) {\n this.activeCea608Channel_[packet.type] = 1;\n }\n if (this.activeCea608Channel_[packet.type] === null) {\n // If we haven't received anything to set the active channel, discard the\n // data; we don't want jumbled captions\n return;\n }\n this.ccStreams_[(packet.type << 1) + this.activeCea608Channel_[packet.type]].push(packet);\n };\n\n CaptionStream.prototype.setsChannel1Active = function (packet) {\n return (packet.ccData & 0x7800) === 0x1000;\n };\n CaptionStream.prototype.setsChannel2Active = function (packet) {\n return (packet.ccData & 0x7800) === 0x1800;\n };\n\n // ----------------------\n // Session to Application\n // ----------------------\n\n // This hash maps non-ASCII, special, and extended character codes to their\n // proper Unicode equivalent. The first keys that are only a single byte\n // are the non-standard ASCII characters, which simply map the CEA608 byte\n // to the standard ASCII/Unicode. The two-byte keys that follow are the CEA608\n // character codes, but have their MSB bitmasked with 0x03 so that a lookup\n // can be performed regardless of the field and data channel on which the\n // character code was received.\n var CHARACTER_TRANSLATION = {\n 0x2a: 0xe1, // á\n 0x5c: 0xe9, // é\n 0x5e: 0xed, // í\n 0x5f: 0xf3, // ó\n 0x60: 0xfa, // ú\n 0x7b: 0xe7, // ç\n 0x7c: 0xf7, // ÷\n 0x7d: 0xd1, // Ñ\n 0x7e: 0xf1, // ñ\n 0x7f: 0x2588, // █\n 0x0130: 0xae, // ®\n 0x0131: 0xb0, // °\n 0x0132: 0xbd, // ½\n 0x0133: 0xbf, // ¿\n 0x0134: 0x2122, // ™\n 0x0135: 0xa2, // ¢\n 0x0136: 0xa3, // £\n 0x0137: 0x266a, // ♪\n 0x0138: 0xe0, // à\n 0x0139: 0xa0, //\n 0x013a: 0xe8, // è\n 0x013b: 0xe2, // â\n 0x013c: 0xea, // ê\n 0x013d: 0xee, // î\n 0x013e: 0xf4, // ô\n 0x013f: 0xfb, // û\n 0x0220: 0xc1, // Á\n 0x0221: 0xc9, // É\n 0x0222: 0xd3, // Ó\n 0x0223: 0xda, // Ú\n 0x0224: 0xdc, // Ü\n 0x0225: 0xfc, // ü\n 0x0226: 0x2018, // ‘\n 0x0227: 0xa1, // ¡\n 0x0228: 0x2a, // *\n 0x0229: 0x27, // '\n 0x022a: 0x2014, // —\n 0x022b: 0xa9, // ©\n 0x022c: 0x2120, // ℠\n 0x022d: 0x2022, // •\n 0x022e: 0x201c, // “\n 0x022f: 0x201d, // ”\n 0x0230: 0xc0, // À\n 0x0231: 0xc2, // Â\n 0x0232: 0xc7, // Ç\n 0x0233: 0xc8, // È\n 0x0234: 0xca, // Ê\n 0x0235: 0xcb, // Ë\n 0x0236: 0xeb, // ë\n 0x0237: 0xce, // Î\n 0x0238: 0xcf, // Ï\n 0x0239: 0xef, // ï\n 0x023a: 0xd4, // Ô\n 0x023b: 0xd9, // Ù\n 0x023c: 0xf9, // ù\n 0x023d: 0xdb, // Û\n 0x023e: 0xab, // «\n 0x023f: 0xbb, // »\n 0x0320: 0xc3, // Ã\n 0x0321: 0xe3, // ã\n 0x0322: 0xcd, // Í\n 0x0323: 0xcc, // Ì\n 0x0324: 0xec, // ì\n 0x0325: 0xd2, // Ò\n 0x0326: 0xf2, // ò\n 0x0327: 0xd5, // Õ\n 0x0328: 0xf5, // õ\n 0x0329: 0x7b, // {\n 0x032a: 0x7d, // }\n 0x032b: 0x5c, // \\\n 0x032c: 0x5e, // ^\n 0x032d: 0x5f, // _\n 0x032e: 0x7c, // |\n 0x032f: 0x7e, // ~\n 0x0330: 0xc4, // Ä\n 0x0331: 0xe4, // ä\n 0x0332: 0xd6, // Ö\n 0x0333: 0xf6, // ö\n 0x0334: 0xdf, // ß\n 0x0335: 0xa5, // ¥\n 0x0336: 0xa4, // ¤\n 0x0337: 0x2502, // │\n 0x0338: 0xc5, // Å\n 0x0339: 0xe5, // å\n 0x033a: 0xd8, // Ø\n 0x033b: 0xf8, // ø\n 0x033c: 0x250c, // ┌\n 0x033d: 0x2510, // ┐\n 0x033e: 0x2514, // └\n 0x033f: 0x2518 // ┘\n };\n\n var getCharFromCode = function getCharFromCode(code) {\n if (code === null) {\n return '';\n }\n code = CHARACTER_TRANSLATION[code] || code;\n return String.fromCharCode(code);\n };\n\n // the index of the last row in a CEA-608 display buffer\n var BOTTOM_ROW = 14;\n\n // This array is used for mapping PACs -> row #, since there's no way of\n // getting it through bit logic.\n var ROWS = [0x1100, 0x1120, 0x1200, 0x1220, 0x1500, 0x1520, 0x1600, 0x1620, 0x1700, 0x1720, 0x1000, 0x1300, 0x1320, 0x1400, 0x1420];\n\n // CEA-608 captions are rendered onto a 34x15 matrix of character\n // cells. The \"bottom\" row is the last element in the outer array.\n var createDisplayBuffer = function createDisplayBuffer() {\n var result = [],\n i = BOTTOM_ROW + 1;\n while (i--) {\n result.push('');\n }\n return result;\n };\n\n var Cea608Stream = function Cea608Stream(field, dataChannel) {\n Cea608Stream.prototype.init.call(this);\n\n this.field_ = field || 0;\n this.dataChannel_ = dataChannel || 0;\n\n this.name_ = 'CC' + ((this.field_ << 1 | this.dataChannel_) + 1);\n\n this.setConstants();\n this.reset();\n\n this.push = function (packet) {\n var data, swap, char0, char1, text;\n // remove the parity bits\n data = packet.ccData & 0x7f7f;\n\n // ignore duplicate control codes; the spec demands they're sent twice\n if (data === this.lastControlCode_) {\n this.lastControlCode_ = null;\n return;\n }\n\n // Store control codes\n if ((data & 0xf000) === 0x1000) {\n this.lastControlCode_ = data;\n } else if (data !== this.PADDING_) {\n this.lastControlCode_ = null;\n }\n\n char0 = data >>> 8;\n char1 = data & 0xff;\n\n if (data === this.PADDING_) {\n return;\n } else if (data === this.RESUME_CAPTION_LOADING_) {\n this.mode_ = 'popOn';\n } else if (data === this.END_OF_CAPTION_) {\n // If an EOC is received while in paint-on mode, the displayed caption\n // text should be swapped to non-displayed memory as if it was a pop-on\n // caption. Because of that, we should explicitly switch back to pop-on\n // mode\n this.mode_ = 'popOn';\n this.clearFormatting(packet.pts);\n // if a caption was being displayed, it's gone now\n this.flushDisplayed(packet.pts);\n\n // flip memory\n swap = this.displayed_;\n this.displayed_ = this.nonDisplayed_;\n this.nonDisplayed_ = swap;\n\n // start measuring the time to display the caption\n this.startPts_ = packet.pts;\n } else if (data === this.ROLL_UP_2_ROWS_) {\n this.rollUpRows_ = 2;\n this.setRollUp(packet.pts);\n } else if (data === this.ROLL_UP_3_ROWS_) {\n this.rollUpRows_ = 3;\n this.setRollUp(packet.pts);\n } else if (data === this.ROLL_UP_4_ROWS_) {\n this.rollUpRows_ = 4;\n this.setRollUp(packet.pts);\n } else if (data === this.CARRIAGE_RETURN_) {\n this.clearFormatting(packet.pts);\n this.flushDisplayed(packet.pts);\n this.shiftRowsUp_();\n this.startPts_ = packet.pts;\n } else if (data === this.BACKSPACE_) {\n if (this.mode_ === 'popOn') {\n this.nonDisplayed_[this.row_] = this.nonDisplayed_[this.row_].slice(0, -1);\n } else {\n this.displayed_[this.row_] = this.displayed_[this.row_].slice(0, -1);\n }\n } else if (data === this.ERASE_DISPLAYED_MEMORY_) {\n this.flushDisplayed(packet.pts);\n this.displayed_ = createDisplayBuffer();\n } else if (data === this.ERASE_NON_DISPLAYED_MEMORY_) {\n this.nonDisplayed_ = createDisplayBuffer();\n } else if (data === this.RESUME_DIRECT_CAPTIONING_) {\n if (this.mode_ !== 'paintOn') {\n // NOTE: This should be removed when proper caption positioning is\n // implemented\n this.flushDisplayed(packet.pts);\n this.displayed_ = createDisplayBuffer();\n }\n this.mode_ = 'paintOn';\n this.startPts_ = packet.pts;\n\n // Append special characters to caption text\n } else if (this.isSpecialCharacter(char0, char1)) {\n // Bitmask char0 so that we can apply character transformations\n // regardless of field and data channel.\n // Then byte-shift to the left and OR with char1 so we can pass the\n // entire character code to `getCharFromCode`.\n char0 = (char0 & 0x03) << 8;\n text = getCharFromCode(char0 | char1);\n this[this.mode_](packet.pts, text);\n this.column_++;\n\n // Append extended characters to caption text\n } else if (this.isExtCharacter(char0, char1)) {\n // Extended characters always follow their \"non-extended\" equivalents.\n // IE if a \"è\" is desired, you'll always receive \"eè\"; non-compliant\n // decoders are supposed to drop the \"è\", while compliant decoders\n // backspace the \"e\" and insert \"è\".\n\n // Delete the previous character\n if (this.mode_ === 'popOn') {\n this.nonDisplayed_[this.row_] = this.nonDisplayed_[this.row_].slice(0, -1);\n } else {\n this.displayed_[this.row_] = this.displayed_[this.row_].slice(0, -1);\n }\n\n // Bitmask char0 so that we can apply character transformations\n // regardless of field and data channel.\n // Then byte-shift to the left and OR with char1 so we can pass the\n // entire character code to `getCharFromCode`.\n char0 = (char0 & 0x03) << 8;\n text = getCharFromCode(char0 | char1);\n this[this.mode_](packet.pts, text);\n this.column_++;\n\n // Process mid-row codes\n } else if (this.isMidRowCode(char0, char1)) {\n // Attributes are not additive, so clear all formatting\n this.clearFormatting(packet.pts);\n\n // According to the standard, mid-row codes\n // should be replaced with spaces, so add one now\n this[this.mode_](packet.pts, ' ');\n this.column_++;\n\n if ((char1 & 0xe) === 0xe) {\n this.addFormatting(packet.pts, ['i']);\n }\n\n if ((char1 & 0x1) === 0x1) {\n this.addFormatting(packet.pts, ['u']);\n }\n\n // Detect offset control codes and adjust cursor\n } else if (this.isOffsetControlCode(char0, char1)) {\n // Cursor position is set by indent PAC (see below) in 4-column\n // increments, with an additional offset code of 1-3 to reach any\n // of the 32 columns specified by CEA-608. So all we need to do\n // here is increment the column cursor by the given offset.\n this.column_ += char1 & 0x03;\n\n // Detect PACs (Preamble Address Codes)\n } else if (this.isPAC(char0, char1)) {\n\n // There's no logic for PAC -> row mapping, so we have to just\n // find the row code in an array and use its index :(\n var row = ROWS.indexOf(data & 0x1f20);\n\n // Configure the caption window if we're in roll-up mode\n if (this.mode_ === 'rollUp') {\n this.setRollUp(packet.pts, row);\n }\n\n if (row !== this.row_) {\n // formatting is only persistent for current row\n this.clearFormatting(packet.pts);\n this.row_ = row;\n }\n // All PACs can apply underline, so detect and apply\n // (All odd-numbered second bytes set underline)\n if (char1 & 0x1 && this.formatting_.indexOf('u') === -1) {\n this.addFormatting(packet.pts, ['u']);\n }\n\n if ((data & 0x10) === 0x10) {\n // We've got an indent level code. Each successive even number\n // increments the column cursor by 4, so we can get the desired\n // column position by bit-shifting to the right (to get n/2)\n // and multiplying by 4.\n this.column_ = ((data & 0xe) >> 1) * 4;\n }\n\n if (this.isColorPAC(char1)) {\n // it's a color code, though we only support white, which\n // can be either normal or italicized. white italics can be\n // either 0x4e or 0x6e depending on the row, so we just\n // bitwise-and with 0xe to see if italics should be turned on\n if ((char1 & 0xe) === 0xe) {\n this.addFormatting(packet.pts, ['i']);\n }\n }\n\n // We have a normal character in char0, and possibly one in char1\n } else if (this.isNormalChar(char0)) {\n if (char1 === 0x00) {\n char1 = null;\n }\n text = getCharFromCode(char0);\n text += getCharFromCode(char1);\n this[this.mode_](packet.pts, text);\n this.column_ += text.length;\n } // finish data processing\n };\n };\n Cea608Stream.prototype = new stream();\n // Trigger a cue point that captures the current state of the\n // display buffer\n Cea608Stream.prototype.flushDisplayed = function (pts) {\n var content = this.displayed_\n // remove spaces from the start and end of the string\n .map(function (row) {\n return row.trim();\n })\n // combine all text rows to display in one cue\n .join('\\n')\n // and remove blank rows from the start and end, but not the middle\n .replace(/^\\n+|\\n+$/g, '');\n\n if (content.length) {\n this.trigger('data', {\n startPts: this.startPts_,\n endPts: pts,\n text: content,\n stream: this.name_\n });\n }\n };\n\n /**\n * Zero out the data, used for startup and on seek\n */\n Cea608Stream.prototype.reset = function () {\n this.mode_ = 'popOn';\n // When in roll-up mode, the index of the last row that will\n // actually display captions. If a caption is shifted to a row\n // with a lower index than this, it is cleared from the display\n // buffer\n this.topRow_ = 0;\n this.startPts_ = 0;\n this.displayed_ = createDisplayBuffer();\n this.nonDisplayed_ = createDisplayBuffer();\n this.lastControlCode_ = null;\n\n // Track row and column for proper line-breaking and spacing\n this.column_ = 0;\n this.row_ = BOTTOM_ROW;\n this.rollUpRows_ = 2;\n\n // This variable holds currently-applied formatting\n this.formatting_ = [];\n };\n\n /**\n * Sets up control code and related constants for this instance\n */\n Cea608Stream.prototype.setConstants = function () {\n // The following attributes have these uses:\n // ext_ : char0 for mid-row codes, and the base for extended\n // chars (ext_+0, ext_+1, and ext_+2 are char0s for\n // extended codes)\n // control_: char0 for control codes, except byte-shifted to the\n // left so that we can do this.control_ | CONTROL_CODE\n // offset_: char0 for tab offset codes\n //\n // It's also worth noting that control codes, and _only_ control codes,\n // differ between field 1 and field2. Field 2 control codes are always\n // their field 1 value plus 1. That's why there's the \"| field\" on the\n // control value.\n if (this.dataChannel_ === 0) {\n this.BASE_ = 0x10;\n this.EXT_ = 0x11;\n this.CONTROL_ = (0x14 | this.field_) << 8;\n this.OFFSET_ = 0x17;\n } else if (this.dataChannel_ === 1) {\n this.BASE_ = 0x18;\n this.EXT_ = 0x19;\n this.CONTROL_ = (0x1c | this.field_) << 8;\n this.OFFSET_ = 0x1f;\n }\n\n // Constants for the LSByte command codes recognized by Cea608Stream. This\n // list is not exhaustive. For a more comprehensive listing and semantics see\n // http://www.gpo.gov/fdsys/pkg/CFR-2010-title47-vol1/pdf/CFR-2010-title47-vol1-sec15-119.pdf\n // Padding\n this.PADDING_ = 0x0000;\n // Pop-on Mode\n this.RESUME_CAPTION_LOADING_ = this.CONTROL_ | 0x20;\n this.END_OF_CAPTION_ = this.CONTROL_ | 0x2f;\n // Roll-up Mode\n this.ROLL_UP_2_ROWS_ = this.CONTROL_ | 0x25;\n this.ROLL_UP_3_ROWS_ = this.CONTROL_ | 0x26;\n this.ROLL_UP_4_ROWS_ = this.CONTROL_ | 0x27;\n this.CARRIAGE_RETURN_ = this.CONTROL_ | 0x2d;\n // paint-on mode\n this.RESUME_DIRECT_CAPTIONING_ = this.CONTROL_ | 0x29;\n // Erasure\n this.BACKSPACE_ = this.CONTROL_ | 0x21;\n this.ERASE_DISPLAYED_MEMORY_ = this.CONTROL_ | 0x2c;\n this.ERASE_NON_DISPLAYED_MEMORY_ = this.CONTROL_ | 0x2e;\n };\n\n /**\n * Detects if the 2-byte packet data is a special character\n *\n * Special characters have a second byte in the range 0x30 to 0x3f,\n * with the first byte being 0x11 (for data channel 1) or 0x19 (for\n * data channel 2).\n *\n * @param {Integer} char0 The first byte\n * @param {Integer} char1 The second byte\n * @return {Boolean} Whether the 2 bytes are an special character\n */\n Cea608Stream.prototype.isSpecialCharacter = function (char0, char1) {\n return char0 === this.EXT_ && char1 >= 0x30 && char1 <= 0x3f;\n };\n\n /**\n * Detects if the 2-byte packet data is an extended character\n *\n * Extended characters have a second byte in the range 0x20 to 0x3f,\n * with the first byte being 0x12 or 0x13 (for data channel 1) or\n * 0x1a or 0x1b (for data channel 2).\n *\n * @param {Integer} char0 The first byte\n * @param {Integer} char1 The second byte\n * @return {Boolean} Whether the 2 bytes are an extended character\n */\n Cea608Stream.prototype.isExtCharacter = function (char0, char1) {\n return (char0 === this.EXT_ + 1 || char0 === this.EXT_ + 2) && char1 >= 0x20 && char1 <= 0x3f;\n };\n\n /**\n * Detects if the 2-byte packet is a mid-row code\n *\n * Mid-row codes have a second byte in the range 0x20 to 0x2f, with\n * the first byte being 0x11 (for data channel 1) or 0x19 (for data\n * channel 2).\n *\n * @param {Integer} char0 The first byte\n * @param {Integer} char1 The second byte\n * @return {Boolean} Whether the 2 bytes are a mid-row code\n */\n Cea608Stream.prototype.isMidRowCode = function (char0, char1) {\n return char0 === this.EXT_ && char1 >= 0x20 && char1 <= 0x2f;\n };\n\n /**\n * Detects if the 2-byte packet is an offset control code\n *\n * Offset control codes have a second byte in the range 0x21 to 0x23,\n * with the first byte being 0x17 (for data channel 1) or 0x1f (for\n * data channel 2).\n *\n * @param {Integer} char0 The first byte\n * @param {Integer} char1 The second byte\n * @return {Boolean} Whether the 2 bytes are an offset control code\n */\n Cea608Stream.prototype.isOffsetControlCode = function (char0, char1) {\n return char0 === this.OFFSET_ && char1 >= 0x21 && char1 <= 0x23;\n };\n\n /**\n * Detects if the 2-byte packet is a Preamble Address Code\n *\n * PACs have a first byte in the range 0x10 to 0x17 (for data channel 1)\n * or 0x18 to 0x1f (for data channel 2), with the second byte in the\n * range 0x40 to 0x7f.\n *\n * @param {Integer} char0 The first byte\n * @param {Integer} char1 The second byte\n * @return {Boolean} Whether the 2 bytes are a PAC\n */\n Cea608Stream.prototype.isPAC = function (char0, char1) {\n return char0 >= this.BASE_ && char0 < this.BASE_ + 8 && char1 >= 0x40 && char1 <= 0x7f;\n };\n\n /**\n * Detects if a packet's second byte is in the range of a PAC color code\n *\n * PAC color codes have the second byte be in the range 0x40 to 0x4f, or\n * 0x60 to 0x6f.\n *\n * @param {Integer} char1 The second byte\n * @return {Boolean} Whether the byte is a color PAC\n */\n Cea608Stream.prototype.isColorPAC = function (char1) {\n return char1 >= 0x40 && char1 <= 0x4f || char1 >= 0x60 && char1 <= 0x7f;\n };\n\n /**\n * Detects if a single byte is in the range of a normal character\n *\n * Normal text bytes are in the range 0x20 to 0x7f.\n *\n * @param {Integer} char The byte\n * @return {Boolean} Whether the byte is a normal character\n */\n Cea608Stream.prototype.isNormalChar = function (char) {\n return char >= 0x20 && char <= 0x7f;\n };\n\n /**\n * Configures roll-up\n *\n * @param {Integer} pts Current PTS\n * @param {Integer} newBaseRow Used by PACs to slide the current window to\n * a new position\n */\n Cea608Stream.prototype.setRollUp = function (pts, newBaseRow) {\n // Reset the base row to the bottom row when switching modes\n if (this.mode_ !== 'rollUp') {\n this.row_ = BOTTOM_ROW;\n this.mode_ = 'rollUp';\n // Spec says to wipe memories when switching to roll-up\n this.flushDisplayed(pts);\n this.nonDisplayed_ = createDisplayBuffer();\n this.displayed_ = createDisplayBuffer();\n }\n\n if (newBaseRow !== undefined && newBaseRow !== this.row_) {\n // move currently displayed captions (up or down) to the new base row\n for (var i = 0; i < this.rollUpRows_; i++) {\n this.displayed_[newBaseRow - i] = this.displayed_[this.row_ - i];\n this.displayed_[this.row_ - i] = '';\n }\n }\n\n if (newBaseRow === undefined) {\n newBaseRow = this.row_;\n }\n this.topRow_ = newBaseRow - this.rollUpRows_ + 1;\n };\n\n // Adds the opening HTML tag for the passed character to the caption text,\n // and keeps track of it for later closing\n Cea608Stream.prototype.addFormatting = function (pts, format) {\n this.formatting_ = this.formatting_.concat(format);\n var text = format.reduce(function (text, format) {\n return text + '<' + format + '>';\n }, '');\n this[this.mode_](pts, text);\n };\n\n // Adds HTML closing tags for current formatting to caption text and\n // clears remembered formatting\n Cea608Stream.prototype.clearFormatting = function (pts) {\n if (!this.formatting_.length) {\n return;\n }\n var text = this.formatting_.reverse().reduce(function (text, format) {\n return text + '';\n }, '');\n this.formatting_ = [];\n this[this.mode_](pts, text);\n };\n\n // Mode Implementations\n Cea608Stream.prototype.popOn = function (pts, text) {\n var baseRow = this.nonDisplayed_[this.row_];\n\n // buffer characters\n baseRow += text;\n this.nonDisplayed_[this.row_] = baseRow;\n };\n\n Cea608Stream.prototype.rollUp = function (pts, text) {\n var baseRow = this.displayed_[this.row_];\n\n baseRow += text;\n this.displayed_[this.row_] = baseRow;\n };\n\n Cea608Stream.prototype.shiftRowsUp_ = function () {\n var i;\n // clear out inactive rows\n for (i = 0; i < this.topRow_; i++) {\n this.displayed_[i] = '';\n }\n for (i = this.row_ + 1; i < BOTTOM_ROW + 1; i++) {\n this.displayed_[i] = '';\n }\n // shift displayed rows up\n for (i = this.topRow_; i < this.row_; i++) {\n this.displayed_[i] = this.displayed_[i + 1];\n }\n // clear out the bottom row\n this.displayed_[this.row_] = '';\n };\n\n Cea608Stream.prototype.paintOn = function (pts, text) {\n var baseRow = this.displayed_[this.row_];\n\n baseRow += text;\n this.displayed_[this.row_] = baseRow;\n };\n\n // exports\n var captionStream = {\n CaptionStream: CaptionStream,\n Cea608Stream: Cea608Stream\n };\n\n var streamTypes = {\n H264_STREAM_TYPE: 0x1B,\n ADTS_STREAM_TYPE: 0x0F,\n METADATA_STREAM_TYPE: 0x15\n };\n\n var MAX_TS = 8589934592;\n\n var RO_THRESH = 4294967296;\n\n var handleRollover = function handleRollover(value, reference) {\n var direction = 1;\n\n if (value > reference) {\n // If the current timestamp value is greater than our reference timestamp and we detect a\n // timestamp rollover, this means the roll over is happening in the opposite direction.\n // Example scenario: Enter a long stream/video just after a rollover occurred. The reference\n // point will be set to a small number, e.g. 1. The user then seeks backwards over the\n // rollover point. In loading this segment, the timestamp values will be very large,\n // e.g. 2^33 - 1. Since this comes before the data we loaded previously, we want to adjust\n // the time stamp to be `value - 2^33`.\n direction = -1;\n }\n\n // Note: A seek forwards or back that is greater than the RO_THRESH (2^32, ~13 hours) will\n // cause an incorrect adjustment.\n while (Math.abs(reference - value) > RO_THRESH) {\n value += direction * MAX_TS;\n }\n\n return value;\n };\n\n var TimestampRolloverStream = function TimestampRolloverStream(type) {\n var lastDTS, referenceDTS;\n\n TimestampRolloverStream.prototype.init.call(this);\n\n this.type_ = type;\n\n this.push = function (data) {\n if (data.type !== this.type_) {\n return;\n }\n\n if (referenceDTS === undefined) {\n referenceDTS = data.dts;\n }\n\n data.dts = handleRollover(data.dts, referenceDTS);\n data.pts = handleRollover(data.pts, referenceDTS);\n\n lastDTS = data.dts;\n\n this.trigger('data', data);\n };\n\n this.flush = function () {\n referenceDTS = lastDTS;\n this.trigger('done');\n };\n\n this.discontinuity = function () {\n referenceDTS = void 0;\n lastDTS = void 0;\n };\n };\n\n TimestampRolloverStream.prototype = new stream();\n\n var timestampRolloverStream = {\n TimestampRolloverStream: TimestampRolloverStream,\n handleRollover: handleRollover\n };\n\n var percentEncode = function percentEncode(bytes, start, end) {\n var i,\n result = '';\n for (i = start; i < end; i++) {\n result += '%' + ('00' + bytes[i].toString(16)).slice(-2);\n }\n return result;\n },\n\n\n // return the string representation of the specified byte range,\n // interpreted as UTf-8.\n parseUtf8 = function parseUtf8(bytes, start, end) {\n return decodeURIComponent(percentEncode(bytes, start, end));\n },\n\n\n // return the string representation of the specified byte range,\n // interpreted as ISO-8859-1.\n parseIso88591 = function parseIso88591(bytes, start, end) {\n return unescape(percentEncode(bytes, start, end)); // jshint ignore:line\n },\n parseSyncSafeInteger = function parseSyncSafeInteger(data) {\n return data[0] << 21 | data[1] << 14 | data[2] << 7 | data[3];\n },\n tagParsers = {\n TXXX: function TXXX(tag) {\n var i;\n if (tag.data[0] !== 3) {\n // ignore frames with unrecognized character encodings\n return;\n }\n\n for (i = 1; i < tag.data.length; i++) {\n if (tag.data[i] === 0) {\n // parse the text fields\n tag.description = parseUtf8(tag.data, 1, i);\n // do not include the null terminator in the tag value\n tag.value = parseUtf8(tag.data, i + 1, tag.data.length).replace(/\\0*$/, '');\n break;\n }\n }\n tag.data = tag.value;\n },\n WXXX: function WXXX(tag) {\n var i;\n if (tag.data[0] !== 3) {\n // ignore frames with unrecognized character encodings\n return;\n }\n\n for (i = 1; i < tag.data.length; i++) {\n if (tag.data[i] === 0) {\n // parse the description and URL fields\n tag.description = parseUtf8(tag.data, 1, i);\n tag.url = parseUtf8(tag.data, i + 1, tag.data.length);\n break;\n }\n }\n },\n PRIV: function PRIV(tag) {\n var i;\n\n for (i = 0; i < tag.data.length; i++) {\n if (tag.data[i] === 0) {\n // parse the description and URL fields\n tag.owner = parseIso88591(tag.data, 0, i);\n break;\n }\n }\n tag.privateData = tag.data.subarray(i + 1);\n tag.data = tag.privateData;\n }\n },\n _MetadataStream;\n\n _MetadataStream = function MetadataStream(options) {\n var settings = {\n debug: !!(options && options.debug),\n\n // the bytes of the program-level descriptor field in MP2T\n // see ISO/IEC 13818-1:2013 (E), section 2.6 \"Program and\n // program element descriptors\"\n descriptor: options && options.descriptor\n },\n\n\n // the total size in bytes of the ID3 tag being parsed\n tagSize = 0,\n\n\n // tag data that is not complete enough to be parsed\n buffer = [],\n\n\n // the total number of bytes currently in the buffer\n bufferSize = 0,\n i;\n\n _MetadataStream.prototype.init.call(this);\n\n // calculate the text track in-band metadata track dispatch type\n // https://html.spec.whatwg.org/multipage/embedded-content.html#steps-to-expose-a-media-resource-specific-text-track\n this.dispatchType = streamTypes.METADATA_STREAM_TYPE.toString(16);\n if (settings.descriptor) {\n for (i = 0; i < settings.descriptor.length; i++) {\n this.dispatchType += ('00' + settings.descriptor[i].toString(16)).slice(-2);\n }\n }\n\n this.push = function (chunk) {\n var tag, frameStart, frameSize, frame, i, frameHeader;\n if (chunk.type !== 'timed-metadata') {\n return;\n }\n\n // if data_alignment_indicator is set in the PES header,\n // we must have the start of a new ID3 tag. Assume anything\n // remaining in the buffer was malformed and throw it out\n if (chunk.dataAlignmentIndicator) {\n bufferSize = 0;\n buffer.length = 0;\n }\n\n // ignore events that don't look like ID3 data\n if (buffer.length === 0 && (chunk.data.length < 10 || chunk.data[0] !== 'I'.charCodeAt(0) || chunk.data[1] !== 'D'.charCodeAt(0) || chunk.data[2] !== '3'.charCodeAt(0))) {\n if (settings.debug) {\n // eslint-disable-next-line no-console\n console.log('Skipping unrecognized metadata packet');\n }\n return;\n }\n\n // add this chunk to the data we've collected so far\n\n buffer.push(chunk);\n bufferSize += chunk.data.byteLength;\n\n // grab the size of the entire frame from the ID3 header\n if (buffer.length === 1) {\n // the frame size is transmitted as a 28-bit integer in the\n // last four bytes of the ID3 header.\n // The most significant bit of each byte is dropped and the\n // results concatenated to recover the actual value.\n tagSize = parseSyncSafeInteger(chunk.data.subarray(6, 10));\n\n // ID3 reports the tag size excluding the header but it's more\n // convenient for our comparisons to include it\n tagSize += 10;\n }\n\n // if the entire frame has not arrived, wait for more data\n if (bufferSize < tagSize) {\n return;\n }\n\n // collect the entire frame so it can be parsed\n tag = {\n data: new Uint8Array(tagSize),\n frames: [],\n pts: buffer[0].pts,\n dts: buffer[0].dts\n };\n for (i = 0; i < tagSize;) {\n tag.data.set(buffer[0].data.subarray(0, tagSize - i), i);\n i += buffer[0].data.byteLength;\n bufferSize -= buffer[0].data.byteLength;\n buffer.shift();\n }\n\n // find the start of the first frame and the end of the tag\n frameStart = 10;\n if (tag.data[5] & 0x40) {\n // advance the frame start past the extended header\n frameStart += 4; // header size field\n frameStart += parseSyncSafeInteger(tag.data.subarray(10, 14));\n\n // clip any padding off the end\n tagSize -= parseSyncSafeInteger(tag.data.subarray(16, 20));\n }\n\n // parse one or more ID3 frames\n // http://id3.org/id3v2.3.0#ID3v2_frame_overview\n do {\n // determine the number of bytes in this frame\n frameSize = parseSyncSafeInteger(tag.data.subarray(frameStart + 4, frameStart + 8));\n if (frameSize < 1) {\n // eslint-disable-next-line no-console\n return console.log('Malformed ID3 frame encountered. Skipping metadata parsing.');\n }\n frameHeader = String.fromCharCode(tag.data[frameStart], tag.data[frameStart + 1], tag.data[frameStart + 2], tag.data[frameStart + 3]);\n\n frame = {\n id: frameHeader,\n data: tag.data.subarray(frameStart + 10, frameStart + frameSize + 10)\n };\n frame.key = frame.id;\n if (tagParsers[frame.id]) {\n tagParsers[frame.id](frame);\n\n // handle the special PRIV frame used to indicate the start\n // time for raw AAC data\n if (frame.owner === 'com.apple.streaming.transportStreamTimestamp') {\n var d = frame.data,\n size = (d[3] & 0x01) << 30 | d[4] << 22 | d[5] << 14 | d[6] << 6 | d[7] >>> 2;\n\n size *= 4;\n size += d[7] & 0x03;\n frame.timeStamp = size;\n // in raw AAC, all subsequent data will be timestamped based\n // on the value of this frame\n // we couldn't have known the appropriate pts and dts before\n // parsing this ID3 tag so set those values now\n if (tag.pts === undefined && tag.dts === undefined) {\n tag.pts = frame.timeStamp;\n tag.dts = frame.timeStamp;\n }\n this.trigger('timestamp', frame);\n }\n }\n tag.frames.push(frame);\n\n frameStart += 10; // advance past the frame header\n frameStart += frameSize; // advance past the frame body\n } while (frameStart < tagSize);\n this.trigger('data', tag);\n };\n };\n _MetadataStream.prototype = new stream();\n\n var metadataStream = _MetadataStream;\n\n var TimestampRolloverStream$1 = timestampRolloverStream.TimestampRolloverStream;\n\n // object types\n var _TransportPacketStream, _TransportParseStream, _ElementaryStream;\n\n // constants\n var MP2T_PACKET_LENGTH = 188,\n\n\n // bytes\n SYNC_BYTE = 0x47;\n\n /**\n * Splits an incoming stream of binary data into MPEG-2 Transport\n * Stream packets.\n */\n _TransportPacketStream = function TransportPacketStream() {\n var buffer = new Uint8Array(MP2T_PACKET_LENGTH),\n bytesInBuffer = 0;\n\n _TransportPacketStream.prototype.init.call(this);\n\n // Deliver new bytes to the stream.\n\n /**\n * Split a stream of data into M2TS packets\n **/\n this.push = function (bytes) {\n var startIndex = 0,\n endIndex = MP2T_PACKET_LENGTH,\n everything;\n\n // If there are bytes remaining from the last segment, prepend them to the\n // bytes that were pushed in\n if (bytesInBuffer) {\n everything = new Uint8Array(bytes.byteLength + bytesInBuffer);\n everything.set(buffer.subarray(0, bytesInBuffer));\n everything.set(bytes, bytesInBuffer);\n bytesInBuffer = 0;\n } else {\n everything = bytes;\n }\n\n // While we have enough data for a packet\n while (endIndex < everything.byteLength) {\n // Look for a pair of start and end sync bytes in the data..\n if (everything[startIndex] === SYNC_BYTE && everything[endIndex] === SYNC_BYTE) {\n // We found a packet so emit it and jump one whole packet forward in\n // the stream\n this.trigger('data', everything.subarray(startIndex, endIndex));\n startIndex += MP2T_PACKET_LENGTH;\n endIndex += MP2T_PACKET_LENGTH;\n continue;\n }\n // If we get here, we have somehow become de-synchronized and we need to step\n // forward one byte at a time until we find a pair of sync bytes that denote\n // a packet\n startIndex++;\n endIndex++;\n }\n\n // If there was some data left over at the end of the segment that couldn't\n // possibly be a whole packet, keep it because it might be the start of a packet\n // that continues in the next segment\n if (startIndex < everything.byteLength) {\n buffer.set(everything.subarray(startIndex), 0);\n bytesInBuffer = everything.byteLength - startIndex;\n }\n };\n\n /**\n * Passes identified M2TS packets to the TransportParseStream to be parsed\n **/\n this.flush = function () {\n // If the buffer contains a whole packet when we are being flushed, emit it\n // and empty the buffer. Otherwise hold onto the data because it may be\n // important for decoding the next segment\n if (bytesInBuffer === MP2T_PACKET_LENGTH && buffer[0] === SYNC_BYTE) {\n this.trigger('data', buffer);\n bytesInBuffer = 0;\n }\n this.trigger('done');\n };\n };\n _TransportPacketStream.prototype = new stream();\n\n /**\n * Accepts an MP2T TransportPacketStream and emits data events with parsed\n * forms of the individual transport stream packets.\n */\n _TransportParseStream = function TransportParseStream() {\n var parsePsi, parsePat, parsePmt, self;\n _TransportParseStream.prototype.init.call(this);\n self = this;\n\n this.packetsWaitingForPmt = [];\n this.programMapTable = undefined;\n\n parsePsi = function parsePsi(payload, psi) {\n var offset = 0;\n\n // PSI packets may be split into multiple sections and those\n // sections may be split into multiple packets. If a PSI\n // section starts in this packet, the payload_unit_start_indicator\n // will be true and the first byte of the payload will indicate\n // the offset from the current position to the start of the\n // section.\n if (psi.payloadUnitStartIndicator) {\n offset += payload[offset] + 1;\n }\n\n if (psi.type === 'pat') {\n parsePat(payload.subarray(offset), psi);\n } else {\n parsePmt(payload.subarray(offset), psi);\n }\n };\n\n parsePat = function parsePat(payload, pat) {\n pat.section_number = payload[7]; // eslint-disable-line camelcase\n pat.last_section_number = payload[8]; // eslint-disable-line camelcase\n\n // skip the PSI header and parse the first PMT entry\n self.pmtPid = (payload[10] & 0x1F) << 8 | payload[11];\n pat.pmtPid = self.pmtPid;\n };\n\n /**\n * Parse out the relevant fields of a Program Map Table (PMT).\n * @param payload {Uint8Array} the PMT-specific portion of an MP2T\n * packet. The first byte in this array should be the table_id\n * field.\n * @param pmt {object} the object that should be decorated with\n * fields parsed from the PMT.\n */\n parsePmt = function parsePmt(payload, pmt) {\n var sectionLength, tableEnd, programInfoLength, offset;\n\n // PMTs can be sent ahead of the time when they should actually\n // take effect. We don't believe this should ever be the case\n // for HLS but we'll ignore \"forward\" PMT declarations if we see\n // them. Future PMT declarations have the current_next_indicator\n // set to zero.\n if (!(payload[5] & 0x01)) {\n return;\n }\n\n // overwrite any existing program map table\n self.programMapTable = {\n video: null,\n audio: null,\n 'timed-metadata': {}\n };\n\n // the mapping table ends at the end of the current section\n sectionLength = (payload[1] & 0x0f) << 8 | payload[2];\n tableEnd = 3 + sectionLength - 4;\n\n // to determine where the table is, we have to figure out how\n // long the program info descriptors are\n programInfoLength = (payload[10] & 0x0f) << 8 | payload[11];\n\n // advance the offset to the first entry in the mapping table\n offset = 12 + programInfoLength;\n while (offset < tableEnd) {\n var streamType = payload[offset];\n var pid = (payload[offset + 1] & 0x1F) << 8 | payload[offset + 2];\n\n // only map a single elementary_pid for audio and video stream types\n // TODO: should this be done for metadata too? for now maintain behavior of\n // multiple metadata streams\n if (streamType === streamTypes.H264_STREAM_TYPE && self.programMapTable.video === null) {\n self.programMapTable.video = pid;\n } else if (streamType === streamTypes.ADTS_STREAM_TYPE && self.programMapTable.audio === null) {\n self.programMapTable.audio = pid;\n } else if (streamType === streamTypes.METADATA_STREAM_TYPE) {\n // map pid to stream type for metadata streams\n self.programMapTable['timed-metadata'][pid] = streamType;\n }\n\n // move to the next table entry\n // skip past the elementary stream descriptors, if present\n offset += ((payload[offset + 3] & 0x0F) << 8 | payload[offset + 4]) + 5;\n }\n\n // record the map on the packet as well\n pmt.programMapTable = self.programMapTable;\n };\n\n /**\n * Deliver a new MP2T packet to the next stream in the pipeline.\n */\n this.push = function (packet) {\n var result = {},\n offset = 4;\n\n result.payloadUnitStartIndicator = !!(packet[1] & 0x40);\n\n // pid is a 13-bit field starting at the last bit of packet[1]\n result.pid = packet[1] & 0x1f;\n result.pid <<= 8;\n result.pid |= packet[2];\n\n // if an adaption field is present, its length is specified by the\n // fifth byte of the TS packet header. The adaptation field is\n // used to add stuffing to PES packets that don't fill a complete\n // TS packet, and to specify some forms of timing and control data\n // that we do not currently use.\n if ((packet[3] & 0x30) >>> 4 > 0x01) {\n offset += packet[offset] + 1;\n }\n\n // parse the rest of the packet based on the type\n if (result.pid === 0) {\n result.type = 'pat';\n parsePsi(packet.subarray(offset), result);\n this.trigger('data', result);\n } else if (result.pid === this.pmtPid) {\n result.type = 'pmt';\n parsePsi(packet.subarray(offset), result);\n this.trigger('data', result);\n\n // if there are any packets waiting for a PMT to be found, process them now\n while (this.packetsWaitingForPmt.length) {\n this.processPes_.apply(this, this.packetsWaitingForPmt.shift());\n }\n } else if (this.programMapTable === undefined) {\n // When we have not seen a PMT yet, defer further processing of\n // PES packets until one has been parsed\n this.packetsWaitingForPmt.push([packet, offset, result]);\n } else {\n this.processPes_(packet, offset, result);\n }\n };\n\n this.processPes_ = function (packet, offset, result) {\n // set the appropriate stream type\n if (result.pid === this.programMapTable.video) {\n result.streamType = streamTypes.H264_STREAM_TYPE;\n } else if (result.pid === this.programMapTable.audio) {\n result.streamType = streamTypes.ADTS_STREAM_TYPE;\n } else {\n // if not video or audio, it is timed-metadata or unknown\n // if unknown, streamType will be undefined\n result.streamType = this.programMapTable['timed-metadata'][result.pid];\n }\n\n result.type = 'pes';\n result.data = packet.subarray(offset);\n\n this.trigger('data', result);\n };\n };\n _TransportParseStream.prototype = new stream();\n _TransportParseStream.STREAM_TYPES = {\n h264: 0x1b,\n adts: 0x0f\n };\n\n /**\n * Reconsistutes program elementary stream (PES) packets from parsed\n * transport stream packets. That is, if you pipe an\n * mp2t.TransportParseStream into a mp2t.ElementaryStream, the output\n * events will be events which capture the bytes for individual PES\n * packets plus relevant metadata that has been extracted from the\n * container.\n */\n _ElementaryStream = function ElementaryStream() {\n var self = this,\n\n\n // PES packet fragments\n video = {\n data: [],\n size: 0\n },\n audio = {\n data: [],\n size: 0\n },\n timedMetadata = {\n data: [],\n size: 0\n },\n parsePes = function parsePes(payload, pes) {\n var ptsDtsFlags;\n\n // get the packet length, this will be 0 for video\n pes.packetLength = 6 + (payload[4] << 8 | payload[5]);\n\n // find out if this packets starts a new keyframe\n pes.dataAlignmentIndicator = (payload[6] & 0x04) !== 0;\n // PES packets may be annotated with a PTS value, or a PTS value\n // and a DTS value. Determine what combination of values is\n // available to work with.\n ptsDtsFlags = payload[7];\n\n // PTS and DTS are normally stored as a 33-bit number. Javascript\n // performs all bitwise operations on 32-bit integers but javascript\n // supports a much greater range (52-bits) of integer using standard\n // mathematical operations.\n // We construct a 31-bit value using bitwise operators over the 31\n // most significant bits and then multiply by 4 (equal to a left-shift\n // of 2) before we add the final 2 least significant bits of the\n // timestamp (equal to an OR.)\n if (ptsDtsFlags & 0xC0) {\n // the PTS and DTS are not written out directly. For information\n // on how they are encoded, see\n // http://dvd.sourceforge.net/dvdinfo/pes-hdr.html\n pes.pts = (payload[9] & 0x0E) << 27 | (payload[10] & 0xFF) << 20 | (payload[11] & 0xFE) << 12 | (payload[12] & 0xFF) << 5 | (payload[13] & 0xFE) >>> 3;\n pes.pts *= 4; // Left shift by 2\n pes.pts += (payload[13] & 0x06) >>> 1; // OR by the two LSBs\n pes.dts = pes.pts;\n if (ptsDtsFlags & 0x40) {\n pes.dts = (payload[14] & 0x0E) << 27 | (payload[15] & 0xFF) << 20 | (payload[16] & 0xFE) << 12 | (payload[17] & 0xFF) << 5 | (payload[18] & 0xFE) >>> 3;\n pes.dts *= 4; // Left shift by 2\n pes.dts += (payload[18] & 0x06) >>> 1; // OR by the two LSBs\n }\n }\n // the data section starts immediately after the PES header.\n // pes_header_data_length specifies the number of header bytes\n // that follow the last byte of the field.\n pes.data = payload.subarray(9 + payload[8]);\n },\n\n\n /**\n * Pass completely parsed PES packets to the next stream in the pipeline\n **/\n flushStream = function flushStream(stream$$1, type, forceFlush) {\n var packetData = new Uint8Array(stream$$1.size),\n event = {\n type: type\n },\n i = 0,\n offset = 0,\n packetFlushable = false,\n fragment;\n\n // do nothing if there is not enough buffered data for a complete\n // PES header\n if (!stream$$1.data.length || stream$$1.size < 9) {\n return;\n }\n event.trackId = stream$$1.data[0].pid;\n\n // reassemble the packet\n for (i = 0; i < stream$$1.data.length; i++) {\n fragment = stream$$1.data[i];\n\n packetData.set(fragment.data, offset);\n offset += fragment.data.byteLength;\n }\n\n // parse assembled packet's PES header\n parsePes(packetData, event);\n\n // non-video PES packets MUST have a non-zero PES_packet_length\n // check that there is enough stream data to fill the packet\n packetFlushable = type === 'video' || event.packetLength <= stream$$1.size;\n\n // flush pending packets if the conditions are right\n if (forceFlush || packetFlushable) {\n stream$$1.size = 0;\n stream$$1.data.length = 0;\n }\n\n // only emit packets that are complete. this is to avoid assembling\n // incomplete PES packets due to poor segmentation\n if (packetFlushable) {\n self.trigger('data', event);\n }\n };\n\n _ElementaryStream.prototype.init.call(this);\n\n /**\n * Identifies M2TS packet types and parses PES packets using metadata\n * parsed from the PMT\n **/\n this.push = function (data) {\n ({\n pat: function pat() {\n // we have to wait for the PMT to arrive as well before we\n // have any meaningful metadata\n },\n pes: function pes() {\n var stream$$1, streamType;\n\n switch (data.streamType) {\n case streamTypes.H264_STREAM_TYPE:\n case streamTypes.H264_STREAM_TYPE:\n stream$$1 = video;\n streamType = 'video';\n break;\n case streamTypes.ADTS_STREAM_TYPE:\n stream$$1 = audio;\n streamType = 'audio';\n break;\n case streamTypes.METADATA_STREAM_TYPE:\n stream$$1 = timedMetadata;\n streamType = 'timed-metadata';\n break;\n default:\n // ignore unknown stream types\n return;\n }\n\n // if a new packet is starting, we can flush the completed\n // packet\n if (data.payloadUnitStartIndicator) {\n flushStream(stream$$1, streamType, true);\n }\n\n // buffer this fragment until we are sure we've received the\n // complete payload\n stream$$1.data.push(data);\n stream$$1.size += data.data.byteLength;\n },\n pmt: function pmt() {\n var event = {\n type: 'metadata',\n tracks: []\n },\n programMapTable = data.programMapTable;\n\n // translate audio and video streams to tracks\n if (programMapTable.video !== null) {\n event.tracks.push({\n timelineStartInfo: {\n baseMediaDecodeTime: 0\n },\n id: +programMapTable.video,\n codec: 'avc',\n type: 'video'\n });\n }\n if (programMapTable.audio !== null) {\n event.tracks.push({\n timelineStartInfo: {\n baseMediaDecodeTime: 0\n },\n id: +programMapTable.audio,\n codec: 'adts',\n type: 'audio'\n });\n }\n\n self.trigger('data', event);\n }\n })[data.type]();\n };\n\n /**\n * Flush any remaining input. Video PES packets may be of variable\n * length. Normally, the start of a new video packet can trigger the\n * finalization of the previous packet. That is not possible if no\n * more video is forthcoming, however. In that case, some other\n * mechanism (like the end of the file) has to be employed. When it is\n * clear that no additional data is forthcoming, calling this method\n * will flush the buffered packets.\n */\n this.flush = function () {\n // !!THIS ORDER IS IMPORTANT!!\n // video first then audio\n flushStream(video, 'video');\n flushStream(audio, 'audio');\n flushStream(timedMetadata, 'timed-metadata');\n this.trigger('done');\n };\n };\n _ElementaryStream.prototype = new stream();\n\n var m2ts = {\n PAT_PID: 0x0000,\n MP2T_PACKET_LENGTH: MP2T_PACKET_LENGTH,\n TransportPacketStream: _TransportPacketStream,\n TransportParseStream: _TransportParseStream,\n ElementaryStream: _ElementaryStream,\n TimestampRolloverStream: TimestampRolloverStream$1,\n CaptionStream: captionStream.CaptionStream,\n Cea608Stream: captionStream.Cea608Stream,\n MetadataStream: metadataStream\n };\n\n for (var type in streamTypes) {\n if (streamTypes.hasOwnProperty(type)) {\n m2ts[type] = streamTypes[type];\n }\n }\n\n var m2ts_1 = m2ts;\n\n var _AdtsStream;\n\n var ADTS_SAMPLING_FREQUENCIES = [96000, 88200, 64000, 48000, 44100, 32000, 24000, 22050, 16000, 12000, 11025, 8000, 7350];\n\n /*\n * Accepts a ElementaryStream and emits data events with parsed\n * AAC Audio Frames of the individual packets. Input audio in ADTS\n * format is unpacked and re-emitted as AAC frames.\n *\n * @see http://wiki.multimedia.cx/index.php?title=ADTS\n * @see http://wiki.multimedia.cx/?title=Understanding_AAC\n */\n _AdtsStream = function AdtsStream() {\n var buffer;\n\n _AdtsStream.prototype.init.call(this);\n\n this.push = function (packet) {\n var i = 0,\n frameNum = 0,\n frameLength,\n protectionSkipBytes,\n frameEnd,\n oldBuffer,\n sampleCount,\n adtsFrameDuration;\n\n if (packet.type !== 'audio') {\n // ignore non-audio data\n return;\n }\n\n // Prepend any data in the buffer to the input data so that we can parse\n // aac frames the cross a PES packet boundary\n if (buffer) {\n oldBuffer = buffer;\n buffer = new Uint8Array(oldBuffer.byteLength + packet.data.byteLength);\n buffer.set(oldBuffer);\n buffer.set(packet.data, oldBuffer.byteLength);\n } else {\n buffer = packet.data;\n }\n\n // unpack any ADTS frames which have been fully received\n // for details on the ADTS header, see http://wiki.multimedia.cx/index.php?title=ADTS\n while (i + 5 < buffer.length) {\n\n // Loook for the start of an ADTS header..\n if (buffer[i] !== 0xFF || (buffer[i + 1] & 0xF6) !== 0xF0) {\n // If a valid header was not found, jump one forward and attempt to\n // find a valid ADTS header starting at the next byte\n i++;\n continue;\n }\n\n // The protection skip bit tells us if we have 2 bytes of CRC data at the\n // end of the ADTS header\n protectionSkipBytes = (~buffer[i + 1] & 0x01) * 2;\n\n // Frame length is a 13 bit integer starting 16 bits from the\n // end of the sync sequence\n frameLength = (buffer[i + 3] & 0x03) << 11 | buffer[i + 4] << 3 | (buffer[i + 5] & 0xe0) >> 5;\n\n sampleCount = ((buffer[i + 6] & 0x03) + 1) * 1024;\n adtsFrameDuration = sampleCount * 90000 / ADTS_SAMPLING_FREQUENCIES[(buffer[i + 2] & 0x3c) >>> 2];\n\n frameEnd = i + frameLength;\n\n // If we don't have enough data to actually finish this ADTS frame, return\n // and wait for more data\n if (buffer.byteLength < frameEnd) {\n return;\n }\n\n // Otherwise, deliver the complete AAC frame\n this.trigger('data', {\n pts: packet.pts + frameNum * adtsFrameDuration,\n dts: packet.dts + frameNum * adtsFrameDuration,\n sampleCount: sampleCount,\n audioobjecttype: (buffer[i + 2] >>> 6 & 0x03) + 1,\n channelcount: (buffer[i + 2] & 1) << 2 | (buffer[i + 3] & 0xc0) >>> 6,\n samplerate: ADTS_SAMPLING_FREQUENCIES[(buffer[i + 2] & 0x3c) >>> 2],\n samplingfrequencyindex: (buffer[i + 2] & 0x3c) >>> 2,\n // assume ISO/IEC 14496-12 AudioSampleEntry default of 16\n samplesize: 16,\n data: buffer.subarray(i + 7 + protectionSkipBytes, frameEnd)\n });\n\n // If the buffer is empty, clear it and return\n if (buffer.byteLength === frameEnd) {\n buffer = undefined;\n return;\n }\n\n frameNum++;\n\n // Remove the finished frame from the buffer and start the process again\n buffer = buffer.subarray(frameEnd);\n }\n };\n this.flush = function () {\n this.trigger('done');\n };\n };\n\n _AdtsStream.prototype = new stream();\n\n var adts = _AdtsStream;\n\n var ExpGolomb;\n\n /**\n * Parser for exponential Golomb codes, a variable-bitwidth number encoding\n * scheme used by h264.\n */\n ExpGolomb = function ExpGolomb(workingData) {\n var\n // the number of bytes left to examine in workingData\n workingBytesAvailable = workingData.byteLength,\n\n\n // the current word being examined\n workingWord = 0,\n\n\n // :uint\n\n // the number of bits left to examine in the current word\n workingBitsAvailable = 0; // :uint;\n\n // ():uint\n this.length = function () {\n return 8 * workingBytesAvailable;\n };\n\n // ():uint\n this.bitsAvailable = function () {\n return 8 * workingBytesAvailable + workingBitsAvailable;\n };\n\n // ():void\n this.loadWord = function () {\n var position = workingData.byteLength - workingBytesAvailable,\n workingBytes = new Uint8Array(4),\n availableBytes = Math.min(4, workingBytesAvailable);\n\n if (availableBytes === 0) {\n throw new Error('no bytes available');\n }\n\n workingBytes.set(workingData.subarray(position, position + availableBytes));\n workingWord = new DataView(workingBytes.buffer).getUint32(0);\n\n // track the amount of workingData that has been processed\n workingBitsAvailable = availableBytes * 8;\n workingBytesAvailable -= availableBytes;\n };\n\n // (count:int):void\n this.skipBits = function (count) {\n var skipBytes; // :int\n if (workingBitsAvailable > count) {\n workingWord <<= count;\n workingBitsAvailable -= count;\n } else {\n count -= workingBitsAvailable;\n skipBytes = Math.floor(count / 8);\n\n count -= skipBytes * 8;\n workingBytesAvailable -= skipBytes;\n\n this.loadWord();\n\n workingWord <<= count;\n workingBitsAvailable -= count;\n }\n };\n\n // (size:int):uint\n this.readBits = function (size) {\n var bits = Math.min(workingBitsAvailable, size),\n\n\n // :uint\n valu = workingWord >>> 32 - bits; // :uint\n // if size > 31, handle error\n workingBitsAvailable -= bits;\n if (workingBitsAvailable > 0) {\n workingWord <<= bits;\n } else if (workingBytesAvailable > 0) {\n this.loadWord();\n }\n\n bits = size - bits;\n if (bits > 0) {\n return valu << bits | this.readBits(bits);\n }\n return valu;\n };\n\n // ():uint\n this.skipLeadingZeros = function () {\n var leadingZeroCount; // :uint\n for (leadingZeroCount = 0; leadingZeroCount < workingBitsAvailable; ++leadingZeroCount) {\n if ((workingWord & 0x80000000 >>> leadingZeroCount) !== 0) {\n // the first bit of working word is 1\n workingWord <<= leadingZeroCount;\n workingBitsAvailable -= leadingZeroCount;\n return leadingZeroCount;\n }\n }\n\n // we exhausted workingWord and still have not found a 1\n this.loadWord();\n return leadingZeroCount + this.skipLeadingZeros();\n };\n\n // ():void\n this.skipUnsignedExpGolomb = function () {\n this.skipBits(1 + this.skipLeadingZeros());\n };\n\n // ():void\n this.skipExpGolomb = function () {\n this.skipBits(1 + this.skipLeadingZeros());\n };\n\n // ():uint\n this.readUnsignedExpGolomb = function () {\n var clz = this.skipLeadingZeros(); // :uint\n return this.readBits(clz + 1) - 1;\n };\n\n // ():int\n this.readExpGolomb = function () {\n var valu = this.readUnsignedExpGolomb(); // :int\n if (0x01 & valu) {\n // the number is odd if the low order bit is set\n return 1 + valu >>> 1; // add 1 to make it even, and divide by 2\n }\n return -1 * (valu >>> 1); // divide by two then make it negative\n };\n\n // Some convenience functions\n // :Boolean\n this.readBoolean = function () {\n return this.readBits(1) === 1;\n };\n\n // ():int\n this.readUnsignedByte = function () {\n return this.readBits(8);\n };\n\n this.loadWord();\n };\n\n var expGolomb = ExpGolomb;\n\n var _H264Stream, _NalByteStream;\n var PROFILES_WITH_OPTIONAL_SPS_DATA;\n\n /**\n * Accepts a NAL unit byte stream and unpacks the embedded NAL units.\n */\n _NalByteStream = function NalByteStream() {\n var syncPoint = 0,\n i,\n buffer;\n _NalByteStream.prototype.init.call(this);\n\n /*\n * Scans a byte stream and triggers a data event with the NAL units found.\n * @param {Object} data Event received from H264Stream\n * @param {Uint8Array} data.data The h264 byte stream to be scanned\n *\n * @see H264Stream.push\n */\n this.push = function (data) {\n var swapBuffer;\n\n if (!buffer) {\n buffer = data.data;\n } else {\n swapBuffer = new Uint8Array(buffer.byteLength + data.data.byteLength);\n swapBuffer.set(buffer);\n swapBuffer.set(data.data, buffer.byteLength);\n buffer = swapBuffer;\n }\n\n // Rec. ITU-T H.264, Annex B\n // scan for NAL unit boundaries\n\n // a match looks like this:\n // 0 0 1 .. NAL .. 0 0 1\n // ^ sync point ^ i\n // or this:\n // 0 0 1 .. NAL .. 0 0 0\n // ^ sync point ^ i\n\n // advance the sync point to a NAL start, if necessary\n for (; syncPoint < buffer.byteLength - 3; syncPoint++) {\n if (buffer[syncPoint + 2] === 1) {\n // the sync point is properly aligned\n i = syncPoint + 5;\n break;\n }\n }\n\n while (i < buffer.byteLength) {\n // look at the current byte to determine if we've hit the end of\n // a NAL unit boundary\n switch (buffer[i]) {\n case 0:\n // skip past non-sync sequences\n if (buffer[i - 1] !== 0) {\n i += 2;\n break;\n } else if (buffer[i - 2] !== 0) {\n i++;\n break;\n }\n\n // deliver the NAL unit if it isn't empty\n if (syncPoint + 3 !== i - 2) {\n this.trigger('data', buffer.subarray(syncPoint + 3, i - 2));\n }\n\n // drop trailing zeroes\n do {\n i++;\n } while (buffer[i] !== 1 && i < buffer.length);\n syncPoint = i - 2;\n i += 3;\n break;\n case 1:\n // skip past non-sync sequences\n if (buffer[i - 1] !== 0 || buffer[i - 2] !== 0) {\n i += 3;\n break;\n }\n\n // deliver the NAL unit\n this.trigger('data', buffer.subarray(syncPoint + 3, i - 2));\n syncPoint = i - 2;\n i += 3;\n break;\n default:\n // the current byte isn't a one or zero, so it cannot be part\n // of a sync sequence\n i += 3;\n break;\n }\n }\n // filter out the NAL units that were delivered\n buffer = buffer.subarray(syncPoint);\n i -= syncPoint;\n syncPoint = 0;\n };\n\n this.flush = function () {\n // deliver the last buffered NAL unit\n if (buffer && buffer.byteLength > 3) {\n this.trigger('data', buffer.subarray(syncPoint + 3));\n }\n // reset the stream state\n buffer = null;\n syncPoint = 0;\n this.trigger('done');\n };\n };\n _NalByteStream.prototype = new stream();\n\n // values of profile_idc that indicate additional fields are included in the SPS\n // see Recommendation ITU-T H.264 (4/2013),\n // 7.3.2.1.1 Sequence parameter set data syntax\n PROFILES_WITH_OPTIONAL_SPS_DATA = {\n 100: true,\n 110: true,\n 122: true,\n 244: true,\n 44: true,\n 83: true,\n 86: true,\n 118: true,\n 128: true,\n 138: true,\n 139: true,\n 134: true\n };\n\n /**\n * Accepts input from a ElementaryStream and produces H.264 NAL unit data\n * events.\n */\n _H264Stream = function H264Stream() {\n var nalByteStream = new _NalByteStream(),\n self,\n trackId,\n currentPts,\n currentDts,\n discardEmulationPreventionBytes,\n readSequenceParameterSet,\n skipScalingList;\n\n _H264Stream.prototype.init.call(this);\n self = this;\n\n /*\n * Pushes a packet from a stream onto the NalByteStream\n *\n * @param {Object} packet - A packet received from a stream\n * @param {Uint8Array} packet.data - The raw bytes of the packet\n * @param {Number} packet.dts - Decode timestamp of the packet\n * @param {Number} packet.pts - Presentation timestamp of the packet\n * @param {Number} packet.trackId - The id of the h264 track this packet came from\n * @param {('video'|'audio')} packet.type - The type of packet\n *\n */\n this.push = function (packet) {\n if (packet.type !== 'video') {\n return;\n }\n trackId = packet.trackId;\n currentPts = packet.pts;\n currentDts = packet.dts;\n\n nalByteStream.push(packet);\n };\n\n /*\n * Identify NAL unit types and pass on the NALU, trackId, presentation and decode timestamps\n * for the NALUs to the next stream component.\n * Also, preprocess caption and sequence parameter NALUs.\n *\n * @param {Uint8Array} data - A NAL unit identified by `NalByteStream.push`\n * @see NalByteStream.push\n */\n nalByteStream.on('data', function (data) {\n var event = {\n trackId: trackId,\n pts: currentPts,\n dts: currentDts,\n data: data\n };\n\n switch (data[0] & 0x1f) {\n case 0x05:\n event.nalUnitType = 'slice_layer_without_partitioning_rbsp_idr';\n break;\n case 0x06:\n event.nalUnitType = 'sei_rbsp';\n event.escapedRBSP = discardEmulationPreventionBytes(data.subarray(1));\n break;\n case 0x07:\n event.nalUnitType = 'seq_parameter_set_rbsp';\n event.escapedRBSP = discardEmulationPreventionBytes(data.subarray(1));\n event.config = readSequenceParameterSet(event.escapedRBSP);\n break;\n case 0x08:\n event.nalUnitType = 'pic_parameter_set_rbsp';\n break;\n case 0x09:\n event.nalUnitType = 'access_unit_delimiter_rbsp';\n break;\n\n default:\n break;\n }\n // This triggers data on the H264Stream\n self.trigger('data', event);\n });\n nalByteStream.on('done', function () {\n self.trigger('done');\n });\n\n this.flush = function () {\n nalByteStream.flush();\n };\n\n /**\n * Advance the ExpGolomb decoder past a scaling list. The scaling\n * list is optionally transmitted as part of a sequence parameter\n * set and is not relevant to transmuxing.\n * @param count {number} the number of entries in this scaling list\n * @param expGolombDecoder {object} an ExpGolomb pointed to the\n * start of a scaling list\n * @see Recommendation ITU-T H.264, Section 7.3.2.1.1.1\n */\n skipScalingList = function skipScalingList(count, expGolombDecoder) {\n var lastScale = 8,\n nextScale = 8,\n j,\n deltaScale;\n\n for (j = 0; j < count; j++) {\n if (nextScale !== 0) {\n deltaScale = expGolombDecoder.readExpGolomb();\n nextScale = (lastScale + deltaScale + 256) % 256;\n }\n\n lastScale = nextScale === 0 ? lastScale : nextScale;\n }\n };\n\n /**\n * Expunge any \"Emulation Prevention\" bytes from a \"Raw Byte\n * Sequence Payload\"\n * @param data {Uint8Array} the bytes of a RBSP from a NAL\n * unit\n * @return {Uint8Array} the RBSP without any Emulation\n * Prevention Bytes\n */\n discardEmulationPreventionBytes = function discardEmulationPreventionBytes(data) {\n var length = data.byteLength,\n emulationPreventionBytesPositions = [],\n i = 1,\n newLength,\n newData;\n\n // Find all `Emulation Prevention Bytes`\n while (i < length - 2) {\n if (data[i] === 0 && data[i + 1] === 0 && data[i + 2] === 0x03) {\n emulationPreventionBytesPositions.push(i + 2);\n i += 2;\n } else {\n i++;\n }\n }\n\n // If no Emulation Prevention Bytes were found just return the original\n // array\n if (emulationPreventionBytesPositions.length === 0) {\n return data;\n }\n\n // Create a new array to hold the NAL unit data\n newLength = length - emulationPreventionBytesPositions.length;\n newData = new Uint8Array(newLength);\n var sourceIndex = 0;\n\n for (i = 0; i < newLength; sourceIndex++, i++) {\n if (sourceIndex === emulationPreventionBytesPositions[0]) {\n // Skip this byte\n sourceIndex++;\n // Remove this position index\n emulationPreventionBytesPositions.shift();\n }\n newData[i] = data[sourceIndex];\n }\n\n return newData;\n };\n\n /**\n * Read a sequence parameter set and return some interesting video\n * properties. A sequence parameter set is the H264 metadata that\n * describes the properties of upcoming video frames.\n * @param data {Uint8Array} the bytes of a sequence parameter set\n * @return {object} an object with configuration parsed from the\n * sequence parameter set, including the dimensions of the\n * associated video frames.\n */\n readSequenceParameterSet = function readSequenceParameterSet(data) {\n var frameCropLeftOffset = 0,\n frameCropRightOffset = 0,\n frameCropTopOffset = 0,\n frameCropBottomOffset = 0,\n sarScale = 1,\n expGolombDecoder,\n profileIdc,\n levelIdc,\n profileCompatibility,\n chromaFormatIdc,\n picOrderCntType,\n numRefFramesInPicOrderCntCycle,\n picWidthInMbsMinus1,\n picHeightInMapUnitsMinus1,\n frameMbsOnlyFlag,\n scalingListCount,\n sarRatio,\n aspectRatioIdc,\n i;\n\n expGolombDecoder = new expGolomb(data);\n profileIdc = expGolombDecoder.readUnsignedByte(); // profile_idc\n profileCompatibility = expGolombDecoder.readUnsignedByte(); // constraint_set[0-5]_flag\n levelIdc = expGolombDecoder.readUnsignedByte(); // level_idc u(8)\n expGolombDecoder.skipUnsignedExpGolomb(); // seq_parameter_set_id\n\n // some profiles have more optional data we don't need\n if (PROFILES_WITH_OPTIONAL_SPS_DATA[profileIdc]) {\n chromaFormatIdc = expGolombDecoder.readUnsignedExpGolomb();\n if (chromaFormatIdc === 3) {\n expGolombDecoder.skipBits(1); // separate_colour_plane_flag\n }\n expGolombDecoder.skipUnsignedExpGolomb(); // bit_depth_luma_minus8\n expGolombDecoder.skipUnsignedExpGolomb(); // bit_depth_chroma_minus8\n expGolombDecoder.skipBits(1); // qpprime_y_zero_transform_bypass_flag\n if (expGolombDecoder.readBoolean()) {\n // seq_scaling_matrix_present_flag\n scalingListCount = chromaFormatIdc !== 3 ? 8 : 12;\n for (i = 0; i < scalingListCount; i++) {\n if (expGolombDecoder.readBoolean()) {\n // seq_scaling_list_present_flag[ i ]\n if (i < 6) {\n skipScalingList(16, expGolombDecoder);\n } else {\n skipScalingList(64, expGolombDecoder);\n }\n }\n }\n }\n }\n\n expGolombDecoder.skipUnsignedExpGolomb(); // log2_max_frame_num_minus4\n picOrderCntType = expGolombDecoder.readUnsignedExpGolomb();\n\n if (picOrderCntType === 0) {\n expGolombDecoder.readUnsignedExpGolomb(); // log2_max_pic_order_cnt_lsb_minus4\n } else if (picOrderCntType === 1) {\n expGolombDecoder.skipBits(1); // delta_pic_order_always_zero_flag\n expGolombDecoder.skipExpGolomb(); // offset_for_non_ref_pic\n expGolombDecoder.skipExpGolomb(); // offset_for_top_to_bottom_field\n numRefFramesInPicOrderCntCycle = expGolombDecoder.readUnsignedExpGolomb();\n for (i = 0; i < numRefFramesInPicOrderCntCycle; i++) {\n expGolombDecoder.skipExpGolomb(); // offset_for_ref_frame[ i ]\n }\n }\n\n expGolombDecoder.skipUnsignedExpGolomb(); // max_num_ref_frames\n expGolombDecoder.skipBits(1); // gaps_in_frame_num_value_allowed_flag\n\n picWidthInMbsMinus1 = expGolombDecoder.readUnsignedExpGolomb();\n picHeightInMapUnitsMinus1 = expGolombDecoder.readUnsignedExpGolomb();\n\n frameMbsOnlyFlag = expGolombDecoder.readBits(1);\n if (frameMbsOnlyFlag === 0) {\n expGolombDecoder.skipBits(1); // mb_adaptive_frame_field_flag\n }\n\n expGolombDecoder.skipBits(1); // direct_8x8_inference_flag\n if (expGolombDecoder.readBoolean()) {\n // frame_cropping_flag\n frameCropLeftOffset = expGolombDecoder.readUnsignedExpGolomb();\n frameCropRightOffset = expGolombDecoder.readUnsignedExpGolomb();\n frameCropTopOffset = expGolombDecoder.readUnsignedExpGolomb();\n frameCropBottomOffset = expGolombDecoder.readUnsignedExpGolomb();\n }\n if (expGolombDecoder.readBoolean()) {\n // vui_parameters_present_flag\n if (expGolombDecoder.readBoolean()) {\n // aspect_ratio_info_present_flag\n aspectRatioIdc = expGolombDecoder.readUnsignedByte();\n switch (aspectRatioIdc) {\n case 1:\n sarRatio = [1, 1];break;\n case 2:\n sarRatio = [12, 11];break;\n case 3:\n sarRatio = [10, 11];break;\n case 4:\n sarRatio = [16, 11];break;\n case 5:\n sarRatio = [40, 33];break;\n case 6:\n sarRatio = [24, 11];break;\n case 7:\n sarRatio = [20, 11];break;\n case 8:\n sarRatio = [32, 11];break;\n case 9:\n sarRatio = [80, 33];break;\n case 10:\n sarRatio = [18, 11];break;\n case 11:\n sarRatio = [15, 11];break;\n case 12:\n sarRatio = [64, 33];break;\n case 13:\n sarRatio = [160, 99];break;\n case 14:\n sarRatio = [4, 3];break;\n case 15:\n sarRatio = [3, 2];break;\n case 16:\n sarRatio = [2, 1];break;\n case 255:\n {\n sarRatio = [expGolombDecoder.readUnsignedByte() << 8 | expGolombDecoder.readUnsignedByte(), expGolombDecoder.readUnsignedByte() << 8 | expGolombDecoder.readUnsignedByte()];\n break;\n }\n }\n if (sarRatio) {\n sarScale = sarRatio[0] / sarRatio[1];\n }\n }\n }\n return {\n profileIdc: profileIdc,\n levelIdc: levelIdc,\n profileCompatibility: profileCompatibility,\n width: Math.ceil(((picWidthInMbsMinus1 + 1) * 16 - frameCropLeftOffset * 2 - frameCropRightOffset * 2) * sarScale),\n height: (2 - frameMbsOnlyFlag) * (picHeightInMapUnitsMinus1 + 1) * 16 - frameCropTopOffset * 2 - frameCropBottomOffset * 2\n };\n };\n };\n _H264Stream.prototype = new stream();\n\n var h264 = {\n H264Stream: _H264Stream,\n NalByteStream: _NalByteStream\n };\n\n // Constants\n var _AacStream;\n\n /**\n * Splits an incoming stream of binary data into ADTS and ID3 Frames.\n */\n\n _AacStream = function AacStream() {\n var everything = new Uint8Array(),\n timeStamp = 0;\n\n _AacStream.prototype.init.call(this);\n\n this.setTimestamp = function (timestamp) {\n timeStamp = timestamp;\n };\n\n this.parseId3TagSize = function (header, byteIndex) {\n var returnSize = header[byteIndex + 6] << 21 | header[byteIndex + 7] << 14 | header[byteIndex + 8] << 7 | header[byteIndex + 9],\n flags = header[byteIndex + 5],\n footerPresent = (flags & 16) >> 4;\n\n if (footerPresent) {\n return returnSize + 20;\n }\n return returnSize + 10;\n };\n\n this.parseAdtsSize = function (header, byteIndex) {\n var lowThree = (header[byteIndex + 5] & 0xE0) >> 5,\n middle = header[byteIndex + 4] << 3,\n highTwo = header[byteIndex + 3] & 0x3 << 11;\n\n return highTwo | middle | lowThree;\n };\n\n this.push = function (bytes) {\n var frameSize = 0,\n byteIndex = 0,\n bytesLeft,\n chunk,\n packet,\n tempLength;\n\n // If there are bytes remaining from the last segment, prepend them to the\n // bytes that were pushed in\n if (everything.length) {\n tempLength = everything.length;\n everything = new Uint8Array(bytes.byteLength + tempLength);\n everything.set(everything.subarray(0, tempLength));\n everything.set(bytes, tempLength);\n } else {\n everything = bytes;\n }\n\n while (everything.length - byteIndex >= 3) {\n if (everything[byteIndex] === 'I'.charCodeAt(0) && everything[byteIndex + 1] === 'D'.charCodeAt(0) && everything[byteIndex + 2] === '3'.charCodeAt(0)) {\n\n // Exit early because we don't have enough to parse\n // the ID3 tag header\n if (everything.length - byteIndex < 10) {\n break;\n }\n\n // check framesize\n frameSize = this.parseId3TagSize(everything, byteIndex);\n\n // Exit early if we don't have enough in the buffer\n // to emit a full packet\n if (frameSize > everything.length) {\n break;\n }\n chunk = {\n type: 'timed-metadata',\n data: everything.subarray(byteIndex, byteIndex + frameSize)\n };\n this.trigger('data', chunk);\n byteIndex += frameSize;\n continue;\n } else if (everything[byteIndex] & 0xff === 0xff && (everything[byteIndex + 1] & 0xf0) === 0xf0) {\n\n // Exit early because we don't have enough to parse\n // the ADTS frame header\n if (everything.length - byteIndex < 7) {\n break;\n }\n\n frameSize = this.parseAdtsSize(everything, byteIndex);\n\n // Exit early if we don't have enough in the buffer\n // to emit a full packet\n if (frameSize > everything.length) {\n break;\n }\n\n packet = {\n type: 'audio',\n data: everything.subarray(byteIndex, byteIndex + frameSize),\n pts: timeStamp,\n dts: timeStamp\n };\n this.trigger('data', packet);\n byteIndex += frameSize;\n continue;\n }\n byteIndex++;\n }\n bytesLeft = everything.length - byteIndex;\n\n if (bytesLeft > 0) {\n everything = everything.subarray(byteIndex);\n } else {\n everything = new Uint8Array();\n }\n };\n };\n\n _AacStream.prototype = new stream();\n\n var aac = _AacStream;\n\n var highPrefix = [33, 16, 5, 32, 164, 27];\n var lowPrefix = [33, 65, 108, 84, 1, 2, 4, 8, 168, 2, 4, 8, 17, 191, 252];\n var zeroFill = function zeroFill(count) {\n var a = [];\n while (count--) {\n a.push(0);\n }\n return a;\n };\n\n var makeTable = function makeTable(metaTable) {\n return Object.keys(metaTable).reduce(function (obj, key) {\n obj[key] = new Uint8Array(metaTable[key].reduce(function (arr, part) {\n return arr.concat(part);\n }, []));\n return obj;\n }, {});\n };\n\n // Frames-of-silence to use for filling in missing AAC frames\n var coneOfSilence = {\n 96000: [highPrefix, [227, 64], zeroFill(154), [56]],\n 88200: [highPrefix, [231], zeroFill(170), [56]],\n 64000: [highPrefix, [248, 192], zeroFill(240), [56]],\n 48000: [highPrefix, [255, 192], zeroFill(268), [55, 148, 128], zeroFill(54), [112]],\n 44100: [highPrefix, [255, 192], zeroFill(268), [55, 163, 128], zeroFill(84), [112]],\n 32000: [highPrefix, [255, 192], zeroFill(268), [55, 234], zeroFill(226), [112]],\n 24000: [highPrefix, [255, 192], zeroFill(268), [55, 255, 128], zeroFill(268), [111, 112], zeroFill(126), [224]],\n 16000: [highPrefix, [255, 192], zeroFill(268), [55, 255, 128], zeroFill(268), [111, 255], zeroFill(269), [223, 108], zeroFill(195), [1, 192]],\n 12000: [lowPrefix, zeroFill(268), [3, 127, 248], zeroFill(268), [6, 255, 240], zeroFill(268), [13, 255, 224], zeroFill(268), [27, 253, 128], zeroFill(259), [56]],\n 11025: [lowPrefix, zeroFill(268), [3, 127, 248], zeroFill(268), [6, 255, 240], zeroFill(268), [13, 255, 224], zeroFill(268), [27, 255, 192], zeroFill(268), [55, 175, 128], zeroFill(108), [112]],\n 8000: [lowPrefix, zeroFill(268), [3, 121, 16], zeroFill(47), [7]]\n };\n\n var silence = makeTable(coneOfSilence);\n\n var ONE_SECOND_IN_TS$1 = 90000,\n\n\n // 90kHz clock\n secondsToVideoTs,\n secondsToAudioTs,\n videoTsToSeconds,\n audioTsToSeconds,\n audioTsToVideoTs,\n videoTsToAudioTs;\n\n secondsToVideoTs = function secondsToVideoTs(seconds) {\n return seconds * ONE_SECOND_IN_TS$1;\n };\n\n secondsToAudioTs = function secondsToAudioTs(seconds, sampleRate) {\n return seconds * sampleRate;\n };\n\n videoTsToSeconds = function videoTsToSeconds(timestamp) {\n return timestamp / ONE_SECOND_IN_TS$1;\n };\n\n audioTsToSeconds = function audioTsToSeconds(timestamp, sampleRate) {\n return timestamp / sampleRate;\n };\n\n audioTsToVideoTs = function audioTsToVideoTs(timestamp, sampleRate) {\n return secondsToVideoTs(audioTsToSeconds(timestamp, sampleRate));\n };\n\n videoTsToAudioTs = function videoTsToAudioTs(timestamp, sampleRate) {\n return secondsToAudioTs(videoTsToSeconds(timestamp), sampleRate);\n };\n\n var clock = {\n secondsToVideoTs: secondsToVideoTs,\n secondsToAudioTs: secondsToAudioTs,\n videoTsToSeconds: videoTsToSeconds,\n audioTsToSeconds: audioTsToSeconds,\n audioTsToVideoTs: audioTsToVideoTs,\n videoTsToAudioTs: videoTsToAudioTs\n };\n\n var H264Stream = h264.H264Stream;\n\n // constants\n var AUDIO_PROPERTIES = ['audioobjecttype', 'channelcount', 'samplerate', 'samplingfrequencyindex', 'samplesize'];\n\n var VIDEO_PROPERTIES = ['width', 'height', 'profileIdc', 'levelIdc', 'profileCompatibility'];\n\n var ONE_SECOND_IN_TS$2 = 90000; // 90kHz clock\n\n // object types\n var _VideoSegmentStream, _AudioSegmentStream, _Transmuxer, _CoalesceStream;\n\n // Helper functions\n var isLikelyAacData, arrayEquals, sumFrameByteLengths;\n\n isLikelyAacData = function isLikelyAacData(data) {\n if (data[0] === 'I'.charCodeAt(0) && data[1] === 'D'.charCodeAt(0) && data[2] === '3'.charCodeAt(0)) {\n return true;\n }\n return false;\n };\n\n /**\n * Compare two arrays (even typed) for same-ness\n */\n arrayEquals = function arrayEquals(a, b) {\n var i;\n\n if (a.length !== b.length) {\n return false;\n }\n\n // compare the value of each element in the array\n for (i = 0; i < a.length; i++) {\n if (a[i] !== b[i]) {\n return false;\n }\n }\n\n return true;\n };\n\n /**\n * Sum the `byteLength` properties of the data in each AAC frame\n */\n sumFrameByteLengths = function sumFrameByteLengths(array) {\n var i,\n currentObj,\n sum = 0;\n\n // sum the byteLength's all each nal unit in the frame\n for (i = 0; i < array.length; i++) {\n currentObj = array[i];\n sum += currentObj.data.byteLength;\n }\n\n return sum;\n };\n\n /**\n * Constructs a single-track, ISO BMFF media segment from AAC data\n * events. The output of this stream can be fed to a SourceBuffer\n * configured with a suitable initialization segment.\n * @param track {object} track metadata configuration\n * @param options {object} transmuxer options object\n * @param options.keepOriginalTimestamps {boolean} If true, keep the timestamps\n * in the source; false to adjust the first segment to start at 0.\n */\n _AudioSegmentStream = function AudioSegmentStream(track, options) {\n var adtsFrames = [],\n sequenceNumber = 0,\n earliestAllowedDts = 0,\n audioAppendStartTs = 0,\n videoBaseMediaDecodeTime = Infinity;\n\n options = options || {};\n\n _AudioSegmentStream.prototype.init.call(this);\n\n this.push = function (data) {\n trackDecodeInfo.collectDtsInfo(track, data);\n\n if (track) {\n AUDIO_PROPERTIES.forEach(function (prop) {\n track[prop] = data[prop];\n });\n }\n\n // buffer audio data until end() is called\n adtsFrames.push(data);\n };\n\n this.setEarliestDts = function (earliestDts) {\n earliestAllowedDts = earliestDts - track.timelineStartInfo.baseMediaDecodeTime;\n };\n\n this.setVideoBaseMediaDecodeTime = function (baseMediaDecodeTime) {\n videoBaseMediaDecodeTime = baseMediaDecodeTime;\n };\n\n this.setAudioAppendStart = function (timestamp) {\n audioAppendStartTs = timestamp;\n };\n\n this.flush = function () {\n var frames, moof, mdat, boxes;\n\n // return early if no audio data has been observed\n if (adtsFrames.length === 0) {\n this.trigger('done', 'AudioSegmentStream');\n return;\n }\n\n frames = this.trimAdtsFramesByEarliestDts_(adtsFrames);\n track.baseMediaDecodeTime = trackDecodeInfo.calculateTrackBaseMediaDecodeTime(track, options.keepOriginalTimestamps);\n\n this.prefixWithSilence_(track, frames);\n\n // we have to build the index from byte locations to\n // samples (that is, adts frames) in the audio data\n track.samples = this.generateSampleTable_(frames);\n\n // concatenate the audio data to constuct the mdat\n mdat = mp4Generator.mdat(this.concatenateFrameData_(frames));\n\n adtsFrames = [];\n\n moof = mp4Generator.moof(sequenceNumber, [track]);\n boxes = new Uint8Array(moof.byteLength + mdat.byteLength);\n\n // bump the sequence number for next time\n sequenceNumber++;\n\n boxes.set(moof);\n boxes.set(mdat, moof.byteLength);\n\n trackDecodeInfo.clearDtsInfo(track);\n\n this.trigger('data', { track: track, boxes: boxes });\n this.trigger('done', 'AudioSegmentStream');\n };\n\n // Possibly pad (prefix) the audio track with silence if appending this track\n // would lead to the introduction of a gap in the audio buffer\n this.prefixWithSilence_ = function (track, frames) {\n var baseMediaDecodeTimeTs,\n frameDuration = 0,\n audioGapDuration = 0,\n audioFillFrameCount = 0,\n audioFillDuration = 0,\n silentFrame,\n i;\n\n if (!frames.length) {\n return;\n }\n\n baseMediaDecodeTimeTs = clock.audioTsToVideoTs(track.baseMediaDecodeTime, track.samplerate);\n // determine frame clock duration based on sample rate, round up to avoid overfills\n frameDuration = Math.ceil(ONE_SECOND_IN_TS$2 / (track.samplerate / 1024));\n\n if (audioAppendStartTs && videoBaseMediaDecodeTime) {\n // insert the shortest possible amount (audio gap or audio to video gap)\n audioGapDuration = baseMediaDecodeTimeTs - Math.max(audioAppendStartTs, videoBaseMediaDecodeTime);\n // number of full frames in the audio gap\n audioFillFrameCount = Math.floor(audioGapDuration / frameDuration);\n audioFillDuration = audioFillFrameCount * frameDuration;\n }\n\n // don't attempt to fill gaps smaller than a single frame or larger\n // than a half second\n if (audioFillFrameCount < 1 || audioFillDuration > ONE_SECOND_IN_TS$2 / 2) {\n return;\n }\n\n silentFrame = silence[track.samplerate];\n\n if (!silentFrame) {\n // we don't have a silent frame pregenerated for the sample rate, so use a frame\n // from the content instead\n silentFrame = frames[0].data;\n }\n\n for (i = 0; i < audioFillFrameCount; i++) {\n frames.splice(i, 0, {\n data: silentFrame\n });\n }\n\n track.baseMediaDecodeTime -= Math.floor(clock.videoTsToAudioTs(audioFillDuration, track.samplerate));\n };\n\n // If the audio segment extends before the earliest allowed dts\n // value, remove AAC frames until starts at or after the earliest\n // allowed DTS so that we don't end up with a negative baseMedia-\n // DecodeTime for the audio track\n this.trimAdtsFramesByEarliestDts_ = function (adtsFrames) {\n if (track.minSegmentDts >= earliestAllowedDts) {\n return adtsFrames;\n }\n\n // We will need to recalculate the earliest segment Dts\n track.minSegmentDts = Infinity;\n\n return adtsFrames.filter(function (currentFrame) {\n // If this is an allowed frame, keep it and record it's Dts\n if (currentFrame.dts >= earliestAllowedDts) {\n track.minSegmentDts = Math.min(track.minSegmentDts, currentFrame.dts);\n track.minSegmentPts = track.minSegmentDts;\n return true;\n }\n // Otherwise, discard it\n return false;\n });\n };\n\n // generate the track's raw mdat data from an array of frames\n this.generateSampleTable_ = function (frames) {\n var i,\n currentFrame,\n samples = [];\n\n for (i = 0; i < frames.length; i++) {\n currentFrame = frames[i];\n samples.push({\n size: currentFrame.data.byteLength,\n duration: 1024 // For AAC audio, all samples contain 1024 samples\n });\n }\n return samples;\n };\n\n // generate the track's sample table from an array of frames\n this.concatenateFrameData_ = function (frames) {\n var i,\n currentFrame,\n dataOffset = 0,\n data = new Uint8Array(sumFrameByteLengths(frames));\n\n for (i = 0; i < frames.length; i++) {\n currentFrame = frames[i];\n\n data.set(currentFrame.data, dataOffset);\n dataOffset += currentFrame.data.byteLength;\n }\n return data;\n };\n };\n\n _AudioSegmentStream.prototype = new stream();\n\n /**\n * Constructs a single-track, ISO BMFF media segment from H264 data\n * events. The output of this stream can be fed to a SourceBuffer\n * configured with a suitable initialization segment.\n * @param track {object} track metadata configuration\n * @param options {object} transmuxer options object\n * @param options.alignGopsAtEnd {boolean} If true, start from the end of the\n * gopsToAlignWith list when attempting to align gop pts\n * @param options.keepOriginalTimestamps {boolean} If true, keep the timestamps\n * in the source; false to adjust the first segment to start at 0.\n */\n _VideoSegmentStream = function VideoSegmentStream(track, options) {\n var sequenceNumber = 0,\n nalUnits = [],\n gopsToAlignWith = [],\n config,\n pps;\n\n options = options || {};\n\n _VideoSegmentStream.prototype.init.call(this);\n\n delete track.minPTS;\n\n this.gopCache_ = [];\n\n /**\n * Constructs a ISO BMFF segment given H264 nalUnits\n * @param {Object} nalUnit A data event representing a nalUnit\n * @param {String} nalUnit.nalUnitType\n * @param {Object} nalUnit.config Properties for a mp4 track\n * @param {Uint8Array} nalUnit.data The nalUnit bytes\n * @see lib/codecs/h264.js\n **/\n this.push = function (nalUnit) {\n trackDecodeInfo.collectDtsInfo(track, nalUnit);\n\n // record the track config\n if (nalUnit.nalUnitType === 'seq_parameter_set_rbsp' && !config) {\n config = nalUnit.config;\n track.sps = [nalUnit.data];\n\n VIDEO_PROPERTIES.forEach(function (prop) {\n track[prop] = config[prop];\n }, this);\n }\n\n if (nalUnit.nalUnitType === 'pic_parameter_set_rbsp' && !pps) {\n pps = nalUnit.data;\n track.pps = [nalUnit.data];\n }\n\n // buffer video until flush() is called\n nalUnits.push(nalUnit);\n };\n\n /**\n * Pass constructed ISO BMFF track and boxes on to the\n * next stream in the pipeline\n **/\n this.flush = function () {\n var frames, gopForFusion, gops, moof, mdat, boxes;\n\n // Throw away nalUnits at the start of the byte stream until\n // we find the first AUD\n while (nalUnits.length) {\n if (nalUnits[0].nalUnitType === 'access_unit_delimiter_rbsp') {\n break;\n }\n nalUnits.shift();\n }\n\n // Return early if no video data has been observed\n if (nalUnits.length === 0) {\n this.resetStream_();\n this.trigger('done', 'VideoSegmentStream');\n return;\n }\n\n // Organize the raw nal-units into arrays that represent\n // higher-level constructs such as frames and gops\n // (group-of-pictures)\n frames = frameUtils.groupNalsIntoFrames(nalUnits);\n gops = frameUtils.groupFramesIntoGops(frames);\n\n // If the first frame of this fragment is not a keyframe we have\n // a problem since MSE (on Chrome) requires a leading keyframe.\n //\n // We have two approaches to repairing this situation:\n // 1) GOP-FUSION:\n // This is where we keep track of the GOPS (group-of-pictures)\n // from previous fragments and attempt to find one that we can\n // prepend to the current fragment in order to create a valid\n // fragment.\n // 2) KEYFRAME-PULLING:\n // Here we search for the first keyframe in the fragment and\n // throw away all the frames between the start of the fragment\n // and that keyframe. We then extend the duration and pull the\n // PTS of the keyframe forward so that it covers the time range\n // of the frames that were disposed of.\n //\n // #1 is far prefereable over #2 which can cause \"stuttering\" but\n // requires more things to be just right.\n if (!gops[0][0].keyFrame) {\n // Search for a gop for fusion from our gopCache\n gopForFusion = this.getGopForFusion_(nalUnits[0], track);\n\n if (gopForFusion) {\n gops.unshift(gopForFusion);\n // Adjust Gops' metadata to account for the inclusion of the\n // new gop at the beginning\n gops.byteLength += gopForFusion.byteLength;\n gops.nalCount += gopForFusion.nalCount;\n gops.pts = gopForFusion.pts;\n gops.dts = gopForFusion.dts;\n gops.duration += gopForFusion.duration;\n } else {\n // If we didn't find a candidate gop fall back to keyframe-pulling\n gops = frameUtils.extendFirstKeyFrame(gops);\n }\n }\n\n // Trim gops to align with gopsToAlignWith\n if (gopsToAlignWith.length) {\n var alignedGops;\n\n if (options.alignGopsAtEnd) {\n alignedGops = this.alignGopsAtEnd_(gops);\n } else {\n alignedGops = this.alignGopsAtStart_(gops);\n }\n\n if (!alignedGops) {\n // save all the nals in the last GOP into the gop cache\n this.gopCache_.unshift({\n gop: gops.pop(),\n pps: track.pps,\n sps: track.sps\n });\n\n // Keep a maximum of 6 GOPs in the cache\n this.gopCache_.length = Math.min(6, this.gopCache_.length);\n\n // Clear nalUnits\n nalUnits = [];\n\n // return early no gops can be aligned with desired gopsToAlignWith\n this.resetStream_();\n this.trigger('done', 'VideoSegmentStream');\n return;\n }\n\n // Some gops were trimmed. clear dts info so minSegmentDts and pts are correct\n // when recalculated before sending off to CoalesceStream\n trackDecodeInfo.clearDtsInfo(track);\n\n gops = alignedGops;\n }\n\n trackDecodeInfo.collectDtsInfo(track, gops);\n\n // First, we have to build the index from byte locations to\n // samples (that is, frames) in the video data\n track.samples = frameUtils.generateSampleTable(gops);\n\n // Concatenate the video data and construct the mdat\n mdat = mp4Generator.mdat(frameUtils.concatenateNalData(gops));\n\n track.baseMediaDecodeTime = trackDecodeInfo.calculateTrackBaseMediaDecodeTime(track, options.keepOriginalTimestamps);\n\n this.trigger('processedGopsInfo', gops.map(function (gop) {\n return {\n pts: gop.pts,\n dts: gop.dts,\n byteLength: gop.byteLength\n };\n }));\n\n // save all the nals in the last GOP into the gop cache\n this.gopCache_.unshift({\n gop: gops.pop(),\n pps: track.pps,\n sps: track.sps\n });\n\n // Keep a maximum of 6 GOPs in the cache\n this.gopCache_.length = Math.min(6, this.gopCache_.length);\n\n // Clear nalUnits\n nalUnits = [];\n\n this.trigger('baseMediaDecodeTime', track.baseMediaDecodeTime);\n this.trigger('timelineStartInfo', track.timelineStartInfo);\n\n moof = mp4Generator.moof(sequenceNumber, [track]);\n\n // it would be great to allocate this array up front instead of\n // throwing away hundreds of media segment fragments\n boxes = new Uint8Array(moof.byteLength + mdat.byteLength);\n\n // Bump the sequence number for next time\n sequenceNumber++;\n\n boxes.set(moof);\n boxes.set(mdat, moof.byteLength);\n\n this.trigger('data', { track: track, boxes: boxes });\n\n this.resetStream_();\n\n // Continue with the flush process now\n this.trigger('done', 'VideoSegmentStream');\n };\n\n this.resetStream_ = function () {\n trackDecodeInfo.clearDtsInfo(track);\n\n // reset config and pps because they may differ across segments\n // for instance, when we are rendition switching\n config = undefined;\n pps = undefined;\n };\n\n // Search for a candidate Gop for gop-fusion from the gop cache and\n // return it or return null if no good candidate was found\n this.getGopForFusion_ = function (nalUnit) {\n var halfSecond = 45000,\n\n\n // Half-a-second in a 90khz clock\n allowableOverlap = 10000,\n\n\n // About 3 frames @ 30fps\n nearestDistance = Infinity,\n dtsDistance,\n nearestGopObj,\n currentGop,\n currentGopObj,\n i;\n\n // Search for the GOP nearest to the beginning of this nal unit\n for (i = 0; i < this.gopCache_.length; i++) {\n currentGopObj = this.gopCache_[i];\n currentGop = currentGopObj.gop;\n\n // Reject Gops with different SPS or PPS\n if (!(track.pps && arrayEquals(track.pps[0], currentGopObj.pps[0])) || !(track.sps && arrayEquals(track.sps[0], currentGopObj.sps[0]))) {\n continue;\n }\n\n // Reject Gops that would require a negative baseMediaDecodeTime\n if (currentGop.dts < track.timelineStartInfo.dts) {\n continue;\n }\n\n // The distance between the end of the gop and the start of the nalUnit\n dtsDistance = nalUnit.dts - currentGop.dts - currentGop.duration;\n\n // Only consider GOPS that start before the nal unit and end within\n // a half-second of the nal unit\n if (dtsDistance >= -allowableOverlap && dtsDistance <= halfSecond) {\n\n // Always use the closest GOP we found if there is more than\n // one candidate\n if (!nearestGopObj || nearestDistance > dtsDistance) {\n nearestGopObj = currentGopObj;\n nearestDistance = dtsDistance;\n }\n }\n }\n\n if (nearestGopObj) {\n return nearestGopObj.gop;\n }\n return null;\n };\n\n // trim gop list to the first gop found that has a matching pts with a gop in the list\n // of gopsToAlignWith starting from the START of the list\n this.alignGopsAtStart_ = function (gops) {\n var alignIndex, gopIndex, align, gop, byteLength, nalCount, duration, alignedGops;\n\n byteLength = gops.byteLength;\n nalCount = gops.nalCount;\n duration = gops.duration;\n alignIndex = gopIndex = 0;\n\n while (alignIndex < gopsToAlignWith.length && gopIndex < gops.length) {\n align = gopsToAlignWith[alignIndex];\n gop = gops[gopIndex];\n\n if (align.pts === gop.pts) {\n break;\n }\n\n if (gop.pts > align.pts) {\n // this current gop starts after the current gop we want to align on, so increment\n // align index\n alignIndex++;\n continue;\n }\n\n // current gop starts before the current gop we want to align on. so increment gop\n // index\n gopIndex++;\n byteLength -= gop.byteLength;\n nalCount -= gop.nalCount;\n duration -= gop.duration;\n }\n\n if (gopIndex === 0) {\n // no gops to trim\n return gops;\n }\n\n if (gopIndex === gops.length) {\n // all gops trimmed, skip appending all gops\n return null;\n }\n\n alignedGops = gops.slice(gopIndex);\n alignedGops.byteLength = byteLength;\n alignedGops.duration = duration;\n alignedGops.nalCount = nalCount;\n alignedGops.pts = alignedGops[0].pts;\n alignedGops.dts = alignedGops[0].dts;\n\n return alignedGops;\n };\n\n // trim gop list to the first gop found that has a matching pts with a gop in the list\n // of gopsToAlignWith starting from the END of the list\n this.alignGopsAtEnd_ = function (gops) {\n var alignIndex, gopIndex, align, gop, alignEndIndex, matchFound;\n\n alignIndex = gopsToAlignWith.length - 1;\n gopIndex = gops.length - 1;\n alignEndIndex = null;\n matchFound = false;\n\n while (alignIndex >= 0 && gopIndex >= 0) {\n align = gopsToAlignWith[alignIndex];\n gop = gops[gopIndex];\n\n if (align.pts === gop.pts) {\n matchFound = true;\n break;\n }\n\n if (align.pts > gop.pts) {\n alignIndex--;\n continue;\n }\n\n if (alignIndex === gopsToAlignWith.length - 1) {\n // gop.pts is greater than the last alignment candidate. If no match is found\n // by the end of this loop, we still want to append gops that come after this\n // point\n alignEndIndex = gopIndex;\n }\n\n gopIndex--;\n }\n\n if (!matchFound && alignEndIndex === null) {\n return null;\n }\n\n var trimIndex;\n\n if (matchFound) {\n trimIndex = gopIndex;\n } else {\n trimIndex = alignEndIndex;\n }\n\n if (trimIndex === 0) {\n return gops;\n }\n\n var alignedGops = gops.slice(trimIndex);\n var metadata = alignedGops.reduce(function (total, gop) {\n total.byteLength += gop.byteLength;\n total.duration += gop.duration;\n total.nalCount += gop.nalCount;\n return total;\n }, { byteLength: 0, duration: 0, nalCount: 0 });\n\n alignedGops.byteLength = metadata.byteLength;\n alignedGops.duration = metadata.duration;\n alignedGops.nalCount = metadata.nalCount;\n alignedGops.pts = alignedGops[0].pts;\n alignedGops.dts = alignedGops[0].dts;\n\n return alignedGops;\n };\n\n this.alignGopsWith = function (newGopsToAlignWith) {\n gopsToAlignWith = newGopsToAlignWith;\n };\n };\n\n _VideoSegmentStream.prototype = new stream();\n\n /**\n * A Stream that can combine multiple streams (ie. audio & video)\n * into a single output segment for MSE. Also supports audio-only\n * and video-only streams.\n */\n _CoalesceStream = function CoalesceStream(options, metadataStream) {\n // Number of Tracks per output segment\n // If greater than 1, we combine multiple\n // tracks into a single segment\n this.numberOfTracks = 0;\n this.metadataStream = metadataStream;\n\n if (typeof options.remux !== 'undefined') {\n this.remuxTracks = !!options.remux;\n } else {\n this.remuxTracks = true;\n }\n\n this.pendingTracks = [];\n this.videoTrack = null;\n this.pendingBoxes = [];\n this.pendingCaptions = [];\n this.pendingMetadata = [];\n this.pendingBytes = 0;\n this.emittedTracks = 0;\n\n _CoalesceStream.prototype.init.call(this);\n\n // Take output from multiple\n this.push = function (output) {\n // buffer incoming captions until the associated video segment\n // finishes\n if (output.text) {\n return this.pendingCaptions.push(output);\n }\n // buffer incoming id3 tags until the final flush\n if (output.frames) {\n return this.pendingMetadata.push(output);\n }\n\n // Add this track to the list of pending tracks and store\n // important information required for the construction of\n // the final segment\n this.pendingTracks.push(output.track);\n this.pendingBoxes.push(output.boxes);\n this.pendingBytes += output.boxes.byteLength;\n\n if (output.track.type === 'video') {\n this.videoTrack = output.track;\n }\n if (output.track.type === 'audio') {\n this.audioTrack = output.track;\n }\n };\n };\n\n _CoalesceStream.prototype = new stream();\n _CoalesceStream.prototype.flush = function (flushSource) {\n var offset = 0,\n event = {\n captions: [],\n captionStreams: {},\n metadata: [],\n info: {}\n },\n caption,\n id3,\n initSegment,\n timelineStartPts = 0,\n i;\n\n if (this.pendingTracks.length < this.numberOfTracks) {\n if (flushSource !== 'VideoSegmentStream' && flushSource !== 'AudioSegmentStream') {\n // Return because we haven't received a flush from a data-generating\n // portion of the segment (meaning that we have only recieved meta-data\n // or captions.)\n return;\n } else if (this.remuxTracks) {\n // Return until we have enough tracks from the pipeline to remux (if we\n // are remuxing audio and video into a single MP4)\n return;\n } else if (this.pendingTracks.length === 0) {\n // In the case where we receive a flush without any data having been\n // received we consider it an emitted track for the purposes of coalescing\n // `done` events.\n // We do this for the case where there is an audio and video track in the\n // segment but no audio data. (seen in several playlists with alternate\n // audio tracks and no audio present in the main TS segments.)\n this.emittedTracks++;\n\n if (this.emittedTracks >= this.numberOfTracks) {\n this.trigger('done');\n this.emittedTracks = 0;\n }\n return;\n }\n }\n\n if (this.videoTrack) {\n timelineStartPts = this.videoTrack.timelineStartInfo.pts;\n VIDEO_PROPERTIES.forEach(function (prop) {\n event.info[prop] = this.videoTrack[prop];\n }, this);\n } else if (this.audioTrack) {\n timelineStartPts = this.audioTrack.timelineStartInfo.pts;\n AUDIO_PROPERTIES.forEach(function (prop) {\n event.info[prop] = this.audioTrack[prop];\n }, this);\n }\n\n if (this.pendingTracks.length === 1) {\n event.type = this.pendingTracks[0].type;\n } else {\n event.type = 'combined';\n }\n\n this.emittedTracks += this.pendingTracks.length;\n\n initSegment = mp4Generator.initSegment(this.pendingTracks);\n\n // Create a new typed array to hold the init segment\n event.initSegment = new Uint8Array(initSegment.byteLength);\n\n // Create an init segment containing a moov\n // and track definitions\n event.initSegment.set(initSegment);\n\n // Create a new typed array to hold the moof+mdats\n event.data = new Uint8Array(this.pendingBytes);\n\n // Append each moof+mdat (one per track) together\n for (i = 0; i < this.pendingBoxes.length; i++) {\n event.data.set(this.pendingBoxes[i], offset);\n offset += this.pendingBoxes[i].byteLength;\n }\n\n // Translate caption PTS times into second offsets into the\n // video timeline for the segment, and add track info\n for (i = 0; i < this.pendingCaptions.length; i++) {\n caption = this.pendingCaptions[i];\n caption.startTime = caption.startPts - timelineStartPts;\n caption.startTime /= 90e3;\n caption.endTime = caption.endPts - timelineStartPts;\n caption.endTime /= 90e3;\n event.captionStreams[caption.stream] = true;\n event.captions.push(caption);\n }\n\n // Translate ID3 frame PTS times into second offsets into the\n // video timeline for the segment\n for (i = 0; i < this.pendingMetadata.length; i++) {\n id3 = this.pendingMetadata[i];\n id3.cueTime = id3.pts - timelineStartPts;\n id3.cueTime /= 90e3;\n event.metadata.push(id3);\n }\n // We add this to every single emitted segment even though we only need\n // it for the first\n event.metadata.dispatchType = this.metadataStream.dispatchType;\n\n // Reset stream state\n this.pendingTracks.length = 0;\n this.videoTrack = null;\n this.pendingBoxes.length = 0;\n this.pendingCaptions.length = 0;\n this.pendingBytes = 0;\n this.pendingMetadata.length = 0;\n\n // Emit the built segment\n this.trigger('data', event);\n\n // Only emit `done` if all tracks have been flushed and emitted\n if (this.emittedTracks >= this.numberOfTracks) {\n this.trigger('done');\n this.emittedTracks = 0;\n }\n };\n /**\n * A Stream that expects MP2T binary data as input and produces\n * corresponding media segments, suitable for use with Media Source\n * Extension (MSE) implementations that support the ISO BMFF byte\n * stream format, like Chrome.\n */\n _Transmuxer = function Transmuxer(options) {\n var self = this,\n hasFlushed = true,\n videoTrack,\n audioTrack;\n\n _Transmuxer.prototype.init.call(this);\n\n options = options || {};\n this.baseMediaDecodeTime = options.baseMediaDecodeTime || 0;\n this.transmuxPipeline_ = {};\n\n this.setupAacPipeline = function () {\n var pipeline = {};\n this.transmuxPipeline_ = pipeline;\n\n pipeline.type = 'aac';\n pipeline.metadataStream = new m2ts_1.MetadataStream();\n\n // set up the parsing pipeline\n pipeline.aacStream = new aac();\n pipeline.audioTimestampRolloverStream = new m2ts_1.TimestampRolloverStream('audio');\n pipeline.timedMetadataTimestampRolloverStream = new m2ts_1.TimestampRolloverStream('timed-metadata');\n pipeline.adtsStream = new adts();\n pipeline.coalesceStream = new _CoalesceStream(options, pipeline.metadataStream);\n pipeline.headOfPipeline = pipeline.aacStream;\n\n pipeline.aacStream.pipe(pipeline.audioTimestampRolloverStream).pipe(pipeline.adtsStream);\n pipeline.aacStream.pipe(pipeline.timedMetadataTimestampRolloverStream).pipe(pipeline.metadataStream).pipe(pipeline.coalesceStream);\n\n pipeline.metadataStream.on('timestamp', function (frame) {\n pipeline.aacStream.setTimestamp(frame.timeStamp);\n });\n\n pipeline.aacStream.on('data', function (data) {\n if (data.type === 'timed-metadata' && !pipeline.audioSegmentStream) {\n audioTrack = audioTrack || {\n timelineStartInfo: {\n baseMediaDecodeTime: self.baseMediaDecodeTime\n },\n codec: 'adts',\n type: 'audio'\n };\n // hook up the audio segment stream to the first track with aac data\n pipeline.coalesceStream.numberOfTracks++;\n pipeline.audioSegmentStream = new _AudioSegmentStream(audioTrack, options);\n // Set up the final part of the audio pipeline\n pipeline.adtsStream.pipe(pipeline.audioSegmentStream).pipe(pipeline.coalesceStream);\n }\n });\n\n // Re-emit any data coming from the coalesce stream to the outside world\n pipeline.coalesceStream.on('data', this.trigger.bind(this, 'data'));\n // Let the consumer know we have finished flushing the entire pipeline\n pipeline.coalesceStream.on('done', this.trigger.bind(this, 'done'));\n };\n\n this.setupTsPipeline = function () {\n var pipeline = {};\n this.transmuxPipeline_ = pipeline;\n\n pipeline.type = 'ts';\n pipeline.metadataStream = new m2ts_1.MetadataStream();\n\n // set up the parsing pipeline\n pipeline.packetStream = new m2ts_1.TransportPacketStream();\n pipeline.parseStream = new m2ts_1.TransportParseStream();\n pipeline.elementaryStream = new m2ts_1.ElementaryStream();\n pipeline.videoTimestampRolloverStream = new m2ts_1.TimestampRolloverStream('video');\n pipeline.audioTimestampRolloverStream = new m2ts_1.TimestampRolloverStream('audio');\n pipeline.timedMetadataTimestampRolloverStream = new m2ts_1.TimestampRolloverStream('timed-metadata');\n pipeline.adtsStream = new adts();\n pipeline.h264Stream = new H264Stream();\n pipeline.captionStream = new m2ts_1.CaptionStream();\n pipeline.coalesceStream = new _CoalesceStream(options, pipeline.metadataStream);\n pipeline.headOfPipeline = pipeline.packetStream;\n\n // disassemble MPEG2-TS packets into elementary streams\n pipeline.packetStream.pipe(pipeline.parseStream).pipe(pipeline.elementaryStream);\n\n // !!THIS ORDER IS IMPORTANT!!\n // demux the streams\n pipeline.elementaryStream.pipe(pipeline.videoTimestampRolloverStream).pipe(pipeline.h264Stream);\n pipeline.elementaryStream.pipe(pipeline.audioTimestampRolloverStream).pipe(pipeline.adtsStream);\n\n pipeline.elementaryStream.pipe(pipeline.timedMetadataTimestampRolloverStream).pipe(pipeline.metadataStream).pipe(pipeline.coalesceStream);\n\n // Hook up CEA-608/708 caption stream\n pipeline.h264Stream.pipe(pipeline.captionStream).pipe(pipeline.coalesceStream);\n\n pipeline.elementaryStream.on('data', function (data) {\n var i;\n\n if (data.type === 'metadata') {\n i = data.tracks.length;\n\n // scan the tracks listed in the metadata\n while (i--) {\n if (!videoTrack && data.tracks[i].type === 'video') {\n videoTrack = data.tracks[i];\n videoTrack.timelineStartInfo.baseMediaDecodeTime = self.baseMediaDecodeTime;\n } else if (!audioTrack && data.tracks[i].type === 'audio') {\n audioTrack = data.tracks[i];\n audioTrack.timelineStartInfo.baseMediaDecodeTime = self.baseMediaDecodeTime;\n }\n }\n\n // hook up the video segment stream to the first track with h264 data\n if (videoTrack && !pipeline.videoSegmentStream) {\n pipeline.coalesceStream.numberOfTracks++;\n pipeline.videoSegmentStream = new _VideoSegmentStream(videoTrack, options);\n\n pipeline.videoSegmentStream.on('timelineStartInfo', function (timelineStartInfo) {\n // When video emits timelineStartInfo data after a flush, we forward that\n // info to the AudioSegmentStream, if it exists, because video timeline\n // data takes precedence.\n if (audioTrack) {\n audioTrack.timelineStartInfo = timelineStartInfo;\n // On the first segment we trim AAC frames that exist before the\n // very earliest DTS we have seen in video because Chrome will\n // interpret any video track with a baseMediaDecodeTime that is\n // non-zero as a gap.\n pipeline.audioSegmentStream.setEarliestDts(timelineStartInfo.dts);\n }\n });\n\n pipeline.videoSegmentStream.on('processedGopsInfo', self.trigger.bind(self, 'gopInfo'));\n\n pipeline.videoSegmentStream.on('baseMediaDecodeTime', function (baseMediaDecodeTime) {\n if (audioTrack) {\n pipeline.audioSegmentStream.setVideoBaseMediaDecodeTime(baseMediaDecodeTime);\n }\n });\n\n // Set up the final part of the video pipeline\n pipeline.h264Stream.pipe(pipeline.videoSegmentStream).pipe(pipeline.coalesceStream);\n }\n\n if (audioTrack && !pipeline.audioSegmentStream) {\n // hook up the audio segment stream to the first track with aac data\n pipeline.coalesceStream.numberOfTracks++;\n pipeline.audioSegmentStream = new _AudioSegmentStream(audioTrack, options);\n\n // Set up the final part of the audio pipeline\n pipeline.adtsStream.pipe(pipeline.audioSegmentStream).pipe(pipeline.coalesceStream);\n }\n }\n });\n\n // Re-emit any data coming from the coalesce stream to the outside world\n pipeline.coalesceStream.on('data', this.trigger.bind(this, 'data'));\n // Let the consumer know we have finished flushing the entire pipeline\n pipeline.coalesceStream.on('done', this.trigger.bind(this, 'done'));\n };\n\n // hook up the segment streams once track metadata is delivered\n this.setBaseMediaDecodeTime = function (baseMediaDecodeTime) {\n var pipeline = this.transmuxPipeline_;\n\n this.baseMediaDecodeTime = baseMediaDecodeTime;\n if (audioTrack) {\n audioTrack.timelineStartInfo.dts = undefined;\n audioTrack.timelineStartInfo.pts = undefined;\n trackDecodeInfo.clearDtsInfo(audioTrack);\n audioTrack.timelineStartInfo.baseMediaDecodeTime = baseMediaDecodeTime;\n if (pipeline.audioTimestampRolloverStream) {\n pipeline.audioTimestampRolloverStream.discontinuity();\n }\n }\n if (videoTrack) {\n if (pipeline.videoSegmentStream) {\n pipeline.videoSegmentStream.gopCache_ = [];\n pipeline.videoTimestampRolloverStream.discontinuity();\n }\n videoTrack.timelineStartInfo.dts = undefined;\n videoTrack.timelineStartInfo.pts = undefined;\n trackDecodeInfo.clearDtsInfo(videoTrack);\n pipeline.captionStream.reset();\n videoTrack.timelineStartInfo.baseMediaDecodeTime = baseMediaDecodeTime;\n }\n\n if (pipeline.timedMetadataTimestampRolloverStream) {\n pipeline.timedMetadataTimestampRolloverStream.discontinuity();\n }\n };\n\n this.setAudioAppendStart = function (timestamp) {\n if (audioTrack) {\n this.transmuxPipeline_.audioSegmentStream.setAudioAppendStart(timestamp);\n }\n };\n\n this.alignGopsWith = function (gopsToAlignWith) {\n if (videoTrack && this.transmuxPipeline_.videoSegmentStream) {\n this.transmuxPipeline_.videoSegmentStream.alignGopsWith(gopsToAlignWith);\n }\n };\n\n // feed incoming data to the front of the parsing pipeline\n this.push = function (data) {\n if (hasFlushed) {\n var isAac = isLikelyAacData(data);\n\n if (isAac && this.transmuxPipeline_.type !== 'aac') {\n this.setupAacPipeline();\n } else if (!isAac && this.transmuxPipeline_.type !== 'ts') {\n this.setupTsPipeline();\n }\n hasFlushed = false;\n }\n this.transmuxPipeline_.headOfPipeline.push(data);\n };\n\n // flush any buffered data\n this.flush = function () {\n hasFlushed = true;\n // Start at the top of the pipeline and flush all pending work\n this.transmuxPipeline_.headOfPipeline.flush();\n };\n\n // Caption data has to be reset when seeking outside buffered range\n this.resetCaptions = function () {\n if (this.transmuxPipeline_.captionStream) {\n this.transmuxPipeline_.captionStream.reset();\n }\n };\n };\n _Transmuxer.prototype = new stream();\n\n var transmuxer = {\n Transmuxer: _Transmuxer,\n VideoSegmentStream: _VideoSegmentStream,\n AudioSegmentStream: _AudioSegmentStream,\n AUDIO_PROPERTIES: AUDIO_PROPERTIES,\n VIDEO_PROPERTIES: VIDEO_PROPERTIES\n };\n\n var inspectMp4,\n _textifyMp,\n parseType$1 = probe.parseType,\n parseMp4Date = function parseMp4Date(seconds) {\n return new Date(seconds * 1000 - 2082844800000);\n },\n parseSampleFlags = function parseSampleFlags(flags) {\n return {\n isLeading: (flags[0] & 0x0c) >>> 2,\n dependsOn: flags[0] & 0x03,\n isDependedOn: (flags[1] & 0xc0) >>> 6,\n hasRedundancy: (flags[1] & 0x30) >>> 4,\n paddingValue: (flags[1] & 0x0e) >>> 1,\n isNonSyncSample: flags[1] & 0x01,\n degradationPriority: flags[2] << 8 | flags[3]\n };\n },\n nalParse = function nalParse(avcStream) {\n var avcView = new DataView(avcStream.buffer, avcStream.byteOffset, avcStream.byteLength),\n result = [],\n i,\n length;\n for (i = 0; i + 4 < avcStream.length; i += length) {\n length = avcView.getUint32(i);\n i += 4;\n\n // bail if this doesn't appear to be an H264 stream\n if (length <= 0) {\n result.push('MALFORMED DATA ');\n continue;\n }\n\n switch (avcStream[i] & 0x1F) {\n case 0x01:\n result.push('slice_layer_without_partitioning_rbsp');\n break;\n case 0x05:\n result.push('slice_layer_without_partitioning_rbsp_idr');\n break;\n case 0x06:\n result.push('sei_rbsp');\n break;\n case 0x07:\n result.push('seq_parameter_set_rbsp');\n break;\n case 0x08:\n result.push('pic_parameter_set_rbsp');\n break;\n case 0x09:\n result.push('access_unit_delimiter_rbsp');\n break;\n default:\n result.push('UNKNOWN NAL - ' + avcStream[i] & 0x1F);\n break;\n }\n }\n return result;\n },\n\n\n // registry of handlers for individual mp4 box types\n parse$$1 = {\n // codingname, not a first-class box type. stsd entries share the\n // same format as real boxes so the parsing infrastructure can be\n // shared\n avc1: function avc1(data) {\n var view = new DataView(data.buffer, data.byteOffset, data.byteLength);\n return {\n dataReferenceIndex: view.getUint16(6),\n width: view.getUint16(24),\n height: view.getUint16(26),\n horizresolution: view.getUint16(28) + view.getUint16(30) / 16,\n vertresolution: view.getUint16(32) + view.getUint16(34) / 16,\n frameCount: view.getUint16(40),\n depth: view.getUint16(74),\n config: inspectMp4(data.subarray(78, data.byteLength))\n };\n },\n avcC: function avcC(data) {\n var view = new DataView(data.buffer, data.byteOffset, data.byteLength),\n result = {\n configurationVersion: data[0],\n avcProfileIndication: data[1],\n profileCompatibility: data[2],\n avcLevelIndication: data[3],\n lengthSizeMinusOne: data[4] & 0x03,\n sps: [],\n pps: []\n },\n numOfSequenceParameterSets = data[5] & 0x1f,\n numOfPictureParameterSets,\n nalSize,\n offset,\n i;\n\n // iterate past any SPSs\n offset = 6;\n for (i = 0; i < numOfSequenceParameterSets; i++) {\n nalSize = view.getUint16(offset);\n offset += 2;\n result.sps.push(new Uint8Array(data.subarray(offset, offset + nalSize)));\n offset += nalSize;\n }\n // iterate past any PPSs\n numOfPictureParameterSets = data[offset];\n offset++;\n for (i = 0; i < numOfPictureParameterSets; i++) {\n nalSize = view.getUint16(offset);\n offset += 2;\n result.pps.push(new Uint8Array(data.subarray(offset, offset + nalSize)));\n offset += nalSize;\n }\n return result;\n },\n btrt: function btrt(data) {\n var view = new DataView(data.buffer, data.byteOffset, data.byteLength);\n return {\n bufferSizeDB: view.getUint32(0),\n maxBitrate: view.getUint32(4),\n avgBitrate: view.getUint32(8)\n };\n },\n esds: function esds(data) {\n return {\n version: data[0],\n flags: new Uint8Array(data.subarray(1, 4)),\n esId: data[6] << 8 | data[7],\n streamPriority: data[8] & 0x1f,\n decoderConfig: {\n objectProfileIndication: data[11],\n streamType: data[12] >>> 2 & 0x3f,\n bufferSize: data[13] << 16 | data[14] << 8 | data[15],\n maxBitrate: data[16] << 24 | data[17] << 16 | data[18] << 8 | data[19],\n avgBitrate: data[20] << 24 | data[21] << 16 | data[22] << 8 | data[23],\n decoderConfigDescriptor: {\n tag: data[24],\n length: data[25],\n audioObjectType: data[26] >>> 3 & 0x1f,\n samplingFrequencyIndex: (data[26] & 0x07) << 1 | data[27] >>> 7 & 0x01,\n channelConfiguration: data[27] >>> 3 & 0x0f\n }\n }\n };\n },\n ftyp: function ftyp(data) {\n var view = new DataView(data.buffer, data.byteOffset, data.byteLength),\n result = {\n majorBrand: parseType$1(data.subarray(0, 4)),\n minorVersion: view.getUint32(4),\n compatibleBrands: []\n },\n i = 8;\n while (i < data.byteLength) {\n result.compatibleBrands.push(parseType$1(data.subarray(i, i + 4)));\n i += 4;\n }\n return result;\n },\n dinf: function dinf(data) {\n return {\n boxes: inspectMp4(data)\n };\n },\n dref: function dref(data) {\n return {\n version: data[0],\n flags: new Uint8Array(data.subarray(1, 4)),\n dataReferences: inspectMp4(data.subarray(8))\n };\n },\n hdlr: function hdlr(data) {\n var view = new DataView(data.buffer, data.byteOffset, data.byteLength),\n result = {\n version: view.getUint8(0),\n flags: new Uint8Array(data.subarray(1, 4)),\n handlerType: parseType$1(data.subarray(8, 12)),\n name: ''\n },\n i = 8;\n\n // parse out the name field\n for (i = 24; i < data.byteLength; i++) {\n if (data[i] === 0x00) {\n // the name field is null-terminated\n i++;\n break;\n }\n result.name += String.fromCharCode(data[i]);\n }\n // decode UTF-8 to javascript's internal representation\n // see http://ecmanaut.blogspot.com/2006/07/encoding-decoding-utf8-in-javascript.html\n result.name = decodeURIComponent(escape(result.name));\n\n return result;\n },\n mdat: function mdat(data) {\n return {\n byteLength: data.byteLength,\n nals: nalParse(data)\n };\n },\n mdhd: function mdhd(data) {\n var view = new DataView(data.buffer, data.byteOffset, data.byteLength),\n i = 4,\n language,\n result = {\n version: view.getUint8(0),\n flags: new Uint8Array(data.subarray(1, 4)),\n language: ''\n };\n if (result.version === 1) {\n i += 4;\n result.creationTime = parseMp4Date(view.getUint32(i)); // truncating top 4 bytes\n i += 8;\n result.modificationTime = parseMp4Date(view.getUint32(i)); // truncating top 4 bytes\n i += 4;\n result.timescale = view.getUint32(i);\n i += 8;\n result.duration = view.getUint32(i); // truncating top 4 bytes\n } else {\n result.creationTime = parseMp4Date(view.getUint32(i));\n i += 4;\n result.modificationTime = parseMp4Date(view.getUint32(i));\n i += 4;\n result.timescale = view.getUint32(i);\n i += 4;\n result.duration = view.getUint32(i);\n }\n i += 4;\n // language is stored as an ISO-639-2/T code in an array of three 5-bit fields\n // each field is the packed difference between its ASCII value and 0x60\n language = view.getUint16(i);\n result.language += String.fromCharCode((language >> 10) + 0x60);\n result.language += String.fromCharCode(((language & 0x03e0) >> 5) + 0x60);\n result.language += String.fromCharCode((language & 0x1f) + 0x60);\n\n return result;\n },\n mdia: function mdia(data) {\n return {\n boxes: inspectMp4(data)\n };\n },\n mfhd: function mfhd(data) {\n return {\n version: data[0],\n flags: new Uint8Array(data.subarray(1, 4)),\n sequenceNumber: data[4] << 24 | data[5] << 16 | data[6] << 8 | data[7]\n };\n },\n minf: function minf(data) {\n return {\n boxes: inspectMp4(data)\n };\n },\n // codingname, not a first-class box type. stsd entries share the\n // same format as real boxes so the parsing infrastructure can be\n // shared\n mp4a: function mp4a(data) {\n var view = new DataView(data.buffer, data.byteOffset, data.byteLength),\n result = {\n // 6 bytes reserved\n dataReferenceIndex: view.getUint16(6),\n // 4 + 4 bytes reserved\n channelcount: view.getUint16(16),\n samplesize: view.getUint16(18),\n // 2 bytes pre_defined\n // 2 bytes reserved\n samplerate: view.getUint16(24) + view.getUint16(26) / 65536\n };\n\n // if there are more bytes to process, assume this is an ISO/IEC\n // 14496-14 MP4AudioSampleEntry and parse the ESDBox\n if (data.byteLength > 28) {\n result.streamDescriptor = inspectMp4(data.subarray(28))[0];\n }\n return result;\n },\n moof: function moof(data) {\n return {\n boxes: inspectMp4(data)\n };\n },\n moov: function moov(data) {\n return {\n boxes: inspectMp4(data)\n };\n },\n mvex: function mvex(data) {\n return {\n boxes: inspectMp4(data)\n };\n },\n mvhd: function mvhd(data) {\n var view = new DataView(data.buffer, data.byteOffset, data.byteLength),\n i = 4,\n result = {\n version: view.getUint8(0),\n flags: new Uint8Array(data.subarray(1, 4))\n };\n\n if (result.version === 1) {\n i += 4;\n result.creationTime = parseMp4Date(view.getUint32(i)); // truncating top 4 bytes\n i += 8;\n result.modificationTime = parseMp4Date(view.getUint32(i)); // truncating top 4 bytes\n i += 4;\n result.timescale = view.getUint32(i);\n i += 8;\n result.duration = view.getUint32(i); // truncating top 4 bytes\n } else {\n result.creationTime = parseMp4Date(view.getUint32(i));\n i += 4;\n result.modificationTime = parseMp4Date(view.getUint32(i));\n i += 4;\n result.timescale = view.getUint32(i);\n i += 4;\n result.duration = view.getUint32(i);\n }\n i += 4;\n\n // convert fixed-point, base 16 back to a number\n result.rate = view.getUint16(i) + view.getUint16(i + 2) / 16;\n i += 4;\n result.volume = view.getUint8(i) + view.getUint8(i + 1) / 8;\n i += 2;\n i += 2;\n i += 2 * 4;\n result.matrix = new Uint32Array(data.subarray(i, i + 9 * 4));\n i += 9 * 4;\n i += 6 * 4;\n result.nextTrackId = view.getUint32(i);\n return result;\n },\n pdin: function pdin(data) {\n var view = new DataView(data.buffer, data.byteOffset, data.byteLength);\n return {\n version: view.getUint8(0),\n flags: new Uint8Array(data.subarray(1, 4)),\n rate: view.getUint32(4),\n initialDelay: view.getUint32(8)\n };\n },\n sdtp: function sdtp(data) {\n var result = {\n version: data[0],\n flags: new Uint8Array(data.subarray(1, 4)),\n samples: []\n },\n i;\n\n for (i = 4; i < data.byteLength; i++) {\n result.samples.push({\n dependsOn: (data[i] & 0x30) >> 4,\n isDependedOn: (data[i] & 0x0c) >> 2,\n hasRedundancy: data[i] & 0x03\n });\n }\n return result;\n },\n sidx: function sidx(data) {\n var view = new DataView(data.buffer, data.byteOffset, data.byteLength),\n result = {\n version: data[0],\n flags: new Uint8Array(data.subarray(1, 4)),\n references: [],\n referenceId: view.getUint32(4),\n timescale: view.getUint32(8),\n earliestPresentationTime: view.getUint32(12),\n firstOffset: view.getUint32(16)\n },\n referenceCount = view.getUint16(22),\n i;\n\n for (i = 24; referenceCount; i += 12, referenceCount--) {\n result.references.push({\n referenceType: (data[i] & 0x80) >>> 7,\n referencedSize: view.getUint32(i) & 0x7FFFFFFF,\n subsegmentDuration: view.getUint32(i + 4),\n startsWithSap: !!(data[i + 8] & 0x80),\n sapType: (data[i + 8] & 0x70) >>> 4,\n sapDeltaTime: view.getUint32(i + 8) & 0x0FFFFFFF\n });\n }\n\n return result;\n },\n smhd: function smhd(data) {\n return {\n version: data[0],\n flags: new Uint8Array(data.subarray(1, 4)),\n balance: data[4] + data[5] / 256\n };\n },\n stbl: function stbl(data) {\n return {\n boxes: inspectMp4(data)\n };\n },\n stco: function stco(data) {\n var view = new DataView(data.buffer, data.byteOffset, data.byteLength),\n result = {\n version: data[0],\n flags: new Uint8Array(data.subarray(1, 4)),\n chunkOffsets: []\n },\n entryCount = view.getUint32(4),\n i;\n for (i = 8; entryCount; i += 4, entryCount--) {\n result.chunkOffsets.push(view.getUint32(i));\n }\n return result;\n },\n stsc: function stsc(data) {\n var view = new DataView(data.buffer, data.byteOffset, data.byteLength),\n entryCount = view.getUint32(4),\n result = {\n version: data[0],\n flags: new Uint8Array(data.subarray(1, 4)),\n sampleToChunks: []\n },\n i;\n for (i = 8; entryCount; i += 12, entryCount--) {\n result.sampleToChunks.push({\n firstChunk: view.getUint32(i),\n samplesPerChunk: view.getUint32(i + 4),\n sampleDescriptionIndex: view.getUint32(i + 8)\n });\n }\n return result;\n },\n stsd: function stsd(data) {\n return {\n version: data[0],\n flags: new Uint8Array(data.subarray(1, 4)),\n sampleDescriptions: inspectMp4(data.subarray(8))\n };\n },\n stsz: function stsz(data) {\n var view = new DataView(data.buffer, data.byteOffset, data.byteLength),\n result = {\n version: data[0],\n flags: new Uint8Array(data.subarray(1, 4)),\n sampleSize: view.getUint32(4),\n entries: []\n },\n i;\n for (i = 12; i < data.byteLength; i += 4) {\n result.entries.push(view.getUint32(i));\n }\n return result;\n },\n stts: function stts(data) {\n var view = new DataView(data.buffer, data.byteOffset, data.byteLength),\n result = {\n version: data[0],\n flags: new Uint8Array(data.subarray(1, 4)),\n timeToSamples: []\n },\n entryCount = view.getUint32(4),\n i;\n\n for (i = 8; entryCount; i += 8, entryCount--) {\n result.timeToSamples.push({\n sampleCount: view.getUint32(i),\n sampleDelta: view.getUint32(i + 4)\n });\n }\n return result;\n },\n styp: function styp(data) {\n return parse$$1.ftyp(data);\n },\n tfdt: function tfdt(data) {\n var result = {\n version: data[0],\n flags: new Uint8Array(data.subarray(1, 4)),\n baseMediaDecodeTime: data[4] << 24 | data[5] << 16 | data[6] << 8 | data[7]\n };\n if (result.version === 1) {\n result.baseMediaDecodeTime *= Math.pow(2, 32);\n result.baseMediaDecodeTime += data[8] << 24 | data[9] << 16 | data[10] << 8 | data[11];\n }\n return result;\n },\n tfhd: function tfhd(data) {\n var view = new DataView(data.buffer, data.byteOffset, data.byteLength),\n result = {\n version: data[0],\n flags: new Uint8Array(data.subarray(1, 4)),\n trackId: view.getUint32(4)\n },\n baseDataOffsetPresent = result.flags[2] & 0x01,\n sampleDescriptionIndexPresent = result.flags[2] & 0x02,\n defaultSampleDurationPresent = result.flags[2] & 0x08,\n defaultSampleSizePresent = result.flags[2] & 0x10,\n defaultSampleFlagsPresent = result.flags[2] & 0x20,\n durationIsEmpty = result.flags[0] & 0x010000,\n defaultBaseIsMoof = result.flags[0] & 0x020000,\n i;\n\n i = 8;\n if (baseDataOffsetPresent) {\n i += 4; // truncate top 4 bytes\n // FIXME: should we read the full 64 bits?\n result.baseDataOffset = view.getUint32(12);\n i += 4;\n }\n if (sampleDescriptionIndexPresent) {\n result.sampleDescriptionIndex = view.getUint32(i);\n i += 4;\n }\n if (defaultSampleDurationPresent) {\n result.defaultSampleDuration = view.getUint32(i);\n i += 4;\n }\n if (defaultSampleSizePresent) {\n result.defaultSampleSize = view.getUint32(i);\n i += 4;\n }\n if (defaultSampleFlagsPresent) {\n result.defaultSampleFlags = view.getUint32(i);\n }\n if (durationIsEmpty) {\n result.durationIsEmpty = true;\n }\n if (!baseDataOffsetPresent && defaultBaseIsMoof) {\n result.baseDataOffsetIsMoof = true;\n }\n return result;\n },\n tkhd: function tkhd(data) {\n var view = new DataView(data.buffer, data.byteOffset, data.byteLength),\n i = 4,\n result = {\n version: view.getUint8(0),\n flags: new Uint8Array(data.subarray(1, 4))\n };\n if (result.version === 1) {\n i += 4;\n result.creationTime = parseMp4Date(view.getUint32(i)); // truncating top 4 bytes\n i += 8;\n result.modificationTime = parseMp4Date(view.getUint32(i)); // truncating top 4 bytes\n i += 4;\n result.trackId = view.getUint32(i);\n i += 4;\n i += 8;\n result.duration = view.getUint32(i); // truncating top 4 bytes\n } else {\n result.creationTime = parseMp4Date(view.getUint32(i));\n i += 4;\n result.modificationTime = parseMp4Date(view.getUint32(i));\n i += 4;\n result.trackId = view.getUint32(i);\n i += 4;\n i += 4;\n result.duration = view.getUint32(i);\n }\n i += 4;\n i += 2 * 4;\n result.layer = view.getUint16(i);\n i += 2;\n result.alternateGroup = view.getUint16(i);\n i += 2;\n // convert fixed-point, base 16 back to a number\n result.volume = view.getUint8(i) + view.getUint8(i + 1) / 8;\n i += 2;\n i += 2;\n result.matrix = new Uint32Array(data.subarray(i, i + 9 * 4));\n i += 9 * 4;\n result.width = view.getUint16(i) + view.getUint16(i + 2) / 16;\n i += 4;\n result.height = view.getUint16(i) + view.getUint16(i + 2) / 16;\n return result;\n },\n traf: function traf(data) {\n return {\n boxes: inspectMp4(data)\n };\n },\n trak: function trak(data) {\n return {\n boxes: inspectMp4(data)\n };\n },\n trex: function trex(data) {\n var view = new DataView(data.buffer, data.byteOffset, data.byteLength);\n return {\n version: data[0],\n flags: new Uint8Array(data.subarray(1, 4)),\n trackId: view.getUint32(4),\n defaultSampleDescriptionIndex: view.getUint32(8),\n defaultSampleDuration: view.getUint32(12),\n defaultSampleSize: view.getUint32(16),\n sampleDependsOn: data[20] & 0x03,\n sampleIsDependedOn: (data[21] & 0xc0) >> 6,\n sampleHasRedundancy: (data[21] & 0x30) >> 4,\n samplePaddingValue: (data[21] & 0x0e) >> 1,\n sampleIsDifferenceSample: !!(data[21] & 0x01),\n sampleDegradationPriority: view.getUint16(22)\n };\n },\n trun: function trun(data) {\n var result = {\n version: data[0],\n flags: new Uint8Array(data.subarray(1, 4)),\n samples: []\n },\n view = new DataView(data.buffer, data.byteOffset, data.byteLength),\n\n\n // Flag interpretation\n dataOffsetPresent = result.flags[2] & 0x01,\n\n\n // compare with 2nd byte of 0x1\n firstSampleFlagsPresent = result.flags[2] & 0x04,\n\n\n // compare with 2nd byte of 0x4\n sampleDurationPresent = result.flags[1] & 0x01,\n\n\n // compare with 2nd byte of 0x100\n sampleSizePresent = result.flags[1] & 0x02,\n\n\n // compare with 2nd byte of 0x200\n sampleFlagsPresent = result.flags[1] & 0x04,\n\n\n // compare with 2nd byte of 0x400\n sampleCompositionTimeOffsetPresent = result.flags[1] & 0x08,\n\n\n // compare with 2nd byte of 0x800\n sampleCount = view.getUint32(4),\n offset = 8,\n sample;\n\n if (dataOffsetPresent) {\n // 32 bit signed integer\n result.dataOffset = view.getInt32(offset);\n offset += 4;\n }\n\n // Overrides the flags for the first sample only. The order of\n // optional values will be: duration, size, compositionTimeOffset\n if (firstSampleFlagsPresent && sampleCount) {\n sample = {\n flags: parseSampleFlags(data.subarray(offset, offset + 4))\n };\n offset += 4;\n if (sampleDurationPresent) {\n sample.duration = view.getUint32(offset);\n offset += 4;\n }\n if (sampleSizePresent) {\n sample.size = view.getUint32(offset);\n offset += 4;\n }\n if (sampleCompositionTimeOffsetPresent) {\n // Note: this should be a signed int if version is 1\n sample.compositionTimeOffset = view.getUint32(offset);\n offset += 4;\n }\n result.samples.push(sample);\n sampleCount--;\n }\n\n while (sampleCount--) {\n sample = {};\n if (sampleDurationPresent) {\n sample.duration = view.getUint32(offset);\n offset += 4;\n }\n if (sampleSizePresent) {\n sample.size = view.getUint32(offset);\n offset += 4;\n }\n if (sampleFlagsPresent) {\n sample.flags = parseSampleFlags(data.subarray(offset, offset + 4));\n offset += 4;\n }\n if (sampleCompositionTimeOffsetPresent) {\n // Note: this should be a signed int if version is 1\n sample.compositionTimeOffset = view.getUint32(offset);\n offset += 4;\n }\n result.samples.push(sample);\n }\n return result;\n },\n 'url ': function url(data) {\n return {\n version: data[0],\n flags: new Uint8Array(data.subarray(1, 4))\n };\n },\n vmhd: function vmhd(data) {\n var view = new DataView(data.buffer, data.byteOffset, data.byteLength);\n return {\n version: data[0],\n flags: new Uint8Array(data.subarray(1, 4)),\n graphicsmode: view.getUint16(4),\n opcolor: new Uint16Array([view.getUint16(6), view.getUint16(8), view.getUint16(10)])\n };\n }\n };\n\n /**\n * Return a javascript array of box objects parsed from an ISO base\n * media file.\n * @param data {Uint8Array} the binary data of the media to be inspected\n * @return {array} a javascript array of potentially nested box objects\n */\n inspectMp4 = function inspectMp4(data) {\n var i = 0,\n result = [],\n view,\n size,\n type,\n end,\n box;\n\n // Convert data from Uint8Array to ArrayBuffer, to follow Dataview API\n var ab = new ArrayBuffer(data.length);\n var v = new Uint8Array(ab);\n for (var z = 0; z < data.length; ++z) {\n v[z] = data[z];\n }\n view = new DataView(ab);\n\n while (i < data.byteLength) {\n // parse box data\n size = view.getUint32(i);\n type = parseType$1(data.subarray(i + 4, i + 8));\n end = size > 1 ? i + size : data.byteLength;\n\n // parse type-specific data\n box = (parse$$1[type] || function (data) {\n return {\n data: data\n };\n })(data.subarray(i + 8, end));\n box.size = size;\n box.type = type;\n\n // store this box and move to the next\n result.push(box);\n i = end;\n }\n return result;\n };\n\n /**\n * Returns a textual representation of the javascript represtentation\n * of an MP4 file. You can use it as an alternative to\n * JSON.stringify() to compare inspected MP4s.\n * @param inspectedMp4 {array} the parsed array of boxes in an MP4\n * file\n * @param depth {number} (optional) the number of ancestor boxes of\n * the elements of inspectedMp4. Assumed to be zero if unspecified.\n * @return {string} a text representation of the parsed MP4\n */\n _textifyMp = function textifyMp4(inspectedMp4, depth) {\n var indent;\n depth = depth || 0;\n indent = new Array(depth * 2 + 1).join(' ');\n\n // iterate over all the boxes\n return inspectedMp4.map(function (box, index) {\n\n // list the box type first at the current indentation level\n return indent + box.type + '\\n' +\n\n // the type is already included and handle child boxes separately\n Object.keys(box).filter(function (key) {\n return key !== 'type' && key !== 'boxes';\n\n // output all the box properties\n }).map(function (key) {\n var prefix = indent + ' ' + key + ': ',\n value = box[key];\n\n // print out raw bytes as hexademical\n if (value instanceof Uint8Array || value instanceof Uint32Array) {\n var bytes = Array.prototype.slice.call(new Uint8Array(value.buffer, value.byteOffset, value.byteLength)).map(function (byte) {\n return ' ' + ('00' + byte.toString(16)).slice(-2);\n }).join('').match(/.{1,24}/g);\n if (!bytes) {\n return prefix + '<>';\n }\n if (bytes.length === 1) {\n return prefix + '<' + bytes.join('').slice(1) + '>';\n }\n return prefix + '<\\n' + bytes.map(function (line) {\n return indent + ' ' + line;\n }).join('\\n') + '\\n' + indent + ' >';\n }\n\n // stringify generic objects\n return prefix + JSON.stringify(value, null, 2).split('\\n').map(function (line, index) {\n if (index === 0) {\n return line;\n }\n return indent + ' ' + line;\n }).join('\\n');\n }).join('\\n') + (\n\n // recursively textify the child boxes\n box.boxes ? '\\n' + _textifyMp(box.boxes, depth + 1) : '');\n }).join('\\n');\n };\n\n var mp4Inspector = {\n inspect: inspectMp4,\n textify: _textifyMp,\n parseTfdt: parse$$1.tfdt,\n parseHdlr: parse$$1.hdlr,\n parseTfhd: parse$$1.tfhd,\n parseTrun: parse$$1.trun\n };\n\n var discardEmulationPreventionBytes$1 = captionPacketParser.discardEmulationPreventionBytes;\n var CaptionStream$1 = captionStream.CaptionStream;\n\n /**\n * Maps an offset in the mdat to a sample based on the the size of the samples.\n * Assumes that `parseSamples` has been called first.\n *\n * @param {Number} offset - The offset into the mdat\n * @param {Object[]} samples - An array of samples, parsed using `parseSamples`\n * @return {?Object} The matching sample, or null if no match was found.\n *\n * @see ISO-BMFF-12/2015, Section 8.8.8\n **/\n var mapToSample = function mapToSample(offset, samples) {\n var approximateOffset = offset;\n\n for (var i = 0; i < samples.length; i++) {\n var sample = samples[i];\n\n if (approximateOffset < sample.size) {\n return sample;\n }\n\n approximateOffset -= sample.size;\n }\n\n return null;\n };\n\n /**\n * Finds SEI nal units contained in a Media Data Box.\n * Assumes that `parseSamples` has been called first.\n *\n * @param {Uint8Array} avcStream - The bytes of the mdat\n * @param {Object[]} samples - The samples parsed out by `parseSamples`\n * @param {Number} trackId - The trackId of this video track\n * @return {Object[]} seiNals - the parsed SEI NALUs found.\n * The contents of the seiNal should match what is expected by\n * CaptionStream.push (nalUnitType, size, data, escapedRBSP, pts, dts)\n *\n * @see ISO-BMFF-12/2015, Section 8.1.1\n * @see Rec. ITU-T H.264, 7.3.2.3.1\n **/\n var findSeiNals = function findSeiNals(avcStream, samples, trackId) {\n var avcView = new DataView(avcStream.buffer, avcStream.byteOffset, avcStream.byteLength),\n result = [],\n seiNal,\n i,\n length,\n lastMatchedSample;\n\n for (i = 0; i + 4 < avcStream.length; i += length) {\n length = avcView.getUint32(i);\n i += 4;\n\n // Bail if this doesn't appear to be an H264 stream\n if (length <= 0) {\n continue;\n }\n\n switch (avcStream[i] & 0x1F) {\n case 0x06:\n var data = avcStream.subarray(i + 1, i + 1 + length);\n var matchingSample = mapToSample(i, samples);\n\n seiNal = {\n nalUnitType: 'sei_rbsp',\n size: length,\n data: data,\n escapedRBSP: discardEmulationPreventionBytes$1(data),\n trackId: trackId\n };\n\n if (matchingSample) {\n seiNal.pts = matchingSample.pts;\n seiNal.dts = matchingSample.dts;\n lastMatchedSample = matchingSample;\n } else {\n // If a matching sample cannot be found, use the last\n // sample's values as they should be as close as possible\n seiNal.pts = lastMatchedSample.pts;\n seiNal.dts = lastMatchedSample.dts;\n }\n\n result.push(seiNal);\n break;\n default:\n break;\n }\n }\n\n return result;\n };\n\n /**\n * Parses sample information out of Track Run Boxes and calculates\n * the absolute presentation and decode timestamps of each sample.\n *\n * @param {Array} truns - The Trun Run boxes to be parsed\n * @param {Number} baseMediaDecodeTime - base media decode time from tfdt\n @see ISO-BMFF-12/2015, Section 8.8.12\n * @param {Object} tfhd - The parsed Track Fragment Header\n * @see inspect.parseTfhd\n * @return {Object[]} the parsed samples\n *\n * @see ISO-BMFF-12/2015, Section 8.8.8\n **/\n var parseSamples = function parseSamples(truns, baseMediaDecodeTime, tfhd) {\n var currentDts = baseMediaDecodeTime;\n var defaultSampleDuration = tfhd.defaultSampleDuration || 0;\n var defaultSampleSize = tfhd.defaultSampleSize || 0;\n var trackId = tfhd.trackId;\n var allSamples = [];\n\n truns.forEach(function (trun) {\n // Note: We currently do not parse the sample table as well\n // as the trun. It's possible some sources will require this.\n // moov > trak > mdia > minf > stbl\n var trackRun = mp4Inspector.parseTrun(trun);\n var samples = trackRun.samples;\n\n samples.forEach(function (sample) {\n if (sample.duration === undefined) {\n sample.duration = defaultSampleDuration;\n }\n if (sample.size === undefined) {\n sample.size = defaultSampleSize;\n }\n sample.trackId = trackId;\n sample.dts = currentDts;\n if (sample.compositionTimeOffset === undefined) {\n sample.compositionTimeOffset = 0;\n }\n sample.pts = currentDts + sample.compositionTimeOffset;\n\n currentDts += sample.duration;\n });\n\n allSamples = allSamples.concat(samples);\n });\n\n return allSamples;\n };\n\n /**\n * Parses out caption nals from an FMP4 segment's video tracks.\n *\n * @param {Uint8Array} segment - The bytes of a single segment\n * @param {Number} videoTrackId - The trackId of a video track in the segment\n * @return {Object.} A mapping of video trackId to\n * a list of seiNals found in that track\n **/\n var parseCaptionNals = function parseCaptionNals(segment, videoTrackId) {\n // To get the samples\n var trafs = probe.findBox(segment, ['moof', 'traf']);\n // To get SEI NAL units\n var mdats = probe.findBox(segment, ['mdat']);\n var captionNals = {};\n var mdatTrafPairs = [];\n\n // Pair up each traf with a mdat as moofs and mdats are in pairs\n mdats.forEach(function (mdat, index) {\n var matchingTraf = trafs[index];\n mdatTrafPairs.push({\n mdat: mdat,\n traf: matchingTraf\n });\n });\n\n mdatTrafPairs.forEach(function (pair) {\n var mdat = pair.mdat;\n var traf = pair.traf;\n var tfhd = probe.findBox(traf, ['tfhd']);\n // Exactly 1 tfhd per traf\n var headerInfo = mp4Inspector.parseTfhd(tfhd[0]);\n var trackId = headerInfo.trackId;\n var tfdt = probe.findBox(traf, ['tfdt']);\n // Either 0 or 1 tfdt per traf\n var baseMediaDecodeTime = tfdt.length > 0 ? mp4Inspector.parseTfdt(tfdt[0]).baseMediaDecodeTime : 0;\n var truns = probe.findBox(traf, ['trun']);\n var samples;\n var seiNals;\n\n // Only parse video data for the chosen video track\n if (videoTrackId === trackId && truns.length > 0) {\n samples = parseSamples(truns, baseMediaDecodeTime, headerInfo);\n\n seiNals = findSeiNals(mdat, samples, trackId);\n\n if (!captionNals[trackId]) {\n captionNals[trackId] = [];\n }\n\n captionNals[trackId] = captionNals[trackId].concat(seiNals);\n }\n });\n\n return captionNals;\n };\n\n /**\n * Parses out inband captions from an MP4 container and returns\n * caption objects that can be used by WebVTT and the TextTrack API.\n * @see https://developer.mozilla.org/en-US/docs/Web/API/VTTCue\n * @see https://developer.mozilla.org/en-US/docs/Web/API/TextTrack\n * Assumes that `probe.getVideoTrackIds` and `probe.timescale` have been called first\n *\n * @param {Uint8Array} segment - The fmp4 segment containing embedded captions\n * @param {Number} trackId - The id of the video track to parse\n * @param {Number} timescale - The timescale for the video track from the init segment\n *\n * @return {?Object[]} parsedCaptions - A list of captions or null if no video tracks\n * @return {Number} parsedCaptions[].startTime - The time to show the caption in seconds\n * @return {Number} parsedCaptions[].endTime - The time to stop showing the caption in seconds\n * @return {String} parsedCaptions[].text - The visible content of the caption\n **/\n var parseEmbeddedCaptions = function parseEmbeddedCaptions(segment, trackId, timescale) {\n var seiNals;\n\n if (!trackId) {\n return null;\n }\n\n seiNals = parseCaptionNals(segment, trackId);\n\n return {\n seiNals: seiNals[trackId],\n timescale: timescale\n };\n };\n\n /**\n * Converts SEI NALUs into captions that can be used by video.js\n **/\n var CaptionParser$$1 = function CaptionParser$$1() {\n var isInitialized = false;\n var captionStream$$1;\n\n // Stores segments seen before trackId and timescale are set\n var segmentCache;\n // Stores video track ID of the track being parsed\n var trackId;\n // Stores the timescale of the track being parsed\n var timescale;\n // Stores captions parsed so far\n var parsedCaptions;\n\n /**\n * A method to indicate whether a CaptionParser has been initalized\n * @returns {Boolean}\n **/\n this.isInitialized = function () {\n return isInitialized;\n };\n\n /**\n * Initializes the underlying CaptionStream, SEI NAL parsing\n * and management, and caption collection\n **/\n this.init = function () {\n captionStream$$1 = new CaptionStream$1();\n isInitialized = true;\n\n // Collect dispatched captions\n captionStream$$1.on('data', function (event) {\n // Convert to seconds in the source's timescale\n event.startTime = event.startPts / timescale;\n event.endTime = event.endPts / timescale;\n\n parsedCaptions.captions.push(event);\n parsedCaptions.captionStreams[event.stream] = true;\n });\n };\n\n /**\n * Determines if a new video track will be selected\n * or if the timescale changed\n * @return {Boolean}\n **/\n this.isNewInit = function (videoTrackIds, timescales) {\n if (videoTrackIds && videoTrackIds.length === 0 || timescales && (typeof timescales === 'undefined' ? 'undefined' : _typeof(timescales)) === 'object' && Object.keys(timescales).length === 0) {\n return false;\n }\n\n return trackId !== videoTrackIds[0] || timescale !== timescales[trackId];\n };\n\n /**\n * Parses out SEI captions and interacts with underlying\n * CaptionStream to return dispatched captions\n *\n * @param {Uint8Array} segment - The fmp4 segment containing embedded captions\n * @param {Number[]} videoTrackIds - A list of video tracks found in the init segment\n * @param {Object.} timescales - The timescales found in the init segment\n * @see parseEmbeddedCaptions\n * @see m2ts/caption-stream.js\n **/\n this.parse = function (segment, videoTrackIds, timescales) {\n var parsedData;\n\n if (!this.isInitialized()) {\n return null;\n\n // This is not likely to be a video segment\n } else if (!videoTrackIds || !timescales) {\n return null;\n } else if (this.isNewInit(videoTrackIds, timescales)) {\n // Use the first video track only as there is no\n // mechanism to switch to other video tracks\n trackId = videoTrackIds[0];\n timescale = timescales[trackId];\n\n // If an init segment has not been seen yet, hold onto segment\n // data until we have one\n } else if (!trackId || !timescale) {\n segmentCache.push(segment);\n return null;\n }\n\n // Now that a timescale and trackId is set, parse cached segments\n while (segmentCache.length > 0) {\n var cachedSegment = segmentCache.shift();\n\n this.parse(cachedSegment, videoTrackIds, timescales);\n }\n\n parsedData = parseEmbeddedCaptions(segment, trackId, timescale);\n\n if (parsedData === null || !parsedData.seiNals) {\n return null;\n }\n\n this.pushNals(parsedData.seiNals);\n // Force the parsed captions to be dispatched\n this.flushStream();\n\n return parsedCaptions;\n };\n\n /**\n * Pushes SEI NALUs onto CaptionStream\n * @param {Object[]} nals - A list of SEI nals parsed using `parseCaptionNals`\n * Assumes that `parseCaptionNals` has been called first\n * @see m2ts/caption-stream.js\n **/\n this.pushNals = function (nals) {\n if (!this.isInitialized() || !nals || nals.length === 0) {\n return null;\n }\n\n nals.forEach(function (nal) {\n captionStream$$1.push(nal);\n });\n };\n\n /**\n * Flushes underlying CaptionStream to dispatch processed, displayable captions\n * @see m2ts/caption-stream.js\n **/\n this.flushStream = function () {\n if (!this.isInitialized()) {\n return null;\n }\n\n captionStream$$1.flush();\n };\n\n /**\n * Reset caption buckets for new data\n **/\n this.clearParsedCaptions = function () {\n parsedCaptions.captions = [];\n parsedCaptions.captionStreams = {};\n };\n\n /**\n * Resets underlying CaptionStream\n * @see m2ts/caption-stream.js\n **/\n this.resetCaptionStream = function () {\n if (!this.isInitialized()) {\n return null;\n }\n\n captionStream$$1.reset();\n };\n\n /**\n * Convenience method to clear all captions flushed from the\n * CaptionStream and still being parsed\n * @see m2ts/caption-stream.js\n **/\n this.clearAllCaptions = function () {\n this.clearParsedCaptions();\n this.resetCaptionStream();\n };\n\n /**\n * Reset caption parser\n **/\n this.reset = function () {\n segmentCache = [];\n trackId = null;\n timescale = null;\n\n if (!parsedCaptions) {\n parsedCaptions = {\n captions: [],\n // CC1, CC2, CC3, CC4\n captionStreams: {}\n };\n } else {\n this.clearParsedCaptions();\n }\n\n this.resetCaptionStream();\n };\n\n this.reset();\n };\n\n var captionParser = CaptionParser$$1;\n\n var mp4 = {\n generator: mp4Generator,\n probe: probe,\n Transmuxer: transmuxer.Transmuxer,\n AudioSegmentStream: transmuxer.AudioSegmentStream,\n VideoSegmentStream: transmuxer.VideoSegmentStream,\n CaptionParser: captionParser\n };\n\n var classCallCheck$$1 = function classCallCheck$$1(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n };\n\n var createClass$$1 = function () {\n function defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n }\n\n return function (Constructor, protoProps, staticProps) {\n if (protoProps) defineProperties(Constructor.prototype, protoProps);\n if (staticProps) defineProperties(Constructor, staticProps);\n return Constructor;\n };\n }();\n\n /**\n * @file transmuxer-worker.js\n */\n\n /**\n * Re-emits transmuxer events by converting them into messages to the\n * world outside the worker.\n *\n * @param {Object} transmuxer the transmuxer to wire events on\n * @private\n */\n var wireTransmuxerEvents = function wireTransmuxerEvents(self, transmuxer) {\n transmuxer.on('data', function (segment) {\n // transfer ownership of the underlying ArrayBuffer\n // instead of doing a copy to save memory\n // ArrayBuffers are transferable but generic TypedArrays are not\n // @link https://developer.mozilla.org/en-US/docs/Web/API/Web_Workers_API/Using_web_workers#Passing_data_by_transferring_ownership_(transferable_objects)\n var initArray = segment.initSegment;\n\n segment.initSegment = {\n data: initArray.buffer,\n byteOffset: initArray.byteOffset,\n byteLength: initArray.byteLength\n };\n\n var typedArray = segment.data;\n\n segment.data = typedArray.buffer;\n self.postMessage({\n action: 'data',\n segment: segment,\n byteOffset: typedArray.byteOffset,\n byteLength: typedArray.byteLength\n }, [segment.data]);\n });\n\n if (transmuxer.captionStream) {\n transmuxer.captionStream.on('data', function (caption) {\n self.postMessage({\n action: 'caption',\n data: caption\n });\n });\n }\n\n transmuxer.on('done', function (data) {\n self.postMessage({ action: 'done' });\n });\n\n transmuxer.on('gopInfo', function (gopInfo) {\n self.postMessage({\n action: 'gopInfo',\n gopInfo: gopInfo\n });\n });\n };\n\n /**\n * All incoming messages route through this hash. If no function exists\n * to handle an incoming message, then we ignore the message.\n *\n * @class MessageHandlers\n * @param {Object} options the options to initialize with\n */\n\n var MessageHandlers = function () {\n function MessageHandlers(self, options) {\n classCallCheck$$1(this, MessageHandlers);\n\n this.options = options || {};\n this.self = self;\n this.init();\n }\n\n /**\n * initialize our web worker and wire all the events.\n */\n\n createClass$$1(MessageHandlers, [{\n key: 'init',\n value: function init() {\n if (this.transmuxer) {\n this.transmuxer.dispose();\n }\n this.transmuxer = new mp4.Transmuxer(this.options);\n wireTransmuxerEvents(this.self, this.transmuxer);\n }\n\n /**\n * Adds data (a ts segment) to the start of the transmuxer pipeline for\n * processing.\n *\n * @param {ArrayBuffer} data data to push into the muxer\n */\n\n }, {\n key: 'push',\n value: function push(data) {\n // Cast array buffer to correct type for transmuxer\n var segment = new Uint8Array(data.data, data.byteOffset, data.byteLength);\n\n this.transmuxer.push(segment);\n }\n\n /**\n * Recreate the transmuxer so that the next segment added via `push`\n * start with a fresh transmuxer.\n */\n\n }, {\n key: 'reset',\n value: function reset() {\n this.init();\n }\n\n /**\n * Set the value that will be used as the `baseMediaDecodeTime` time for the\n * next segment pushed in. Subsequent segments will have their `baseMediaDecodeTime`\n * set relative to the first based on the PTS values.\n *\n * @param {Object} data used to set the timestamp offset in the muxer\n */\n\n }, {\n key: 'setTimestampOffset',\n value: function setTimestampOffset(data) {\n var timestampOffset = data.timestampOffset || 0;\n\n this.transmuxer.setBaseMediaDecodeTime(Math.round(timestampOffset * 90000));\n }\n }, {\n key: 'setAudioAppendStart',\n value: function setAudioAppendStart(data) {\n this.transmuxer.setAudioAppendStart(Math.ceil(data.appendStart * 90000));\n }\n\n /**\n * Forces the pipeline to finish processing the last segment and emit it's\n * results.\n *\n * @param {Object} data event data, not really used\n */\n\n }, {\n key: 'flush',\n value: function flush(data) {\n this.transmuxer.flush();\n }\n }, {\n key: 'resetCaptions',\n value: function resetCaptions() {\n this.transmuxer.resetCaptions();\n }\n }, {\n key: 'alignGopsWith',\n value: function alignGopsWith(data) {\n this.transmuxer.alignGopsWith(data.gopsToAlignWith.slice());\n }\n }]);\n return MessageHandlers;\n }();\n\n /**\n * Our web wroker interface so that things can talk to mux.js\n * that will be running in a web worker. the scope is passed to this by\n * webworkify.\n *\n * @param {Object} self the scope for the web worker\n */\n\n var TransmuxerWorker = function TransmuxerWorker(self) {\n self.onmessage = function (event) {\n if (event.data.action === 'init' && event.data.options) {\n this.messageHandlers = new MessageHandlers(self, event.data.options);\n return;\n }\n\n if (!this.messageHandlers) {\n this.messageHandlers = new MessageHandlers(self);\n }\n\n if (event.data && event.data.action && event.data.action !== 'init') {\n if (this.messageHandlers[event.data.action]) {\n this.messageHandlers[event.data.action](event.data);\n }\n }\n };\n };\n\n var transmuxerWorker = new TransmuxerWorker(self);\n\n return transmuxerWorker;\n }();\n});\n\n/**\n * @file - codecs.js - Handles tasks regarding codec strings such as translating them to\n * codec strings, or translating codec strings into objects that can be examined.\n */\n\n// Default codec parameters if none were provided for video and/or audio\nvar defaultCodecs = {\n videoCodec: 'avc1',\n videoObjectTypeIndicator: '.4d400d',\n // AAC-LC\n audioProfile: '2'\n};\n\n/**\n * Replace the old apple-style `avc1..` codec string with the standard\n * `avc1.`\n *\n * @param {Array} codecs an array of codec strings to fix\n * @return {Array} the translated codec array\n * @private\n */\nvar translateLegacyCodecs = function translateLegacyCodecs(codecs) {\n return codecs.map(function (codec) {\n return codec.replace(/avc1\\.(\\d+)\\.(\\d+)/i, function (orig, profile, avcLevel) {\n var profileHex = ('00' + Number(profile).toString(16)).slice(-2);\n var avcLevelHex = ('00' + Number(avcLevel).toString(16)).slice(-2);\n\n return 'avc1.' + profileHex + '00' + avcLevelHex;\n });\n });\n};\n\n/**\n * Parses a codec string to retrieve the number of codecs specified,\n * the video codec and object type indicator, and the audio profile.\n */\n\nvar parseCodecs = function parseCodecs() {\n var codecs = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';\n\n var result = {\n codecCount: 0\n };\n var parsed = void 0;\n\n result.codecCount = codecs.split(',').length;\n result.codecCount = result.codecCount || 2;\n\n // parse the video codec\n parsed = /(^|\\s|,)+(avc[13])([^ ,]*)/i.exec(codecs);\n if (parsed) {\n result.videoCodec = parsed[2];\n result.videoObjectTypeIndicator = parsed[3];\n }\n\n // parse the last field of the audio codec\n result.audioProfile = /(^|\\s|,)+mp4a.[0-9A-Fa-f]+\\.([0-9A-Fa-f]+)/i.exec(codecs);\n result.audioProfile = result.audioProfile && result.audioProfile[2];\n\n return result;\n};\n\n/**\n * Replace codecs in the codec string with the old apple-style `avc1..` to the\n * standard `avc1.`.\n *\n * @param codecString {String} the codec string\n * @return {String} the codec string with old apple-style codecs replaced\n *\n * @private\n */\nvar mapLegacyAvcCodecs = function mapLegacyAvcCodecs(codecString) {\n return codecString.replace(/avc1\\.(\\d+)\\.(\\d+)/i, function (match) {\n return translateLegacyCodecs([match])[0];\n });\n};\n\n/**\n * Build a media mime-type string from a set of parameters\n * @param {String} type either 'audio' or 'video'\n * @param {String} container either 'mp2t' or 'mp4'\n * @param {Array} codecs an array of codec strings to add\n * @return {String} a valid media mime-type\n */\nvar makeMimeTypeString = function makeMimeTypeString(type, container, codecs) {\n // The codecs array is filtered so that falsey values are\n // dropped and don't cause Array#join to create spurious\n // commas\n return type + '/' + container + '; codecs=\"' + codecs.filter(function (c) {\n return !!c;\n }).join(', ') + '\"';\n};\n\n/**\n * Returns the type container based on information in the playlist\n * @param {Playlist} media the current media playlist\n * @return {String} a valid media container type\n */\nvar getContainerType = function getContainerType(media) {\n // An initialization segment means the media playlist is an iframe\n // playlist or is using the mp4 container. We don't currently\n // support iframe playlists, so assume this is signalling mp4\n // fragments.\n if (media.segments && media.segments.length && media.segments[0].map) {\n return 'mp4';\n }\n return 'mp2t';\n};\n\n/**\n * Returns a set of codec strings parsed from the playlist or the default\n * codec strings if no codecs were specified in the playlist\n * @param {Playlist} media the current media playlist\n * @return {Object} an object with the video and audio codecs\n */\nvar getCodecs = function getCodecs(media) {\n // if the codecs were explicitly specified, use them instead of the\n // defaults\n var mediaAttributes = media.attributes || {};\n\n if (mediaAttributes.CODECS) {\n return parseCodecs(mediaAttributes.CODECS);\n }\n return defaultCodecs;\n};\n\nvar audioProfileFromDefault = function audioProfileFromDefault(master, audioGroupId) {\n if (!master.mediaGroups.AUDIO || !audioGroupId) {\n return null;\n }\n\n var audioGroup = master.mediaGroups.AUDIO[audioGroupId];\n\n if (!audioGroup) {\n return null;\n }\n\n for (var name in audioGroup) {\n var audioType = audioGroup[name];\n\n if (audioType.default && audioType.playlists) {\n // codec should be the same for all playlists within the audio type\n return parseCodecs(audioType.playlists[0].attributes.CODECS).audioProfile;\n }\n }\n\n return null;\n};\n\n/**\n * Calculates the MIME type strings for a working configuration of\n * SourceBuffers to play variant streams in a master playlist. If\n * there is no possible working configuration, an empty array will be\n * returned.\n *\n * @param master {Object} the m3u8 object for the master playlist\n * @param media {Object} the m3u8 object for the variant playlist\n * @return {Array} the MIME type strings. If the array has more than\n * one entry, the first element should be applied to the video\n * SourceBuffer and the second to the audio SourceBuffer.\n *\n * @private\n */\nvar mimeTypesForPlaylist = function mimeTypesForPlaylist(master, media) {\n var containerType = getContainerType(media);\n var codecInfo = getCodecs(media);\n var mediaAttributes = media.attributes || {};\n // Default condition for a traditional HLS (no demuxed audio/video)\n var isMuxed = true;\n var isMaat = false;\n\n if (!media) {\n // Not enough information\n return [];\n }\n\n if (master.mediaGroups.AUDIO && mediaAttributes.AUDIO) {\n var audioGroup = master.mediaGroups.AUDIO[mediaAttributes.AUDIO];\n\n // Handle the case where we are in a multiple-audio track scenario\n if (audioGroup) {\n isMaat = true;\n // Start with the everything demuxed then...\n isMuxed = false;\n // ...check to see if any audio group tracks are muxed (ie. lacking a uri)\n for (var groupId in audioGroup) {\n // either a uri is present (if the case of HLS and an external playlist), or\n // playlists is present (in the case of DASH where we don't have external audio\n // playlists)\n if (!audioGroup[groupId].uri && !audioGroup[groupId].playlists) {\n isMuxed = true;\n break;\n }\n }\n }\n }\n\n // HLS with multiple-audio tracks must always get an audio codec.\n // Put another way, there is no way to have a video-only multiple-audio HLS!\n if (isMaat && !codecInfo.audioProfile) {\n if (!isMuxed) {\n // It is possible for codecs to be specified on the audio media group playlist but\n // not on the rendition playlist. This is mostly the case for DASH, where audio and\n // video are always separate (and separately specified).\n codecInfo.audioProfile = audioProfileFromDefault(master, mediaAttributes.AUDIO);\n }\n\n if (!codecInfo.audioProfile) {\n videojs$1.log.warn('Multiple audio tracks present but no audio codec string is specified. ' + 'Attempting to use the default audio codec (mp4a.40.2)');\n codecInfo.audioProfile = defaultCodecs.audioProfile;\n }\n }\n\n // Generate the final codec strings from the codec object generated above\n var codecStrings = {};\n\n if (codecInfo.videoCodec) {\n codecStrings.video = '' + codecInfo.videoCodec + codecInfo.videoObjectTypeIndicator;\n }\n\n if (codecInfo.audioProfile) {\n codecStrings.audio = 'mp4a.40.' + codecInfo.audioProfile;\n }\n\n // Finally, make and return an array with proper mime-types depending on\n // the configuration\n var justAudio = makeMimeTypeString('audio', containerType, [codecStrings.audio]);\n var justVideo = makeMimeTypeString('video', containerType, [codecStrings.video]);\n var bothVideoAudio = makeMimeTypeString('video', containerType, [codecStrings.video, codecStrings.audio]);\n\n if (isMaat) {\n if (!isMuxed && codecStrings.video) {\n return [justVideo, justAudio];\n }\n\n if (!isMuxed && !codecStrings.video) {\n // There is no muxed content and no video codec string, so this is an audio only\n // stream with alternate audio.\n return [justAudio, justAudio];\n }\n\n // There exists the possiblity that this will return a `video/container`\n // mime-type for the first entry in the array even when there is only audio.\n // This doesn't appear to be a problem and simplifies the code.\n return [bothVideoAudio, justAudio];\n }\n\n // If there is no video codec at all, always just return a single\n // audio/ mime-type\n if (!codecStrings.video) {\n return [justAudio];\n }\n\n // When not using separate audio media groups, audio and video is\n // *always* muxed\n return [bothVideoAudio];\n};\n\n/**\n * Parse a content type header into a type and parameters\n * object\n *\n * @param {String} type the content type header\n * @return {Object} the parsed content-type\n * @private\n */\nvar parseContentType = function parseContentType(type) {\n var object = { type: '', parameters: {} };\n var parameters = type.trim().split(';');\n\n // first parameter should always be content-type\n object.type = parameters.shift().trim();\n parameters.forEach(function (parameter) {\n var pair = parameter.trim().split('=');\n\n if (pair.length > 1) {\n var name = pair[0].replace(/\"/g, '').trim();\n var value = pair[1].replace(/\"/g, '').trim();\n\n object.parameters[name] = value;\n }\n });\n\n return object;\n};\n\n/**\n * Check if a codec string refers to an audio codec.\n *\n * @param {String} codec codec string to check\n * @return {Boolean} if this is an audio codec\n * @private\n */\nvar isAudioCodec = function isAudioCodec(codec) {\n return (/mp4a\\.\\d+.\\d+/i.test(codec)\n );\n};\n\n/**\n * Check if a codec string refers to a video codec.\n *\n * @param {String} codec codec string to check\n * @return {Boolean} if this is a video codec\n * @private\n */\nvar isVideoCodec = function isVideoCodec(codec) {\n return (/avc1\\.[\\da-f]+/i.test(codec)\n );\n};\n\n/**\n * Returns a list of gops in the buffer that have a pts value of 3 seconds or more in\n * front of current time.\n *\n * @param {Array} buffer\n * The current buffer of gop information\n * @param {Number} currentTime\n * The current time\n * @param {Double} mapping\n * Offset to map display time to stream presentation time\n * @return {Array}\n * List of gops considered safe to append over\n */\nvar gopsSafeToAlignWith = function gopsSafeToAlignWith(buffer, currentTime, mapping) {\n if (typeof currentTime === 'undefined' || currentTime === null || !buffer.length) {\n return [];\n }\n\n // pts value for current time + 3 seconds to give a bit more wiggle room\n var currentTimePts = Math.ceil((currentTime - mapping + 3) * 90000);\n\n var i = void 0;\n\n for (i = 0; i < buffer.length; i++) {\n if (buffer[i].pts > currentTimePts) {\n break;\n }\n }\n\n return buffer.slice(i);\n};\n\n/**\n * Appends gop information (timing and byteLength) received by the transmuxer for the\n * gops appended in the last call to appendBuffer\n *\n * @param {Array} buffer\n * The current buffer of gop information\n * @param {Array} gops\n * List of new gop information\n * @param {boolean} replace\n * If true, replace the buffer with the new gop information. If false, append the\n * new gop information to the buffer in the right location of time.\n * @return {Array}\n * Updated list of gop information\n */\nvar updateGopBuffer = function updateGopBuffer(buffer, gops, replace) {\n if (!gops.length) {\n return buffer;\n }\n\n if (replace) {\n // If we are in safe append mode, then completely overwrite the gop buffer\n // with the most recent appeneded data. This will make sure that when appending\n // future segments, we only try to align with gops that are both ahead of current\n // time and in the last segment appended.\n return gops.slice();\n }\n\n var start = gops[0].pts;\n\n var i = 0;\n\n for (i; i < buffer.length; i++) {\n if (buffer[i].pts >= start) {\n break;\n }\n }\n\n return buffer.slice(0, i).concat(gops);\n};\n\n/**\n * Removes gop information in buffer that overlaps with provided start and end\n *\n * @param {Array} buffer\n * The current buffer of gop information\n * @param {Double} start\n * position to start the remove at\n * @param {Double} end\n * position to end the remove at\n * @param {Double} mapping\n * Offset to map display time to stream presentation time\n */\nvar removeGopBuffer = function removeGopBuffer(buffer, start, end, mapping) {\n var startPts = Math.ceil((start - mapping) * 90000);\n var endPts = Math.ceil((end - mapping) * 90000);\n var updatedBuffer = buffer.slice();\n\n var i = buffer.length;\n\n while (i--) {\n if (buffer[i].pts <= endPts) {\n break;\n }\n }\n\n if (i === -1) {\n // no removal because end of remove range is before start of buffer\n return updatedBuffer;\n }\n\n var j = i + 1;\n\n while (j--) {\n if (buffer[j].pts <= startPts) {\n break;\n }\n }\n\n // clamp remove range start to 0 index\n j = Math.max(j, 0);\n\n updatedBuffer.splice(j, i - j + 1);\n\n return updatedBuffer;\n};\n\nvar buffered = function buffered(videoBuffer, audioBuffer, audioDisabled) {\n var start = null;\n var end = null;\n var arity = 0;\n var extents = [];\n var ranges = [];\n\n // neither buffer has been created yet\n if (!videoBuffer && !audioBuffer) {\n return videojs$1.createTimeRange();\n }\n\n // only one buffer is configured\n if (!videoBuffer) {\n return audioBuffer.buffered;\n }\n if (!audioBuffer) {\n return videoBuffer.buffered;\n }\n\n // both buffers are configured\n if (audioDisabled) {\n return videoBuffer.buffered;\n }\n\n // both buffers are empty\n if (videoBuffer.buffered.length === 0 && audioBuffer.buffered.length === 0) {\n return videojs$1.createTimeRange();\n }\n\n // Handle the case where we have both buffers and create an\n // intersection of the two\n var videoBuffered = videoBuffer.buffered;\n var audioBuffered = audioBuffer.buffered;\n var count = videoBuffered.length;\n\n // A) Gather up all start and end times\n while (count--) {\n extents.push({ time: videoBuffered.start(count), type: 'start' });\n extents.push({ time: videoBuffered.end(count), type: 'end' });\n }\n count = audioBuffered.length;\n while (count--) {\n extents.push({ time: audioBuffered.start(count), type: 'start' });\n extents.push({ time: audioBuffered.end(count), type: 'end' });\n }\n // B) Sort them by time\n extents.sort(function (a, b) {\n return a.time - b.time;\n });\n\n // C) Go along one by one incrementing arity for start and decrementing\n // arity for ends\n for (count = 0; count < extents.length; count++) {\n if (extents[count].type === 'start') {\n arity++;\n\n // D) If arity is ever incremented to 2 we are entering an\n // overlapping range\n if (arity === 2) {\n start = extents[count].time;\n }\n } else if (extents[count].type === 'end') {\n arity--;\n\n // E) If arity is ever decremented to 1 we leaving an\n // overlapping range\n if (arity === 1) {\n end = extents[count].time;\n }\n }\n\n // F) Record overlapping ranges\n if (start !== null && end !== null) {\n ranges.push([start, end]);\n start = null;\n end = null;\n }\n }\n\n return videojs$1.createTimeRanges(ranges);\n};\n\n/**\n * @file virtual-source-buffer.js\n */\n\n// We create a wrapper around the SourceBuffer so that we can manage the\n// state of the `updating` property manually. We have to do this because\n// Firefox changes `updating` to false long before triggering `updateend`\n// events and that was causing strange problems in videojs-contrib-hls\nvar makeWrappedSourceBuffer = function makeWrappedSourceBuffer(mediaSource, mimeType) {\n var sourceBuffer = mediaSource.addSourceBuffer(mimeType);\n var wrapper = Object.create(null);\n\n wrapper.updating = false;\n wrapper.realBuffer_ = sourceBuffer;\n\n var _loop = function _loop(key) {\n if (typeof sourceBuffer[key] === 'function') {\n wrapper[key] = function () {\n return sourceBuffer[key].apply(sourceBuffer, arguments);\n };\n } else if (typeof wrapper[key] === 'undefined') {\n Object.defineProperty(wrapper, key, {\n get: function get$$1() {\n return sourceBuffer[key];\n },\n set: function set$$1(v) {\n return sourceBuffer[key] = v;\n }\n });\n }\n };\n\n for (var key in sourceBuffer) {\n _loop(key);\n }\n\n return wrapper;\n};\n\n/**\n * VirtualSourceBuffers exist so that we can transmux non native formats\n * into a native format, but keep the same api as a native source buffer.\n * It creates a transmuxer, that works in its own thread (a web worker) and\n * that transmuxer muxes the data into a native format. VirtualSourceBuffer will\n * then send all of that data to the naive sourcebuffer so that it is\n * indestinguishable from a natively supported format.\n *\n * @param {HtmlMediaSource} mediaSource the parent mediaSource\n * @param {Array} codecs array of codecs that we will be dealing with\n * @class VirtualSourceBuffer\n * @extends video.js.EventTarget\n */\n\nvar VirtualSourceBuffer = function (_videojs$EventTarget) {\n inherits$1(VirtualSourceBuffer, _videojs$EventTarget);\n\n function VirtualSourceBuffer(mediaSource, codecs) {\n classCallCheck$1(this, VirtualSourceBuffer);\n\n var _this = possibleConstructorReturn$1(this, (VirtualSourceBuffer.__proto__ || Object.getPrototypeOf(VirtualSourceBuffer)).call(this, videojs$1.EventTarget));\n\n _this.timestampOffset_ = 0;\n _this.pendingBuffers_ = [];\n _this.bufferUpdating_ = false;\n\n _this.mediaSource_ = mediaSource;\n _this.codecs_ = codecs;\n _this.audioCodec_ = null;\n _this.videoCodec_ = null;\n _this.audioDisabled_ = false;\n _this.appendAudioInitSegment_ = true;\n _this.gopBuffer_ = [];\n _this.timeMapping_ = 0;\n _this.safeAppend_ = videojs$1.browser.IE_VERSION >= 11;\n\n var options = {\n remux: false,\n alignGopsAtEnd: _this.safeAppend_\n };\n\n _this.codecs_.forEach(function (codec) {\n if (isAudioCodec(codec)) {\n _this.audioCodec_ = codec;\n } else if (isVideoCodec(codec)) {\n _this.videoCodec_ = codec;\n }\n });\n\n // append muxed segments to their respective native buffers as\n // soon as they are available\n _this.transmuxer_ = new TransmuxWorker();\n _this.transmuxer_.postMessage({ action: 'init', options: options });\n\n _this.transmuxer_.onmessage = function (event) {\n if (event.data.action === 'data') {\n return _this.data_(event);\n }\n\n if (event.data.action === 'done') {\n return _this.done_(event);\n }\n\n if (event.data.action === 'gopInfo') {\n return _this.appendGopInfo_(event);\n }\n };\n\n // this timestampOffset is a property with the side-effect of resetting\n // baseMediaDecodeTime in the transmuxer on the setter\n Object.defineProperty(_this, 'timestampOffset', {\n get: function get$$1() {\n return this.timestampOffset_;\n },\n set: function set$$1(val) {\n if (typeof val === 'number' && val >= 0) {\n this.timestampOffset_ = val;\n this.appendAudioInitSegment_ = true;\n\n // reset gop buffer on timestampoffset as this signals a change in timeline\n this.gopBuffer_.length = 0;\n this.timeMapping_ = 0;\n\n // We have to tell the transmuxer to set the baseMediaDecodeTime to\n // the desired timestampOffset for the next segment\n this.transmuxer_.postMessage({\n action: 'setTimestampOffset',\n timestampOffset: val\n });\n }\n }\n });\n\n // setting the append window affects both source buffers\n Object.defineProperty(_this, 'appendWindowStart', {\n get: function get$$1() {\n return (this.videoBuffer_ || this.audioBuffer_).appendWindowStart;\n },\n set: function set$$1(start) {\n if (this.videoBuffer_) {\n this.videoBuffer_.appendWindowStart = start;\n }\n if (this.audioBuffer_) {\n this.audioBuffer_.appendWindowStart = start;\n }\n }\n });\n\n // this buffer is \"updating\" if either of its native buffers are\n Object.defineProperty(_this, 'updating', {\n get: function get$$1() {\n return !!(this.bufferUpdating_ || !this.audioDisabled_ && this.audioBuffer_ && this.audioBuffer_.updating || this.videoBuffer_ && this.videoBuffer_.updating);\n }\n });\n\n // the buffered property is the intersection of the buffered\n // ranges of the native source buffers\n Object.defineProperty(_this, 'buffered', {\n get: function get$$1() {\n return buffered(this.videoBuffer_, this.audioBuffer_, this.audioDisabled_);\n }\n });\n return _this;\n }\n\n /**\n * When we get a data event from the transmuxer\n * we call this function and handle the data that\n * was sent to us\n *\n * @private\n * @param {Event} event the data event from the transmuxer\n */\n\n createClass$1(VirtualSourceBuffer, [{\n key: 'data_',\n value: function data_(event) {\n var segment = event.data.segment;\n\n // Cast ArrayBuffer to TypedArray\n segment.data = new Uint8Array(segment.data, event.data.byteOffset, event.data.byteLength);\n\n segment.initSegment = new Uint8Array(segment.initSegment.data, segment.initSegment.byteOffset, segment.initSegment.byteLength);\n\n createTextTracksIfNecessary(this, this.mediaSource_, segment);\n\n // Add the segments to the pendingBuffers array\n this.pendingBuffers_.push(segment);\n return;\n }\n\n /**\n * When we get a done event from the transmuxer\n * we call this function and we process all\n * of the pending data that we have been saving in the\n * data_ function\n *\n * @private\n * @param {Event} event the done event from the transmuxer\n */\n\n }, {\n key: 'done_',\n value: function done_(event) {\n // Don't process and append data if the mediaSource is closed\n if (this.mediaSource_.readyState === 'closed') {\n this.pendingBuffers_.length = 0;\n return;\n }\n\n // All buffers should have been flushed from the muxer\n // start processing anything we have received\n this.processPendingSegments_();\n return;\n }\n\n /**\n * Create our internal native audio/video source buffers and add\n * event handlers to them with the following conditions:\n * 1. they do not already exist on the mediaSource\n * 2. this VSB has a codec for them\n *\n * @private\n */\n\n }, {\n key: 'createRealSourceBuffers_',\n value: function createRealSourceBuffers_() {\n var _this2 = this;\n\n var types = ['audio', 'video'];\n\n types.forEach(function (type) {\n // Don't create a SourceBuffer of this type if we don't have a\n // codec for it\n if (!_this2[type + 'Codec_']) {\n return;\n }\n\n // Do nothing if a SourceBuffer of this type already exists\n if (_this2[type + 'Buffer_']) {\n return;\n }\n\n var buffer = null;\n\n // If the mediasource already has a SourceBuffer for the codec\n // use that\n if (_this2.mediaSource_[type + 'Buffer_']) {\n buffer = _this2.mediaSource_[type + 'Buffer_'];\n // In multiple audio track cases, the audio source buffer is disabled\n // on the main VirtualSourceBuffer by the HTMLMediaSource much earlier\n // than createRealSourceBuffers_ is called to create the second\n // VirtualSourceBuffer because that happens as a side-effect of\n // videojs-contrib-hls starting the audioSegmentLoader. As a result,\n // the audioBuffer is essentially \"ownerless\" and no one will toggle\n // the `updating` state back to false once the `updateend` event is received\n //\n // Setting `updating` to false manually will work around this\n // situation and allow work to continue\n buffer.updating = false;\n } else {\n var codecProperty = type + 'Codec_';\n var mimeType = type + '/mp4;codecs=\"' + _this2[codecProperty] + '\"';\n\n buffer = makeWrappedSourceBuffer(_this2.mediaSource_.nativeMediaSource_, mimeType);\n\n _this2.mediaSource_[type + 'Buffer_'] = buffer;\n }\n\n _this2[type + 'Buffer_'] = buffer;\n\n // Wire up the events to the SourceBuffer\n ['update', 'updatestart', 'updateend'].forEach(function (event) {\n buffer.addEventListener(event, function () {\n // if audio is disabled\n if (type === 'audio' && _this2.audioDisabled_) {\n return;\n }\n\n if (event === 'updateend') {\n _this2[type + 'Buffer_'].updating = false;\n }\n\n var shouldTrigger = types.every(function (t) {\n // skip checking audio's updating status if audio\n // is not enabled\n if (t === 'audio' && _this2.audioDisabled_) {\n return true;\n }\n // if the other type if updating we don't trigger\n if (type !== t && _this2[t + 'Buffer_'] && _this2[t + 'Buffer_'].updating) {\n return false;\n }\n return true;\n });\n\n if (shouldTrigger) {\n return _this2.trigger(event);\n }\n });\n });\n });\n }\n\n /**\n * Emulate the native mediasource function, but our function will\n * send all of the proposed segments to the transmuxer so that we\n * can transmux them before we append them to our internal\n * native source buffers in the correct format.\n *\n * @link https://developer.mozilla.org/en-US/docs/Web/API/SourceBuffer/appendBuffer\n * @param {Uint8Array} segment the segment to append to the buffer\n */\n\n }, {\n key: 'appendBuffer',\n value: function appendBuffer(segment) {\n // Start the internal \"updating\" state\n this.bufferUpdating_ = true;\n\n if (this.audioBuffer_ && this.audioBuffer_.buffered.length) {\n var audioBuffered = this.audioBuffer_.buffered;\n\n this.transmuxer_.postMessage({\n action: 'setAudioAppendStart',\n appendStart: audioBuffered.end(audioBuffered.length - 1)\n });\n }\n\n if (this.videoBuffer_) {\n this.transmuxer_.postMessage({\n action: 'alignGopsWith',\n gopsToAlignWith: gopsSafeToAlignWith(this.gopBuffer_, this.mediaSource_.player_ ? this.mediaSource_.player_.currentTime() : null, this.timeMapping_)\n });\n }\n\n this.transmuxer_.postMessage({\n action: 'push',\n // Send the typed-array of data as an ArrayBuffer so that\n // it can be sent as a \"Transferable\" and avoid the costly\n // memory copy\n data: segment.buffer,\n\n // To recreate the original typed-array, we need information\n // about what portion of the ArrayBuffer it was a view into\n byteOffset: segment.byteOffset,\n byteLength: segment.byteLength\n }, [segment.buffer]);\n this.transmuxer_.postMessage({ action: 'flush' });\n }\n\n /**\n * Appends gop information (timing and byteLength) received by the transmuxer for the\n * gops appended in the last call to appendBuffer\n *\n * @param {Event} event\n * The gopInfo event from the transmuxer\n * @param {Array} event.data.gopInfo\n * List of gop info to append\n */\n\n }, {\n key: 'appendGopInfo_',\n value: function appendGopInfo_(event) {\n this.gopBuffer_ = updateGopBuffer(this.gopBuffer_, event.data.gopInfo, this.safeAppend_);\n }\n\n /**\n * Emulate the native mediasource function and remove parts\n * of the buffer from any of our internal buffers that exist\n *\n * @link https://developer.mozilla.org/en-US/docs/Web/API/SourceBuffer/remove\n * @param {Double} start position to start the remove at\n * @param {Double} end position to end the remove at\n */\n\n }, {\n key: 'remove',\n value: function remove(start, end) {\n if (this.videoBuffer_) {\n this.videoBuffer_.updating = true;\n this.videoBuffer_.remove(start, end);\n this.gopBuffer_ = removeGopBuffer(this.gopBuffer_, start, end, this.timeMapping_);\n }\n if (!this.audioDisabled_ && this.audioBuffer_) {\n this.audioBuffer_.updating = true;\n this.audioBuffer_.remove(start, end);\n }\n\n // Remove Metadata Cues (id3)\n removeCuesFromTrack(start, end, this.metadataTrack_);\n\n // Remove Any Captions\n if (this.inbandTextTracks_) {\n for (var track in this.inbandTextTracks_) {\n removeCuesFromTrack(start, end, this.inbandTextTracks_[track]);\n }\n }\n }\n\n /**\n * Process any segments that the muxer has output\n * Concatenate segments together based on type and append them into\n * their respective sourceBuffers\n *\n * @private\n */\n\n }, {\n key: 'processPendingSegments_',\n value: function processPendingSegments_() {\n var sortedSegments = {\n video: {\n segments: [],\n bytes: 0\n },\n audio: {\n segments: [],\n bytes: 0\n },\n captions: [],\n metadata: []\n };\n\n // Sort segments into separate video/audio arrays and\n // keep track of their total byte lengths\n sortedSegments = this.pendingBuffers_.reduce(function (segmentObj, segment) {\n var type = segment.type;\n var data = segment.data;\n var initSegment = segment.initSegment;\n\n segmentObj[type].segments.push(data);\n segmentObj[type].bytes += data.byteLength;\n\n segmentObj[type].initSegment = initSegment;\n\n // Gather any captions into a single array\n if (segment.captions) {\n segmentObj.captions = segmentObj.captions.concat(segment.captions);\n }\n\n if (segment.info) {\n segmentObj[type].info = segment.info;\n }\n\n // Gather any metadata into a single array\n if (segment.metadata) {\n segmentObj.metadata = segmentObj.metadata.concat(segment.metadata);\n }\n\n return segmentObj;\n }, sortedSegments);\n\n // Create the real source buffers if they don't exist by now since we\n // finally are sure what tracks are contained in the source\n if (!this.videoBuffer_ && !this.audioBuffer_) {\n // Remove any codecs that may have been specified by default but\n // are no longer applicable now\n if (sortedSegments.video.bytes === 0) {\n this.videoCodec_ = null;\n }\n if (sortedSegments.audio.bytes === 0) {\n this.audioCodec_ = null;\n }\n\n this.createRealSourceBuffers_();\n }\n\n if (sortedSegments.audio.info) {\n this.mediaSource_.trigger({ type: 'audioinfo', info: sortedSegments.audio.info });\n }\n if (sortedSegments.video.info) {\n this.mediaSource_.trigger({ type: 'videoinfo', info: sortedSegments.video.info });\n }\n\n if (this.appendAudioInitSegment_) {\n if (!this.audioDisabled_ && this.audioBuffer_) {\n sortedSegments.audio.segments.unshift(sortedSegments.audio.initSegment);\n sortedSegments.audio.bytes += sortedSegments.audio.initSegment.byteLength;\n }\n this.appendAudioInitSegment_ = false;\n }\n\n var triggerUpdateend = false;\n\n // Merge multiple video and audio segments into one and append\n if (this.videoBuffer_ && sortedSegments.video.bytes) {\n sortedSegments.video.segments.unshift(sortedSegments.video.initSegment);\n sortedSegments.video.bytes += sortedSegments.video.initSegment.byteLength;\n this.concatAndAppendSegments_(sortedSegments.video, this.videoBuffer_);\n // TODO: are video tracks the only ones with text tracks?\n addTextTrackData(this, sortedSegments.captions, sortedSegments.metadata);\n } else if (this.videoBuffer_ && (this.audioDisabled_ || !this.audioBuffer_)) {\n // The transmuxer did not return any bytes of video, meaning it was all trimmed\n // for gop alignment. Since we have a video buffer and audio is disabled, updateend\n // will never be triggered by this source buffer, which will cause contrib-hls\n // to be stuck forever waiting for updateend. If audio is not disabled, updateend\n // will be triggered by the audio buffer, which will be sent upwards since the video\n // buffer will not be in an updating state.\n triggerUpdateend = true;\n }\n\n if (!this.audioDisabled_ && this.audioBuffer_) {\n this.concatAndAppendSegments_(sortedSegments.audio, this.audioBuffer_);\n }\n\n this.pendingBuffers_.length = 0;\n\n if (triggerUpdateend) {\n this.trigger('updateend');\n }\n\n // We are no longer in the internal \"updating\" state\n this.bufferUpdating_ = false;\n }\n\n /**\n * Combine all segments into a single Uint8Array and then append them\n * to the destination buffer\n *\n * @param {Object} segmentObj\n * @param {SourceBuffer} destinationBuffer native source buffer to append data to\n * @private\n */\n\n }, {\n key: 'concatAndAppendSegments_',\n value: function concatAndAppendSegments_(segmentObj, destinationBuffer) {\n var offset = 0;\n var tempBuffer = void 0;\n\n if (segmentObj.bytes) {\n tempBuffer = new Uint8Array(segmentObj.bytes);\n\n // Combine the individual segments into one large typed-array\n segmentObj.segments.forEach(function (segment) {\n tempBuffer.set(segment, offset);\n offset += segment.byteLength;\n });\n\n try {\n destinationBuffer.updating = true;\n destinationBuffer.appendBuffer(tempBuffer);\n } catch (error) {\n if (this.mediaSource_.player_) {\n this.mediaSource_.player_.error({\n code: -3,\n type: 'APPEND_BUFFER_ERR',\n message: error.message,\n originalError: error\n });\n }\n }\n }\n }\n\n /**\n * Emulate the native mediasource function. abort any soureBuffer\n * actions and throw out any un-appended data.\n *\n * @link https://developer.mozilla.org/en-US/docs/Web/API/SourceBuffer/abort\n */\n\n }, {\n key: 'abort',\n value: function abort() {\n if (this.videoBuffer_) {\n this.videoBuffer_.abort();\n }\n if (!this.audioDisabled_ && this.audioBuffer_) {\n this.audioBuffer_.abort();\n }\n if (this.transmuxer_) {\n this.transmuxer_.postMessage({ action: 'reset' });\n }\n this.pendingBuffers_.length = 0;\n this.bufferUpdating_ = false;\n }\n }]);\n return VirtualSourceBuffer;\n}(videojs$1.EventTarget);\n\n/**\n * @file html-media-source.js\n */\n\n/**\n * Our MediaSource implementation in HTML, mimics native\n * MediaSource where/if possible.\n *\n * @link https://developer.mozilla.org/en-US/docs/Web/API/MediaSource\n * @class HtmlMediaSource\n * @extends videojs.EventTarget\n */\n\nvar HtmlMediaSource = function (_videojs$EventTarget) {\n inherits$1(HtmlMediaSource, _videojs$EventTarget);\n\n function HtmlMediaSource() {\n classCallCheck$1(this, HtmlMediaSource);\n\n var _this = possibleConstructorReturn$1(this, (HtmlMediaSource.__proto__ || Object.getPrototypeOf(HtmlMediaSource)).call(this));\n\n var property = void 0;\n\n _this.nativeMediaSource_ = new window$1.MediaSource();\n // delegate to the native MediaSource's methods by default\n for (property in _this.nativeMediaSource_) {\n if (!(property in HtmlMediaSource.prototype) && typeof _this.nativeMediaSource_[property] === 'function') {\n _this[property] = _this.nativeMediaSource_[property].bind(_this.nativeMediaSource_);\n }\n }\n\n // emulate `duration` and `seekable` until seeking can be\n // handled uniformly for live streams\n // see https://github.com/w3c/media-source/issues/5\n _this.duration_ = NaN;\n Object.defineProperty(_this, 'duration', {\n get: function get$$1() {\n if (this.duration_ === Infinity) {\n return this.duration_;\n }\n return this.nativeMediaSource_.duration;\n },\n set: function set$$1(duration) {\n this.duration_ = duration;\n if (duration !== Infinity) {\n this.nativeMediaSource_.duration = duration;\n return;\n }\n }\n });\n Object.defineProperty(_this, 'seekable', {\n get: function get$$1() {\n if (this.duration_ === Infinity) {\n return videojs$1.createTimeRanges([[0, this.nativeMediaSource_.duration]]);\n }\n return this.nativeMediaSource_.seekable;\n }\n });\n\n Object.defineProperty(_this, 'readyState', {\n get: function get$$1() {\n return this.nativeMediaSource_.readyState;\n }\n });\n\n Object.defineProperty(_this, 'activeSourceBuffers', {\n get: function get$$1() {\n return this.activeSourceBuffers_;\n }\n });\n\n // the list of virtual and native SourceBuffers created by this\n // MediaSource\n _this.sourceBuffers = [];\n\n _this.activeSourceBuffers_ = [];\n\n /**\n * update the list of active source buffers based upon various\n * imformation from HLS and video.js\n *\n * @private\n */\n _this.updateActiveSourceBuffers_ = function () {\n // Retain the reference but empty the array\n _this.activeSourceBuffers_.length = 0;\n\n // If there is only one source buffer, then it will always be active and audio will\n // be disabled based on the codec of the source buffer\n if (_this.sourceBuffers.length === 1) {\n var sourceBuffer = _this.sourceBuffers[0];\n\n sourceBuffer.appendAudioInitSegment_ = true;\n sourceBuffer.audioDisabled_ = !sourceBuffer.audioCodec_;\n _this.activeSourceBuffers_.push(sourceBuffer);\n return;\n }\n\n // There are 2 source buffers, a combined (possibly video only) source buffer and\n // and an audio only source buffer.\n // By default, the audio in the combined virtual source buffer is enabled\n // and the audio-only source buffer (if it exists) is disabled.\n var disableCombined = false;\n var disableAudioOnly = true;\n\n // TODO: maybe we can store the sourcebuffers on the track objects?\n // safari may do something like this\n for (var i = 0; i < _this.player_.audioTracks().length; i++) {\n var track = _this.player_.audioTracks()[i];\n\n if (track.enabled && track.kind !== 'main') {\n // The enabled track is an alternate audio track so disable the audio in\n // the combined source buffer and enable the audio-only source buffer.\n disableCombined = true;\n disableAudioOnly = false;\n break;\n }\n }\n\n _this.sourceBuffers.forEach(function (sourceBuffer, index) {\n /* eslinst-disable */\n // TODO once codecs are required, we can switch to using the codecs to determine\n // what stream is the video stream, rather than relying on videoTracks\n /* eslinst-enable */\n\n sourceBuffer.appendAudioInitSegment_ = true;\n\n if (sourceBuffer.videoCodec_ && sourceBuffer.audioCodec_) {\n // combined\n sourceBuffer.audioDisabled_ = disableCombined;\n } else if (sourceBuffer.videoCodec_ && !sourceBuffer.audioCodec_) {\n // If the \"combined\" source buffer is video only, then we do not want\n // disable the audio-only source buffer (this is mostly for demuxed\n // audio and video hls)\n sourceBuffer.audioDisabled_ = true;\n disableAudioOnly = false;\n } else if (!sourceBuffer.videoCodec_ && sourceBuffer.audioCodec_) {\n // audio only\n // In the case of audio only with alternate audio and disableAudioOnly is true\n // this means we want to disable the audio on the alternate audio sourcebuffer\n // but not the main \"combined\" source buffer. The \"combined\" source buffer is\n // always at index 0, so this ensures audio won't be disabled in both source\n // buffers.\n sourceBuffer.audioDisabled_ = index ? disableAudioOnly : !disableAudioOnly;\n if (sourceBuffer.audioDisabled_) {\n return;\n }\n }\n\n _this.activeSourceBuffers_.push(sourceBuffer);\n });\n };\n\n _this.onPlayerMediachange_ = function () {\n _this.sourceBuffers.forEach(function (sourceBuffer) {\n sourceBuffer.appendAudioInitSegment_ = true;\n });\n };\n\n _this.onHlsReset_ = function () {\n _this.sourceBuffers.forEach(function (sourceBuffer) {\n if (sourceBuffer.transmuxer_) {\n sourceBuffer.transmuxer_.postMessage({ action: 'resetCaptions' });\n }\n });\n };\n\n _this.onHlsSegmentTimeMapping_ = function (event) {\n _this.sourceBuffers.forEach(function (buffer) {\n return buffer.timeMapping_ = event.mapping;\n });\n };\n\n // Re-emit MediaSource events on the polyfill\n ['sourceopen', 'sourceclose', 'sourceended'].forEach(function (eventName) {\n this.nativeMediaSource_.addEventListener(eventName, this.trigger.bind(this));\n }, _this);\n\n // capture the associated player when the MediaSource is\n // successfully attached\n _this.on('sourceopen', function (event) {\n // Get the player this MediaSource is attached to\n var video = document$1.querySelector('[src=\"' + _this.url_ + '\"]');\n\n if (!video) {\n return;\n }\n\n _this.player_ = videojs$1(video.parentNode);\n\n // hls-reset is fired by videojs.Hls on to the tech after the main SegmentLoader\n // resets its state and flushes the buffer\n _this.player_.tech_.on('hls-reset', _this.onHlsReset_);\n // hls-segment-time-mapping is fired by videojs.Hls on to the tech after the main\n // SegmentLoader inspects an MTS segment and has an accurate stream to display\n // time mapping\n _this.player_.tech_.on('hls-segment-time-mapping', _this.onHlsSegmentTimeMapping_);\n\n if (_this.player_.audioTracks && _this.player_.audioTracks()) {\n _this.player_.audioTracks().on('change', _this.updateActiveSourceBuffers_);\n _this.player_.audioTracks().on('addtrack', _this.updateActiveSourceBuffers_);\n _this.player_.audioTracks().on('removetrack', _this.updateActiveSourceBuffers_);\n }\n\n _this.player_.on('mediachange', _this.onPlayerMediachange_);\n });\n\n _this.on('sourceended', function (event) {\n var duration = durationOfVideo(_this.duration);\n\n for (var i = 0; i < _this.sourceBuffers.length; i++) {\n var sourcebuffer = _this.sourceBuffers[i];\n var cues = sourcebuffer.metadataTrack_ && sourcebuffer.metadataTrack_.cues;\n\n if (cues && cues.length) {\n cues[cues.length - 1].endTime = duration;\n }\n }\n });\n\n // explicitly terminate any WebWorkers that were created\n // by SourceHandlers\n _this.on('sourceclose', function (event) {\n this.sourceBuffers.forEach(function (sourceBuffer) {\n if (sourceBuffer.transmuxer_) {\n sourceBuffer.transmuxer_.terminate();\n }\n });\n\n this.sourceBuffers.length = 0;\n if (!this.player_) {\n return;\n }\n\n if (this.player_.audioTracks && this.player_.audioTracks()) {\n this.player_.audioTracks().off('change', this.updateActiveSourceBuffers_);\n this.player_.audioTracks().off('addtrack', this.updateActiveSourceBuffers_);\n this.player_.audioTracks().off('removetrack', this.updateActiveSourceBuffers_);\n }\n\n // We can only change this if the player hasn't been disposed of yet\n // because `off` eventually tries to use the el_ property. If it has\n // been disposed of, then don't worry about it because there are no\n // event handlers left to unbind anyway\n if (this.player_.el_) {\n this.player_.off('mediachange', this.onPlayerMediachange_);\n this.player_.tech_.off('hls-reset', this.onHlsReset_);\n this.player_.tech_.off('hls-segment-time-mapping', this.onHlsSegmentTimeMapping_);\n }\n });\n return _this;\n }\n\n /**\n * Add a range that that can now be seeked to.\n *\n * @param {Double} start where to start the addition\n * @param {Double} end where to end the addition\n * @private\n */\n\n createClass$1(HtmlMediaSource, [{\n key: 'addSeekableRange_',\n value: function addSeekableRange_(start, end) {\n var error = void 0;\n\n if (this.duration !== Infinity) {\n error = new Error('MediaSource.addSeekableRange() can only be invoked ' + 'when the duration is Infinity');\n error.name = 'InvalidStateError';\n error.code = 11;\n throw error;\n }\n\n if (end > this.nativeMediaSource_.duration || isNaN(this.nativeMediaSource_.duration)) {\n this.nativeMediaSource_.duration = end;\n }\n }\n\n /**\n * Add a source buffer to the media source.\n *\n * @link https://developer.mozilla.org/en-US/docs/Web/API/MediaSource/addSourceBuffer\n * @param {String} type the content-type of the content\n * @return {Object} the created source buffer\n */\n\n }, {\n key: 'addSourceBuffer',\n value: function addSourceBuffer(type) {\n var buffer = void 0;\n var parsedType = parseContentType(type);\n\n // Create a VirtualSourceBuffer to transmux MPEG-2 transport\n // stream segments into fragmented MP4s\n if (/^(video|audio)\\/mp2t$/i.test(parsedType.type)) {\n var codecs = [];\n\n if (parsedType.parameters && parsedType.parameters.codecs) {\n codecs = parsedType.parameters.codecs.split(',');\n codecs = translateLegacyCodecs(codecs);\n codecs = codecs.filter(function (codec) {\n return isAudioCodec(codec) || isVideoCodec(codec);\n });\n }\n\n if (codecs.length === 0) {\n codecs = ['avc1.4d400d', 'mp4a.40.2'];\n }\n\n buffer = new VirtualSourceBuffer(this, codecs);\n\n if (this.sourceBuffers.length !== 0) {\n // If another VirtualSourceBuffer already exists, then we are creating a\n // SourceBuffer for an alternate audio track and therefore we know that\n // the source has both an audio and video track.\n // That means we should trigger the manual creation of the real\n // SourceBuffers instead of waiting for the transmuxer to return data\n this.sourceBuffers[0].createRealSourceBuffers_();\n buffer.createRealSourceBuffers_();\n\n // Automatically disable the audio on the first source buffer if\n // a second source buffer is ever created\n this.sourceBuffers[0].audioDisabled_ = true;\n }\n } else {\n // delegate to the native implementation\n buffer = this.nativeMediaSource_.addSourceBuffer(type);\n }\n\n this.sourceBuffers.push(buffer);\n return buffer;\n }\n }]);\n return HtmlMediaSource;\n}(videojs$1.EventTarget);\n\n/**\n * @file videojs-contrib-media-sources.js\n */\nvar urlCount = 0;\n\n// ------------\n// Media Source\n// ------------\n\n// store references to the media sources so they can be connected\n// to a video element (a swf object)\n// TODO: can we store this somewhere local to this module?\nvideojs$1.mediaSources = {};\n\n/**\n * Provide a method for a swf object to notify JS that a\n * media source is now open.\n *\n * @param {String} msObjectURL string referencing the MSE Object URL\n * @param {String} swfId the swf id\n */\nvar open = function open(msObjectURL, swfId) {\n var mediaSource = videojs$1.mediaSources[msObjectURL];\n\n if (mediaSource) {\n mediaSource.trigger({ type: 'sourceopen', swfId: swfId });\n } else {\n throw new Error('Media Source not found (Video.js)');\n }\n};\n\n/**\n * Check to see if the native MediaSource object exists and supports\n * an MP4 container with both H.264 video and AAC-LC audio.\n *\n * @return {Boolean} if native media sources are supported\n */\nvar supportsNativeMediaSources = function supportsNativeMediaSources() {\n return !!window$1.MediaSource && !!window$1.MediaSource.isTypeSupported && window$1.MediaSource.isTypeSupported('video/mp4;codecs=\"avc1.4d400d,mp4a.40.2\"');\n};\n\n/**\n * An emulation of the MediaSource API so that we can support\n * native and non-native functionality. returns an instance of\n * HtmlMediaSource.\n *\n * @link https://developer.mozilla.org/en-US/docs/Web/API/MediaSource/MediaSource\n */\nvar MediaSource = function MediaSource() {\n this.MediaSource = {\n open: open,\n supportsNativeMediaSources: supportsNativeMediaSources\n };\n\n if (supportsNativeMediaSources()) {\n return new HtmlMediaSource();\n }\n\n throw new Error('Cannot use create a virtual MediaSource for this video');\n};\n\nMediaSource.open = open;\nMediaSource.supportsNativeMediaSources = supportsNativeMediaSources;\n\n/**\n * A wrapper around the native URL for our MSE object\n * implementation, this object is exposed under videojs.URL\n *\n * @link https://developer.mozilla.org/en-US/docs/Web/API/URL/URL\n */\nvar URL$1 = {\n /**\n * A wrapper around the native createObjectURL for our objects.\n * This function maps a native or emulated mediaSource to a blob\n * url so that it can be loaded into video.js\n *\n * @link https://developer.mozilla.org/en-US/docs/Web/API/URL/createObjectURL\n * @param {MediaSource} object the object to create a blob url to\n */\n createObjectURL: function createObjectURL(object) {\n var objectUrlPrefix = 'blob:vjs-media-source/';\n var url = void 0;\n\n // use the native MediaSource to generate an object URL\n if (object instanceof HtmlMediaSource) {\n url = window$1.URL.createObjectURL(object.nativeMediaSource_);\n object.url_ = url;\n return url;\n }\n // if the object isn't an emulated MediaSource, delegate to the\n // native implementation\n if (!(object instanceof HtmlMediaSource)) {\n url = window$1.URL.createObjectURL(object);\n object.url_ = url;\n return url;\n }\n\n // build a URL that can be used to map back to the emulated\n // MediaSource\n url = objectUrlPrefix + urlCount;\n\n urlCount++;\n\n // setup the mapping back to object\n videojs$1.mediaSources[url] = object;\n\n return url;\n }\n};\n\nvideojs$1.MediaSource = MediaSource;\nvideojs$1.URL = URL$1;\n\nvar EventTarget$1$1 = videojs$1.EventTarget,\n mergeOptions$2 = videojs$1.mergeOptions;\n\n/**\n * Returns a new master manifest that is the result of merging an updated master manifest\n * into the original version.\n *\n * @param {Object} oldMaster\n * The old parsed mpd object\n * @param {Object} newMaster\n * The updated parsed mpd object\n * @return {Object}\n * A new object representing the original master manifest with the updated media\n * playlists merged in\n */\n\nvar updateMaster$1 = function updateMaster$$1(oldMaster, newMaster) {\n var update = mergeOptions$2(oldMaster, {\n // These are top level properties that can be updated\n duration: newMaster.duration,\n minimumUpdatePeriod: newMaster.minimumUpdatePeriod\n });\n\n // First update the playlists in playlist list\n for (var i = 0; i < newMaster.playlists.length; i++) {\n var playlistUpdate = updateMaster(update, newMaster.playlists[i]);\n\n if (playlistUpdate) {\n update = playlistUpdate;\n }\n }\n\n // Then update media group playlists\n forEachMediaGroup(newMaster, function (properties, type, group, label) {\n if (properties.playlists && properties.playlists.length) {\n var uri = properties.playlists[0].uri;\n var _playlistUpdate = updateMaster(update, properties.playlists[0]);\n\n if (_playlistUpdate) {\n update = _playlistUpdate;\n // update the playlist reference within media groups\n update.mediaGroups[type][group][label].playlists[0] = update.playlists[uri];\n }\n }\n });\n\n return update;\n};\n\nvar DashPlaylistLoader = function (_EventTarget) {\n inherits$1(DashPlaylistLoader, _EventTarget);\n\n // DashPlaylistLoader must accept either a src url or a playlist because subsequent\n // playlist loader setups from media groups will expect to be able to pass a playlist\n // (since there aren't external URLs to media playlists with DASH)\n function DashPlaylistLoader(srcUrlOrPlaylist, hls, withCredentials, masterPlaylistLoader) {\n classCallCheck$1(this, DashPlaylistLoader);\n\n var _this = possibleConstructorReturn$1(this, (DashPlaylistLoader.__proto__ || Object.getPrototypeOf(DashPlaylistLoader)).call(this));\n\n _this.hls_ = hls;\n _this.withCredentials = withCredentials;\n\n if (!srcUrlOrPlaylist) {\n throw new Error('A non-empty playlist URL or playlist is required');\n }\n\n // event naming?\n _this.on('minimumUpdatePeriod', function () {\n _this.refreshXml_();\n });\n\n // live playlist staleness timeout\n _this.on('mediaupdatetimeout', function () {\n _this.refreshMedia_();\n });\n\n // initialize the loader state\n if (typeof srcUrlOrPlaylist === 'string') {\n _this.srcUrl = srcUrlOrPlaylist;\n _this.state = 'HAVE_NOTHING';\n return possibleConstructorReturn$1(_this);\n }\n\n _this.masterPlaylistLoader_ = masterPlaylistLoader;\n\n _this.state = 'HAVE_METADATA';\n _this.started = true;\n // we only should have one playlist so select it\n _this.media(srcUrlOrPlaylist);\n // trigger async to mimic behavior of HLS, where it must request a playlist\n window$1.setTimeout(function () {\n _this.trigger('loadedmetadata');\n }, 0);\n return _this;\n }\n\n createClass$1(DashPlaylistLoader, [{\n key: 'dispose',\n value: function dispose() {\n this.stopRequest();\n window$1.clearTimeout(this.mediaUpdateTimeout);\n }\n }, {\n key: 'stopRequest',\n value: function stopRequest() {\n if (this.request) {\n var oldRequest = this.request;\n\n this.request = null;\n oldRequest.onreadystatechange = null;\n oldRequest.abort();\n }\n }\n }, {\n key: 'media',\n value: function media(playlist) {\n // getter\n if (!playlist) {\n return this.media_;\n }\n\n // setter\n if (this.state === 'HAVE_NOTHING') {\n throw new Error('Cannot switch media playlist from ' + this.state);\n }\n\n var startingState = this.state;\n\n // find the playlist object if the target playlist has been specified by URI\n if (typeof playlist === 'string') {\n if (!this.master.playlists[playlist]) {\n throw new Error('Unknown playlist URI: ' + playlist);\n }\n playlist = this.master.playlists[playlist];\n }\n\n var mediaChange = !this.media_ || playlist.uri !== this.media_.uri;\n\n this.state = 'HAVE_METADATA';\n\n // switching to the active playlist is a no-op\n if (!mediaChange) {\n return;\n }\n\n // switching from an already loaded playlist\n if (this.media_) {\n this.trigger('mediachanging');\n }\n\n this.media_ = playlist;\n\n this.refreshMedia_();\n\n // trigger media change if the active media has been updated\n if (startingState !== 'HAVE_MASTER') {\n this.trigger('mediachange');\n }\n }\n }, {\n key: 'pause',\n value: function pause() {\n this.stopRequest();\n if (this.state === 'HAVE_NOTHING') {\n // If we pause the loader before any data has been retrieved, its as if we never\n // started, so reset to an unstarted state.\n this.started = false;\n }\n }\n }, {\n key: 'load',\n value: function load() {\n // because the playlists are internal to the manifest, load should either load the\n // main manifest, or do nothing but trigger an event\n if (!this.started) {\n this.start();\n return;\n }\n\n this.trigger('loadedplaylist');\n }\n\n /**\n * Parses the master xml string and updates playlist uri references\n *\n * @return {Object}\n * The parsed mpd manifest object\n */\n\n }, {\n key: 'parseMasterXml',\n value: function parseMasterXml() {\n var master = parse(this.masterXml_, {\n manifestUri: this.srcUrl,\n clientOffset: this.clientOffset_\n });\n\n master.uri = this.srcUrl;\n\n // Set up phony URIs for the playlists since we won't have external URIs for DASH\n // but reference playlists by their URI throughout the project\n // TODO: Should we create the dummy uris in mpd-parser as well (leaning towards yes).\n for (var i = 0; i < master.playlists.length; i++) {\n var phonyUri = 'placeholder-uri-' + i;\n\n master.playlists[i].uri = phonyUri;\n // set up by URI references\n master.playlists[phonyUri] = master.playlists[i];\n }\n\n // set up phony URIs for the media group playlists since we won't have external\n // URIs for DASH but reference playlists by their URI throughout the project\n forEachMediaGroup(master, function (properties, mediaType, groupKey, labelKey) {\n if (properties.playlists && properties.playlists.length) {\n var _phonyUri = 'placeholder-uri-' + mediaType + '-' + groupKey + '-' + labelKey;\n\n properties.playlists[0].uri = _phonyUri;\n // setup URI references\n master.playlists[_phonyUri] = properties.playlists[0];\n }\n });\n\n setupMediaPlaylists(master);\n resolveMediaGroupUris(master);\n\n return master;\n }\n }, {\n key: 'start',\n value: function start() {\n var _this2 = this;\n\n this.started = true;\n\n // request the specified URL\n this.request = this.hls_.xhr({\n uri: this.srcUrl,\n withCredentials: this.withCredentials\n }, function (error, req) {\n // disposed\n if (!_this2.request) {\n return;\n }\n\n // clear the loader's request reference\n _this2.request = null;\n\n if (error) {\n _this2.error = {\n status: req.status,\n message: 'DASH playlist request error at URL: ' + _this2.srcUrl,\n responseText: req.responseText,\n // MEDIA_ERR_NETWORK\n code: 2\n };\n if (_this2.state === 'HAVE_NOTHING') {\n _this2.started = false;\n }\n return _this2.trigger('error');\n }\n\n _this2.masterXml_ = req.responseText;\n\n if (req.responseHeaders && req.responseHeaders.date) {\n _this2.masterLoaded_ = Date.parse(req.responseHeaders.date);\n } else {\n _this2.masterLoaded_ = Date.now();\n }\n\n _this2.syncClientServerClock_(_this2.onClientServerClockSync_.bind(_this2));\n });\n }\n\n /**\n * Parses the master xml for UTCTiming node to sync the client clock to the server\n * clock. If the UTCTiming node requires a HEAD or GET request, that request is made.\n *\n * @param {Function} done\n * Function to call when clock sync has completed\n */\n\n }, {\n key: 'syncClientServerClock_',\n value: function syncClientServerClock_(done) {\n var _this3 = this;\n\n var utcTiming = parseUTCTiming(this.masterXml_);\n\n // No UTCTiming element found in the mpd. Use Date header from mpd request as the\n // server clock\n if (utcTiming === null) {\n this.clientOffset_ = this.masterLoaded_ - Date.now();\n return done();\n }\n\n if (utcTiming.method === 'DIRECT') {\n this.clientOffset_ = utcTiming.value - Date.now();\n return done();\n }\n\n this.request = this.hls_.xhr({\n uri: resolveUrl(this.srcUrl, utcTiming.value),\n method: utcTiming.method,\n withCredentials: this.withCredentials\n }, function (error, req) {\n // disposed\n if (!_this3.request) {\n return;\n }\n\n if (error) {\n // sync request failed, fall back to using date header from mpd\n // TODO: log warning\n _this3.clientOffset_ = _this3.masterLoaded_ - Date.now();\n return done();\n }\n\n var serverTime = void 0;\n\n if (utcTiming.method === 'HEAD') {\n if (!req.responseHeaders || !req.responseHeaders.date) {\n // expected date header not preset, fall back to using date header from mpd\n // TODO: log warning\n serverTime = _this3.masterLoaded_;\n } else {\n serverTime = Date.parse(req.responseHeaders.date);\n }\n } else {\n serverTime = Date.parse(req.responseText);\n }\n\n _this3.clientOffset_ = serverTime - Date.now();\n\n done();\n });\n }\n\n /**\n * Handler for after client/server clock synchronization has happened. Sets up\n * xml refresh timer if specificed by the manifest.\n */\n\n }, {\n key: 'onClientServerClockSync_',\n value: function onClientServerClockSync_() {\n var _this4 = this;\n\n this.master = this.parseMasterXml();\n\n this.state = 'HAVE_MASTER';\n\n this.trigger('loadedplaylist');\n\n if (!this.media_) {\n // no media playlist was specifically selected so start\n // from the first listed one\n this.media(this.master.playlists[0]);\n }\n // trigger loadedmetadata to resolve setup of media groups\n // trigger async to mimic behavior of HLS, where it must request a playlist\n window$1.setTimeout(function () {\n _this4.trigger('loadedmetadata');\n }, 0);\n\n // TODO: minimumUpdatePeriod can have a value of 0. Currently the manifest will not\n // be refreshed when this is the case. The inter-op guide says that when the\n // minimumUpdatePeriod is 0, the manifest should outline all currently available\n // segments, but future segments may require an update. I think a good solution\n // would be to update the manifest at the same rate that the media playlists\n // are \"refreshed\", i.e. every targetDuration.\n if (this.master.minimumUpdatePeriod) {\n window$1.setTimeout(function () {\n _this4.trigger('minimumUpdatePeriod');\n }, this.master.minimumUpdatePeriod);\n }\n }\n\n /**\n * Sends request to refresh the master xml and updates the parsed master manifest\n * TODO: Does the client offset need to be recalculated when the xml is refreshed?\n */\n\n }, {\n key: 'refreshXml_',\n value: function refreshXml_() {\n var _this5 = this;\n\n this.request = this.hls_.xhr({\n uri: this.srcUrl,\n withCredentials: this.withCredentials\n }, function (error, req) {\n // disposed\n if (!_this5.request) {\n return;\n }\n\n // clear the loader's request reference\n _this5.request = null;\n\n if (error) {\n _this5.error = {\n status: req.status,\n message: 'DASH playlist request error at URL: ' + _this5.srcUrl,\n responseText: req.responseText,\n // MEDIA_ERR_NETWORK\n code: 2\n };\n if (_this5.state === 'HAVE_NOTHING') {\n _this5.started = false;\n }\n return _this5.trigger('error');\n }\n\n _this5.masterXml_ = req.responseText;\n\n var newMaster = _this5.parseMasterXml();\n\n _this5.master = updateMaster$1(_this5.master, newMaster);\n\n window$1.setTimeout(function () {\n _this5.trigger('minimumUpdatePeriod');\n }, _this5.master.minimumUpdatePeriod);\n });\n }\n\n /**\n * Refreshes the media playlist by re-parsing the master xml and updating playlist\n * references. If this is an alternate loader, the updated parsed manifest is retrieved\n * from the master loader.\n */\n\n }, {\n key: 'refreshMedia_',\n value: function refreshMedia_() {\n var _this6 = this;\n\n var oldMaster = void 0;\n var newMaster = void 0;\n\n if (this.masterPlaylistLoader_) {\n oldMaster = this.masterPlaylistLoader_.master;\n newMaster = this.masterPlaylistLoader_.parseMasterXml();\n } else {\n oldMaster = this.master;\n newMaster = this.parseMasterXml();\n }\n\n var updatedMaster = updateMaster$1(oldMaster, newMaster);\n\n if (updatedMaster) {\n if (this.masterPlaylistLoader_) {\n this.masterPlaylistLoader_.master = updatedMaster;\n } else {\n this.master = updatedMaster;\n }\n this.media_ = updatedMaster.playlists[this.media_.uri];\n } else {\n this.trigger('playlistunchanged');\n }\n\n if (!this.media().endList) {\n this.mediaUpdateTimeout = window$1.setTimeout(function () {\n _this6.trigger('mediaupdatetimeout');\n }, refreshDelay(this.media(), !!updatedMaster));\n }\n\n this.trigger('loadedplaylist');\n }\n }]);\n return DashPlaylistLoader;\n}(EventTarget$1$1);\n\nvar logger = function logger(source) {\n if (videojs$1.log.debug) {\n return videojs$1.log.debug.bind(videojs$1, 'VHS:', source + ' >');\n }\n\n return function () {};\n};\n\nfunction noop() {}\n\n/**\n * @file source-updater.js\n */\n\n/**\n * A queue of callbacks to be serialized and applied when a\n * MediaSource and its associated SourceBuffers are not in the\n * updating state. It is used by the segment loader to update the\n * underlying SourceBuffers when new data is loaded, for instance.\n *\n * @class SourceUpdater\n * @param {MediaSource} mediaSource the MediaSource to create the\n * SourceBuffer from\n * @param {String} mimeType the desired MIME type of the underlying\n * SourceBuffer\n * @param {Object} sourceBufferEmitter an event emitter that fires when a source buffer is\n * added to the media source\n */\n\nvar SourceUpdater = function () {\n function SourceUpdater(mediaSource, mimeType, type, sourceBufferEmitter) {\n classCallCheck$1(this, SourceUpdater);\n\n this.callbacks_ = [];\n this.pendingCallback_ = null;\n this.timestampOffset_ = 0;\n this.mediaSource = mediaSource;\n this.processedAppend_ = false;\n this.type_ = type;\n this.mimeType_ = mimeType;\n this.logger_ = logger('SourceUpdater[' + type + '][' + mimeType + ']');\n\n if (mediaSource.readyState === 'closed') {\n mediaSource.addEventListener('sourceopen', this.createSourceBuffer_.bind(this, mimeType, sourceBufferEmitter));\n } else {\n this.createSourceBuffer_(mimeType, sourceBufferEmitter);\n }\n }\n\n createClass$1(SourceUpdater, [{\n key: 'createSourceBuffer_',\n value: function createSourceBuffer_(mimeType, sourceBufferEmitter) {\n var _this = this;\n\n this.sourceBuffer_ = this.mediaSource.addSourceBuffer(mimeType);\n\n this.logger_('created SourceBuffer');\n\n if (sourceBufferEmitter) {\n sourceBufferEmitter.trigger('sourcebufferadded');\n\n if (this.mediaSource.sourceBuffers.length < 2) {\n // There's another source buffer we must wait for before we can start updating\n // our own (or else we can get into a bad state, i.e., appending video/audio data\n // before the other video/audio source buffer is available and leading to a video\n // or audio only buffer).\n sourceBufferEmitter.on('sourcebufferadded', function () {\n _this.start_();\n });\n return;\n }\n }\n\n this.start_();\n }\n }, {\n key: 'start_',\n value: function start_() {\n var _this2 = this;\n\n this.started_ = true;\n\n // run completion handlers and process callbacks as updateend\n // events fire\n this.onUpdateendCallback_ = function () {\n var pendingCallback = _this2.pendingCallback_;\n\n _this2.pendingCallback_ = null;\n\n _this2.logger_('buffered [' + printableRange(_this2.buffered()) + ']');\n\n if (pendingCallback) {\n pendingCallback();\n }\n\n _this2.runCallback_();\n };\n\n this.sourceBuffer_.addEventListener('updateend', this.onUpdateendCallback_);\n\n this.runCallback_();\n }\n\n /**\n * Aborts the current segment and resets the segment parser.\n *\n * @param {Function} done function to call when done\n * @see http://w3c.github.io/media-source/#widl-SourceBuffer-abort-void\n */\n\n }, {\n key: 'abort',\n value: function abort(done) {\n var _this3 = this;\n\n if (this.processedAppend_) {\n this.queueCallback_(function () {\n _this3.sourceBuffer_.abort();\n }, done);\n }\n }\n\n /**\n * Queue an update to append an ArrayBuffer.\n *\n * @param {ArrayBuffer} bytes\n * @param {Function} done the function to call when done\n * @see http://www.w3.org/TR/media-source/#widl-SourceBuffer-appendBuffer-void-ArrayBuffer-data\n */\n\n }, {\n key: 'appendBuffer',\n value: function appendBuffer(bytes, done) {\n var _this4 = this;\n\n this.processedAppend_ = true;\n this.queueCallback_(function () {\n _this4.sourceBuffer_.appendBuffer(bytes);\n }, done);\n }\n\n /**\n * Indicates what TimeRanges are buffered in the managed SourceBuffer.\n *\n * @see http://www.w3.org/TR/media-source/#widl-SourceBuffer-buffered\n */\n\n }, {\n key: 'buffered',\n value: function buffered() {\n if (!this.sourceBuffer_) {\n return videojs$1.createTimeRanges();\n }\n return this.sourceBuffer_.buffered;\n }\n\n /**\n * Queue an update to remove a time range from the buffer.\n *\n * @param {Number} start where to start the removal\n * @param {Number} end where to end the removal\n * @param {Function} [done=noop] optional callback to be executed when the remove\n * operation is complete\n * @see http://www.w3.org/TR/media-source/#widl-SourceBuffer-remove-void-double-start-unrestricted-double-end\n */\n\n }, {\n key: 'remove',\n value: function remove(start, end) {\n var _this5 = this;\n\n var done = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : noop;\n\n if (this.processedAppend_) {\n this.queueCallback_(function () {\n _this5.logger_('remove [' + start + ' => ' + end + ']');\n _this5.sourceBuffer_.remove(start, end);\n }, done);\n }\n }\n\n /**\n * Whether the underlying sourceBuffer is updating or not\n *\n * @return {Boolean} the updating status of the SourceBuffer\n */\n\n }, {\n key: 'updating',\n value: function updating() {\n return !this.sourceBuffer_ || this.sourceBuffer_.updating || this.pendingCallback_;\n }\n\n /**\n * Set/get the timestampoffset on the SourceBuffer\n *\n * @return {Number} the timestamp offset\n */\n\n }, {\n key: 'timestampOffset',\n value: function timestampOffset(offset) {\n var _this6 = this;\n\n if (typeof offset !== 'undefined') {\n this.queueCallback_(function () {\n _this6.sourceBuffer_.timestampOffset = offset;\n });\n this.timestampOffset_ = offset;\n }\n return this.timestampOffset_;\n }\n\n /**\n * Queue a callback to run\n */\n\n }, {\n key: 'queueCallback_',\n value: function queueCallback_(callback, done) {\n this.callbacks_.push([callback.bind(this), done]);\n this.runCallback_();\n }\n\n /**\n * Run a queued callback\n */\n\n }, {\n key: 'runCallback_',\n value: function runCallback_() {\n var callbacks = void 0;\n\n if (!this.updating() && this.callbacks_.length && this.started_) {\n callbacks = this.callbacks_.shift();\n this.pendingCallback_ = callbacks[1];\n callbacks[0]();\n }\n }\n\n /**\n * dispose of the source updater and the underlying sourceBuffer\n */\n\n }, {\n key: 'dispose',\n value: function dispose() {\n this.sourceBuffer_.removeEventListener('updateend', this.onUpdateendCallback_);\n if (this.sourceBuffer_ && this.mediaSource.readyState === 'open') {\n this.sourceBuffer_.abort();\n }\n }\n }]);\n return SourceUpdater;\n}();\n\nvar Config = {\n GOAL_BUFFER_LENGTH: 30,\n MAX_GOAL_BUFFER_LENGTH: 60,\n GOAL_BUFFER_LENGTH_RATE: 1,\n // A fudge factor to apply to advertised playlist bitrates to account for\n // temporary flucations in client bandwidth\n BANDWIDTH_VARIANCE: 1.2,\n // How much of the buffer must be filled before we consider upswitching\n BUFFER_LOW_WATER_LINE: 0,\n MAX_BUFFER_LOW_WATER_LINE: 30,\n BUFFER_LOW_WATER_LINE_RATE: 1\n};\n\n/**\n * @file key.js\n *\n *\n * Store the unique key for the video data;\n * @type {Object}\n * @private\n */\n\nvar keyObject = {\n uri: '',\n keyData: {}\n};\n\n/**\n * Test if wo have stored the key\n *\n * @param {String} The uri of the key which we need to load;\n * @return {Boolean} do we have stored the key which we want to load;\n * @function getStoredKey\n */\nfunction getStoredKey(uri) {\n if (keyObject.uri === uri) {\n return keyObject.keyData[uri];\n }\n return false;\n}\n\n/**\n * Store the key and uri\n * @param {String} uri The uri of the key\n * @param {Unit32Array} key The data of key in Uint32Array Typed Array\n */\nfunction setStoredKey(uri, key) {\n keyObject.uri = uri;\n keyObject.keyData = {};\n keyObject.keyData[uri] = key;\n}\n\nvar REQUEST_ERRORS = {\n FAILURE: 2,\n TIMEOUT: -101,\n ABORTED: -102\n};\n\n/**\n * Turns segment byterange into a string suitable for use in\n * HTTP Range requests\n *\n * @param {Object} byterange - an object with two values defining the start and end\n * of a byte-range\n */\nvar byterangeStr = function byterangeStr(byterange) {\n var byterangeStart = void 0;\n var byterangeEnd = void 0;\n\n // `byterangeEnd` is one less than `offset + length` because the HTTP range\n // header uses inclusive ranges\n byterangeEnd = byterange.offset + byterange.length - 1;\n byterangeStart = byterange.offset;\n return 'bytes=' + byterangeStart + '-' + byterangeEnd;\n};\n\n/**\n * Defines headers for use in the xhr request for a particular segment.\n *\n * @param {Object} segment - a simplified copy of the segmentInfo object\n * from SegmentLoader\n */\nvar segmentXhrHeaders = function segmentXhrHeaders(segment) {\n var headers = {};\n\n if (segment.byterange) {\n headers.Range = byterangeStr(segment.byterange);\n }\n return headers;\n};\n\n/**\n * Abort all requests\n *\n * @param {Object} activeXhrs - an object that tracks all XHR requests\n */\nvar abortAll = function abortAll(activeXhrs) {\n activeXhrs.forEach(function (xhr$$1) {\n xhr$$1.abort();\n });\n};\n\n/**\n * Gather important bandwidth stats once a request has completed\n *\n * @param {Object} request - the XHR request from which to gather stats\n */\nvar getRequestStats = function getRequestStats(request) {\n return {\n bandwidth: request.bandwidth,\n bytesReceived: request.bytesReceived || 0,\n roundTripTime: request.roundTripTime || 0\n };\n};\n\n/**\n * If possible gather bandwidth stats as a request is in\n * progress\n *\n * @param {Event} progressEvent - an event object from an XHR's progress event\n */\nvar getProgressStats = function getProgressStats(progressEvent) {\n var request = progressEvent.target;\n var roundTripTime = Date.now() - request.requestTime;\n var stats = {\n bandwidth: Infinity,\n bytesReceived: 0,\n roundTripTime: roundTripTime || 0\n };\n\n stats.bytesReceived = progressEvent.loaded;\n // This can result in Infinity if stats.roundTripTime is 0 but that is ok\n // because we should only use bandwidth stats on progress to determine when\n // abort a request early due to insufficient bandwidth\n stats.bandwidth = Math.floor(stats.bytesReceived / stats.roundTripTime * 8 * 1000);\n\n return stats;\n};\n\n/**\n * Handle all error conditions in one place and return an object\n * with all the information\n *\n * @param {Error|null} error - if non-null signals an error occured with the XHR\n * @param {Object} request - the XHR request that possibly generated the error\n */\nvar handleErrors = function handleErrors(error, request) {\n if (request.timedout) {\n return {\n status: request.status,\n message: 'HLS request timed-out at URL: ' + request.uri,\n code: REQUEST_ERRORS.TIMEOUT,\n xhr: request\n };\n }\n\n if (request.aborted) {\n return {\n status: request.status,\n message: 'HLS request aborted at URL: ' + request.uri,\n code: REQUEST_ERRORS.ABORTED,\n xhr: request\n };\n }\n\n if (error) {\n return {\n status: request.status,\n message: 'HLS request errored at URL: ' + request.uri,\n code: REQUEST_ERRORS.FAILURE,\n xhr: request\n };\n }\n\n return null;\n};\n\n/**\n * Handle responses for key data and convert the key data to the correct format\n * for the decryption step later\n *\n * @param {Object} segment - a simplified copy of the segmentInfo object\n * from SegmentLoader\n * @param {Function} finishProcessingFn - a callback to execute to continue processing\n * this request\n */\nvar handleKeyResponse = function handleKeyResponse(segment, finishProcessingFn, self) {\n return function (error, request) {\n var response = request.response;\n setStoredKey(segment.key.resolvedUri, response);\n var errorObj = handleErrors(error, request);\n var hex2str = function hex2str(str) {\n var hex = str,\n bytes = [];\n for (var i = 0; i < hex.length - 1; i += 2) {\n bytes.push(parseInt(hex.substr(i, 2), 16));\n }\n return String.fromCharCode.apply(String, bytes);\n };\n var str2ab = function str2ab(str) {\n var array = new Uint8Array(str.length);\n for (var i = 0; i < str.length; i++) {\n array[i] = str.charCodeAt(i);\n }\n return array.buffer;\n };\n var decrypt$$1 = function decrypt$$1(response) {\n var decryptKey = function decryptKey(value, key, iv) {\n return CryptoJS.AES.decrypt(CryptoJS.lib.CipherParams.create({ ciphertext: CryptoJS.enc.Hex.parse(value) }), CryptoJS.enc.Hex.parse(key), {\n iv: CryptoJS.enc.Hex.parse(iv)\n });\n };\n var key = self.hls_.options_.customDrm.keys;\n if (typeof key === 'string') {\n key = atob(key).split(',');\n key = decryptKey(key[0], key[1], key[2]);\n return decryptKey(response, key.toString(CryptoJS.enc.Hex).substr(0, 64), key.toString(CryptoJS.enc.Hex).substr(64, 96)).toString(CryptoJS.enc.Utf8);\n }\n return null;\n };\n\n if (errorObj) {\n return finishProcessingFn(errorObj, segment);\n }\n\n if (typeof response === 'string') {\n response = decrypt$$1(response);\n response = response.replace(/\"/g, \"\").toString();\n response = hex2str(response);\n response = str2ab(response);\n }\n if ((typeof response === 'undefined' ? 'undefined' : _typeof(response)) === 'object' && response.constructor.name === 'ArrayBuffer' && response.byteLength !== 16) {\n return finishProcessingFn({\n status: request.status,\n message: 'Invalid HLS key at URL: ' + request.uri,\n code: REQUEST_ERRORS.FAILURE,\n xhr: request\n }, segment);\n }\n\n var view = new DataView(response);\n segment.key.bytes = new Uint32Array([view.getUint32(0), view.getUint32(4), view.getUint32(8), view.getUint32(12)]);\n return finishProcessingFn(null, segment);\n };\n};\n\n/**\n * Handle init-segment responses\n *\n * @param {Object} segment - a simplified copy of the segmentInfo object\n * from SegmentLoader\n * @param {Function} finishProcessingFn - a callback to execute to continue processing\n * this request\n */\nvar handleInitSegmentResponse = function handleInitSegmentResponse(segment, captionParser, finishProcessingFn) {\n return function (error, request) {\n var response = request.response;\n var errorObj = handleErrors(error, request);\n\n if (errorObj) {\n return finishProcessingFn(errorObj, segment);\n }\n\n // stop processing if received empty content\n if (response.byteLength === 0) {\n return finishProcessingFn({\n status: request.status,\n message: 'Empty HLS segment content at URL: ' + request.uri,\n code: REQUEST_ERRORS.FAILURE,\n xhr: request\n }, segment);\n }\n\n segment.map.bytes = new Uint8Array(request.response);\n\n // Initialize CaptionParser if it hasn't been yet\n if (!captionParser.isInitialized()) {\n captionParser.init();\n }\n\n segment.map.timescales = mp4probe$1.timescale(segment.map.bytes);\n segment.map.videoTrackIds = mp4probe$1.videoTrackIds(segment.map.bytes);\n\n return finishProcessingFn(null, segment);\n };\n};\n\n/**\n * Response handler for segment-requests being sure to set the correct\n * property depending on whether the segment is encryped or not\n * Also records and keeps track of stats that are used for ABR purposes\n *\n * @param {Object} segment - a simplified copy of the segmentInfo object\n * from SegmentLoader\n * @param {Function} finishProcessingFn - a callback to execute to continue processing\n * this request\n */\nvar handleSegmentResponse = function handleSegmentResponse(segment, captionParser, finishProcessingFn) {\n return function (error, request) {\n var response = request.response;\n var errorObj = handleErrors(error, request);\n var parsed = void 0;\n\n if (errorObj) {\n return finishProcessingFn(errorObj, segment);\n }\n\n // stop processing if received empty content\n if (response.byteLength === 0) {\n return finishProcessingFn({\n status: request.status,\n message: 'Empty HLS segment content at URL: ' + request.uri,\n code: REQUEST_ERRORS.FAILURE,\n xhr: request\n }, segment);\n }\n\n segment.stats = getRequestStats(request);\n\n if (segment.key) {\n segment.encryptedBytes = new Uint8Array(request.response);\n } else {\n segment.bytes = new Uint8Array(request.response);\n }\n\n // This is likely an FMP4 and has the init segment.\n // Run through the CaptionParser in case there are captions.\n if (segment.map && segment.map.bytes) {\n // Initialize CaptionParser if it hasn't been yet\n if (!captionParser.isInitialized()) {\n captionParser.init();\n }\n\n parsed = captionParser.parse(segment.bytes, segment.map.videoTrackIds, segment.map.timescales);\n\n if (parsed && parsed.captions) {\n segment.captionStreams = parsed.captionStreams;\n segment.fmp4Captions = parsed.captions;\n }\n }\n\n return finishProcessingFn(null, segment);\n };\n};\n\n/**\n * Decrypt the segment via the decryption web worker\n *\n * @param {WebWorker} decrypter - a WebWorker interface to AES-128 decryption routines\n * @param {Object} segment - a simplified copy of the segmentInfo object\n * from SegmentLoader\n * @param {Function} doneFn - a callback that is executed after decryption has completed\n */\nvar decryptSegment = function decryptSegment(decrypter, segment, doneFn) {\n var decryptionHandler = function decryptionHandler(event) {\n if (event.data.source === segment.requestId) {\n decrypter.removeEventListener('message', decryptionHandler);\n var decrypted = event.data.decrypted;\n\n segment.bytes = new Uint8Array(decrypted.bytes, decrypted.byteOffset, decrypted.byteLength);\n return doneFn(null, segment);\n }\n };\n\n decrypter.addEventListener('message', decryptionHandler);\n\n // this is an encrypted segment\n // incrementally decrypt the segment\n decrypter.postMessage(createTransferableMessage({\n source: segment.requestId,\n encrypted: segment.encryptedBytes,\n key: segment.key.bytes,\n iv: segment.key.iv\n }), [segment.encryptedBytes.buffer, segment.key.bytes.buffer]);\n};\n\n/**\n * The purpose of this function is to get the most pertinent error from the\n * array of errors.\n * For instance if a timeout and two aborts occur, then the aborts were\n * likely triggered by the timeout so return that error object.\n */\nvar getMostImportantError = function getMostImportantError(errors) {\n return errors.reduce(function (prev, err) {\n return err.code > prev.code ? err : prev;\n });\n};\n\n/**\n * This function waits for all XHRs to finish (with either success or failure)\n * before continueing processing via it's callback. The function gathers errors\n * from each request into a single errors array so that the error status for\n * each request can be examined later.\n *\n * @param {Object} activeXhrs - an object that tracks all XHR requests\n * @param {WebWorker} decrypter - a WebWorker interface to AES-128 decryption routines\n * @param {Function} doneFn - a callback that is executed after all resources have been\n * downloaded and any decryption completed\n */\nvar waitForCompletion = function waitForCompletion(activeXhrs, decrypter, doneFn) {\n var errors = [];\n var count = 0;\n\n return function (error, segment) {\n if (error) {\n // If there are errors, we have to abort any outstanding requests\n abortAll(activeXhrs);\n errors.push(error);\n }\n count += 1;\n\n if (count === activeXhrs.length) {\n // Keep track of when *all* of the requests have completed\n segment.endOfAllRequests = Date.now();\n\n if (errors.length > 0) {\n var worstError = getMostImportantError(errors);\n\n return doneFn(worstError, segment);\n }\n if (segment.encryptedBytes) {\n return decryptSegment(decrypter, segment, doneFn);\n }\n // Otherwise, everything is ready just continue\n return doneFn(null, segment);\n }\n };\n};\n\n/**\n * Simple progress event callback handler that gathers some stats before\n * executing a provided callback with the `segment` object\n *\n * @param {Object} segment - a simplified copy of the segmentInfo object\n * from SegmentLoader\n * @param {Function} progressFn - a callback that is executed each time a progress event\n * is received\n * @param {Event} event - the progress event object from XMLHttpRequest\n */\nvar handleProgress = function handleProgress(segment, progressFn) {\n return function (event) {\n segment.stats = videojs$1.mergeOptions(segment.stats, getProgressStats(event));\n\n // record the time that we receive the first byte of data\n if (!segment.stats.firstBytesReceivedAt && segment.stats.bytesReceived) {\n segment.stats.firstBytesReceivedAt = Date.now();\n }\n\n return progressFn(event, segment);\n };\n};\n\n/**\n * Load all resources and does any processing necessary for a media-segment\n *\n * Features:\n * decrypts the media-segment if it has a key uri and an iv\n * aborts *all* requests if *any* one request fails\n *\n * The segment object, at minimum, has the following format:\n * {\n * resolvedUri: String,\n * [byterange]: {\n * offset: Number,\n * length: Number\n * },\n * [key]: {\n * resolvedUri: String\n * [byterange]: {\n * offset: Number,\n * length: Number\n * },\n * iv: {\n * bytes: Uint32Array\n * }\n * },\n * [map]: {\n * resolvedUri: String,\n * [byterange]: {\n * offset: Number,\n * length: Number\n * },\n * [bytes]: Uint8Array\n * }\n * }\n * ...where [name] denotes optional properties\n *\n * @param {Function} xhr - an instance of the xhr wrapper in xhr.js\n * @param {Object} xhrOptions - the base options to provide to all xhr requests\n * @param {WebWorker} decryptionWorker - a WebWorker interface to AES-128\n * decryption routines\n * @param {Object} segment - a simplified copy of the segmentInfo object\n * from SegmentLoader\n * @param {Function} progressFn - a callback that receives progress events from the main\n * segment's xhr request\n * @param {Function} doneFn - a callback that is executed only once all requests have\n * succeeded or failed\n * @returns {Function} a function that, when invoked, immediately aborts all\n * outstanding requests\n */\nvar customXhr = function XhrFunction(options, callback) {\n var bytes = getStoredKey(options);\n var request = {};\n request.response = bytes;\n callback(null, request);\n};\nvar mediaSegmentRequest = function mediaSegmentRequest(xhr$$1, xhrOptions, decryptionWorker, captionParser, segment, progressFn, doneFn, self) {\n var activeXhrs = [];\n var finishProcessingFn = waitForCompletion(activeXhrs, decryptionWorker, doneFn);\n\n // optionally, request the decryption key\n if (segment.key) {\n var keyRequestOptions = videojs$1.mergeOptions(xhrOptions, {\n uri: self.hls_.options_.customDrm && self.hls_.options_.customDrm.uri ? self.hls_.options_.customDrm.uri : segment.key.resolvedUri,\n responseType: self.hls_.options_.customDrm ? 'plain' : 'arraybuffer'\n });\n var keyRequestCallback = handleKeyResponse(segment, finishProcessingFn, self);\n var bytes = getStoredKey(segment.key.resolvedUri);\n if (bytes) {\n var keyXhr = customXhr(segment.key.resolvedUri, keyRequestCallback);\n } else {\n var keyXhr = xhr$$1(keyRequestOptions, keyRequestCallback);\n }\n activeXhrs.push(keyXhr);\n }\n\n // optionally, request the associated media init segment\n if (segment.map && !segment.map.bytes) {\n var initSegmentOptions = videojs$1.mergeOptions(xhrOptions, {\n uri: segment.map.resolvedUri,\n responseType: 'arraybuffer',\n headers: segmentXhrHeaders(segment.map)\n });\n var initSegmentRequestCallback = handleInitSegmentResponse(segment, captionParser, finishProcessingFn);\n var initSegmentXhr = xhr$$1(initSegmentOptions, initSegmentRequestCallback);\n\n activeXhrs.push(initSegmentXhr);\n }\n\n var segmentRequestOptions = videojs$1.mergeOptions(xhrOptions, {\n uri: segment.resolvedUri,\n responseType: 'arraybuffer',\n headers: segmentXhrHeaders(segment)\n });\n var segmentRequestCallback = handleSegmentResponse(segment, captionParser, finishProcessingFn);\n var segmentXhr = xhr$$1(segmentRequestOptions, segmentRequestCallback);\n\n segmentXhr.addEventListener('progress', handleProgress(segment, progressFn));\n activeXhrs.push(segmentXhr);\n\n return function () {\n return abortAll(activeXhrs);\n };\n};\n\n// Utilities\n\n/**\n * Returns the CSS value for the specified property on an element\n * using `getComputedStyle`. Firefox has a long-standing issue where\n * getComputedStyle() may return null when running in an iframe with\n * `display: none`.\n *\n * @see https://bugzilla.mozilla.org/show_bug.cgi?id=548397\n * @param {HTMLElement} el the htmlelement to work on\n * @param {string} the proprety to get the style for\n */\nvar safeGetComputedStyle = function safeGetComputedStyle(el, property) {\n var result = void 0;\n\n if (!el) {\n return '';\n }\n\n result = window$1.getComputedStyle(el);\n if (!result) {\n return '';\n }\n\n return result[property];\n};\n\n/**\n * Resuable stable sort function\n *\n * @param {Playlists} array\n * @param {Function} sortFn Different comparators\n * @function stableSort\n */\nvar stableSort = function stableSort(array, sortFn) {\n var newArray = array.slice();\n\n array.sort(function (left, right) {\n var cmp = sortFn(left, right);\n\n if (cmp === 0) {\n return newArray.indexOf(left) - newArray.indexOf(right);\n }\n return cmp;\n });\n};\n\n/**\n * A comparator function to sort two playlist object by bandwidth.\n *\n * @param {Object} left a media playlist object\n * @param {Object} right a media playlist object\n * @return {Number} Greater than zero if the bandwidth attribute of\n * left is greater than the corresponding attribute of right. Less\n * than zero if the bandwidth of right is greater than left and\n * exactly zero if the two are equal.\n */\nvar comparePlaylistBandwidth = function comparePlaylistBandwidth(left, right) {\n var leftBandwidth = void 0;\n var rightBandwidth = void 0;\n\n if (left.attributes.BANDWIDTH) {\n leftBandwidth = left.attributes.BANDWIDTH;\n }\n leftBandwidth = leftBandwidth || window$1.Number.MAX_VALUE;\n if (right.attributes.BANDWIDTH) {\n rightBandwidth = right.attributes.BANDWIDTH;\n }\n rightBandwidth = rightBandwidth || window$1.Number.MAX_VALUE;\n\n return leftBandwidth - rightBandwidth;\n};\n\n/**\n * A comparator function to sort two playlist object by resolution (width).\n * @param {Object} left a media playlist object\n * @param {Object} right a media playlist object\n * @return {Number} Greater than zero if the resolution.width attribute of\n * left is greater than the corresponding attribute of right. Less\n * than zero if the resolution.width of right is greater than left and\n * exactly zero if the two are equal.\n */\nvar comparePlaylistResolution = function comparePlaylistResolution(left, right) {\n var leftWidth = void 0;\n var rightWidth = void 0;\n\n if (left.attributes.RESOLUTION && left.attributes.RESOLUTION.width) {\n leftWidth = left.attributes.RESOLUTION.width;\n }\n\n leftWidth = leftWidth || window$1.Number.MAX_VALUE;\n\n if (right.attributes.RESOLUTION && right.attributes.RESOLUTION.width) {\n rightWidth = right.attributes.RESOLUTION.width;\n }\n\n rightWidth = rightWidth || window$1.Number.MAX_VALUE;\n\n // NOTE - Fallback to bandwidth sort as appropriate in cases where multiple renditions\n // have the same media dimensions/ resolution\n if (leftWidth === rightWidth && left.attributes.BANDWIDTH && right.attributes.BANDWIDTH) {\n return left.attributes.BANDWIDTH - right.attributes.BANDWIDTH;\n }\n return leftWidth - rightWidth;\n};\n\n/**\n * Chooses the appropriate media playlist based on bandwidth and player size\n *\n * @param {Object} master\n * Object representation of the master manifest\n * @param {Number} playerBandwidth\n * Current calculated bandwidth of the player\n * @param {Number} playerWidth\n * Current width of the player element\n * @param {Number} playerHeight\n * Current height of the player element\n * @return {Playlist} the highest bitrate playlist less than the\n * currently detected bandwidth, accounting for some amount of\n * bandwidth variance\n */\nvar simpleSelector = function simpleSelector(master, playerBandwidth, playerWidth, playerHeight) {\n // convert the playlists to an intermediary representation to make comparisons easier\n var sortedPlaylistReps = master.playlists.map(function (playlist) {\n var width = void 0;\n var height = void 0;\n var bandwidth = void 0;\n\n width = playlist.attributes.RESOLUTION && playlist.attributes.RESOLUTION.width;\n height = playlist.attributes.RESOLUTION && playlist.attributes.RESOLUTION.height;\n bandwidth = playlist.attributes.BANDWIDTH;\n\n bandwidth = bandwidth || window$1.Number.MAX_VALUE;\n\n return {\n bandwidth: bandwidth,\n width: width,\n height: height,\n playlist: playlist\n };\n });\n\n stableSort(sortedPlaylistReps, function (left, right) {\n return left.bandwidth - right.bandwidth;\n });\n\n // filter out any playlists that have been excluded due to\n // incompatible configurations\n sortedPlaylistReps = sortedPlaylistReps.filter(function (rep) {\n return !Playlist.isIncompatible(rep.playlist);\n });\n\n // filter out any playlists that have been disabled manually through the representations\n // api or blacklisted temporarily due to playback errors.\n var enabledPlaylistReps = sortedPlaylistReps.filter(function (rep) {\n return Playlist.isEnabled(rep.playlist);\n });\n\n if (!enabledPlaylistReps.length) {\n // if there are no enabled playlists, then they have all been blacklisted or disabled\n // by the user through the representations api. In this case, ignore blacklisting and\n // fallback to what the user wants by using playlists the user has not disabled.\n enabledPlaylistReps = sortedPlaylistReps.filter(function (rep) {\n return !Playlist.isDisabled(rep.playlist);\n });\n }\n\n // filter out any variant that has greater effective bitrate\n // than the current estimated bandwidth\n var bandwidthPlaylistReps = enabledPlaylistReps.filter(function (rep) {\n return rep.bandwidth * Config.BANDWIDTH_VARIANCE < playerBandwidth;\n });\n\n var highestRemainingBandwidthRep = bandwidthPlaylistReps[bandwidthPlaylistReps.length - 1];\n\n // get all of the renditions with the same (highest) bandwidth\n // and then taking the very first element\n var bandwidthBestRep = bandwidthPlaylistReps.filter(function (rep) {\n return rep.bandwidth === highestRemainingBandwidthRep.bandwidth;\n })[0];\n\n // filter out playlists without resolution information\n var haveResolution = bandwidthPlaylistReps.filter(function (rep) {\n return rep.width && rep.height;\n });\n\n // sort variants by resolution\n stableSort(haveResolution, function (left, right) {\n return left.width - right.width;\n });\n\n // if we have the exact resolution as the player use it\n var resolutionBestRepList = haveResolution.filter(function (rep) {\n return rep.width === playerWidth && rep.height === playerHeight;\n });\n\n highestRemainingBandwidthRep = resolutionBestRepList[resolutionBestRepList.length - 1];\n // ensure that we pick the highest bandwidth variant that have exact resolution\n var resolutionBestRep = resolutionBestRepList.filter(function (rep) {\n return rep.bandwidth === highestRemainingBandwidthRep.bandwidth;\n })[0];\n\n var resolutionPlusOneList = void 0;\n var resolutionPlusOneSmallest = void 0;\n var resolutionPlusOneRep = void 0;\n\n // find the smallest variant that is larger than the player\n // if there is no match of exact resolution\n if (!resolutionBestRep) {\n resolutionPlusOneList = haveResolution.filter(function (rep) {\n return rep.width > playerWidth || rep.height > playerHeight;\n });\n\n // find all the variants have the same smallest resolution\n resolutionPlusOneSmallest = resolutionPlusOneList.filter(function (rep) {\n return rep.width === resolutionPlusOneList[0].width && rep.height === resolutionPlusOneList[0].height;\n });\n\n // ensure that we also pick the highest bandwidth variant that\n // is just-larger-than the video player\n highestRemainingBandwidthRep = resolutionPlusOneSmallest[resolutionPlusOneSmallest.length - 1];\n resolutionPlusOneRep = resolutionPlusOneSmallest.filter(function (rep) {\n return rep.bandwidth === highestRemainingBandwidthRep.bandwidth;\n })[0];\n }\n\n // fallback chain of variants\n var chosenRep = resolutionPlusOneRep || resolutionBestRep || bandwidthBestRep || enabledPlaylistReps[0] || sortedPlaylistReps[0];\n\n return chosenRep ? chosenRep.playlist : null;\n};\n\n// Playlist Selectors\n\n/**\n * Chooses the appropriate media playlist based on the most recent\n * bandwidth estimate and the player size.\n *\n * Expects to be called within the context of an instance of HlsHandler\n *\n * @return {Playlist} the highest bitrate playlist less than the\n * currently detected bandwidth, accounting for some amount of\n * bandwidth variance\n */\nvar lastBandwidthSelector = function lastBandwidthSelector() {\n return simpleSelector(this.playlists.master, this.systemBandwidth, parseInt(safeGetComputedStyle(this.tech_.el(), 'width'), 10), parseInt(safeGetComputedStyle(this.tech_.el(), 'height'), 10));\n};\n\n/**\n * Chooses the appropriate media playlist based on the potential to rebuffer\n *\n * @param {Object} settings\n * Object of information required to use this selector\n * @param {Object} settings.master\n * Object representation of the master manifest\n * @param {Number} settings.currentTime\n * The current time of the player\n * @param {Number} settings.bandwidth\n * Current measured bandwidth\n * @param {Number} settings.duration\n * Duration of the media\n * @param {Number} settings.segmentDuration\n * Segment duration to be used in round trip time calculations\n * @param {Number} settings.timeUntilRebuffer\n * Time left in seconds until the player has to rebuffer\n * @param {Number} settings.currentTimeline\n * The current timeline segments are being loaded from\n * @param {SyncController} settings.syncController\n * SyncController for determining if we have a sync point for a given playlist\n * @return {Object|null}\n * {Object} return.playlist\n * The highest bandwidth playlist with the least amount of rebuffering\n * {Number} return.rebufferingImpact\n * The amount of time in seconds switching to this playlist will rebuffer. A\n * negative value means that switching will cause zero rebuffering.\n */\nvar minRebufferMaxBandwidthSelector = function minRebufferMaxBandwidthSelector(settings) {\n var master = settings.master,\n currentTime = settings.currentTime,\n bandwidth = settings.bandwidth,\n duration$$1 = settings.duration,\n segmentDuration = settings.segmentDuration,\n timeUntilRebuffer = settings.timeUntilRebuffer,\n currentTimeline = settings.currentTimeline,\n syncController = settings.syncController;\n\n // filter out any playlists that have been excluded due to\n // incompatible configurations\n\n var compatiblePlaylists = master.playlists.filter(function (playlist) {\n return !Playlist.isIncompatible(playlist);\n });\n\n // filter out any playlists that have been disabled manually through the representations\n // api or blacklisted temporarily due to playback errors.\n var enabledPlaylists = compatiblePlaylists.filter(Playlist.isEnabled);\n\n if (!enabledPlaylists.length) {\n // if there are no enabled playlists, then they have all been blacklisted or disabled\n // by the user through the representations api. In this case, ignore blacklisting and\n // fallback to what the user wants by using playlists the user has not disabled.\n enabledPlaylists = compatiblePlaylists.filter(function (playlist) {\n return !Playlist.isDisabled(playlist);\n });\n }\n\n var bandwidthPlaylists = enabledPlaylists.filter(Playlist.hasAttribute.bind(null, 'BANDWIDTH'));\n\n var rebufferingEstimates = bandwidthPlaylists.map(function (playlist) {\n var syncPoint = syncController.getSyncPoint(playlist, duration$$1, currentTimeline, currentTime);\n // If there is no sync point for this playlist, switching to it will require a\n // sync request first. This will double the request time\n var numRequests = syncPoint ? 1 : 2;\n var requestTimeEstimate = Playlist.estimateSegmentRequestTime(segmentDuration, bandwidth, playlist);\n var rebufferingImpact = requestTimeEstimate * numRequests - timeUntilRebuffer;\n\n return {\n playlist: playlist,\n rebufferingImpact: rebufferingImpact\n };\n });\n\n var noRebufferingPlaylists = rebufferingEstimates.filter(function (estimate) {\n return estimate.rebufferingImpact <= 0;\n });\n\n // Sort by bandwidth DESC\n stableSort(noRebufferingPlaylists, function (a, b) {\n return comparePlaylistBandwidth(b.playlist, a.playlist);\n });\n\n if (noRebufferingPlaylists.length) {\n return noRebufferingPlaylists[0];\n }\n\n stableSort(rebufferingEstimates, function (a, b) {\n return a.rebufferingImpact - b.rebufferingImpact;\n });\n\n return rebufferingEstimates[0] || null;\n};\n\n/**\n * Chooses the appropriate media playlist, which in this case is the lowest bitrate\n * one with video. If no renditions with video exist, return the lowest audio rendition.\n *\n * Expects to be called within the context of an instance of HlsHandler\n *\n * @return {Object|null}\n * {Object} return.playlist\n * The lowest bitrate playlist that contains a video codec. If no such rendition\n * exists pick the lowest audio rendition.\n */\nvar lowestBitrateCompatibleVariantSelector = function lowestBitrateCompatibleVariantSelector() {\n // filter out any playlists that have been excluded due to\n // incompatible configurations or playback errors\n var playlists = this.playlists.master.playlists.filter(Playlist.isEnabled);\n\n // Sort ascending by bitrate\n stableSort(playlists, function (a, b) {\n return comparePlaylistBandwidth(a, b);\n });\n\n // Parse and assume that playlists with no video codec have no video\n // (this is not necessarily true, although it is generally true).\n //\n // If an entire manifest has no valid videos everything will get filtered\n // out.\n var playlistsWithVideo = playlists.filter(function (playlist) {\n return parseCodecs(playlist.attributes.CODECS).videoCodec;\n });\n\n return playlistsWithVideo[0] || null;\n};\n\n/**\n * Create captions text tracks on video.js if they do not exist\n *\n * @param {Object} inbandTextTracks a reference to current inbandTextTracks\n * @param {Object} tech the video.js tech\n * @param {Object} captionStreams the caption streams to create\n * @private\n */\nvar createCaptionsTrackIfNotExists = function createCaptionsTrackIfNotExists(inbandTextTracks, tech, captionStreams) {\n for (var trackId in captionStreams) {\n if (!inbandTextTracks[trackId]) {\n tech.trigger({ type: 'usage', name: 'hls-608' });\n var track = tech.textTracks().getTrackById(trackId);\n\n if (track) {\n // Resuse an existing track with a CC# id because this was\n // very likely created by videojs-contrib-hls from information\n // in the m3u8 for us to use\n inbandTextTracks[trackId] = track;\n } else {\n // Otherwise, create a track with the default `CC#` label and\n // without a language\n inbandTextTracks[trackId] = tech.addRemoteTextTrack({\n kind: 'captions',\n id: trackId,\n label: trackId\n }, false).track;\n }\n }\n }\n};\n\nvar addCaptionData = function addCaptionData(_ref) {\n var inbandTextTracks = _ref.inbandTextTracks,\n captionArray = _ref.captionArray,\n timestampOffset = _ref.timestampOffset;\n\n if (!captionArray) {\n return;\n }\n\n var Cue = window.WebKitDataCue || window.VTTCue;\n\n captionArray.forEach(function (caption) {\n var track = caption.stream;\n var startTime = caption.startTime;\n var endTime = caption.endTime;\n\n if (!inbandTextTracks[track]) {\n return;\n }\n\n startTime += timestampOffset;\n endTime += timestampOffset;\n\n inbandTextTracks[track].addCue(new Cue(startTime, endTime, caption.text));\n });\n};\n\n/**\n * @file segment-loader.js\n */\n// in ms\nvar CHECK_BUFFER_DELAY = 500;\n\n/**\n * Determines if we should call endOfStream on the media source based\n * on the state of the buffer or if appened segment was the final\n * segment in the playlist.\n *\n * @param {Object} playlist a media playlist object\n * @param {Object} mediaSource the MediaSource object\n * @param {Number} segmentIndex the index of segment we last appended\n * @returns {Boolean} do we need to call endOfStream on the MediaSource\n */\nvar detectEndOfStream = function detectEndOfStream(playlist, mediaSource, segmentIndex) {\n if (!playlist || !mediaSource) {\n return false;\n }\n\n var segments = playlist.segments;\n\n // determine a few boolean values to help make the branch below easier\n // to read\n var appendedLastSegment = segmentIndex === segments.length;\n\n // if we've buffered to the end of the video, we need to call endOfStream\n // so that MediaSources can trigger the `ended` event when it runs out of\n // buffered data instead of waiting for me\n return playlist.endList && mediaSource.readyState === 'open' && appendedLastSegment;\n};\n\nvar finite = function finite(num) {\n return typeof num === 'number' && isFinite(num);\n};\n\nvar illegalMediaSwitch = function illegalMediaSwitch(loaderType, startingMedia, newSegmentMedia) {\n // Although these checks should most likely cover non 'main' types, for now it narrows\n // the scope of our checks.\n if (loaderType !== 'main' || !startingMedia || !newSegmentMedia) {\n return null;\n }\n\n if (!newSegmentMedia.containsAudio && !newSegmentMedia.containsVideo) {\n return 'Neither audio nor video found in segment.';\n }\n\n if (startingMedia.containsVideo && !newSegmentMedia.containsVideo) {\n return 'Only audio found in segment when we expected video.' + ' We can\\'t switch to audio only from a stream that had video.' + ' To get rid of this message, please add codec information to the manifest.';\n }\n\n if (!startingMedia.containsVideo && newSegmentMedia.containsVideo) {\n return 'Video found in segment when we expected only audio.' + ' We can\\'t switch to a stream with video from an audio only stream.' + ' To get rid of this message, please add codec information to the manifest.';\n }\n\n return null;\n};\n\n/**\n * Calculates a time value that is safe to remove from the back buffer without interupting\n * playback.\n *\n * @param {TimeRange} seekable\n * The current seekable range\n * @param {Number} currentTime\n * The current time of the player\n * @param {Number} targetDuration\n * The target duration of the current playlist\n * @return {Number}\n * Time that is safe to remove from the back buffer without interupting playback\n */\nvar safeBackBufferTrimTime = function safeBackBufferTrimTime(seekable$$1, currentTime, targetDuration) {\n var removeToTime = void 0;\n\n if (seekable$$1.length && seekable$$1.start(0) > 0 && seekable$$1.start(0) < currentTime) {\n // If we have a seekable range use that as the limit for what can be removed safely\n removeToTime = seekable$$1.start(0);\n } else {\n // otherwise remove anything older than 30 seconds before the current play head\n removeToTime = currentTime - 30;\n }\n\n // Don't allow removing from the buffer within target duration of current time\n // to avoid the possibility of removing the GOP currently being played which could\n // cause playback stalls.\n return Math.min(removeToTime, currentTime - targetDuration);\n};\n\nvar segmentInfoString = function segmentInfoString(segmentInfo) {\n var _segmentInfo$segment = segmentInfo.segment,\n start = _segmentInfo$segment.start,\n end = _segmentInfo$segment.end,\n _segmentInfo$playlist = segmentInfo.playlist,\n seq = _segmentInfo$playlist.mediaSequence,\n id = _segmentInfo$playlist.id,\n _segmentInfo$playlist2 = _segmentInfo$playlist.segments,\n segments = _segmentInfo$playlist2 === undefined ? [] : _segmentInfo$playlist2,\n index = segmentInfo.mediaIndex,\n timeline = segmentInfo.timeline;\n\n return ['appending [' + index + '] of [' + seq + ', ' + (seq + segments.length) + '] from playlist [' + id + ']', '[' + start + ' => ' + end + '] in timeline [' + timeline + ']'].join(' ');\n};\n\n/**\n * An object that manages segment loading and appending.\n *\n * @class SegmentLoader\n * @param {Object} options required and optional options\n * @extends videojs.EventTarget\n */\n\nvar SegmentLoader = function (_videojs$EventTarget) {\n inherits$1(SegmentLoader, _videojs$EventTarget);\n\n function SegmentLoader(settings) {\n classCallCheck$1(this, SegmentLoader);\n\n // check pre-conditions\n var _this = possibleConstructorReturn$1(this, (SegmentLoader.__proto__ || Object.getPrototypeOf(SegmentLoader)).call(this));\n\n if (!settings) {\n throw new TypeError('Initialization settings are required');\n }\n if (typeof settings.currentTime !== 'function') {\n throw new TypeError('No currentTime getter specified');\n }\n if (!settings.mediaSource) {\n throw new TypeError('No MediaSource specified');\n }\n // public properties\n _this.bandwidth = settings.bandwidth;\n _this.throughput = { rate: 0, count: 0 };\n _this.roundTrip = NaN;\n _this.resetStats_();\n _this.mediaIndex = null;\n\n // private settings\n _this.hasPlayed_ = settings.hasPlayed;\n _this.currentTime_ = settings.currentTime;\n _this.seekable_ = settings.seekable;\n _this.seeking_ = settings.seeking;\n _this.duration_ = settings.duration;\n _this.mediaSource_ = settings.mediaSource;\n _this.hls_ = settings.hls;\n _this.loaderType_ = settings.loaderType;\n _this.startingMedia_ = void 0;\n _this.segmentMetadataTrack_ = settings.segmentMetadataTrack;\n _this.goalBufferLength_ = settings.goalBufferLength;\n _this.sourceType_ = settings.sourceType;\n _this.inbandTextTracks_ = settings.inbandTextTracks;\n _this.state_ = 'INIT';\n\n // private instance variables\n _this.checkBufferTimeout_ = null;\n _this.error_ = void 0;\n _this.currentTimeline_ = -1;\n _this.pendingSegment_ = null;\n _this.mimeType_ = null;\n _this.sourceUpdater_ = null;\n _this.xhrOptions_ = null;\n\n // Fragmented mp4 playback\n _this.activeInitSegmentId_ = null;\n _this.initSegments_ = {};\n // Fmp4 CaptionParser\n _this.captionParser_ = new CaptionParser();\n\n _this.decrypter_ = settings.decrypter;\n\n // Manages the tracking and generation of sync-points, mappings\n // between a time in the display time and a segment index within\n // a playlist\n _this.syncController_ = settings.syncController;\n _this.syncPoint_ = {\n segmentIndex: 0,\n time: 0\n };\n\n _this.syncController_.on('syncinfoupdate', function () {\n return _this.trigger('syncinfoupdate');\n });\n\n _this.mediaSource_.addEventListener('sourceopen', function () {\n return _this.ended_ = false;\n });\n\n // ...for determining the fetch location\n _this.fetchAtBuffer_ = false;\n\n _this.logger_ = logger('SegmentLoader[' + _this.loaderType_ + ']');\n\n Object.defineProperty(_this, 'state', {\n get: function get$$1() {\n return this.state_;\n },\n set: function set$$1(newState) {\n if (newState !== this.state_) {\n this.logger_(this.state_ + ' -> ' + newState);\n this.state_ = newState;\n }\n }\n });\n return _this;\n }\n\n /**\n * reset all of our media stats\n *\n * @private\n */\n\n createClass$1(SegmentLoader, [{\n key: 'resetStats_',\n value: function resetStats_() {\n this.mediaBytesTransferred = 0;\n this.mediaRequests = 0;\n this.mediaRequestsAborted = 0;\n this.mediaRequestsTimedout = 0;\n this.mediaRequestsErrored = 0;\n this.mediaTransferDuration = 0;\n this.mediaSecondsLoaded = 0;\n }\n\n /**\n * dispose of the SegmentLoader and reset to the default state\n */\n\n }, {\n key: 'dispose',\n value: function dispose() {\n this.state = 'DISPOSED';\n this.pause();\n this.abort_();\n if (this.sourceUpdater_) {\n this.sourceUpdater_.dispose();\n }\n this.resetStats_();\n this.captionParser_.reset();\n }\n\n /**\n * abort anything that is currently doing on with the SegmentLoader\n * and reset to a default state\n */\n\n }, {\n key: 'abort',\n value: function abort() {\n if (this.state !== 'WAITING') {\n if (this.pendingSegment_) {\n this.pendingSegment_ = null;\n }\n return;\n }\n\n this.abort_();\n\n // We aborted the requests we were waiting on, so reset the loader's state to READY\n // since we are no longer \"waiting\" on any requests. XHR callback is not always run\n // when the request is aborted. This will prevent the loader from being stuck in the\n // WAITING state indefinitely.\n this.state = 'READY';\n\n // don't wait for buffer check timeouts to begin fetching the\n // next segment\n if (!this.paused()) {\n this.monitorBuffer_();\n }\n }\n\n /**\n * abort all pending xhr requests and null any pending segements\n *\n * @private\n */\n\n }, {\n key: 'abort_',\n value: function abort_() {\n if (this.xhr_) {\n this.xhr_.abort();\n }\n\n // clear out the segment being processed\n this.pendingSegment_ = null;\n }\n /**\n * set an error on the segment loader and null out any pending segements\n *\n * @param {Error} error the error to set on the SegmentLoader\n * @return {Error} the error that was set or that is currently set\n */\n\n }, {\n key: 'error',\n value: function error(_error) {\n if (typeof _error !== 'undefined') {\n this.error_ = _error;\n }\n\n this.pendingSegment_ = null;\n return this.error_;\n }\n }, {\n key: 'endOfStream',\n value: function endOfStream() {\n this.ended_ = true;\n this.pause();\n this.trigger('ended');\n }\n\n /**\n * Indicates which time ranges are buffered\n *\n * @return {TimeRange}\n * TimeRange object representing the current buffered ranges\n */\n\n }, {\n key: 'buffered_',\n value: function buffered_() {\n if (!this.sourceUpdater_) {\n return videojs$1.createTimeRanges();\n }\n\n return this.sourceUpdater_.buffered();\n }\n\n /**\n * Gets and sets init segment for the provided map\n *\n * @param {Object} map\n * The map object representing the init segment to get or set\n * @param {Boolean=} set\n * If true, the init segment for the provided map should be saved\n * @return {Object}\n * map object for desired init segment\n */\n\n }, {\n key: 'initSegment',\n value: function initSegment(map) {\n var set$$1 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n\n if (!map) {\n return null;\n }\n\n var id = initSegmentId(map);\n var storedMap = this.initSegments_[id];\n\n if (set$$1 && !storedMap && map.bytes) {\n this.initSegments_[id] = storedMap = {\n resolvedUri: map.resolvedUri,\n byterange: map.byterange,\n bytes: map.bytes,\n timescales: map.timescales,\n videoTrackIds: map.videoTrackIds\n };\n }\n\n return storedMap || map;\n }\n\n /**\n * Returns true if all configuration required for loading is present, otherwise false.\n *\n * @return {Boolean} True if the all configuration is ready for loading\n * @private\n */\n\n }, {\n key: 'couldBeginLoading_',\n value: function couldBeginLoading_() {\n return this.playlist_ && (\n // the source updater is created when init_ is called, so either having a\n // source updater or being in the INIT state with a mimeType is enough\n // to say we have all the needed configuration to start loading.\n this.sourceUpdater_ || this.mimeType_ && this.state === 'INIT') && !this.paused();\n }\n\n /**\n * load a playlist and start to fill the buffer\n */\n\n }, {\n key: 'load',\n value: function load() {\n // un-pause\n this.monitorBuffer_();\n\n // if we don't have a playlist yet, keep waiting for one to be\n // specified\n if (!this.playlist_) {\n return;\n }\n\n // not sure if this is the best place for this\n this.syncController_.setDateTimeMapping(this.playlist_);\n\n // if all the configuration is ready, initialize and begin loading\n if (this.state === 'INIT' && this.couldBeginLoading_()) {\n return this.init_();\n }\n\n // if we're in the middle of processing a segment already, don't\n // kick off an additional segment request\n if (!this.couldBeginLoading_() || this.state !== 'READY' && this.state !== 'INIT') {\n return;\n }\n\n this.state = 'READY';\n }\n\n /**\n * Once all the starting parameters have been specified, begin\n * operation. This method should only be invoked from the INIT\n * state.\n *\n * @private\n */\n\n }, {\n key: 'init_',\n value: function init_() {\n this.state = 'READY';\n this.sourceUpdater_ = new SourceUpdater(this.mediaSource_, this.mimeType_, this.loaderType_, this.sourceBufferEmitter_);\n this.resetEverything();\n return this.monitorBuffer_();\n }\n\n /**\n * set a playlist on the segment loader\n *\n * @param {PlaylistLoader} media the playlist to set on the segment loader\n */\n\n }, {\n key: 'playlist',\n value: function playlist(newPlaylist) {\n var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n\n if (!newPlaylist) {\n return;\n }\n\n var oldPlaylist = this.playlist_;\n var segmentInfo = this.pendingSegment_;\n\n this.playlist_ = newPlaylist;\n this.xhrOptions_ = options;\n\n // when we haven't started playing yet, the start of a live playlist\n // is always our zero-time so force a sync update each time the playlist\n // is refreshed from the server\n if (!this.hasPlayed_()) {\n newPlaylist.syncInfo = {\n mediaSequence: newPlaylist.mediaSequence,\n time: 0\n };\n }\n\n var oldId = oldPlaylist ? oldPlaylist.id : null;\n\n this.logger_('playlist update [' + oldId + ' => ' + newPlaylist.id + ']');\n\n // in VOD, this is always a rendition switch (or we updated our syncInfo above)\n // in LIVE, we always want to update with new playlists (including refreshes)\n this.trigger('syncinfoupdate');\n\n // if we were unpaused but waiting for a playlist, start\n // buffering now\n if (this.state === 'INIT' && this.couldBeginLoading_()) {\n return this.init_();\n }\n\n if (!oldPlaylist || oldPlaylist.uri !== newPlaylist.uri) {\n if (this.mediaIndex !== null) {\n // we must \"resync\" the segment loader when we switch renditions and\n // the segment loader is already synced to the previous rendition\n this.resyncLoader();\n }\n\n // the rest of this function depends on `oldPlaylist` being defined\n return;\n }\n\n // we reloaded the same playlist so we are in a live scenario\n // and we will likely need to adjust the mediaIndex\n var mediaSequenceDiff = newPlaylist.mediaSequence - oldPlaylist.mediaSequence;\n\n this.logger_('live window shift [' + mediaSequenceDiff + ']');\n\n // update the mediaIndex on the SegmentLoader\n // this is important because we can abort a request and this value must be\n // equal to the last appended mediaIndex\n if (this.mediaIndex !== null) {\n this.mediaIndex -= mediaSequenceDiff;\n }\n\n // update the mediaIndex on the SegmentInfo object\n // this is important because we will update this.mediaIndex with this value\n // in `handleUpdateEnd_` after the segment has been successfully appended\n if (segmentInfo) {\n segmentInfo.mediaIndex -= mediaSequenceDiff;\n\n // we need to update the referenced segment so that timing information is\n // saved for the new playlist's segment, however, if the segment fell off the\n // playlist, we can leave the old reference and just lose the timing info\n if (segmentInfo.mediaIndex >= 0) {\n segmentInfo.segment = newPlaylist.segments[segmentInfo.mediaIndex];\n }\n }\n\n this.syncController_.saveExpiredSegmentInfo(oldPlaylist, newPlaylist);\n }\n\n /**\n * Prevent the loader from fetching additional segments. If there\n * is a segment request outstanding, it will finish processing\n * before the loader halts. A segment loader can be unpaused by\n * calling load().\n */\n\n }, {\n key: 'pause',\n value: function pause() {\n if (this.checkBufferTimeout_) {\n window$1.clearTimeout(this.checkBufferTimeout_);\n\n this.checkBufferTimeout_ = null;\n }\n }\n\n /**\n * Returns whether the segment loader is fetching additional\n * segments when given the opportunity. This property can be\n * modified through calls to pause() and load().\n */\n\n }, {\n key: 'paused',\n value: function paused() {\n return this.checkBufferTimeout_ === null;\n }\n\n /**\n * create/set the following mimetype on the SourceBuffer through a\n * SourceUpdater\n *\n * @param {String} mimeType the mime type string to use\n * @param {Object} sourceBufferEmitter an event emitter that fires when a source buffer\n * is added to the media source\n */\n\n }, {\n key: 'mimeType',\n value: function mimeType(_mimeType, sourceBufferEmitter) {\n if (this.mimeType_) {\n return;\n }\n\n this.mimeType_ = _mimeType;\n this.sourceBufferEmitter_ = sourceBufferEmitter;\n // if we were unpaused but waiting for a sourceUpdater, start\n // buffering now\n if (this.state === 'INIT' && this.couldBeginLoading_()) {\n this.init_();\n }\n }\n\n /**\n * Delete all the buffered data and reset the SegmentLoader\n * @param {Function} [done] an optional callback to be executed when the remove\n * operation is complete\n */\n\n }, {\n key: 'resetEverything',\n value: function resetEverything(done) {\n this.ended_ = false;\n this.resetLoader();\n this.remove(0, this.duration_(), done);\n // clears fmp4 captions\n this.captionParser_.clearAllCaptions();\n this.trigger('reseteverything');\n }\n\n /**\n * Force the SegmentLoader to resync and start loading around the currentTime instead\n * of starting at the end of the buffer\n *\n * Useful for fast quality changes\n */\n\n }, {\n key: 'resetLoader',\n value: function resetLoader() {\n this.fetchAtBuffer_ = false;\n this.resyncLoader();\n }\n\n /**\n * Force the SegmentLoader to restart synchronization and make a conservative guess\n * before returning to the simple walk-forward method\n */\n\n }, {\n key: 'resyncLoader',\n value: function resyncLoader() {\n this.mediaIndex = null;\n this.syncPoint_ = null;\n this.abort();\n }\n\n /**\n * Remove any data in the source buffer between start and end times\n * @param {Number} start - the start time of the region to remove from the buffer\n * @param {Number} end - the end time of the region to remove from the buffer\n * @param {Function} [done] - an optional callback to be executed when the remove\n * operation is complete\n */\n\n }, {\n key: 'remove',\n value: function remove(start, end, done) {\n if (this.sourceUpdater_) {\n this.sourceUpdater_.remove(start, end, done);\n }\n removeCuesFromTrack(start, end, this.segmentMetadataTrack_);\n\n if (this.inbandTextTracks_) {\n for (var id in this.inbandTextTracks_) {\n removeCuesFromTrack(start, end, this.inbandTextTracks_[id]);\n }\n }\n }\n\n /**\n * (re-)schedule monitorBufferTick_ to run as soon as possible\n *\n * @private\n */\n\n }, {\n key: 'monitorBuffer_',\n value: function monitorBuffer_() {\n if (this.checkBufferTimeout_) {\n window$1.clearTimeout(this.checkBufferTimeout_);\n }\n\n this.checkBufferTimeout_ = window$1.setTimeout(this.monitorBufferTick_.bind(this), 1);\n }\n\n /**\n * As long as the SegmentLoader is in the READY state, periodically\n * invoke fillBuffer_().\n *\n * @private\n */\n\n }, {\n key: 'monitorBufferTick_',\n value: function monitorBufferTick_() {\n if (this.state === 'READY') {\n this.fillBuffer_();\n }\n\n if (this.checkBufferTimeout_) {\n window$1.clearTimeout(this.checkBufferTimeout_);\n }\n\n this.checkBufferTimeout_ = window$1.setTimeout(this.monitorBufferTick_.bind(this), CHECK_BUFFER_DELAY);\n }\n\n /**\n * fill the buffer with segements unless the sourceBuffers are\n * currently updating\n *\n * Note: this function should only ever be called by monitorBuffer_\n * and never directly\n *\n * @private\n */\n\n }, {\n key: 'fillBuffer_',\n value: function fillBuffer_() {\n if (this.sourceUpdater_.updating()) {\n return;\n }\n\n if (!this.syncPoint_) {\n this.syncPoint_ = this.syncController_.getSyncPoint(this.playlist_, this.duration_(), this.currentTimeline_, this.currentTime_());\n }\n\n // see if we need to begin loading immediately\n var segmentInfo = this.checkBuffer_(this.buffered_(), this.playlist_, this.mediaIndex, this.hasPlayed_(), this.currentTime_(), this.syncPoint_);\n\n if (!segmentInfo) {\n return;\n }\n\n var isEndOfStream = detectEndOfStream(this.playlist_, this.mediaSource_, segmentInfo.mediaIndex);\n\n if (isEndOfStream) {\n this.endOfStream();\n return;\n }\n\n if (segmentInfo.mediaIndex === this.playlist_.segments.length - 1 && this.mediaSource_.readyState === 'ended' && !this.seeking_()) {\n return;\n }\n\n // We will need to change timestampOffset of the sourceBuffer if either of\n // the following conditions are true:\n // - The segment.timeline !== this.currentTimeline\n // (we are crossing a discontinuity somehow)\n // - The \"timestampOffset\" for the start of this segment is less than\n // the currently set timestampOffset\n // Also, clear captions if we are crossing a discontinuity boundary\n if (segmentInfo.timeline !== this.currentTimeline_ || segmentInfo.startOfSegment !== null && segmentInfo.startOfSegment < this.sourceUpdater_.timestampOffset()) {\n this.syncController_.reset();\n segmentInfo.timestampOffset = segmentInfo.startOfSegment;\n this.captionParser_.clearAllCaptions();\n }\n\n this.loadSegment_(segmentInfo);\n }\n\n /**\n * Determines what segment request should be made, given current playback\n * state.\n *\n * @param {TimeRanges} buffered - the state of the buffer\n * @param {Object} playlist - the playlist object to fetch segments from\n * @param {Number} mediaIndex - the previous mediaIndex fetched or null\n * @param {Boolean} hasPlayed - a flag indicating whether we have played or not\n * @param {Number} currentTime - the playback position in seconds\n * @param {Object} syncPoint - a segment info object that describes the\n * @returns {Object} a segment request object that describes the segment to load\n */\n\n }, {\n key: 'checkBuffer_',\n value: function checkBuffer_(buffered, playlist, mediaIndex, hasPlayed, currentTime, syncPoint) {\n var lastBufferedEnd = 0;\n var startOfSegment = void 0;\n\n if (buffered.length) {\n lastBufferedEnd = buffered.end(buffered.length - 1);\n }\n\n var bufferedTime = Math.max(0, lastBufferedEnd - currentTime);\n\n if (!playlist.segments.length) {\n return null;\n }\n\n // if there is plenty of content buffered, and the video has\n // been played before relax for awhile\n if (bufferedTime >= this.goalBufferLength_()) {\n return null;\n }\n\n // if the video has not yet played once, and we already have\n // one segment downloaded do nothing\n if (!hasPlayed && bufferedTime >= 1) {\n return null;\n }\n\n // When the syncPoint is null, there is no way of determining a good\n // conservative segment index to fetch from\n // The best thing to do here is to get the kind of sync-point data by\n // making a request\n if (syncPoint === null) {\n mediaIndex = this.getSyncSegmentCandidate_(playlist);\n return this.generateSegmentInfo_(playlist, mediaIndex, null, true);\n }\n\n // Under normal playback conditions fetching is a simple walk forward\n if (mediaIndex !== null) {\n var segment = playlist.segments[mediaIndex];\n\n if (segment && segment.end) {\n startOfSegment = segment.end;\n } else {\n startOfSegment = lastBufferedEnd;\n }\n return this.generateSegmentInfo_(playlist, mediaIndex + 1, startOfSegment, false);\n }\n\n // There is a sync-point but the lack of a mediaIndex indicates that\n // we need to make a good conservative guess about which segment to\n // fetch\n if (this.fetchAtBuffer_) {\n // Find the segment containing the end of the buffer\n var mediaSourceInfo = Playlist.getMediaInfoForTime(playlist, lastBufferedEnd, syncPoint.segmentIndex, syncPoint.time);\n\n mediaIndex = mediaSourceInfo.mediaIndex;\n startOfSegment = mediaSourceInfo.startTime;\n } else {\n // Find the segment containing currentTime\n var _mediaSourceInfo = Playlist.getMediaInfoForTime(playlist, currentTime, syncPoint.segmentIndex, syncPoint.time);\n\n mediaIndex = _mediaSourceInfo.mediaIndex;\n startOfSegment = _mediaSourceInfo.startTime;\n }\n\n return this.generateSegmentInfo_(playlist, mediaIndex, startOfSegment, false);\n }\n\n /**\n * The segment loader has no recourse except to fetch a segment in the\n * current playlist and use the internal timestamps in that segment to\n * generate a syncPoint. This function returns a good candidate index\n * for that process.\n *\n * @param {Object} playlist - the playlist object to look for a\n * @returns {Number} An index of a segment from the playlist to load\n */\n\n }, {\n key: 'getSyncSegmentCandidate_',\n value: function getSyncSegmentCandidate_(playlist) {\n var _this2 = this;\n\n if (this.currentTimeline_ === -1) {\n return 0;\n }\n\n var segmentIndexArray = playlist.segments.map(function (s, i) {\n return {\n timeline: s.timeline,\n segmentIndex: i\n };\n }).filter(function (s) {\n return s.timeline === _this2.currentTimeline_;\n });\n\n if (segmentIndexArray.length) {\n return segmentIndexArray[Math.min(segmentIndexArray.length - 1, 1)].segmentIndex;\n }\n\n return Math.max(playlist.segments.length - 1, 0);\n }\n }, {\n key: 'generateSegmentInfo_',\n value: function generateSegmentInfo_(playlist, mediaIndex, startOfSegment, isSyncRequest) {\n if (mediaIndex < 0 || mediaIndex >= playlist.segments.length) {\n return null;\n }\n\n var segment = playlist.segments[mediaIndex];\n\n return {\n requestId: 'segment-loader-' + Math.random(),\n // resolve the segment URL relative to the playlist\n uri: segment.resolvedUri,\n // the segment's mediaIndex at the time it was requested\n mediaIndex: mediaIndex,\n // whether or not to update the SegmentLoader's state with this\n // segment's mediaIndex\n isSyncRequest: isSyncRequest,\n startOfSegment: startOfSegment,\n // the segment's playlist\n playlist: playlist,\n // unencrypted bytes of the segment\n bytes: null,\n // when a key is defined for this segment, the encrypted bytes\n encryptedBytes: null,\n // The target timestampOffset for this segment when we append it\n // to the source buffer\n timestampOffset: null,\n // The timeline that the segment is in\n timeline: segment.timeline,\n // The expected duration of the segment in seconds\n duration: segment.duration,\n // retain the segment in case the playlist updates while doing an async process\n segment: segment\n };\n }\n\n /**\n * Determines if the network has enough bandwidth to complete the current segment\n * request in a timely manner. If not, the request will be aborted early and bandwidth\n * updated to trigger a playlist switch.\n *\n * @param {Object} stats\n * Object containing stats about the request timing and size\n * @return {Boolean} True if the request was aborted, false otherwise\n * @private\n */\n\n }, {\n key: 'abortRequestEarly_',\n value: function abortRequestEarly_(stats) {\n if (this.hls_.tech_.paused() ||\n // Don't abort if the current playlist is on the lowestEnabledRendition\n // TODO: Replace using timeout with a boolean indicating whether this playlist is\n // the lowestEnabledRendition.\n !this.xhrOptions_.timeout ||\n // Don't abort if we have no bandwidth information to estimate segment sizes\n !this.playlist_.attributes.BANDWIDTH) {\n return false;\n }\n\n // Wait at least 1 second since the first byte of data has been received before\n // using the calculated bandwidth from the progress event to allow the bitrate\n // to stabilize\n if (Date.now() - (stats.firstBytesReceivedAt || Date.now()) < 1000) {\n return false;\n }\n\n var currentTime = this.currentTime_();\n var measuredBandwidth = stats.bandwidth;\n var segmentDuration = this.pendingSegment_.duration;\n\n var requestTimeRemaining = Playlist.estimateSegmentRequestTime(segmentDuration, measuredBandwidth, this.playlist_, stats.bytesReceived);\n\n // Subtract 1 from the timeUntilRebuffer so we still consider an early abort\n // if we are only left with less than 1 second when the request completes.\n // A negative timeUntilRebuffering indicates we are already rebuffering\n var timeUntilRebuffer$$1 = timeUntilRebuffer(this.buffered_(), currentTime, this.hls_.tech_.playbackRate()) - 1;\n\n // Only consider aborting early if the estimated time to finish the download\n // is larger than the estimated time until the player runs out of forward buffer\n if (requestTimeRemaining <= timeUntilRebuffer$$1) {\n return false;\n }\n\n var switchCandidate = minRebufferMaxBandwidthSelector({\n master: this.hls_.playlists.master,\n currentTime: currentTime,\n bandwidth: measuredBandwidth,\n duration: this.duration_(),\n segmentDuration: segmentDuration,\n timeUntilRebuffer: timeUntilRebuffer$$1,\n currentTimeline: this.currentTimeline_,\n syncController: this.syncController_\n });\n\n if (!switchCandidate) {\n return;\n }\n\n var rebufferingImpact = requestTimeRemaining - timeUntilRebuffer$$1;\n\n var timeSavedBySwitching = rebufferingImpact - switchCandidate.rebufferingImpact;\n\n var minimumTimeSaving = 0.5;\n\n // If we are already rebuffering, increase the amount of variance we add to the\n // potential round trip time of the new request so that we are not too aggressive\n // with switching to a playlist that might save us a fraction of a second.\n if (timeUntilRebuffer$$1 <= TIME_FUDGE_FACTOR) {\n minimumTimeSaving = 1;\n }\n\n if (!switchCandidate.playlist || switchCandidate.playlist.uri === this.playlist_.uri || timeSavedBySwitching < minimumTimeSaving) {\n return false;\n }\n\n // set the bandwidth to that of the desired playlist being sure to scale by\n // BANDWIDTH_VARIANCE and add one so the playlist selector does not exclude it\n // don't trigger a bandwidthupdate as the bandwidth is artifial\n this.bandwidth = switchCandidate.playlist.attributes.BANDWIDTH * Config.BANDWIDTH_VARIANCE + 1;\n this.abort();\n this.trigger('earlyabort');\n return true;\n }\n\n /**\n * XHR `progress` event handler\n *\n * @param {Event}\n * The XHR `progress` event\n * @param {Object} simpleSegment\n * A simplified segment object copy\n * @private\n */\n\n }, {\n key: 'handleProgress_',\n value: function handleProgress_(event, simpleSegment) {\n if (!this.pendingSegment_ || simpleSegment.requestId !== this.pendingSegment_.requestId || this.abortRequestEarly_(simpleSegment.stats)) {\n return;\n }\n\n this.trigger('progress');\n }\n\n /**\n * load a specific segment from a request into the buffer\n *\n * @private\n */\n\n }, {\n key: 'loadSegment_',\n value: function loadSegment_(segmentInfo) {\n this.state = 'WAITING';\n this.pendingSegment_ = segmentInfo;\n this.trimBackBuffer_(segmentInfo);\n\n segmentInfo.abortRequests = mediaSegmentRequest(this.hls_.xhr, this.xhrOptions_, this.decrypter_, this.captionParser_, this.createSimplifiedSegmentObj_(segmentInfo),\n // progress callback\n this.handleProgress_.bind(this), this.segmentRequestFinished_.bind(this), this);\n }\n }, {\n key: 'loadSegsment_',\n value: function loadSegsment_(segmentInfo) {\n var segment = void 0;\n var keyXhr = void 0;\n var initSegmentXhr = void 0;\n var segmentXhr = void 0;\n var removeToTime = 0;\n\n removeToTime = this.trimBuffer_(segmentInfo);\n\n if (removeToTime > 0) {\n this.sourceUpdater_.remove(0, removeToTime);\n }\n\n segment = segmentInfo.playlist.segments[segmentInfo.mediaIndex];\n\n // optionally, request the decryption key\n if (segment.key) {\n var bytes = getStoredKey(segment.key.uri);\n if (bytes) {\n segment.key.bytes = bytes;\n } else {\n var keyRequestOptions = videojs$1.mergeOptions(this.xhrOptions_, {\n uri: segment.key.resolvedUri,\n responseType: 'arraybuffer'\n });\n\n keyXhr = this.hls_.xhr(keyRequestOptions, this.handleResponse_.bind(this));\n }\n }\n\n // optionally, request the associated media init segment\n if (segment.map && !this.initSegments_[initSegmentId(segment.map)]) {\n var initSegmentOptions = videojs$1.mergeOptions(this.xhrOptions_, {\n uri: segment.map.resolvedUri,\n responseType: 'arraybuffer',\n headers: segmentXhrHeaders(segment.map)\n });\n\n initSegmentXhr = this.hls_.xhr(initSegmentOptions, this.handleResponse_.bind(this));\n }\n this.pendingSegment_ = segmentInfo;\n\n var segmentRequestOptions = videojs$1.mergeOptions(this.xhrOptions_, {\n uri: segmentInfo.uri,\n responseType: 'arraybuffer',\n headers: segmentXhrHeaders(segment)\n });\n\n segmentXhr = this.hls_.xhr(segmentRequestOptions, this.handleResponse_.bind(this));\n\n this.xhr_ = {\n keyXhr: keyXhr,\n initSegmentXhr: initSegmentXhr,\n segmentXhr: segmentXhr,\n abort: function abort() {\n if (this.segmentXhr) {\n // Prevent error handler from running.\n this.segmentXhr.onreadystatechange = null;\n this.segmentXhr.abort();\n this.segmentXhr = null;\n }\n if (this.initSegmentXhr) {\n // Prevent error handler from running.\n this.initSegmentXhr.onreadystatechange = null;\n this.initSegmentXhr.abort();\n this.initSegmentXhr = null;\n }\n if (this.keyXhr) {\n // Prevent error handler from running.\n this.keyXhr.onreadystatechange = null;\n this.keyXhr.abort();\n this.keyXhr = null;\n }\n }\n };\n\n this.state = 'WAITING';\n }\n /**\n * triggered when a segment response is received\n *\n * @private\n */\n\n }, {\n key: 'handleResponse_',\n value: function handleResponse_(error, request) {\n var segmentInfo = void 0;\n var segment = void 0;\n var keyXhrRequest = void 0;\n var view = void 0;\n\n // timeout of previously aborted request\n if (!this.xhr_ || request !== this.xhr_.segmentXhr && request !== this.xhr_.keyXhr && request !== this.xhr_.initSegmentXhr) {\n return;\n }\n\n segmentInfo = this.pendingSegment_;\n segment = segmentInfo.playlist.segments[segmentInfo.mediaIndex];\n\n // if a request times out, reset bandwidth tracking\n if (request.timedout) {\n this.abort_();\n this.bandwidth = 1;\n this.roundTrip = NaN;\n this.state = 'READY';\n return this.trigger('progress');\n }\n\n // trigger an event for other errors\n if (!request.aborted && error) {\n // abort will clear xhr_\n keyXhrRequest = this.xhr_.keyXhr;\n this.abort_();\n this.error({\n status: request.status,\n message: request === keyXhrRequest ? 'HLS key request error at URL: ' + segment.key.uri : 'HLS segment request error at URL: ' + segmentInfo.uri,\n code: 2,\n xhr: request\n });\n this.state = 'READY';\n this.pause();\n return this.trigger('error');\n }\n\n // stop processing if the request was aborted\n if (!request.response) {\n this.abort_();\n return;\n }\n\n if (request === this.xhr_.segmentXhr) {\n // the segment request is no longer outstanding\n this.xhr_.segmentXhr = null;\n\n // calculate the download bandwidth based on segment request\n this.roundTrip = request.roundTripTime;\n this.bandwidth = request.bandwidth;\n this.mediaBytesTransferred += request.bytesReceived || 0;\n this.mediaRequests += 1;\n this.mediaTransferDuration += request.roundTripTime || 0;\n\n if (segment.key) {\n segmentInfo.encryptedBytes = new Uint8Array(request.response);\n } else {\n segmentInfo.bytes = new Uint8Array(request.response);\n }\n }\n\n if (request === this.xhr_.keyXhr) {\n keyXhrRequest = this.xhr_.segmentXhr;\n // the key request is no longer outstanding\n this.xhr_.keyXhr = null;\n\n if (request.response.byteLength !== 16) {\n this.abort_();\n this.error({\n status: request.status,\n message: 'Invalid HLS key at URL: ' + segment.key.uri,\n code: 2,\n xhr: request\n });\n this.state = 'READY';\n this.pause();\n return this.trigger('error');\n }\n\n view = new DataView(request.response);\n segment.key.bytes = new Uint32Array([view.getUint32(0), view.getUint32(4), view.getUint32(8), view.getUint32(12)]);\n\n setStoredKey(segment.key.uri, segment.key.bytes);\n\n // if the media sequence is greater than 2^32, the IV will be incorrect\n // assuming 10s segments, that would be about 1300 years\n segment.key.iv = segment.key.iv || new Uint32Array([0, 0, 0, segmentInfo.mediaIndex + segmentInfo.playlist.mediaSequence]);\n }\n\n if (request === this.xhr_.initSegmentXhr) {\n // the init segment request is no longer outstanding\n this.xhr_.initSegmentXhr = null;\n segment.map.bytes = new Uint8Array(request.response);\n this.initSegments_[initSegmentId(segment.map)] = segment.map;\n }\n\n if (!this.xhr_.segmentXhr && !this.xhr_.keyXhr && !this.xhr_.initSegmentXhr) {\n this.xhr_ = null;\n this.processResponse_();\n }\n }\n }, {\n key: 'processResponse_',\n value: function processResponse_() {\n var segmentInfo = void 0;\n var segment = void 0;\n\n this.state = 'DECRYPTING';\n\n segmentInfo = this.pendingSegment_;\n segment = segmentInfo.playlist.segments[segmentInfo.mediaIndex];\n\n // some videos don't start from presentation time zero\n // if that is the case, set the timestamp offset on the first\n // segment to adjust them so that it is not necessary to seek\n // before playback can begin\n if (segment.map && isNaN(this.zeroOffset_)) {\n if (segment.key) {\n var timescales = mp4probe.timescale(segment.map.bytes);\n var startTime = mp4probe.startTime(timescales, segmentInfo.bytes);\n\n this.zeroOffset_ = startTime;\n segmentInfo.timestampOffset -= startTime;\n }\n }\n\n if (segment.key) {\n // this is an encrypted segment\n // incrementally decrypt the segment\n /* eslint-disable no-new, handle-callback-err */\n new Decrypter(segmentInfo.encryptedBytes, segment.key.bytes, segment.key.iv, function (err, bytes) {\n // err always null\n segmentInfo.bytes = bytes;\n this.handleSegment_();\n }.bind(this));\n /* eslint-enable */\n } else {\n this.handleSegment_();\n }\n }\n /**\n * trim the back buffer so that we don't have too much data\n * in the source buffer\n *\n * @private\n *\n * @param {Object} segmentInfo - the current segment\n */\n\n }, {\n key: 'trimBackBuffer_',\n value: function trimBackBuffer_(segmentInfo) {\n var removeToTime = safeBackBufferTrimTime(this.seekable_(), this.currentTime_(), this.playlist_.targetDuration || 10);\n\n // Chrome has a hard limit of 150MB of\n // buffer and a very conservative \"garbage collector\"\n // We manually clear out the old buffer to ensure\n // we don't trigger the QuotaExceeded error\n // on the source buffer during subsequent appends\n\n if (removeToTime > 0) {\n this.remove(0, removeToTime);\n }\n }\n }, {\n key: 'trimBuffer_',\n value: function trimBuffer_(segmentInfo) {\n var seekable$$1 = this.seekable_();\n var currentTime = this.currentTime_();\n var removeToTime = 0;\n\n // Chrome has a hard limit of 150mb of\n // buffer and a very conservative \"garbage collector\"\n // We manually clear out the old buffer to ensure\n // we don't trigger the QuotaExceeded error\n // on the source buffer during subsequent appends\n\n // If we have a seekable range use that as the limit for what can be removed safely\n // otherwise remove anything older than 1 minute before the current play head\n if (seekable$$1.length && seekable$$1.start(0) > 0 && seekable$$1.start(0) < currentTime) {\n removeToTime = seekable$$1.start(0);\n } else {\n removeToTime = currentTime - 60;\n }\n\n // If we are going to remove time from the front of the buffer, make\n // sure we aren't discarding a partial segment to avoid throwing\n // PLAYER_ERR_TIMEOUT while trying to read a partially discarded segment\n for (var i = 0; i <= segmentInfo.playlist.segments.length; i++) {\n // Loop through the segments and calculate the duration to compare\n // against the removeToTime\n var removeDuration = Playlist.duration(segmentInfo.playlist, segmentInfo.playlist.mediaSequence + i, this.expired_);\n\n // If we are close to next segment begining, remove to end of previous\n // segment instead\n var previousDuration = Playlist.duration(segmentInfo.playlist, segmentInfo.playlist.mediaSequence + (i - 1), this.expired_);\n\n if (removeDuration >= removeToTime) {\n removeToTime = previousDuration;\n break;\n }\n }\n return removeToTime;\n }\n /**\n * created a simplified copy of the segment object with just the\n * information necessary to perform the XHR and decryption\n *\n * @private\n *\n * @param {Object} segmentInfo - the current segment\n * @returns {Object} a simplified segment object copy\n */\n\n }, {\n key: 'createSimplifiedSegmentObj_',\n value: function createSimplifiedSegmentObj_(segmentInfo) {\n var segment = segmentInfo.segment;\n var simpleSegment = {\n resolvedUri: segment.resolvedUri,\n byterange: segment.byterange,\n requestId: segmentInfo.requestId\n };\n\n if (segment.key) {\n // if the media sequence is greater than 2^32, the IV will be incorrect\n // assuming 10s segments, that would be about 1300 years\n var iv = segment.key.iv || new Uint32Array([0, 0, 0, segmentInfo.mediaIndex + segmentInfo.playlist.mediaSequence]);\n\n simpleSegment.key = {\n resolvedUri: segment.key.resolvedUri,\n iv: iv\n };\n }\n\n if (segment.map) {\n simpleSegment.map = this.initSegment(segment.map);\n }\n\n return simpleSegment;\n }\n\n /**\n * Handle the callback from the segmentRequest function and set the\n * associated SegmentLoader state and errors if necessary\n *\n * @private\n */\n\n }, {\n key: 'segmentRequestFinished_',\n value: function segmentRequestFinished_(error, simpleSegment) {\n // every request counts as a media request even if it has been aborted\n // or canceled due to a timeout\n this.mediaRequests += 1;\n\n if (simpleSegment.stats) {\n this.mediaBytesTransferred += simpleSegment.stats.bytesReceived;\n this.mediaTransferDuration += simpleSegment.stats.roundTripTime;\n }\n\n // The request was aborted and the SegmentLoader has already been reset\n if (!this.pendingSegment_) {\n this.mediaRequestsAborted += 1;\n return;\n }\n\n // the request was aborted and the SegmentLoader has already started\n // another request. this can happen when the timeout for an aborted\n // request triggers due to a limitation in the XHR library\n // do not count this as any sort of request or we risk double-counting\n if (simpleSegment.requestId !== this.pendingSegment_.requestId) {\n return;\n }\n\n // an error occurred from the active pendingSegment_ so reset everything\n if (error) {\n this.pendingSegment_ = null;\n this.state = 'READY';\n\n // the requests were aborted just record the aborted stat and exit\n // this is not a true error condition and nothing corrective needs\n // to be done\n if (error.code === REQUEST_ERRORS.ABORTED) {\n this.mediaRequestsAborted += 1;\n return;\n }\n\n this.pause();\n\n // the error is really just that at least one of the requests timed-out\n // set the bandwidth to a very low value and trigger an ABR switch to\n // take emergency action\n if (error.code === REQUEST_ERRORS.TIMEOUT) {\n this.mediaRequestsTimedout += 1;\n this.bandwidth = 1;\n this.roundTrip = NaN;\n this.trigger('bandwidthupdate');\n return;\n }\n\n // if control-flow has arrived here, then the error is real\n // emit an error event to blacklist the current playlist\n this.mediaRequestsErrored += 1;\n this.error(error);\n this.trigger('error');\n return;\n }\n\n // the response was a success so set any bandwidth stats the request\n // generated for ABR purposes\n this.bandwidth = simpleSegment.stats.bandwidth;\n this.roundTrip = simpleSegment.stats.roundTripTime;\n\n // if this request included an initialization segment, save that data\n // to the initSegment cache\n if (simpleSegment.map) {\n simpleSegment.map = this.initSegment(simpleSegment.map, true);\n }\n\n this.processSegmentResponse_(simpleSegment);\n }\n\n /**\n * Move any important data from the simplified segment object\n * back to the real segment object for future phases\n *\n * @private\n */\n\n }, {\n key: 'processSegmentResponse_',\n value: function processSegmentResponse_(simpleSegment) {\n var segmentInfo = this.pendingSegment_;\n\n segmentInfo.bytes = simpleSegment.bytes;\n if (simpleSegment.map) {\n segmentInfo.segment.map.bytes = simpleSegment.map.bytes;\n }\n\n segmentInfo.endOfAllRequests = simpleSegment.endOfAllRequests;\n\n // This has fmp4 captions, add them to text tracks\n if (simpleSegment.fmp4Captions) {\n createCaptionsTrackIfNotExists(this.inbandTextTracks_, this.hls_.tech_, simpleSegment.captionStreams);\n addCaptionData({\n inbandTextTracks: this.inbandTextTracks_,\n captionArray: simpleSegment.fmp4Captions,\n // fmp4s will not have a timestamp offset\n timestampOffset: 0\n });\n // Reset stored captions since we added parsed\n // captions to a text track at this point\n this.captionParser_.clearParsedCaptions();\n }\n\n this.handleSegment_();\n }\n\n /**\n * append a decrypted segement to the SourceBuffer through a SourceUpdater\n *\n * @private\n */\n\n }, {\n key: 'handleSegment_',\n value: function handleSegment_() {\n var _this3 = this;\n\n if (!this.pendingSegment_) {\n this.state = 'READY';\n return;\n }\n\n var segmentInfo = this.pendingSegment_;\n var segment = segmentInfo.segment;\n var timingInfo = this.syncController_.probeSegmentInfo(segmentInfo);\n\n // When we have our first timing info, determine what media types this loader is\n // dealing with. Although we're maintaining extra state, it helps to preserve the\n // separation of segment loader from the actual source buffers.\n if (typeof this.startingMedia_ === 'undefined' && timingInfo && (\n // Guard against cases where we're not getting timing info at all until we are\n // certain that all streams will provide it.\n timingInfo.containsAudio || timingInfo.containsVideo)) {\n this.startingMedia_ = {\n containsAudio: timingInfo.containsAudio,\n containsVideo: timingInfo.containsVideo\n };\n }\n\n var illegalMediaSwitchError = illegalMediaSwitch(this.loaderType_, this.startingMedia_, timingInfo);\n\n if (illegalMediaSwitchError) {\n this.error({\n message: illegalMediaSwitchError,\n blacklistDuration: Infinity\n });\n this.trigger('error');\n return;\n }\n\n if (segmentInfo.isSyncRequest) {\n this.trigger('syncinfoupdate');\n this.pendingSegment_ = null;\n this.state = 'READY';\n return;\n }\n\n if (segmentInfo.timestampOffset !== null && segmentInfo.timestampOffset !== this.sourceUpdater_.timestampOffset()) {\n this.sourceUpdater_.timestampOffset(segmentInfo.timestampOffset);\n // fired when a timestamp offset is set in HLS (can also identify discontinuities)\n this.trigger('timestampoffset');\n }\n\n var timelineMapping = this.syncController_.mappingForTimeline(segmentInfo.timeline);\n\n if (timelineMapping !== null) {\n this.trigger({\n type: 'segmenttimemapping',\n mapping: timelineMapping\n });\n }\n\n this.state = 'APPENDING';\n\n // if the media initialization segment is changing, append it\n // before the content segment\n if (segment.map) {\n var initId = initSegmentId(segment.map);\n\n if (!this.activeInitSegmentId_ || this.activeInitSegmentId_ !== initId) {\n var initSegment = this.initSegment(segment.map);\n\n this.sourceUpdater_.appendBuffer(initSegment.bytes, function () {\n _this3.activeInitSegmentId_ = initId;\n });\n }\n }\n\n segmentInfo.byteLength = segmentInfo.bytes.byteLength;\n if (typeof segment.start === 'number' && typeof segment.end === 'number') {\n this.mediaSecondsLoaded += segment.end - segment.start;\n } else {\n this.mediaSecondsLoaded += segment.duration;\n }\n\n this.logger_(segmentInfoString(segmentInfo));\n\n this.sourceUpdater_.appendBuffer(segmentInfo.bytes, this.handleUpdateEnd_.bind(this));\n }\n\n /**\n * callback to run when appendBuffer is finished. detects if we are\n * in a good state to do things with the data we got, or if we need\n * to wait for more\n *\n * @private\n */\n\n }, {\n key: 'handleUpdateEnd_',\n value: function handleUpdateEnd_() {\n if (!this.pendingSegment_) {\n this.state = 'READY';\n if (!this.paused()) {\n this.monitorBuffer_();\n }\n return;\n }\n\n var segmentInfo = this.pendingSegment_;\n var segment = segmentInfo.segment;\n var isWalkingForward = this.mediaIndex !== null;\n\n this.pendingSegment_ = null;\n this.recordThroughput_(segmentInfo);\n this.addSegmentMetadataCue_(segmentInfo);\n\n this.state = 'READY';\n\n this.mediaIndex = segmentInfo.mediaIndex;\n this.fetchAtBuffer_ = true;\n this.currentTimeline_ = segmentInfo.timeline;\n\n // We must update the syncinfo to recalculate the seekable range before\n // the following conditional otherwise it may consider this a bad \"guess\"\n // and attempt to resync when the post-update seekable window and live\n // point would mean that this was the perfect segment to fetch\n this.trigger('syncinfoupdate');\n\n // If we previously appended a segment that ends more than 3 targetDurations before\n // the currentTime_ that means that our conservative guess was too conservative.\n // In that case, reset the loader state so that we try to use any information gained\n // from the previous request to create a new, more accurate, sync-point.\n if (segment.end && this.currentTime_() - segment.end > segmentInfo.playlist.targetDuration * 3) {\n this.resetEverything();\n return;\n }\n\n // Don't do a rendition switch unless we have enough time to get a sync segment\n // and conservatively guess\n if (isWalkingForward) {\n this.trigger('bandwidthupdate');\n }\n this.trigger('progress');\n\n // any time an update finishes and the last segment is in the\n // buffer, end the stream. this ensures the \"ended\" event will\n // fire if playback reaches that point.\n var isEndOfStream = detectEndOfStream(segmentInfo.playlist, this.mediaSource_, segmentInfo.mediaIndex + 1);\n\n if (isEndOfStream) {\n this.endOfStream();\n }\n\n if (!this.paused()) {\n this.monitorBuffer_();\n }\n }\n\n /**\n * Records the current throughput of the decrypt, transmux, and append\n * portion of the semgment pipeline. `throughput.rate` is a the cumulative\n * moving average of the throughput. `throughput.count` is the number of\n * data points in the average.\n *\n * @private\n * @param {Object} segmentInfo the object returned by loadSegment\n */\n\n }, {\n key: 'recordThroughput_',\n value: function recordThroughput_(segmentInfo) {\n var rate = this.throughput.rate;\n // Add one to the time to ensure that we don't accidentally attempt to divide\n // by zero in the case where the throughput is ridiculously high\n var segmentProcessingTime = Date.now() - segmentInfo.endOfAllRequests + 1;\n // Multiply by 8000 to convert from bytes/millisecond to bits/second\n var segmentProcessingThroughput = Math.floor(segmentInfo.byteLength / segmentProcessingTime * 8 * 1000);\n\n // This is just a cumulative moving average calculation:\n // newAvg = oldAvg + (sample - oldAvg) / (sampleCount + 1)\n this.throughput.rate += (segmentProcessingThroughput - rate) / ++this.throughput.count;\n }\n\n /**\n * Adds a cue to the segment-metadata track with some metadata information about the\n * segment\n *\n * @private\n * @param {Object} segmentInfo\n * the object returned by loadSegment\n * @method addSegmentMetadataCue_\n */\n\n }, {\n key: 'addSegmentMetadataCue_',\n value: function addSegmentMetadataCue_(segmentInfo) {\n if (!this.segmentMetadataTrack_) {\n return;\n }\n\n var segment = segmentInfo.segment;\n var start = segment.start;\n var end = segment.end;\n\n // Do not try adding the cue if the start and end times are invalid.\n if (!finite(start) || !finite(end)) {\n return;\n }\n\n removeCuesFromTrack(start, end, this.segmentMetadataTrack_);\n\n var Cue = window$1.WebKitDataCue || window$1.VTTCue;\n var value = {\n bandwidth: segmentInfo.playlist.attributes.BANDWIDTH,\n resolution: segmentInfo.playlist.attributes.RESOLUTION,\n codecs: segmentInfo.playlist.attributes.CODECS,\n byteLength: segmentInfo.byteLength,\n uri: segmentInfo.uri,\n timeline: segmentInfo.timeline,\n playlist: segmentInfo.playlist.uri,\n start: start,\n end: end\n };\n var data = JSON.stringify(value);\n var cue = new Cue(start, end, data);\n\n // Attach the metadata to the value property of the cue to keep consistency between\n // the differences of WebKitDataCue in safari and VTTCue in other browsers\n cue.value = value;\n\n this.segmentMetadataTrack_.addCue(cue);\n }\n }]);\n return SegmentLoader;\n}(videojs$1.EventTarget);\n\nvar uint8ToUtf8 = function uint8ToUtf8(uintArray) {\n return decodeURIComponent(escape(String.fromCharCode.apply(null, uintArray)));\n};\n\n/**\n * @file vtt-segment-loader.js\n */\n\nvar VTT_LINE_TERMINATORS = new Uint8Array('\\n\\n'.split('').map(function (char) {\n return char.charCodeAt(0);\n}));\n\n/**\n * An object that manages segment loading and appending.\n *\n * @class VTTSegmentLoader\n * @param {Object} options required and optional options\n * @extends videojs.EventTarget\n */\n\nvar VTTSegmentLoader = function (_SegmentLoader) {\n inherits$1(VTTSegmentLoader, _SegmentLoader);\n\n function VTTSegmentLoader(settings) {\n var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n classCallCheck$1(this, VTTSegmentLoader);\n\n // SegmentLoader requires a MediaSource be specified or it will throw an error;\n // however, VTTSegmentLoader has no need of a media source, so delete the reference\n var _this = possibleConstructorReturn$1(this, (VTTSegmentLoader.__proto__ || Object.getPrototypeOf(VTTSegmentLoader)).call(this, settings, options));\n\n _this.mediaSource_ = null;\n\n _this.subtitlesTrack_ = null;\n return _this;\n }\n\n /**\n * Indicates which time ranges are buffered\n *\n * @return {TimeRange}\n * TimeRange object representing the current buffered ranges\n */\n\n createClass$1(VTTSegmentLoader, [{\n key: 'buffered_',\n value: function buffered_() {\n if (!this.subtitlesTrack_ || !this.subtitlesTrack_.cues.length) {\n return videojs$1.createTimeRanges();\n }\n\n var cues = this.subtitlesTrack_.cues;\n var start = cues[0].startTime;\n var end = cues[cues.length - 1].startTime;\n\n return videojs$1.createTimeRanges([[start, end]]);\n }\n\n /**\n * Gets and sets init segment for the provided map\n *\n * @param {Object} map\n * The map object representing the init segment to get or set\n * @param {Boolean=} set\n * If true, the init segment for the provided map should be saved\n * @return {Object}\n * map object for desired init segment\n */\n\n }, {\n key: 'initSegment',\n value: function initSegment(map) {\n var set$$1 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n\n if (!map) {\n return null;\n }\n\n var id = initSegmentId(map);\n var storedMap = this.initSegments_[id];\n\n if (set$$1 && !storedMap && map.bytes) {\n // append WebVTT line terminators to the media initialization segment if it exists\n // to follow the WebVTT spec (https://w3c.github.io/webvtt/#file-structure) that\n // requires two or more WebVTT line terminators between the WebVTT header and the\n // rest of the file\n var combinedByteLength = VTT_LINE_TERMINATORS.byteLength + map.bytes.byteLength;\n var combinedSegment = new Uint8Array(combinedByteLength);\n\n combinedSegment.set(map.bytes);\n combinedSegment.set(VTT_LINE_TERMINATORS, map.bytes.byteLength);\n\n this.initSegments_[id] = storedMap = {\n resolvedUri: map.resolvedUri,\n byterange: map.byterange,\n bytes: combinedSegment\n };\n }\n\n return storedMap || map;\n }\n\n /**\n * Returns true if all configuration required for loading is present, otherwise false.\n *\n * @return {Boolean} True if the all configuration is ready for loading\n * @private\n */\n\n }, {\n key: 'couldBeginLoading_',\n value: function couldBeginLoading_() {\n return this.playlist_ && this.subtitlesTrack_ && !this.paused();\n }\n\n /**\n * Once all the starting parameters have been specified, begin\n * operation. This method should only be invoked from the INIT\n * state.\n *\n * @private\n */\n\n }, {\n key: 'init_',\n value: function init_() {\n this.state = 'READY';\n this.resetEverything();\n return this.monitorBuffer_();\n }\n\n /**\n * Set a subtitle track on the segment loader to add subtitles to\n *\n * @param {TextTrack=} track\n * The text track to add loaded subtitles to\n * @return {TextTrack}\n * Returns the subtitles track\n */\n\n }, {\n key: 'track',\n value: function track(_track) {\n if (typeof _track === 'undefined') {\n return this.subtitlesTrack_;\n }\n\n this.subtitlesTrack_ = _track;\n\n // if we were unpaused but waiting for a sourceUpdater, start\n // buffering now\n if (this.state === 'INIT' && this.couldBeginLoading_()) {\n this.init_();\n }\n\n return this.subtitlesTrack_;\n }\n\n /**\n * Remove any data in the source buffer between start and end times\n * @param {Number} start - the start time of the region to remove from the buffer\n * @param {Number} end - the end time of the region to remove from the buffer\n */\n\n }, {\n key: 'remove',\n value: function remove(start, end) {\n removeCuesFromTrack(start, end, this.subtitlesTrack_);\n }\n\n /**\n * fill the buffer with segements unless the sourceBuffers are\n * currently updating\n *\n * Note: this function should only ever be called by monitorBuffer_\n * and never directly\n *\n * @private\n */\n\n }, {\n key: 'fillBuffer_',\n value: function fillBuffer_() {\n var _this2 = this;\n\n if (!this.syncPoint_) {\n this.syncPoint_ = this.syncController_.getSyncPoint(this.playlist_, this.duration_(), this.currentTimeline_, this.currentTime_());\n }\n\n // see if we need to begin loading immediately\n var segmentInfo = this.checkBuffer_(this.buffered_(), this.playlist_, this.mediaIndex, this.hasPlayed_(), this.currentTime_(), this.syncPoint_);\n\n segmentInfo = this.skipEmptySegments_(segmentInfo);\n\n if (!segmentInfo) {\n return;\n }\n\n if (this.syncController_.timestampOffsetForTimeline(segmentInfo.timeline) === null) {\n // We don't have the timestamp offset that we need to sync subtitles.\n // Rerun on a timestamp offset or user interaction.\n var checkTimestampOffset = function checkTimestampOffset() {\n _this2.state = 'READY';\n if (!_this2.paused()) {\n // if not paused, queue a buffer check as soon as possible\n _this2.monitorBuffer_();\n }\n };\n\n this.syncController_.one('timestampoffset', checkTimestampOffset);\n this.state = 'WAITING_ON_TIMELINE';\n return;\n }\n\n this.loadSegment_(segmentInfo);\n }\n\n /**\n * Prevents the segment loader from requesting segments we know contain no subtitles\n * by walking forward until we find the next segment that we don't know whether it is\n * empty or not.\n *\n * @param {Object} segmentInfo\n * a segment info object that describes the current segment\n * @return {Object}\n * a segment info object that describes the current segment\n */\n\n }, {\n key: 'skipEmptySegments_',\n value: function skipEmptySegments_(segmentInfo) {\n while (segmentInfo && segmentInfo.segment.empty) {\n segmentInfo = this.generateSegmentInfo_(segmentInfo.playlist, segmentInfo.mediaIndex + 1, segmentInfo.startOfSegment + segmentInfo.duration, segmentInfo.isSyncRequest);\n }\n return segmentInfo;\n }\n\n /**\n * append a decrypted segement to the SourceBuffer through a SourceUpdater\n *\n * @private\n */\n\n }, {\n key: 'handleSegment_',\n value: function handleSegment_() {\n var _this3 = this;\n\n if (!this.pendingSegment_ || !this.subtitlesTrack_) {\n this.state = 'READY';\n return;\n }\n\n this.state = 'APPENDING';\n\n var segmentInfo = this.pendingSegment_;\n var segment = segmentInfo.segment;\n\n // Make sure that vttjs has loaded, otherwise, wait till it finished loading\n if (typeof window$1.WebVTT !== 'function' && this.subtitlesTrack_ && this.subtitlesTrack_.tech_) {\n\n var loadHandler = function loadHandler() {\n _this3.handleSegment_();\n };\n\n this.state = 'WAITING_ON_VTTJS';\n this.subtitlesTrack_.tech_.one('vttjsloaded', loadHandler);\n this.subtitlesTrack_.tech_.one('vttjserror', function () {\n _this3.subtitlesTrack_.tech_.off('vttjsloaded', loadHandler);\n _this3.error({\n message: 'Error loading vtt.js'\n });\n _this3.state = 'READY';\n _this3.pause();\n _this3.trigger('error');\n });\n\n return;\n }\n\n segment.requested = true;\n\n try {\n this.parseVTTCues_(segmentInfo);\n } catch (e) {\n this.error({\n message: e.message\n });\n this.state = 'READY';\n this.pause();\n return this.trigger('error');\n }\n\n this.updateTimeMapping_(segmentInfo, this.syncController_.timelines[segmentInfo.timeline], this.playlist_);\n\n if (segmentInfo.isSyncRequest) {\n this.trigger('syncinfoupdate');\n this.pendingSegment_ = null;\n this.state = 'READY';\n return;\n }\n\n segmentInfo.byteLength = segmentInfo.bytes.byteLength;\n\n this.mediaSecondsLoaded += segment.duration;\n\n if (segmentInfo.cues.length) {\n // remove any overlapping cues to prevent doubling\n this.remove(segmentInfo.cues[0].endTime, segmentInfo.cues[segmentInfo.cues.length - 1].endTime);\n }\n\n segmentInfo.cues.forEach(function (cue) {\n _this3.subtitlesTrack_.addCue(cue);\n });\n\n this.handleUpdateEnd_();\n }\n\n /**\n * Uses the WebVTT parser to parse the segment response\n *\n * @param {Object} segmentInfo\n * a segment info object that describes the current segment\n * @private\n */\n\n }, {\n key: 'parseVTTCues_',\n value: function parseVTTCues_(segmentInfo) {\n var decoder = void 0;\n var decodeBytesToString = false;\n\n if (typeof window$1.TextDecoder === 'function') {\n decoder = new window$1.TextDecoder('utf8');\n } else {\n decoder = window$1.WebVTT.StringDecoder();\n decodeBytesToString = true;\n }\n\n var parser = new window$1.WebVTT.Parser(window$1, window$1.vttjs, decoder);\n\n segmentInfo.cues = [];\n segmentInfo.timestampmap = { MPEGTS: 0, LOCAL: 0 };\n\n parser.oncue = segmentInfo.cues.push.bind(segmentInfo.cues);\n parser.ontimestampmap = function (map) {\n return segmentInfo.timestampmap = map;\n };\n parser.onparsingerror = function (error) {\n videojs$1.log.warn('Error encountered when parsing cues: ' + error.message);\n };\n\n if (segmentInfo.segment.map) {\n var mapData = segmentInfo.segment.map.bytes;\n\n if (decodeBytesToString) {\n mapData = uint8ToUtf8(mapData);\n }\n\n parser.parse(mapData);\n }\n\n var segmentData = segmentInfo.bytes;\n\n if (decodeBytesToString) {\n segmentData = uint8ToUtf8(segmentData);\n }\n\n parser.parse(segmentData);\n parser.flush();\n }\n\n /**\n * Updates the start and end times of any cues parsed by the WebVTT parser using\n * the information parsed from the X-TIMESTAMP-MAP header and a TS to media time mapping\n * from the SyncController\n *\n * @param {Object} segmentInfo\n * a segment info object that describes the current segment\n * @param {Object} mappingObj\n * object containing a mapping from TS to media time\n * @param {Object} playlist\n * the playlist object containing the segment\n * @private\n */\n\n }, {\n key: 'updateTimeMapping_',\n value: function updateTimeMapping_(segmentInfo, mappingObj, playlist) {\n var segment = segmentInfo.segment;\n\n if (!mappingObj) {\n // If the sync controller does not have a mapping of TS to Media Time for the\n // timeline, then we don't have enough information to update the cue\n // start/end times\n return;\n }\n\n if (!segmentInfo.cues.length) {\n // If there are no cues, we also do not have enough information to figure out\n // segment timing. Mark that the segment contains no cues so we don't re-request\n // an empty segment.\n segment.empty = true;\n return;\n }\n\n var timestampmap = segmentInfo.timestampmap;\n var diff = timestampmap.MPEGTS / 90000 - timestampmap.LOCAL + mappingObj.mapping;\n\n segmentInfo.cues.forEach(function (cue) {\n // First convert cue time to TS time using the timestamp-map provided within the vtt\n cue.startTime += diff;\n cue.endTime += diff;\n });\n\n if (!playlist.syncInfo) {\n var firstStart = segmentInfo.cues[0].startTime;\n var lastStart = segmentInfo.cues[segmentInfo.cues.length - 1].startTime;\n\n playlist.syncInfo = {\n mediaSequence: playlist.mediaSequence + segmentInfo.mediaIndex,\n time: Math.min(firstStart, lastStart - segment.duration)\n };\n }\n }\n }]);\n return VTTSegmentLoader;\n}(SegmentLoader);\n\n/**\n * @file ad-cue-tags.js\n */\n\n/**\n * Searches for an ad cue that overlaps with the given mediaTime\n */\nvar findAdCue = function findAdCue(track, mediaTime) {\n var cues = track.cues;\n\n for (var i = 0; i < cues.length; i++) {\n var cue = cues[i];\n\n if (mediaTime >= cue.adStartTime && mediaTime <= cue.adEndTime) {\n return cue;\n }\n }\n return null;\n};\n\nvar updateAdCues = function updateAdCues(media, track) {\n var offset = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;\n\n if (!media.segments) {\n return;\n }\n\n var mediaTime = offset;\n var cue = void 0;\n\n for (var i = 0; i < media.segments.length; i++) {\n var segment = media.segments[i];\n\n if (!cue) {\n // Since the cues will span for at least the segment duration, adding a fudge\n // factor of half segment duration will prevent duplicate cues from being\n // created when timing info is not exact (e.g. cue start time initialized\n // at 10.006677, but next call mediaTime is 10.003332 )\n cue = findAdCue(track, mediaTime + segment.duration / 2);\n }\n\n if (cue) {\n if ('cueIn' in segment) {\n // Found a CUE-IN so end the cue\n cue.endTime = mediaTime;\n cue.adEndTime = mediaTime;\n mediaTime += segment.duration;\n cue = null;\n continue;\n }\n\n if (mediaTime < cue.endTime) {\n // Already processed this mediaTime for this cue\n mediaTime += segment.duration;\n continue;\n }\n\n // otherwise extend cue until a CUE-IN is found\n cue.endTime += segment.duration;\n } else {\n if ('cueOut' in segment) {\n cue = new window$1.VTTCue(mediaTime, mediaTime + segment.duration, segment.cueOut);\n cue.adStartTime = mediaTime;\n // Assumes tag format to be\n // #EXT-X-CUE-OUT:30\n cue.adEndTime = mediaTime + parseFloat(segment.cueOut);\n track.addCue(cue);\n }\n\n if ('cueOutCont' in segment) {\n // Entered into the middle of an ad cue\n var adOffset = void 0;\n var adTotal = void 0;\n\n // Assumes tag formate to be\n // #EXT-X-CUE-OUT-CONT:10/30\n\n var _segment$cueOutCont$s = segment.cueOutCont.split('/').map(parseFloat);\n\n var _segment$cueOutCont$s2 = slicedToArray$1(_segment$cueOutCont$s, 2);\n\n adOffset = _segment$cueOutCont$s2[0];\n adTotal = _segment$cueOutCont$s2[1];\n\n cue = new window$1.VTTCue(mediaTime, mediaTime + segment.duration, '');\n cue.adStartTime = mediaTime - adOffset;\n cue.adEndTime = cue.adStartTime + adTotal;\n track.addCue(cue);\n }\n }\n mediaTime += segment.duration;\n }\n};\n\n/**\n * @file sync-controller.js\n */\n\nvar tsprobe = tsInspector.inspect;\n\nvar syncPointStrategies = [\n// Stategy \"VOD\": Handle the VOD-case where the sync-point is *always*\n// the equivalence display-time 0 === segment-index 0\n{\n name: 'VOD',\n run: function run(syncController, playlist, duration$$1, currentTimeline, currentTime) {\n if (duration$$1 !== Infinity) {\n var syncPoint = {\n time: 0,\n segmentIndex: 0\n };\n\n return syncPoint;\n }\n return null;\n }\n},\n// Stategy \"ProgramDateTime\": We have a program-date-time tag in this playlist\n{\n name: 'ProgramDateTime',\n run: function run(syncController, playlist, duration$$1, currentTimeline, currentTime) {\n if (!syncController.datetimeToDisplayTime) {\n return null;\n }\n\n var segments = playlist.segments || [];\n var syncPoint = null;\n var lastDistance = null;\n\n currentTime = currentTime || 0;\n\n for (var i = 0; i < segments.length; i++) {\n var segment = segments[i];\n\n if (segment.dateTimeObject) {\n var segmentTime = segment.dateTimeObject.getTime() / 1000;\n var segmentStart = segmentTime + syncController.datetimeToDisplayTime;\n var distance = Math.abs(currentTime - segmentStart);\n\n // Once the distance begins to increase, we have passed\n // currentTime and can stop looking for better candidates\n if (lastDistance !== null && lastDistance < distance) {\n break;\n }\n\n lastDistance = distance;\n syncPoint = {\n time: segmentStart,\n segmentIndex: i\n };\n }\n }\n return syncPoint;\n }\n},\n// Stategy \"Segment\": We have a known time mapping for a timeline and a\n// segment in the current timeline with timing data\n{\n name: 'Segment',\n run: function run(syncController, playlist, duration$$1, currentTimeline, currentTime) {\n var segments = playlist.segments || [];\n var syncPoint = null;\n var lastDistance = null;\n\n currentTime = currentTime || 0;\n\n for (var i = 0; i < segments.length; i++) {\n var segment = segments[i];\n\n if (segment.timeline === currentTimeline && typeof segment.start !== 'undefined') {\n var distance = Math.abs(currentTime - segment.start);\n\n // Once the distance begins to increase, we have passed\n // currentTime and can stop looking for better candidates\n if (lastDistance !== null && lastDistance < distance) {\n break;\n }\n\n if (!syncPoint || lastDistance === null || lastDistance >= distance) {\n lastDistance = distance;\n syncPoint = {\n time: segment.start,\n segmentIndex: i\n };\n }\n }\n }\n return syncPoint;\n }\n},\n// Stategy \"Discontinuity\": We have a discontinuity with a known\n// display-time\n{\n name: 'Discontinuity',\n run: function run(syncController, playlist, duration$$1, currentTimeline, currentTime) {\n var syncPoint = null;\n\n currentTime = currentTime || 0;\n\n if (playlist.discontinuityStarts && playlist.discontinuityStarts.length) {\n var lastDistance = null;\n\n for (var i = 0; i < playlist.discontinuityStarts.length; i++) {\n var segmentIndex = playlist.discontinuityStarts[i];\n var discontinuity = playlist.discontinuitySequence + i + 1;\n var discontinuitySync = syncController.discontinuities[discontinuity];\n\n if (discontinuitySync) {\n var distance = Math.abs(currentTime - discontinuitySync.time);\n\n // Once the distance begins to increase, we have passed\n // currentTime and can stop looking for better candidates\n if (lastDistance !== null && lastDistance < distance) {\n break;\n }\n\n if (!syncPoint || lastDistance === null || lastDistance >= distance) {\n lastDistance = distance;\n syncPoint = {\n time: discontinuitySync.time,\n segmentIndex: segmentIndex\n };\n }\n }\n }\n }\n return syncPoint;\n }\n},\n// Stategy \"Playlist\": We have a playlist with a known mapping of\n// segment index to display time\n{\n name: 'Playlist',\n run: function run(syncController, playlist, duration$$1, currentTimeline, currentTime) {\n if (playlist.syncInfo) {\n var syncPoint = {\n time: playlist.syncInfo.time,\n segmentIndex: playlist.syncInfo.mediaSequence - playlist.mediaSequence\n };\n\n return syncPoint;\n }\n return null;\n }\n}];\n\nvar SyncController = function (_videojs$EventTarget) {\n inherits$1(SyncController, _videojs$EventTarget);\n\n function SyncController() {\n classCallCheck$1(this, SyncController);\n\n // Segment Loader state variables...\n // ...for synching across variants\n var _this = possibleConstructorReturn$1(this, (SyncController.__proto__ || Object.getPrototypeOf(SyncController)).call(this));\n\n _this.inspectCache_ = undefined;\n\n // ...for synching across variants\n _this.timelines = [];\n _this.discontinuities = [];\n _this.datetimeToDisplayTime = null;\n\n _this.logger_ = logger('SyncController');\n return _this;\n }\n\n /**\n * Find a sync-point for the playlist specified\n *\n * A sync-point is defined as a known mapping from display-time to\n * a segment-index in the current playlist.\n *\n * @param {Playlist} playlist\n * The playlist that needs a sync-point\n * @param {Number} duration\n * Duration of the MediaSource (Infinite if playing a live source)\n * @param {Number} currentTimeline\n * The last timeline from which a segment was loaded\n * @returns {Object}\n * A sync-point object\n */\n\n createClass$1(SyncController, [{\n key: 'getSyncPoint',\n value: function getSyncPoint(playlist, duration$$1, currentTimeline, currentTime) {\n var syncPoints = this.runStrategies_(playlist, duration$$1, currentTimeline, currentTime);\n\n if (!syncPoints.length) {\n // Signal that we need to attempt to get a sync-point manually\n // by fetching a segment in the playlist and constructing\n // a sync-point from that information\n return null;\n }\n\n // Now find the sync-point that is closest to the currentTime because\n // that should result in the most accurate guess about which segment\n // to fetch\n return this.selectSyncPoint_(syncPoints, { key: 'time', value: currentTime });\n }\n\n /**\n * Calculate the amount of time that has expired off the playlist during playback\n *\n * @param {Playlist} playlist\n * Playlist object to calculate expired from\n * @param {Number} duration\n * Duration of the MediaSource (Infinity if playling a live source)\n * @returns {Number|null}\n * The amount of time that has expired off the playlist during playback. Null\n * if no sync-points for the playlist can be found.\n */\n\n }, {\n key: 'getExpiredTime',\n value: function getExpiredTime(playlist, duration$$1) {\n if (!playlist || !playlist.segments) {\n return null;\n }\n\n var syncPoints = this.runStrategies_(playlist, duration$$1, playlist.discontinuitySequence, 0);\n\n // Without sync-points, there is not enough information to determine the expired time\n if (!syncPoints.length) {\n return null;\n }\n\n var syncPoint = this.selectSyncPoint_(syncPoints, {\n key: 'segmentIndex',\n value: 0\n });\n\n // If the sync-point is beyond the start of the playlist, we want to subtract the\n // duration from index 0 to syncPoint.segmentIndex instead of adding.\n if (syncPoint.segmentIndex > 0) {\n syncPoint.time *= -1;\n }\n\n return Math.abs(syncPoint.time + sumDurations(playlist, syncPoint.segmentIndex, 0));\n }\n\n /**\n * Runs each sync-point strategy and returns a list of sync-points returned by the\n * strategies\n *\n * @private\n * @param {Playlist} playlist\n * The playlist that needs a sync-point\n * @param {Number} duration\n * Duration of the MediaSource (Infinity if playing a live source)\n * @param {Number} currentTimeline\n * The last timeline from which a segment was loaded\n * @returns {Array}\n * A list of sync-point objects\n */\n\n }, {\n key: 'runStrategies_',\n value: function runStrategies_(playlist, duration$$1, currentTimeline, currentTime) {\n var syncPoints = [];\n\n // Try to find a sync-point in by utilizing various strategies...\n for (var i = 0; i < syncPointStrategies.length; i++) {\n var strategy = syncPointStrategies[i];\n var syncPoint = strategy.run(this, playlist, duration$$1, currentTimeline, currentTime);\n\n if (syncPoint) {\n syncPoint.strategy = strategy.name;\n syncPoints.push({\n strategy: strategy.name,\n syncPoint: syncPoint\n });\n }\n }\n\n return syncPoints;\n }\n\n /**\n * Selects the sync-point nearest the specified target\n *\n * @private\n * @param {Array} syncPoints\n * List of sync-points to select from\n * @param {Object} target\n * Object specifying the property and value we are targeting\n * @param {String} target.key\n * Specifies the property to target. Must be either 'time' or 'segmentIndex'\n * @param {Number} target.value\n * The value to target for the specified key.\n * @returns {Object}\n * The sync-point nearest the target\n */\n\n }, {\n key: 'selectSyncPoint_',\n value: function selectSyncPoint_(syncPoints, target) {\n var bestSyncPoint = syncPoints[0].syncPoint;\n var bestDistance = Math.abs(syncPoints[0].syncPoint[target.key] - target.value);\n var bestStrategy = syncPoints[0].strategy;\n\n for (var i = 1; i < syncPoints.length; i++) {\n var newDistance = Math.abs(syncPoints[i].syncPoint[target.key] - target.value);\n\n if (newDistance < bestDistance) {\n bestDistance = newDistance;\n bestSyncPoint = syncPoints[i].syncPoint;\n bestStrategy = syncPoints[i].strategy;\n }\n }\n\n this.logger_('syncPoint for [' + target.key + ': ' + target.value + '] chosen with strategy' + (' [' + bestStrategy + ']: [time:' + bestSyncPoint.time + ',') + (' segmentIndex:' + bestSyncPoint.segmentIndex + ']'));\n\n return bestSyncPoint;\n }\n\n /**\n * Save any meta-data present on the segments when segments leave\n * the live window to the playlist to allow for synchronization at the\n * playlist level later.\n *\n * @param {Playlist} oldPlaylist - The previous active playlist\n * @param {Playlist} newPlaylist - The updated and most current playlist\n */\n\n }, {\n key: 'saveExpiredSegmentInfo',\n value: function saveExpiredSegmentInfo(oldPlaylist, newPlaylist) {\n var mediaSequenceDiff = newPlaylist.mediaSequence - oldPlaylist.mediaSequence;\n\n // When a segment expires from the playlist and it has a start time\n // save that information as a possible sync-point reference in future\n for (var i = mediaSequenceDiff - 1; i >= 0; i--) {\n var lastRemovedSegment = oldPlaylist.segments[i];\n\n if (lastRemovedSegment && typeof lastRemovedSegment.start !== 'undefined') {\n newPlaylist.syncInfo = {\n mediaSequence: oldPlaylist.mediaSequence + i,\n time: lastRemovedSegment.start\n };\n this.logger_('playlist refresh sync: [time:' + newPlaylist.syncInfo.time + ',' + (' mediaSequence: ' + newPlaylist.syncInfo.mediaSequence + ']'));\n this.trigger('syncinfoupdate');\n break;\n }\n }\n }\n\n /**\n * Save the mapping from playlist's ProgramDateTime to display. This should\n * only ever happen once at the start of playback.\n *\n * @param {Playlist} playlist - The currently active playlist\n */\n\n }, {\n key: 'setDateTimeMapping',\n value: function setDateTimeMapping(playlist) {\n if (!this.datetimeToDisplayTime && playlist.segments && playlist.segments.length && playlist.segments[0].dateTimeObject) {\n var playlistTimestamp = playlist.segments[0].dateTimeObject.getTime() / 1000;\n\n this.datetimeToDisplayTime = -playlistTimestamp;\n }\n }\n\n /**\n * Reset the state of the inspection cache when we do a rendition\n * switch\n */\n\n }, {\n key: 'reset',\n value: function reset() {\n this.inspectCache_ = undefined;\n }\n\n /**\n * Probe or inspect a fmp4 or an mpeg2-ts segment to determine the start\n * and end of the segment in it's internal \"media time\". Used to generate\n * mappings from that internal \"media time\" to the display time that is\n * shown on the player.\n *\n * @param {SegmentInfo} segmentInfo - The current active request information\n */\n\n }, {\n key: 'probeSegmentInfo',\n value: function probeSegmentInfo(segmentInfo) {\n var segment = segmentInfo.segment;\n var playlist = segmentInfo.playlist;\n var timingInfo = void 0;\n\n if (segment.map) {\n timingInfo = this.probeMp4Segment_(segmentInfo);\n } else {\n timingInfo = this.probeTsSegment_(segmentInfo);\n }\n\n if (timingInfo) {\n if (this.calculateSegmentTimeMapping_(segmentInfo, timingInfo)) {\n this.saveDiscontinuitySyncInfo_(segmentInfo);\n\n // If the playlist does not have sync information yet, record that information\n // now with segment timing information\n if (!playlist.syncInfo) {\n playlist.syncInfo = {\n mediaSequence: playlist.mediaSequence + segmentInfo.mediaIndex,\n time: segment.start\n };\n }\n }\n }\n\n return timingInfo;\n }\n\n /**\n * Probe an fmp4 or an mpeg2-ts segment to determine the start of the segment\n * in it's internal \"media time\".\n *\n * @private\n * @param {SegmentInfo} segmentInfo - The current active request information\n * @return {object} The start and end time of the current segment in \"media time\"\n */\n\n }, {\n key: 'probeMp4Segment_',\n value: function probeMp4Segment_(segmentInfo) {\n var segment = segmentInfo.segment;\n var timescales = mp4probe$1.timescale(segment.map.bytes);\n var startTime = mp4probe$1.startTime(timescales, segmentInfo.bytes);\n\n if (segmentInfo.timestampOffset !== null) {\n segmentInfo.timestampOffset -= startTime;\n }\n\n return {\n start: startTime,\n end: startTime + segment.duration\n };\n }\n\n /**\n * Probe an mpeg2-ts segment to determine the start and end of the segment\n * in it's internal \"media time\".\n *\n * @private\n * @param {SegmentInfo} segmentInfo - The current active request information\n * @return {object} The start and end time of the current segment in \"media time\"\n */\n\n }, {\n key: 'probeTsSegment_',\n value: function probeTsSegment_(segmentInfo) {\n var timeInfo = tsprobe(segmentInfo.bytes, this.inspectCache_);\n var segmentStartTime = void 0;\n var segmentEndTime = void 0;\n\n if (!timeInfo) {\n return null;\n }\n\n if (timeInfo.video && timeInfo.video.length === 2) {\n this.inspectCache_ = timeInfo.video[1].dts;\n segmentStartTime = timeInfo.video[0].dtsTime;\n segmentEndTime = timeInfo.video[1].dtsTime;\n } else if (timeInfo.audio && timeInfo.audio.length === 2) {\n this.inspectCache_ = timeInfo.audio[1].dts;\n segmentStartTime = timeInfo.audio[0].dtsTime;\n segmentEndTime = timeInfo.audio[1].dtsTime;\n }\n\n return {\n start: segmentStartTime,\n end: segmentEndTime,\n containsVideo: timeInfo.video && timeInfo.video.length === 2,\n containsAudio: timeInfo.audio && timeInfo.audio.length === 2\n };\n }\n }, {\n key: 'timestampOffsetForTimeline',\n value: function timestampOffsetForTimeline(timeline) {\n if (typeof this.timelines[timeline] === 'undefined') {\n return null;\n }\n return this.timelines[timeline].time;\n }\n }, {\n key: 'mappingForTimeline',\n value: function mappingForTimeline(timeline) {\n if (typeof this.timelines[timeline] === 'undefined') {\n return null;\n }\n return this.timelines[timeline].mapping;\n }\n\n /**\n * Use the \"media time\" for a segment to generate a mapping to \"display time\" and\n * save that display time to the segment.\n *\n * @private\n * @param {SegmentInfo} segmentInfo\n * The current active request information\n * @param {object} timingInfo\n * The start and end time of the current segment in \"media time\"\n * @returns {Boolean}\n * Returns false if segment time mapping could not be calculated\n */\n\n }, {\n key: 'calculateSegmentTimeMapping_',\n value: function calculateSegmentTimeMapping_(segmentInfo, timingInfo) {\n var segment = segmentInfo.segment;\n var mappingObj = this.timelines[segmentInfo.timeline];\n\n if (segmentInfo.timestampOffset !== null) {\n mappingObj = {\n time: segmentInfo.startOfSegment,\n mapping: segmentInfo.startOfSegment - timingInfo.start\n };\n this.timelines[segmentInfo.timeline] = mappingObj;\n this.trigger('timestampoffset');\n\n this.logger_('time mapping for timeline ' + segmentInfo.timeline + ': ' + ('[time: ' + mappingObj.time + '] [mapping: ' + mappingObj.mapping + ']'));\n\n segment.start = segmentInfo.startOfSegment;\n segment.end = timingInfo.end + mappingObj.mapping;\n } else if (mappingObj) {\n segment.start = timingInfo.start + mappingObj.mapping;\n segment.end = timingInfo.end + mappingObj.mapping;\n } else {\n return false;\n }\n\n return true;\n }\n\n /**\n * Each time we have discontinuity in the playlist, attempt to calculate the location\n * in display of the start of the discontinuity and save that. We also save an accuracy\n * value so that we save values with the most accuracy (closest to 0.)\n *\n * @private\n * @param {SegmentInfo} segmentInfo - The current active request information\n */\n\n }, {\n key: 'saveDiscontinuitySyncInfo_',\n value: function saveDiscontinuitySyncInfo_(segmentInfo) {\n var playlist = segmentInfo.playlist;\n var segment = segmentInfo.segment;\n\n // If the current segment is a discontinuity then we know exactly where\n // the start of the range and it's accuracy is 0 (greater accuracy values\n // mean more approximation)\n if (segment.discontinuity) {\n this.discontinuities[segment.timeline] = {\n time: segment.start,\n accuracy: 0\n };\n } else if (playlist.discontinuityStarts && playlist.discontinuityStarts.length) {\n // Search for future discontinuities that we can provide better timing\n // information for and save that information for sync purposes\n for (var i = 0; i < playlist.discontinuityStarts.length; i++) {\n var segmentIndex = playlist.discontinuityStarts[i];\n var discontinuity = playlist.discontinuitySequence + i + 1;\n var mediaIndexDiff = segmentIndex - segmentInfo.mediaIndex;\n var accuracy = Math.abs(mediaIndexDiff);\n\n if (!this.discontinuities[discontinuity] || this.discontinuities[discontinuity].accuracy > accuracy) {\n var time = void 0;\n\n if (mediaIndexDiff < 0) {\n time = segment.start - sumDurations(playlist, segmentInfo.mediaIndex, segmentIndex);\n } else {\n time = segment.end + sumDurations(playlist, segmentInfo.mediaIndex + 1, segmentIndex);\n }\n\n this.discontinuities[discontinuity] = {\n time: time,\n accuracy: accuracy\n };\n }\n }\n }\n }\n }]);\n return SyncController;\n}(videojs$1.EventTarget);\n\nvar Decrypter$1 = new shimWorker(\"./decrypter-worker.worker.js\", function (window, document$$1) {\n var self = this;\n var decrypterWorker = function () {\n\n /*\n * pkcs7.pad\n * https://github.com/brightcove/pkcs7\n *\n * Copyright (c) 2014 Brightcove\n * Licensed under the apache2 license.\n */\n\n /**\n * Returns the subarray of a Uint8Array without PKCS#7 padding.\n * @param padded {Uint8Array} unencrypted bytes that have been padded\n * @return {Uint8Array} the unpadded bytes\n * @see http://tools.ietf.org/html/rfc5652\n */\n\n function unpad(padded) {\n return padded.subarray(0, padded.byteLength - padded[padded.byteLength - 1]);\n }\n\n var classCallCheck$$1 = function classCallCheck$$1(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n };\n\n var createClass$$1 = function () {\n function defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n }\n\n return function (Constructor, protoProps, staticProps) {\n if (protoProps) defineProperties(Constructor.prototype, protoProps);\n if (staticProps) defineProperties(Constructor, staticProps);\n return Constructor;\n };\n }();\n\n var inherits$$1 = function inherits$$1(subClass, superClass) {\n if (typeof superClass !== \"function\" && superClass !== null) {\n throw new TypeError(\"Super expression must either be null or a function, not \" + (typeof superClass === 'undefined' ? 'undefined' : _typeof(superClass)));\n }\n\n subClass.prototype = Object.create(superClass && superClass.prototype, {\n constructor: {\n value: subClass,\n enumerable: false,\n writable: true,\n configurable: true\n }\n });\n if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;\n };\n\n var possibleConstructorReturn$$1 = function possibleConstructorReturn$$1(self, call) {\n if (!self) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n\n return call && ((typeof call === 'undefined' ? 'undefined' : _typeof(call)) === \"object\" || typeof call === \"function\") ? call : self;\n };\n\n /**\n * @file aes.js\n *\n * This file contains an adaptation of the AES decryption algorithm\n * from the Standford Javascript Cryptography Library. That work is\n * covered by the following copyright and permissions notice:\n *\n * Copyright 2009-2010 Emily Stark, Mike Hamburg, Dan Boneh.\n * All rights reserved.\n *\n * Redistribution and use in source and binary forms, with or without\n * modification, are permitted provided that the following conditions are\n * met:\n *\n * 1. Redistributions of source code must retain the above copyright\n * notice, this list of conditions and the following disclaimer.\n *\n * 2. Redistributions in binary form must reproduce the above\n * copyright notice, this list of conditions and the following\n * disclaimer in the documentation and/or other materials provided\n * with the distribution.\n *\n * THIS SOFTWARE IS PROVIDED BY THE AUTHORS ``AS IS'' AND ANY EXPRESS OR\n * IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED\n * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE\n * DISCLAIMED. IN NO EVENT SHALL OR CONTRIBUTORS BE\n * LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR\n * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF\n * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR\n * BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY,\n * WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE\n * OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN\n * IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.\n *\n * The views and conclusions contained in the software and documentation\n * are those of the authors and should not be interpreted as representing\n * official policies, either expressed or implied, of the authors.\n */\n\n /**\n * Expand the S-box tables.\n *\n * @private\n */\n var precompute = function precompute() {\n var tables = [[[], [], [], [], []], [[], [], [], [], []]];\n var encTable = tables[0];\n var decTable = tables[1];\n var sbox = encTable[4];\n var sboxInv = decTable[4];\n var i = void 0;\n var x = void 0;\n var xInv = void 0;\n var d = [];\n var th = [];\n var x2 = void 0;\n var x4 = void 0;\n var x8 = void 0;\n var s = void 0;\n var tEnc = void 0;\n var tDec = void 0;\n\n // Compute double and third tables\n for (i = 0; i < 256; i++) {\n th[(d[i] = i << 1 ^ (i >> 7) * 283) ^ i] = i;\n }\n\n for (x = xInv = 0; !sbox[x]; x ^= x2 || 1, xInv = th[xInv] || 1) {\n // Compute sbox\n s = xInv ^ xInv << 1 ^ xInv << 2 ^ xInv << 3 ^ xInv << 4;\n s = s >> 8 ^ s & 255 ^ 99;\n sbox[x] = s;\n sboxInv[s] = x;\n\n // Compute MixColumns\n x8 = d[x4 = d[x2 = d[x]]];\n tDec = x8 * 0x1010101 ^ x4 * 0x10001 ^ x2 * 0x101 ^ x * 0x1010100;\n tEnc = d[s] * 0x101 ^ s * 0x1010100;\n\n for (i = 0; i < 4; i++) {\n encTable[i][x] = tEnc = tEnc << 24 ^ tEnc >>> 8;\n decTable[i][s] = tDec = tDec << 24 ^ tDec >>> 8;\n }\n }\n\n // Compactify. Considerable speedup on Firefox.\n for (i = 0; i < 5; i++) {\n encTable[i] = encTable[i].slice(0);\n decTable[i] = decTable[i].slice(0);\n }\n return tables;\n };\n var aesTables = null;\n\n /**\n * Schedule out an AES key for both encryption and decryption. This\n * is a low-level class. Use a cipher mode to do bulk encryption.\n *\n * @class AES\n * @param key {Array} The key as an array of 4, 6 or 8 words.\n */\n\n var AES = function () {\n function AES(key) {\n classCallCheck$$1(this, AES);\n\n /**\n * The expanded S-box and inverse S-box tables. These will be computed\n * on the client so that we don't have to send them down the wire.\n *\n * There are two tables, _tables[0] is for encryption and\n * _tables[1] is for decryption.\n *\n * The first 4 sub-tables are the expanded S-box with MixColumns. The\n * last (_tables[01][4]) is the S-box itself.\n *\n * @private\n */\n // if we have yet to precompute the S-box tables\n // do so now\n if (!aesTables) {\n aesTables = precompute();\n }\n // then make a copy of that object for use\n this._tables = [[aesTables[0][0].slice(), aesTables[0][1].slice(), aesTables[0][2].slice(), aesTables[0][3].slice(), aesTables[0][4].slice()], [aesTables[1][0].slice(), aesTables[1][1].slice(), aesTables[1][2].slice(), aesTables[1][3].slice(), aesTables[1][4].slice()]];\n var i = void 0;\n var j = void 0;\n var tmp = void 0;\n var encKey = void 0;\n var decKey = void 0;\n var sbox = this._tables[0][4];\n var decTable = this._tables[1];\n var keyLen = key.length;\n var rcon = 1;\n\n if (keyLen !== 4 && keyLen !== 6 && keyLen !== 8) {\n throw new Error('Invalid aes key size');\n }\n\n encKey = key.slice(0);\n decKey = [];\n this._key = [encKey, decKey];\n\n // schedule encryption keys\n for (i = keyLen; i < 4 * keyLen + 28; i++) {\n tmp = encKey[i - 1];\n\n // apply sbox\n if (i % keyLen === 0 || keyLen === 8 && i % keyLen === 4) {\n tmp = sbox[tmp >>> 24] << 24 ^ sbox[tmp >> 16 & 255] << 16 ^ sbox[tmp >> 8 & 255] << 8 ^ sbox[tmp & 255];\n\n // shift rows and add rcon\n if (i % keyLen === 0) {\n tmp = tmp << 8 ^ tmp >>> 24 ^ rcon << 24;\n rcon = rcon << 1 ^ (rcon >> 7) * 283;\n }\n }\n\n encKey[i] = encKey[i - keyLen] ^ tmp;\n }\n\n // schedule decryption keys\n for (j = 0; i; j++, i--) {\n tmp = encKey[j & 3 ? i : i - 4];\n if (i <= 4 || j < 4) {\n decKey[j] = tmp;\n } else {\n decKey[j] = decTable[0][sbox[tmp >>> 24]] ^ decTable[1][sbox[tmp >> 16 & 255]] ^ decTable[2][sbox[tmp >> 8 & 255]] ^ decTable[3][sbox[tmp & 255]];\n }\n }\n }\n\n /**\n * Decrypt 16 bytes, specified as four 32-bit words.\n *\n * @param {Number} encrypted0 the first word to decrypt\n * @param {Number} encrypted1 the second word to decrypt\n * @param {Number} encrypted2 the third word to decrypt\n * @param {Number} encrypted3 the fourth word to decrypt\n * @param {Int32Array} out the array to write the decrypted words\n * into\n * @param {Number} offset the offset into the output array to start\n * writing results\n * @return {Array} The plaintext.\n */\n\n AES.prototype.decrypt = function decrypt$$1(encrypted0, encrypted1, encrypted2, encrypted3, out, offset) {\n var key = this._key[1];\n // state variables a,b,c,d are loaded with pre-whitened data\n var a = encrypted0 ^ key[0];\n var b = encrypted3 ^ key[1];\n var c = encrypted2 ^ key[2];\n var d = encrypted1 ^ key[3];\n var a2 = void 0;\n var b2 = void 0;\n var c2 = void 0;\n\n // key.length === 2 ?\n var nInnerRounds = key.length / 4 - 2;\n var i = void 0;\n var kIndex = 4;\n var table = this._tables[1];\n\n // load up the tables\n var table0 = table[0];\n var table1 = table[1];\n var table2 = table[2];\n var table3 = table[3];\n var sbox = table[4];\n\n // Inner rounds. Cribbed from OpenSSL.\n for (i = 0; i < nInnerRounds; i++) {\n a2 = table0[a >>> 24] ^ table1[b >> 16 & 255] ^ table2[c >> 8 & 255] ^ table3[d & 255] ^ key[kIndex];\n b2 = table0[b >>> 24] ^ table1[c >> 16 & 255] ^ table2[d >> 8 & 255] ^ table3[a & 255] ^ key[kIndex + 1];\n c2 = table0[c >>> 24] ^ table1[d >> 16 & 255] ^ table2[a >> 8 & 255] ^ table3[b & 255] ^ key[kIndex + 2];\n d = table0[d >>> 24] ^ table1[a >> 16 & 255] ^ table2[b >> 8 & 255] ^ table3[c & 255] ^ key[kIndex + 3];\n kIndex += 4;\n a = a2;b = b2;c = c2;\n }\n\n // Last round.\n for (i = 0; i < 4; i++) {\n out[(3 & -i) + offset] = sbox[a >>> 24] << 24 ^ sbox[b >> 16 & 255] << 16 ^ sbox[c >> 8 & 255] << 8 ^ sbox[d & 255] ^ key[kIndex++];\n a2 = a;a = b;b = c;c = d;d = a2;\n }\n };\n\n return AES;\n }();\n\n /**\n * @file stream.js\n */\n /**\n * A lightweight readable stream implemention that handles event dispatching.\n *\n * @class Stream\n */\n var Stream = function () {\n function Stream() {\n classCallCheck$$1(this, Stream);\n\n this.listeners = {};\n }\n\n /**\n * Add a listener for a specified event type.\n *\n * @param {String} type the event name\n * @param {Function} listener the callback to be invoked when an event of\n * the specified type occurs\n */\n\n Stream.prototype.on = function on(type, listener) {\n if (!this.listeners[type]) {\n this.listeners[type] = [];\n }\n this.listeners[type].push(listener);\n };\n\n /**\n * Remove a listener for a specified event type.\n *\n * @param {String} type the event name\n * @param {Function} listener a function previously registered for this\n * type of event through `on`\n * @return {Boolean} if we could turn it off or not\n */\n\n Stream.prototype.off = function off(type, listener) {\n if (!this.listeners[type]) {\n return false;\n }\n\n var index = this.listeners[type].indexOf(listener);\n\n this.listeners[type].splice(index, 1);\n return index > -1;\n };\n\n /**\n * Trigger an event of the specified type on this stream. Any additional\n * arguments to this function are passed as parameters to event listeners.\n *\n * @param {String} type the event name\n */\n\n Stream.prototype.trigger = function trigger(type) {\n var callbacks = this.listeners[type];\n\n if (!callbacks) {\n return;\n }\n\n // Slicing the arguments on every invocation of this method\n // can add a significant amount of overhead. Avoid the\n // intermediate object creation for the common case of a\n // single callback argument\n if (arguments.length === 2) {\n var length = callbacks.length;\n\n for (var i = 0; i < length; ++i) {\n callbacks[i].call(this, arguments[1]);\n }\n } else {\n var args = Array.prototype.slice.call(arguments, 1);\n var _length = callbacks.length;\n\n for (var _i = 0; _i < _length; ++_i) {\n callbacks[_i].apply(this, args);\n }\n }\n };\n\n /**\n * Destroys the stream and cleans up.\n */\n\n Stream.prototype.dispose = function dispose() {\n this.listeners = {};\n };\n /**\n * Forwards all `data` events on this stream to the destination stream. The\n * destination stream should provide a method `push` to receive the data\n * events as they arrive.\n *\n * @param {Stream} destination the stream that will receive all `data` events\n * @see http://nodejs.org/api/stream.html#stream_readable_pipe_destination_options\n */\n\n Stream.prototype.pipe = function pipe(destination) {\n this.on('data', function (data) {\n destination.push(data);\n });\n };\n\n return Stream;\n }();\n\n /**\n * @file async-stream.js\n */\n /**\n * A wrapper around the Stream class to use setTiemout\n * and run stream \"jobs\" Asynchronously\n *\n * @class AsyncStream\n * @extends Stream\n */\n\n var AsyncStream$$1 = function (_Stream) {\n inherits$$1(AsyncStream$$1, _Stream);\n\n function AsyncStream$$1() {\n classCallCheck$$1(this, AsyncStream$$1);\n\n var _this = possibleConstructorReturn$$1(this, _Stream.call(this, Stream));\n\n _this.jobs = [];\n _this.delay = 1;\n _this.timeout_ = null;\n return _this;\n }\n\n /**\n * process an async job\n *\n * @private\n */\n\n AsyncStream$$1.prototype.processJob_ = function processJob_() {\n this.jobs.shift()();\n if (this.jobs.length) {\n this.timeout_ = setTimeout(this.processJob_.bind(this), this.delay);\n } else {\n this.timeout_ = null;\n }\n };\n\n /**\n * push a job into the stream\n *\n * @param {Function} job the job to push into the stream\n */\n\n AsyncStream$$1.prototype.push = function push(job) {\n this.jobs.push(job);\n if (!this.timeout_) {\n this.timeout_ = setTimeout(this.processJob_.bind(this), this.delay);\n }\n };\n\n return AsyncStream$$1;\n }(Stream);\n\n /**\n * @file decrypter.js\n *\n * An asynchronous implementation of AES-128 CBC decryption with\n * PKCS#7 padding.\n */\n\n /**\n * Convert network-order (big-endian) bytes into their little-endian\n * representation.\n */\n var ntoh = function ntoh(word) {\n return word << 24 | (word & 0xff00) << 8 | (word & 0xff0000) >> 8 | word >>> 24;\n };\n\n /**\n * Decrypt bytes using AES-128 with CBC and PKCS#7 padding.\n *\n * @param {Uint8Array} encrypted the encrypted bytes\n * @param {Uint32Array} key the bytes of the decryption key\n * @param {Uint32Array} initVector the initialization vector (IV) to\n * use for the first round of CBC.\n * @return {Uint8Array} the decrypted bytes\n *\n * @see http://en.wikipedia.org/wiki/Advanced_Encryption_Standard\n * @see http://en.wikipedia.org/wiki/Block_cipher_mode_of_operation#Cipher_Block_Chaining_.28CBC.29\n * @see https://tools.ietf.org/html/rfc2315\n */\n var decrypt$$1 = function decrypt$$1(encrypted, key, initVector) {\n // word-level access to the encrypted bytes\n var encrypted32 = new Int32Array(encrypted.buffer, encrypted.byteOffset, encrypted.byteLength >> 2);\n\n var decipher = new AES(Array.prototype.slice.call(key));\n\n // byte and word-level access for the decrypted output\n var decrypted = new Uint8Array(encrypted.byteLength);\n var decrypted32 = new Int32Array(decrypted.buffer);\n\n // temporary variables for working with the IV, encrypted, and\n // decrypted data\n var init0 = void 0;\n var init1 = void 0;\n var init2 = void 0;\n var init3 = void 0;\n var encrypted0 = void 0;\n var encrypted1 = void 0;\n var encrypted2 = void 0;\n var encrypted3 = void 0;\n\n // iteration variable\n var wordIx = void 0;\n\n // pull out the words of the IV to ensure we don't modify the\n // passed-in reference and easier access\n init0 = initVector[0];\n init1 = initVector[1];\n init2 = initVector[2];\n init3 = initVector[3];\n\n // decrypt four word sequences, applying cipher-block chaining (CBC)\n // to each decrypted block\n for (wordIx = 0; wordIx < encrypted32.length; wordIx += 4) {\n // convert big-endian (network order) words into little-endian\n // (javascript order)\n encrypted0 = ntoh(encrypted32[wordIx]);\n encrypted1 = ntoh(encrypted32[wordIx + 1]);\n encrypted2 = ntoh(encrypted32[wordIx + 2]);\n encrypted3 = ntoh(encrypted32[wordIx + 3]);\n\n // decrypt the block\n decipher.decrypt(encrypted0, encrypted1, encrypted2, encrypted3, decrypted32, wordIx);\n\n // XOR with the IV, and restore network byte-order to obtain the\n // plaintext\n decrypted32[wordIx] = ntoh(decrypted32[wordIx] ^ init0);\n decrypted32[wordIx + 1] = ntoh(decrypted32[wordIx + 1] ^ init1);\n decrypted32[wordIx + 2] = ntoh(decrypted32[wordIx + 2] ^ init2);\n decrypted32[wordIx + 3] = ntoh(decrypted32[wordIx + 3] ^ init3);\n\n // setup the IV for the next round\n init0 = encrypted0;\n init1 = encrypted1;\n init2 = encrypted2;\n init3 = encrypted3;\n }\n\n return decrypted;\n };\n\n /**\n * The `Decrypter` class that manages decryption of AES\n * data through `AsyncStream` objects and the `decrypt`\n * function\n *\n * @param {Uint8Array} encrypted the encrypted bytes\n * @param {Uint32Array} key the bytes of the decryption key\n * @param {Uint32Array} initVector the initialization vector (IV) to\n * @param {Function} done the function to run when done\n * @class Decrypter\n */\n\n var Decrypter$$1 = function () {\n function Decrypter$$1(encrypted, key, initVector, done) {\n classCallCheck$$1(this, Decrypter$$1);\n\n var step = Decrypter$$1.STEP;\n var encrypted32 = new Int32Array(encrypted.buffer);\n var decrypted = new Uint8Array(encrypted.byteLength);\n var i = 0;\n\n this.asyncStream_ = new AsyncStream$$1();\n\n // split up the encryption job and do the individual chunks asynchronously\n this.asyncStream_.push(this.decryptChunk_(encrypted32.subarray(i, i + step), key, initVector, decrypted));\n for (i = step; i < encrypted32.length; i += step) {\n initVector = new Uint32Array([ntoh(encrypted32[i - 4]), ntoh(encrypted32[i - 3]), ntoh(encrypted32[i - 2]), ntoh(encrypted32[i - 1])]);\n this.asyncStream_.push(this.decryptChunk_(encrypted32.subarray(i, i + step), key, initVector, decrypted));\n }\n // invoke the done() callback when everything is finished\n this.asyncStream_.push(function () {\n // remove pkcs#7 padding from the decrypted bytes\n done(null, unpad(decrypted));\n });\n }\n\n /**\n * a getter for step the maximum number of bytes to process at one time\n *\n * @return {Number} the value of step 32000\n */\n\n /**\n * @private\n */\n Decrypter$$1.prototype.decryptChunk_ = function decryptChunk_(encrypted, key, initVector, decrypted) {\n return function () {\n var bytes = decrypt$$1(encrypted, key, initVector);\n\n decrypted.set(bytes, encrypted.byteOffset);\n };\n };\n\n createClass$$1(Decrypter$$1, null, [{\n key: 'STEP',\n get: function get$$1() {\n // 4 * 8000;\n return 32000;\n }\n }]);\n return Decrypter$$1;\n }();\n\n /**\n * @file bin-utils.js\n */\n\n /**\n * Creates an object for sending to a web worker modifying properties that are TypedArrays\n * into a new object with seperated properties for the buffer, byteOffset, and byteLength.\n *\n * @param {Object} message\n * Object of properties and values to send to the web worker\n * @return {Object}\n * Modified message with TypedArray values expanded\n * @function createTransferableMessage\n */\n var createTransferableMessage = function createTransferableMessage(message) {\n var transferable = {};\n\n Object.keys(message).forEach(function (key) {\n var value = message[key];\n\n if (ArrayBuffer.isView(value)) {\n transferable[key] = {\n bytes: value.buffer,\n byteOffset: value.byteOffset,\n byteLength: value.byteLength\n };\n } else {\n transferable[key] = value;\n }\n });\n\n return transferable;\n };\n\n /**\n * Our web worker interface so that things can talk to aes-decrypter\n * that will be running in a web worker. the scope is passed to this by\n * webworkify.\n *\n * @param {Object} self\n * the scope for the web worker\n */\n var DecrypterWorker = function DecrypterWorker(self) {\n self.onmessage = function (event) {\n var data = event.data;\n var encrypted = new Uint8Array(data.encrypted.bytes, data.encrypted.byteOffset, data.encrypted.byteLength);\n var key = new Uint32Array(data.key.bytes, data.key.byteOffset, data.key.byteLength / 4);\n var iv = new Uint32Array(data.iv.bytes, data.iv.byteOffset, data.iv.byteLength / 4);\n\n /* eslint-disable no-new, handle-callback-err */\n new Decrypter$$1(encrypted, key, iv, function (err, bytes) {\n self.postMessage(createTransferableMessage({\n source: data.source,\n decrypted: bytes\n }), [bytes.buffer]);\n });\n /* eslint-enable */\n };\n };\n\n var decrypterWorker = new DecrypterWorker(self);\n\n return decrypterWorker;\n }();\n});\n\n/**\n * Convert the properties of an HLS track into an audioTrackKind.\n *\n * @private\n */\nvar audioTrackKind_ = function audioTrackKind_(properties) {\n var kind = properties.default ? 'main' : 'alternative';\n\n if (properties.characteristics && properties.characteristics.indexOf('public.accessibility.describes-video') >= 0) {\n kind = 'main-desc';\n }\n\n return kind;\n};\n\n/**\n * Pause provided segment loader and playlist loader if active\n *\n * @param {SegmentLoader} segmentLoader\n * SegmentLoader to pause\n * @param {Object} mediaType\n * Active media type\n * @function stopLoaders\n */\nvar stopLoaders = function stopLoaders(segmentLoader, mediaType) {\n segmentLoader.abort();\n segmentLoader.pause();\n\n if (mediaType && mediaType.activePlaylistLoader) {\n mediaType.activePlaylistLoader.pause();\n mediaType.activePlaylistLoader = null;\n }\n};\n\n/**\n * Start loading provided segment loader and playlist loader\n *\n * @param {PlaylistLoader} playlistLoader\n * PlaylistLoader to start loading\n * @param {Object} mediaType\n * Active media type\n * @function startLoaders\n */\nvar startLoaders = function startLoaders(playlistLoader, mediaType) {\n // Segment loader will be started after `loadedmetadata` or `loadedplaylist` from the\n // playlist loader\n mediaType.activePlaylistLoader = playlistLoader;\n playlistLoader.load();\n};\n\n/**\n * Returns a function to be called when the media group changes. It performs a\n * non-destructive (preserve the buffer) resync of the SegmentLoader. This is because a\n * change of group is merely a rendition switch of the same content at another encoding,\n * rather than a change of content, such as switching audio from English to Spanish.\n *\n * @param {String} type\n * MediaGroup type\n * @param {Object} settings\n * Object containing required information for media groups\n * @return {Function}\n * Handler for a non-destructive resync of SegmentLoader when the active media\n * group changes.\n * @function onGroupChanged\n */\nvar onGroupChanged = function onGroupChanged(type, settings) {\n return function () {\n var _settings$segmentLoad = settings.segmentLoaders,\n segmentLoader = _settings$segmentLoad[type],\n mainSegmentLoader = _settings$segmentLoad.main,\n mediaType = settings.mediaTypes[type];\n\n var activeTrack = mediaType.activeTrack();\n var activeGroup = mediaType.activeGroup(activeTrack);\n var previousActiveLoader = mediaType.activePlaylistLoader;\n\n stopLoaders(segmentLoader, mediaType);\n\n if (!activeGroup) {\n // there is no group active\n return;\n }\n\n if (!activeGroup.playlistLoader) {\n if (previousActiveLoader) {\n // The previous group had a playlist loader but the new active group does not\n // this means we are switching from demuxed to muxed audio. In this case we want to\n // do a destructive reset of the main segment loader and not restart the audio\n // loaders.\n mainSegmentLoader.resetEverything();\n }\n return;\n }\n\n // Non-destructive resync\n segmentLoader.resyncLoader();\n\n startLoaders(activeGroup.playlistLoader, mediaType);\n };\n};\n\n/**\n * Returns a function to be called when the media track changes. It performs a\n * destructive reset of the SegmentLoader to ensure we start loading as close to\n * currentTime as possible.\n *\n * @param {String} type\n * MediaGroup type\n * @param {Object} settings\n * Object containing required information for media groups\n * @return {Function}\n * Handler for a destructive reset of SegmentLoader when the active media\n * track changes.\n * @function onTrackChanged\n */\nvar onTrackChanged = function onTrackChanged(type, settings) {\n return function () {\n var _settings$segmentLoad2 = settings.segmentLoaders,\n segmentLoader = _settings$segmentLoad2[type],\n mainSegmentLoader = _settings$segmentLoad2.main,\n mediaType = settings.mediaTypes[type];\n\n var activeTrack = mediaType.activeTrack();\n var activeGroup = mediaType.activeGroup(activeTrack);\n var previousActiveLoader = mediaType.activePlaylistLoader;\n\n stopLoaders(segmentLoader, mediaType);\n\n if (!activeGroup) {\n // there is no group active so we do not want to restart loaders\n return;\n }\n\n if (!activeGroup.playlistLoader) {\n // when switching from demuxed audio/video to muxed audio/video (noted by no playlist\n // loader for the audio group), we want to do a destructive reset of the main segment\n // loader and not restart the audio loaders\n mainSegmentLoader.resetEverything();\n return;\n }\n\n if (previousActiveLoader === activeGroup.playlistLoader) {\n // Nothing has actually changed. This can happen because track change events can fire\n // multiple times for a \"single\" change. One for enabling the new active track, and\n // one for disabling the track that was active\n startLoaders(activeGroup.playlistLoader, mediaType);\n return;\n }\n\n if (segmentLoader.track) {\n // For WebVTT, set the new text track in the segmentloader\n segmentLoader.track(activeTrack);\n }\n\n // destructive reset\n segmentLoader.resetEverything();\n\n startLoaders(activeGroup.playlistLoader, mediaType);\n };\n};\n\nvar onError = {\n /**\n * Returns a function to be called when a SegmentLoader or PlaylistLoader encounters\n * an error.\n *\n * @param {String} type\n * MediaGroup type\n * @param {Object} settings\n * Object containing required information for media groups\n * @return {Function}\n * Error handler. Logs warning (or error if the playlist is blacklisted) to\n * console and switches back to default audio track.\n * @function onError.AUDIO\n */\n AUDIO: function AUDIO(type, settings) {\n return function () {\n var segmentLoader = settings.segmentLoaders[type],\n mediaType = settings.mediaTypes[type],\n blacklistCurrentPlaylist = settings.blacklistCurrentPlaylist;\n\n stopLoaders(segmentLoader, mediaType);\n\n // switch back to default audio track\n var activeTrack = mediaType.activeTrack();\n var activeGroup = mediaType.activeGroup();\n var id = (activeGroup.filter(function (group) {\n return group.default;\n })[0] || activeGroup[0]).id;\n var defaultTrack = mediaType.tracks[id];\n\n if (activeTrack === defaultTrack) {\n // Default track encountered an error. All we can do now is blacklist the current\n // rendition and hope another will switch audio groups\n blacklistCurrentPlaylist({\n message: 'Problem encountered loading the default audio track.'\n });\n return;\n }\n\n videojs$1.log.warn('Problem encountered loading the alternate audio track.' + 'Switching back to default.');\n\n for (var trackId in mediaType.tracks) {\n mediaType.tracks[trackId].enabled = mediaType.tracks[trackId] === defaultTrack;\n }\n\n mediaType.onTrackChanged();\n };\n },\n /**\n * Returns a function to be called when a SegmentLoader or PlaylistLoader encounters\n * an error.\n *\n * @param {String} type\n * MediaGroup type\n * @param {Object} settings\n * Object containing required information for media groups\n * @return {Function}\n * Error handler. Logs warning to console and disables the active subtitle track\n * @function onError.SUBTITLES\n */\n SUBTITLES: function SUBTITLES(type, settings) {\n return function () {\n var segmentLoader = settings.segmentLoaders[type],\n mediaType = settings.mediaTypes[type];\n\n videojs$1.log.warn('Problem encountered loading the subtitle track.' + 'Disabling subtitle track.');\n\n stopLoaders(segmentLoader, mediaType);\n\n var track = mediaType.activeTrack();\n\n if (track) {\n track.mode = 'disabled';\n }\n\n mediaType.onTrackChanged();\n };\n }\n};\n\nvar setupListeners = {\n /**\n * Setup event listeners for audio playlist loader\n *\n * @param {String} type\n * MediaGroup type\n * @param {PlaylistLoader|null} playlistLoader\n * PlaylistLoader to register listeners on\n * @param {Object} settings\n * Object containing required information for media groups\n * @function setupListeners.AUDIO\n */\n AUDIO: function AUDIO(type, playlistLoader, settings) {\n if (!playlistLoader) {\n // no playlist loader means audio will be muxed with the video\n return;\n }\n\n var tech = settings.tech,\n requestOptions = settings.requestOptions,\n segmentLoader = settings.segmentLoaders[type];\n\n playlistLoader.on('loadedmetadata', function () {\n var media = playlistLoader.media();\n\n segmentLoader.playlist(media, requestOptions);\n\n // if the video is already playing, or if this isn't a live video and preload\n // permits, start downloading segments\n if (!tech.paused() || media.endList && tech.preload() !== 'none') {\n segmentLoader.load();\n }\n });\n\n playlistLoader.on('loadedplaylist', function () {\n segmentLoader.playlist(playlistLoader.media(), requestOptions);\n\n // If the player isn't paused, ensure that the segment loader is running\n if (!tech.paused()) {\n segmentLoader.load();\n }\n });\n\n playlistLoader.on('error', onError[type](type, settings));\n },\n /**\n * Setup event listeners for subtitle playlist loader\n *\n * @param {String} type\n * MediaGroup type\n * @param {PlaylistLoader|null} playlistLoader\n * PlaylistLoader to register listeners on\n * @param {Object} settings\n * Object containing required information for media groups\n * @function setupListeners.SUBTITLES\n */\n SUBTITLES: function SUBTITLES(type, playlistLoader, settings) {\n var tech = settings.tech,\n requestOptions = settings.requestOptions,\n segmentLoader = settings.segmentLoaders[type],\n mediaType = settings.mediaTypes[type];\n\n playlistLoader.on('loadedmetadata', function () {\n var media = playlistLoader.media();\n\n segmentLoader.playlist(media, requestOptions);\n segmentLoader.track(mediaType.activeTrack());\n\n // if the video is already playing, or if this isn't a live video and preload\n // permits, start downloading segments\n if (!tech.paused() || media.endList && tech.preload() !== 'none') {\n segmentLoader.load();\n }\n });\n\n playlistLoader.on('loadedplaylist', function () {\n segmentLoader.playlist(playlistLoader.media(), requestOptions);\n\n // If the player isn't paused, ensure that the segment loader is running\n if (!tech.paused()) {\n segmentLoader.load();\n }\n });\n\n playlistLoader.on('error', onError[type](type, settings));\n }\n};\n\nvar byGroupId = function byGroupId(type, groupId) {\n return function (playlist) {\n return playlist.attributes[type] === groupId;\n };\n};\n\nvar byResolvedUri = function byResolvedUri(resolvedUri) {\n return function (playlist) {\n return playlist.resolvedUri === resolvedUri;\n };\n};\n\nvar initialize = {\n /**\n * Setup PlaylistLoaders and AudioTracks for the audio groups\n *\n * @param {String} type\n * MediaGroup type\n * @param {Object} settings\n * Object containing required information for media groups\n * @function initialize.AUDIO\n */\n 'AUDIO': function AUDIO(type, settings) {\n var hls = settings.hls,\n sourceType = settings.sourceType,\n segmentLoader = settings.segmentLoaders[type],\n withCredentials = settings.requestOptions.withCredentials,\n _settings$master = settings.master,\n mediaGroups = _settings$master.mediaGroups,\n playlists = _settings$master.playlists,\n _settings$mediaTypes$ = settings.mediaTypes[type],\n groups = _settings$mediaTypes$.groups,\n tracks = _settings$mediaTypes$.tracks,\n masterPlaylistLoader = settings.masterPlaylistLoader;\n\n // force a default if we have none\n\n if (!mediaGroups[type] || Object.keys(mediaGroups[type]).length === 0) {\n mediaGroups[type] = { main: { default: { default: true } } };\n }\n\n for (var groupId in mediaGroups[type]) {\n if (!groups[groupId]) {\n groups[groupId] = [];\n }\n\n // List of playlists that have an AUDIO attribute value matching the current\n // group ID\n var groupPlaylists = playlists.filter(byGroupId(type, groupId));\n\n for (var variantLabel in mediaGroups[type][groupId]) {\n var properties = mediaGroups[type][groupId][variantLabel];\n\n // List of playlists for the current group ID that have a matching uri with\n // this alternate audio variant\n var matchingPlaylists = groupPlaylists.filter(byResolvedUri(properties.resolvedUri));\n\n if (matchingPlaylists.length) {\n // If there is a playlist that has the same uri as this audio variant, assume\n // that the playlist is audio only. We delete the resolvedUri property here\n // to prevent a playlist loader from being created so that we don't have\n // both the main and audio segment loaders loading the same audio segments\n // from the same playlist.\n delete properties.resolvedUri;\n }\n\n var playlistLoader = void 0;\n\n if (properties.resolvedUri) {\n playlistLoader = new PlaylistLoader(properties.resolvedUri, hls, withCredentials);\n } else if (properties.playlists && sourceType === 'dash') {\n playlistLoader = new DashPlaylistLoader(properties.playlists[0], hls, withCredentials, masterPlaylistLoader);\n } else {\n // no resolvedUri means the audio is muxed with the video when using this\n // audio track\n playlistLoader = null;\n }\n\n properties = videojs$1.mergeOptions({ id: variantLabel, playlistLoader: playlistLoader }, properties);\n\n setupListeners[type](type, properties.playlistLoader, settings);\n\n groups[groupId].push(properties);\n\n if (typeof tracks[variantLabel] === 'undefined') {\n var track = new videojs$1.AudioTrack({\n id: variantLabel,\n kind: audioTrackKind_(properties),\n enabled: false,\n language: properties.language,\n default: properties.default,\n label: variantLabel\n });\n\n tracks[variantLabel] = track;\n }\n }\n }\n\n // setup single error event handler for the segment loader\n segmentLoader.on('error', onError[type](type, settings));\n },\n /**\n * Setup PlaylistLoaders and TextTracks for the subtitle groups\n *\n * @param {String} type\n * MediaGroup type\n * @param {Object} settings\n * Object containing required information for media groups\n * @function initialize.SUBTITLES\n */\n 'SUBTITLES': function SUBTITLES(type, settings) {\n var tech = settings.tech,\n hls = settings.hls,\n sourceType = settings.sourceType,\n segmentLoader = settings.segmentLoaders[type],\n withCredentials = settings.requestOptions.withCredentials,\n mediaGroups = settings.master.mediaGroups,\n _settings$mediaTypes$2 = settings.mediaTypes[type],\n groups = _settings$mediaTypes$2.groups,\n tracks = _settings$mediaTypes$2.tracks,\n masterPlaylistLoader = settings.masterPlaylistLoader;\n\n for (var groupId in mediaGroups[type]) {\n if (!groups[groupId]) {\n groups[groupId] = [];\n }\n\n for (var variantLabel in mediaGroups[type][groupId]) {\n if (mediaGroups[type][groupId][variantLabel].forced) {\n // Subtitle playlists with the forced attribute are not selectable in Safari.\n // According to Apple's HLS Authoring Specification:\n // If content has forced subtitles and regular subtitles in a given language,\n // the regular subtitles track in that language MUST contain both the forced\n // subtitles and the regular subtitles for that language.\n // Because of this requirement and that Safari does not add forced subtitles,\n // forced subtitles are skipped here to maintain consistent experience across\n // all platforms\n continue;\n }\n\n var properties = mediaGroups[type][groupId][variantLabel];\n\n var playlistLoader = void 0;\n\n if (sourceType === 'hls') {\n playlistLoader = new PlaylistLoader(properties.resolvedUri, hls, withCredentials);\n } else if (sourceType === 'dash') {\n playlistLoader = new DashPlaylistLoader(properties.playlists[0], hls, withCredentials, masterPlaylistLoader);\n }\n\n properties = videojs$1.mergeOptions({\n id: variantLabel,\n playlistLoader: playlistLoader\n }, properties);\n\n setupListeners[type](type, properties.playlistLoader, settings);\n\n groups[groupId].push(properties);\n\n if (typeof tracks[variantLabel] === 'undefined') {\n var track = tech.addRemoteTextTrack({\n id: variantLabel,\n kind: 'subtitles',\n enabled: false,\n language: properties.language,\n label: variantLabel\n }, false).track;\n\n tracks[variantLabel] = track;\n }\n }\n }\n\n // setup single error event handler for the segment loader\n segmentLoader.on('error', onError[type](type, settings));\n },\n /**\n * Setup TextTracks for the closed-caption groups\n *\n * @param {String} type\n * MediaGroup type\n * @param {Object} settings\n * Object containing required information for media groups\n * @function initialize['CLOSED-CAPTIONS']\n */\n 'CLOSED-CAPTIONS': function CLOSEDCAPTIONS(type, settings) {\n var tech = settings.tech,\n mediaGroups = settings.master.mediaGroups,\n _settings$mediaTypes$3 = settings.mediaTypes[type],\n groups = _settings$mediaTypes$3.groups,\n tracks = _settings$mediaTypes$3.tracks;\n\n for (var groupId in mediaGroups[type]) {\n if (!groups[groupId]) {\n groups[groupId] = [];\n }\n\n for (var variantLabel in mediaGroups[type][groupId]) {\n var properties = mediaGroups[type][groupId][variantLabel];\n\n // We only support CEA608 captions for now, so ignore anything that\n // doesn't use a CCx INSTREAM-ID\n if (!properties.instreamId.match(/CC\\d/)) {\n continue;\n }\n\n // No PlaylistLoader is required for Closed-Captions because the captions are\n // embedded within the video stream\n groups[groupId].push(videojs$1.mergeOptions({ id: variantLabel }, properties));\n\n if (typeof tracks[variantLabel] === 'undefined') {\n var track = tech.addRemoteTextTrack({\n id: properties.instreamId,\n kind: 'captions',\n enabled: false,\n language: properties.language,\n label: variantLabel\n }, false).track;\n\n tracks[variantLabel] = track;\n }\n }\n }\n }\n};\n\n/**\n * Returns a function used to get the active group of the provided type\n *\n * @param {String} type\n * MediaGroup type\n * @param {Object} settings\n * Object containing required information for media groups\n * @return {Function}\n * Function that returns the active media group for the provided type. Takes an\n * optional parameter {TextTrack} track. If no track is provided, a list of all\n * variants in the group, otherwise the variant corresponding to the provided\n * track is returned.\n * @function activeGroup\n */\nvar activeGroup = function activeGroup(type, settings) {\n return function (track) {\n var masterPlaylistLoader = settings.masterPlaylistLoader,\n groups = settings.mediaTypes[type].groups;\n\n var media = masterPlaylistLoader.media();\n\n if (!media) {\n return null;\n }\n\n var variants = null;\n\n if (media.attributes[type]) {\n variants = groups[media.attributes[type]];\n }\n\n variants = variants || groups.main;\n\n if (typeof track === 'undefined') {\n return variants;\n }\n\n if (track === null) {\n // An active track was specified so a corresponding group is expected. track === null\n // means no track is currently active so there is no corresponding group\n return null;\n }\n\n return variants.filter(function (props) {\n return props.id === track.id;\n })[0] || null;\n };\n};\n\nvar activeTrack = {\n /**\n * Returns a function used to get the active track of type provided\n *\n * @param {String} type\n * MediaGroup type\n * @param {Object} settings\n * Object containing required information for media groups\n * @return {Function}\n * Function that returns the active media track for the provided type. Returns\n * null if no track is active\n * @function activeTrack.AUDIO\n */\n AUDIO: function AUDIO(type, settings) {\n return function () {\n var tracks = settings.mediaTypes[type].tracks;\n\n for (var id in tracks) {\n if (tracks[id].enabled) {\n return tracks[id];\n }\n }\n\n return null;\n };\n },\n /**\n * Returns a function used to get the active track of type provided\n *\n * @param {String} type\n * MediaGroup type\n * @param {Object} settings\n * Object containing required information for media groups\n * @return {Function}\n * Function that returns the active media track for the provided type. Returns\n * null if no track is active\n * @function activeTrack.SUBTITLES\n */\n SUBTITLES: function SUBTITLES(type, settings) {\n return function () {\n var tracks = settings.mediaTypes[type].tracks;\n\n for (var id in tracks) {\n if (tracks[id].mode === 'showing') {\n return tracks[id];\n }\n }\n\n return null;\n };\n }\n};\n\n/**\n * Setup PlaylistLoaders and Tracks for media groups (Audio, Subtitles,\n * Closed-Captions) specified in the master manifest.\n *\n * @param {Object} settings\n * Object containing required information for setting up the media groups\n * @param {SegmentLoader} settings.segmentLoaders.AUDIO\n * Audio segment loader\n * @param {SegmentLoader} settings.segmentLoaders.SUBTITLES\n * Subtitle segment loader\n * @param {SegmentLoader} settings.segmentLoaders.main\n * Main segment loader\n * @param {Tech} settings.tech\n * The tech of the player\n * @param {Object} settings.requestOptions\n * XHR request options used by the segment loaders\n * @param {PlaylistLoader} settings.masterPlaylistLoader\n * PlaylistLoader for the master source\n * @param {HlsHandler} settings.hls\n * HLS SourceHandler\n * @param {Object} settings.master\n * The parsed master manifest\n * @param {Object} settings.mediaTypes\n * Object to store the loaders, tracks, and utility methods for each media type\n * @param {Function} settings.blacklistCurrentPlaylist\n * Blacklists the current rendition and forces a rendition switch.\n * @function setupMediaGroups\n */\nvar setupMediaGroups = function setupMediaGroups(settings) {\n ['AUDIO', 'SUBTITLES', 'CLOSED-CAPTIONS'].forEach(function (type) {\n initialize[type](type, settings);\n });\n\n var mediaTypes = settings.mediaTypes,\n masterPlaylistLoader = settings.masterPlaylistLoader,\n tech = settings.tech,\n hls = settings.hls;\n\n // setup active group and track getters and change event handlers\n\n ['AUDIO', 'SUBTITLES'].forEach(function (type) {\n mediaTypes[type].activeGroup = activeGroup(type, settings);\n mediaTypes[type].activeTrack = activeTrack[type](type, settings);\n mediaTypes[type].onGroupChanged = onGroupChanged(type, settings);\n mediaTypes[type].onTrackChanged = onTrackChanged(type, settings);\n });\n\n // DO NOT enable the default subtitle or caption track.\n // DO enable the default audio track\n var audioGroup = mediaTypes.AUDIO.activeGroup();\n var groupId = (audioGroup.filter(function (group) {\n return group.default;\n })[0] || audioGroup[0]).id;\n\n mediaTypes.AUDIO.tracks[groupId].enabled = true;\n mediaTypes.AUDIO.onTrackChanged();\n\n masterPlaylistLoader.on('mediachange', function () {\n ['AUDIO', 'SUBTITLES'].forEach(function (type) {\n return mediaTypes[type].onGroupChanged();\n });\n });\n\n // custom audio track change event handler for usage event\n var onAudioTrackChanged = function onAudioTrackChanged() {\n mediaTypes.AUDIO.onTrackChanged();\n tech.trigger({ type: 'usage', name: 'hls-audio-change' });\n };\n\n tech.audioTracks().addEventListener('change', onAudioTrackChanged);\n tech.remoteTextTracks().addEventListener('change', mediaTypes.SUBTITLES.onTrackChanged);\n\n hls.on('dispose', function () {\n tech.audioTracks().removeEventListener('change', onAudioTrackChanged);\n tech.remoteTextTracks().removeEventListener('change', mediaTypes.SUBTITLES.onTrackChanged);\n });\n\n // clear existing audio tracks and add the ones we just created\n tech.clearTracks('audio');\n\n for (var id in mediaTypes.AUDIO.tracks) {\n tech.audioTracks().addTrack(mediaTypes.AUDIO.tracks[id]);\n }\n};\n\n/**\n * Creates skeleton object used to store the loaders, tracks, and utility methods for each\n * media type\n *\n * @return {Object}\n * Object to store the loaders, tracks, and utility methods for each media type\n * @function createMediaTypes\n */\nvar createMediaTypes = function createMediaTypes() {\n var mediaTypes = {};\n\n ['AUDIO', 'SUBTITLES', 'CLOSED-CAPTIONS'].forEach(function (type) {\n mediaTypes[type] = {\n groups: {},\n tracks: {},\n activePlaylistLoader: null,\n activeGroup: noop,\n activeTrack: noop,\n onGroupChanged: noop,\n onTrackChanged: noop\n };\n });\n\n return mediaTypes;\n};\n\n/**\n * @file master-playlist-controller.js\n */\n\nvar ABORT_EARLY_BLACKLIST_SECONDS = 60 * 2;\n\nvar Hls = void 0;\n\n// SegmentLoader stats that need to have each loader's\n// values summed to calculate the final value\nvar loaderStats = ['mediaRequests', 'mediaRequestsAborted', 'mediaRequestsTimedout', 'mediaRequestsErrored', 'mediaTransferDuration', 'mediaBytesTransferred'];\nvar sumLoaderStat = function sumLoaderStat(stat) {\n return this.audioSegmentLoader_[stat] + this.mainSegmentLoader_[stat];\n};\n\n/**\n * the master playlist controller controller all interactons\n * between playlists and segmentloaders. At this time this mainly\n * involves a master playlist and a series of audio playlists\n * if they are available\n *\n * @class MasterPlaylistController\n * @extends videojs.EventTarget\n */\nvar MasterPlaylistController = function (_videojs$EventTarget) {\n inherits$1(MasterPlaylistController, _videojs$EventTarget);\n\n function MasterPlaylistController(options) {\n classCallCheck$1(this, MasterPlaylistController);\n\n var _this = possibleConstructorReturn$1(this, (MasterPlaylistController.__proto__ || Object.getPrototypeOf(MasterPlaylistController)).call(this));\n\n var url = options.url,\n withCredentials = options.withCredentials,\n tech = options.tech,\n bandwidth = options.bandwidth,\n externHls = options.externHls,\n useCueTags = options.useCueTags,\n blacklistDuration = options.blacklistDuration,\n enableLowInitialPlaylist = options.enableLowInitialPlaylist,\n sourceType = options.sourceType,\n seekTo = options.seekTo;\n\n if (!url) {\n throw new Error('A non-empty playlist URL is required');\n }\n\n Hls = externHls;\n\n _this.withCredentials = withCredentials;\n _this.tech_ = tech;\n _this.hls_ = tech.hls;\n _this.seekTo_ = seekTo;\n _this.sourceType_ = sourceType;\n _this.useCueTags_ = useCueTags;\n _this.blacklistDuration = blacklistDuration;\n _this.enableLowInitialPlaylist = enableLowInitialPlaylist;\n if (_this.useCueTags_) {\n _this.cueTagsTrack_ = _this.tech_.addTextTrack('metadata', 'ad-cues');\n _this.cueTagsTrack_.inBandMetadataTrackDispatchType = '';\n }\n\n _this.requestOptions_ = {\n withCredentials: _this.withCredentials,\n timeout: null\n };\n\n _this.mediaTypes_ = createMediaTypes();\n\n _this.mediaSource = new videojs$1.MediaSource();\n\n // load the media source into the player\n _this.mediaSource.addEventListener('sourceopen', _this.handleSourceOpen_.bind(_this));\n\n _this.seekable_ = videojs$1.createTimeRanges();\n _this.hasPlayed_ = function () {\n return false;\n };\n\n _this.syncController_ = new SyncController(options);\n _this.segmentMetadataTrack_ = tech.addRemoteTextTrack({\n kind: 'metadata',\n label: 'segment-metadata'\n }, false).track;\n\n _this.decrypter_ = new Decrypter$1();\n _this.inbandTextTracks_ = {};\n\n var segmentLoaderSettings = {\n hls: _this.hls_,\n mediaSource: _this.mediaSource,\n currentTime: _this.tech_.currentTime.bind(_this.tech_),\n seekable: function seekable$$1() {\n return _this.seekable();\n },\n seeking: function seeking() {\n return _this.tech_.seeking();\n },\n duration: function duration$$1() {\n return _this.mediaSource.duration;\n },\n hasPlayed: function hasPlayed() {\n return _this.hasPlayed_();\n },\n goalBufferLength: function goalBufferLength() {\n return _this.goalBufferLength();\n },\n bandwidth: bandwidth,\n syncController: _this.syncController_,\n decrypter: _this.decrypter_,\n sourceType: _this.sourceType_,\n inbandTextTracks: _this.inbandTextTracks_\n };\n\n _this.masterPlaylistLoader_ = _this.sourceType_ === 'dash' ? new DashPlaylistLoader(url, _this.hls_, _this.withCredentials) : new PlaylistLoader(url, _this.hls_, _this.withCredentials);\n _this.setupMasterPlaylistLoaderListeners_();\n\n // setup segment loaders\n // combined audio/video or just video when alternate audio track is selected\n _this.mainSegmentLoader_ = new SegmentLoader(videojs$1.mergeOptions(segmentLoaderSettings, {\n segmentMetadataTrack: _this.segmentMetadataTrack_,\n loaderType: 'main'\n }), options);\n\n // alternate audio track\n _this.audioSegmentLoader_ = new SegmentLoader(videojs$1.mergeOptions(segmentLoaderSettings, {\n loaderType: 'audio'\n }), options);\n\n _this.subtitleSegmentLoader_ = new VTTSegmentLoader(videojs$1.mergeOptions(segmentLoaderSettings, {\n loaderType: 'vtt'\n }), options);\n\n _this.setupSegmentLoaderListeners_();\n\n // Create SegmentLoader stat-getters\n loaderStats.forEach(function (stat) {\n _this[stat + '_'] = sumLoaderStat.bind(_this, stat);\n });\n\n _this.logger_ = logger('MPC');\n\n _this.masterPlaylistLoader_.load();\n return _this;\n }\n\n /**\n * Register event handlers on the master playlist loader. A helper\n * function for construction time.\n *\n * @private\n */\n\n createClass$1(MasterPlaylistController, [{\n key: 'setupMasterPlaylistLoaderListeners_',\n value: function setupMasterPlaylistLoaderListeners_() {\n var _this2 = this;\n\n this.masterPlaylistLoader_.on('loadedmetadata', function () {\n var media = _this2.masterPlaylistLoader_.media();\n var requestTimeout = _this2.masterPlaylistLoader_.targetDuration * 1.5 * 1000;\n\n // If we don't have any more available playlists, we don't want to\n // timeout the request.\n if (isLowestEnabledRendition(_this2.masterPlaylistLoader_.master, _this2.masterPlaylistLoader_.media())) {\n _this2.requestOptions_.timeout = 0;\n } else {\n _this2.requestOptions_.timeout = requestTimeout;\n }\n\n // if this isn't a live video and preload permits, start\n // downloading segments\n if (media.endList && _this2.tech_.preload() !== 'none') {\n _this2.mainSegmentLoader_.playlist(media, _this2.requestOptions_);\n _this2.mainSegmentLoader_.load();\n }\n\n setupMediaGroups({\n sourceType: _this2.sourceType_,\n segmentLoaders: {\n AUDIO: _this2.audioSegmentLoader_,\n SUBTITLES: _this2.subtitleSegmentLoader_,\n main: _this2.mainSegmentLoader_\n },\n tech: _this2.tech_,\n requestOptions: _this2.requestOptions_,\n masterPlaylistLoader: _this2.masterPlaylistLoader_,\n hls: _this2.hls_,\n master: _this2.master(),\n mediaTypes: _this2.mediaTypes_,\n blacklistCurrentPlaylist: _this2.blacklistCurrentPlaylist.bind(_this2)\n });\n\n _this2.triggerPresenceUsage_(_this2.master(), media);\n\n try {\n _this2.setupSourceBuffers_();\n } catch (e) {\n videojs$1.log.warn('Failed to create SourceBuffers', e);\n return _this2.mediaSource.endOfStream('decode');\n }\n _this2.setupFirstPlay();\n\n _this2.trigger('selectedinitialmedia');\n });\n\n this.masterPlaylistLoader_.on('loadedplaylist', function () {\n var updatedPlaylist = _this2.masterPlaylistLoader_.media();\n\n if (!updatedPlaylist) {\n // blacklist any variants that are not supported by the browser before selecting\n // an initial media as the playlist selectors do not consider browser support\n _this2.excludeUnsupportedVariants_();\n\n var selectedMedia = void 0;\n\n if (_this2.enableLowInitialPlaylist) {\n selectedMedia = _this2.selectInitialPlaylist();\n }\n\n if (!selectedMedia) {\n selectedMedia = _this2.selectPlaylist();\n }\n\n _this2.initialMedia_ = selectedMedia;\n _this2.masterPlaylistLoader_.media(_this2.initialMedia_);\n return;\n }\n\n if (_this2.useCueTags_) {\n _this2.updateAdCues_(updatedPlaylist);\n }\n\n // TODO: Create a new event on the PlaylistLoader that signals\n // that the segments have changed in some way and use that to\n // update the SegmentLoader instead of doing it twice here and\n // on `mediachange`\n _this2.mainSegmentLoader_.playlist(updatedPlaylist, _this2.requestOptions_);\n _this2.updateDuration();\n\n // If the player isn't paused, ensure that the segment loader is running,\n // as it is possible that it was temporarily stopped while waiting for\n // a playlist (e.g., in case the playlist errored and we re-requested it).\n if (!_this2.tech_.paused()) {\n _this2.mainSegmentLoader_.load();\n if (_this2.audioSegmentLoader_) {\n _this2.audioSegmentLoader_.load();\n }\n }\n\n if (!updatedPlaylist.endList) {\n var addSeekableRange = function addSeekableRange() {\n var seekable$$1 = _this2.seekable();\n\n if (seekable$$1.length !== 0) {\n _this2.mediaSource.addSeekableRange_(seekable$$1.start(0), seekable$$1.end(0));\n }\n };\n\n if (_this2.duration() !== Infinity) {\n var onDurationchange = function onDurationchange() {\n if (_this2.duration() === Infinity) {\n addSeekableRange();\n } else {\n _this2.tech_.one('durationchange', onDurationchange);\n }\n };\n\n _this2.tech_.one('durationchange', onDurationchange);\n } else {\n addSeekableRange();\n }\n }\n });\n\n this.masterPlaylistLoader_.on('error', function () {\n _this2.blacklistCurrentPlaylist(_this2.masterPlaylistLoader_.error);\n });\n\n this.masterPlaylistLoader_.on('mediachanging', function () {\n _this2.mainSegmentLoader_.abort();\n _this2.mainSegmentLoader_.pause();\n });\n\n this.masterPlaylistLoader_.on('mediachange', function () {\n var media = _this2.masterPlaylistLoader_.media();\n var requestTimeout = _this2.masterPlaylistLoader_.targetDuration * 1.5 * 1000;\n\n // If we don't have any more available playlists, we don't want to\n // timeout the request.\n if (isLowestEnabledRendition(_this2.masterPlaylistLoader_.master, _this2.masterPlaylistLoader_.media())) {\n _this2.requestOptions_.timeout = 0;\n } else {\n _this2.requestOptions_.timeout = requestTimeout;\n }\n\n // TODO: Create a new event on the PlaylistLoader that signals\n // that the segments have changed in some way and use that to\n // update the SegmentLoader instead of doing it twice here and\n // on `loadedplaylist`\n _this2.mainSegmentLoader_.playlist(media, _this2.requestOptions_);\n\n _this2.mainSegmentLoader_.load();\n\n _this2.tech_.trigger({\n type: 'mediachange',\n bubbles: true\n });\n });\n\n this.masterPlaylistLoader_.on('playlistunchanged', function () {\n var updatedPlaylist = _this2.masterPlaylistLoader_.media();\n var playlistOutdated = _this2.stuckAtPlaylistEnd_(updatedPlaylist);\n\n if (playlistOutdated) {\n // Playlist has stopped updating and we're stuck at its end. Try to\n // blacklist it and switch to another playlist in the hope that that\n // one is updating (and give the player a chance to re-adjust to the\n // safe live point).\n _this2.blacklistCurrentPlaylist({\n message: 'Playlist no longer updating.'\n });\n // useful for monitoring QoS\n _this2.tech_.trigger('playliststuck');\n }\n });\n\n this.masterPlaylistLoader_.on('renditiondisabled', function () {\n _this2.tech_.trigger({ type: 'usage', name: 'hls-rendition-disabled' });\n });\n this.masterPlaylistLoader_.on('renditionenabled', function () {\n _this2.tech_.trigger({ type: 'usage', name: 'hls-rendition-enabled' });\n });\n }\n\n /**\n * A helper function for triggerring presence usage events once per source\n *\n * @private\n */\n\n }, {\n key: 'triggerPresenceUsage_',\n value: function triggerPresenceUsage_(master, media) {\n var mediaGroups = master.mediaGroups || {};\n var defaultDemuxed = true;\n var audioGroupKeys = Object.keys(mediaGroups.AUDIO);\n\n for (var mediaGroup in mediaGroups.AUDIO) {\n for (var label in mediaGroups.AUDIO[mediaGroup]) {\n var properties = mediaGroups.AUDIO[mediaGroup][label];\n\n if (!properties.uri) {\n defaultDemuxed = false;\n }\n }\n }\n\n if (defaultDemuxed) {\n this.tech_.trigger({ type: 'usage', name: 'hls-demuxed' });\n }\n\n if (Object.keys(mediaGroups.SUBTITLES).length) {\n this.tech_.trigger({ type: 'usage', name: 'hls-webvtt' });\n }\n\n if (Hls.Playlist.isAes(media)) {\n this.tech_.trigger({ type: 'usage', name: 'hls-aes' });\n }\n\n if (Hls.Playlist.isFmp4(media)) {\n this.tech_.trigger({ type: 'usage', name: 'hls-fmp4' });\n }\n\n if (audioGroupKeys.length && Object.keys(mediaGroups.AUDIO[audioGroupKeys[0]]).length > 1) {\n this.tech_.trigger({ type: 'usage', name: 'hls-alternate-audio' });\n }\n\n if (this.useCueTags_) {\n this.tech_.trigger({ type: 'usage', name: 'hls-playlist-cue-tags' });\n }\n }\n /**\n * Register event handlers on the segment loaders. A helper function\n * for construction time.\n *\n * @private\n */\n\n }, {\n key: 'setupSegmentLoaderListeners_',\n value: function setupSegmentLoaderListeners_() {\n var _this3 = this;\n\n this.mainSegmentLoader_.on('bandwidthupdate', function () {\n var nextPlaylist = _this3.selectPlaylist();\n var currentPlaylist = _this3.masterPlaylistLoader_.media();\n var buffered = _this3.tech_.buffered();\n var forwardBuffer = buffered.length ? buffered.end(buffered.length - 1) - _this3.tech_.currentTime() : 0;\n\n var bufferLowWaterLine = _this3.bufferLowWaterLine();\n\n // If the playlist is live, then we want to not take low water line into account.\n // This is because in LIVE, the player plays 3 segments from the end of the\n // playlist, and if `BUFFER_LOW_WATER_LINE` is greater than the duration availble\n // in those segments, a viewer will never experience a rendition upswitch.\n if (!currentPlaylist.endList ||\n // For the same reason as LIVE, we ignore the low water line when the VOD\n // duration is below the max potential low water line\n _this3.duration() < Config.MAX_BUFFER_LOW_WATER_LINE ||\n // we want to switch down to lower resolutions quickly to continue playback, but\n nextPlaylist.attributes.BANDWIDTH < currentPlaylist.attributes.BANDWIDTH ||\n // ensure we have some buffer before we switch up to prevent us running out of\n // buffer while loading a higher rendition.\n forwardBuffer >= bufferLowWaterLine) {\n _this3.masterPlaylistLoader_.media(nextPlaylist);\n }\n\n _this3.tech_.trigger('bandwidthupdate');\n });\n this.mainSegmentLoader_.on('progress', function () {\n _this3.trigger('progress');\n });\n\n this.mainSegmentLoader_.on('error', function () {\n _this3.blacklistCurrentPlaylist(_this3.mainSegmentLoader_.error());\n });\n\n this.mainSegmentLoader_.on('syncinfoupdate', function () {\n _this3.onSyncInfoUpdate_();\n });\n\n this.mainSegmentLoader_.on('timestampoffset', function () {\n _this3.tech_.trigger({ type: 'usage', name: 'hls-timestamp-offset' });\n });\n this.audioSegmentLoader_.on('syncinfoupdate', function () {\n _this3.onSyncInfoUpdate_();\n });\n\n this.mainSegmentLoader_.on('ended', function () {\n _this3.onEndOfStream();\n });\n\n this.mainSegmentLoader_.on('earlyabort', function () {\n _this3.blacklistCurrentPlaylist({\n message: 'Aborted early because there isn\\'t enough bandwidth to complete the ' + 'request without rebuffering.'\n }, ABORT_EARLY_BLACKLIST_SECONDS);\n });\n\n this.mainSegmentLoader_.on('reseteverything', function () {\n // If playing an MTS stream, a videojs.MediaSource is listening for\n // hls-reset to reset caption parsing state in the transmuxer\n _this3.tech_.trigger('hls-reset');\n });\n\n this.mainSegmentLoader_.on('segmenttimemapping', function (event) {\n // If playing an MTS stream in html, a videojs.MediaSource is listening for\n // hls-segment-time-mapping update its internal mapping of stream to display time\n _this3.tech_.trigger({\n type: 'hls-segment-time-mapping',\n mapping: event.mapping\n });\n });\n\n this.audioSegmentLoader_.on('ended', function () {\n _this3.onEndOfStream();\n });\n }\n }, {\n key: 'mediaSecondsLoaded_',\n value: function mediaSecondsLoaded_() {\n return Math.max(this.audioSegmentLoader_.mediaSecondsLoaded + this.mainSegmentLoader_.mediaSecondsLoaded);\n }\n\n /**\n * Call load on our SegmentLoaders\n */\n\n }, {\n key: 'load',\n value: function load() {\n this.mainSegmentLoader_.load();\n if (this.mediaTypes_.AUDIO.activePlaylistLoader) {\n this.audioSegmentLoader_.load();\n }\n if (this.mediaTypes_.SUBTITLES.activePlaylistLoader) {\n this.subtitleSegmentLoader_.load();\n }\n }\n\n /**\n * Re-tune playback quality level for the current player\n * conditions without performing destructive actions, like\n * removing already buffered content\n *\n * @private\n */\n\n }, {\n key: 'smoothQualityChange_',\n value: function smoothQualityChange_() {\n var media = this.selectPlaylist();\n\n if (media !== this.masterPlaylistLoader_.media()) {\n this.masterPlaylistLoader_.media(media);\n\n this.mainSegmentLoader_.resetLoader();\n // don't need to reset audio as it is reset when media changes\n }\n }\n\n /**\n * Re-tune playback quality level for the current player\n * conditions. This method will perform destructive actions like removing\n * already buffered content in order to readjust the currently active\n * playlist quickly. This is good for manual quality changes\n *\n * @private\n */\n\n }, {\n key: 'fastQualityChange_',\n value: function fastQualityChange_() {\n var _this4 = this;\n\n var media = this.selectPlaylist();\n\n if (media === this.masterPlaylistLoader_.media()) {\n return;\n }\n\n this.masterPlaylistLoader_.media(media);\n\n // delete all buffered data to allow an immediate quality switch, then seek\n // in place to give the browser a kick to remove any cached frames from the\n // previous rendition\n this.mainSegmentLoader_.resetEverything(function () {\n // Since this is not a typical seek, we avoid the seekTo method which can cause\n // segments from the previously enabled rendition to load before the new playlist\n // has finished loading\n _this4.tech_.setCurrentTime(_this4.tech_.currentTime());\n });\n\n // don't need to reset audio as it is reset when media changes\n }\n\n /**\n * Begin playback.\n */\n\n }, {\n key: 'play',\n value: function play() {\n if (this.setupFirstPlay()) {\n return;\n }\n\n if (this.tech_.ended()) {\n this.seekTo_(0);\n }\n\n if (this.hasPlayed_()) {\n this.load();\n }\n\n var seekable$$1 = this.tech_.seekable();\n\n // if the viewer has paused and we fell out of the live window,\n // seek forward to the live point\n if (this.tech_.duration() === Infinity) {\n if (this.tech_.currentTime() < seekable$$1.start(0)) {\n return this.seekTo_(seekable$$1.end(seekable$$1.length - 1));\n }\n }\n }\n\n /**\n * Seek to the latest media position if this is a live video and the\n * player and video are loaded and initialized.\n */\n\n }, {\n key: 'setupFirstPlay',\n value: function setupFirstPlay() {\n var _this5 = this;\n\n var media = this.masterPlaylistLoader_.media();\n\n // Check that everything is ready to begin buffering for the first call to play\n // If 1) there is no active media\n // 2) the player is paused\n // 3) the first play has already been setup\n // then exit early\n if (!media || this.tech_.paused() || this.hasPlayed_()) {\n return false;\n }\n\n // when the video is a live stream\n if (!media.endList) {\n var seekable$$1 = this.seekable();\n\n if (!seekable$$1.length) {\n // without a seekable range, the player cannot seek to begin buffering at the live\n // point\n return false;\n }\n\n if (videojs$1.browser.IE_VERSION && this.tech_.readyState() === 0) {\n // IE11 throws an InvalidStateError if you try to set currentTime while the\n // readyState is 0, so it must be delayed until the tech fires loadedmetadata.\n this.tech_.one('loadedmetadata', function () {\n _this5.trigger('firstplay');\n _this5.seekTo_(seekable$$1.end(0));\n _this5.hasPlayed_ = function () {\n return true;\n };\n });\n\n return false;\n }\n\n // trigger firstplay to inform the source handler to ignore the next seek event\n this.trigger('firstplay');\n // seek to the live point\n this.seekTo_(seekable$$1.end(0));\n }\n\n this.hasPlayed_ = function () {\n return true;\n };\n // we can begin loading now that everything is ready\n this.load();\n return true;\n }\n\n /**\n * handle the sourceopen event on the MediaSource\n *\n * @private\n */\n\n }, {\n key: 'handleSourceOpen_',\n value: function handleSourceOpen_() {\n // Only attempt to create the source buffer if none already exist.\n // handleSourceOpen is also called when we are \"re-opening\" a source buffer\n // after `endOfStream` has been called (in response to a seek for instance)\n try {\n this.setupSourceBuffers_();\n } catch (e) {\n videojs$1.log.warn('Failed to create Source Buffers', e);\n return this.mediaSource.endOfStream('decode');\n }\n\n // if autoplay is enabled, begin playback. This is duplicative of\n // code in video.js but is required because play() must be invoked\n // *after* the media source has opened.\n if (this.tech_.autoplay()) {\n var playPromise = this.tech_.play();\n\n // Catch/silence error when a pause interrupts a play request\n // on browsers which return a promise\n if (typeof playPromise !== 'undefined' && typeof playPromise.then === 'function') {\n playPromise.then(null, function (e) {});\n }\n }\n\n this.trigger('sourceopen');\n }\n\n /**\n * Calls endOfStream on the media source when all active stream types have called\n * endOfStream\n *\n * @param {string} streamType\n * Stream type of the segment loader that called endOfStream\n * @private\n */\n\n }, {\n key: 'onEndOfStream',\n value: function onEndOfStream() {\n var isEndOfStream = this.mainSegmentLoader_.ended_;\n\n if (this.mediaTypes_.AUDIO.activePlaylistLoader) {\n // if the audio playlist loader exists, then alternate audio is active\n if (!this.mainSegmentLoader_.startingMedia_ || this.mainSegmentLoader_.startingMedia_.containsVideo) {\n // if we do not know if the main segment loader contains video yet or if we\n // definitively know the main segment loader contains video, then we need to wait\n // for both main and audio segment loaders to call endOfStream\n isEndOfStream = isEndOfStream && this.audioSegmentLoader_.ended_;\n } else {\n // otherwise just rely on the audio loader\n isEndOfStream = this.audioSegmentLoader_.ended_;\n }\n }\n\n if (isEndOfStream) {\n this.mediaSource.endOfStream();\n }\n }\n\n /**\n * Check if a playlist has stopped being updated\n * @param {Object} playlist the media playlist object\n * @return {boolean} whether the playlist has stopped being updated or not\n */\n\n }, {\n key: 'stuckAtPlaylistEnd_',\n value: function stuckAtPlaylistEnd_(playlist) {\n var seekable$$1 = this.seekable();\n\n if (!seekable$$1.length) {\n // playlist doesn't have enough information to determine whether we are stuck\n return false;\n }\n\n var expired = this.syncController_.getExpiredTime(playlist, this.mediaSource.duration);\n\n if (expired === null) {\n return false;\n }\n\n // does not use the safe live end to calculate playlist end, since we\n // don't want to say we are stuck while there is still content\n var absolutePlaylistEnd = Hls.Playlist.playlistEnd(playlist, expired);\n var currentTime = this.tech_.currentTime();\n var buffered = this.tech_.buffered();\n\n if (!buffered.length) {\n // return true if the playhead reached the absolute end of the playlist\n return absolutePlaylistEnd - currentTime <= SAFE_TIME_DELTA;\n }\n var bufferedEnd = buffered.end(buffered.length - 1);\n\n // return true if there is too little buffer left and buffer has reached absolute\n // end of playlist\n return bufferedEnd - currentTime <= SAFE_TIME_DELTA && absolutePlaylistEnd - bufferedEnd <= SAFE_TIME_DELTA;\n }\n\n /**\n * Blacklists a playlist when an error occurs for a set amount of time\n * making it unavailable for selection by the rendition selection algorithm\n * and then forces a new playlist (rendition) selection.\n *\n * @param {Object=} error an optional error that may include the playlist\n * to blacklist\n * @param {Number=} blacklistDuration an optional number of seconds to blacklist the\n * playlist\n */\n\n }, {\n key: 'blacklistCurrentPlaylist',\n value: function blacklistCurrentPlaylist() {\n var error = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n var blacklistDuration = arguments[1];\n\n var currentPlaylist = void 0;\n var nextPlaylist = void 0;\n\n // If the `error` was generated by the playlist loader, it will contain\n // the playlist we were trying to load (but failed) and that should be\n // blacklisted instead of the currently selected playlist which is likely\n // out-of-date in this scenario\n currentPlaylist = error.playlist || this.masterPlaylistLoader_.media();\n\n blacklistDuration = blacklistDuration || error.blacklistDuration || this.blacklistDuration;\n\n // If there is no current playlist, then an error occurred while we were\n // trying to load the master OR while we were disposing of the tech\n if (!currentPlaylist) {\n this.error = error;\n\n try {\n return this.mediaSource.endOfStream('network');\n } catch (e) {\n return this.trigger('error');\n }\n }\n\n var isFinalRendition = this.masterPlaylistLoader_.master.playlists.filter(isEnabled).length === 1;\n\n if (isFinalRendition) {\n // Never blacklisting this playlist because it's final rendition\n videojs$1.log.warn('Problem encountered with the current ' + 'HLS playlist. Trying again since it is the final playlist.');\n\n this.tech_.trigger('retryplaylist');\n return this.masterPlaylistLoader_.load(isFinalRendition);\n }\n // Blacklist this playlist\n currentPlaylist.excludeUntil = Date.now() + blacklistDuration * 1000;\n this.tech_.trigger('blacklistplaylist');\n this.tech_.trigger({ type: 'usage', name: 'hls-rendition-blacklisted' });\n\n // Select a new playlist\n nextPlaylist = this.selectPlaylist();\n videojs$1.log.warn('Problem encountered with the current HLS playlist.' + (error.message ? ' ' + error.message : '') + ' Switching to another playlist.');\n\n return this.masterPlaylistLoader_.media(nextPlaylist);\n }\n\n /**\n * Pause all segment loaders\n */\n\n }, {\n key: 'pauseLoading',\n value: function pauseLoading() {\n this.mainSegmentLoader_.pause();\n if (this.mediaTypes_.AUDIO.activePlaylistLoader) {\n this.audioSegmentLoader_.pause();\n }\n if (this.mediaTypes_.SUBTITLES.activePlaylistLoader) {\n this.subtitleSegmentLoader_.pause();\n }\n }\n\n /**\n * set the current time on all segment loaders\n *\n * @param {TimeRange} currentTime the current time to set\n * @return {TimeRange} the current time\n */\n\n }, {\n key: 'setCurrentTime',\n value: function setCurrentTime(currentTime) {\n var buffered = findRange(this.tech_.buffered(), currentTime);\n\n if (!(this.masterPlaylistLoader_ && this.masterPlaylistLoader_.media())) {\n // return immediately if the metadata is not ready yet\n return 0;\n }\n\n // it's clearly an edge-case but don't thrown an error if asked to\n // seek within an empty playlist\n if (!this.masterPlaylistLoader_.media().segments) {\n return 0;\n }\n\n // In flash playback, the segment loaders should be reset on every seek, even\n // in buffer seeks. If the seek location is already buffered, continue buffering as\n // usual\n // TODO: redo this comment\n if (buffered && buffered.length) {\n return currentTime;\n }\n\n // cancel outstanding requests so we begin buffering at the new\n // location\n this.mainSegmentLoader_.resetEverything();\n this.mainSegmentLoader_.abort();\n if (this.mediaTypes_.AUDIO.activePlaylistLoader) {\n this.audioSegmentLoader_.resetEverything();\n this.audioSegmentLoader_.abort();\n }\n if (this.mediaTypes_.SUBTITLES.activePlaylistLoader) {\n this.subtitleSegmentLoader_.resetEverything();\n this.subtitleSegmentLoader_.abort();\n }\n\n // start segment loader loading in case they are paused\n this.load();\n }\n\n /**\n * get the current duration\n *\n * @return {TimeRange} the duration\n */\n\n }, {\n key: 'duration',\n value: function duration$$1() {\n if (!this.masterPlaylistLoader_) {\n return 0;\n }\n\n if (this.mediaSource) {\n return this.mediaSource.duration;\n }\n\n return Hls.Playlist.duration(this.masterPlaylistLoader_.media());\n }\n\n /**\n * check the seekable range\n *\n * @return {TimeRange} the seekable range\n */\n\n }, {\n key: 'seekable',\n value: function seekable$$1() {\n return this.seekable_;\n }\n }, {\n key: 'onSyncInfoUpdate_',\n value: function onSyncInfoUpdate_() {\n var mainSeekable = void 0;\n var audioSeekable = void 0;\n\n if (!this.masterPlaylistLoader_) {\n return;\n }\n\n var media = this.masterPlaylistLoader_.media();\n\n if (!media) {\n return;\n }\n\n var expired = this.syncController_.getExpiredTime(media, this.mediaSource.duration);\n\n if (expired === null) {\n // not enough information to update seekable\n return;\n }\n\n mainSeekable = Hls.Playlist.seekable(media, expired);\n\n if (mainSeekable.length === 0) {\n return;\n }\n\n if (this.mediaTypes_.AUDIO.activePlaylistLoader) {\n media = this.mediaTypes_.AUDIO.activePlaylistLoader.media();\n expired = this.syncController_.getExpiredTime(media, this.mediaSource.duration);\n\n if (expired === null) {\n return;\n }\n\n audioSeekable = Hls.Playlist.seekable(media, expired);\n\n if (audioSeekable.length === 0) {\n return;\n }\n }\n\n if (!audioSeekable) {\n // seekable has been calculated based on buffering video data so it\n // can be returned directly\n this.seekable_ = mainSeekable;\n } else if (audioSeekable.start(0) > mainSeekable.end(0) || mainSeekable.start(0) > audioSeekable.end(0)) {\n // seekables are pretty far off, rely on main\n this.seekable_ = mainSeekable;\n } else {\n this.seekable_ = videojs$1.createTimeRanges([[audioSeekable.start(0) > mainSeekable.start(0) ? audioSeekable.start(0) : mainSeekable.start(0), audioSeekable.end(0) < mainSeekable.end(0) ? audioSeekable.end(0) : mainSeekable.end(0)]]);\n }\n\n this.logger_('seekable updated [' + printableRange(this.seekable_) + ']');\n\n this.tech_.trigger('seekablechanged');\n }\n\n /**\n * Update the player duration\n */\n\n }, {\n key: 'updateDuration',\n value: function updateDuration() {\n var _this6 = this;\n\n var oldDuration = this.mediaSource.duration;\n var newDuration = Hls.Playlist.duration(this.masterPlaylistLoader_.media());\n var buffered = this.tech_.buffered();\n var setDuration = function setDuration() {\n _this6.mediaSource.duration = newDuration;\n _this6.tech_.trigger('durationchange');\n\n _this6.mediaSource.removeEventListener('sourceopen', setDuration);\n };\n\n if (buffered.length > 0) {\n newDuration = Math.max(newDuration, buffered.end(buffered.length - 1));\n }\n\n // if the duration has changed, invalidate the cached value\n if (oldDuration !== newDuration) {\n // update the duration\n if (this.mediaSource.readyState !== 'open') {\n this.mediaSource.addEventListener('sourceopen', setDuration);\n } else {\n setDuration();\n }\n }\n }\n\n /**\n * dispose of the MasterPlaylistController and everything\n * that it controls\n */\n\n }, {\n key: 'dispose',\n value: function dispose() {\n var _this7 = this;\n\n this.decrypter_.terminate();\n this.masterPlaylistLoader_.dispose();\n this.mainSegmentLoader_.dispose();\n\n ['AUDIO', 'SUBTITLES'].forEach(function (type) {\n var groups = _this7.mediaTypes_[type].groups;\n\n for (var id in groups) {\n groups[id].forEach(function (group) {\n if (group.playlistLoader) {\n group.playlistLoader.dispose();\n }\n });\n }\n });\n\n this.audioSegmentLoader_.dispose();\n this.subtitleSegmentLoader_.dispose();\n }\n\n /**\n * return the master playlist object if we have one\n *\n * @return {Object} the master playlist object that we parsed\n */\n\n }, {\n key: 'master',\n value: function master() {\n return this.masterPlaylistLoader_.master;\n }\n\n /**\n * return the currently selected playlist\n *\n * @return {Object} the currently selected playlist object that we parsed\n */\n\n }, {\n key: 'media',\n value: function media() {\n // playlist loader will not return media if it has not been fully loaded\n return this.masterPlaylistLoader_.media() || this.initialMedia_;\n }\n\n /**\n * setup our internal source buffers on our segment Loaders\n *\n * @private\n */\n\n }, {\n key: 'setupSourceBuffers_',\n value: function setupSourceBuffers_() {\n var media = this.masterPlaylistLoader_.media();\n var mimeTypes = void 0;\n\n // wait until a media playlist is available and the Media Source is\n // attached\n if (!media || this.mediaSource.readyState !== 'open') {\n return;\n }\n\n mimeTypes = mimeTypesForPlaylist(this.masterPlaylistLoader_.master, media);\n if (mimeTypes.length < 1) {\n this.error = 'No compatible SourceBuffer configuration for the variant stream:' + media.resolvedUri;\n return this.mediaSource.endOfStream('decode');\n }\n\n this.configureLoaderMimeTypes_(mimeTypes);\n // exclude any incompatible variant streams from future playlist\n // selection\n this.excludeIncompatibleVariants_(media);\n }\n }, {\n key: 'configureLoaderMimeTypes_',\n value: function configureLoaderMimeTypes_(mimeTypes) {\n // If the content is demuxed, we can't start appending segments to a source buffer\n // until both source buffers are set up, or else the browser may not let us add the\n // second source buffer (it will assume we are playing either audio only or video\n // only).\n var sourceBufferEmitter =\n // If there is more than one mime type\n mimeTypes.length > 1 &&\n // and the first mime type does not have muxed video and audio\n mimeTypes[0].indexOf(',') === -1 &&\n // and the two mime types are different (they can be the same in the case of audio\n // only with alternate audio)\n mimeTypes[0] !== mimeTypes[1] ?\n // then we want to wait on the second source buffer\n new videojs$1.EventTarget() :\n // otherwise there is no need to wait as the content is either audio only,\n // video only, or muxed content.\n null;\n\n this.mainSegmentLoader_.mimeType(mimeTypes[0], sourceBufferEmitter);\n if (mimeTypes[1]) {\n this.audioSegmentLoader_.mimeType(mimeTypes[1], sourceBufferEmitter);\n }\n }\n\n /**\n * Blacklists playlists with codecs that are unsupported by the browser.\n */\n\n }, {\n key: 'excludeUnsupportedVariants_',\n value: function excludeUnsupportedVariants_() {\n this.master().playlists.forEach(function (variant) {\n if (variant.attributes.CODECS && window$1.MediaSource && window$1.MediaSource.isTypeSupported && !window$1.MediaSource.isTypeSupported('video/mp4; codecs=\"' + mapLegacyAvcCodecs(variant.attributes.CODECS) + '\"')) {\n variant.excludeUntil = Infinity;\n }\n });\n }\n\n /**\n * Blacklist playlists that are known to be codec or\n * stream-incompatible with the SourceBuffer configuration. For\n * instance, Media Source Extensions would cause the video element to\n * stall waiting for video data if you switched from a variant with\n * video and audio to an audio-only one.\n *\n * @param {Object} media a media playlist compatible with the current\n * set of SourceBuffers. Variants in the current master playlist that\n * do not appear to have compatible codec or stream configurations\n * will be excluded from the default playlist selection algorithm\n * indefinitely.\n * @private\n */\n\n }, {\n key: 'excludeIncompatibleVariants_',\n value: function excludeIncompatibleVariants_(media) {\n var codecCount = 2;\n var videoCodec = null;\n var codecs = void 0;\n\n if (media.attributes.CODECS) {\n codecs = parseCodecs(media.attributes.CODECS);\n videoCodec = codecs.videoCodec;\n codecCount = codecs.codecCount;\n }\n\n this.master().playlists.forEach(function (variant) {\n var variantCodecs = {\n codecCount: 2,\n videoCodec: null\n };\n\n if (variant.attributes.CODECS) {\n variantCodecs = parseCodecs(variant.attributes.CODECS);\n }\n\n // if the streams differ in the presence or absence of audio or\n // video, they are incompatible\n if (variantCodecs.codecCount !== codecCount) {\n variant.excludeUntil = Infinity;\n }\n\n // if h.264 is specified on the current playlist, some flavor of\n // it must be specified on all compatible variants\n if (variantCodecs.videoCodec !== videoCodec) {\n variant.excludeUntil = Infinity;\n }\n });\n }\n }, {\n key: 'updateAdCues_',\n value: function updateAdCues_(media) {\n var offset = 0;\n var seekable$$1 = this.seekable();\n\n if (seekable$$1.length) {\n offset = seekable$$1.start(0);\n }\n\n updateAdCues(media, this.cueTagsTrack_, offset);\n }\n\n /**\n * Calculates the desired forward buffer length based on current time\n *\n * @return {Number} Desired forward buffer length in seconds\n */\n\n }, {\n key: 'goalBufferLength',\n value: function goalBufferLength() {\n var currentTime = this.tech_.currentTime();\n var initial = Config.GOAL_BUFFER_LENGTH;\n var rate = Config.GOAL_BUFFER_LENGTH_RATE;\n var max = Math.max(initial, Config.MAX_GOAL_BUFFER_LENGTH);\n\n return Math.min(initial + currentTime * rate, max);\n }\n\n /**\n * Calculates the desired buffer low water line based on current time\n *\n * @return {Number} Desired buffer low water line in seconds\n */\n\n }, {\n key: 'bufferLowWaterLine',\n value: function bufferLowWaterLine() {\n var currentTime = this.tech_.currentTime();\n var initial = Config.BUFFER_LOW_WATER_LINE;\n var rate = Config.BUFFER_LOW_WATER_LINE_RATE;\n var max = Math.max(initial, Config.MAX_BUFFER_LOW_WATER_LINE);\n\n return Math.min(initial + currentTime * rate, max);\n }\n }]);\n return MasterPlaylistController;\n}(videojs$1.EventTarget);\n\n/**\n * Returns a function that acts as the Enable/disable playlist function.\n *\n * @param {PlaylistLoader} loader - The master playlist loader\n * @param {String} playlistUri - uri of the playlist\n * @param {Function} changePlaylistFn - A function to be called after a\n * playlist's enabled-state has been changed. Will NOT be called if a\n * playlist's enabled-state is unchanged\n * @param {Boolean=} enable - Value to set the playlist enabled-state to\n * or if undefined returns the current enabled-state for the playlist\n * @return {Function} Function for setting/getting enabled\n */\nvar enableFunction = function enableFunction(loader, playlistUri, changePlaylistFn) {\n return function (enable) {\n var playlist = loader.master.playlists[playlistUri];\n var incompatible = isIncompatible(playlist);\n var currentlyEnabled = isEnabled(playlist);\n\n if (typeof enable === 'undefined') {\n return currentlyEnabled;\n }\n\n if (enable) {\n delete playlist.disabled;\n } else {\n playlist.disabled = true;\n }\n\n if (enable !== currentlyEnabled && !incompatible) {\n // Ensure the outside world knows about our changes\n changePlaylistFn();\n if (enable) {\n loader.trigger('renditionenabled');\n } else {\n loader.trigger('renditiondisabled');\n }\n }\n return enable;\n };\n};\n\n/**\n * The representation object encapsulates the publicly visible information\n * in a media playlist along with a setter/getter-type function (enabled)\n * for changing the enabled-state of a particular playlist entry\n *\n * @class Representation\n */\n\nvar Representation = function Representation(hlsHandler, playlist, id) {\n classCallCheck$1(this, Representation);\n\n // Get a reference to a bound version of fastQualityChange_\n var fastChangeFunction = hlsHandler.masterPlaylistController_.fastQualityChange_.bind(hlsHandler.masterPlaylistController_);\n\n // some playlist attributes are optional\n if (playlist.attributes.RESOLUTION) {\n var resolution = playlist.attributes.RESOLUTION;\n\n this.width = resolution.width;\n this.height = resolution.height;\n }\n\n this.bandwidth = playlist.attributes.BANDWIDTH;\n\n // The id is simply the ordinality of the media playlist\n // within the master playlist\n this.id = id;\n\n // Partially-apply the enableFunction to create a playlist-\n // specific variant\n this.enabled = enableFunction(hlsHandler.playlists, playlist.uri, fastChangeFunction);\n};\n\n/**\n * A mixin function that adds the `representations` api to an instance\n * of the HlsHandler class\n * @param {HlsHandler} hlsHandler - An instance of HlsHandler to add the\n * representation API into\n */\n\nvar renditionSelectionMixin = function renditionSelectionMixin(hlsHandler) {\n var playlists = hlsHandler.playlists;\n\n // Add a single API-specific function to the HlsHandler instance\n hlsHandler.representations = function () {\n return playlists.master.playlists.filter(function (media) {\n return !isIncompatible(media);\n }).map(function (e, i) {\n return new Representation(hlsHandler, e, e.uri);\n });\n };\n};\n\n/**\n * @file playback-watcher.js\n *\n * Playback starts, and now my watch begins. It shall not end until my death. I shall\n * take no wait, hold no uncleared timeouts, father no bad seeks. I shall wear no crowns\n * and win no glory. I shall live and die at my post. I am the corrector of the underflow.\n * I am the watcher of gaps. I am the shield that guards the realms of seekable. I pledge\n * my life and honor to the Playback Watch, for this Player and all the Players to come.\n */\n\n// Set of events that reset the playback-watcher time check logic and clear the timeout\nvar timerCancelEvents = ['seeking', 'seeked', 'pause', 'playing', 'error'];\n\n/**\n * @class PlaybackWatcher\n */\n\nvar PlaybackWatcher = function () {\n /**\n * Represents an PlaybackWatcher object.\n * @constructor\n * @param {object} options an object that includes the tech and settings\n */\n function PlaybackWatcher(options) {\n var _this = this;\n\n classCallCheck$1(this, PlaybackWatcher);\n\n this.tech_ = options.tech;\n this.seekable = options.seekable;\n this.seekTo = options.seekTo;\n\n this.consecutiveUpdates = 0;\n this.lastRecordedTime = null;\n this.timer_ = null;\n this.checkCurrentTimeTimeout_ = null;\n this.logger_ = logger('PlaybackWatcher');\n\n this.logger_('initialize');\n\n var canPlayHandler = function canPlayHandler() {\n return _this.monitorCurrentTime_();\n };\n var waitingHandler = function waitingHandler() {\n return _this.techWaiting_();\n };\n var cancelTimerHandler = function cancelTimerHandler() {\n return _this.cancelTimer_();\n };\n var fixesBadSeeksHandler = function fixesBadSeeksHandler() {\n return _this.fixesBadSeeks_();\n };\n\n this.tech_.on('seekablechanged', fixesBadSeeksHandler);\n this.tech_.on('waiting', waitingHandler);\n this.tech_.on(timerCancelEvents, cancelTimerHandler);\n this.tech_.on('canplay', canPlayHandler);\n\n // Define the dispose function to clean up our events\n this.dispose = function () {\n _this.logger_('dispose');\n _this.tech_.off('seekablechanged', fixesBadSeeksHandler);\n _this.tech_.off('waiting', waitingHandler);\n _this.tech_.off(timerCancelEvents, cancelTimerHandler);\n _this.tech_.off('canplay', canPlayHandler);\n if (_this.checkCurrentTimeTimeout_) {\n window$1.clearTimeout(_this.checkCurrentTimeTimeout_);\n }\n _this.cancelTimer_();\n };\n }\n\n /**\n * Periodically check current time to see if playback stopped\n *\n * @private\n */\n\n createClass$1(PlaybackWatcher, [{\n key: 'monitorCurrentTime_',\n value: function monitorCurrentTime_() {\n this.checkCurrentTime_();\n\n if (this.checkCurrentTimeTimeout_) {\n window$1.clearTimeout(this.checkCurrentTimeTimeout_);\n }\n\n // 42 = 24 fps // 250 is what Webkit uses // FF uses 15\n this.checkCurrentTimeTimeout_ = window$1.setTimeout(this.monitorCurrentTime_.bind(this), 250);\n }\n\n /**\n * The purpose of this function is to emulate the \"waiting\" event on\n * browsers that do not emit it when they are waiting for more\n * data to continue playback\n *\n * @private\n */\n\n }, {\n key: 'checkCurrentTime_',\n value: function checkCurrentTime_() {\n if (this.tech_.seeking() && this.fixesBadSeeks_()) {\n this.consecutiveUpdates = 0;\n this.lastRecordedTime = this.tech_.currentTime();\n return;\n }\n\n if (this.tech_.paused() || this.tech_.seeking()) {\n return;\n }\n\n var currentTime = this.tech_.currentTime();\n var buffered = this.tech_.buffered();\n\n if (this.lastRecordedTime === currentTime && (!buffered.length || currentTime + SAFE_TIME_DELTA >= buffered.end(buffered.length - 1))) {\n // If current time is at the end of the final buffered region, then any playback\n // stall is most likely caused by buffering in a low bandwidth environment. The tech\n // should fire a `waiting` event in this scenario, but due to browser and tech\n // inconsistencies. Calling `techWaiting_` here allows us to simulate\n // responding to a native `waiting` event when the tech fails to emit one.\n return this.techWaiting_();\n }\n\n if (this.consecutiveUpdates >= 5 && currentTime === this.lastRecordedTime) {\n this.consecutiveUpdates++;\n this.waiting_();\n } else if (currentTime === this.lastRecordedTime) {\n this.consecutiveUpdates++;\n } else {\n this.consecutiveUpdates = 0;\n this.lastRecordedTime = currentTime;\n }\n }\n\n /**\n * Cancels any pending timers and resets the 'timeupdate' mechanism\n * designed to detect that we are stalled\n *\n * @private\n */\n\n }, {\n key: 'cancelTimer_',\n value: function cancelTimer_() {\n this.consecutiveUpdates = 0;\n\n if (this.timer_) {\n this.logger_('cancelTimer_');\n clearTimeout(this.timer_);\n }\n\n this.timer_ = null;\n }\n\n /**\n * Fixes situations where there's a bad seek\n *\n * @return {Boolean} whether an action was taken to fix the seek\n * @private\n */\n\n }, {\n key: 'fixesBadSeeks_',\n value: function fixesBadSeeks_() {\n var seeking = this.tech_.seeking();\n var seekable = this.seekable();\n var currentTime = this.tech_.currentTime();\n var seekTo = void 0;\n\n if (seeking && this.afterSeekableWindow_(seekable, currentTime)) {\n var seekableEnd = seekable.end(seekable.length - 1);\n\n // sync to live point (if VOD, our seekable was updated and we're simply adjusting)\n seekTo = seekableEnd;\n }\n\n if (seeking && this.beforeSeekableWindow_(seekable, currentTime)) {\n var seekableStart = seekable.start(0);\n\n // sync to the beginning of the live window\n // provide a buffer of .1 seconds to handle rounding/imprecise numbers\n seekTo = seekableStart + SAFE_TIME_DELTA;\n }\n\n if (typeof seekTo !== 'undefined') {\n this.logger_('Trying to seek outside of seekable at time ' + currentTime + ' with ' + ('seekable range ' + printableRange(seekable) + '. Seeking to ') + (seekTo + '.'));\n\n this.seekTo(seekTo);\n return true;\n }\n\n return false;\n }\n\n /**\n * Handler for situations when we determine the player is waiting.\n *\n * @private\n */\n\n }, {\n key: 'waiting_',\n value: function waiting_() {\n if (this.techWaiting_()) {\n return;\n }\n\n // All tech waiting checks failed. Use last resort correction\n var currentTime = this.tech_.currentTime();\n var buffered = this.tech_.buffered();\n var currentRange = findRange(buffered, currentTime);\n\n // Sometimes the player can stall for unknown reasons within a contiguous buffered\n // region with no indication that anything is amiss (seen in Firefox). Seeking to\n // currentTime is usually enough to kickstart the player. This checks that the player\n // is currently within a buffered region before attempting a corrective seek.\n // Chrome does not appear to continue `timeupdate` events after a `waiting` event\n // until there is ~ 3 seconds of forward buffer available. PlaybackWatcher should also\n // make sure there is ~3 seconds of forward buffer before taking any corrective action\n // to avoid triggering an `unknownwaiting` event when the network is slow.\n if (currentRange.length && currentTime + 3 <= currentRange.end(0)) {\n this.cancelTimer_();\n this.seekTo(currentTime);\n\n this.logger_('Stopped at ' + currentTime + ' while inside a buffered region ' + ('[' + currentRange.start(0) + ' -> ' + currentRange.end(0) + ']. Attempting to resume ') + 'playback by seeking to the current time.');\n\n // unknown waiting corrections may be useful for monitoring QoS\n this.tech_.trigger({ type: 'usage', name: 'hls-unknown-waiting' });\n return;\n }\n }\n\n /**\n * Handler for situations when the tech fires a `waiting` event\n *\n * @return {Boolean}\n * True if an action (or none) was needed to correct the waiting. False if no\n * checks passed\n * @private\n */\n\n }, {\n key: 'techWaiting_',\n value: function techWaiting_() {\n var seekable = this.seekable();\n var currentTime = this.tech_.currentTime();\n\n if (this.tech_.seeking() && this.fixesBadSeeks_()) {\n // Tech is seeking or bad seek fixed, no action needed\n return true;\n }\n\n if (this.tech_.seeking() || this.timer_ !== null) {\n // Tech is seeking or already waiting on another action, no action needed\n return true;\n }\n\n if (this.beforeSeekableWindow_(seekable, currentTime)) {\n var livePoint = seekable.end(seekable.length - 1);\n\n this.logger_('Fell out of live window at time ' + currentTime + '. Seeking to ' + ('live point (seekable end) ' + livePoint));\n this.cancelTimer_();\n this.seekTo(livePoint);\n\n // live window resyncs may be useful for monitoring QoS\n this.tech_.trigger({ type: 'usage', name: 'hls-live-resync' });\n return true;\n }\n\n var buffered = this.tech_.buffered();\n var nextRange = findNextRange(buffered, currentTime);\n\n if (this.videoUnderflow_(nextRange, buffered, currentTime)) {\n // Even though the video underflowed and was stuck in a gap, the audio overplayed\n // the gap, leading currentTime into a buffered range. Seeking to currentTime\n // allows the video to catch up to the audio position without losing any audio\n // (only suffering ~3 seconds of frozen video and a pause in audio playback).\n this.cancelTimer_();\n this.seekTo(currentTime);\n\n // video underflow may be useful for monitoring QoS\n this.tech_.trigger({ type: 'usage', name: 'hls-video-underflow' });\n return true;\n }\n\n // check for gap\n if (nextRange.length > 0) {\n var difference = nextRange.start(0) - currentTime;\n\n this.logger_('Stopped at ' + currentTime + ', setting timer for ' + difference + ', seeking ' + ('to ' + nextRange.start(0)));\n\n this.timer_ = setTimeout(this.skipTheGap_.bind(this), difference * 1000, currentTime);\n return true;\n }\n\n // All checks failed. Returning false to indicate failure to correct waiting\n return false;\n }\n }, {\n key: 'afterSeekableWindow_',\n value: function afterSeekableWindow_(seekable, currentTime) {\n if (!seekable.length) {\n // we can't make a solid case if there's no seekable, default to false\n return false;\n }\n\n if (currentTime > seekable.end(seekable.length - 1) + SAFE_TIME_DELTA) {\n return true;\n }\n\n return false;\n }\n }, {\n key: 'beforeSeekableWindow_',\n value: function beforeSeekableWindow_(seekable, currentTime) {\n if (seekable.length &&\n // can't fall before 0 and 0 seekable start identifies VOD stream\n seekable.start(0) > 0 && currentTime < seekable.start(0) - SAFE_TIME_DELTA) {\n return true;\n }\n\n return false;\n }\n }, {\n key: 'videoUnderflow_',\n value: function videoUnderflow_(nextRange, buffered, currentTime) {\n if (nextRange.length === 0) {\n // Even if there is no available next range, there is still a possibility we are\n // stuck in a gap due to video underflow.\n var gap = this.gapFromVideoUnderflow_(buffered, currentTime);\n\n if (gap) {\n this.logger_('Encountered a gap in video from ' + gap.start + ' to ' + gap.end + '. ' + ('Seeking to current time ' + currentTime));\n\n return true;\n }\n }\n\n return false;\n }\n\n /**\n * Timer callback. If playback still has not proceeded, then we seek\n * to the start of the next buffered region.\n *\n * @private\n */\n\n }, {\n key: 'skipTheGap_',\n value: function skipTheGap_(scheduledCurrentTime) {\n var buffered = this.tech_.buffered();\n var currentTime = this.tech_.currentTime();\n var nextRange = findNextRange(buffered, currentTime);\n\n this.cancelTimer_();\n\n if (nextRange.length === 0 || currentTime !== scheduledCurrentTime) {\n return;\n }\n\n this.logger_('skipTheGap_:', 'currentTime:', currentTime, 'scheduled currentTime:', scheduledCurrentTime, 'nextRange start:', nextRange.start(0));\n\n // only seek if we still have not played\n this.seekTo(nextRange.start(0) + TIME_FUDGE_FACTOR);\n\n this.tech_.trigger({ type: 'usage', name: 'hls-gap-skip' });\n }\n }, {\n key: 'gapFromVideoUnderflow_',\n value: function gapFromVideoUnderflow_(buffered, currentTime) {\n // At least in Chrome, if there is a gap in the video buffer, the audio will continue\n // playing for ~3 seconds after the video gap starts. This is done to account for\n // video buffer underflow/underrun (note that this is not done when there is audio\n // buffer underflow/underrun -- in that case the video will stop as soon as it\n // encounters the gap, as audio stalls are more noticeable/jarring to a user than\n // video stalls). The player's time will reflect the playthrough of audio, so the\n // time will appear as if we are in a buffered region, even if we are stuck in a\n // \"gap.\"\n //\n // Example:\n // video buffer: 0 => 10.1, 10.2 => 20\n // audio buffer: 0 => 20\n // overall buffer: 0 => 10.1, 10.2 => 20\n // current time: 13\n //\n // Chrome's video froze at 10 seconds, where the video buffer encountered the gap,\n // however, the audio continued playing until it reached ~3 seconds past the gap\n // (13 seconds), at which point it stops as well. Since current time is past the\n // gap, findNextRange will return no ranges.\n //\n // To check for this issue, we see if there is a gap that starts somewhere within\n // a 3 second range (3 seconds +/- 1 second) back from our current time.\n var gaps = findGaps(buffered);\n\n for (var i = 0; i < gaps.length; i++) {\n var start = gaps.start(i);\n var end = gaps.end(i);\n\n // gap is starts no more than 4 seconds back\n if (currentTime - start < 4 && currentTime - start > 2) {\n return {\n start: start,\n end: end\n };\n }\n }\n\n return null;\n }\n }]);\n return PlaybackWatcher;\n}();\n\nvar defaultOptions = {\n errorInterval: 30,\n getSource: function getSource(next) {\n var tech = this.tech({ IWillNotUseThisInPlugins: true });\n var sourceObj = tech.currentSource_;\n\n return next(sourceObj);\n }\n};\n\n/**\n * Main entry point for the plugin\n *\n * @param {Player} player a reference to a videojs Player instance\n * @param {Object} [options] an object with plugin options\n * @private\n */\nvar initPlugin = function initPlugin(player, options) {\n var lastCalled = 0;\n var seekTo = 0;\n var localOptions = videojs$1.mergeOptions(defaultOptions, options);\n\n player.ready(function () {\n player.trigger({ type: 'usage', name: 'hls-error-reload-initialized' });\n });\n\n /**\n * Player modifications to perform that must wait until `loadedmetadata`\n * has been triggered\n *\n * @private\n */\n var loadedMetadataHandler = function loadedMetadataHandler() {\n if (seekTo) {\n player.currentTime(seekTo);\n }\n };\n\n /**\n * Set the source on the player element, play, and seek if necessary\n *\n * @param {Object} sourceObj An object specifying the source url and mime-type to play\n * @private\n */\n var setSource = function setSource(sourceObj) {\n if (sourceObj === null || sourceObj === undefined) {\n return;\n }\n seekTo = player.duration() !== Infinity && player.currentTime() || 0;\n\n player.one('loadedmetadata', loadedMetadataHandler);\n\n player.src(sourceObj);\n player.trigger({ type: 'usage', name: 'hls-error-reload' });\n player.play();\n };\n\n /**\n * Attempt to get a source from either the built-in getSource function\n * or a custom function provided via the options\n *\n * @private\n */\n var errorHandler = function errorHandler() {\n // Do not attempt to reload the source if a source-reload occurred before\n // 'errorInterval' time has elapsed since the last source-reload\n if (Date.now() - lastCalled < localOptions.errorInterval * 1000) {\n player.trigger({ type: 'usage', name: 'hls-error-reload-canceled' });\n return;\n }\n\n if (!localOptions.getSource || typeof localOptions.getSource !== 'function') {\n videojs$1.log.error('ERROR: reloadSourceOnError - The option getSource must be a function!');\n return;\n }\n lastCalled = Date.now();\n\n return localOptions.getSource.call(player, setSource);\n };\n\n /**\n * Unbind any event handlers that were bound by the plugin\n *\n * @private\n */\n var cleanupEvents = function cleanupEvents() {\n player.off('loadedmetadata', loadedMetadataHandler);\n player.off('error', errorHandler);\n player.off('dispose', cleanupEvents);\n };\n\n /**\n * Cleanup before re-initializing the plugin\n *\n * @param {Object} [newOptions] an object with plugin options\n * @private\n */\n var reinitPlugin = function reinitPlugin(newOptions) {\n cleanupEvents();\n initPlugin(player, newOptions);\n };\n\n player.on('error', errorHandler);\n player.on('dispose', cleanupEvents);\n\n // Overwrite the plugin function so that we can correctly cleanup before\n // initializing the plugin\n player.reloadSourceOnError = reinitPlugin;\n};\n\n/**\n * Reload the source when an error is detected as long as there\n * wasn't an error previously within the last 30 seconds\n *\n * @param {Object} [options] an object with plugin options\n */\nvar reloadSourceOnError = function reloadSourceOnError(options) {\n initPlugin(this, options);\n};\n\nvar version$1 = \"1.2.5\";\n\n// since VHS handles HLS and DASH (and in the future, more types), use * to capture all\nvideojs$1.use('*', function (player) {\n return {\n setSource: function setSource(srcObj, next) {\n // pass null as the first argument to indicate that the source is not rejected\n next(null, srcObj);\n },\n\n // VHS needs to know when seeks happen. For external seeks (generated at the player\n // level), this middleware will capture the action. For internal seeks (generated at\n // the tech level), we use a wrapped function so that we can handle it on our own\n // (specified elsewhere).\n setCurrentTime: function setCurrentTime(time) {\n if (player.vhs && player.currentSource().src === player.vhs.source_.src) {\n player.vhs.setCurrentTime(time);\n }\n\n return time;\n },\n\n // Sync VHS after play requests.\n // This specifically handles replay where the order of actions is\n // play, video element will seek to 0 (skipping the setCurrentTime middleware)\n // then triggers a play event.\n play: function play() {\n if (player.vhs && player.currentSource().src === player.vhs.source_.src) {\n player.vhs.setCurrentTime(player.currentTime());\n }\n }\n };\n});\n\n/**\n * @file videojs-http-streaming.js\n *\n * The main file for the HLS project.\n * License: https://github.com/videojs/videojs-http-streaming/blob/master/LICENSE\n */\n\nvar Hls$1 = {\n PlaylistLoader: PlaylistLoader,\n Playlist: Playlist,\n Decrypter: Decrypter,\n AsyncStream: AsyncStream,\n decrypt: decrypt,\n utils: utils,\n\n STANDARD_PLAYLIST_SELECTOR: lastBandwidthSelector,\n INITIAL_PLAYLIST_SELECTOR: lowestBitrateCompatibleVariantSelector,\n comparePlaylistBandwidth: comparePlaylistBandwidth,\n comparePlaylistResolution: comparePlaylistResolution,\n\n xhr: xhrFactory()\n};\n\n// 0.5 MB/s\nvar INITIAL_BANDWIDTH = 4194304;\n\n// Define getter/setters for config properites\n['GOAL_BUFFER_LENGTH', 'MAX_GOAL_BUFFER_LENGTH', 'GOAL_BUFFER_LENGTH_RATE', 'BUFFER_LOW_WATER_LINE', 'MAX_BUFFER_LOW_WATER_LINE', 'BUFFER_LOW_WATER_LINE_RATE', 'BANDWIDTH_VARIANCE'].forEach(function (prop) {\n Object.defineProperty(Hls$1, prop, {\n get: function get$$1() {\n videojs$1.log.warn('using Hls.' + prop + ' is UNSAFE be sure you know what you are doing');\n return Config[prop];\n },\n set: function set$$1(value) {\n videojs$1.log.warn('using Hls.' + prop + ' is UNSAFE be sure you know what you are doing');\n\n if (typeof value !== 'number' || value < 0) {\n videojs$1.log.warn('value of Hls.' + prop + ' must be greater than or equal to 0');\n return;\n }\n\n Config[prop] = value;\n }\n });\n});\n\nvar simpleTypeFromSourceType = function simpleTypeFromSourceType(type) {\n var mpegurlRE = /^(audio|video|application)\\/(x-|vnd\\.apple\\.)?mpegurl/i;\n\n if (mpegurlRE.test(type)) {\n return 'hls';\n }\n\n var dashRE = /^application\\/dash\\+xml/i;\n\n if (dashRE.test(type)) {\n return 'dash';\n }\n\n return null;\n};\n\n/**\n * Updates the selectedIndex of the QualityLevelList when a mediachange happens in hls.\n *\n * @param {QualityLevelList} qualityLevels The QualityLevelList to update.\n * @param {PlaylistLoader} playlistLoader PlaylistLoader containing the new media info.\n * @function handleHlsMediaChange\n */\nvar handleHlsMediaChange = function handleHlsMediaChange(qualityLevels, playlistLoader) {\n var newPlaylist = playlistLoader.media();\n var selectedIndex = -1;\n\n for (var i = 0; i < qualityLevels.length; i++) {\n if (qualityLevels[i].id === newPlaylist.uri) {\n selectedIndex = i;\n break;\n }\n }\n\n qualityLevels.selectedIndex_ = selectedIndex;\n qualityLevels.trigger({\n selectedIndex: selectedIndex,\n type: 'change'\n });\n \n var hd_box = document$1.querySelector('.play-settings > .play-button> .hdbox');\n\n if (qualityLevels[selectedIndex].height > 719 && qualityLevels[selectedIndex].height < 1081) {\n hd_box.innerText = \"HD\";\n hd_box.classList.add(\"hd-box\");\n } else if (qualityLevels[selectedIndex].height > 1080) {\n hd_box.innerText = \"4K\";\n hd_box.classList.add(\"hd-box\");\n } else {\n hd_box.innerText = \"\";\n hd_box.classList.remove(\"hd-box\");\n }\n};\n\n/**\n * Adds quality levels to list once playlist metadata is available\n *\n * @param {QualityLevelList} qualityLevels The QualityLevelList to attach events to.\n * @param {Object} hls Hls object to listen to for media events.\n * @function handleHlsLoadedMetadata\n */\nvar handleHlsLoadedMetadata = function handleHlsLoadedMetadata(qualityLevels, hls) {\n hls.representations().forEach(function (rep) {\n qualityLevels.addQualityLevel(rep);\n });\n handleHlsMediaChange(qualityLevels, hls.playlists);\n};\n\n// HLS is a source handler, not a tech. Make sure attempts to use it\n// as one do not cause exceptions.\nHls$1.canPlaySource = function () {\n return videojs$1.log.warn('HLS is no longer a tech. Please remove it from ' + 'your player\\'s techOrder.');\n};\n\nvar emeKeySystems = function emeKeySystems(keySystemOptions, videoPlaylist, audioPlaylist) {\n if (!keySystemOptions) {\n return keySystemOptions;\n }\n\n // upsert the content types based on the selected playlist\n var keySystemContentTypes = {};\n\n for (var keySystem in keySystemOptions) {\n keySystemContentTypes[keySystem] = {\n audioContentType: 'audio/mp4; codecs=\"' + audioPlaylist.attributes.CODECS + '\"',\n videoContentType: 'video/mp4; codecs=\"' + videoPlaylist.attributes.CODECS + '\"'\n };\n\n if (videoPlaylist.contentProtection && videoPlaylist.contentProtection[keySystem] && videoPlaylist.contentProtection[keySystem].pssh) {\n keySystemContentTypes[keySystem].pssh = videoPlaylist.contentProtection[keySystem].pssh;\n }\n\n // videojs-contrib-eme accepts the option of specifying: 'com.some.cdm': 'url'\n // so we need to prevent overwriting the URL entirely\n if (typeof keySystemOptions[keySystem] === 'string') {\n keySystemContentTypes[keySystem].url = keySystemOptions[keySystem];\n }\n }\n\n return videojs$1.mergeOptions(keySystemOptions, keySystemContentTypes);\n};\n\nvar setupEmeOptions = function setupEmeOptions(hlsHandler) {\n if (hlsHandler.options_.sourceType !== 'dash') {\n return;\n }\n var player = videojs$1.players[hlsHandler.tech_.options_.playerId];\n\n if (player.eme) {\n var sourceOptions = emeKeySystems(hlsHandler.source_.keySystems, hlsHandler.playlists.media(), hlsHandler.masterPlaylistController_.mediaTypes_.AUDIO.activePlaylistLoader.media());\n\n if (sourceOptions) {\n player.currentSource().keySystems = sourceOptions;\n }\n }\n};\n\n/**\n * Whether the browser has built-in HLS support.\n */\nHls$1.supportsNativeHls = function () {\n var video = document$1.createElement('video');\n\n // native HLS is definitely not supported if HTML5 video isn't\n if (!videojs$1.getTech('Html5').isSupported()) {\n return false;\n }\n\n // HLS manifests can go by many mime-types\n var canPlay = [\n // Apple santioned\n 'application/vnd.apple.mpegurl',\n // Apple sanctioned for backwards compatibility\n 'audio/mpegurl',\n // Very common\n 'audio/x-mpegurl',\n // Very common\n 'application/x-mpegurl',\n // Included for completeness\n 'video/x-mpegurl', 'video/mpegurl', 'application/mpegurl'];\n\n return canPlay.some(function (canItPlay) {\n return (/maybe|probably/i.test(video.canPlayType(canItPlay))\n );\n });\n}();\n\nHls$1.supportsNativeDash = function () {\n if (!videojs$1.getTech('Html5').isSupported()) {\n return false;\n }\n\n return (/maybe|probably/i.test(document$1.createElement('video').canPlayType('application/dash+xml'))\n );\n}();\n\nHls$1.supportsTypeNatively = function (type) {\n if (type === 'hls') {\n return Hls$1.supportsNativeHls;\n }\n\n if (type === 'dash') {\n return Hls$1.supportsNativeDash;\n }\n\n return false;\n};\n\n/**\n * HLS is a source handler, not a tech. Make sure attempts to use it\n * as one do not cause exceptions.\n */\nHls$1.isSupported = function () {\n return videojs$1.log.warn('HLS is no longer a tech. Please remove it from ' + 'your player\\'s techOrder.');\n};\n\nvar Component$1 = videojs$1.getComponent('Component');\n\n/**\n * The Hls Handler object, where we orchestrate all of the parts\n * of HLS to interact with video.js\n *\n * @class HlsHandler\n * @extends videojs.Component\n * @param {Object} source the soruce object\n * @param {Tech} tech the parent tech object\n * @param {Object} options optional and required options\n */\n\nvar HlsHandler = function (_Component) {\n inherits$1(HlsHandler, _Component);\n\n function HlsHandler(source, tech, options) {\n classCallCheck$1(this, HlsHandler);\n\n // tech.player() is deprecated but setup a reference to HLS for\n // backwards-compatibility\n var _this = possibleConstructorReturn$1(this, (HlsHandler.__proto__ || Object.getPrototypeOf(HlsHandler)).call(this, tech, options.hls));\n\n if (tech.options_ && tech.options_.playerId) {\n var _player = videojs$1(tech.options_.playerId);\n\n if (!_player.hasOwnProperty('hls')) {\n Object.defineProperty(_player, 'hls', {\n get: function get$$1() {\n videojs$1.log.warn('player.hls is deprecated. Use player.tech().hls instead.');\n tech.trigger({ type: 'usage', name: 'hls-player-access' });\n return _this;\n }\n });\n }\n\n // Set up a reference to the HlsHandler from player.vhs. This allows users to start\n // migrating from player.tech_.hls... to player.vhs... for API access. Although this\n // isn't the most appropriate form of reference for video.js (since all APIs should\n // be provided through core video.js), it is a common pattern for plugins, and vhs\n // will act accordingly.\n _player.vhs = _this;\n // deprecated, for backwards compatibility\n _player.dash = _this;\n }\n\n _this.tech_ = tech;\n _this.source_ = source;\n _this.stats = {};\n _this.setOptions_();\n\n if (_this.options_.overrideNative && tech.overrideNativeAudioTracks && tech.overrideNativeVideoTracks) {\n tech.overrideNativeAudioTracks(true);\n tech.overrideNativeVideoTracks(true);\n } else if (_this.options_.overrideNative && (tech.featuresNativeVideoTracks || tech.featuresNativeAudioTracks)) {\n // overriding native HLS only works if audio tracks have been emulated\n // error early if we're misconfigured\n throw new Error('Overriding native HLS requires emulated tracks. ' + 'See https://git.io/vMpjB');\n }\n\n // listen for fullscreenchange events for this player so that we\n // can adjust our quality selection quickly\n _this.on(document$1, ['fullscreenchange', 'webkitfullscreenchange', 'mozfullscreenchange', 'MSFullscreenChange'], function (event) {\n var fullscreenElement = document$1.fullscreenElement || document$1.webkitFullscreenElement || document$1.mozFullScreenElement || document$1.msFullscreenElement;\n\n if (fullscreenElement && fullscreenElement.contains(_this.tech_.el())) {\n _this.masterPlaylistController_.smoothQualityChange_();\n }\n });\n _this.on(_this.tech_, 'error', function () {\n if (this.masterPlaylistController_) {\n this.masterPlaylistController_.pauseLoading();\n }\n });\n\n _this.on(_this.tech_, 'play', _this.play);\n return _this;\n }\n\n createClass$1(HlsHandler, [{\n key: 'setOptions_',\n value: function setOptions_() {\n var _this2 = this;\n\n // defaults\n this.options_.withCredentials = this.options_.withCredentials || false;\n\n if (typeof this.options_.blacklistDuration !== 'number') {\n this.options_.blacklistDuration = 5 * 60;\n }\n\n // start playlist selection at a reasonable bandwidth for\n // broadband internet (0.5 MB/s) or mobile (0.0625 MB/s)\n if (typeof this.options_.bandwidth !== 'number') {\n this.options_.bandwidth = INITIAL_BANDWIDTH;\n }\n\n // If the bandwidth number is unchanged from the initial setting\n // then this takes precedence over the enableLowInitialPlaylist option\n this.options_.enableLowInitialPlaylist = this.options_.enableLowInitialPlaylist && this.options_.bandwidth === INITIAL_BANDWIDTH;\n\n // grab options passed to player.src\n ['withCredentials', 'bandwidth'].forEach(function (option) {\n if (typeof _this2.source_[option] !== 'undefined') {\n _this2.options_[option] = _this2.source_[option];\n }\n });\n\n this.bandwidth = this.options_.bandwidth;\n }\n /**\n * called when player.src gets called, handle a new source\n *\n * @param {Object} src the source object to handle\n */\n\n }, {\n key: 'src',\n value: function src(_src, type) {\n var _this3 = this;\n\n // do nothing if the src is falsey\n if (!_src) {\n return;\n }\n this.setOptions_();\n // add master playlist controller options\n this.options_.url = this.source_.src;\n this.options_.tech = this.tech_;\n this.options_.externHls = Hls$1;\n this.options_.sourceType = simpleTypeFromSourceType(type);\n // Whenever we seek internally, we should update both the tech and call our own\n // setCurrentTime function. This is needed because \"seeking\" events aren't always\n // reliable. External seeks (via the player object) are handled via middleware.\n this.options_.seekTo = function (time) {\n _this3.tech_.setCurrentTime(time);\n _this3.setCurrentTime(time);\n };\n\n this.masterPlaylistController_ = new MasterPlaylistController(this.options_);\n this.playbackWatcher_ = new PlaybackWatcher(videojs$1.mergeOptions(this.options_, {\n seekable: function seekable$$1() {\n return _this3.seekable();\n }\n }));\n\n this.masterPlaylistController_.on('error', function () {\n var player = videojs$1.players[_this3.tech_.options_.playerId];\n\n player.error(_this3.masterPlaylistController_.error);\n });\n\n // `this` in selectPlaylist should be the HlsHandler for backwards\n // compatibility with < v2\n this.masterPlaylistController_.selectPlaylist = this.selectPlaylist ? this.selectPlaylist.bind(this) : Hls$1.STANDARD_PLAYLIST_SELECTOR.bind(this);\n\n this.masterPlaylistController_.selectInitialPlaylist = Hls$1.INITIAL_PLAYLIST_SELECTOR.bind(this);\n\n // re-expose some internal objects for backwards compatibility with < v2\n this.playlists = this.masterPlaylistController_.masterPlaylistLoader_;\n this.mediaSource = this.masterPlaylistController_.mediaSource;\n\n // Proxy assignment of some properties to the master playlist\n // controller. Using a custom property for backwards compatibility\n // with < v2\n Object.defineProperties(this, {\n selectPlaylist: {\n get: function get$$1() {\n return this.masterPlaylistController_.selectPlaylist;\n },\n set: function set$$1(selectPlaylist) {\n this.masterPlaylistController_.selectPlaylist = selectPlaylist.bind(this);\n }\n },\n throughput: {\n get: function get$$1() {\n return this.masterPlaylistController_.mainSegmentLoader_.throughput.rate;\n },\n set: function set$$1(throughput) {\n this.masterPlaylistController_.mainSegmentLoader_.throughput.rate = throughput;\n // By setting `count` to 1 the throughput value becomes the starting value\n // for the cumulative average\n this.masterPlaylistController_.mainSegmentLoader_.throughput.count = 1;\n }\n },\n bandwidth: {\n get: function get$$1() {\n return this.masterPlaylistController_.mainSegmentLoader_.bandwidth;\n },\n set: function set$$1(bandwidth) {\n this.masterPlaylistController_.mainSegmentLoader_.bandwidth = bandwidth;\n // setting the bandwidth manually resets the throughput counter\n // `count` is set to zero that current value of `rate` isn't included\n // in the cumulative average\n this.masterPlaylistController_.mainSegmentLoader_.throughput = {\n rate: 0,\n count: 0\n };\n }\n },\n /**\n * `systemBandwidth` is a combination of two serial processes bit-rates. The first\n * is the network bitrate provided by `bandwidth` and the second is the bitrate of\n * the entire process after that - decryption, transmuxing, and appending - provided\n * by `throughput`.\n *\n * Since the two process are serial, the overall system bandwidth is given by:\n * sysBandwidth = 1 / (1 / bandwidth + 1 / throughput)\n */\n systemBandwidth: {\n get: function get$$1() {\n var invBandwidth = 1 / (this.bandwidth || 1);\n var invThroughput = void 0;\n\n if (this.throughput > 0) {\n invThroughput = 1 / this.throughput;\n } else {\n invThroughput = 0;\n }\n\n var systemBitrate = Math.floor(1 / (invBandwidth + invThroughput));\n\n return systemBitrate;\n },\n set: function set$$1() {\n videojs$1.log.error('The \"systemBandwidth\" property is read-only');\n }\n }\n });\n\n Object.defineProperties(this.stats, {\n bandwidth: {\n get: function get$$1() {\n return _this3.bandwidth || 0;\n },\n enumerable: true\n },\n mediaRequests: {\n get: function get$$1() {\n return _this3.masterPlaylistController_.mediaRequests_() || 0;\n },\n enumerable: true\n },\n mediaRequestsAborted: {\n get: function get$$1() {\n return _this3.masterPlaylistController_.mediaRequestsAborted_() || 0;\n },\n enumerable: true\n },\n mediaRequestsTimedout: {\n get: function get$$1() {\n return _this3.masterPlaylistController_.mediaRequestsTimedout_() || 0;\n },\n enumerable: true\n },\n mediaRequestsErrored: {\n get: function get$$1() {\n return _this3.masterPlaylistController_.mediaRequestsErrored_() || 0;\n },\n enumerable: true\n },\n mediaTransferDuration: {\n get: function get$$1() {\n return _this3.masterPlaylistController_.mediaTransferDuration_() || 0;\n },\n enumerable: true\n },\n mediaBytesTransferred: {\n get: function get$$1() {\n return _this3.masterPlaylistController_.mediaBytesTransferred_() || 0;\n },\n enumerable: true\n },\n mediaSecondsLoaded: {\n get: function get$$1() {\n return _this3.masterPlaylistController_.mediaSecondsLoaded_() || 0;\n },\n enumerable: true\n },\n buffered: {\n get: function get$$1() {\n return timeRangesToArray(_this3.tech_.buffered());\n },\n enumerable: true\n },\n currentTime: {\n get: function get$$1() {\n return _this3.tech_.currentTime();\n },\n enumerable: true\n },\n currentSource: {\n get: function get$$1() {\n return _this3.tech_.currentSource_;\n },\n enumerable: true\n },\n currentTech: {\n get: function get$$1() {\n return _this3.tech_.name_;\n },\n enumerable: true\n },\n duration: {\n get: function get$$1() {\n return _this3.tech_.duration();\n },\n enumerable: true\n },\n master: {\n get: function get$$1() {\n return _this3.playlists.master;\n },\n enumerable: true\n },\n playerDimensions: {\n get: function get$$1() {\n return _this3.tech_.currentDimensions();\n },\n enumerable: true\n },\n seekable: {\n get: function get$$1() {\n return timeRangesToArray(_this3.tech_.seekable());\n },\n enumerable: true\n },\n timestamp: {\n get: function get$$1() {\n return Date.now();\n },\n enumerable: true\n },\n videoPlaybackQuality: {\n get: function get$$1() {\n return _this3.tech_.getVideoPlaybackQuality();\n },\n enumerable: true\n }\n });\n\n this.tech_.one('canplay', this.masterPlaylistController_.setupFirstPlay.bind(this.masterPlaylistController_));\n\n this.masterPlaylistController_.on('selectedinitialmedia', function () {\n // Add the manual rendition mix-in to HlsHandler\n renditionSelectionMixin(_this3);\n setupEmeOptions(_this3);\n });\n\n // the bandwidth of the primary segment loader is our best\n // estimate of overall bandwidth\n this.on(this.masterPlaylistController_, 'progress', function () {\n this.tech_.trigger('progress');\n });\n\n this.tech_.ready(function () {\n return _this3.setupQualityLevels_();\n });\n\n // do nothing if the tech has been disposed already\n // this can occur if someone sets the src in player.ready(), for instance\n if (!this.tech_.el()) {\n return;\n }\n\n this.tech_.src(videojs$1.URL.createObjectURL(this.masterPlaylistController_.mediaSource));\n }\n\n /**\n * Initializes the quality levels and sets listeners to update them.\n *\n * @method setupQualityLevels_\n * @private\n */\n\n }, {\n key: 'setupQualityLevels_',\n value: function setupQualityLevels_() {\n var _this4 = this;\n\n var player = videojs$1.players[this.tech_.options_.playerId];\n\n if (player && player.qualityLevels) {\n this.qualityLevels_ = player.qualityLevels();\n\n this.masterPlaylistController_.on('selectedinitialmedia', function () {\n handleHlsLoadedMetadata(_this4.qualityLevels_, _this4);\n });\n\n this.playlists.on('mediachange', function () {\n handleHlsMediaChange(_this4.qualityLevels_, _this4.playlists);\n });\n }\n }\n\n /**\n * Begin playing the video.\n */\n\n }, {\n key: 'play',\n value: function play() {\n this.masterPlaylistController_.play();\n }\n\n /**\n * a wrapper around the function in MasterPlaylistController\n */\n\n }, {\n key: 'setCurrentTime',\n value: function setCurrentTime(currentTime) {\n this.masterPlaylistController_.setCurrentTime(currentTime);\n }\n\n /**\n * a wrapper around the function in MasterPlaylistController\n */\n\n }, {\n key: 'duration',\n value: function duration$$1() {\n return this.masterPlaylistController_.duration();\n }\n\n /**\n * a wrapper around the function in MasterPlaylistController\n */\n\n }, {\n key: 'seekable',\n value: function seekable$$1() {\n return this.masterPlaylistController_.seekable();\n }\n\n /**\n * Abort all outstanding work and cleanup.\n */\n\n }, {\n key: 'dispose',\n value: function dispose() {\n if (this.playbackWatcher_) {\n this.playbackWatcher_.dispose();\n }\n if (this.masterPlaylistController_) {\n this.masterPlaylistController_.dispose();\n }\n if (this.qualityLevels_) {\n this.qualityLevels_.dispose();\n }\n get$2(HlsHandler.prototype.__proto__ || Object.getPrototypeOf(HlsHandler.prototype), 'dispose', this).call(this);\n }\n }]);\n return HlsHandler;\n}(Component$1);\n\n/**\n * The Source Handler object, which informs video.js what additional\n * MIME types are supported and sets up playback. It is registered\n * automatically to the appropriate tech based on the capabilities of\n * the browser it is running in. It is not necessary to use or modify\n * this object in normal usage.\n */\n\nvar HlsSourceHandler = {\n name: 'videojs-http-streaming',\n VERSION: version$1,\n canHandleSource: function canHandleSource(srcObj) {\n var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n\n var localOptions = videojs$1.mergeOptions(videojs$1.options, options);\n\n return HlsSourceHandler.canPlayType(srcObj.type, localOptions);\n },\n handleSource: function handleSource(source, tech) {\n var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};\n\n var localOptions = videojs$1.mergeOptions(videojs$1.options, options);\n\n tech.hls = new HlsHandler(source, tech, localOptions);\n tech.hls.xhr = xhrFactory();\n\n tech.hls.src(source.src, source.type);\n return tech.hls;\n },\n canPlayType: function canPlayType(type) {\n var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n\n var _videojs$mergeOptions = videojs$1.mergeOptions(videojs$1.options, options),\n overrideNative = _videojs$mergeOptions.hls.overrideNative;\n\n var supportedType = simpleTypeFromSourceType(type);\n var canUseMsePlayback = supportedType && (!Hls$1.supportsTypeNatively(supportedType) || overrideNative);\n\n return canUseMsePlayback ? 'maybe' : '';\n }\n};\n\nif (typeof videojs$1.MediaSource === 'undefined' || typeof videojs$1.URL === 'undefined') {\n videojs$1.MediaSource = MediaSource;\n videojs$1.URL = URL$1;\n}\n\n// register source handlers with the appropriate techs\nif (MediaSource.supportsNativeMediaSources()) {\n videojs$1.getTech('Html5').registerSourceHandler(HlsSourceHandler, 0);\n}\n\nvideojs$1.HlsHandler = HlsHandler;\nvideojs$1.HlsSourceHandler = HlsSourceHandler;\nvideojs$1.Hls = Hls$1;\nif (!videojs$1.use) {\n videojs$1.registerComponent('Hls', Hls$1);\n}\nvideojs$1.options.hls = videojs$1.options.hls || {};\n\nif (videojs$1.registerPlugin) {\n videojs$1.registerPlugin('reloadSourceOnError', reloadSourceOnError);\n} else {\n videojs$1.plugin('reloadSourceOnError', reloadSourceOnError);\n}\n\n/**\n * A single QualityLevel.\n *\n * interface QualityLevel {\n * readonly attribute DOMString id;\n * attribute DOMString label;\n * readonly attribute long width;\n * readonly attribute long height;\n * readonly attribute long bitrate;\n * attribute boolean enabled;\n * };\n *\n * @class QualityLevel\n */\n\nvar QualityLevel =\n\n/**\n * Creates a QualityLevel\n *\n * @param {Representation|Object} representation The representation of the quality level\n * @param {string} representation.id Unique id of the QualityLevel\n * @param {number=} representation.width Resolution width of the QualityLevel\n * @param {number=} representation.height Resolution height of the QualityLevel\n * @param {number} representation.bandwidth Bitrate of the QualityLevel\n * @param {Function} representation.enabled Callback to enable/disable QualityLevel\n * @return {QualityLevel} - The QualityLevel of the qualities.\n */\nfunction QualityLevel(representation) {\n classCallCheck(this, QualityLevel);\n\n\n var level = this; // eslint-disable-line\n\n if (videojs$1.browser.IS_IE8) {\n level = document$1.createElement('custom');\n for (var prop in QualityLevel.prototype) {\n if (prop !== 'constructor') {\n level[prop] = QualityLevel.prototype[prop];\n }\n }\n }\n\n level.id = representation.id;\n level.label = level.id;\n level.width = representation.width;\n level.height = representation.height;\n level.bitrate = representation.bandwidth;\n level.enabled_ = representation.enabled;\n\n Object.defineProperty(level, 'enabled', {\n /**\n * Get whether the QualityLevel is enabled.\n *\n * @return {boolean} True if the QualityLevel is enabled.\n */\n get: function get$$1() {\n return level.enabled_();\n },\n\n\n /**\n * Enable or disable the QualityLevel.\n *\n * @param {boolean} enable true to enable QualityLevel, false to disable.\n */\n set: function set$$1(enable) {\n level.enabled_(enable);\n }\n });\n\n return level;\n};\n\n/**\n * A list of QualityLevels.\n *\n * interface QualityLevelList : EventTarget {\n * getter QualityLevel (unsigned long index);\n * readonly attribute unsigned long length;\n * readonly attribute long selectedIndex;\n *\n * void addQualityLevel(QualityLevel qualityLevel)\n * void removeQualityLevel(QualityLevel remove)\n * QualityLevel? getQualityLevelById(DOMString id);\n *\n * attribute EventHandler onchange;\n * attribute EventHandler onaddqualitylevel;\n * attribute EventHandler onremovequalitylevel;\n * };\n *\n * @extends videojs.EventTarget\n * @class QualityLevelList\n */\n\nvar QualityLevelList = function (_videojs$EventTarget) {\n inherits(QualityLevelList, _videojs$EventTarget);\n\n /**\n * QualityLevelList constructor\n */\n function QualityLevelList() {\n var _ret;\n\n classCallCheck(this, QualityLevelList);\n\n var _this = possibleConstructorReturn(this, _videojs$EventTarget.call(this));\n\n var list = _this; // eslint-disable-line\n\n if (videojs$1.browser.IS_IE8) {\n list = document$1.createElement('custom');\n for (var prop in QualityLevelList.prototype) {\n if (prop !== 'constructor') {\n list[prop] = QualityLevelList.prototype[prop];\n }\n }\n }\n\n list.levels_ = [];\n list.selectedIndex_ = -1;\n\n /**\n * Get the index of the currently selected QualityLevel.\n *\n * @returns {number} The index of the selected QualityLevel. -1 if none selected.\n * @readonly\n */\n Object.defineProperty(list, 'selectedIndex', {\n get: function get$$1() {\n return list.selectedIndex_;\n }\n });\n\n /**\n * Get the length of the list of QualityLevels.\n *\n * @returns {number} The length of the list.\n * @readonly\n */\n Object.defineProperty(list, 'length', {\n get: function get$$1() {\n return list.levels_.length;\n }\n });\n\n return _ret = list, possibleConstructorReturn(_this, _ret);\n }\n\n /**\n * Adds a quality level to the list.\n *\n * @param {Representation|Object} representation The representation of the quality level\n * @param {string} representation.id Unique id of the QualityLevel\n * @param {number=} representation.width Resolution width of the QualityLevel\n * @param {number=} representation.height Resolution height of the QualityLevel\n * @param {number} representation.bandwidth Bitrate of the QualityLevel\n * @param {Function} representation.enabled Callback to enable/disable QualityLevel\n * @return {QualityLevel} the QualityLevel added to the list\n * @method addQualityLevel\n */\n\n\n QualityLevelList.prototype.addQualityLevel = function addQualityLevel(representation) {\n var qualityLevel = this.getQualityLevelById(representation.id);\n\n // Do not add duplicate quality levels\n if (qualityLevel) {\n return qualityLevel;\n }\n\n var index = this.levels_.length;\n\n qualityLevel = new QualityLevel(representation);\n\n if (!('' + index in this)) {\n Object.defineProperty(this, index, {\n get: function get$$1() {\n return this.levels_[index];\n }\n });\n }\n\n this.levels_.push(qualityLevel);\n\n this.trigger({\n qualityLevel: qualityLevel,\n type: 'addqualitylevel'\n });\n\n return qualityLevel;\n };\n\n /**\n * Removes a quality level from the list.\n *\n * @param {Object} qualityLevel - remove QualityLevel to remove to the list.\n * @return {QualityLevel|null} the QualityLevel removed or null if nothing removed\n * @method removeQualityLevel\n */\n\n\n QualityLevelList.prototype.removeQualityLevel = function removeQualityLevel(qualityLevel) {\n var removed = null;\n\n for (var i = 0, l = this.length; i < l; i++) {\n if (this[i] === qualityLevel) {\n removed = this.levels_.splice(i, 1)[0];\n\n if (this.selectedIndex_ === i) {\n this.selectedIndex_ = -1;\n } else if (this.selectedIndex_ > i) {\n this.selectedIndex_--;\n }\n break;\n }\n }\n\n if (removed) {\n this.trigger({\n qualityLevel: qualityLevel,\n type: 'removequalitylevel'\n });\n }\n\n return removed;\n };\n\n /**\n * Searches for a QualityLevel with the given id.\n *\n * @param {number} id - The id of the QualityLevel to find.\n * @method getQualityLevelById\n * @return {QualityLevel|null} - The QualityLevel with id, or null if not found.\n */\n\n\n QualityLevelList.prototype.getQualityLevelById = function getQualityLevelById(id) {\n for (var i = 0, l = this.length; i < l; i++) {\n var level = this[i];\n\n if (level.id === id) {\n return level;\n }\n }\n return null;\n };\n\n /**\n * Resets the list of QualityLevels to empty\n *\n * @method dispose\n */\n\n\n QualityLevelList.prototype.dispose = function dispose() {\n this.selectedIndex_ = -1;\n this.levels_.length = 0;\n };\n\n return QualityLevelList;\n}(videojs$1.EventTarget);\n\n/**\n * change - The selected QualityLevel has changed.\n * addqualitylevel - A QualityLevel has been added to the QualityLevelList.\n * removequalitylevel - A QualityLevel has been removed from the QualityLevelList.\n */\n\n\nQualityLevelList.prototype.allowedEvents_ = {\n change: 'change',\n addqualitylevel: 'addqualitylevel',\n removequalitylevel: 'removequalitylevel'\n};\n\n// emulate attribute EventHandler support to allow for feature detection\nfor (var event$1 in QualityLevelList.prototype.allowedEvents_) {\n QualityLevelList.prototype['on' + event$1] = null;\n}\n\n// vjs 5/6 support\nvar registerPlugin = videojs$1.registerPlugin || videojs$1.plugin;\n\n/**\n * Initialization function for the qualityLevels plugin. Sets up the QualityLevelList and\n * event handlers.\n *\n * @param {Player} player Player object.\n * @param {Object} options Plugin options object.\n * @function initPlugin\n * @return {qualityLevelList} - quality list of quality levels in video\n */\nvar initPlugin$1 = function initPlugin(player, options) {\n var originalPluginFn = player.qualityLevels;\n\n var qualityLevelList = new QualityLevelList();\n\n var disposeHandler = function disposeHandler() {\n qualityLevelList.dispose();\n player.qualityLevels = originalPluginFn;\n player.off('dispose', disposeHandler);\n };\n\n player.on('dispose', disposeHandler);\n\n player.qualityLevels = function () {\n return qualityLevelList;\n };\n player.qualityLevels.VERSION = '__VERSION__';\n\n return qualityLevelList;\n};\n\n/**\n * A video.js plugin.\n *\n * In the plugin function, the value of `this` is a video.js `Player`\n * instance. You cannot rely on the player being in a \"ready\" state here,\n * depending on how the plugin is invoked. This may or may not be important\n * to you; if not, remove the wait for \"ready\"!\n *\n * @param {Object} options Plugin options object\n * @function qualityLevels\n * @return {QualityLevels} - quality level initialized plugin\n */\nvar qualityLevels = function qualityLevels(options) {\n return initPlugin$1(this, videojs$1.mergeOptions({}, options));\n};\n\n// Register the plugin with video.js.\nregisterPlugin('qualityLevels', qualityLevels);\n\n// Include the version number.\nqualityLevels.VERSION = '__VERSION__';\n\n// Default options for the plugin.\nvar defaults$1 = {};\n\n// Cross-compatibility for Video.js 5 and 6.\nvar registerPlugin$1 = videojs$1.registerPlugin || videojs$1.plugin;\n// const dom = videojs.dom || videojs;\n\n/**\n * VideoJS HLS Quality Selector Plugin class.\n */\n\nvar HlsQualitySelectorPlugin = function () {\n\n /**\n * Plugin Constructor.\n *\n * @param {Player} player - The videojs player instance.\n * @param {Object} options - The plugin options.\n */\n function HlsQualitySelectorPlugin(player, options) {\n classCallCheck(this, HlsQualitySelectorPlugin);\n\n this.player = player;\n // If there is quality levels plugin and the HLS tech exists\n // then continue.\n if (this.player.qualityLevels) {\n // Create the quality button.\n this.createQualityButton();\n this.bindPlayerEvents();\n }\n if (this.player.textTracks) {\n this.createActiveCueEvent();\n }\n }\n\n /**\n * Function to create active cue event on playing the segments\n *\n */\n\n\n HlsQualitySelectorPlugin.prototype.createActiveCueEvent = function createActiveCueEvent() {\n var _this = this;\n\n this.player.on('loadedmetadata', function () {\n var track = _this.player.textTracks();\n var segmentMetadataTrack = void 0;\n var tracks = track.tracks_;\n\n for (var i = 0; i < tracks.length; i++) {\n if (tracks[i].label === 'segment-metadata') {\n segmentMetadataTrack = tracks[i];\n }\n }\n if (segmentMetadataTrack) {\n segmentMetadataTrack.on('cuechange', function () {\n var activeCue = segmentMetadataTrack.activeCues[0];\n if (activeCue) {\n _this.updateDisplayText(activeCue.value.resolution.height);\n }\n });\n }\n });\n };\n\n /**\n * Binds listener for quality level changes.\n */\n\n\n HlsQualitySelectorPlugin.prototype.bindPlayerEvents = function bindPlayerEvents() {\n this.player.qualityLevels().on('addqualitylevel', this.onAddQualityLevel.bind(this));\n };\n\n /**\n * Adds the quality menu button to the player control bar.\n */\n\n\n HlsQualitySelectorPlugin.prototype.createQualityButton = function createQualityButton() {\n\n var player = this.player;\n var self = this;\n\n this.selectedQuality = 'auto';\n this.labelEl_ = null;\n var videoJsButtonClass = videojs$1.getComponent('MenuButton');\n\n /**\n * Extend vjs button class for quality button.\n */\n\n var ConcreteButtonClass = function (_videoJsButtonClass) {\n inherits(ConcreteButtonClass, _videoJsButtonClass);\n\n /**\n * Button constructor.\n */\n function ConcreteButtonClass() {\n classCallCheck(this, ConcreteButtonClass);\n\n var _this2 = possibleConstructorReturn(this, _videoJsButtonClass.call(this, player, { title: player.localize('Quality') }));\n\n self.labelEl_ = _this2.subMenu(true);\n self.labelEl_ = self.labelEl_.querySelector('.play-control-value');\n self.updateDisplayText();\n return _this2;\n }\n\n /**\n * Creates button items.\n *\n * @return {Array} - Button items\n */\n\n\n ConcreteButtonClass.prototype.createItems = function createItems() {\n return [];\n };\n\n return ConcreteButtonClass;\n }(videoJsButtonClass);\n\n this._qualityButton = new ConcreteButtonClass();\n\n var placementIndex = player.controlBar.children().length - 2;\n var concreteButtonInstance = player.controlBar.SettingsGroup.Settings.addChild(this._qualityButton, { componentClass: 'qualitySelector' }, placementIndex);\n concreteButtonInstance.addClass('play-quality-selector');\n setTimeout(function () {\n player.on('loadedmetadata', function () {\n if (player.qualityLevels().levels_.length <= 1) {\n player.controlBar.SettingsGroup.Settings.removeChild(concreteButtonInstance);\n }\n });\n }, 150);\n concreteButtonInstance.menuButton_.setAttribute('title', player.localize('Quality'));\n concreteButtonInstance.menuButton_.$('.play-icon-placeholder').className += ' play-icon-hd';\n concreteButtonInstance.menuButton_.$('.play-control-text').innerHTML += player.localize('Quality');\n concreteButtonInstance.removeClass('play-hidden');\n };\n\n /**\n * Builds individual quality menu items.\n *\n * @param {Object} item - Individual quality menu item.\n * @return {ConcreteMenuItemClass} - Menu item\n */\n\n\n HlsQualitySelectorPlugin.prototype.getQualityMenuItem = function getQualityMenuItem(item) {\n var player = this.player;\n var videoJsMenuItemClass = videojs$1.getComponent('MenuItem');\n\n /**\n * Extend vjs menu item class.\n */\n\n var ConcreteMenuItemClass = function (_videoJsMenuItemClass) {\n inherits(ConcreteMenuItemClass, _videoJsMenuItemClass);\n\n /**\n * Menu item constructor.\n *\n * @param {Player} _player - vjs player\n * @param {Object} _item - Item object\n * @param {ConcreteButtonClass} qualityButton - The containing button.\n * @param {HlsQualitySelectorPlugin} _plugin - This plugin instance.\n */\n function ConcreteMenuItemClass(_player, _item, qualityButton, _plugin) {\n classCallCheck(this, ConcreteMenuItemClass);\n\n if (_player.options_.defaultQuality && _item.value === _player.options_.defaultQuality) {\n _player.hlsQualitySelector.setQuality(_player.options_.defaultQuality);\n }\n\n var _this3 = possibleConstructorReturn(this, _videoJsMenuItemClass.call(this, _player, {\n label: item.label,\n selectable: true,\n selected: item.selected || false\n }));\n\n _this3.item = _item;\n _this3.qualityButton = qualityButton;\n _this3.plugin = _plugin;\n return _this3;\n }\n\n /**\n * Click event for menu item.\n */\n\n\n ConcreteMenuItemClass.prototype.handleClick = function handleClick() {\n // Reset other menu items selected status.\n for (var i = 0; i < this.qualityButton.items.length; ++i) {\n this.qualityButton.items[i].selected(false);\n }\n\n // Set this menu item to selected, and set quality.\n this.plugin.setQuality(this.item.value);\n this.selected(true);\n var playControl = document.querySelector('.play-settings > .play-control');\n playControl.classList.add(\"play-hidden\");\n };\n\n return ConcreteMenuItemClass;\n }(videoJsMenuItemClass);\n\n return new ConcreteMenuItemClass(player, item, this._qualityButton, this);\n };\n\n /**\n * Executed when a quality level is added from HLS playlist.\n */\n\n\n HlsQualitySelectorPlugin.prototype.onAddQualityLevel = function onAddQualityLevel() {\n var _this4 = this;\n\n this.player.on('loadedmetadata', function () {\n var player = _this4.player;\n var qualityList = player.qualityLevels();\n var levels = qualityList.levels_ || [];\n var levelItems = [];\n\n var _loop = function _loop(i) {\n if (!levelItems.filter(function (_existingItem) {\n return _existingItem.item && _existingItem.item.value === levels[i].height;\n }).length) {\n bitRate = _this4.ResolutionFinder(levels[i].height);\n\n var levelItem = _this4.getQualityMenuItem.call(_this4, {\n label: levels[i].height + '' + bitRate,\n value: levels[i].height\n });\n\n levelItems.push(levelItem);\n }\n };\n\n for (var i = 0; i < levels.length; ++i) {\n var bitRate;\n\n _loop(i);\n }\n\n levelItems.sort(function (current, next) {\n if ((typeof current === 'undefined' ? 'undefined' : _typeof(current)) !== 'object' || (typeof next === 'undefined' ? 'undefined' : _typeof(next)) !== 'object') {\n return -1;\n }\n if (current.item.value < next.item.value) {\n return -1;\n }\n if (current.item.value > next.item.value) {\n return 1;\n }\n return 0;\n });\n\n levelItems.push(_this4.getQualityMenuItem.call(_this4, {\n label: player.localize('Auto'),\n value: 'auto',\n selected: true\n }));\n\n if (_this4._qualityButton) {\n _this4._qualityButton.createItems = function () {\n return levelItems;\n };\n _this4._qualityButton.update();\n }\n });\n };\n\n /**\n * Sets quality (based on media height)\n *\n * @param {number} height - A number representing HLS playlist.\n */\n\n\n HlsQualitySelectorPlugin.prototype.setQuality = function setQuality(height) {\n var qualityList = this.player.qualityLevels();\n\n for (var i = 0; i < qualityList.length; ++i) {\n var quality = qualityList[i];\n\n quality.enabled = quality.height === height || height === 'auto';\n if (quality.enabled && this.selectedQuality !== height) {\n this.selectedQuality = height;\n this.updateDisplayText();\n }\n }\n this._qualityButton.unpressButton();\n };\n\n HlsQualitySelectorPlugin.prototype.updateDisplayText = function updateDisplayText(text) {\n if (this.selectedQuality + '' === 'auto') {\n var bitRate = this.ResolutionFinder(text);\n this.labelEl_.innerHTML = this.player.localize('Auto') + ' ' + ' ' + (text ? text + bitRate : ' ');\n } else if (this.selectedQuality) {\n var bitRate = this.ResolutionFinder(this.selectedQuality);\n this.labelEl_.innerHTML = this.selectedQuality + bitRate;\n }\n };\n\n HlsQualitySelectorPlugin.prototype.ResolutionFinder = function ResolutionFinder(resolution) {\n var videoResolution = 'p';\n if (resolution >= 720 && resolution <= 1080) {\n videoResolution = 'p HD ';\n } else if (resolution > 1080) {\n videoResolution = 'p 4K ';\n }\n return videoResolution;\n };\n\n return HlsQualitySelectorPlugin;\n}();\n\n/**\n * Function to invoke when the player is ready.\n *\n * This is a great place for your plugin to initialize itself. When this\n * function is called, the player will have its DOM and child components\n * in place.\n *\n * @function onPlayerReady\n * @param {Player} player\n * A Video.js player object.\n *\n * @param {Object} [options={}]\n * A plain object containing options for the plugin.\n */\n\n\nvar onPlayerReady = function onPlayerReady(player, options) {\n player.addClass('play-hls-quality-selector');\n player.hlsQualitySelector = new HlsQualitySelectorPlugin(player, options);\n};\n\n/**\n * A video.js plugin.\n *\n * In the plugin function, the value of `this` is a video.js `Player`\n * instance. You cannot rely on the player being in a \"ready\" state here,\n * depending on how the plugin is invoked. This may or may not be important\n * to you; if not, remove the wait for \"ready\"!import { document } from 'global/document';\n\n *\n * @function hlsQualitySelector\n * @param {Object} [options={}]\n * An object of options left to the plugin author to define.\n */\nvar hlsQualitySelector = function hlsQualitySelector(options) {\n var _this5 = this;\n\n this.ready(function () {\n onPlayerReady(_this5, videojs$1.mergeOptions(defaults$1, options));\n });\n};\n\n// Register the plugin with video.js.\nregisterPlugin$1('hlsQualitySelector', hlsQualitySelector);\n\nvar Button$1 = videojs$1.getComponent('Button');\nvar Component$2 = videojs$1.getComponent('Component');\n\n// Default options for the plugin.\nvar defaults$2 = {\n forward: 10,\n back: 10\n};\n\n// Cross-compatibility for Video.js 5 and 6.\nvar registerPlugin$2 = videojs$1.registerPlugin || videojs$1.plugin;\n// const dom = videojs.dom || videojs;\n\n/**\n * Function to invoke when the player is ready.\n *\n * This is a great place for your plugin to initialize itself. When this\n * function is called, the player will have its DOM and child components\n * in place.\n *\n * @function onPlayerReady\n * @param {Player} player\n * A Video.js player object.\n *\n * @param {Object} [options={}]\n * A plain object containing options for the plugin.\n */\nvar onPlayerReady$1 = function onPlayerReady(player, options) {\n if (player.options_.midrol) {\n player.adsLine = 0;\n } else {\n player.adsLine = 1;\n }\n\n player.addClass('play-seek-buttons');\n\n if (options.forward && options.forward > 0) {\n player.seekForward = player.addChild('seekButton', {\n direction: 'forward',\n seconds: options.forward\n });\n player.el().appendChild(player.seekForward.el(), player.el().firstChild.nextSibling);\n }\n\n if (options.back && options.back > 0) {\n player.seekBack = player.addChild('seekButton', {\n direction: 'back',\n seconds: options.back\n });\n player.el().appendChild(player.seekBack.el(), player.el().childNodes[0]);\n }\n\n player.on('playing', function () {\n if (player.adsLine == 0) {\n var duration = this.player_.duration();\n var progressWidth = document.getElementsByClassName('play-slider')[0].offsetWidth;\n var perSecond = progressWidth / duration;\n var time = player.options_.midrol;\n time.forEach(function (element) {\n var ads = document.getElementsByClassName('play-load-progress')[0];\n ads.innerHTML += '
';\n });\n player.adsLine = 1;\n }\n var seekButton = document.getElementsByClassName('play-seek-button');\n var ad = document.getElementsByClassName('play-ads-label').length;\n if (seekButton.length > 0 && ad == 0) {\n if (this.player_.duration() !== Infinity) {\n for (var i = 0; i < seekButton.length; i++) {\n seekButton[i].style.display = 'block';\n }\n } else {\n var controlBlock = document.getElementsByClassName('volumn-time-control-group');\n for (var j = 0; j < controlBlock.length; j++) {\n // console.log(controlBlock[j].className);\n if (controlBlock[j].className.indexOf('is_live') == -1) {\n controlBlock[j].className = controlBlock[j].classList + ' is_live';\n }\n }\n }\n\n // document.getElementsByClassName('play-settings')[0].style.display = 'block';\n // document.getElementsByClassName('play-volume-control')[0].style.display = 'block';\n\n }\n });\n};\n\n/**\n * A video.js plugin.\n *\n * In the plugin function, the value of `this` is a video.js `Player`\n * instance. You cannot rely on the player being in a \"ready\" state here,\n * depending on how the plugin is invoked. This may or may not be important\n * to you; if not, remove the wait for \"ready\"!import { document } from 'global/document';\n\n *\n * @function seekButtons\n * @param {Object} [options={}]\n * An object of options left to the plugin author to define.\n */\nvar seekButtons = function seekButtons(options) {\n var _this = this;\n\n this.ready(function () {\n onPlayerReady$1(_this, videojs$1.mergeOptions(defaults$2, options));\n });\n};\n\n/**\n * Button to seek forward/back\n *\n * @extends Button\n * @class SeekToggle\n */\n\nvar SeekButton = function (_Button) {\n inherits(SeekButton, _Button);\n\n /**\n * SeekButton constructor\n *\n * @param {Player|Object} player - vjs player\n * @param {Object=} options - default options\n */\n function SeekButton(player, options) {\n classCallCheck(this, SeekButton);\n\n var _this2 = possibleConstructorReturn(this, _Button.call(this, player, options));\n\n if (_this2.options_.direction === 'forward') {\n _this2.controlText(_this2.localize('Seek forward {{seconds}} seconds').replace('{{seconds}}', _this2.options_.seconds));\n } else if (_this2.options_.direction === 'back') {\n _this2.controlText(_this2.localize('Seek back {{seconds}} seconds').replace('{{seconds}}', _this2.options_.seconds));\n }\n return _this2;\n }\n\n /**\n * Build css classes for the seek button.\n *\n * @return {SeekButtonClass} - seek button\n */\n\n\n SeekButton.prototype.buildCSSClass = function buildCSSClass() {\n /* Each button will have the classes:\n `play-seek-button`\n `skip-forward` or `skip-back`\n `skip-n` where `n` is the number of seconds\n So you could have a generic icon for \"skip back\" and a more\n specific one for \"skip back 30 seconds\"\n */\n return 'play-seek-button skip-' + this.options_.direction + ' ' + ('skip-' + this.options_.seconds + ' ' + _Button.prototype.buildCSSClass.call(this));\n };\n\n /**\n * Click event for seek buttons.\n */\n\n\n SeekButton.prototype.handleClick = function handleClick() {\n var now = this.player_.currentTime();\n\n if (this.options_.direction === 'forward') {\n var seekTime = now + this.options_.seconds;\n\n if (this.player_.duration() >= seekTime) {\n this.player_.currentTime(seekTime);\n }\n } else if (this.options_.direction === 'back') {\n var _seekTime = now - this.options_.seconds;\n\n if (this.options_.seconds <= this.player_.currentTime()) {\n this.player_.currentTime(_seekTime);\n }\n }\n };\n\n return SeekButton;\n}(Button$1);\n\nComponent$2.registerComponent('SeekButton', SeekButton);\n\n// Register the plugin with video.js.\nregisterPlugin$2('seekButtons', seekButtons);\n\n// Default options for the plugin.\nvar defaults$3 = {};\n\n// Cross-compatibility for Video.js 5 and 6.\nvar registerPlugin$3 = videojs$1.registerPlugin || videojs$1.plugin;\n// const dom = videojs.dom || videojs;\n\n/**\n * VideoJS HLS Quality Selector Plugin class.\n *\n * @param {Object} [player] passes the player object for the keyboard shortcuts plugin\n * @param {Object} [options] passes the keyboard shortcuts for the keyboard events\n * @return {Object} returns the created object for keyboard shortcuts\n */\nvar KeyboardShortCutsPlugin = function KeyboardShortCutsPlugin(player, options) {\n var pEl = player.el();\n var doc = document$1;\n var defOptions = {\n volumeStep: 0.1,\n seekStep: 10,\n enableMute: true,\n enableFullscreen: true,\n enableNumbers: true,\n enableJogStyle: false,\n alwaysCaptureHotkeys: false,\n enableModifiersForNumbers: true,\n enableInactiveFocus: true,\n skipInitialFocus: false,\n playPauseKey: playPauseKey,\n rewindKey: rewindKey,\n forwardKey: forwardKey,\n volumeUpKey: volumeUpKey,\n volumeDownKey: volumeDownKey,\n muteKey: muteKey,\n fullscreenKey: fullscreenKey,\n customKeys: {}\n };\n\n var cPlay = 1;\n var cRewind = 2;\n var cForward = 3;\n var cVolumeUp = 4;\n var cVolumeDown = 5;\n var cMute = 6;\n var cFullscreen = 7;\n\n // Use built-in merge function from Video.js v5.0+ or v4.4.0+\n var mergeOptions = videojs$1.mergeOptions || videojs$1.util.mergeOptions;\n\n options = mergeOptions(defOptions, options || {});\n\n var volumeStep = options.volumeStep;\n var seekStep = options.seekStep;\n var enableMute = options.enableMute;\n var enableFull = options.enableFullscreen;\n var enableNumbers = options.enableNumbers;\n var enableJogStyle = options.enableJogStyle;\n var alwaysCaptureHotkeys = options.alwaysCaptureHotkeys;\n var enableModifiersForNumbers = options.enableModifiersForNumbers;\n var enableInactiveFocus = options.enableInactiveFocus;\n var skipInitialFocus = options.skipInitialFocus;\n\n // Set default player tabindex to handle keydown and doubleclick events\n if (!pEl.hasAttribute('tabIndex')) {\n pEl.setAttribute('tabIndex', '-1');\n }\n\n // Remove player outline to fix video performance issue\n pEl.style.outline = 'none';\n\n if (alwaysCaptureHotkeys || !player.autoplay()) {\n if (!skipInitialFocus) {\n player.one('play', function () {\n pEl.focus();\n });\n }\n }\n\n if (enableInactiveFocus) {\n player.on('userinactive', function () {\n // When the control bar fades, re-apply focus to the player if last focus was a control button\n var focusingPlayerTimeout = setTimeout(function () {\n player.off('useractive', function () {\n clearTimeout(focusingPlayerTimeout);\n });\n var activeElement = doc.activeElement;\n var controlBar = pEl.querySelector('.play-control-bar');\n\n if (activeElement && activeElement.parentElement === controlBar) {\n pEl.focus();\n }\n }, 10);\n\n player.one('useractive', function () {\n clearTimeout(focusingPlayerTimeout);\n });\n });\n }\n\n player.on('play', function () {\n // Fix allowing the YouTube plugin to have hotkey support.\n var ifblocker = pEl.querySelector('.iframeblocker');\n\n if (ifblocker && ifblocker.style.display === '') {\n ifblocker.style.display = 'block';\n ifblocker.style.bottom = '39px';\n }\n });\n\n var checkKeys = function checkKeys(e, checkPlayer) {\n // Allow some modularity in defining custom hotkeys\n\n // Play/Pause check\n if (options.playPauseKey(e, checkPlayer)) {\n return cPlay;\n }\n\n // Seek Backward check\n if (options.rewindKey(e, checkPlayer)) {\n return cRewind;\n }\n\n // Seek Forward check\n if (options.forwardKey(e, checkPlayer)) {\n return cForward;\n }\n\n // Volume Up check\n if (options.volumeUpKey(e, checkPlayer)) {\n return cVolumeUp;\n }\n\n // Volume Down check\n if (options.volumeDownKey(e, checkPlayer)) {\n return cVolumeDown;\n }\n\n // Mute check\n if (options.muteKey(e, checkPlayer)) {\n return cMute;\n }\n\n // Fullscreen check\n if (options.fullscreenKey(e, checkPlayer)) {\n return cFullscreen;\n }\n };\n\n var keyDown = function keyDown(event) {\n var eventWhich = event.which;\n var wasPlaying = void 0;\n var seekTime = void 0;\n var ePreventDefault = event.preventDefault;\n var duration = player.duration();\n // When controls are disabled, hotkeys will be disabled as well\n\n if (player.controls()) {\n\n // Don't catch keys if any control buttons are focused, unless alwaysCaptureHotkeys is true\n var activeEl = doc.activeElement;\n\n if (alwaysCaptureHotkeys || activeEl === pEl || activeEl === pEl.querySelector('.play-tech') || activeEl === pEl.querySelector('.play-control-bar') || activeEl === pEl.querySelector('.iframeblocker')) {\n\n switch (checkKeys(event, player)) {\n // Spacebar toggles play/pause\n case cPlay:\n ePreventDefault();\n if (alwaysCaptureHotkeys) {\n // Prevent control activation with space\n event.stopPropagation();\n }\n\n if (player.paused()) {\n player.play();\n } else {\n player.pause();\n }\n break;\n\n // Seeking with the left/right arrow keys\n // Seek Backward\n case cRewind:\n wasPlaying = !player.paused();\n ePreventDefault();\n if (wasPlaying) {\n player.pause();\n }\n seekTime = player.currentTime() - seekStepD(event);\n // The flash player tech will allow you to seek into negative\n // numbers and break the seekbar, so try to prevent that.\n if (seekTime <= 0) {\n seekTime = 0;\n }\n player.currentTime(seekTime);\n if (wasPlaying) {\n player.play();\n }\n break;\n case cForward:\n // Seek Forward\n wasPlaying = !player.paused();\n ePreventDefault();\n if (wasPlaying) {\n player.pause();\n }\n seekTime = player.currentTime() + seekStepD(event);\n // Fixes the player not sending the end event if you\n // try to seek past the duration on the seekbar.\n if (seekTime >= duration) {\n seekTime = wasPlaying ? duration - 0.001 : duration;\n }\n player.currentTime(seekTime);\n if (wasPlaying) {\n player.play();\n }\n break;\n\n // Volume control with the up/down arrow keys\n case cVolumeDown:\n ePreventDefault();\n if (!enableJogStyle) {\n player.volume(player.volume() - volumeStep);\n } else {\n seekTime = player.currentTime() - 1;\n if (player.currentTime() <= 1) {\n seekTime = 0;\n }\n player.currentTime(seekTime);\n }\n break;\n case cVolumeUp:\n ePreventDefault();\n if (!enableJogStyle) {\n player.volume(player.volume() + volumeStep);\n } else {\n seekTime = player.currentTime() + 1;\n if (seekTime >= duration) {\n seekTime = duration;\n }\n player.currentTime(seekTime);\n }\n break;\n\n // Toggle Mute with the M key\n case cMute:\n if (enableMute) {\n player.muted(!player.muted());\n }\n break;\n\n // Toggle Fullscreen with the F key\n case cFullscreen:\n if (enableFull) {\n if (player.isFullscreen()) {\n player.exitFullscreen();\n } else {\n player.requestFullscreen();\n }\n }\n break;\n\n default:\n // Number keys from 0-9 skip to a percentage of the video. 0 is 0% and 9 is 90%\n if (eventWhich > 47 && eventWhich < 59 || eventWhich > 95 && eventWhich < 106) {\n // Do not handle if enableModifiersForNumbers set to false and keys are Ctrl, Cmd or Alt\n if (enableModifiersForNumbers || !(event.metaKey || event.ctrlKey || event.altKey)) {\n if (enableNumbers) {\n var sub = 48;\n\n if (eventWhich > 95) {\n sub = 96;\n }\n var number = eventWhich - sub;\n\n ePreventDefault();\n player.currentTime(player.duration() * number * 0.1);\n }\n }\n }\n\n // Handle any custom hotkeys\n for (var customKey in options.customKeys) {\n var customHotkey = options.customKeys[customKey];\n // Check for well formed custom keys\n\n if (customHotkey && customHotkey.key && customHotkey.handler) {\n // Check if the custom key's condition matches\n if (customHotkey.key(event)) {\n ePreventDefault();\n customHotkey.handler(player, options, event);\n }\n }\n }\n }\n }\n }\n };\n\n /**\n * Function to identify play pause which key\n *\n * @param {Object} e event object\n * @return {boolean} returns true or false for the event\n */\n function playPauseKey(e) {\n // Space bar or MediaPlayPause\n return e.which === 32 || e.which === 179;\n }\n\n /**\n * Function to identify rewind key which key\n *\n * @param {Object} e event object\n * @return {boolean} returns true or false for the event\n */\n function rewindKey(e) {\n // Left Arrow or MediaRewind\n return e.which === 37 || e.which === 177;\n }\n\n /**\n * Function to identify forward which key\n *\n * @param {Object} e event object\n * @return {boolean} returns true or false for the event\n */\n function forwardKey(e) {\n // Right Arrow or MediaForward\n return e.which === 39 || e.which === 176;\n }\n\n /**\n * Function to identify volume up which key\n *\n * @param {Object} e event object\n * @return {boolean} returns true or false for the event\n */\n function volumeUpKey(e) {\n // Up Arrow\n return e.which === 38;\n }\n\n /**\n * Function to identify volume down which key\n *\n * @param {Object} e event object\n * @return {boolean} returns true or false for the event\n */\n function volumeDownKey(e) {\n // Down Arrow\n return e.which === 40;\n }\n\n /**\n * Function to identify mute which key\n *\n * @param {Object} e event object\n * @return {boolean} returns true or false for the event\n */\n function muteKey(e) {\n // M key\n return e.which === 77;\n }\n\n /**\n * Function to identify Full screen which key\n *\n * @param {Object} e event object\n * @return {boolean} returns true or false for the event\n */\n function fullscreenKey(e) {\n // F key\n return e.which === 70;\n }\n\n /**\n * Function to identify seek step by step which key\n *\n * @param {Object} e event object\n * @return {boolean} returns true or false for the event\n */\n function seekStepD(e) {\n // SeekStep caller, returns an int, or a function returning an int\n return typeof seekStep === 'function' ? seekStep(e) : seekStep;\n }\n\n player.on('keydown', keyDown);\n // player.on('dblclick', doubleClick);\n\n return this;\n};\n\n/**\n * Function to invoke when the player is ready.\n *\n * This is a great place for your plugin to initialize itself. When this\n * function is called, the player will have its DOM and child components\n * in place.\n *\n * @function onPlayerReady\n * @param {Player} player\n * A Video.js player object.\n *\n * @param {Object} [options={}]\n * A plain object containing options for the plugin.\n */\nvar onPlayerReady$2 = function onPlayerReady(player, options) {\n player.keyboardShortCuts = new KeyboardShortCutsPlugin(player, options);\n};\n\n/**\n * A video.js plugin.\n *\n * In the plugin function, the value of `this` is a video.js `Player`\n * instance. You cannot rely on the player being in a \"ready\" state here,\n * depending on how the plugin is invoked. This may or may not be important\n * to you; if not, remove the wait for \"ready\"!\n *\n * @function keyboardShortCuts\n * @param {Object} [options={}]\n * An object of options left to the plugin author to define.\n */\nvar keyboardShortCuts = function keyboardShortCuts(options) {\n var _this = this;\n\n this.ready(function () {\n onPlayerReady$2(_this, videojs$1.mergeOptions(defaults$3, options));\n });\n};\n\n// Register the plugin with video.js.\nregisterPlugin$3('keyboardShortCuts', keyboardShortCuts);\n\n// Default options for the plugin.\nvar defaults$4 = {\n position: 'top-right',\n fadeTime: 3000,\n url: 'https://d2rq7c4c4iu0a6.cloudfront.net/common/logonew.png',\n image: \"https://d2rq7c4c4iu0a6.cloudfront.net/common/logonew.png\"\n};\n/**\n * Sets up the div, img and optional a tags for the plugin.\n *\n * @function setupWatermark\n * @param {Player} player\n * @param {Object} [options={}]\n */\nvar setupWatermark = function setupWatermark(player, options) {\n // Add a div and img tag\n var videoEl = player.el();\n var div = document.createElement('div');\n var img = document.createElement('img');\n\n div.classList.add('vjs-watermark-content');\n div.classList.add('vjs-watermark-' + options.position);\n img.src = options.image;\n\n // if a url is provided make the image link to that URL.\n\n if (options.url) {\n var a = document.createElement('a');\n\n a.href = options.url;\n // if the user clicks the link pause and open a new window\n a.onclick = function (e) {\n e.preventDefault();\n player.pause();\n window.open(options.url);\n };\n a.appendChild(img);\n div.appendChild(a);\n } else {\n div.appendChild(img);\n }\n videoEl.appendChild(div);\n};\n\n/**\n * Fades the watermark image.\n *\n * @function fadeWatermark\n * @param {Object} [options={\n * fadeTime:\n * 'The number of milliseconds before the inital watermark fade out'}]\n */\nvar fadeWatermark = function fadeWatermark(options) {\n setTimeout(function () {\n return document.getElementsByClassName('vjs-watermark-content')[0].classList.add('vjs-watermark-fade');\n }, options.fadeTime);\n};\n\n/**\n * Function to invoke when the player is ready.\n *\n * This is a great place for your plugin to initialize itself. When this\n * function is called, the player will have its DOM and child components\n * in place.\n *\n * @function onPlayerReady\n * @param {Player} player\n * @param {Object} [options={}]\n */\nvar onPlayerReady$3 = function onPlayerReady(player, options) {\n player.addClass('vjs-watermark');\n // if there is no image set just exit\n if (!options.image) {\n return;\n }\n setupWatermark(player, options);\n\n // Setup watermark autofade\n if (options.fadeTime === null) {\n return;\n }\n\n player.on('play', function () {\n return fadeWatermark(options);\n });\n};\n\n/**\n * A video.js plugin.\n *\n * In the plugin function, the value of `this` is a video.js `Player`\n * instance. You cannot rely on the player being in a \"ready\" state here,\n * depending on how the plugin is invoked. This may or may not be important\n * to you; if not, remove the wait for \"ready\"!import { debounce } from '../../js/utils/fn';\n\n *\n * @function watermark\n * @param {Object} [options={}]\n * An object of options left to the plugin author to define.\n */\nvar watermark = function watermark(options) {\n var _this = this;\n\n this.options_.licenceId ? defaults$4.image = this.options_.waterMarker : '';\n this.ready(function () {\n onPlayerReady$3(_this, videojs$1.mergeOptions(defaults$4, options));\n });\n};\n\n// Register the plugin with video.js.\nvideojs$1.registerPlugin('watermark', watermark);\n\n// Include the version number.\nwatermark.VERSION = '__VERSION__';\n\n/**\n * Set up sprite thumbnails for a player.\n *\n * @function spriteThumbs\n * @param {Player} player\n * The current player instance.\n * @param {Object} options\n * Configuration options.\n */\nfunction spriteThumbs(player, options) {\n var url = options.url;\n var height = options.height;\n var width = options.width;\n var responsive = options.responsive;\n\n if (!url || !height || !width) {\n return;\n }\n\n var dom = videojs$1.dom || videojs$1;\n var controls = player.controlBar;\n var progress = controls.progressControl;\n var seekBar = progress.seekBar;\n var mouseTimeDisplay = seekBar.mouseTimeDisplay;\n\n if (!mouseTimeDisplay) {\n return;\n }\n\n var tooltipStyle = function tooltipStyle(obj) {\n Object.keys(obj).forEach(function (key) {\n var val = obj[key];\n var ttstyle = mouseTimeDisplay.timeTooltip.el_.style;\n\n if (val !== '') {\n ttstyle.setProperty(key, val);\n } else {\n ttstyle.removeProperty(key);\n }\n });\n };\n\n var columns = 0;\n var imgWidth = 0;\n var imgHeight = 0;\n\n // load sprite early\n dom.createEl('img', {\n src: url\n }).onload = function (ev) {\n var target = ev.target;\n\n imgWidth = target.naturalWidth;\n imgHeight = target.naturalHeight;\n columns = imgWidth / width;\n };\n\n tooltipStyle({\n 'width': '',\n 'height': '',\n 'background-image': '',\n 'background-repeat': '',\n 'background-position': '',\n 'background-size': '',\n 'top': '',\n 'color': '',\n 'text-shadow': '',\n 'border': '',\n 'margin': ''\n });\n\n var hijackMouseTooltip = function hijackMouseTooltip() {\n if (!columns) {\n return;\n }\n\n var hoverPosition = parseFloat(mouseTimeDisplay.el_.style.left);\n\n hoverPosition = player.duration() * (hoverPosition / seekBar.el_.clientWidth);\n if (isNaN(hoverPosition)) {\n return;\n }\n\n hoverPosition = hoverPosition / options.interval;\n\n var playerWidth = player.el_.clientWidth;\n var scaleFactor = responsive && playerWidth < responsive ? playerWidth / responsive : 1;\n var scaledWidth = width * scaleFactor;\n var scaledHeight = height * scaleFactor;\n var cleft = Math.floor(hoverPosition % columns) * -scaledWidth;\n var ctop = Math.floor(hoverPosition / columns) * -scaledHeight;\n var bgSize = imgWidth * scaleFactor + 'px ' + imgHeight * scaleFactor + 'px';\n var controlsTop = dom.getBoundingClientRect(controls.el_).top;\n var seekBarTop = dom.getBoundingClientRect(seekBar.el_).top;\n // top of seekBar is 0 position\n var topOffset = -scaledHeight;\n\n if (controlsTop < seekBarTop) {\n topOffset -= seekBarTop - controlsTop;\n }\n\n tooltipStyle({\n 'width': scaledWidth + 'px',\n 'height': scaledHeight + 'px',\n 'background-image': 'url(' + url + ')',\n 'background-repeat': 'no-repeat',\n 'background-position': cleft + 'px ' + ctop + 'px',\n 'background-size': bgSize,\n 'top': topOffset + 'px',\n 'color': '#fff',\n 'text-shadow': '1px 1px #000',\n 'border': '1px solid #000',\n 'margin': '0 1px'\n });\n };\n\n player.ready(function () {\n progress.on('mousemove', hijackMouseTooltip);\n progress.on('touchmove', hijackMouseTooltip);\n });\n player.addClass('vjs-sprite-thumbnails');\n}\n\n//import { version as VERSION } from './package.json';\n/**\n * Default plugin options\n *\n * @param {String} url\n * Sprite location. Must be set by user.\n * @param {Integer} width\n * Width in pixels of a thumbnail. Must be set by user.\n * @param {Integer} height\n * Height in pixels of a thumbnail. Must be set by user.\n * @param {Number} interval\n * Interval between thumbnail frames in seconds. Default: 1.\n * @param {Integer} responsive\n * Width of player below which thumbnails are reponsive. Default: 600.\n */\nvar defaults$5 = {\n url: '',\n width: 0,\n height: 0,\n interval: 1,\n responsive: 600\n};\n\n/**\n * The video.js sprite thumbnails plugin.\n *\n * Invokes spriteThumbs to set up and display thumbnails from a sprite image\n * when the user hovers over the progress bar.\n *\n * @function spriteThumbnails\n * @param {Object} options\n * Object accepting 4 plugin configuration parameters.\n */\nvar spriteThumbnails = function spriteThumbnails(options) {\n spriteThumbs(this, videojs$1.mergeOptions(defaults$5, options));\n};\n\n// Register the plugin with video.js.\nvideojs$1.registerPlugin('spriteThumbnails', spriteThumbnails);\n\n// Include the version number.\nspriteThumbnails.VERSION = '__VERSION__';\n\n// (function(global, factory) {\n// typeof exports === 'object' && typeof module !== 'undefined' ? factory(require('../../js/video.js')) :\n// typeof define === 'function' && define.amd ? define(['../../js/video.js'], factory) :\n// (factory(global.videojs));\n// }(this, (function(videojs) {\n// 'use strict';\n\n// videojs = videojs && videojs.hasOwnProperty('default') ? videojs['default'] : videojs;\n\n/**\n * Copyright 2017 Google Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n *\n * IMA SDK integration plugin for Video.js. For more information see\n * https://www.github.com/googleads/videojs-ima\n */\n\n/**\n * Wraps the video.js player for the plugin.\n *\n * @param {Object} player Video.js player instance.\n * @param {Object} adsPluginSettings Settings for the contrib-ads plugin.\n * @param {Controller} controller Reference to the parent controller.\n */\nvar PlayerWrapper = function PlayerWrapper(player, adsPluginSettings, controller) {\n /**\n * Instance of the video.js player.\n */\n this.vjsPlayer = player;\n\n /**\n * Plugin controller.\n */\n this.controller = controller;\n\n /**\n * Timer used to track content progress.\n */\n this.contentTrackingTimer = null;\n\n /**\n * True if our content video has completed, false otherwise.\n */\n this.contentComplete = false;\n\n /**\n * Handle to interval that repeatedly updates current time.\n */\n this.updateTimeIntervalHandle = null;\n\n /**\n * Interval (ms) to check for player resize for fluid support.\n */\n this.updateTimeInterval = 1000;\n\n /**\n * Handle to interval that repeatedly checks for seeking.\n */\n this.seekCheckIntervalHandle = null;\n\n /**\n * Interval (ms) on which to check if the user is seeking through the\n * content.\n */\n this.seekCheckInterval = 1000;\n\n /**\n * Handle to interval that repeatedly checks for player resize.\n */\n this.resizeCheckIntervalHandle = null;\n\n /**\n * Interval (ms) to check for player resize for fluid support.\n */\n this.resizeCheckInterval = 250;\n\n /**\n * Threshold by which to judge user seeking. We check every 1000 ms to see\n * if the user is seeking. In order for us to decide that they are *not*\n * seeking, the content video playhead must only change by 900-1100 ms\n * between checks. Any greater change and we assume the user is seeking\n * through the video.\n */\n this.seekThreshold = 100;\n\n /**\n * Content ended listeners passed by the publisher to the plugin. Publishers\n * should allow the plugin to handle content ended to ensure proper support\n * of custom ad playback.\n */\n this.contentEndedListeners = [];\n\n /**\n * Stores the content source so we can re-populate it manually after a\n * post-roll on iOS.\n */\n this.contentSource = '';\n\n /**\n * Stores data for the content playhead tracker.\n */\n this.contentPlayheadTracker = {\n currentTime: 0,\n previousTime: 0,\n seeking: false,\n duration: 0\n };\n\n /**\n * Player dimensions. Used in our resize check.\n */\n this.vjsPlayerDimensions = {\n width: this.getPlayerWidth(),\n height: this.getPlayerHeight()\n };\n\n /**\n * Video.js control bar.\n */\n this.vjsControls = this.vjsPlayer.getChild('controlBar');\n\n /**\n * Vanilla HTML5 video player underneath the video.js player.\n */\n this.h5Player = null;\n\n this.boundContentEndedListener = this.localContentEndedListener.bind(this);\n this.vjsPlayer.on('contentended', this.boundContentEndedListener);\n this.vjsPlayer.on('dispose', this.playerDisposedListener.bind(this));\n this.vjsPlayer.on('readyforpreroll', this.onReadyForPreroll.bind(this));\n this.vjsPlayer.ready(this.onPlayerReady.bind(this));\n this.vjsPlayer.one('play', this.setUpPlayerIntervals.bind(this));\n\n this.vjsPlayer.ads(adsPluginSettings);\n};\n\n/**\n * Set up the intervals we use on the player.\n */\nPlayerWrapper.prototype.setUpPlayerIntervals = function () {\n\n this.updateTimeIntervalHandle = setInterval(this.updateCurrentTime.bind(this), this.updateTimeInterval);\n this.seekCheckIntervalHandle = setInterval(this.checkForSeeking.bind(this), this.seekCheckInterval);\n this.resizeCheckIntervalHandle = setInterval(this.checkForResize.bind(this), this.resizeCheckInterval);\n};\n\n/**\n * Updates the current time of the video\n */\nPlayerWrapper.prototype.updateCurrentTime = function () {\n if (!this.contentPlayheadTracker.seeking) {\n this.contentPlayheadTracker.currentTime = this.vjsPlayer.currentTime();\n }\n};\n\n/**\n * Detects when the user is seeking through a video.\n * This is used to prevent mid-rolls from playing while a user is seeking.\n *\n * There *is* a seeking property of the HTML5 video element, but it's not\n * properly implemented on all platforms (e.g. mobile safari), so we have to\n * check ourselves to be sure.\n */\nPlayerWrapper.prototype.checkForSeeking = function () {\n var tempCurrentTime = this.vjsPlayer.currentTime();\n var diff = (tempCurrentTime - this.contentPlayheadTracker.previousTime) * 1000;\n if (Math.abs(diff) > this.seekCheckInterval + this.seekThreshold) {\n this.contentPlayheadTracker.seeking = true;\n } else {\n this.contentPlayheadTracker.seeking = false;\n }\n this.contentPlayheadTracker.previousTime = this.vjsPlayer.currentTime();\n};\n\n/**\n * Detects when the player is resized (for fluid support) and resizes the\n * ads manager to match.\n */\nPlayerWrapper.prototype.checkForResize = function () {\n var currentWidth = this.getPlayerWidth();\n var currentHeight = this.getPlayerHeight();\n\n if (currentWidth != this.vjsPlayerDimensions.width || currentHeight != this.vjsPlayerDimensions.height) {\n this.vjsPlayerDimensions.width = currentWidth;\n this.vjsPlayerDimensions.height = currentHeight;\n this.controller.onPlayerResize(currentWidth, currentHeight);\n }\n};\n\n/**\n * Local content ended listener for contentComplete.\n */\nPlayerWrapper.prototype.localContentEndedListener = function () {\n if (!this.contentComplete) {\n this.contentComplete = true;\n this.controller.onContentComplete();\n }\n\n for (var index in this.contentEndedListeners) {\n if (typeof this.contentEndedListeners[index] === 'function') {\n this.contentEndedListeners[index]();\n }\n }\n\n clearInterval(this.updateTimeIntervalHandle);\n clearInterval(this.seekCheckIntervalHandle);\n clearInterval(this.resizeCheckIntervalHandle);\n if (this.vjsPlayer.el()) {\n this.vjsPlayer.one('play', this.setUpPlayerIntervals.bind(this));\n }\n};\n\n/**\n * Called when it's time to play a post-roll but we don't have one to play.\n */\nPlayerWrapper.prototype.onNoPostroll = function () {\n this.vjsPlayer.trigger('nopostroll');\n};\n\n/**\n * Detects when the video.js player has been disposed.\n */\nPlayerWrapper.prototype.playerDisposedListener = function () {\n this.contentEndedListeners = [];\n this.controller.onPlayerDisposed();\n\n this.contentComplete = true;\n this.vjsPlayer.off('contentended', this.boundContentEndedListener);\n\n // Bug fix: https://github.com/googleads/videojs-ima/issues/306\n if (this.vjsPlayer.ads.adTimeoutTimeout) {\n clearTimeout(this.vjsPlayer.ads.adTimeoutTimeout);\n }\n\n var intervalsToClear = [this.updateTimeIntervalHandle, this.seekCheckIntervalHandle, this.resizeCheckIntervalHandle];\n for (var index in intervalsToClear) {\n if (intervalsToClear[index]) {\n clearInterval(intervalsToClear[index]);\n }\n }\n};\n\n/**\n * Start ad playback, or content video playback in the absence of a\n * pre-roll.\n */\nPlayerWrapper.prototype.onReadyForPreroll = function () {\n\n this.controller.onPlayerReadyForPreroll();\n};\n\n/**\n * Called when the player fires its 'ready' event.\n */\nPlayerWrapper.prototype.onPlayerReady = function () {\n this.h5Player = document.getElementById(this.getPlayerId());\n //.getElementsByClassName('vjs-tech')[0];\n\n // Detect inline options\n if (this.h5Player.hasAttribute('autoplay')) {\n this.controller.setSetting('adWillAutoPlay', true);\n }\n\n // Sync ad volume with player volume.\n this.onVolumeChange();\n this.vjsPlayer.on('fullscreenchange', this.onFullscreenChange.bind(this));\n this.vjsPlayer.on('volumechange', this.onVolumeChange.bind(this));\n\n this.controller.onPlayerReady();\n};\n\n/**\n * Listens for the video.js player to change its fullscreen status. This\n * keeps the fullscreen-ness of the AdContainer in sync with the player.\n */\nPlayerWrapper.prototype.onFullscreenChange = function () {\n if (this.vjsPlayer.isFullscreen()) {\n this.controller.onPlayerEnterFullscreen();\n } else {\n this.controller.onPlayerExitFullscreen();\n }\n};\n\n/**\n * Listens for the video.js player to change its volume. This keeps the ad\n * volume in sync with the content volume if the volume of the player is\n * changed while content is playing.\n */\nPlayerWrapper.prototype.onVolumeChange = function () {\n var newVolume = this.vjsPlayer.muted() ? 0 : this.vjsPlayer.volume();\n this.controller.onPlayerVolumeChanged(newVolume);\n};\n\n/**\n * Inject the ad container div into the DOM.\n *\n * @param{HTMLElement} adContainerDiv The ad container div.\n */\nPlayerWrapper.prototype.injectAdContainerDiv = function (adContainerDiv) {\n this.vjsControls.el().parentNode.appendChild(adContainerDiv);\n};\n\n/**\n * @return {Object} The content player.\n */\nPlayerWrapper.prototype.getContentPlayer = function () {\n return this.h5Player;\n};\n\n/**\n * @return {number} The volume, 0-1.\n */\nPlayerWrapper.prototype.getVolume = function () {\n return this.vjsPlayer.muted() ? 0 : this.vjsPlayer.volume();\n};\n\n/**\n * Set the volume of the player. 0-1.\n *\n * @param {number} volume The new volume.\n */\nPlayerWrapper.prototype.setVolume = function (volume) {\n this.vjsPlayer.volume(volume);\n if (volume == 0) {\n this.vjsPlayer.muted(true);\n } else {\n this.vjsPlayer.muted(false);\n }\n};\n\n/**\n * Ummute the player.\n */\nPlayerWrapper.prototype.unmute = function () {\n this.vjsPlayer.muted(false);\n};\n\n/**\n * Mute the player.\n */\nPlayerWrapper.prototype.mute = function () {\n this.vjsPlayer.muted(true);\n};\n\n/**\n * Play the video.\n */\nPlayerWrapper.prototype.play = function () {\n this.vjsPlayer.play();\n};\n\n/**\n * Get the player width.\n *\n * @return {number} The player's width.\n */\nPlayerWrapper.prototype.getPlayerWidth = function () {\n var width = (getComputedStyle(this.vjsPlayer.el()) || {}).width;\n\n if (!width || parseInt(width, 10) === 0) {\n width = (this.vjsPlayer.el().getBoundingClientRect() || {}).width;\n }\n\n return parseInt(width, 10) || this.vjsPlayer.width();\n};\n\n/**\n * Get the player height.\n *\n * @return {number} The player's height.\n */\nPlayerWrapper.prototype.getPlayerHeight = function () {\n var height = (getComputedStyle(this.vjsPlayer.el()) || {}).height;\n\n if (!height || parseInt(height, 10) === 0) {\n height = (this.vjsPlayer.el().getBoundingClientRect() || {}).height;\n }\n\n return parseInt(height, 10) || this.vjsPlayer.height();\n};\n\n/**\n * @return {Object} The vjs player's options object.\n */\nPlayerWrapper.prototype.getPlayerOptions = function () {\n return this.vjsPlayer.options_;\n};\n\n/**\n * Returns the instance of the player id.\n * @return {string} The player id.\n */\nPlayerWrapper.prototype.getPlayerId = function () {\n return this.vjsPlayer.id();\n};\n\n/**\n * Toggle fullscreen state.\n */\nPlayerWrapper.prototype.toggleFullscreen = function () {\n if (this.vjsPlayer.isFullscreen()) {\n this.vjsPlayer.exitFullscreen();\n } else {\n this.vjsPlayer.requestFullscreen();\n }\n};\n\n/**\n * Returns the content playhead tracker.\n *\n * @return {Object} The content playhead tracker.\n */\nPlayerWrapper.prototype.getContentPlayheadTracker = function () {\n return this.contentPlayheadTracker;\n};\n\n/**\n * Handles ad errors.\n *\n * @param {Object} adErrorEvent The ad error event thrown by the IMA SDK.\n */\nPlayerWrapper.prototype.onAdError = function (adErrorEvent) {\n this.vjsControls.show();\n var errorMessage = adErrorEvent.getError !== undefined ? adErrorEvent.getError() : adErrorEvent.stack;\n this.vjsPlayer.trigger({\n type: 'adserror',\n data: {\n AdError: errorMessage,\n AdErrorEvent: adErrorEvent\n }\n });\n};\n\n/**\n * Handles ad break starting.\n */\nPlayerWrapper.prototype.onAdBreakStart = function () {\n this.contentSource = this.vjsPlayer.currentSrc();\n this.vjsPlayer.off('contentended', this.boundContentEndedListener);\n this.vjsPlayer.ads.startLinearAdMode();\n this.vjsControls.hide();\n this.vjsPlayer.pause();\n};\n\n/**\n * Handles ad break ending.\n */\nPlayerWrapper.prototype.onAdBreakEnd = function () {\n this.vjsPlayer.on('contentended', this.boundContentEndedListener);\n if (this.vjsPlayer.ads.inAdBreak()) {\n this.vjsPlayer.ads.endLinearAdMode();\n }\n this.vjsControls.show();\n};\n\n/**\n * Handles an individual ad start.\n */\nPlayerWrapper.prototype.onAdStart = function () {\n this.vjsPlayer.trigger('ads-ad-started');\n};\n\n/**\n * Handles when all ads have finished playing.\n */\nPlayerWrapper.prototype.onAllAdsCompleted = function () {\n if (this.contentComplete == true) {\n if (this.h5Player.src != this.contentSource) {\n this.vjsPlayer.src(this.contentSource);\n }\n this.controller.onContentAndAdsCompleted();\n }\n};\n\n/**\n * Triggers adsready for contrib-ads.\n */\nPlayerWrapper.prototype.onAdsReady = function () {\n this.vjsPlayer.trigger('adsready');\n};\n\n/**\n * Changes the player source.\n * @param {?string} contentSrc The URI for the content to be played. Leave\n * blank to use the existing content.\n * @param {?boolean} playOnLoad True to play the content once it has loaded,\n * false to only load the content but not start playback.\n */\nPlayerWrapper.prototype.changeSource = function (contentSrc, playOnLoad) {\n // Only try to pause the player when initialised with a source already\n if (this.vjsPlayer.currentSrc()) {\n this.vjsPlayer.currentTime(0);\n this.vjsPlayer.pause();\n }\n if (contentSrc) {\n this.vjsPlayer.src(contentSrc);\n }\n if (playOnLoad) {\n this.vjsPlayer.one('loadedmetadata', this.playContentFromZero.bind(this));\n } else {\n this.vjsPlayer.one('loadedmetadata', this.seekContentToZero.bind(this));\n }\n};\n\n/**\n * Seeks content to 00:00:00. This is used as an event handler for the\n * loadedmetadata event, since seeking is not possible until that event has\n * fired.\n */\nPlayerWrapper.prototype.seekContentToZero = function () {\n this.vjsPlayer.currentTime(0);\n};\n\n/**\n * Seeks content to 00:00:00 and starts playback. This is used as an event\n * handler for the loadedmetadata event, since seeking is not possible until\n * that event has fired.\n */\nPlayerWrapper.prototype.playContentFromZero = function () {\n this.vjsPlayer.currentTime(0);\n this.vjsPlayer.play();\n};\n\n/**\n * Triggers an event on the VJS player\n * @param {string} name The event name.\n * @param {Object} data The event data.\n */\nPlayerWrapper.prototype.triggerPlayerEvent = function (name, data) {\n this.vjsPlayer.trigger(name, data);\n};\n\n/**\n * Listener JSDoc for ESLint. This listener can be passed to\n * addContentEndedListener.\n * @callback listener\n */\n\n/**\n * Adds a listener for the 'contentended' event of the video player. This should\n * be used instead of setting an 'contentended' listener directly to ensure that\n * the ima can do proper cleanup of the SDK before other event listeners are\n * called.\n * @param {listener} listener The listener to be called when content\n * completes.\n */\nPlayerWrapper.prototype.addContentEndedListener = function (listener) {\n this.contentEndedListeners.push(listener);\n};\n\n/**\n * Reset the player.\n */\nPlayerWrapper.prototype.reset = function () {\n this.vjsPlayer.on('contentended', this.boundContentEndedListener);\n this.vjsControls.show();\n if (this.vjsPlayer.ads.inAdBreak()) {\n this.vjsPlayer.ads.endLinearAdMode();\n }\n // Reset the content time we give the SDK. Fixes an issue where requesting\n // VMAP followed by VMAP would play the second mid-rolls as pre-rolls if\n // the first playthrough of the video passed the second response's\n // mid-roll time.\n this.contentPlayheadTracker.currentTime = 0;\n this.contentComplete = false;\n};\n\n/**\n * Copyright 2017 Google Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n *\n * IMA SDK integration plugin for Video.js. For more information see\n * https://www.github.com/googleads/videojs-ima\n */\n\n/**\n * Ad UI implementation.\n *\n * @param {Controller} controller Plugin controller.\n * @constructor\n * @struct\n * @final\n */\nvar AdUi = function AdUi(controller) {\n /**\n * Plugin controller.\n */\n this.controller = controller;\n\n /**\n * Div used as an ad container.\n */\n this.adContainerDiv = document.createElement('div');\n\n /**\n * Div used to display ad controls.\n */\n this.controlsDiv = document.createElement('div');\n\n /**\n * Div used to display ad countdown timer.\n */\n this.countdownDiv = document.createElement('div');\n\n /**\n * Div used to display add seek bar.\n */\n this.seekBarDiv = document.createElement('div');\n\n /**\n * Div used to display ad progress (in seek bar).\n */\n this.progressDiv = document.createElement('div');\n\n /**\n * Div used to display ad play/pause button.\n */\n this.playPauseDiv = document.createElement('div');\n\n /**\n * Div used to display ad mute button.\n */\n this.muteDiv = document.createElement('div');\n\n /**\n * Div used by the volume slider.\n */\n this.sliderDiv = document.createElement('div');\n\n /**\n * Volume slider level visuals\n */\n this.sliderLevelDiv = document.createElement('div');\n\n /**\n * Div used to display ad fullscreen button.\n */\n this.fullscreenDiv = document.createElement('div');\n\n /**\n * Bound event handler for onMouseUp.\n */\n this.boundOnMouseUp = this.onMouseUp.bind(this);\n\n /**\n * Bound event handler for onMouseMove.\n */\n this.boundOnMouseMove = this.onMouseMove.bind(this);\n\n /**\n * Stores data for the ad playhead tracker.\n */\n this.adPlayheadTracker = {\n 'currentTime': 0,\n 'duration': 0,\n 'isPod': false,\n 'adPosition': 0,\n 'totalAds': 0\n };\n\n /**\n * Used to prefix videojs ima controls.\n */\n this.controlPrefix = this.controller.getPlayerId() + '_';\n\n /**\n * Boolean flag to show or hide the ad countdown timer.\n */\n this.showCountdown = true;\n if (this.controller.getSettings().showCountdown === false) {\n this.showCountdown = false;\n }\n\n this.createAdContainer();\n};\n\n/**\n * Creates the ad container.\n */\nAdUi.prototype.createAdContainer = function () {\n this.assignControlAttributes(this.adContainerDiv, 'ima-ad-container');\n this.adContainerDiv.style.position = 'absolute';\n this.adContainerDiv.style.zIndex = 1111;\n this.adContainerDiv.addEventListener('mouseenter', this.showAdControls.bind(this), false);\n this.adContainerDiv.addEventListener('mouseleave', this.hideAdControls.bind(this), false);\n this.createControls();\n this.controller.injectAdContainerDiv(this.adContainerDiv);\n};\n\n/**\n * Create the controls.\n */\nAdUi.prototype.createControls = function () {\n this.assignControlAttributes(this.controlsDiv, 'ima-controls-div');\n this.controlsDiv.style.width = '100%';\n\n this.assignControlAttributes(this.countdownDiv, 'ima-countdown-div');\n this.countdownDiv.innerHTML = this.controller.getSettings().adLabel;\n this.countdownDiv.style.display = this.showCountdown ? 'block' : 'none';\n\n this.assignControlAttributes(this.seekBarDiv, 'ima-seek-bar-div');\n this.seekBarDiv.style.width = '100%';\n\n this.assignControlAttributes(this.progressDiv, 'ima-progress-div');\n\n this.assignControlAttributes(this.playPauseDiv, 'ima-play-pause-div');\n this.addClass(this.playPauseDiv, 'ima-playing');\n this.playPauseDiv.addEventListener('click', this.onAdPlayPauseClick.bind(this), false);\n\n this.assignControlAttributes(this.muteDiv, 'ima-mute-div');\n this.addClass(this.muteDiv, 'ima-non-muted');\n this.muteDiv.addEventListener('click', this.onAdMuteClick.bind(this), false);\n\n this.assignControlAttributes(this.sliderDiv, 'ima-slider-div');\n this.sliderDiv.addEventListener('mousedown', this.onAdVolumeSliderMouseDown.bind(this), false);\n\n // Hide volume slider controls on iOS as they aren't supported.\n if (this.controller.getIsIos()) {\n this.sliderDiv.style.display = 'none';\n }\n\n this.assignControlAttributes(this.sliderLevelDiv, 'ima-slider-level-div');\n\n this.assignControlAttributes(this.fullscreenDiv, 'ima-fullscreen-div');\n this.addClass(this.fullscreenDiv, 'ima-non-fullscreen');\n this.fullscreenDiv.addEventListener('click', this.onAdFullscreenClick.bind(this), false);\n\n this.adContainerDiv.appendChild(this.controlsDiv);\n this.controlsDiv.appendChild(this.countdownDiv);\n this.controlsDiv.appendChild(this.seekBarDiv);\n this.controlsDiv.appendChild(this.playPauseDiv);\n this.controlsDiv.appendChild(this.muteDiv);\n this.controlsDiv.appendChild(this.sliderDiv);\n this.controlsDiv.appendChild(this.fullscreenDiv);\n this.seekBarDiv.appendChild(this.progressDiv);\n this.sliderDiv.appendChild(this.sliderLevelDiv);\n};\n\n/**\n * Listener for clicks on the play/pause button during ad playback.\n */\nAdUi.prototype.onAdPlayPauseClick = function () {\n this.controller.onAdPlayPauseClick();\n};\n\n/**\n * Listener for clicks on the play/pause button during ad playback.\n */\nAdUi.prototype.onAdMuteClick = function () {\n this.controller.onAdMuteClick();\n};\n\n/**\n * Listener for clicks on the fullscreen button during ad playback.\n */\nAdUi.prototype.onAdFullscreenClick = function () {\n this.controller.toggleFullscreen();\n};\n\n/**\n * Show pause and hide play button\n */\nAdUi.prototype.onAdsPaused = function () {\n this.addClass(this.playPauseDiv, 'ima-paused');\n this.removeClass(this.playPauseDiv, 'ima-playing');\n this.showAdControls();\n};\n\n/**\n * Show pause and hide play button\n */\nAdUi.prototype.onAdsResumed = function () {\n this.onAdsPlaying();\n this.showAdControls();\n};\n\n/**\n * Show play and hide pause button\n */\nAdUi.prototype.onAdsPlaying = function () {\n this.addClass(this.playPauseDiv, 'ima-playing');\n this.removeClass(this.playPauseDiv, 'ima-paused');\n};\n\n/**\n * Takes data from the controller to update the UI.\n *\n * @param {number} currentTime Current time of the ad.\n * @param {number} remainingTime Remaining time of the ad.\n * @param {number} duration Duration of the ad.\n * @param {number} adPosition Index of the ad in the pod.\n * @param {number} totalAds Total number of ads in the pod.\n */\nAdUi.prototype.updateAdUi = function (currentTime, remainingTime, duration, adPosition, totalAds) {\n // Update countdown timer data\n var remainingMinutes = Math.floor(remainingTime / 60);\n var remainingSeconds = Math.floor(remainingTime % 60);\n if (remainingSeconds.toString().length < 2) {\n remainingSeconds = '0' + remainingSeconds;\n }\n var podCount = ': ';\n if (totalAds > 1) {\n podCount = ' (' + adPosition + ' ' + this.controller.getSettings().adLabelNofN + ' ' + totalAds + '): ';\n }\n this.countdownDiv.innerHTML = this.controller.getSettings().adLabel + podCount + remainingMinutes + ':' + remainingSeconds;\n\n // Update UI\n var playProgressRatio = currentTime / duration;\n var playProgressPercent = playProgressRatio * 100;\n this.progressDiv.style.width = playProgressPercent + '%';\n};\n\n/**\n * Handles UI changes when the ad is unmuted.\n */\nAdUi.prototype.unmute = function () {\n this.addClass(this.muteDiv, 'ima-non-muted');\n this.removeClass(this.muteDiv, 'ima-muted');\n this.sliderLevelDiv.style.width = this.controller.getPlayerVolume() * 100 + '%';\n};\n\n/**\n * Handles UI changes when the ad is muted.\n */\nAdUi.prototype.mute = function () {\n this.addClass(this.muteDiv, 'ima-muted');\n this.removeClass(this.muteDiv, 'ima-non-muted');\n this.sliderLevelDiv.style.width = '0%';\n};\n\n/*\n * Listener for mouse down events during ad playback. Used for volume.\n */\nAdUi.prototype.onAdVolumeSliderMouseDown = function () {\n document.addEventListener('mouseup', this.boundOnMouseUp, false);\n document.addEventListener('mousemove', this.boundOnMouseMove, false);\n};\n\n/*\n * Mouse movement listener used for volume slider.\n */\nAdUi.prototype.onMouseMove = function (event) {\n this.changeVolume(event);\n};\n\n/*\n * Mouse release listener used for volume slider.\n */\nAdUi.prototype.onMouseUp = function (event) {\n this.changeVolume(event);\n document.removeEventListener('mouseup', this.boundOnMouseUp);\n document.removeEventListener('mousemove', this.boundOnMouseMove);\n};\n\n/*\n * Utility function to set volume and associated UI\n */\nAdUi.prototype.changeVolume = function (event) {\n var percent = (event.clientX - this.sliderDiv.getBoundingClientRect().left) / this.sliderDiv.offsetWidth;\n percent *= 100;\n // Bounds value 0-100 if mouse is outside slider region.\n percent = Math.min(Math.max(percent, 0), 100);\n this.sliderLevelDiv.style.width = percent + '%';\n if (this.percent == 0) {\n this.addClass(this.muteDiv, 'ima-muted');\n this.removeClass(this.muteDiv, 'ima-non-muted');\n } else {\n this.addClass(this.muteDiv, 'ima-non-muted');\n this.removeClass(this.muteDiv, 'ima-muted');\n }\n this.controller.setVolume(percent / 100); // 0-1\n};\n\n/**\n * Show the ad container.\n */\nAdUi.prototype.showAdContainer = function () {\n this.adContainerDiv.style.display = 'block';\n};\n\n/**\n * Handles ad errors.\n */\nAdUi.prototype.onAdError = function () {\n this.adContainerDiv.style.display = 'none';\n};\n\n/**\n * Handles ad break starting.\n *\n * @param {Object} adEvent The event fired by the IMA SDK.\n */\nAdUi.prototype.onAdBreakStart = function (adEvent) {\n this.adContainerDiv.style.display = 'block';\n\n var contentType = adEvent.getAd().getContentType();\n if (contentType === 'application/javascript' && !this.controller.getSettings().showControlsForJSAds) {\n this.controlsDiv.style.display = 'none';\n } else {\n this.controlsDiv.style.display = 'block';\n }\n this.onAdsPlaying();\n // Start with the ad controls minimized.\n this.hideAdControls();\n};\n\n/**\n * Handles ad break ending.\n */\nAdUi.prototype.onAdBreakEnd = function () {\n var currentAd = this.controller.getCurrentAd();\n if (currentAd == null || // hide for post-roll only playlist\n currentAd.isLinear()) {\n // don't hide for non-linear ads\n this.adContainerDiv.style.display = 'none';\n }\n this.controlsDiv.style.display = 'none';\n this.countdownDiv.innerHTML = '';\n};\n\n/**\n * Handles when all ads have finished playing.\n */\nAdUi.prototype.onAllAdsCompleted = function () {\n this.adContainerDiv.style.display = 'none';\n};\n\n/**\n * Handles when a linear ad starts.\n */\nAdUi.prototype.onLinearAdStart = function () {\n // Don't bump container when controls are shown\n this.removeClass(this.adContainerDiv, 'bumpable-ima-ad-container');\n};\n\n/**\n * Handles when a non-linear ad starts.\n */\nAdUi.prototype.onNonLinearAdLoad = function () {\n // For non-linear ads that show after a linear ad. For linear ads, we show the\n // ad container in onAdBreakStart to prevent blinking in pods.\n this.adContainerDiv.style.display = 'block';\n // Bump container when controls are shown\n this.addClass(this.adContainerDiv, 'bumpable-ima-ad-container');\n};\n\nAdUi.prototype.onPlayerEnterFullscreen = function () {\n this.addClass(this.fullscreenDiv, 'ima-fullscreen');\n this.removeClass(this.fullscreenDiv, 'ima-non-fullscreen');\n};\n\nAdUi.prototype.onPlayerExitFullscreen = function () {\n this.addClass(this.fullscreenDiv, 'ima-non-fullscreen');\n this.removeClass(this.fullscreenDiv, 'ima-fullscreen');\n};\n\n/**\n * Called when the player volume changes.\n *\n * @param {number} volume The new player volume.\n */\nAdUi.prototype.onPlayerVolumeChanged = function (volume) {\n if (volume == 0) {\n this.addClass(this.muteDiv, 'ima-muted');\n this.removeClass(this.muteDiv, 'ima-non-muted');\n this.sliderLevelDiv.style.width = '0%';\n } else {\n this.addClass(this.muteDiv, 'ima-non-muted');\n this.removeClass(this.muteDiv, 'ima-muted');\n this.sliderLevelDiv.style.width = volume * 100 + '%';\n }\n};\n\n/**\n * Shows ad controls on mouseover.\n */\nAdUi.prototype.showAdControls = function () {\n this.addClass(this.controlsDiv, 'ima-controls-div-showing');\n this.playPauseDiv.style.display = 'block';\n this.muteDiv.style.display = 'block';\n this.fullscreenDiv.style.display = 'block';\n // Don't show on iOS.\n if (!this.controller.getIsIos()) {\n this.sliderDiv.style.display = 'block';\n }\n};\n\n/**\n * Hide the ad controls.\n */\nAdUi.prototype.hideAdControls = function () {\n this.removeClass(this.controlsDiv, 'ima-controls-div-showing');\n this.playPauseDiv.style.display = 'none';\n this.muteDiv.style.display = 'none';\n this.sliderDiv.style.display = 'none';\n this.fullscreenDiv.style.display = 'none';\n};\n\n/**\n * Assigns the unique id and class names to the given element as well as the\n * style class.\n * @param {HTMLElement} element Element that needs the controlName assigned.\n * @param {string} controlName Control name to assign.\n */\nAdUi.prototype.assignControlAttributes = function (element, controlName) {\n element.id = this.controlPrefix + controlName;\n element.className = this.controlPrefix + controlName + ' ' + controlName;\n};\n\n/**\n * Returns a regular expression to test a string for the given className.\n *\n * @param {string} className The name of the class.\n * @return {RegExp} The regular expression used to test for that class.\n */\nAdUi.prototype.getClassRegexp = function (className) {\n // Matches on\n // (beginning of string OR NOT word char)\n // classname\n // (negative lookahead word char OR end of string)\n return new RegExp('(^|[^A-Za-z-])' + className + '((?![A-Za-z-])|$)', 'gi');\n};\n\n/**\n * Returns whether or not the provided element has the provied class in its\n * className.\n * @param {HTMLElement} element Element to tes.t\n * @param {string} className Class to look for.\n * @return {boolean} True if element has className in class list. False\n * otherwise.\n */\nAdUi.prototype.elementHasClass = function (element, className) {\n var classRegexp = this.getClassRegexp(className);\n return classRegexp.test(element.className);\n};\n\n/**\n * Adds a class to the given element if it doesn't already have the class\n * @param {HTMLElement} element Element to which the class will be added.\n * @param {string} classToAdd Class to add.\n */\nAdUi.prototype.addClass = function (element, classToAdd) {\n element.className = element.className.trim() + ' ' + classToAdd;\n};\n\n/**\n * Removes a class from the given element if it has the given class\n *\n * @param {HTMLElement} element Element from which the class will be removed.\n * @param {string} classToRemove Class to remove.\n */\nAdUi.prototype.removeClass = function (element, classToRemove) {\n var classRegexp = this.getClassRegexp(classToRemove);\n element.className = element.className.trim().replace(classRegexp, '');\n};\n\n/**\n * @return {HTMLElement} The div for the ad container.\n */\nAdUi.prototype.getAdContainerDiv = function () {\n return this.adContainerDiv;\n};\n\n/**\n * Changes the flag to show or hide the ad countdown timer.\n *\n * @param {boolean} showCountdownIn Show or hide the countdown timer.\n */\nAdUi.prototype.setShowCountdown = function (showCountdownIn) {\n this.showCountdown = showCountdownIn;\n this.countdownDiv.style.display = this.showCountdown ? 'block' : 'none';\n};\n\nvar name$1 = \"videojs-ima\";\nvar version$2 = \"1.5.1\";\nvar license$1 = \"Apache-2.0\";\nvar main$1 = \"./dist/videojs.ima.js\";\nvar author$1 = { \"name\": \"Google Inc.\" };\nvar engines = { \"node\": \">=0.8.0\" };\nvar scripts$1 = { \"contBuild\": \"watch 'npm run rollup:max' src\", \"predevServer\": \"echo \\\"Starting up server on localhost:8000.\\\"\", \"devServer\": \"forever start ./node_modules/http-server/bin/http-server -p 8000 && npm run contBuild\", \"postdevServer\": \"forever stop ./node_modules/http-server/bin/http-server\", \"lint\": \"eslint \\\"src/*.js\\\"\", \"rollup\": \"npm-run-all rollup:*\", \"rollup:max\": \"rollup -c configs/rollup.config.js\", \"rollup:min\": \"rollup -c configs/rollup.config.min.js\", \"pretest\": \"npm run rollup\", \"start\": \"npm run devServer\", \"test\": \"npm-run-all test:*\", \"test:vjs5\": \"npm install video.js@5.19.2 --no-save && npm-run-all -p -r testServer webdriver\", \"test:vjs6\": \"npm install video.js@6 --no-save && npm-run-all -p -r testServer webdriver\", \"testServer\": \"http-server --cors -p 8000 --silent\", \"preversion\": \"node scripts/preversion.js && npm run lint && npm test\", \"version\": \"node scripts/version.js\", \"postversion\": \"node scripts/postversion.js\", \"webdriver\": \"mocha test/webdriver/*.js --no-timeouts\" };\nvar repository$1 = { \"type\": \"git\", \"url\": \"https://github.com/googleads/videojs-ima\" };\nvar files = [\"CHANGELOG.md\", \"LICENSE\", \"README.md\", \"dist/\", \"src/\"];\nvar dependencies$1 = { \"can-autoplay\": \"^3.0.0\", \"video.js\": \"^5.19.2 || ^6\", \"videojs-contrib-ads\": \"^6\" };\nvar devDependencies$1 = { \"babel-core\": \"^6.26.0\", \"babel-preset-env\": \"^1.6.1\", \"child_process\": \"^1.0.2\", \"chromedriver\": \"^2.35.0\", \"conventional-changelog-cli\": \"^1.3.5\", \"conventional-changelog-videojs\": \"^3.0.0\", \"eslint\": \"^4.11.0\", \"eslint-config-google\": \"^0.9.1\", \"eslint-plugin-jsdoc\": \"^3.2.0\", \"forever\": \"^0.15.3\", \"geckodriver\": \"^1.10.0\", \"http-server\": \"^0.10.0\", \"mocha\": \"^4.0.1\", \"npm-run-all\": \"^4.1.2\", \"path\": \"^0.12.7\", \"rimraf\": \"^2.6.2\", \"rollup\": \"^0.51.8\", \"rollup-plugin-babel\": \"^3.0.3\", \"rollup-plugin-copy\": \"^0.2.3\", \"rollup-plugin-json\": \"^2.3.0\", \"rollup-plugin-uglify\": \"^2.0.1\", \"selenium-webdriver\": \"^3.6.0\", \"uglify-es\": \"^3.1.10\", \"watch\": \"^1.0.2\" };\nvar keywords$1 = [\"videojs\", \"videojs-plugin\"];\nvar pkg = {\n name: name$1,\n version: version$2,\n license: license$1,\n main: main$1,\n author: author$1,\n engines: engines,\n scripts: scripts$1,\n repository: repository$1,\n files: files,\n dependencies: dependencies$1,\n devDependencies: devDependencies$1,\n keywords: keywords$1\n};\n\n/**\n * Copyright 2017 Google Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n *\n * IMA SDK integration plugin for Video.js. For more information see\n * https://www.github.com/googleads/videojs-ima\n */\n\n/**\n * Implementation of the IMA SDK for the plugin.\n *\n * @param {Object} controller Reference to the parent controller.\n *\n * @constructor\n * @struct\n * @final\n */\nvar SdkImpl = function SdkImpl(controller) {\n /**\n * Plugin controller.\n */\n this.controller = controller;\n\n /**\n * IMA SDK AdDisplayContainer.\n */\n this.adDisplayContainer = null;\n\n /**\n * True if the AdDisplayContainer has been initialized. False otherwise.\n */\n this.adDisplayContainerInitialized = false;\n\n /**\n * IMA SDK AdsLoader\n */\n this.adsLoader = null;\n\n /**\n * IMA SDK AdsManager\n */\n this.adsManager = null;\n\n /**\n * IMA SDK AdsRenderingSettings.\n */\n this.adsRenderingSettings = null;\n\n /**\n * Ad tag URL. Should return VAST, VMAP, or ad rules.\n */\n this.adTagUrl = null;\n\n /**\n * VAST, VMAP, or ad rules response. Used in lieu of fetching a response\n * from an ad tag URL.\n */\n this.adsResponse = null;\n\n /**\n * Current IMA SDK Ad.\n */\n this.currentAd = null;\n\n /**\n * Timer used to track ad progress.\n */\n this.adTrackingTimer = null;\n\n /**\n * True if ALL_ADS_COMPLETED has fired, false until then.\n */\n this.allAdsCompleted = false;\n\n /**\n * True if ads are currently displayed, false otherwise.\n * True regardless of ad pause state if an ad is currently being displayed.\n */\n this.adsActive = false;\n\n /**\n * True if ad is currently playing, false if ad is paused or ads are not\n * currently displayed.\n */\n this.adPlaying = false;\n\n /**\n * True if the ad is muted, false otherwise.\n */\n this.adMuted = false;\n\n /**\n * Listener to be called to trigger manual ad break playback.\n */\n this.adBreakReadyListener = undefined;\n\n /**\n * Tracks whether or not we have already called adsLoader.contentComplete().\n */\n this.contentCompleteCalled = false;\n\n /**\n * Stores the dimensions for the ads manager.\n */\n this.adsManagerDimensions = {\n width: 0,\n height: 0\n };\n\n /**\n * Boolean flag to enable manual ad break playback.\n */\n this.autoPlayAdBreaks = true;\n if (this.controller.getSettings().autoPlayAdBreaks === false) {\n this.autoPlayAdBreaks = false;\n }\n\n // Set SDK settings from plugin settings.\n if (this.controller.getSettings().locale) {\n /* eslint no-undef: 'error' */\n /* global google */\n google.ima.settings.setLocale(this.controller.getSettings().locale);\n }\n if (this.controller.getSettings().disableFlashAds) {\n google.ima.settings.setDisableFlashAds(this.controller.getSettings().disableFlashAds);\n }\n if (this.controller.getSettings().disableCustomPlaybackForIOS10Plus) {\n google.ima.settings.setDisableCustomPlaybackForIOS10Plus(this.controller.getSettings().disableCustomPlaybackForIOS10Plus);\n }\n};\n\n/**\n * Creates and initializes the IMA SDK objects.\n */\nSdkImpl.prototype.initAdObjects = function () {\n try {\n this.adDisplayContainer = new google.ima.AdDisplayContainer(this.controller.getAdContainerDiv(), this.controller.getContentPlayer());\n } catch (adError) {\n this.controller.getContentPlayer().player.trigger('adserror');\n }\n\n this.adsLoader = new google.ima.AdsLoader(this.adDisplayContainer);\n\n this.adsLoader.getSettings().setVpaidMode(google.ima.ImaSdkSettings.VpaidMode.ENABLED);\n if (this.controller.getSettings().vpaidAllowed == false) {\n this.adsLoader.getSettings().setVpaidMode(google.ima.ImaSdkSettings.VpaidMode.DISABLED);\n }\n if (this.controller.getSettings().vpaidMode) {\n this.adsLoader.getSettings().setVpaidMode(this.controller.getSettings().vpaidMode);\n }\n\n if (this.controller.getSettings().locale) {\n this.adsLoader.getSettings().setLocale(this.controller.getSettings().locale);\n }\n\n if (this.controller.getSettings().numRedirects) {\n this.adsLoader.getSettings().setNumRedirects(this.controller.getSettings().numRedirects);\n }\n\n this.adsLoader.getSettings().setPlayerType('videojs-ima');\n this.adsLoader.getSettings().setPlayerVersion(pkg.version);\n this.adsLoader.getSettings().setAutoPlayAdBreaks(this.autoPlayAdBreaks);\n\n this.adsLoader.addEventListener(google.ima.AdsManagerLoadedEvent.Type.ADS_MANAGER_LOADED, this.onAdsManagerLoaded.bind(this), false);\n this.adsLoader.addEventListener(google.ima.AdErrorEvent.Type.AD_ERROR, this.onAdsLoaderError.bind(this), false);\n};\n\n/**\n * Creates the AdsRequest and request ads through the AdsLoader.\n */\nSdkImpl.prototype.requestAds = function () {\n var adsRequest = new google.ima.AdsRequest();\n if (this.controller.getSettings().adTagUrl) {\n adsRequest.adTagUrl = this.controller.getSettings().adTagUrl;\n } else {\n adsRequest.adsResponse = this.controller.getSettings().adsResponse;\n }\n if (this.controller.getSettings().forceNonLinearFullSlot) {\n adsRequest.forceNonLinearFullSlot = true;\n }\n\n if (this.controller.getSettings().vastLoadTimeout) {\n adsRequest.vastLoadTimeout = this.controller.getSettings().vastLoadTimeout;\n }\n\n adsRequest.linearAdSlotWidth = this.controller.getPlayerWidth();\n adsRequest.linearAdSlotHeight = this.controller.getPlayerHeight();\n adsRequest.nonLinearAdSlotWidth = this.controller.getSettings().nonLinearWidth || this.controller.getPlayerWidth();\n adsRequest.nonLinearAdSlotHeight = this.controller.getSettings().nonLinearHeight || this.controller.getPlayerHeight();\n adsRequest.setAdWillAutoPlay(this.controller.adsWillAutoplay());\n adsRequest.setAdWillPlayMuted(this.controller.adsWillPlayMuted());\n\n this.adsLoader.requestAds(adsRequest);\n this.controller.triggerPlayerEvent('ads-request', adsRequest);\n};\n\n/**\n * Listener for the ADS_MANAGER_LOADED event. Creates the AdsManager,\n * sets up event listeners, and triggers the 'adsready' event for\n * videojs-ads-contrib.\n *\n * @param {google.ima.AdsManagerLoadedEvent} adsManagerLoadedEvent Fired when\n * the AdsManager loads.\n */\nSdkImpl.prototype.onAdsManagerLoaded = function (adsManagerLoadedEvent) {\n this.createAdsRenderingSettings();\n\n this.adsManager = adsManagerLoadedEvent.getAdsManager(this.controller.getContentPlayheadTracker(), this.adsRenderingSettings);\n\n this.adsManager.addEventListener(google.ima.AdErrorEvent.Type.AD_ERROR, this.onAdError.bind(this));\n this.adsManager.addEventListener(google.ima.AdEvent.Type.AD_BREAK_READY, this.onAdBreakReady.bind(this));\n this.adsManager.addEventListener(google.ima.AdEvent.Type.CONTENT_PAUSE_REQUESTED, this.onContentPauseRequested.bind(this));\n this.adsManager.addEventListener(google.ima.AdEvent.Type.CONTENT_RESUME_REQUESTED, this.onContentResumeRequested.bind(this));\n this.adsManager.addEventListener(google.ima.AdEvent.Type.ALL_ADS_COMPLETED, this.onAllAdsCompleted.bind(this));\n\n this.adsManager.addEventListener(google.ima.AdEvent.Type.LOADED, this.onAdLoaded.bind(this));\n this.adsManager.addEventListener(google.ima.AdEvent.Type.STARTED, this.onAdStarted.bind(this));\n this.adsManager.addEventListener(google.ima.AdEvent.Type.CLICK, this.onAdPaused.bind(this));\n this.adsManager.addEventListener(google.ima.AdEvent.Type.COMPLETE, this.onAdComplete.bind(this));\n this.adsManager.addEventListener(google.ima.AdEvent.Type.SKIPPED, this.onAdComplete.bind(this));\n\n if (this.controller.getIsMobile()) {\n // Show/hide controls on pause and resume (triggered by tap).\n this.adsManager.addEventListener(google.ima.AdEvent.Type.PAUSED, this.onAdPaused.bind(this));\n this.adsManager.addEventListener(google.ima.AdEvent.Type.RESUMED, this.onAdResumed.bind(this));\n }\n\n if (!this.autoPlayAdBreaks) {\n this.initAdsManager();\n }\n\n this.controller.onAdsReady();\n\n if (this.controller.getSettings().adsManagerLoadedCallback) {\n this.controller.getSettings().adsManagerLoadedCallback();\n }\n};\n\n/**\n * Listener for errors fired by the AdsLoader.\n * @param {google.ima.AdErrorEvent} event The error event thrown by the\n * AdsLoader. See\n * https://developers.google.com/interactive-media-ads/docs/sdks/html5/v3/apis#ima.AdError.Type\n */\nSdkImpl.prototype.onAdsLoaderError = function (event) {\n window.console.warn('AdsLoader error: ' + event.getError());\n this.controller.onErrorLoadingAds(event);\n if (this.adsManager) {\n this.adsManager.destroy();\n }\n};\n\n/**\n * Initialize the ads manager.\n */\nSdkImpl.prototype.initAdsManager = function () {\n try {\n var initWidth = this.controller.getPlayerWidth();\n var initHeight = this.controller.getPlayerHeight();\n this.adsManagerDimensions.width = initWidth;\n this.adsManagerDimensions.height = initHeight;\n this.adsManager.init(initWidth, initHeight, google.ima.ViewMode.NORMAL);\n this.adsManager.setVolume(this.controller.getPlayerVolume());\n if (!this.adDisplayContainerInitialized) {\n this.adDisplayContainer.initialize();\n this.adDisplayContainer.initialized = true;\n }\n } catch (adError) {\n this.onAdError(adError);\n }\n};\n\n/**\n * Create AdsRenderingSettings for the IMA SDK.\n */\nSdkImpl.prototype.createAdsRenderingSettings = function () {\n this.adsRenderingSettings = new google.ima.AdsRenderingSettings();\n this.adsRenderingSettings.restoreCustomPlaybackStateOnAdBreakComplete = true;\n if (this.controller.getSettings().adsRenderingSettings) {\n for (var setting in this.controller.getSettings().adsRenderingSettings) {\n if (setting !== '') {\n this.adsRenderingSettings[setting] = this.controller.getSettings().adsRenderingSettings[setting];\n }\n }\n }\n};\n\n/**\n * Listener for errors thrown by the AdsManager.\n * @param {google.ima.AdErrorEvent} adErrorEvent The error event thrown by\n * the AdsManager.\n */\nSdkImpl.prototype.onAdError = function (adErrorEvent) {\n var errorMessage = adErrorEvent.getError !== undefined ? adErrorEvent.getError() : adErrorEvent.stack;\n window.console.warn('Ad error: ' + errorMessage);\n\n this.adsManager.destroy();\n this.controller.onAdError(adErrorEvent);\n\n // reset these so consumers don't think we are still in an ad break,\n // but reset them after any prior cleanup happens\n this.adsActive = false;\n this.adPlaying = false;\n};\n\n/**\n * Listener for AD_BREAK_READY. Passes event on to publisher's listener.\n * @param {google.ima.AdEvent} adEvent AdEvent thrown by the AdsManager.\n */\nSdkImpl.prototype.onAdBreakReady = function (adEvent) {\n this.adBreakReadyListener(adEvent);\n};\n\n/**\n * Pauses the content video and displays the ad container so ads can play.\n * @param {google.ima.AdEvent} adEvent The AdEvent thrown by the AdsManager.\n */\nSdkImpl.prototype.onContentPauseRequested = function (adEvent) {\n this.adsActive = true;\n this.adPlaying = true;\n this.controller.onAdBreakStart(adEvent);\n};\n\n/**\n * Resumes content video and hides the ad container.\n * @param {google.ima.AdEvent} adEvent The AdEvent thrown by the AdsManager.\n */\nSdkImpl.prototype.onContentResumeRequested = function (adEvent) {\n this.adsActive = false;\n this.adPlaying = false;\n this.controller.onAdBreakEnd();\n // Hide controls in case of future non-linear ads. They'll be unhidden in\n // content_pause_requested.\n};\n\n/**\n * Records that ads have completed and calls contentAndAdsEndedListeners\n * if content is also complete.\n * @param {google.ima.AdEvent} adEvent The AdEvent thrown by the AdsManager.\n */\nSdkImpl.prototype.onAllAdsCompleted = function (adEvent) {\n this.allAdsCompleted = true;\n this.controller.onAllAdsCompleted();\n};\n\n/**\n * Starts the content video when a non-linear ad is loaded.\n * @param {google.ima.AdEvent} adEvent The AdEvent thrown by the AdsManager.\n */\nSdkImpl.prototype.onAdLoaded = function (adEvent) {\n if (!adEvent.getAd().isLinear()) {\n this.controller.onNonLinearAdLoad();\n this.controller.playContent();\n }\n};\n\n/**\n * Starts the interval timer to check the current ad time when an ad starts\n * playing.\n * @param {google.ima.AdEvent} adEvent The AdEvent thrown by the AdsManager.\n */\nSdkImpl.prototype.onAdStarted = function (adEvent) {\n this.currentAd = adEvent.getAd();\n if (this.currentAd.isLinear()) {\n this.adTrackingTimer = setInterval(this.onAdPlayheadTrackerInterval.bind(this), 250);\n this.controller.onLinearAdStart();\n } else {\n this.controller.onNonLinearAdStart();\n }\n};\n\n/**\n * Handles an ad click. Puts the player UI in a paused state.\n */\nSdkImpl.prototype.onAdPaused = function () {\n this.controller.onAdsPaused();\n};\n\n/**\n * Syncs controls when an ad resumes.\n * @param {google.ima.AdEvent} adEvent The AdEvent thrown by the AdsManager.\n */\nSdkImpl.prototype.onAdResumed = function (adEvent) {\n this.controller.onAdsResumed();\n};\n\n/**\n * Clears the interval timer for current ad time when an ad completes.\n */\nSdkImpl.prototype.onAdComplete = function () {\n if (this.currentAd.isLinear()) {\n clearInterval(this.adTrackingTimer);\n }\n};\n\n/**\n * Gets the current time and duration of the ad and calls the method to\n * update the ad UI.\n */\nSdkImpl.prototype.onAdPlayheadTrackerInterval = function () {\n var remainingTime = this.adsManager.getRemainingTime();\n var duration = this.currentAd.getDuration();\n var currentTime = duration - remainingTime;\n currentTime = currentTime > 0 ? currentTime : 0;\n var totalAds = 0;\n var adPosition = void 0;\n if (this.currentAd.getAdPodInfo()) {\n adPosition = this.currentAd.getAdPodInfo().getAdPosition();\n totalAds = this.currentAd.getAdPodInfo().getTotalAds();\n }\n\n this.controller.onAdPlayheadUpdated(currentTime, remainingTime, duration, adPosition, totalAds);\n};\n\n/**\n * Called by the player wrapper when content completes.\n */\nSdkImpl.prototype.onContentComplete = function () {\n if (this.adsLoader) {\n this.adsLoader.contentComplete();\n this.contentCompleteCalled = true;\n }\n\n if (this.adsManager && this.adsManager.getCuePoints() && !this.adsManager.getCuePoints().includes(-1)) {\n this.controller.onNoPostroll();\n }\n\n if (this.allAdsCompleted) {\n this.controller.onContentAndAdsCompleted();\n }\n};\n\n/**\n * Called when the player is disposed.\n */\nSdkImpl.prototype.onPlayerDisposed = function () {\n if (this.adTrackingTimer) {\n clearInterval(this.adTrackingTimer);\n }\n if (this.adsManager) {\n this.adsManager.destroy();\n this.adsManager = null;\n }\n};\n\nSdkImpl.prototype.onPlayerReadyForPreroll = function () {\n if (this.autoPlayAdBreaks) {\n this.initAdsManager();\n try {\n this.controller.showAdContainer();\n // Sync ad volume with content volume.\n this.adsManager.setVolume(this.controller.getPlayerVolume());\n this.adsManager.start();\n } catch (adError) {\n this.onAdError(adError);\n }\n }\n};\n\nSdkImpl.prototype.onPlayerReady = function () {\n this.initAdObjects();\n\n if (this.controller.getSettings().adTagUrl || this.controller.getSettings().adsResponse) {\n this.requestAds();\n }\n};\n\nSdkImpl.prototype.onPlayerEnterFullscreen = function () {\n if (this.adsManager) {\n this.adsManager.resize(window.screen.width, window.screen.height, google.ima.ViewMode.FULLSCREEN);\n }\n};\n\nSdkImpl.prototype.onPlayerExitFullscreen = function () {\n if (this.adsManager) {\n this.adsManager.resize(this.controller.getPlayerWidth(), this.controller.getPlayerHeight(), google.ima.ViewMode.NORMAL);\n }\n};\n\n/**\n * Called when the player volume changes.\n *\n * @param {number} volume The new player volume.\n */\nSdkImpl.prototype.onPlayerVolumeChanged = function (volume) {\n if (this.adsManager) {\n this.adsManager.setVolume(volume);\n }\n\n if (volume == 0) {\n this.adMuted = true;\n } else {\n this.adMuted = false;\n }\n};\n\n/**\n * Called when the player wrapper detects that the player has been resized.\n *\n * @param {number} width The post-resize width of the player.\n * @param {number} height The post-resize height of the player.\n */\nSdkImpl.prototype.onPlayerResize = function (width, height) {\n if (this.adsManager) {\n this.adsManagerDimensions.width = width;\n this.adsManagerDimensions.height = height;\n /* global google */\n /* eslint no-undef: 'error' */\n this.adsManager.resize(width, height, google.ima.ViewMode.NORMAL);\n }\n};\n\n/**\n * @return {Object} The current ad.\n */\nSdkImpl.prototype.getCurrentAd = function () {\n return this.currentAd;\n};\n\n/**\n * Listener JSDoc for ESLint. This listener can be passed to\n * setAdBreakReadyListener.\n * @callback listener\n */\n\n/**\n * Sets the listener to be called to trigger manual ad break playback.\n * @param {listener} listener The listener to be called to trigger manual ad\n * break playback.\n */\nSdkImpl.prototype.setAdBreakReadyListener = function (listener) {\n this.adBreakReadyListener = listener;\n};\n\n/**\n * @return {boolean} True if an ad is currently playing. False otherwise.\n */\nSdkImpl.prototype.isAdPlaying = function () {\n return this.adPlaying;\n};\n\n/**\n * @return {boolean} True if an ad is currently playing. False otherwise.\n */\nSdkImpl.prototype.isAdMuted = function () {\n return this.adMuted;\n};\n\n/**\n * Pause ads.\n */\nSdkImpl.prototype.pauseAds = function () {\n this.adsManager.pause();\n this.adPlaying = false;\n};\n\n/**\n * Resume ads.\n */\nSdkImpl.prototype.resumeAds = function () {\n this.adsManager.resume();\n this.adPlaying = true;\n};\n\n/**\n * Unmute ads.\n */\nSdkImpl.prototype.unmute = function () {\n this.adsManager.setVolume(1);\n this.adMuted = false;\n};\n\n/**\n * Mute ads.\n */\nSdkImpl.prototype.mute = function () {\n this.adsManager.setVolume(0);\n this.adMuted = true;\n};\n\n/**\n * Set the volume of the ads. 0-1.\n *\n * @param {number} volume The new volume.\n */\nSdkImpl.prototype.setVolume = function (volume) {\n this.adsManager.setVolume(volume);\n if (volume == 0) {\n this.adMuted = true;\n } else {\n this.adMuted = false;\n }\n};\n\n/**\n * Initializes the AdDisplayContainer. On mobile, this must be done as a\n * result of user action.\n */\nSdkImpl.prototype.initializeAdDisplayContainer = function () {\n if (this.adDisplayContainer) {\n this.adDisplayContainerInitialized = true;\n this.adDisplayContainer.initialize();\n }\n};\n\n/**\n * Called by publishers in manual ad break playback mode to start an ad\n * break.\n */\nSdkImpl.prototype.playAdBreak = function () {\n if (!this.autoPlayAdBreaks) {\n this.controller.showAdContainer();\n // Sync ad volume with content volume.\n this.adsManager.setVolume(this.controller.getPlayerVolume());\n this.adsManager.start();\n }\n};\n\n/**\n * Callback JSDoc for ESLint. This callback can be passed to addEventListener.\n * @callback callback\n */\n\n/**\n * Ads an EventListener to the AdsManager. For a list of available events,\n * see\n * https://developers.google.com/interactive-media-ads/docs/sdks/html5/v3/apis#ima.AdEvent.Type\n * @param {google.ima.AdEvent.Type} event The AdEvent.Type for which to\n * listen.\n * @param {callback} callback The method to call when the event is fired.\n */\nSdkImpl.prototype.addEventListener = function (event, callback) {\n if (this.adsManager) {\n this.adsManager.addEventListener(event, callback);\n }\n};\n\n/**\n * Returns the instance of the AdsManager.\n * @return {google.ima.AdsManager} The AdsManager being used by the plugin.\n */\nSdkImpl.prototype.getAdsManager = function () {\n return this.adsManager;\n};\n\n/**\n * Reset the SDK implementation.\n */\nSdkImpl.prototype.reset = function () {\n this.adsActive = false;\n this.adPlaying = false;\n if (this.adTrackingTimer) {\n // If this is called while an ad is playing, stop trying to get that\n // ad's current time.\n clearInterval(this.adTrackingTimer);\n }\n if (this.adsManager) {\n this.adsManager.destroy();\n this.adsManager = null;\n }\n if (this.adsLoader && !this.contentCompleteCalled) {\n this.adsLoader.contentComplete();\n }\n this.contentCompleteCalled = false;\n this.allAdsCompleted = false;\n};\n\n/**\n * Copyright 2017 Google Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n *\n * IMA SDK integration plugin for Video.js. For more information see\n * https://www.github.com/googleads/videojs-ima\n */\n/**\n * The grand coordinator of the plugin. Facilitates communication between all\n * other plugin classes.\n *\n * @param {Object} player Instance of the video.js player.\n * @param {Object} options Options provided by the implementation.\n * @constructor\n * @struct\n * @final\n */\nvar Controller = function Controller(player, options) {\n /**\n * Stores user-provided settings.\n * @type {Object}\n */\n this.settings = {};\n\n /**\n * Content and ads ended listeners passed by the publisher to the plugin.\n * These will be called when the plugin detects that content *and all\n * ads* have completed. This differs from the contentEndedListeners in that\n * contentEndedListeners will fire between content ending and a post-roll\n * playing, whereas the contentAndAdsEndedListeners will fire after the\n * post-roll completes.\n */\n this.contentAndAdsEndedListeners = [];\n\n /**\n * Whether or not we are running on a mobile platform.\n */\n this.isMobile = navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPad/i) || navigator.userAgent.match(/Android/i);\n\n /**\n * Whether or not we are running on an iOS platform.\n */\n this.isIos = navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPad/i);\n\n this.initWithSettings(options);\n\n /**\n * Stores contrib-ads default settings.\n */\n var contribAdsDefaults = {\n debug: this.settings.debug,\n timeout: this.settings.timeout,\n prerollTimeout: this.settings.prerollTimeout\n };\n var adsPluginSettings = this.extend({}, contribAdsDefaults, options.contribAdsSettings || {});\n\n this.playerWrapper = new PlayerWrapper(player, adsPluginSettings, this);\n this.adUi = new AdUi(this);\n this.sdkImpl = new SdkImpl(this);\n};\n\nController.IMA_DEFAULTS = {\n debug: false,\n timeout: 5000,\n prerollTimeout: 1000,\n adLabel: 'Advertisement',\n adLabelNofN: 'of',\n showControlsForJSAds: true\n};\n/**\n * Extends the settings to include user-provided settings.\n *\n * @param {Object} options Options to be used in initialization.\n */\nController.prototype.initWithSettings = function (options) {\n this.settings = this.extend({}, Controller.IMA_DEFAULTS, options || {});\n\n this.warnAboutDeprecatedSettings();\n\n // Default showing countdown timer to true.\n this.showCountdown = true;\n if (this.settings.showCountdown === false) {\n this.showCountdown = false;\n }\n};\n\n/**\n * Logs console warnings when deprecated settings are used.\n */\nController.prototype.warnAboutDeprecatedSettings = function () {\n var _this = this;\n\n var deprecatedSettings = ['adWillAutoplay', 'adsWillAutoplay', 'adWillPlayMuted', 'adsWillPlayMuted'];\n deprecatedSettings.forEach(function (setting) {\n if (_this.settings[setting] !== undefined) {\n console.warn('WARNING: videojs.ima setting ' + setting + ' is deprecated');\n }\n });\n};\n\n/**\n * Return the settings object.\n *\n * @return {Object} The settings object.\n */\nController.prototype.getSettings = function () {\n return this.settings;\n};\n\n/**\n * Return whether or not we're in a mobile environment.\n *\n * @return {boolean} True if running on mobile, false otherwise.\n */\nController.prototype.getIsMobile = function () {\n return this.isMobile;\n};\n\n/**\n * Return whether or not we're in an iOS environment.\n *\n * @return {boolean} True if running on iOS, false otherwise.\n */\nController.prototype.getIsIos = function () {\n return this.isIos;\n};\n\n/**\n * Inject the ad container div into the DOM.\n *\n * @param{HTMLElement} adContainerDiv The ad container div.\n */\nController.prototype.injectAdContainerDiv = function (adContainerDiv) {\n this.playerWrapper.injectAdContainerDiv(adContainerDiv);\n};\n\n/**\n * @return {HTMLElement} The div for the ad container.\n */\nController.prototype.getAdContainerDiv = function () {\n return this.adUi.getAdContainerDiv();\n};\n\n/**\n * @return {Object} The content player.\n */\nController.prototype.getContentPlayer = function () {\n return this.playerWrapper.getContentPlayer();\n};\n\n/**\n * Returns the content playhead tracker.\n *\n * @return {Object} The content playhead tracker.\n */\nController.prototype.getContentPlayheadTracker = function () {\n return this.playerWrapper.getContentPlayheadTracker();\n};\n\n/**\n * Requests ads.\n */\nController.prototype.requestAds = function () {\n this.sdkImpl.requestAds();\n};\n\n/**\n * Add or modify a setting.\n *\n * @param {string} key Key to modify\n * @param {Object} value Value to set at key.\n */\nController.prototype.setSetting = function (key, value) {\n this.settings[key] = value;\n};\n\n/**\n * Called when there is an error loading ads.\n *\n * @param {Object} adErrorEvent The ad error event thrown by the IMA SDK.\n */\nController.prototype.onErrorLoadingAds = function (adErrorEvent) {\n this.adUi.onAdError();\n this.playerWrapper.onAdError(adErrorEvent);\n};\n\n/**\n * Called by the ad UI when the play/pause button is clicked.\n */\nController.prototype.onAdPlayPauseClick = function () {\n if (this.sdkImpl.isAdPlaying()) {\n this.adUi.onAdsPaused();\n this.sdkImpl.pauseAds();\n } else {\n this.adUi.onAdsPlaying();\n this.sdkImpl.resumeAds();\n }\n};\n\n/**\n * Called by the ad UI when the mute button is clicked.\n *\n */\nController.prototype.onAdMuteClick = function () {\n if (this.sdkImpl.isAdMuted()) {\n this.playerWrapper.unmute();\n this.adUi.unmute();\n this.sdkImpl.unmute();\n } else {\n this.playerWrapper.mute();\n this.adUi.mute();\n this.sdkImpl.mute();\n }\n};\n\n/**\n * Set the volume of the player and ads. 0-1.\n *\n * @param {number} volume The new volume.\n */\nController.prototype.setVolume = function (volume) {\n this.playerWrapper.setVolume(volume);\n this.sdkImpl.setVolume(volume);\n};\n\n/**\n * @return {number} The volume of the content player.\n */\nController.prototype.getPlayerVolume = function () {\n return this.playerWrapper.getVolume();\n};\n\n/**\n * Toggle fullscreen state.\n */\nController.prototype.toggleFullscreen = function () {\n this.playerWrapper.toggleFullscreen();\n};\n\n/**\n * Relays ad errors to the player wrapper.\n *\n * @param {Object} adErrorEvent The ad error event thrown by the IMA SDK.\n */\nController.prototype.onAdError = function (adErrorEvent) {\n this.adUi.onAdError();\n this.playerWrapper.onAdError(adErrorEvent);\n};\n\n/**\n * Handles ad break starting.\n *\n * @param {Object} adEvent The event fired by the IMA SDK.\n */\nController.prototype.onAdBreakStart = function (adEvent) {\n this.playerWrapper.onAdBreakStart();\n this.adUi.onAdBreakStart(adEvent);\n};\n\n/**\n * Show the ad container.\n */\nController.prototype.showAdContainer = function () {\n this.adUi.showAdContainer();\n};\n\n/**\n * Handles ad break ending.\n */\nController.prototype.onAdBreakEnd = function () {\n this.playerWrapper.onAdBreakEnd();\n this.adUi.onAdBreakEnd();\n};\n\n/**\n * Handles when all ads have finished playing.\n */\nController.prototype.onAllAdsCompleted = function () {\n this.adUi.onAllAdsCompleted();\n this.playerWrapper.onAllAdsCompleted();\n};\n\n/**\n * Handles the SDK firing an ad paused event.\n */\nController.prototype.onAdsPaused = function () {\n this.adUi.onAdsPaused();\n};\n\n/**\n * Handles the SDK firing an ad resumed event.\n */\nController.prototype.onAdsResumed = function () {\n this.adUi.onAdsResumed();\n};\n\n/**\n * Takes data from the sdk impl and passes it to the ad UI to update the UI.\n *\n * @param {number} currentTime Current time of the ad.\n * @param {number} remainingTime Remaining time of the ad.\n * @param {number} duration Duration of the ad.\n * @param {number} adPosition Index of the ad in the pod.\n * @param {number} totalAds Total number of ads in the pod.\n */\nController.prototype.onAdPlayheadUpdated = function (currentTime, remainingTime, duration, adPosition, totalAds) {\n this.adUi.updateAdUi(currentTime, remainingTime, duration, adPosition, totalAds);\n};\n\n/**\n * @return {Object} The current ad.\n */\nController.prototype.getCurrentAd = function () {\n return this.sdkImpl.getCurrentAd();\n};\n\n/**\n * Play content.\n */\nController.prototype.playContent = function () {\n this.playerWrapper.play();\n};\n\n/**\n * Handles when a linear ad starts.\n */\nController.prototype.onLinearAdStart = function () {\n this.adUi.onLinearAdStart();\n this.playerWrapper.onAdStart();\n};\n\n/**\n * Handles when a non-linear ad loads.\n */\nController.prototype.onNonLinearAdLoad = function () {\n this.adUi.onNonLinearAdLoad();\n};\n\n/**\n * Handles when a non-linear ad starts.\n */\nController.prototype.onNonLinearAdStart = function () {\n this.adUi.onNonLinearAdLoad();\n this.playerWrapper.onAdStart();\n};\n\n/**\n * Get the player width.\n *\n * @return {number} The width of the player.\n */\nController.prototype.getPlayerWidth = function () {\n return this.playerWrapper.getPlayerWidth();\n};\n\n/**\n * Get the player height.\n *\n * @return {number} The height of the player.\n */\nController.prototype.getPlayerHeight = function () {\n return this.playerWrapper.getPlayerHeight();\n};\n\n/**\n * Tells the player wrapper that ads are ready.\n */\nController.prototype.onAdsReady = function () {\n this.playerWrapper.onAdsReady();\n};\n\n/**\n * Called when the player wrapper detects that the player has been resized.\n *\n * @param {number} width The post-resize width of the player.\n * @param {number} height The post-resize height of the player.\n */\nController.prototype.onPlayerResize = function (width, height) {\n this.sdkImpl.onPlayerResize(width, height);\n};\n\n/**\n * Called by the player wrapper when content completes.\n */\nController.prototype.onContentComplete = function () {\n this.sdkImpl.onContentComplete();\n};\n\n/**\n * Called by the player wrapper when it's time to play a post-roll but we don't\n * have one to play.\n */\nController.prototype.onNoPostroll = function () {\n this.playerWrapper.onNoPostroll();\n};\n\n/**\n * Called when content and all ads have completed.\n */\nController.prototype.onContentAndAdsCompleted = function () {\n for (var index in this.contentAndAdsEndedListeners) {\n if (typeof this.contentAndAdsEndedListeners[index] === 'function') {\n this.contentAndAdsEndedListeners[index]();\n }\n }\n};\n\n/**\n * Called when the player is disposed.\n */\nController.prototype.onPlayerDisposed = function () {\n this.contentAndAdsEndedListeners = [];\n this.sdkImpl.onPlayerDisposed();\n};\n\n/**\n * Called when the player is ready to play a pre-roll.\n */\nController.prototype.onPlayerReadyForPreroll = function () {\n this.sdkImpl.onPlayerReadyForPreroll();\n};\n\n/**\n * Called when the player is ready.\n */\nController.prototype.onPlayerReady = function () {\n this.sdkImpl.onPlayerReady();\n};\n\n/**\n * Called when the player enters fullscreen.\n */\nController.prototype.onPlayerEnterFullscreen = function () {\n this.adUi.onPlayerEnterFullscreen();\n this.sdkImpl.onPlayerEnterFullscreen();\n};\n\n/**\n * Called when the player exits fullscreen.\n */\nController.prototype.onPlayerExitFullscreen = function () {\n this.adUi.onPlayerExitFullscreen();\n this.sdkImpl.onPlayerExitFullscreen();\n};\n\n/**\n * Called when the player volume changes.\n *\n * @param {number} volume The new player volume.\n */\nController.prototype.onPlayerVolumeChanged = function (volume) {\n this.adUi.onPlayerVolumeChanged(volume);\n this.sdkImpl.onPlayerVolumeChanged(volume);\n};\n\n/**\n * Sets the content of the video player. You should use this method instead\n * of setting the content src directly to ensure the proper ad tag is\n * requested when the video content is loaded.\n * @param {?string} contentSrc The URI for the content to be played. Leave\n * blank to use the existing content.\n * @param {?string} adTag The ad tag to be requested when the content loads.\n * Leave blank to use the existing ad tag.\n * @param {?boolean} playOnLoad True to play the content once it has loaded,\n * false to only load the content but not start playback.\n */\nController.prototype.setContentWithAdTag = function (contentSrc, adTag, playOnLoad) {\n this.reset();\n this.settings.adTagUrl = adTag ? adTag : this.settings.adTagUrl;\n this.playerWrapper.changeSource(contentSrc, playOnLoad);\n};\n\n/**\n * Sets the content of the video player. You should use this method instead\n * of setting the content src directly to ensure the proper ads response is\n * used when the video content is loaded.\n * @param {?string} contentSrc The URI for the content to be played. Leave\n * blank to use the existing content.\n * @param {?string} adsResponse The ads response to be requested when the\n * content loads. Leave blank to use the existing ads response.\n * @param {?boolean} playOnLoad True to play the content once it has loaded,\n * false to only load the content but not start playback.\n */\nController.prototype.setContentWithAdsResponse = function (contentSrc, adsResponse, playOnLoad) {\n this.reset();\n this.settings.adsResponse = adsResponse ? adsResponse : this.settings.adsResponse;\n this.playerWrapper.changeSource(contentSrc, playOnLoad);\n};\n\n/**\n * Resets the state of the plugin.\n */\nController.prototype.reset = function () {\n this.sdkImpl.reset();\n this.playerWrapper.reset();\n};\n\n/**\n * Listener JSDoc for ESLint. This listener can be passed to\n * (add|remove)ContentEndedListener.\n * @callback listener\n */\n\n/**\n * Adds a listener for the 'contentended' event of the video player. This should\n * be used instead of setting an 'contentended' listener directly to ensure that\n * the ima can do proper cleanup of the SDK before other event listeners are\n * called.\n * @param {listener} listener The listener to be called when content\n * completes.\n */\nController.prototype.addContentEndedListener = function (listener) {\n this.playerWrapper.addContentEndedListener(listener);\n};\n\n/**\n * Adds a listener that will be called when content and all ads have\n * finished playing.\n * @param {listener} listener The listener to be called when content and ads\n * complete.\n */\nController.prototype.addContentAndAdsEndedListener = function (listener) {\n this.contentAndAdsEndedListeners.push(listener);\n};\n\n/**\n * Sets the listener to be called to trigger manual ad break playback.\n * @param {listener} listener The listener to be called to trigger manual ad\n * break playback.\n */\nController.prototype.setAdBreakReadyListener = function (listener) {\n this.sdkImpl.setAdBreakReadyListener(listener);\n};\n\n/**\n * Changes the flag to show or hide the ad countdown timer.\n *\n * @param {boolean} showCountdownIn Show or hide the countdown timer.\n */\nController.prototype.setShowCountdown = function (showCountdownIn) {\n this.adUi.setShowCountdown(showCountdownIn);\n this.showCountdown = showCountdownIn;\n this.countdownDiv.style.display = this.showCountdown ? 'block' : 'none';\n};\n\n/**\n * Initializes the AdDisplayContainer. On mobile, this must be done as a\n * result of user action.\n */\nController.prototype.initializeAdDisplayContainer = function () {\n this.sdkImpl.initializeAdDisplayContainer();\n};\n\n/**\n * Called by publishers in manual ad break playback mode to start an ad\n * break.\n */\nController.prototype.playAdBreak = function () {\n this.sdkImpl.playAdBreak();\n};\n\n/**\n * Callback JSDoc for ESLint. This callback can be passed to addEventListener.\n * @callback callback\n */\n\n/**\n * Ads an EventListener to the AdsManager. For a list of available events,\n * see\n * https://developers.google.com/interactive-media-ads/docs/sdks/html5/v3/apis#ima.AdEvent.Type\n * @param {google.ima.AdEvent.Type} event The AdEvent.Type for which to\n * listen.\n * @param {callback} callback The method to call when the event is fired.\n */\nController.prototype.addEventListener = function (event, callback) {\n this.sdkImpl.addEventListener(event, callback);\n};\n\n/**\n * Returns the instance of the AdsManager.\n * @return {google.ima.AdsManager} The AdsManager being used by the plugin.\n */\nController.prototype.getAdsManager = function () {\n return this.sdkImpl.getAdsManager();\n};\n\n/**\n * Returns the instance of the player id.\n * @return {string} The player id.\n */\nController.prototype.getPlayerId = function () {\n return this.playerWrapper.getPlayerId();\n};\n\n/**\n * Changes the ad tag. You will need to call requestAds after this method\n * for the new ads to be requested.\n * @param {?string} adTag The ad tag to be requested the next time\n * requestAds is called.\n */\nController.prototype.changeAdTag = function (adTag) {\n this.reset();\n this.settings.adTagUrl = adTag;\n};\n\n/**\n * Pauses the ad.\n */\nController.prototype.pauseAd = function () {\n this.adUi.onAdsPaused();\n this.sdkImpl.pauseAds();\n};\n\n/**\n * Resumes the ad.\n */\nController.prototype.resumeAd = function () {\n this.adUi.onAdsPlaying();\n this.sdkImpl.resumeAds();\n};\n\n/**\n * @return {boolean} true if we expect that ads will autoplay. false otherwise.\n */\nController.prototype.adsWillAutoplay = function () {\n if (this.settings.adsWillAutoplay !== undefined) {\n return this.settings.adsWillAutoplay;\n } else if (this.settings.adWillAutoplay !== undefined) {\n return this.settings.adWillAutoplay;\n } else {\n return !!this.playerWrapper.getPlayerOptions().autoplay;\n }\n};\n\n/**\n * @return {boolean} true if we expect that ads will autoplay. false otherwise.\n */\nController.prototype.adsWillPlayMuted = function () {\n if (this.settings.adsWillPlayMuted !== undefined) {\n return this.settings.adsWillPlayMuted;\n } else if (this.settings.adWillPlayMuted !== undefined) {\n return this.settings.adWillPlayMuted;\n } else if (this.playerWrapper.getPlayerOptions().muted !== undefined) {\n return this.playerWrapper.getPlayerOptions().muted;\n } else {\n return this.playerWrapper.getVolume() == 0;\n }\n};\n\n/**\n * Triggers an event on the VJS player\n * @param {string} name The event name.\n * @param {Object} data The event data.\n */\nController.prototype.triggerPlayerEvent = function (name, data) {\n this.playerWrapper.triggerPlayerEvent(name, data);\n};\n\n/**\n * Extends an object to include the contents of objects at parameters 2 onward.\n *\n * @param {Object} obj The object onto which the subsequent objects' parameters\n * will be extended. This object will be modified.\n * @param {...Object} var_args The objects whose properties are to be extended\n * onto obj.\n * @return {Object} The extended object.\n */\nController.prototype.extend = function (obj) {\n var arg = void 0;\n var index = void 0;\n var key = void 0;\n\n for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n args[_key - 1] = arguments[_key];\n }\n\n for (index = 0; index < args.length; index++) {\n arg = args[index];\n for (key in arg) {\n if (arg.hasOwnProperty(key)) {\n obj[key] = arg[key];\n }\n }\n }\n return obj;\n};\n\n/**\n * Copyright 2017 Google Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n *\n * IMA SDK integration plugin for Video.js. For more information see\n * https://www.github.com/googleads/videojs-ima\n */\n\n/**\n * Exposes the ImaPlugin to a publisher implementation.\n *\n * @param {Object} player Instance of the video.js player to which this plugin\n * will be added.\n * @param {Object} options Options provided by the implementation.\n * @constructor\n * @struct\n * @final\n */\nvar ImaPlugin = function ImaPlugin(player, options) {\n this.controller = new Controller(player, options);\n\n /**\n * Listener JSDoc for ESLint. This listener can be passed to\n * addContent(AndAds)EndedListener.\n * @callback listener\n */\n\n /**\n * Adds a listener that will be called when content and all ads have\n * finished playing.\n * @param {listener} listener The listener to be called when content and ads\n * complete.\n */\n this.addContentAndAdsEndedListener = function (listener) {\n this.controller.addContentAndAdsEndedListener(listener);\n }.bind(this);\n\n /**\n * Adds a listener for the 'contentended' event of the video player. This\n * should be used instead of setting an 'contentended' listener directly to\n * ensure that the ima can do proper cleanup of the SDK before other event\n * listeners are called.\n * @param {listener} listener The listener to be called when content\n * completes.\n */\n this.addContentEndedListener = function (listener) {\n this.controller.addContentEndedListener(listener);\n }.bind(this);\n\n /**\n * Callback JSDoc for ESLint. This callback can be passed to addEventListener.\n * @callback callback\n */\n\n /**\n * Ads an EventListener to the AdsManager. For a list of available events,\n * see\n * https://developers.google.com/interactive-media-ads/docs/sdks/html5/v3/apis#ima.AdEvent.Type\n * @param {google.ima.AdEvent.Type} event The AdEvent.Type for which to\n * listen.\n * @param {callback} callback The method to call when the event is fired.\n */\n this.addEventListener = function (event, callback) {\n this.controller.addEventListener(event, callback);\n }.bind(this);\n\n /**\n * Changes the ad tag. You will need to call requestAds after this method\n * for the new ads to be requested.\n * @param {?string} adTag The ad tag to be requested the next time requestAds\n * is called.\n */\n this.changeAdTag = function (adTag) {\n this.controller.changeAdTag(adTag);\n }.bind(this);\n\n /**\n * Returns the instance of the AdsManager.\n * @return {google.ima.AdsManager} The AdsManager being used by the plugin.\n */\n this.getAdsManager = function () {\n return this.controller.getAdsManager();\n }.bind(this);\n\n /**\n * Initializes the AdDisplayContainer. On mobile, this must be done as a\n * result of user action.\n */\n this.initializeAdDisplayContainer = function () {\n this.controller.initializeAdDisplayContainer();\n }.bind(this);\n\n /**\n * Pauses the ad.\n */\n this.pauseAd = function () {\n this.controller.pauseAd();\n }.bind(this);\n\n /**\n * Called by publishers in manual ad break playback mode to start an ad\n * break.\n */\n this.playAdBreak = function () {\n this.controller.playAdBreak();\n }.bind(this);\n\n /**\n * Creates the AdsRequest and request ads through the AdsLoader.\n */\n this.requestAds = function () {\n this.controller.requestAds();\n }.bind(this);\n\n /**\n * Resumes the ad.\n */\n this.resumeAd = function () {\n this.controller.resumeAd();\n }.bind(this);\n\n /**\n * Sets the listener to be called to trigger manual ad break playback.\n * @param {listener} listener The listener to be called to trigger manual ad\n * break playback.\n */\n this.setAdBreakReadyListener = function (listener) {\n this.controller.setAdBreakReadyListener(listener);\n }.bind(this);\n\n /**\n * Sets the content of the video player. You should use this method instead\n * of setting the content src directly to ensure the proper ad tag is\n * requested when the video content is loaded.\n * @param {?string} contentSrc The URI for the content to be played. Leave\n * blank to use the existing content.\n * @param {?string} adTag The ad tag to be requested when the content loads.\n * Leave blank to use the existing ad tag.\n * @param {?boolean} playOnLoad True to play the content once it has loaded,\n * false to only load the content but not start playback.\n */\n this.setContentWithAdTag = function (contentSrc, adTag, playOnLoad) {\n this.controller.setContentWithAdTag(contentSrc, adTag, playOnLoad);\n }.bind(this);\n\n /**\n * Sets the content of the video player. You should use this method instead\n * of setting the content src directly to ensure the proper ads response is\n * used when the video content is loaded.\n * @param {?string} contentSrc The URI for the content to be played. Leave\n * blank to use the existing content.\n * @param {?string} adsResponse The ads response to be requested when the\n * content loads. Leave blank to use the existing ads response.\n * @param {?boolean} playOnLoad True to play the content once it has loaded,\n * false to only load the content but not start playback.\n */\n this.setContentWithAdsResponse = function (contentSrc, adsResponse, playOnLoad) {\n this.controller.setContentWithAdsResponse(contentSrc, adsResponse, playOnLoad);\n }.bind(this);\n\n /**\n * Changes the flag to show or hide the ad countdown timer.\n *\n * @param {boolean} showCountdownIn Show or hide the countdown timer.\n */\n this.setShowCountdown = function (showCountdownIn) {\n this.controller.setShowCountdown(showCountdownIn);\n }.bind(this);\n};\n\nvar init = function init(options) {\n /* eslint no-invalid-this: 'off' */\n this.ima = new ImaPlugin(this, options);\n};\n\nvar registerPlugin$5 = videojs$1.registerPlugin || videojs$1.plugin;\nregisterPlugin$5('ima', init);\n\n/*\n * videojs-contrib-ads\n * @version 6.6.1\n * @copyright 2018 Brightcove, Inc.\n * @license Apache-2.0\n */\n// (function (global, factory) {\n// \ttypeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('video.js')) :\n// \ttypeof define === 'function' && define.amd ? define(['video.js'], factory) :\n// \t(global.videojsContribAds = factory(global.videojs));\n// }(this, (function (videojs) { 'use strict';\n\n// videojs = videojs && videojs.hasOwnProperty('default') ? videojs['default'] : videojs;\n\nvar version$3 = \"6.6.1\";\n\n/*\n * Implements the public API available in `player.ads` as well as application state.\n */\n\nfunction getAds(player) {\n return {\n\n disableNextSnapshotRestore: false,\n\n // This is true if we have finished actual content playback but haven't\n // dealt with postrolls and officially ended yet\n _contentEnding: false,\n\n // This is set to true if the content has officially ended at least once.\n // After that, the user can seek backwards and replay content, but _contentHasEnded\n // remains true.\n _contentHasEnded: false,\n\n // Tracks if loadstart has happened yet for the initial source. It is not reset\n // on source changes because loadstart is the event that signals to the ad plugin\n // that the source has changed. Therefore, no special signaling is needed to know\n // that there has been one for subsequent sources.\n _hasThereBeenALoadStartDuringPlayerLife: false,\n\n // Tracks if loadeddata has happened yet for the current source.\n _hasThereBeenALoadedData: false,\n\n // Tracks if loadedmetadata has happened yet for the current source.\n _hasThereBeenALoadedMetaData: false,\n\n // Are we after startLinearAdMode and before endLinearAdMode?\n _inLinearAdMode: false,\n\n // Should we block calls to play on the content player?\n _shouldBlockPlay: false,\n\n // Was play blocked by the plugin's playMiddleware feature?\n _playBlocked: false,\n\n // Tracks whether play has been requested for this source,\n // either by the play method or user interaction\n _playRequested: false,\n\n // This is an estimation of the current ad type being played\n // This is experimental currently. Do not rely on its presence or behavior!\n adType: null,\n\n VERSION: version$3,\n\n reset: function reset() {\n player.ads.disableNextSnapshotRestore = false;\n player.ads._contentEnding = false;\n player.ads._contentHasEnded = false;\n player.ads.snapshot = null;\n player.ads.adType = null;\n player.ads._hasThereBeenALoadedData = false;\n player.ads._hasThereBeenALoadedMetaData = false;\n player.ads._cancelledPlay = false;\n player.ads._shouldBlockPlay = false;\n player.ads._playBlocked = false;\n player.ads.nopreroll_ = false;\n player.ads.nopostroll_ = false;\n player.ads._playRequested = false;\n },\n\n // Call this when an ad response has been received and there are\n // linear ads ready to be played.\n startLinearAdMode: function startLinearAdMode() {\n player.ads._state.startLinearAdMode();\n },\n\n // Call this when a linear ad pod has finished playing.\n endLinearAdMode: function endLinearAdMode() {\n player.ads._state.endLinearAdMode();\n },\n\n // Call this when an ad response has been received but there are no\n // linear ads to be played (i.e. no ads available, or overlays).\n // This has no effect if we are already in an ad break. Always\n // use endLinearAdMode() to exit from linear ad-playback state.\n skipLinearAdMode: function skipLinearAdMode() {\n player.ads._state.skipLinearAdMode();\n },\n\n // With no arguments, returns a boolean value indicating whether or not\n // contrib-ads is set to treat ads as stitched with content in a single\n // stream. With arguments, treated as a setter, but this behavior is\n // deprecated.\n stitchedAds: function stitchedAds(arg) {\n if (arg !== undefined) {\n videojs$1.log.warn('Using player.ads.stitchedAds() as a setter is deprecated, ' + 'it should be set as an option upon initialization of contrib-ads.');\n\n // Keep the private property and the settings in sync. When this\n // setter is removed, we can probably stop using the private property.\n this.settings.stitchedAds = !!arg;\n }\n\n return this.settings.stitchedAds;\n },\n\n // Returns whether the video element has been modified since the\n // snapshot was taken.\n // We test both src and currentSrc because changing the src attribute to a URL that\n // AdBlocker is intercepting doesn't update currentSrc.\n videoElementRecycled: function videoElementRecycled() {\n if (player.ads.shouldPlayContentBehindAd(player)) {\n return false;\n }\n\n if (!this.snapshot) {\n throw new Error('You cannot use videoElementRecycled while there is no snapshot.');\n }\n\n var srcChanged = player.tech_.src() !== this.snapshot.src;\n var currentSrcChanged = player.currentSrc() !== this.snapshot.currentSrc;\n\n return srcChanged || currentSrcChanged;\n },\n\n // Returns a boolean indicating if given player is in live mode.\n // One reason for this: https://github.com/videojs/video.js/issues/3262\n // Also, some live content can have a duration.\n isLive: function isLive() {\n var somePlayer = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : player;\n\n if (typeof somePlayer.ads.settings.contentIsLive === 'boolean') {\n return somePlayer.ads.settings.contentIsLive;\n } else if (somePlayer.duration() === Infinity) {\n return true;\n } else if (videojs$1.browser.IOS_VERSION === '8' && somePlayer.duration() === 0) {\n return true;\n }\n return false;\n },\n\n // Return true if content playback should mute and continue during ad breaks.\n // This is only done during live streams on platforms where it's supported.\n // This improves speed and accuracy when returning from an ad break.\n shouldPlayContentBehindAd: function shouldPlayContentBehindAd() {\n var somePlayer = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : player;\n\n if (!somePlayer) {\n throw new Error('shouldPlayContentBehindAd requires a player as a param');\n } else if (!somePlayer.ads.settings.liveCuePoints) {\n return false;\n } else {\n return !videojs$1.browser.IS_IOS && !videojs$1.browser.IS_ANDROID && somePlayer.duration() === Infinity;\n }\n },\n\n // Return true if the ads plugin should save and restore snapshots of the\n // player state when moving into and out of ad mode.\n shouldTakeSnapshots: function shouldTakeSnapshots() {\n var somePlayer = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : player;\n\n return !this.shouldPlayContentBehindAd(somePlayer) && !this.stitchedAds();\n },\n\n // Returns true if player is in ad mode.\n //\n // Ad mode definition:\n // If content playback is blocked by the ad plugin.\n //\n // Examples of ad mode:\n //\n // * Waiting to find out if an ad is going to play while content would normally be\n // playing.\n // * Waiting for an ad to start playing while content would normally be playing.\n // * An ad is playing (even if content is also playing)\n // * An ad has completed and content is about to resume, but content has not resumed\n // yet.\n //\n // Examples of not ad mode:\n //\n // * Content playback has not been requested\n // * Content playback is paused\n // * An asynchronous ad request is ongoing while content is playing\n // * A non-linear ad is active\n isInAdMode: function isInAdMode() {\n return this._state.isAdState();\n },\n\n // Returns true if in ad mode but an ad break hasn't started yet.\n isWaitingForAdBreak: function isWaitingForAdBreak() {\n return this._state.isWaitingForAdBreak();\n },\n\n // Returns true if content is resuming after an ad. This is part of ad mode.\n isContentResuming: function isContentResuming() {\n return this._state.isContentResuming();\n },\n\n // Deprecated because the name was misleading. Use inAdBreak instead.\n isAdPlaying: function isAdPlaying() {\n return this._state.inAdBreak();\n },\n\n // Returns true if an ad break is ongoing. This is part of ad mode.\n // An ad break is the time between startLinearAdMode and endLinearAdMode.\n inAdBreak: function inAdBreak() {\n return this._state.inAdBreak();\n },\n\n /*\n * Remove the poster attribute from the video element tech, if present. When\n * reusing a video element for multiple videos, the poster image will briefly\n * reappear while the new source loads. Removing the attribute ahead of time\n * prevents the poster from showing up between videos.\n *\n * @param {Object} player The videojs player object\n */\n removeNativePoster: function removeNativePoster() {\n var tech = player.$('.play-tech');\n\n if (tech) {\n tech.removeAttribute('poster');\n }\n },\n debug: function debug() {\n if (this.settings.debug) {\n for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n if (args.length === 1 && typeof args[0] === 'string') {\n videojs$1.log('ADS: ' + args[0]);\n } else {\n videojs$1.log.apply(videojs$1, ['ADS:'].concat(args));\n }\n }\n }\n };\n}\n\n/*\nThe goal of this feature is to make player events work as an integrator would\nexpect despite the presense of ads. For example, an integrator would expect\nan `ended` event to happen once the content is ended. If an `ended` event is sent\nas a result of a preroll ending, that is a bug. The `redispatch` method should recognize\nsuch `ended` events and prefix them so they are sent as `adended`, and so on with\nall other player events.\n*/\n\n// Cancel an event.\n// Video.js wraps native events. This technique stops propagation for the Video.js event\n// (AKA player event or wrapper event) while native events continue propagating.\nvar cancelEvent = function cancelEvent(player, event) {\n event.isImmediatePropagationStopped = function () {\n return true;\n };\n event.cancelBubble = true;\n event.isPropagationStopped = function () {\n return true;\n };\n};\n\n// Redispatch an event with a prefix.\n// Cancels the event, then sends a new event with the type of the original\n// event with the given prefix added.\n// The inclusion of the \"state\" property should be removed in a future\n// major version update with instructions to migrate any code that relies on it.\n// It is an implementation detail and relying on it creates fragility.\nvar prefixEvent = function prefixEvent(player, prefix, event) {\n cancelEvent(player, event);\n player.trigger({\n type: prefix + event.type,\n originalEvent: event\n });\n};\n\n// Playing event\n// Requirements:\n// * Normal playing event when there is no preroll\n// * No playing event before preroll\n// * At least one playing event after preroll\nvar handlePlaying = function handlePlaying(player, event) {\n if (player.ads.isInAdMode()) {\n\n if (player.ads.isContentResuming()) {\n\n // Prefix playing event when switching back to content after postroll.\n if (player.ads._contentEnding) {\n prefixEvent(player, 'content', event);\n }\n\n // Prefix all other playing events during ads.\n } else {\n prefixEvent(player, 'ad', event);\n }\n }\n};\n\n// Ended event\n// Requirements:\n// * A single ended event when there is no postroll\n// * No ended event before postroll\n// * A single ended event after postroll\nvar handleEnded = function handleEnded(player, event) {\n if (player.ads.isInAdMode()) {\n\n // Cancel ended events during content resuming. Normally we would\n // prefix them, but `contentended` has a special meaning. In the\n // future we'd like to rename the existing `contentended` to\n // `readyforpostroll`, then we could remove the special `resumeended`\n // and do a conventional content prefix here.\n if (player.ads.isContentResuming()) {\n cancelEvent(player, event);\n\n // Important: do not use this event outside of videojs-contrib-ads.\n // It will be removed and your code will break.\n // Ideally this would simply be `contentended`, but until\n // `contentended` no longer has a special meaning it cannot be\n // changed.\n player.trigger('resumeended');\n\n // Ad prefix in ad mode\n } else {\n prefixEvent(player, 'ad', event);\n }\n\n // Prefix ended due to content ending before postroll check\n } else if (!player.ads._contentHasEnded && !player.ads.stitchedAds()) {\n\n // This will change to cancelEvent after the contentended deprecation\n // period (contrib-ads 7)\n prefixEvent(player, 'content', event);\n\n // Content ended for the first time, time to check for postrolls\n player.trigger('readyforpostroll');\n }\n};\n\n// handleLoadEvent is used for loadstart, loadeddata, and loadedmetadata\n// Requirements:\n// * Initial event is not prefixed\n// * Event due to ad loading is prefixed\n// * Event due to content source change is not prefixed\n// * Event due to content resuming is prefixed\nvar handleLoadEvent = function handleLoadEvent(player, event) {\n\n // Initial event\n if (event.type === 'loadstart' && !player.ads._hasThereBeenALoadStartDuringPlayerLife || event.type === 'loadeddata' && !player.ads._hasThereBeenALoadedData || event.type === 'loadedmetadata' && !player.ads._hasThereBeenALoadedMetaData) {\n return;\n\n // Ad playing\n } else if (player.ads.inAdBreak()) {\n prefixEvent(player, 'ad', event);\n\n // Source change\n } else if (player.currentSrc() !== player.ads.contentSrc) {\n return;\n\n // Content resuming\n } else {\n prefixEvent(player, 'content', event);\n }\n};\n\n// Play event\n// Requirements:\n// * Play events have the \"ad\" prefix when an ad is playing\n// * Play events have the \"content\" prefix when content is resuming\n// Play requests are unique because they represent user intention to play. They happen\n// because the user clicked play, or someone called player.play(), etc. It could happen\n// multiple times during ad loading, regardless of where we are in the process. With our\n// current architecture, this could cause the content to start playing.\n// Therefore, contrib-ads must always either:\n// - cancelContentPlay if there is any possible chance the play caused the\n// content to start playing, even if we are technically in ad mode. In order for\n// that to happen, play events need to be unprefixed until the last possible moment.\n// - use playMiddleware to stop the play from reaching the Tech so there is no risk\n// of the content starting to play.\n// Currently, playMiddleware is only supported on desktop browsers with\n// video.js after version 6.7.1.\nvar handlePlay = function handlePlay(player, event) {\n if (player.ads.inAdBreak()) {\n prefixEvent(player, 'ad', event);\n\n // Content resuming\n } else if (player.ads.isContentResuming()) {\n prefixEvent(player, 'content', event);\n }\n};\n\n// Handle a player event, either by redispatching it with a prefix, or by\n// letting it go on its way without any meddling.\nfunction redispatch(event) {\n\n // Events with special treatment\n if (event.type === 'playing') {\n handlePlaying(this, event);\n } else if (event.type === 'ended') {\n handleEnded(this, event);\n } else if (event.type === 'loadstart' || event.type === 'loadeddata' || event.type === 'loadedmetadata') {\n handleLoadEvent(this, event);\n } else if (event.type === 'play') {\n handlePlay(this, event);\n\n // Standard handling for all other events\n } else if (this.ads.isInAdMode()) {\n if (this.ads.isContentResuming()) {\n\n // Event came from snapshot restore after an ad, use \"content\" prefix\n prefixEvent(this, 'content', event);\n } else {\n\n // Event came from ad playback, use \"ad\" prefix\n prefixEvent(this, 'ad', event);\n }\n }\n}\n\n/*\nThis feature sends a `contentupdate` event when the player source changes.\n*/\n\n// Start sending contentupdate events\nfunction initializeContentupdate(player) {\n\n // Keep track of the current content source\n // If you want to change the src of the video without triggering\n // the ad workflow to restart, you can update this variable before\n // modifying the player's source\n player.ads.contentSrc = player.currentSrc();\n\n player.ads._seenInitialLoadstart = false;\n\n // Check if a new src has been set, if so, trigger contentupdate\n var checkSrc = function checkSrc() {\n if (!player.ads.inAdBreak()) {\n var src = player.currentSrc();\n\n if (src !== player.ads.contentSrc) {\n\n if (player.ads._seenInitialLoadstart) {\n player.trigger({\n type: 'contentchanged'\n });\n }\n\n player.trigger({\n type: 'contentupdate',\n oldValue: player.ads.contentSrc,\n newValue: src\n });\n player.ads.contentSrc = src;\n }\n\n player.ads._seenInitialLoadstart = true;\n }\n };\n\n // loadstart reliably indicates a new src has been set\n player.on('loadstart', checkSrc);\n}\n\nvar commonjsGlobal = typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};\n\nvar win$1;\n\nif (typeof window !== \"undefined\") {\n win$1 = window;\n} else if (typeof commonjsGlobal !== \"undefined\") {\n win$1 = commonjsGlobal;\n} else if (typeof self !== \"undefined\") {\n win$1 = self;\n} else {\n win$1 = {};\n}\n\nvar window_1 = win$1;\n\nvar empty = {};\n\nvar empty$1 = (Object.freeze || Object)({\n 'default': empty\n});\n\nvar minDoc = empty$1 && empty || empty$1;\n\nvar topLevel = typeof commonjsGlobal !== 'undefined' ? commonjsGlobal : typeof window !== 'undefined' ? window : {};\n\nvar doccy;\n\nif (typeof document !== 'undefined') {\n doccy = document;\n} else {\n doccy = topLevel['__GLOBAL_DOCUMENT_CACHE@4'];\n\n if (!doccy) {\n doccy = topLevel['__GLOBAL_DOCUMENT_CACHE@4'] = minDoc;\n }\n}\n\nvar document_1 = doccy;\n\nvar _typeof$1 = typeof Symbol === \"function\" && _typeof(Symbol.iterator) === \"symbol\" ? function (obj) {\n return typeof obj === 'undefined' ? 'undefined' : _typeof(obj);\n} : function (obj) {\n return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj === 'undefined' ? 'undefined' : _typeof(obj);\n};\n\nvar classCallCheck$2 = function classCallCheck$$1(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n};\n\nvar inherits$2 = function inherits$$1(subClass, superClass) {\n if (typeof superClass !== \"function\" && superClass !== null) {\n throw new TypeError(\"Super expression must either be null or a function, not \" + (typeof superClass === 'undefined' ? 'undefined' : _typeof(superClass)));\n }\n\n subClass.prototype = Object.create(superClass && superClass.prototype, {\n constructor: {\n value: subClass,\n enumerable: false,\n writable: true,\n configurable: true\n }\n });\n if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;\n};\n\nvar possibleConstructorReturn$2 = function possibleConstructorReturn$$1(self, call) {\n if (!self) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n\n return call && ((typeof call === 'undefined' ? 'undefined' : _typeof(call)) === \"object\" || typeof call === \"function\") ? call : self;\n};\n\n/*\nThis feature provides an optional method for ad plugins to insert run-time values\ninto an ad server URL or configuration.\n*/\n\n// Return URI encoded version of value if uriEncode is true\nvar uriEncodeIfNeeded = function uriEncodeIfNeeded(value, uriEncode) {\n if (uriEncode) {\n return encodeURIComponent(value);\n }\n return value;\n};\n\n// Add custom field macros to macros object\n// based on given name for custom fields property of mediainfo object.\nvar customFields = function customFields(mediainfo, macros, customFieldsName) {\n if (mediainfo && mediainfo[customFieldsName]) {\n var fields = mediainfo[customFieldsName];\n var fieldNames = Object.keys(fields);\n\n for (var i = 0; i < fieldNames.length; i++) {\n var tag = '{mediainfo.' + customFieldsName + '.' + fieldNames[i] + '}';\n\n macros[tag] = fields[fieldNames[i]];\n }\n }\n};\n\n// Public method that ad plugins use for ad macros.\n// \"string\" is any string with macros to be replaced\n// \"uriEncode\" if true will uri encode macro values when replaced\n// \"customMacros\" is a object with custom macros and values to map them to\n// - For example: {'{five}': 5}\n// Return value is is \"string\" with macros replaced\n// - For example: adMacroReplacement('{player.id}') returns a string of the player id\nfunction adMacroReplacement(string, uriEncode, customMacros) {\n var _this = this;\n\n var defaults$$1 = {};\n\n // Get macros with defaults e.g. {x=y}, store values and replace with standard macros\n string = string.replace(/{([^}=]+)=([^}]+)}/g, function (match, name, defaultVal) {\n defaults$$1['{' + name + '}'] = defaultVal;\n\n return '{' + name + '}';\n });\n\n if (uriEncode === undefined) {\n uriEncode = false;\n }\n\n var macros = {};\n\n if (customMacros !== undefined) {\n macros = customMacros;\n }\n\n // Static macros\n macros['{player.id}'] = this.options_['data-player'];\n macros['{mediainfo.id}'] = this.mediainfo ? this.mediainfo.id : '';\n macros['{mediainfo.name}'] = this.mediainfo ? this.mediainfo.name : '';\n macros['{mediainfo.duration}'] = this.mediainfo ? this.mediainfo.duration : '';\n macros['{player.duration}'] = this.duration();\n macros['{timestamp}'] = new Date().getTime();\n macros['{document.referrer}'] = document_1.referrer;\n macros['{window.location.href}'] = window_1.location.href;\n macros['{random}'] = Math.floor(Math.random() * 1000000000000);\n\n ['description', 'tags', 'reference_id', 'ad_keys'].forEach(function (prop) {\n if (_this.mediainfo && _this.mediainfo[prop]) {\n macros['{mediainfo.' + prop + '}'] = _this.mediainfo[prop];\n } else if (defaults$$1['{mediainfo.' + prop + '}']) {\n macros['{mediainfo.' + prop + '}'] = defaults$$1['{mediainfo.' + prop + '}'];\n } else {\n macros['{mediainfo.' + prop + '}'] = '';\n }\n });\n\n // Custom fields in mediainfo\n customFields(this.mediainfo, macros, 'custom_fields');\n customFields(this.mediainfo, macros, 'customFields');\n\n // Go through all the replacement macros and apply them to the string.\n // This will replace all occurrences of the replacement macros.\n for (var i in macros) {\n string = string.split(i).join(uriEncodeIfNeeded(macros[i], uriEncode));\n }\n\n // Page variables\n string = string.replace(/{pageVariable\\.([^}]+)}/g, function (match, name) {\n var value = void 0;\n var context = window_1;\n var names = name.split('.');\n\n // Iterate down multiple levels of selector without using eval\n // This makes things like pageVariable.foo.bar work\n for (var _i = 0; _i < names.length; _i++) {\n if (_i === names.length - 1) {\n value = context[names[_i]];\n } else {\n context = context[names[_i]];\n }\n }\n\n var type = typeof value === 'undefined' ? 'undefined' : _typeof$1(value);\n\n // Only allow certain types of values. Anything else is probably a mistake.\n if (value === null) {\n return 'null';\n } else if (value === undefined) {\n if (defaults$$1['{pageVariable.' + name + '}']) {\n return defaults$$1['{pageVariable.' + name + '}'];\n }\n videojs$1.log.warn('Page variable \"' + name + '\" not found');\n return '';\n } else if (type !== 'string' && type !== 'number' && type !== 'boolean') {\n videojs$1.log.warn('Page variable \"' + name + '\" is not a supported type');\n return '';\n }\n\n return uriEncodeIfNeeded(String(value), uriEncode);\n });\n\n // Replace defaults\n for (var defaultVal in defaults$$1) {\n string = string.replace(defaultVal, defaults$$1[defaultVal]);\n }\n\n return string;\n}\n\n/*\n* This feature allows metadata text tracks to be manipulated once available\n* @see processMetadataTracks.\n* It also allows ad implementations to leverage ad cues coming through\n* text tracks, @see processAdTrack\n**/\n\nvar cueTextTracks = {};\n\n/*\n* This feature allows metadata text tracks to be manipulated once they are available,\n* usually after the 'loadstart' event is observed on the player\n* @param player A reference to a player\n* @param processMetadataTrack A callback that performs some operations on a\n* metadata text track\n**/\ncueTextTracks.processMetadataTracks = function (player, processMetadataTrack) {\n var tracks = player.textTracks();\n var setModeAndProcess = function setModeAndProcess(track) {\n if (track.kind === 'metadata') {\n player.ads.cueTextTracks.setMetadataTrackMode(track);\n processMetadataTrack(player, track);\n }\n };\n\n // Text tracks are available\n for (var i = 0; i < tracks.length; i++) {\n setModeAndProcess(tracks[i]);\n }\n\n // Wait until text tracks are added\n tracks.addEventListener('addtrack', function (event) {\n setModeAndProcess(event.track);\n });\n};\n\n/*\n* Sets the track mode to one of 'disabled', 'hidden' or 'showing'\n* @see https://github.com/videojs/video.js/blob/master/docs/guides/text-tracks.md\n* Default behavior is to do nothing, @override if this is not desired\n* @param track The text track to set the mode on\n*/\ncueTextTracks.setMetadataTrackMode = function (track) {\n return;\n};\n\n/*\n* Determines whether cue is an ad cue and returns the cue data.\n* @param player A reference to the player\n* @param cue The full cue object\n* Returns the given cue by default @override if futher processing is required\n* @return {Object} a useable ad cue or null if not supported\n**/\ncueTextTracks.getSupportedAdCue = function (player, cue) {\n return cue;\n};\n\n/*\n* Defines whether a cue is supported or not, potentially\n* based on the player settings\n* @param player A reference to the player\n* @param cue The cue to be checked\n* Default behavior is to return true, @override if this is not desired\n* @return {Boolean}\n*/\ncueTextTracks.isSupportedAdCue = function (player, cue) {\n return true;\n};\n\n/*\n* Gets the id associated with a cue.\n* @param cue The cue to extract an ID from\n* @returns The first occurance of 'id' in the object,\n* @override if this is not the desired cue id\n**/\ncueTextTracks.getCueId = function (player, cue) {\n return cue.id;\n};\n\n/*\n* Checks whether a cue has already been used\n* @param cueId The Id associated with a cue\n**/\nvar cueAlreadySeen = function cueAlreadySeen(player, cueId) {\n return cueId !== undefined && player.ads.includedCues[cueId];\n};\n\n/*\n* Indicates that a cue has been used\n* @param cueId The Id associated with a cue\n**/\nvar setCueAlreadySeen = function setCueAlreadySeen(player, cueId) {\n if (cueId !== undefined && cueId !== '') {\n player.ads.includedCues[cueId] = true;\n }\n};\n\n/*\n* This feature allows ad metadata tracks to be manipulated in ad implementations\n* @param player A reference to the player\n* @param cues The set of cues to work with\n* @param processCue A method that uses a cue to make some\n* ad request in the ad implementation\n* @param [cancelAdsHandler] A method that dynamically cancels ads in the ad implementation\n**/\ncueTextTracks.processAdTrack = function (player, cues, processCue, cancelAdsHandler) {\n player.ads.includedCues = {};\n\n // loop over set of cues\n for (var i = 0; i < cues.length; i++) {\n var cue = cues[i];\n var cueData = this.getSupportedAdCue(player, cue);\n\n // Exit if this is not a supported cue\n if (!this.isSupportedAdCue(player, cue)) {\n videojs$1.log.warn('Skipping as this is not a supported ad cue.', cue);\n return;\n }\n\n // Continue processing supported cue\n var cueId = this.getCueId(player, cue);\n var startTime = cue.startTime;\n\n // Skip ad if cue was already used\n if (cueAlreadySeen(player, cueId)) {\n videojs$1.log('Skipping ad already seen with ID ' + cueId);\n return;\n }\n\n // Optional dynamic ad cancellation\n if (cancelAdsHandler) {\n cancelAdsHandler(player, cueData, cueId, startTime);\n }\n\n // Process cue as an ad cue\n processCue(player, cueData, cueId, startTime);\n\n // Indicate that this cue has been used\n setCueAlreadySeen(player, cueId);\n }\n};\n\nfunction initCancelContentPlay(player, debug) {\n if (debug) {\n videojs$1.log('Using cancelContentPlay to block content playback');\n }\n\n // Listen to play events to \"cancel\" them afterward\n player.on('play', cancelContentPlay);\n}\n\n/*\nThis feature makes sure the player is paused during ad loading.\n\nIt does this by pausing the player immediately after a \"play\" where ads will be requested,\nthen signalling that we should play after the ad is done.\n*/\n\nfunction cancelContentPlay() {\n var player = this;\n\n if (player.ads._shouldBlockPlay === false) {\n // Only block play if the ad plugin is in a state when content\n // playback should be blocked. This currently means during\n // BeforePrerollState and PrerollState.\n return;\n }\n\n // pause playback so ads can be handled.\n if (!player.paused()) {\n player.ads.debug('Playback was canceled by cancelContentPlay');\n player.pause();\n }\n\n // When the 'content-playback' state is entered, this will let us know to play.\n // This is needed if there is no preroll or if it errors, times out, etc.\n player.ads._cancelledPlay = true;\n}\n\nvar obj = {};\n// This reference allows videojs to be mocked in unit tests\n// while still using the available videojs import in the source code\n// @see obj.testHook\nvar videojsReference = videojs$1;\n\n/**\n * Checks if middleware mediators are available and\n * can be used on this platform.\n * Currently we can only use mediators on desktop platforms.\n */\nobj.isMiddlewareMediatorSupported = function () {\n\n if (videojsReference.browser.IS_IOS || videojsReference.browser.IS_ANDROID) {\n return false;\n } else if (\n // added when middleware was introduced in video.js\n videojsReference.use &&\n // added when mediators were introduced in video.js\n videojsReference.middleware && videojsReference.middleware.TERMINATOR) {\n return true;\n }\n\n return false;\n};\n\nobj.playMiddleware = function (player) {\n return {\n setSource: function setSource(srcObj, next) {\n next(null, srcObj);\n },\n callPlay: function callPlay() {\n // Block play calls while waiting for an ad, only if this is an\n // ad supported player\n if (player.ads && player.ads._shouldBlockPlay === true) {\n player.ads.debug('Using playMiddleware to block content playback');\n player.ads._playBlocked = true;\n return videojsReference.middleware.TERMINATOR;\n }\n },\n play: function play(terminated, playPromise) {\n if (player.ads && player.ads._playBlocked && terminated) {\n player.ads.debug('Play call to Tech was terminated.');\n // Trigger play event to match the user's intent to play.\n // The call to play on the Tech has been blocked, so triggering\n // the event on the Player will not affect the Tech's playback state.\n player.trigger('play');\n // At this point the player has technically started\n player.addClass('play-has-started');\n // Reset playBlocked\n player.ads._playBlocked = false;\n\n // Safari issues a pause event when autoplay is blocked but Chrome does not.\n // We fingerprint Chrome using e.message and send a pause for consistency.\n // This keeps the play button synchronized if play is rejected.\n } else if (playPromise && playPromise['catch']) {\n playPromise['catch'](function (e) {\n if (e.message === 'play() failed because the user didn\\'t interact with the ' + 'document first. https://goo.gl/xX8pDD') {\n player.trigger('pause');\n }\n });\n }\n }\n };\n};\n\nobj.testHook = function (testVjs) {\n videojsReference = testVjs;\n};\n\nvar playMiddleware = obj.playMiddleware;\nvar isMiddlewareMediatorSupported$1 = obj.isMiddlewareMediatorSupported;\n\n/**\n * Whether or not this copy of Video.js has the ads plugin.\n *\n * @return {boolean}\n * If `true`, has the plugin. `false` otherwise.\n */\n\nvar hasAdsPlugin = function hasAdsPlugin() {\n\n // Video.js 6 and 7 have a getPlugin method.\n if (videojs$1.getPlugin) {\n return Boolean(videojs$1.getPlugin('ads'));\n }\n\n // Video.js 5 does not have a getPlugin method, so check the player prototype.\n var Player = videojs$1.getComponent('Player');\n\n return Boolean(Player && Player.prototype.ads);\n};\n\n/**\n * Register contrib-ads with Video.js, but provide protection for duplicate\n * copies of the plugin. This could happen if, for example, a stitched ads\n * plugin and a client-side ads plugin are included simultaneously with their\n * own copies of contrib-ads.\n *\n * If contrib-ads detects a pre-existing duplicate, it will not register\n * itself.\n *\n * Ad plugins using contrib-ads and anticipating that this could come into\n * effect should verify that the contrib-ads they are using is of a compatible\n * version.\n *\n * @param {Function} contribAdsPlugin\n * The plugin function.\n *\n * @return {boolean}\n * When `true`, the plugin was registered. When `false`, the plugin\n * was not registered.\n */\nfunction register(contribAdsPlugin) {\n\n // If the ads plugin already exists, do not overwrite it.\n if (hasAdsPlugin(videojs$1)) {\n return false;\n }\n\n // Cross-compatibility with Video.js 6/7 and 5.\n var registerPlugin = videojs$1.registerPlugin || videojs$1.plugin;\n\n // Register this plugin with Video.js.\n registerPlugin('ads', contribAdsPlugin);\n\n // Register the play middleware with Video.js on script execution,\n // to avoid a new playMiddleware factory being added for each player.\n // The `usingContribAdsMiddleware_` flag is used to ensure that we only ever\n // register the middleware once - despite the ability to de-register and\n // re-register the plugin itself.\n if (isMiddlewareMediatorSupported$1() && !videojs$1.usingContribAdsMiddleware_) {\n // Register the play middleware\n videojs$1.use('*', playMiddleware);\n videojs$1.usingContribAdsMiddleware_ = true;\n videojs$1.log('Play middleware has been registered with videojs');\n }\n\n return true;\n}\n\nvar State = function () {\n State._getName = function _getName() {\n return 'Anonymous State';\n };\n\n function State(player) {\n classCallCheck$2(this, State);\n\n this.player = player;\n }\n\n /*\n * This is the only allowed way to perform state transitions. State transitions usually\n * happen in player event handlers. They can also happen recursively in `init`. They\n * should _not_ happen in `cleanup`.\n */\n\n State.prototype.transitionTo = function transitionTo(NewState) {\n var player = this.player;\n var previousState = this;\n\n previousState.cleanup(player);\n var newState = new NewState(player);\n\n player.ads._state = newState;\n player.ads.debug(previousState.constructor._getName() + ' -> ' + newState.constructor._getName());\n\n for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n args[_key - 1] = arguments[_key];\n }\n\n newState.init.apply(newState, [player].concat(args));\n };\n\n /*\n * Implemented by subclasses to provide initialization logic when transitioning\n * to a new state.\n */\n\n State.prototype.init = function init() {};\n\n /*\n * Implemented by subclasses to provide cleanup logic when transitioning\n * to a new state.\n */\n\n State.prototype.cleanup = function cleanup() {};\n\n /*\n * Default event handlers. Different states can override these to provide behaviors.\n */\n\n State.prototype.onPlay = function onPlay() {};\n\n State.prototype.onPlaying = function onPlaying() {};\n\n State.prototype.onEnded = function onEnded() {};\n\n State.prototype.onAdEnded = function onAdEnded() {};\n\n State.prototype.onAdsReady = function onAdsReady() {\n videojs$1.log.warn('Unexpected adsready event');\n };\n\n State.prototype.onAdsError = function onAdsError() {};\n\n State.prototype.onAdsCanceled = function onAdsCanceled() {};\n\n State.prototype.onAdTimeout = function onAdTimeout() {};\n\n State.prototype.onAdStarted = function onAdStarted() {};\n\n State.prototype.onContentChanged = function onContentChanged() {};\n\n State.prototype.onContentResumed = function onContentResumed() {};\n\n State.prototype.onReadyForPostroll = function onReadyForPostroll() {\n videojs$1.log.warn('Unexpected readyforpostroll event');\n };\n\n State.prototype.onNoPreroll = function onNoPreroll() {};\n\n State.prototype.onNoPostroll = function onNoPostroll() {};\n\n /*\n * Method handlers. Different states can override these to provide behaviors.\n */\n\n State.prototype.startLinearAdMode = function startLinearAdMode() {\n videojs$1.log.warn('Unexpected startLinearAdMode invocation ' + '(State via ' + this.constructor._getName() + ')');\n };\n\n State.prototype.endLinearAdMode = function endLinearAdMode() {\n videojs$1.log.warn('Unexpected endLinearAdMode invocation ' + '(State via ' + this.constructor._getName() + ')');\n };\n\n State.prototype.skipLinearAdMode = function skipLinearAdMode() {\n videojs$1.log.warn('Unexpected skipLinearAdMode invocation ' + '(State via ' + this.constructor._getName() + ')');\n };\n\n /*\n * Overridden by ContentState and AdState. Should not be overriden elsewhere.\n */\n\n State.prototype.isAdState = function isAdState() {\n throw new Error('isAdState unimplemented for ' + this.constructor._getName());\n };\n\n /*\n * Overridden by Preroll and Postroll. Midrolls jump right into the ad break\n * so there is no \"waiting\" state for them.\n */\n\n State.prototype.isWaitingForAdBreak = function isWaitingForAdBreak() {\n return false;\n };\n\n /*\n * Overridden by Preroll, Midroll, and Postroll.\n */\n\n State.prototype.isContentResuming = function isContentResuming() {\n return false;\n };\n\n State.prototype.inAdBreak = function inAdBreak() {\n return false;\n };\n\n /*\n * Invoke event handler methods when events come in.\n */\n\n State.prototype.handleEvent = function handleEvent(type) {\n var player = this.player;\n\n if (type === 'play') {\n this.onPlay(player);\n } else if (type === 'adsready') {\n this.onAdsReady(player);\n } else if (type === 'adserror') {\n this.onAdsError(player);\n } else if (type === 'adscanceled') {\n this.onAdsCanceled(player);\n } else if (type === 'adtimeout') {\n this.onAdTimeout(player);\n } else if (type === 'ads-ad-started') {\n this.onAdStarted(player);\n } else if (type === 'contentchanged') {\n this.onContentChanged(player);\n } else if (type === 'contentresumed') {\n this.onContentResumed(player);\n } else if (type === 'readyforpostroll') {\n this.onReadyForPostroll(player);\n } else if (type === 'playing') {\n this.onPlaying(player);\n } else if (type === 'ended') {\n this.onEnded(player);\n } else if (type === 'nopreroll') {\n this.onNoPreroll(player);\n } else if (type === 'nopostroll') {\n this.onNoPostroll(player);\n } else if (type === 'adended') {\n this.onAdEnded(player);\n }\n };\n\n return State;\n}();\n\n/*\n * This class contains logic for all ads, be they prerolls, midrolls, or postrolls.\n * Primarily, this involves handling startLinearAdMode and endLinearAdMode.\n * It also handles content resuming.\n */\n\nvar AdState = function (_State) {\n inherits$2(AdState, _State);\n\n function AdState(player) {\n classCallCheck$2(this, AdState);\n\n var _this = possibleConstructorReturn$2(this, _State.call(this, player));\n\n _this.contentResuming = false;\n _this.waitingForAdBreak = false;\n return _this;\n }\n\n /*\n * Overrides State.isAdState\n */\n\n AdState.prototype.isAdState = function isAdState() {\n return true;\n };\n\n /*\n * We end the content-resuming process on the playing event because this is the exact\n * moment that content playback is no longer blocked by ads.\n */\n\n AdState.prototype.onPlaying = function onPlaying() {\n if (this.contentResuming) {\n this.transitionTo(ContentPlayback);\n }\n };\n\n /*\n * If the ad plugin does not result in a playing event when resuming content after an\n * ad, they should instead trigger a contentresumed event to signal that content should\n * resume. The main use case for this is when ads are stitched into the content video.\n */\n\n AdState.prototype.onContentResumed = function onContentResumed() {\n if (this.contentResuming) {\n this.transitionTo(ContentPlayback);\n }\n };\n\n /*\n * Check if we are in an ad state waiting for the ad plugin to start\n * an ad break.\n */\n\n AdState.prototype.isWaitingForAdBreak = function isWaitingForAdBreak() {\n return this.waitingForAdBreak;\n };\n\n /*\n * Allows you to check if content is currently resuming after an ad break.\n */\n\n AdState.prototype.isContentResuming = function isContentResuming() {\n return this.contentResuming;\n };\n\n /*\n * Allows you to check if an ad break is in progress.\n */\n\n AdState.prototype.inAdBreak = function inAdBreak() {\n return this.player.ads._inLinearAdMode === true;\n };\n\n return AdState;\n}(State);\n\nvar ContentState = function (_State) {\n inherits$2(ContentState, _State);\n\n function ContentState() {\n classCallCheck$2(this, ContentState);\n return possibleConstructorReturn$2(this, _State.apply(this, arguments));\n }\n\n /*\n * Overrides State.isAdState\n */\n ContentState.prototype.isAdState = function isAdState() {\n return false;\n };\n\n /*\n * Source change sends you back to preroll checks. contentchanged does not\n * fire during ad breaks, so we don't need to worry about that.\n */\n\n ContentState.prototype.onContentChanged = function onContentChanged(player) {\n player.ads.debug('Received contentchanged event (ContentState)');\n if (player.paused()) {\n this.transitionTo(BeforePreroll);\n } else {\n this.transitionTo(Preroll, false);\n player.pause();\n player.ads._pausedOnContentupdate = true;\n }\n };\n\n return ContentState;\n}(State);\n\n/*\nThe snapshot feature is responsible for saving the player state before an ad, then\nrestoring the player state after an ad.\n*/\n\nvar tryToResumeTimeout_ = void 0;\n\n/*\n * Returns an object that captures the portions of player state relevant to\n * video playback. The result of this function can be passed to\n * restorePlayerSnapshot with a player to return the player to the state it\n * was in when this function was invoked.\n * @param {Object} player The videojs player object\n */\nfunction getPlayerSnapshot(player) {\n var currentTime = void 0;\n\n if (videojs$1.browser.IS_IOS && player.ads.isLive(player)) {\n // Record how far behind live we are\n if (player.seekable().length > 0) {\n currentTime = player.currentTime() - player.seekable().end(0);\n } else {\n currentTime = player.currentTime();\n }\n } else {\n currentTime = player.currentTime();\n }\n\n var tech = player.$('.play-tech');\n var tracks = player.textTracks ? player.textTracks() : [];\n var suppressedTracks = [];\n var snapshotObject = {\n ended: player.ended(),\n currentSrc: player.currentSrc(),\n sources: player.currentSources(),\n src: player.tech_.src(),\n currentTime: currentTime,\n type: player.currentType()\n };\n\n if (tech) {\n snapshotObject.style = tech.getAttribute('style');\n }\n\n for (var i = 0; i < tracks.length; i++) {\n var track = tracks[i];\n\n suppressedTracks.push({\n track: track,\n mode: track.mode\n });\n track.mode = 'disabled';\n }\n snapshotObject.suppressedTracks = suppressedTracks;\n\n return snapshotObject;\n}\n\n/*\n * Attempts to modify the specified player so that its state is equivalent to\n * the state of the snapshot.\n * @param {Object} player - the videojs player object\n * @param {Object} snapshotObject - the player state to apply\n */\nfunction restorePlayerSnapshot(player, callback) {\n var snapshotObject = player.ads.snapshot;\n\n if (callback === undefined) {\n callback = function callback() {};\n }\n\n if (player.ads.disableNextSnapshotRestore === true) {\n player.ads.disableNextSnapshotRestore = false;\n delete player.ads.snapshot;\n callback();\n return;\n }\n\n // The playback tech\n var tech = player.$('.play-tech');\n\n // the number of[ remaining attempts to restore the snapshot\n var attempts = 20;\n\n var suppressedTracks = snapshotObject.suppressedTracks;\n\n var trackSnapshot = void 0;\n var restoreTracks = function restoreTracks() {\n for (var i = 0; i < suppressedTracks.length; i++) {\n trackSnapshot = suppressedTracks[i];\n trackSnapshot.track.mode = trackSnapshot.mode;\n }\n };\n\n // Finish restoring the playback state.\n // This only happens if the content video element was reused for ad playback.\n var resume = function resume() {\n var currentTime = void 0;\n\n // Live video on iOS has special logic to try to seek to the right place after\n // an ad.\n if (videojs$1.browser.IS_IOS && player.ads.isLive(player)) {\n if (snapshotObject.currentTime < 0) {\n // Playback was behind real time, so seek backwards to match\n if (player.seekable().length > 0) {\n currentTime = player.seekable().end(0) + snapshotObject.currentTime;\n } else {\n currentTime = player.currentTime();\n }\n player.currentTime(currentTime);\n }\n\n // iOS live play after restore if player was paused (would not be paused if\n // ad played muted behind ad)\n if (player.paused()) {\n var playPromise = player.play();\n\n if (playPromise && playPromise['catch']) {\n playPromise['catch'](function (error) {\n videojs$1.log.warn('Play promise rejected in IOS snapshot resume', error);\n });\n }\n }\n\n // Restore the video position after an ad.\n // We check snapshotObject.ended because the content starts at the beginning again\n // after being restored.\n } else if (snapshotObject.ended) {\n // For postrolls, seek to the player's current duration.\n // It could be different from the snapshot's currentTime due to\n // inaccuracy in HLS.\n player.currentTime(player.duration());\n } else {\n // Prerolls and midrolls, just seek to the player time before the ad.\n player.currentTime(snapshotObject.currentTime);\n var _playPromise = player.play();\n\n if (_playPromise && _playPromise['catch']) {\n _playPromise['catch'](function (error) {\n videojs$1.log.warn('Play promise rejected in snapshot resume', error);\n });\n }\n }\n\n // if we added autoplay to force content loading on iOS, remove it now\n // that it has served its purpose\n if (player.ads.shouldRemoveAutoplay_) {\n player.autoplay(false);\n player.ads.shouldRemoveAutoplay_ = false;\n }\n };\n\n // Determine if the video element has loaded enough of the snapshot source\n // to be ready to apply the rest of the state.\n // This only happens if the content video element was reused for ad playback.\n var tryToResume = function tryToResume() {\n\n // tryToResume can either have been called through the `contentcanplay`\n // event or fired through setTimeout.\n // When tryToResume is called, we should make sure to clear out the other\n // way it could've been called by removing the listener and clearing out\n // the timeout.\n player.off('contentcanplay', tryToResume);\n if (tryToResumeTimeout_) {\n player.clearTimeout(tryToResumeTimeout_);\n }\n\n // Tech may have changed depending on the differences in sources of the\n // original video and that of the ad\n tech = player.el().querySelector('.play-tech');\n\n if (tech.readyState > 1) {\n // some browsers and media aren't \"seekable\".\n // readyState greater than 1 allows for seeking without exceptions\n return resume();\n }\n\n if (tech.seekable === undefined) {\n // if the tech doesn't expose the seekable time ranges, try to\n // resume playback immediately\n return resume();\n }\n\n if (tech.seekable.length > 0) {\n // if some period of the video is seekable, resume playback\n return resume();\n }\n\n // delay a bit and then check again unless we're out of attempts\n if (attempts--) {\n player.setTimeout(tryToResume, 50);\n } else {\n try {\n resume();\n } catch (e) {\n videojs$1.log.warn('Failed to resume the content after an advertisement', e);\n }\n }\n };\n\n if ('style' in snapshotObject) {\n // overwrite all css style properties to restore state precisely\n tech.setAttribute('style', snapshotObject.style || '');\n }\n\n // Determine whether the player needs to be restored to its state\n // before ad playback began. With a custom ad display or burned-in\n // ads, the content player state hasn't been modified and so no\n // restoration is required\n\n if (player.ads.videoElementRecycled()) {\n // Snapshot restore is done, so now we're really finished.\n player.one('resumeended', function () {\n delete player.ads.snapshot;\n callback();\n });\n\n // on ios7, fiddling with textTracks too early will cause safari to crash\n player.one('contentloadedmetadata', restoreTracks);\n\n // adding autoplay guarantees that Safari will load the content so we can\n // seek back to the correct time after ads\n if (videojs$1.browser.IS_IOS && !player.autoplay()) {\n player.autoplay(true);\n\n // if we get here, the player was not originally configured to autoplay,\n // so we should remove it after it has served its purpose\n player.ads.shouldRemoveAutoplay_ = true;\n }\n\n // if the src changed for ad playback, reset it\n player.src(snapshotObject.sources);\n\n // and then resume from the snapshots time once the original src has loaded\n // in some browsers (firefox) `canplay` may not fire correctly.\n // Reace the `canplay` event with a timeout.\n player.one('contentcanplay', tryToResume);\n tryToResumeTimeout_ = player.setTimeout(tryToResume, 2000);\n } else {\n // if we didn't change the src, just restore the tracks\n restoreTracks();\n\n // we don't need to check snapshotObject.ended here because the content video\n // element wasn't recycled\n if (!player.ended()) {\n // the src didn't change and this wasn't a postroll\n // just resume playback at the current time.\n var playPromise = player.play();\n\n if (playPromise && playPromise['catch']) {\n playPromise['catch'](function (error) {\n videojs$1.log.warn('Play promise rejected in snapshot restore', error);\n });\n }\n }\n\n // snapshot restore is complete\n delete player.ads.snapshot;\n callback();\n }\n}\n\n/*\n * Encapsulates logic for starting and ending ad breaks. An ad break\n * is the time between startLinearAdMode and endLinearAdMode. The ad\n * plugin may play 0 or more ads during this time.\n */\n\nfunction start(player) {\n player.ads.debug('Starting ad break');\n\n player.ads._inLinearAdMode = true;\n\n // No longer does anything, used to move us to ad-playback\n player.trigger('adstart');\n\n // Capture current player state snapshot\n if (player.ads.shouldTakeSnapshots()) {\n player.ads.snapshot = getPlayerSnapshot(player);\n }\n\n // Mute the player behind the ad\n if (player.ads.shouldPlayContentBehindAd(player)) {\n player.ads.preAdVolume_ = player.volume();\n player.volume(0);\n }\n\n // Add css to the element to indicate and ad is playing.\n player.addClass('play-ad-playing');\n\n // We should remove the play-live class if it has been added in order to\n // show the adprogress control bar on Android devices for falsely\n // determined LIVE videos due to the duration incorrectly reported as Infinity\n if (player.hasClass('play-live')) {\n player.removeClass('play-live');\n }\n\n // This removes the native poster so the ads don't show the content\n // poster if content element is reused for ad playback.\n player.ads.removeNativePoster();\n}\n\nfunction end(player, callback) {\n player.ads.debug('Ending ad break');\n\n if (callback === undefined) {\n callback = function callback() {};\n }\n\n player.ads.adType = null;\n\n player.ads._inLinearAdMode = false;\n\n // Signals the end of the ad break to anyone listening.\n player.trigger('adend');\n\n player.removeClass('play-ad-playing');\n\n // We should add the play-live class back if the video is a LIVE video\n // If we dont do this, then for a LIVE Video, we will get an incorrect\n // styled control, which displays the time for the video\n if (player.ads.isLive(player)) {\n player.addClass('play-live');\n }\n\n // Restore snapshot\n if (player.ads.shouldTakeSnapshots()) {\n restorePlayerSnapshot(player, callback);\n\n // Reset the volume to pre-ad levels\n } else {\n player.volume(player.ads.preAdVolume_);\n callback();\n }\n}\n\nvar obj$1 = { start: start, end: end };\n\n/*\n * This state encapsulates waiting for prerolls, preroll playback, and\n * content restoration after a preroll.\n */\n\nvar Preroll = function (_AdState) {\n inherits$2(Preroll, _AdState);\n\n function Preroll() {\n classCallCheck$2(this, Preroll);\n return possibleConstructorReturn$2(this, _AdState.apply(this, arguments));\n }\n\n /*\n * Allows state name to be logged even after minification.\n */\n Preroll._getName = function _getName() {\n return 'Preroll';\n };\n\n /*\n * For state transitions to work correctly, initialization should\n * happen here, not in a constructor.\n */\n\n Preroll.prototype.init = function init(player, adsReady, shouldResumeToContent) {\n this.waitingForAdBreak = true;\n\n // Loading spinner from now until ad start or end of ad break.\n player.addClass('play-ad-loading');\n\n // If adserror, adscanceled, nopreroll or skipLinearAdMode already\n // ocurred, resume to content immediately\n if (shouldResumeToContent || player.ads.nopreroll_) {\n return this.resumeAfterNoPreroll(player);\n }\n\n // Determine preroll timeout based on plugin settings\n var timeout = player.ads.settings.timeout;\n\n if (typeof player.ads.settings.prerollTimeout === 'number') {\n timeout = player.ads.settings.prerollTimeout;\n }\n\n // Start the clock ticking for ad timeout\n this._timeout = player.setTimeout(function () {\n player.trigger('adtimeout');\n }, timeout);\n\n // If adsready already happened, lets get started. Otherwise,\n // wait until onAdsReady.\n if (adsReady) {\n this.handleAdsReady();\n } else {\n this.adsReady = false;\n }\n };\n\n /*\n * Adsready event after play event.\n */\n\n Preroll.prototype.onAdsReady = function onAdsReady(player) {\n if (!player.ads.inAdBreak()) {\n player.ads.debug('Received adsready event (Preroll)');\n this.handleAdsReady();\n } else {\n videojs$1.log.warn('Unexpected adsready event (Preroll)');\n }\n };\n\n /*\n * Ad plugin is ready. Let's get started on this preroll.\n */\n\n Preroll.prototype.handleAdsReady = function handleAdsReady() {\n this.adsReady = true;\n this.readyForPreroll();\n };\n\n /*\n * Helper to call a callback only after a loadstart event.\n * If we start content or ads before loadstart, loadstart\n * will not be prefixed correctly.\n */\n\n Preroll.prototype.afterLoadStart = function afterLoadStart(callback) {\n var player = this.player;\n\n if (player.ads._hasThereBeenALoadStartDuringPlayerLife) {\n callback();\n } else {\n player.ads.debug('Waiting for loadstart...');\n player.one('loadstart', function () {\n player.ads.debug('Received loadstart event');\n callback();\n });\n }\n };\n\n /*\n * If there is no preroll, play content instead.\n */\n\n Preroll.prototype.noPreroll = function noPreroll() {\n var _this2 = this;\n\n this.afterLoadStart(function () {\n _this2.player.ads.debug('Skipping prerolls due to nopreroll event (Preroll)');\n _this2.resumeAfterNoPreroll(_this2.player);\n });\n };\n\n /*\n * Fire the readyforpreroll event. If loadstart hasn't happened yet,\n * wait until loadstart first.\n */\n\n Preroll.prototype.readyForPreroll = function readyForPreroll() {\n var player = this.player;\n\n this.afterLoadStart(function () {\n player.ads.debug('Triggered readyforpreroll event (Preroll)');\n player.trigger('readyforpreroll');\n });\n };\n\n /*\n * adscanceled cancels all ads for the source. Play content now.\n */\n\n Preroll.prototype.onAdsCanceled = function onAdsCanceled(player) {\n var _this3 = this;\n\n player.ads.debug('adscanceled (Preroll)');\n\n this.afterLoadStart(function () {\n _this3.resumeAfterNoPreroll(player);\n });\n };\n\n /*\n * An ad error occured. Play content instead.\n */\n\n Preroll.prototype.onAdsError = function onAdsError(player) {\n var _this4 = this;\n\n videojs$1.log('adserror (Preroll)');\n // In the future, we may not want to do this automatically.\n // Ad plugins should be able to choose to continue the ad break\n // if there was an error.\n if (this.inAdBreak()) {\n player.ads.endLinearAdMode();\n } else {\n this.afterLoadStart(function () {\n _this4.resumeAfterNoPreroll(player);\n });\n }\n };\n\n /*\n * Ad plugin invoked startLinearAdMode, the ad break starts now.\n */\n\n Preroll.prototype.startLinearAdMode = function startLinearAdMode() {\n var player = this.player;\n\n if (this.adsReady && !player.ads.inAdBreak() && !this.isContentResuming()) {\n player.clearTimeout(this._timeout);\n player.ads.adType = 'preroll';\n this.waitingForAdBreak = false;\n obj$1.start(player);\n\n // We don't need to block play calls anymore\n player.ads._shouldBlockPlay = false;\n } else {\n videojs$1.log.warn('Unexpected startLinearAdMode invocation (Preroll)');\n }\n };\n\n /*\n * An ad has actually started playing.\n * Remove the loading spinner.\n */\n\n Preroll.prototype.onAdStarted = function onAdStarted(player) {\n player.removeClass('play-ad-loading');\n };\n\n /*\n * Ad plugin invoked endLinearAdMode, the ad break ends now.\n */\n\n Preroll.prototype.endLinearAdMode = function endLinearAdMode() {\n var player = this.player;\n\n if (this.inAdBreak()) {\n player.removeClass('play-ad-loading');\n player.addClass('play-ad-content-resuming');\n this.contentResuming = true;\n obj$1.end(player);\n }\n };\n\n /*\n * Ad skipped by ad plugin. Play content instead.\n */\n\n Preroll.prototype.skipLinearAdMode = function skipLinearAdMode() {\n var _this5 = this;\n\n var player = this.player;\n\n if (player.ads.inAdBreak() || this.isContentResuming()) {\n videojs$1.log.warn('Unexpected skipLinearAdMode invocation');\n } else {\n this.afterLoadStart(function () {\n player.trigger('adskip');\n player.ads.debug('skipLinearAdMode (Preroll)');\n _this5.resumeAfterNoPreroll(player);\n });\n }\n };\n\n /*\n * Prerolls took too long! Play content instead.\n */\n\n Preroll.prototype.onAdTimeout = function onAdTimeout(player) {\n var _this6 = this;\n\n this.afterLoadStart(function () {\n player.ads.debug('adtimeout (Preroll)');\n _this6.resumeAfterNoPreroll(player);\n });\n };\n\n /*\n * Check if nopreroll event was too late before handling it.\n */\n\n Preroll.prototype.onNoPreroll = function onNoPreroll(player) {\n if (player.ads.inAdBreak() || this.isContentResuming()) {\n videojs$1.log.warn('Unexpected nopreroll event (Preroll)');\n } else {\n this.noPreroll();\n }\n };\n\n Preroll.prototype.resumeAfterNoPreroll = function resumeAfterNoPreroll(player) {\n // Resume to content and unblock play as there is no preroll ad\n this.contentResuming = true;\n player.ads._shouldBlockPlay = false;\n\n // Play the content if we had requested play or we paused on 'contentupdate'\n // and we haven't played yet. This happens if there was no preroll or if it\n // errored, timed out, etc. Otherwise snapshot restore would play.\n if (player.paused() && (player.ads._playRequested || player.ads._pausedOnContentupdate)) {\n player.play();\n }\n };\n\n /*\n * Cleanup timeouts and spinner.\n */\n\n Preroll.prototype.cleanup = function cleanup(player) {\n if (!player.ads._hasThereBeenALoadStartDuringPlayerLife) {\n videojs$1.log.warn('Leaving Preroll state before loadstart event can cause issues.');\n }\n\n player.removeClass('play-ad-loading');\n player.removeClass('play-ad-content-resuming');\n player.clearTimeout(this._timeout);\n };\n\n return Preroll;\n}(AdState);\n\nvar Midroll = function (_AdState) {\n inherits$2(Midroll, _AdState);\n\n function Midroll() {\n classCallCheck$2(this, Midroll);\n return possibleConstructorReturn$2(this, _AdState.apply(this, arguments));\n }\n\n /*\n * Allows state name to be logged even after minification.\n */\n Midroll._getName = function _getName() {\n return 'Midroll';\n };\n\n /*\n * Midroll breaks happen when the ad plugin calls startLinearAdMode,\n * which can happen at any time during content playback.\n */\n\n Midroll.prototype.init = function init(player) {\n player.ads.adType = 'midroll';\n obj$1.start(player);\n player.addClass('play-ad-loading');\n };\n\n /*\n * An ad has actually started playing.\n * Remove the loading spinner.\n */\n\n Midroll.prototype.onAdStarted = function onAdStarted(player) {\n player.removeClass('play-ad-loading');\n };\n\n /*\n * Midroll break is done.\n */\n\n Midroll.prototype.endLinearAdMode = function endLinearAdMode() {\n var player = this.player;\n\n if (this.inAdBreak()) {\n this.contentResuming = true;\n player.addClass('play-ad-content-resuming');\n player.removeClass('play-ad-loading');\n obj$1.end(player);\n }\n };\n\n /*\n * End midroll break if there is an error.\n */\n\n Midroll.prototype.onAdsError = function onAdsError(player) {\n // In the future, we may not want to do this automatically.\n // Ad plugins should be able to choose to continue the ad break\n // if there was an error.\n if (this.inAdBreak()) {\n player.ads.endLinearAdMode();\n }\n };\n\n /*\n * Cleanup CSS classes.\n */\n\n Midroll.prototype.cleanup = function cleanup(player) {\n player.removeClass('play-ad-loading');\n player.removeClass('play-ad-content-resuming');\n };\n\n return Midroll;\n}(AdState);\n\nvar Postroll = function (_AdState) {\n inherits$2(Postroll, _AdState);\n\n function Postroll() {\n classCallCheck$2(this, Postroll);\n return possibleConstructorReturn$2(this, _AdState.apply(this, arguments));\n }\n\n /*\n * Allows state name to be logged even after minification.\n */\n Postroll._getName = function _getName() {\n return 'Postroll';\n };\n\n /*\n * For state transitions to work correctly, initialization should\n * happen here, not in a constructor.\n */\n\n Postroll.prototype.init = function init(player) {\n this.waitingForAdBreak = true;\n\n // Legacy name that now simply means \"handling postrolls\".\n player.ads._contentEnding = true;\n\n // Start postroll process.\n if (!player.ads.nopostroll_) {\n player.addClass('play-ad-loading');\n\n // Determine postroll timeout based on plugin settings\n var timeout = player.ads.settings.timeout;\n\n if (typeof player.ads.settings.postrollTimeout === 'number') {\n timeout = player.ads.settings.postrollTimeout;\n }\n\n this._postrollTimeout = player.setTimeout(function () {\n player.trigger('adtimeout');\n }, timeout);\n\n // No postroll, ads are done\n } else {\n this.resumeContent(player);\n this.transitionTo(AdsDone);\n }\n };\n\n /*\n * Start the postroll if it's not too late.\n */\n\n Postroll.prototype.startLinearAdMode = function startLinearAdMode() {\n var player = this.player;\n\n if (!player.ads.inAdBreak() && !this.isContentResuming()) {\n player.ads.adType = 'postroll';\n player.clearTimeout(this._postrollTimeout);\n this.waitingForAdBreak = false;\n obj$1.start(player);\n } else {\n videojs$1.log.warn('Unexpected startLinearAdMode invocation (Postroll)');\n }\n };\n\n /*\n * An ad has actually started playing.\n * Remove the loading spinner.\n */\n\n Postroll.prototype.onAdStarted = function onAdStarted(player) {\n player.removeClass('play-ad-loading');\n };\n\n /*\n * Ending a postroll triggers the ended event.\n */\n\n Postroll.prototype.endLinearAdMode = function endLinearAdMode() {\n var _this2 = this;\n\n var player = this.player;\n\n if (this.inAdBreak()) {\n player.removeClass('play-ad-loading');\n this.resumeContent(player);\n obj$1.end(player, function () {\n _this2.transitionTo(AdsDone);\n });\n }\n };\n\n /*\n * Postroll skipped, time to clean up.\n */\n\n Postroll.prototype.skipLinearAdMode = function skipLinearAdMode() {\n var player = this.player;\n\n if (player.ads.inAdBreak() || this.isContentResuming()) {\n videojs$1.log.warn('Unexpected skipLinearAdMode invocation');\n } else {\n player.ads.debug('Postroll abort (skipLinearAdMode)');\n player.trigger('adskip');\n this.abort(player);\n }\n };\n\n /*\n * Postroll timed out, time to clean up.\n */\n\n Postroll.prototype.onAdTimeout = function onAdTimeout(player) {\n player.ads.debug('Postroll abort (adtimeout)');\n this.abort(player);\n };\n\n /*\n * Postroll errored out, time to clean up.\n */\n\n Postroll.prototype.onAdsError = function onAdsError(player) {\n player.ads.debug('Postroll abort (adserror)');\n\n // In the future, we may not want to do this automatically.\n // Ad plugins should be able to choose to continue the ad break\n // if there was an error.\n if (player.ads.inAdBreak()) {\n player.ads.endLinearAdMode();\n } else {\n this.abort(player);\n }\n };\n\n /*\n * Handle content change if we're not in an ad break.\n */\n\n Postroll.prototype.onContentChanged = function onContentChanged(player) {\n // Content resuming after Postroll. Content is paused\n // at this point, since it is done playing.\n if (this.isContentResuming()) {\n this.transitionTo(BeforePreroll);\n\n // Waiting for postroll to start. Content is considered playing\n // at this point, since it had to be playing to start the postroll.\n } else if (!this.inAdBreak()) {\n this.transitionTo(Preroll);\n }\n };\n\n /*\n * Wrap up if there is no postroll.\n */\n\n Postroll.prototype.onNoPostroll = function onNoPostroll(player) {\n if (!this.isContentResuming() && !this.inAdBreak()) {\n this.abort(player);\n } else {\n videojs$1.log.warn('Unexpected nopostroll event (Postroll)');\n }\n };\n\n Postroll.prototype.resumeContent = function resumeContent(player) {\n this.contentResuming = true;\n player.addClass('play-ad-content-resuming');\n };\n\n /*\n * Helper for ending Postrolls. In the future we may want to\n * refactor this class so that `cleanup` handles all of this.\n */\n\n Postroll.prototype.abort = function abort(player) {\n this.resumeContent(player);\n player.removeClass('play-ad-loading');\n this.transitionTo(AdsDone);\n };\n\n /*\n * Cleanup timeouts and state.\n */\n\n Postroll.prototype.cleanup = function cleanup(player) {\n player.removeClass('play-ad-content-resuming');\n player.clearTimeout(this._postrollTimeout);\n player.ads._contentEnding = false;\n };\n\n return Postroll;\n}(AdState);\n\n/*\n * This is the initial state for a player with an ad plugin. Normally, it remains in this\n * state until a \"play\" event is seen. After that, we enter the Preroll state to check for\n * prerolls. This happens regardless of whether or not any prerolls ultimately will play.\n * Errors and other conditions may lead us directly from here to ContentPlayback.\n */\n\nvar BeforePreroll = function (_ContentState) {\n inherits$2(BeforePreroll, _ContentState);\n\n function BeforePreroll() {\n classCallCheck$2(this, BeforePreroll);\n return possibleConstructorReturn$2(this, _ContentState.apply(this, arguments));\n }\n\n /*\n * Allows state name to be logged even after minification.\n */\n BeforePreroll._getName = function _getName() {\n return 'BeforePreroll';\n };\n\n /*\n * For state transitions to work correctly, initialization should\n * happen here, not in a constructor.\n */\n\n BeforePreroll.prototype.init = function init(player) {\n this.adsReady = false;\n this.shouldResumeToContent = false;\n\n // Content playback should be blocked until we are done\n // playing ads or we know there are no ads to play\n player.ads._shouldBlockPlay = true;\n };\n\n /*\n * The ad plugin may trigger adsready before the play request. If so,\n * we record that adsready already happened so the Preroll state will know.\n */\n\n BeforePreroll.prototype.onAdsReady = function onAdsReady(player) {\n player.ads.debug('Received adsready event (BeforePreroll)');\n this.adsReady = true;\n };\n\n /*\n * Ad mode officially begins on the play request, because at this point\n * content playback is blocked by the ad plugin.\n */\n\n BeforePreroll.prototype.onPlay = function onPlay(player) {\n player.ads.debug('Received play event (BeforePreroll)');\n\n // Check for prerolls\n this.transitionTo(Preroll, this.adsReady, this.shouldResumeToContent);\n };\n\n /*\n * All ads for the entire video are canceled.\n */\n\n BeforePreroll.prototype.onAdsCanceled = function onAdsCanceled(player) {\n player.ads.debug('adscanceled (BeforePreroll)');\n this.shouldResumeToContent = true;\n };\n\n /*\n * An ad error occured. Play content instead.\n */\n\n BeforePreroll.prototype.onAdsError = function onAdsError() {\n this.player.ads.debug('adserror (BeforePreroll)');\n this.shouldResumeToContent = true;\n };\n\n /*\n * If there is no preroll, don't wait for a play event to move forward.\n */\n\n BeforePreroll.prototype.onNoPreroll = function onNoPreroll() {\n this.player.ads.debug('Skipping prerolls due to nopreroll event (BeforePreroll)');\n this.shouldResumeToContent = true;\n };\n\n /*\n * Prerolls skipped by ad plugin. Play content instead.\n */\n\n BeforePreroll.prototype.skipLinearAdMode = function skipLinearAdMode() {\n var player = this.player;\n\n player.trigger('adskip');\n player.ads.debug('skipLinearAdMode (BeforePreroll)');\n this.shouldResumeToContent = true;\n };\n\n BeforePreroll.prototype.onContentChanged = function onContentChanged() {\n this.init(this.player);\n };\n\n return BeforePreroll;\n}(ContentState);\n\n/*\n * This state represents content playback the first time through before\n * content ends. After content has ended once, we check for postrolls and\n * move on to the AdsDone state rather than returning here.\n */\n\nvar ContentPlayback = function (_ContentState) {\n inherits$2(ContentPlayback, _ContentState);\n\n function ContentPlayback() {\n classCallCheck$2(this, ContentPlayback);\n return possibleConstructorReturn$2(this, _ContentState.apply(this, arguments));\n }\n\n /*\n * Allows state name to be logged even after minification.\n */\n ContentPlayback._getName = function _getName() {\n return 'ContentPlayback';\n };\n\n /*\n * For state transitions to work correctly, initialization should\n * happen here, not in a constructor.\n */\n\n ContentPlayback.prototype.init = function init(player) {\n // Don't block calls to play in content playback\n player.ads._shouldBlockPlay = false;\n };\n\n /*\n * In the case of a timeout, adsready might come in late. This assumes the behavior\n * that if an ad times out, it could still interrupt the content and start playing.\n * An ad plugin could behave otherwise by ignoring this event.\n */\n\n ContentPlayback.prototype.onAdsReady = function onAdsReady(player) {\n player.ads.debug('Received adsready event (ContentPlayback)');\n\n if (!player.ads.nopreroll_) {\n player.ads.debug('Triggered readyforpreroll event (ContentPlayback)');\n player.trigger('readyforpreroll');\n }\n };\n\n /*\n * Content ended before postroll checks.\n */\n\n ContentPlayback.prototype.onReadyForPostroll = function onReadyForPostroll(player) {\n player.ads.debug('Received readyforpostroll event');\n this.transitionTo(Postroll);\n };\n\n /*\n * This is how midrolls start.\n */\n\n ContentPlayback.prototype.startLinearAdMode = function startLinearAdMode() {\n this.transitionTo(Midroll);\n };\n\n return ContentPlayback;\n}(ContentState);\n\nvar AdsDone = function (_ContentState) {\n inherits$2(AdsDone, _ContentState);\n\n function AdsDone() {\n classCallCheck$2(this, AdsDone);\n return possibleConstructorReturn$2(this, _ContentState.apply(this, arguments));\n }\n\n /*\n * Allows state name to be logged even after minification.\n */\n AdsDone._getName = function _getName() {\n return 'AdsDone';\n };\n\n /*\n * For state transitions to work correctly, initialization should\n * happen here, not in a constructor.\n */\n\n AdsDone.prototype.init = function init(player) {\n // From now on, `ended` events won't be redispatched\n player.ads._contentHasEnded = true;\n player.trigger('ended');\n };\n\n /*\n * Midrolls do not play after ads are done.\n */\n\n AdsDone.prototype.startLinearAdMode = function startLinearAdMode() {\n videojs$1.log.warn('Unexpected startLinearAdMode invocation (AdsDone)');\n };\n\n return AdsDone;\n}(ContentState);\n\nvar StitchedAdRoll = function (_AdState) {\n inherits$2(StitchedAdRoll, _AdState);\n\n function StitchedAdRoll() {\n classCallCheck$2(this, StitchedAdRoll);\n return possibleConstructorReturn$2(this, _AdState.apply(this, arguments));\n }\n\n /*\n * Allows state name to be logged even after minification.\n */\n StitchedAdRoll._getName = function _getName() {\n return 'StitchedAdRoll';\n };\n\n /*\n * StitchedAdRoll breaks happen when the ad plugin calls startLinearAdMode,\n * which can happen at any time during content playback.\n */\n\n StitchedAdRoll.prototype.init = function init() {\n this.waitingForAdBreak = false;\n this.contentResuming = false;\n this.player.ads.adType = 'stitched';\n obj$1.start(this.player);\n };\n\n /*\n * For stitched ads, there is no \"content resuming\" scenario, so a \"playing\"\n * event is not relevant.\n */\n\n StitchedAdRoll.prototype.onPlaying = function onPlaying() {};\n\n /*\n * For stitched ads, there is no \"content resuming\" scenario, so a\n * \"contentresumed\" event is not relevant.\n */\n\n StitchedAdRoll.prototype.onContentResumed = function onContentResumed() {};\n\n /*\n * When we see an \"adended\" event, it means that we are in a postroll that\n * has ended (because the media ended and we are still in an ad state).\n *\n * In these cases, we transition back to content mode and fire ended.\n */\n\n StitchedAdRoll.prototype.onAdEnded = function onAdEnded() {\n this.endLinearAdMode();\n this.player.trigger('ended');\n };\n\n /*\n * StitchedAdRoll break is done.\n */\n\n StitchedAdRoll.prototype.endLinearAdMode = function endLinearAdMode() {\n obj$1.end(this.player);\n this.transitionTo(StitchedContentPlayback);\n };\n\n return StitchedAdRoll;\n}(AdState);\n\n/*\n * This state represents content playback when stitched ads are in play.\n */\n\nvar StitchedContentPlayback = function (_ContentState) {\n inherits$2(StitchedContentPlayback, _ContentState);\n\n function StitchedContentPlayback() {\n classCallCheck$2(this, StitchedContentPlayback);\n return possibleConstructorReturn$2(this, _ContentState.apply(this, arguments));\n }\n\n /*\n * Allows state name to be logged even after minification.\n */\n StitchedContentPlayback._getName = function _getName() {\n return 'StitchedContentPlayback';\n };\n\n /*\n * For state transitions to work correctly, initialization should\n * happen here, not in a constructor.\n */\n\n StitchedContentPlayback.prototype.init = function init() {\n\n // Don't block calls to play in stitched ad players, ever.\n this.player.ads._shouldBlockPlay = false;\n };\n\n /*\n * Source change does not do anything for stitched ad players.\n * contentchanged does not fire during ad breaks, so we don't need to\n * worry about that.\n */\n\n StitchedContentPlayback.prototype.onContentChanged = function onContentChanged() {\n this.player.ads.debug('Received contentchanged event (' + this._getName() + ')');\n };\n\n /*\n * This is how stitched ads start.\n */\n\n StitchedContentPlayback.prototype.startLinearAdMode = function startLinearAdMode() {\n this.transitionTo(StitchedAdRoll);\n };\n\n return StitchedContentPlayback;\n}(ContentState);\n\n/*\n * This file is necessary to avoid this rollup issue:\n * https://github.com/rollup/rollup/issues/1089\n */\n\n/*\nThis main plugin file is responsible for the public API and enabling the features\nthat live in in separate files.\n*/\n\nvar isMiddlewareMediatorSupported = obj.isMiddlewareMediatorSupported;\n\nvar VIDEO_EVENTS = videojs$1.getTech('Html5').Events;\n\n// Default settings\nvar defaults$6 = {\n // Maximum amount of time in ms to wait to receive `adsready` from the ad\n // implementation after play has been requested. Ad implementations are\n // expected to load any dynamic libraries and make any requests to determine\n // ad policies for a video during this time.\n timeout: 5000,\n\n // Maximum amount of time in ms to wait for the ad implementation to start\n // linear ad mode after `readyforpreroll` has fired. This is in addition to\n // the standard timeout.\n prerollTimeout: undefined,\n\n // Maximum amount of time in ms to wait for the ad implementation to start\n // linear ad mode after `readyforpostroll` has fired.\n postrollTimeout: undefined,\n\n // When truthy, instructs the plugin to output additional information about\n // plugin state to the video.js log. On most devices, the video.js log is\n // the same as the developer console.\n debug: false,\n\n // Set this to true when using ads that are part of the content video\n stitchedAds: false,\n\n // Force content to be treated as live or not live\n // if not defined, the code will try to infer if content is live,\n // which can have limitations.\n contentIsLive: undefined,\n\n // If set to true, content will play muted behind ads on supported platforms. This is\n // to support ads on video metadata cuepoints during a live stream. It also results in\n // more precise resumes after ads during a live stream.\n liveCuePoints: true\n};\n\nvar contribAdsPlugin = function contribAdsPlugin(options) {\n\n var player = this; // eslint-disable-line consistent-this\n\n var settings = videojs$1.mergeOptions(defaults$6, options);\n\n // Prefix all video element events during ad playback\n // if the video element emits ad-related events directly,\n // plugins that aren't ad-aware will break. prefixing allows\n // plugins that wish to handle ad events to do so while\n // avoiding the complexity for common usage\n var videoEvents = VIDEO_EVENTS.concat(['firstplay', 'loadedalldata', 'playing']);\n\n // Set up redispatching of player events\n player.on(videoEvents, redispatch);\n\n // Set up features to block content playback while waiting for ads.\n // Play middleware is only supported on later versions of video.js\n // and on desktop currently(as the user-gesture requirement on mobile\n // will disallow calling play once play blocking is lifted)\n // The middleware must also be registered outside of the plugin,\n // to avoid a middleware factory being created for each player\n if (!isMiddlewareMediatorSupported()) {\n initCancelContentPlay(player, settings.debug);\n }\n\n // If we haven't seen a loadstart after 5 seconds, the plugin was not initialized\n // correctly.\n player.setTimeout(function () {\n if (!player.ads._hasThereBeenALoadStartDuringPlayerLife && player.src() !== '') {\n videojs$1.log.error('videojs-contrib-ads has not seen a loadstart event 5 seconds ' + 'after being initialized, but a source is present. This indicates that ' + 'videojs-contrib-ads was initialized too late. It must be initialized ' + 'immediately after video.js in the same tick. As a result, some ads will not ' + 'play and some media events will be incorrect. For more information, see ' + 'http://videojs.github.io/videojs-contrib-ads/integrator/getting-started.html');\n }\n }, 5000);\n\n // \"play-has-started\" should be present at the end of a video. This makes sure it's\n // always there.\n player.on('ended', function () {\n if (!player.hasClass('play-has-started')) {\n player.addClass('play-has-started');\n }\n });\n\n // video.js removes the play-waiting class on timeupdate. We want\n // to make sure this still happens during content restoration.\n player.on('contenttimeupdate', function () {\n player.removeClass('play-waiting');\n });\n\n // We now auto-play when an ad gets loaded if we're playing ads in the same video\n // element as the content.\n // The problem is that in IE11, we cannot play in addurationchange but in iOS8, we\n // cannot play from adcanplay.\n // This will prevent ad plugins from needing to do this themselves.\n player.on(['addurationchange', 'adcanplay'], function () {\n if (player.ads.snapshot && player.currentSrc() === player.ads.snapshot.currentSrc) {\n return;\n }\n\n // If an ad isn't playing, don't try to play an ad. This could result from prefixed\n // events when the player is blocked by a preroll check, but there is no preroll.\n if (!player.ads.inAdBreak()) {\n return;\n }\n\n var playPromise = player.play();\n\n if (playPromise && playPromise['catch']) {\n playPromise['catch'](function (error) {\n videojs$1.log.warn('Play promise rejected when playing ad', error);\n });\n }\n });\n\n player.on('nopreroll', function () {\n player.ads.debug('Received nopreroll event');\n player.ads.nopreroll_ = true;\n });\n\n player.on('nopostroll', function () {\n player.ads.debug('Received nopostroll event');\n player.ads.nopostroll_ = true;\n });\n\n // Restart the cancelContentPlay process.\n player.on('playing', function () {\n player.ads._cancelledPlay = false;\n player.ads._pausedOnContentupdate = false;\n });\n\n // Keep track of whether a play event has happened\n player.on('play', function () {\n player.ads._playRequested = true;\n });\n\n player.one('loadstart', function () {\n player.ads._hasThereBeenALoadStartDuringPlayerLife = true;\n });\n\n player.on('loadeddata', function () {\n player.ads._hasThereBeenALoadedData = true;\n });\n\n player.on('loadedmetadata', function () {\n player.ads._hasThereBeenALoadedMetaData = true;\n });\n\n // Replace the plugin constructor with the ad namespace\n player.ads = getAds(player);\n\n player.ads.settings = settings;\n\n // Set the stitched ads state. This needs to happen before the `_state` is\n // initialized below - BeforePreroll needs to know whether contrib-ads is\n // playing stitched ads or not.\n // The setter is deprecated, so this does not use it.\n // But first, cast to boolean.\n settings.stitchedAds = !!settings.stitchedAds;\n\n if (settings.stitchedAds) {\n player.ads._state = new StitchedContentPlayback(player);\n } else {\n player.ads._state = new BeforePreroll(player);\n }\n\n player.ads._state.init(player);\n\n player.ads.cueTextTracks = cueTextTracks;\n player.ads.adMacroReplacement = adMacroReplacement.bind(player);\n\n // Start sending contentupdate and contentchanged events for this player\n initializeContentupdate(player);\n\n // Global contentchanged handler for resetting plugin state\n player.on('contentchanged', player.ads.reset);\n\n // A utility method for textTrackChangeHandler to define the conditions\n // when text tracks should be disabled.\n // Currently this includes:\n // - on iOS with native text tracks, during an ad playing\n var shouldDisableTracks = function shouldDisableTracks() {\n // If the platform matches iOS with native text tracks\n // and this occurs during ad playback, we should disable tracks again.\n // If shouldPlayContentBehindAd, no special handling is needed.\n return !player.ads.shouldPlayContentBehindAd(player) && player.ads.inAdBreak() && player.tech_.featuresNativeTextTracks && videojs$1.browser.IS_IOS &&\n // older versions of video.js did not use an emulated textTrackList\n !Array.isArray(player.textTracks());\n };\n\n /*\n * iOS Safari will change caption mode to 'showing' if a user previously\n * turned captions on manually for that video source, so this TextTrackList\n * 'change' event handler will re-disable them in case that occurs during ad playback\n */\n var textTrackChangeHandler = function textTrackChangeHandler() {\n var textTrackList = player.textTracks();\n\n if (shouldDisableTracks()) {\n // We must double check all tracks\n for (var i = 0; i < textTrackList.length; i++) {\n var track = textTrackList[i];\n\n if (track.mode === 'showing') {\n track.mode = 'disabled';\n }\n }\n }\n };\n\n // Add the listener to the text track list\n player.ready(function () {\n player.textTracks().addEventListener('change', textTrackChangeHandler);\n });\n\n // Event handling for the current state.\n player.on(['play', 'playing', 'ended', 'adsready', 'adscanceled', 'adskip', 'adserror', 'adtimeout', 'adended', 'ads-ad-started', 'contentchanged', 'dispose', 'contentresumed', 'readyforpostroll', 'nopreroll', 'nopostroll'], function (e) {\n player.ads._state.handleEvent(e.type);\n });\n\n // Clear timeouts and handlers when player is disposed\n player.on('dispose', function () {\n player.ads.reset();\n player.textTracks().removeEventListener('change', textTrackChangeHandler);\n });\n};\n\n// Expose the contrib-ads version before it is initialized. Will be replaced\n// after initialization in ads.js\ncontribAdsPlugin.VERSION = version$3;\n\n// Attempt to register the plugin, if we can.\nregister(contribAdsPlugin);\n\n(function (videojs) {\n\n var defaults = {\n markers: true,\n flashWrapperPath: \"/VPAIDFlash.swf\",\n debug: false\n };\n\n // var registerPlugin = videojs.registerPlugin || videojs.plugin;\n\n var vastWaterfall = function vastWaterfall(options) {\n var player = this;\n\n options = videojs.mergeOptions(defaults, options);\n\n var markers = [];\n\n var playedMidrolls = [];\n var closestMidroll = 0;\n\n var lastTime = 0;\n\n var techScreen = player.el().querySelector(\".vjs-tech\");\n\n var vpaidContainer = document.createElement(\"div\");\n vpaidContainer.className = \"play-vpaid-wrapper\";\n player.el().insertBefore(vpaidContainer, player.controlBar.el());\n\n var skipButton = document.createElement(\"div\");\n skipButton.className = \"play-skip-button\";\n skipButton.innerText = \"Skip this ad\";\n skipButton.style.display = \"none\";\n player.el().insertBefore(skipButton, player.controlBar.el());\n\n var vastClient = new VAST.VASTClient();\n var vastParser = new VAST.VASTParser();\n var vastTracker;\n\n if (!player.ads) return;\n player.ads(options);\n\n if (options.midroll) {\n for (var m = 0; m < options.midroll.length; m++) {\n playedMidrolls[options.midroll[m].time] = false;\n }\n\n player.on(\"contentloadedmetadata\", function () {\n debugLog(\"Ready\");\n addMarkers();\n });\n\n player.on(\"timeupdate\", function (event) {\n if (player.ads.isInAdMode()) return;\n\n var opportunity;\n\n closestMidroll = Math.min.apply(Math, options.midroll.map(function (midroll) {\n return midroll.time;\n }));\n\n for (var m = 0; m < options.midroll.length; m++) {\n if (player.currentTime() > options.midroll[m].time) closestMidroll = options.midroll[m].time;\n }\n\n if (playedMidrolls[closestMidroll]) return;\n\n if (lastTime) {\n opportunity = player.currentTime() > closestMidroll && lastTime < closestMidroll;\n }\n\n lastTime = player.currentTime();\n if (opportunity) prepareAds(\"midroll\");\n });\n }\n\n player.on(\"contentchanged\", function () {\n player.trigger(\"adsready\");\n });\n\n player.on(\"readyforpreroll\", function () {\n if (options.preroll) {\n player.currentTime(0);\n prepareAds(\"preroll\");\n } else {\n player.trigger(\"nopreroll\");\n player.one(\"loadedmetadata\", addMarkers);\n }\n });\n\n player.on(\"readyforpostroll\", function () {\n if (options.postroll) prepareAds(\"postroll\");else player.trigger(\"nopostroll\");\n });\n\n player.trigger(\"adsready\");\n\n function addMarkers() {\n for (var m = 0; m < options.midroll.length; m++) {\n if (options.markers && !markers.includes(options.midroll[m].time)) {\n markers.push(options.midroll[m].time);\n var newMarker = document.createElement(\"div\");\n newMarker.className = \"play-midroll-marker\";\n newMarker.style.left = options.midroll[m].time / player.duration() * 100 + \"%\";\n player.el().querySelector(\".play-progress-holder\").appendChild(newMarker);\n }\n }\n }\n\n function initTracker(ad, creative) {\n vastTracker = new VAST.VASTTracker(vastClient, ad, creative);\n if (options.skipDelay) vastTracker.setSkipDelay(options.skipDelay);\n vastTracker.trackImpression();\n\n vpaidContainer.addEventListener(\"click\", trackerClick);\n\n skipButton.addEventListener(\"click\", skipAd);\n\n vastTracker.on(\"clickthrough\", clickThrough);\n\n player.on(\"adtimeupdate\", trackProgress);\n player.on(\"advolumechange\", trackerVolumeChange);\n player.on(\"adpause\", trackerPause);\n player.on(\"adplay\", trackerPlay);\n player.on(\"fullscreenchange\", trackerFullscreenCheck);\n window.addEventListener(\"beforeunload\", fireClose);\n\n player.one(\"adended\", function () {\n vastTracker.complete();\n vastTracker = null;\n skipButton.removeEventListener(\"click\", skipAd);\n vpaidContainer.removeEventListener(\"click\", trackerClick);\n player.off(\"adtimeupdate\", trackProgress);\n player.off(\"advolumechange\", trackerVolumeChange);\n player.off(\"adpause\", trackerPause);\n player.off(\"adplay\", trackerPlay);\n player.off(\"fullscreenchange\", trackerFullscreenCheck);\n window.removeEventListener(\"beforeunload\", fireClose);\n document.getElementsByClassName('play-mouse-display')[0].style.display = '';\n document.getElementsByClassName('play-slider')[0].style.cursor = 'pointer';\n document.getElementsByClassName('play-progress-control')[0].style.cursor = 'pointer';\n });\n\n function trackProgress() {\n vastTracker.setProgress(player.currentTime());\n\n if (vastTracker.skippable && skipButton.style.display == \"none\") {\n skipButton.style.display = \"\";\n }\n }\n\n function fireClose() {\n vastTracker.close();\n }\n\n function trackerVolumeChange() {\n vastTracker.setMuted(player.muted());\n }\n\n function trackerPause() {\n vastTracker.setPaused(true);\n }\n\n function trackerPlay() {\n document.getElementsByClassName('play-settings')[0].style.display = 'none';\n document.getElementsByClassName('play-volume-control')[0].style.display = 'none';\n document.getElementsByClassName('scrubber-head')[0].style.display = 'none';\n\n var progress = document.getElementsByClassName('play-progress-holder').length;\n if (progress > 0) {\n document.getElementsByClassName('play-progress-holder')[0].classList.add('play-ads-label');\n document.getElementsByClassName('play-mouse-display')[0].style.display = 'none';\n document.getElementsByClassName('play-slider')[0].style.cursor = 'default';\n document.getElementsByClassName('play-progress-control')[0].style.cursor = 'default';\n }\n vastTracker.setPaused(false);\n }\n\n function trackerClick() {\n vastTracker.click();\n }\n\n function skipAd() {\n if (vastTracker) vastTracker.skip();\n player.trigger(\"adended\");\n }\n\n function clickThrough(url) {\n window.open(url);\n }\n\n function trackerFullscreenCheck() {\n vastTracker.setFullscreen(player.isFullscreen());\n }\n }\n\n function prepareAds(type) {\n var waterfallIndex = 0;\n var podIndex = 0;\n\n var pod = options[type];\n if (type == \"midroll\") pod = pod.filter(function (group) {\n return group.time == closestMidroll;\n });\n pod = pod.map(function (group) {\n return group.ads;\n });\n player.ads.startLinearAdMode();\n playAd();\n\n function playAd() {\n player.one(\"adended\", endOfGroup);\n player.one(\"aderror\", nextAd);\n\n var currentAd = pod[podIndex][waterfallIndex];\n\n debugLog(\"Attempting\", currentAd);\n\n vastClient.get(currentAd).then(function (response) {\n var ads = response.ads;\n\n for (var a = 0; a < ads.length; a++) {\n for (var c = 0; c < ads[a].creatives.length; c++) {\n var creative = ads[a].creatives[c];\n\n var alternateFiles = false;\n\n switch (creative.type) {\n case \"linear\":\n var adSource = [];\n for (var m = 0; m < creative.mediaFiles.length; m++) {\n var mediaFile = creative.mediaFiles[m];\n\n if (mediaFile.apiFramework) {\n if (mediaFile.apiFramework == \"VPAID\") {\n if (mediaFile.mimeType == \"application/x-shockwave-flash\") {\n debugLog(\"Playing\", currentAd);\n loadFlashAdUnit(creative);\n alternateFiles = true;\n break;\n } else if (mediaFile.mimeType == \"video/mp4\") {\n adSource.push({\n type: mediaFile.mimeType,\n src: mediaFile.fileURL\n });\n continue;\n } else if (mediaFile.mimeType == \"application/javascript\") {\n debugLog(\"Playing\", currentAd);\n loadJSAdUnit(creative);\n alternateFiles = true;\n break;\n } else {\n console.warn(mediaFile.mimeType, \"is not supported yet\");\n continue;\n }\n } else {\n console.warn(\"No support for\", mediaFile.apiFramework, \"yet\");\n continue;\n }\n }\n\n adSource.push({\n type: mediaFile.mimeType,\n src: mediaFile.fileURL\n });\n }\n\n if (!alternateFiles) {\n if (adSource.length > 0) {\n debugLog(\"Playing\", currentAd);\n player.src(adSource);\n player.trigger(\"ads-ad-started\");\n initTracker(ads[a], creative);\n } else {\n console.error(\"No possible sources for this creative\", creative);\n player.trigger(\"aderror\");\n }\n }\n\n break;\n case \"non-linear\":\n case \"companion\":\n break;\n default:\n console.warn(\"There's some type we don't know about:\", creative.type);\n break;\n }\n }\n }\n }).catch(function (error) {\n console.error(error);\n player.trigger(\"aderror\");\n });\n\n function getPlayerDimensions() {\n var width = player.width();\n var height = player.height();\n\n if (player.isFullscreen()) {\n width = window.innerWidth;\n height = window.innerHeight;\n }\n\n return { width: width, height: height };\n }\n\n function loadJSAdUnit(creative) {\n var vpaid = new VPAIDHTML5Client(vpaidContainer, techScreen, {});\n\n var mediaFile = creative.mediaFiles[0];\n\n player.pause();\n player.controlBar.hide();\n\n vpaid.loadAdUnit(mediaFile.fileURL, onLoad);\n\n function onLoad(err, adUnit) {\n if (err) {\n console.error(err);\n player.controlBar.show();\n player.trigger(\"aderror\");\n return;\n }\n\n adUnit.subscribe(\"AdLoaded\", onInit);\n adUnit.subscribe(\"AdStarted\", onStart);\n adUnit.subscribe(\"AdStopped\", wrapUp);\n\n adUnit.handshakeVersion(\"2.0\", onHandShake);\n\n function onHandShake(error, result) {\n var initialDimensions = getPlayerDimensions();\n\n adUnit.initAd(initialDimensions.width, initialDimensions.height, \"normal\", -1, { AdParameters: creative.adParameters }, {});\n }\n\n function onInit() {\n adUnit.startAd();\n }\n\n function onStart() {\n player.trigger(\"ads-ad-started\");\n player.on(\"resize\", resizeAd);\n window.addEventListener(\"resize\", resizeAd);\n }\n\n function wrapUp() {\n vpaid.destroy();\n player.controlBar.show();\n player.off(\"resize\", resizeAd);\n window.removeEventListener(\"resize\", resizeAd);\n player.trigger(\"adended\");\n }\n\n function resizeAd() {\n var newDimensions = getPlayerDimensions();\n\n adUnit.resizeAd(newDimensions.width, newDimensions.height, player.isFullscreen() ? \"fullscreen\" : \"normal\");\n }\n }\n }\n\n function loadFlashAdUnit(creative) {\n var flashVPaid = new VPAIDFLASHClient(vpaidContainer, flashWrapperLoaded, { data: options.flashWrapperPath });\n\n var mediaFile = creative.mediaFiles[0];\n\n player.controlBar.hide();\n player.pause();\n\n function flashWrapperLoaded(error, result) {\n if (error) {\n console.error(error);\n player.controlBar.show();\n player.trigger(\"aderror\");\n return;\n }\n\n flashVPaid.loadAdUnit(mediaFile.fileURL, runFlashAdUnit);\n }\n\n function runFlashAdUnit(error, adUnit) {\n if (error) {\n console.error(error);\n player.trigger(\"aderror\");\n return;\n }\n\n adUnit.handshakeVersion(\"2.0\", initAd);\n adUnit.on(\"AdLoaded\", startAd);\n\n adUnit.on(\"AdStopped\", function (err, result) {\n cleanUp();\n player.trigger(\"adended\");\n });\n\n adUnit.on(\"AdError\", function (err, result) {\n console.error(err);\n cleanUp();\n player.trigger(\"aderror\");\n });\n\n adUnit.on(\"AdStarted\", function (err, result) {\n checkAdProperties();\n });\n\n function initAd(err, result) {\n var initialDimensions = getPlayerDimensions();\n\n adUnit.initAd(initialDimensions.width, initialDimensions.height, \"normal\", mediaFile.bitRate, { AdParameters: creative.adParameters }, \"\", function (err) {\n player.trigger(\"ads-ad-started\");\n player.on(\"resize\", resizeAd);\n window.addEventListener(\"resize\", resizeAd);\n });\n }\n\n function cleanUp() {\n flashVPaid.destroy();\n player.controlBar.show();\n player.off(\"resize\", resizeAd);\n window.removeEventListener(\"resize\", resizeAd);\n }\n\n function startAd(err, result) {\n adUnit.startAd();\n }\n\n function checkAdProperties() {\n adUnit.getAdIcons();\n adUnit.setAdVolume(player.volume());\n }\n\n function resizeAd() {\n var newDimensions = getPlayerDimensions();\n\n adUnit.resizeAd(newDimensions.width, newDimensions.height, player.isFullscreen() ? \"fullscreen\" : \"normal\");\n }\n }\n }\n }\n\n player.one(\"adplaying\", function (e) {\n player.trigger(\"ads-pod-started\");\n });\n\n function nextAd() {\n player.off(\"adended\", endOfGroup);\n waterfallIndex++;\n if (waterfallIndex < pod[podIndex].length) playAd();else endOfGroup();\n }\n\n function endOfGroup() {\n player.off(\"adended\", endOfGroup);\n player.off(\"aderror\", nextAd);\n player.trigger(\"ads-ad-ended\");\n //The pod has successfully played an ad. Let's move to the next one and reset the position\n podIndex++;\n waterfallIndex = 0;\n\n skipButton.style.display = \"none\";\n\n if (podIndex == pod.length) {\n if (type == \"midroll\") {\n playedMidrolls[closestMidroll] = true;\n }\n player.trigger(\"ads-pod-ended\");\n player.ads.endLinearAdMode();\n } else playAd();\n document.getElementsByClassName('play-settings')[0].style.display = 'block';\n document.getElementsByClassName('play-volume-control')[0].style.display = 'block';\n document.getElementsByClassName('scrubber-head')[0].style.display = 'block';\n var progress = document.getElementsByClassName('play-progress-holder').length;\n if (progress > 0) {\n document.getElementsByClassName('play-progress-holder')[0].classList.remove('play-ads-label');\n }\n }\n }\n\n function debugLog() {\n var _console;\n\n if (options.debug) (_console = console).log.apply(_console, arguments);\n }\n };\n\n videojs.registerPlugin(\"vastWaterfall\", vastWaterfall);\n\n return vastWaterfall;\n})(videojs$1);\n\n// three.js starts\n// threejs.org/license\n(function (l, ka) {\n \"object\" === (typeof exports === \"undefined\" ? \"undefined\" : _typeof(exports)) && \"undefined\" !== typeof module ? ka(exports) : \"function\" === typeof define && define.amd ? define([\"exports\"], ka) : (l = l || self, ka(l.THREE = {}));\n})(undefined, function (l) {\n function ka() {}function B(a, b) {\n this.x = a || 0;this.y = b || 0;\n }function J() {\n this.elements = [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1];0 < arguments.length && console.error(\"THREE.Matrix4: the constructor no longer reads arguments. use .set() instead.\");\n }function aa(a, b, c, d) {\n this._x = a || 0;this._y = b || 0;this._z = c || 0;this._w = void 0 !== d ? d : 1;\n }function n(a, b, c) {\n this.x = a || 0;this.y = b || 0;this.z = c || 0;\n }function pa() {\n this.elements = [1, 0, 0, 0, 1, 0, 0, 0, 1];0 < arguments.length && console.error(\"THREE.Matrix3: the constructor no longer reads arguments. use .set() instead.\");\n }function S(a, b, c, d, e, f, g, h, k, m) {\n Object.defineProperty(this, \"id\", { value: Uf++ });this.uuid = H.generateUUID();this.name = \"\";this.image = void 0 !== a ? a : S.DEFAULT_IMAGE;this.mipmaps = [];this.mapping = void 0 !== b ? b : S.DEFAULT_MAPPING;this.wrapS = void 0 !== c ? c : 1001;this.wrapT = void 0 !== d ? d : 1001;this.magFilter = void 0 !== e ? e : 1006;this.minFilter = void 0 !== f ? f : 1008;this.anisotropy = void 0 !== k ? k : 1;this.format = void 0 !== g ? g : 1023;this.type = void 0 !== h ? h : 1009;this.offset = new B(0, 0);this.repeat = new B(1, 1);this.center = new B(0, 0);this.rotation = 0;this.matrixAutoUpdate = !0;this.matrix = new pa();this.generateMipmaps = !0;this.premultiplyAlpha = !1;this.flipY = !0;this.unpackAlignment = 4;this.encoding = void 0 !== m ? m : 3E3;this.version = 0;this.onUpdate = null;\n }function ba(a, b, c, d) {\n this.x = a || 0;this.y = b || 0;this.z = c || 0;this.w = void 0 !== d ? d : 1;\n }function Sa(a, b, c) {\n this.width = a;this.height = b;this.scissor = new ba(0, 0, a, b);this.scissorTest = !1;this.viewport = new ba(0, 0, a, b);c = c || {};this.texture = new S(void 0, void 0, c.wrapS, c.wrapT, c.magFilter, c.minFilter, c.format, c.type, c.anisotropy, c.encoding);this.texture.generateMipmaps = void 0 !== c.generateMipmaps ? c.generateMipmaps : !1;this.texture.minFilter = void 0 !== c.minFilter ? c.minFilter : 1006;this.depthBuffer = void 0 !== c.depthBuffer ? c.depthBuffer : !0;this.stencilBuffer = void 0 !== c.stencilBuffer ? c.stencilBuffer : !0;this.depthTexture = void 0 !== c.depthTexture ? c.depthTexture : null;\n }function $d(a, b, c) {\n Sa.call(this, a, b, c);this.samples = 4;\n }function mb(a, b, c) {\n Sa.call(this, a, b, c);\n }function nb(a, b, c, d, e, f, g, h, k, m, p, q) {\n S.call(this, null, f, g, h, k, m, d, e, p, q);this.image = { data: a, width: b, height: c };this.magFilter = void 0 !== k ? k : 1003;this.minFilter = void 0 !== m ? m : 1003;this.flipY = this.generateMipmaps = !1;this.unpackAlignment = 1;\n }function Ha(a, b) {\n this.min = void 0 !== a ? a : new n(Infinity, Infinity, Infinity);this.max = void 0 !== b ? b : new n(-Infinity, -Infinity, -Infinity);\n }\n function Ia(a, b) {\n this.center = void 0 !== a ? a : new n();this.radius = void 0 !== b ? b : 0;\n }function Ta(a, b) {\n this.normal = void 0 !== a ? a : new n(1, 0, 0);this.constant = void 0 !== b ? b : 0;\n }function vd(a, b, c, d, e, f) {\n this.planes = [void 0 !== a ? a : new Ta(), void 0 !== b ? b : new Ta(), void 0 !== c ? c : new Ta(), void 0 !== d ? d : new Ta(), void 0 !== e ? e : new Ta(), void 0 !== f ? f : new Ta()];\n }function Mb(a) {\n var b = {},\n c;for (c in a) {\n b[c] = {};for (var d in a[c]) {\n var e = a[c][d];e && (e.isColor || e.isMatrix3 || e.isMatrix4 || e.isVector2 || e.isVector3 || e.isVector4 || e.isTexture) ? b[c][d] = e.clone() : Array.isArray(e) ? b[c][d] = e.slice() : b[c][d] = e;\n }\n }return b;\n }function xa(a) {\n for (var b = {}, c = 0; c < a.length; c++) {\n var d = Mb(a[c]),\n e;for (e in d) {\n b[e] = d[e];\n }\n }return b;\n }function K(a, b, c) {\n return void 0 === b && void 0 === c ? this.set(a) : this.setRGB(a, b, c);\n }function ae() {\n function a(e, f) {\n !1 !== c && (d(e, f), b.requestAnimationFrame(a));\n }var b = null,\n c = !1,\n d = null;return { start: function start() {\n !0 !== c && null !== d && (b.requestAnimationFrame(a), c = !0);\n }, stop: function stop() {\n c = !1;\n }, setAnimationLoop: function setAnimationLoop(a) {\n d = a;\n }, setContext: function setContext(a) {\n b = a;\n } };\n }function Vf(a) {\n function b(b, c) {\n var d = b.array,\n e = b.dynamic ? 35048 : 35044,\n h = a.createBuffer();a.bindBuffer(c, h);a.bufferData(c, d, e);b.onUploadCallback();c = 5126;d instanceof Float32Array ? c = 5126 : d instanceof Float64Array ? console.warn(\"THREE.WebGLAttributes: Unsupported data buffer format: Float64Array.\") : d instanceof Uint16Array ? c = 5123 : d instanceof Int16Array ? c = 5122 : d instanceof Uint32Array ? c = 5125 : d instanceof Int32Array ? c = 5124 : d instanceof Int8Array ? c = 5120 : d instanceof Uint8Array && (c = 5121);return { buffer: h, type: c, bytesPerElement: d.BYTES_PER_ELEMENT,\n version: b.version };\n }var c = new WeakMap();return { get: function get$$1(a) {\n a.isInterleavedBufferAttribute && (a = a.data);return c.get(a);\n }, remove: function remove(b) {\n b.isInterleavedBufferAttribute && (b = b.data);var d = c.get(b);d && (a.deleteBuffer(d.buffer), c.delete(b));\n }, update: function update(d, e) {\n d.isInterleavedBufferAttribute && (d = d.data);var f = c.get(d);if (void 0 === f) c.set(d, b(d, e));else if (f.version < d.version) {\n var g = d,\n h = g.array,\n k = g.updateRange;a.bindBuffer(e, f.buffer);!1 === g.dynamic ? a.bufferData(e, h, 35044) : -1 === k.count ? a.bufferSubData(e, 0, h) : 0 === k.count ? console.error(\"THREE.WebGLObjects.updateBuffer: dynamic THREE.BufferAttribute marked as needsUpdate but updateRange.count is 0, ensure you are using set methods or updating manually.\") : (a.bufferSubData(e, k.offset * h.BYTES_PER_ELEMENT, h.subarray(k.offset, k.offset + k.count)), k.count = -1);f.version = d.version;\n }\n } };\n }function Nb(a, b, c, d, e, f) {\n this.a = a;this.b = b;this.c = c;this.normal = d && d.isVector3 ? d : new n();this.vertexNormals = Array.isArray(d) ? d : [];this.color = e && e.isColor ? e : new K();this.vertexColors = Array.isArray(e) ? e : [];this.materialIndex = void 0 !== f ? f : 0;\n }function ob(a, b, c, d) {\n this._x = a || 0;this._y = b || 0;this._z = c || 0;this._order = d || ob.DefaultOrder;\n }function be() {\n this.mask = 1;\n }function E() {\n Object.defineProperty(this, \"id\", { value: Wf++ });this.uuid = H.generateUUID();this.name = \"\";this.type = \"Object3D\";this.parent = null;this.children = [];this.up = E.DefaultUp.clone();var a = new n(),\n b = new ob(),\n c = new aa(),\n d = new n(1, 1, 1);b.onChange(function () {\n c.setFromEuler(b, !1);\n });c.onChange(function () {\n b.setFromQuaternion(c, void 0, !1);\n });\n Object.defineProperties(this, { position: { configurable: !0, enumerable: !0, value: a }, rotation: { configurable: !0, enumerable: !0, value: b }, quaternion: { configurable: !0, enumerable: !0, value: c }, scale: { configurable: !0, enumerable: !0, value: d }, modelViewMatrix: { value: new J() }, normalMatrix: { value: new pa() } });this.matrix = new J();this.matrixWorld = new J();this.matrixAutoUpdate = E.DefaultMatrixAutoUpdate;this.matrixWorldNeedsUpdate = !1;this.layers = new be();this.visible = !0;this.receiveShadow = this.castShadow = !1;this.frustumCulled = !0;this.renderOrder = 0;this.userData = {};\n }function G() {\n Object.defineProperty(this, \"id\", { value: Xf += 2 });this.uuid = H.generateUUID();this.name = \"\";this.type = \"Geometry\";this.vertices = [];this.colors = [];this.faces = [];this.faceVertexUvs = [[]];this.morphTargets = [];this.morphNormals = [];this.skinWeights = [];this.skinIndices = [];this.lineDistances = [];this.boundingSphere = this.boundingBox = null;this.groupsNeedUpdate = this.lineDistancesNeedUpdate = this.colorsNeedUpdate = this.normalsNeedUpdate = this.uvsNeedUpdate = this.verticesNeedUpdate = this.elementsNeedUpdate = !1;\n }function P(a, b, c) {\n if (Array.isArray(a)) throw new TypeError(\"THREE.BufferAttribute: array should be a Typed Array.\");this.name = \"\";this.array = a;this.itemSize = b;this.count = void 0 !== a ? a.length / b : 0;this.normalized = !0 === c;this.dynamic = !1;this.updateRange = { offset: 0, count: -1 };this.version = 0;\n }function vc(a, b, c) {\n P.call(this, new Int8Array(a), b, c);\n }function wc(a, b, c) {\n P.call(this, new Uint8Array(a), b, c);\n }function xc(a, b, c) {\n P.call(this, new Uint8ClampedArray(a), b, c);\n }function yc(a, b, c) {\n P.call(this, new Int16Array(a), b, c);\n }function pb(a, b, c) {\n P.call(this, new Uint16Array(a), b, c);\n }function zc(a, b, c) {\n P.call(this, new Int32Array(a), b, c);\n }function qb(a, b, c) {\n P.call(this, new Uint32Array(a), b, c);\n }function F(a, b, c) {\n P.call(this, new Float32Array(a), b, c);\n }function Ac(a, b, c) {\n P.call(this, new Float64Array(a), b, c);\n }function Se() {\n this.vertices = [];this.normals = [];this.colors = [];this.uvs = [];this.uvs2 = [];this.groups = [];this.morphTargets = {};this.skinWeights = [];this.skinIndices = [];this.boundingSphere = this.boundingBox = null;this.groupsNeedUpdate = this.uvsNeedUpdate = this.colorsNeedUpdate = this.normalsNeedUpdate = this.verticesNeedUpdate = !1;\n }function Te(a) {\n if (0 === a.length) return -Infinity;for (var b = a[0], c = 1, d = a.length; c < d; ++c) {\n a[c] > b && (b = a[c]);\n }return b;\n }function D() {\n Object.defineProperty(this, \"id\", { value: Yf += 2 });this.uuid = H.generateUUID();this.name = \"\";this.type = \"BufferGeometry\";this.index = null;this.attributes = {};this.morphAttributes = {};this.groups = [];this.boundingSphere = this.boundingBox = null;this.drawRange = { start: 0, count: Infinity };this.userData = {};\n }\n function Ob(a, b, c, d, e, f) {\n G.call(this);this.type = \"BoxGeometry\";this.parameters = { width: a, height: b, depth: c, widthSegments: d, heightSegments: e, depthSegments: f };this.fromBufferGeometry(new rb(a, b, c, d, e, f));this.mergeVertices();\n }function rb(a, b, c, d, e, f) {\n function g(a, b, c, d, e, f, g, l, fa, A, B) {\n var r = f / fa,\n u = g / A,\n w = f / 2,\n x = g / 2,\n z = l / 2;g = fa + 1;var C = A + 1,\n y = f = 0,\n Q,\n Fa,\n ta = new n();for (Fa = 0; Fa < C; Fa++) {\n var F = Fa * u - x;for (Q = 0; Q < g; Q++) {\n ta[a] = (Q * r - w) * d, ta[b] = F * e, ta[c] = z, m.push(ta.x, ta.y, ta.z), ta[a] = 0, ta[b] = 0, ta[c] = 0 < l ? 1 : -1, p.push(ta.x, ta.y, ta.z), q.push(Q / fa), q.push(1 - Fa / A), f += 1;\n }\n }for (Fa = 0; Fa < A; Fa++) {\n for (Q = 0; Q < fa; Q++) {\n a = v + Q + g * (Fa + 1), b = v + (Q + 1) + g * (Fa + 1), c = v + (Q + 1) + g * Fa, k.push(v + Q + g * Fa, a, c), k.push(a, b, c), y += 6;\n }\n }h.addGroup(t, y, B);t += y;v += f;\n }D.call(this);this.type = \"BoxBufferGeometry\";this.parameters = { width: a, height: b, depth: c, widthSegments: d, heightSegments: e, depthSegments: f };var h = this;a = a || 1;b = b || 1;c = c || 1;d = Math.floor(d) || 1;e = Math.floor(e) || 1;f = Math.floor(f) || 1;var k = [],\n m = [],\n p = [],\n q = [],\n v = 0,\n t = 0;g(\"z\", \"y\", \"x\", -1, -1, c, b, a, f, e, 0);g(\"z\", \"y\", \"x\", 1, -1, c, b, -a, f, e, 1);g(\"x\", \"z\", \"y\", 1, 1, a, c, b, d, f, 2);g(\"x\", \"z\", \"y\", 1, -1, a, c, -b, d, f, 3);g(\"x\", \"y\", \"z\", 1, -1, a, b, c, d, e, 4);g(\"x\", \"y\", \"z\", -1, -1, a, b, -c, d, e, 5);this.setIndex(k);this.addAttribute(\"position\", new F(m, 3));this.addAttribute(\"normal\", new F(p, 3));this.addAttribute(\"uv\", new F(q, 2));\n }function Cc(a, b, c, d) {\n G.call(this);this.type = \"PlaneGeometry\";this.parameters = { width: a, height: b, widthSegments: c, heightSegments: d };this.fromBufferGeometry(new sb(a, b, c, d));this.mergeVertices();\n }function sb(a, b, c, d) {\n D.call(this);\n this.type = \"PlaneBufferGeometry\";this.parameters = { width: a, height: b, widthSegments: c, heightSegments: d };a = a || 1;b = b || 1;var e = a / 2,\n f = b / 2;c = Math.floor(c) || 1;d = Math.floor(d) || 1;var g = c + 1,\n h = d + 1,\n k = a / c,\n m = b / d,\n p = [],\n q = [],\n v = [],\n t = [];for (a = 0; a < h; a++) {\n var l = a * m - f;for (b = 0; b < g; b++) {\n q.push(b * k - e, -l, 0), v.push(0, 0, 1), t.push(b / c), t.push(1 - a / d);\n }\n }for (a = 0; a < d; a++) {\n for (b = 0; b < c; b++) {\n e = b + g * (a + 1), f = b + 1 + g * (a + 1), h = b + 1 + g * a, p.push(b + g * a, e, h), p.push(e, f, h);\n }\n }this.setIndex(p);this.addAttribute(\"position\", new F(q, 3));this.addAttribute(\"normal\", new F(v, 3));this.addAttribute(\"uv\", new F(t, 2));\n }function M() {\n Object.defineProperty(this, \"id\", { value: Zf++ });this.uuid = H.generateUUID();this.name = \"\";this.type = \"Material\";this.lights = this.fog = !0;this.blending = 1;this.side = 0;this.vertexTangents = this.flatShading = !1;this.vertexColors = 0;this.opacity = 1;this.transparent = !1;this.blendSrc = 204;this.blendDst = 205;this.blendEquation = 100;this.blendEquationAlpha = this.blendDstAlpha = this.blendSrcAlpha = null;this.depthFunc = 3;this.depthWrite = this.depthTest = !0;this.clippingPlanes = null;this.clipShadows = this.clipIntersection = !1;this.shadowSide = null;this.colorWrite = !0;this.precision = null;this.polygonOffset = !1;this.polygonOffsetUnits = this.polygonOffsetFactor = 0;this.dithering = !1;this.alphaTest = 0;this.premultipliedAlpha = !1;this.visible = !0;this.userData = {};this.needsUpdate = !0;\n }function Ca(a) {\n M.call(this);this.type = \"ShaderMaterial\";this.defines = {};this.uniforms = {};this.vertexShader = \"void main() {\\n\\tgl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );\\n}\";this.fragmentShader = \"void main() {\\n\\tgl_FragColor = vec4( 1.0, 0.0, 0.0, 1.0 );\\n}\";this.linewidth = 1;this.wireframe = !1;this.wireframeLinewidth = 1;this.morphNormals = this.morphTargets = this.skinning = this.clipping = this.lights = this.fog = !1;this.extensions = { derivatives: !1, fragDepth: !1, drawBuffers: !1, shaderTextureLOD: !1 };this.defaultAttributeValues = { color: [1, 1, 1], uv: [0, 0], uv2: [0, 0] };this.index0AttributeName = void 0;this.uniformsNeedUpdate = !1;void 0 !== a && (void 0 !== a.attributes && console.error(\"THREE.ShaderMaterial: attributes should now be defined in THREE.BufferGeometry instead.\"), this.setValues(a));\n }function tb(a, b) {\n this.origin = void 0 !== a ? a : new n();this.direction = void 0 !== b ? b : new n();\n }function ua(a, b, c) {\n this.a = void 0 !== a ? a : new n();this.b = void 0 !== b ? b : new n();this.c = void 0 !== c ? c : new n();\n }function ya(a) {\n M.call(this);this.type = \"MeshBasicMaterial\";this.color = new K(16777215);this.lightMap = this.map = null;this.lightMapIntensity = 1;this.aoMap = null;this.aoMapIntensity = 1;this.envMap = this.alphaMap = this.specularMap = null;this.combine = 0;this.reflectivity = 1;this.refractionRatio = .98;this.wireframe = !1;this.wireframeLinewidth = 1;this.wireframeLinejoin = this.wireframeLinecap = \"round\";this.lights = this.morphTargets = this.skinning = !1;this.setValues(a);\n }function va(a, b) {\n E.call(this);this.type = \"Mesh\";this.geometry = void 0 !== a ? a : new D();this.material = void 0 !== b ? b : new ya({ color: 16777215 * Math.random() });this.drawMode = 0;this.updateMorphTargets();\n }function $f(a, b, c, d) {\n function e(a, c) {\n b.buffers.color.setClear(a.r, a.g, a.b, c, d);\n }var f = new K(0),\n g = 0,\n h,\n k,\n m = null,\n p = 0;return { getClearColor: function getClearColor() {\n return f;\n }, setClearColor: function setClearColor(a, b) {\n f.set(a);g = void 0 !== b ? b : 1;e(f, g);\n }, getClearAlpha: function getClearAlpha() {\n return g;\n }, setClearAlpha: function setClearAlpha(a) {\n g = a;e(f, g);\n }, render: function render(b, d, t, l) {\n d = d.background;t = a.vr;(t = t.getSession && t.getSession()) && \"additive\" === t.environmentBlendMode && (d = null);null === d ? (e(f, g), m = null, p = 0) : d && d.isColor && (e(d, 1), l = !0, m = null, p = 0);(a.autoClear || l) && a.clear(a.autoClearColor, a.autoClearDepth, a.autoClearStencil);if (d && (d.isCubeTexture || d.isWebGLRenderTargetCube)) {\n void 0 === k && (k = new va(new rb(1, 1, 1), new Ca({ type: \"BackgroundCubeMaterial\", uniforms: Mb(Ua.cube.uniforms),\n vertexShader: Ua.cube.vertexShader, fragmentShader: Ua.cube.fragmentShader, side: 1, depthTest: !1, depthWrite: !1, fog: !1 })), k.geometry.removeAttribute(\"normal\"), k.geometry.removeAttribute(\"uv\"), k.onBeforeRender = function (a, b, c) {\n this.matrixWorld.copyPosition(c.matrixWorld);\n }, Object.defineProperty(k.material, \"map\", { get: function get$$1() {\n return this.uniforms.tCube.value;\n } }), c.update(k));l = d.isWebGLRenderTargetCube ? d.texture : d;k.material.uniforms.tCube.value = l;k.material.uniforms.tFlip.value = d.isWebGLRenderTargetCube ? 1 : -1;if (m !== d || p !== l.version) k.material.needsUpdate = !0, m = d, p = l.version;b.unshift(k, k.geometry, k.material, 0, 0, null);\n } else if (d && d.isTexture) {\n void 0 === h && (h = new va(new sb(2, 2), new Ca({ type: \"BackgroundMaterial\", uniforms: Mb(Ua.background.uniforms), vertexShader: Ua.background.vertexShader, fragmentShader: Ua.background.fragmentShader, side: 0, depthTest: !1, depthWrite: !1, fog: !1 })), h.geometry.removeAttribute(\"normal\"), Object.defineProperty(h.material, \"map\", { get: function get$$1() {\n return this.uniforms.t2D.value;\n } }), c.update(h));\n h.material.uniforms.t2D.value = d;!0 === d.matrixAutoUpdate && d.updateMatrix();h.material.uniforms.uvTransform.value.copy(d.matrix);if (m !== d || p !== d.version) h.material.needsUpdate = !0, m = d, p = d.version;b.unshift(h, h.geometry, h.material, 0, 0, null);\n }\n } };\n }function ag(a, b, c, d) {\n var e;this.setMode = function (a) {\n e = a;\n };this.render = function (b, d) {\n a.drawArrays(e, b, d);c.update(d, e);\n };this.renderInstances = function (f, g, h) {\n if (d.isWebGL2) var k = a;else if (k = b.get(\"ANGLE_instanced_arrays\"), null === k) {\n console.error(\"THREE.WebGLBufferRenderer: using THREE.InstancedBufferGeometry but hardware does not support extension ANGLE_instanced_arrays.\");\n return;\n }k[d.isWebGL2 ? \"drawArraysInstanced\" : \"drawArraysInstancedANGLE\"](e, g, h, f.maxInstancedCount);c.update(h, e, f.maxInstancedCount);\n };\n }function bg(a, b, c) {\n function d(b) {\n if (\"highp\" === b) {\n if (0 < a.getShaderPrecisionFormat(35633, 36338).precision && 0 < a.getShaderPrecisionFormat(35632, 36338).precision) return \"highp\";b = \"mediump\";\n }return \"mediump\" === b && 0 < a.getShaderPrecisionFormat(35633, 36337).precision && 0 < a.getShaderPrecisionFormat(35632, 36337).precision ? \"mediump\" : \"lowp\";\n }var e,\n f = \"undefined\" !== typeof WebGL2RenderingContext && a instanceof WebGL2RenderingContext,\n g = void 0 !== c.precision ? c.precision : \"highp\",\n h = d(g);h !== g && (console.warn(\"THREE.WebGLRenderer:\", g, \"not supported, using\", h, \"instead.\"), g = h);c = !0 === c.logarithmicDepthBuffer;h = a.getParameter(34930);var k = a.getParameter(35660),\n m = a.getParameter(3379),\n p = a.getParameter(34076),\n q = a.getParameter(34921),\n v = a.getParameter(36347),\n t = a.getParameter(36348),\n l = a.getParameter(36349),\n u = 0 < k,\n w = f || !!b.get(\"OES_texture_float\"),\n n = u && w,\n x = f ? a.getParameter(36183) : 0;return { isWebGL2: f, getMaxAnisotropy: function getMaxAnisotropy() {\n if (void 0 !== e) return e;var c = b.get(\"EXT_texture_filter_anisotropic\");return e = null !== c ? a.getParameter(c.MAX_TEXTURE_MAX_ANISOTROPY_EXT) : 0;\n }, getMaxPrecision: d, precision: g, logarithmicDepthBuffer: c, maxTextures: h, maxVertexTextures: k, maxTextureSize: m, maxCubemapSize: p, maxAttributes: q, maxVertexUniforms: v, maxVaryings: t, maxFragmentUniforms: l, vertexTextures: u, floatFragmentTextures: w, floatVertexTextures: n, maxSamples: x };\n }function cg() {\n function a() {\n m.value !== d && (m.value = d, m.needsUpdate = 0 < e);c.numPlanes = e;c.numIntersection = 0;\n }function b(a, b, d, e) {\n var f = null !== a ? a.length : 0,\n g = null;if (0 !== f) {\n g = m.value;if (!0 !== e || null === g) {\n e = d + 4 * f;b = b.matrixWorldInverse;k.getNormalMatrix(b);if (null === g || g.length < e) g = new Float32Array(e);for (e = 0; e !== f; ++e, d += 4) {\n h.copy(a[e]).applyMatrix4(b, k), h.normal.toArray(g, d), g[d + 3] = h.constant;\n }\n }m.value = g;m.needsUpdate = !0;\n }c.numPlanes = f;return g;\n }var c = this,\n d = null,\n e = 0,\n f = !1,\n g = !1,\n h = new Ta(),\n k = new pa(),\n m = { value: null, needsUpdate: !1 };this.uniform = m;this.numIntersection = this.numPlanes = 0;this.init = function (a, c, g) {\n var h = 0 !== a.length || c || 0 !== e || f;f = c;d = b(a, g, 0);e = a.length;return h;\n };this.beginShadows = function () {\n g = !0;b(null);\n };this.endShadows = function () {\n g = !1;a();\n };this.setState = function (c, h, k, t, l, u) {\n if (!f || null === c || 0 === c.length || g && !k) g ? b(null) : a();else {\n k = g ? 0 : e;var p = 4 * k,\n q = l.clippingState || null;m.value = q;q = b(c, t, p, u);for (c = 0; c !== p; ++c) {\n q[c] = d[c];\n }l.clippingState = q;this.numIntersection = h ? this.numPlanes : 0;this.numPlanes += k;\n }\n };\n }function dg(a) {\n var b = {};return { get: function get$$1(c) {\n if (void 0 !== b[c]) return b[c];switch (c) {case \"WEBGL_depth_texture\":\n var d = a.getExtension(\"WEBGL_depth_texture\") || a.getExtension(\"MOZ_WEBGL_depth_texture\") || a.getExtension(\"WEBKIT_WEBGL_depth_texture\");break;case \"EXT_texture_filter_anisotropic\":\n d = a.getExtension(\"EXT_texture_filter_anisotropic\") || a.getExtension(\"MOZ_EXT_texture_filter_anisotropic\") || a.getExtension(\"WEBKIT_EXT_texture_filter_anisotropic\");break;case \"WEBGL_compressed_texture_s3tc\":\n d = a.getExtension(\"WEBGL_compressed_texture_s3tc\") || a.getExtension(\"MOZ_WEBGL_compressed_texture_s3tc\") || a.getExtension(\"WEBKIT_WEBGL_compressed_texture_s3tc\");\n break;case \"WEBGL_compressed_texture_pvrtc\":\n d = a.getExtension(\"WEBGL_compressed_texture_pvrtc\") || a.getExtension(\"WEBKIT_WEBGL_compressed_texture_pvrtc\");break;default:\n d = a.getExtension(c);}null === d && console.warn(\"THREE.WebGLRenderer: \" + c + \" extension not supported.\");return b[c] = d;\n } };\n }function eg(a, b, c) {\n function d(a) {\n var g = a.target;a = e[g.id];null !== a.index && b.remove(a.index);for (var k in a.attributes) {\n b.remove(a.attributes[k]);\n }g.removeEventListener(\"dispose\", d);delete e[g.id];if (k = f[a.id]) b.remove(k), delete f[a.id];\n c.memory.geometries--;\n }var e = {},\n f = {};return { get: function get$$1(a, b) {\n var f = e[b.id];if (f) return f;b.addEventListener(\"dispose\", d);b.isBufferGeometry ? f = b : b.isGeometry && (void 0 === b._bufferGeometry && (b._bufferGeometry = new D().setFromObject(a)), f = b._bufferGeometry);e[b.id] = f;c.memory.geometries++;return f;\n }, update: function update(a) {\n var c = a.index,\n d = a.attributes;null !== c && b.update(c, 34963);for (var e in d) {\n b.update(d[e], 34962);\n }a = a.morphAttributes;for (e in a) {\n c = a[e];d = 0;for (var f = c.length; d < f; d++) {\n b.update(c[d], 34962);\n }\n }\n }, getWireframeAttribute: function getWireframeAttribute(a) {\n var c = f[a.id];if (c) return c;c = [];var d = a.index,\n e = a.attributes;if (null !== d) {\n d = d.array;e = 0;for (var g = d.length; e < g; e += 3) {\n var q = d[e + 0],\n v = d[e + 1],\n l = d[e + 2];c.push(q, v, v, l, l, q);\n }\n } else for (d = e.position.array, e = 0, g = d.length / 3 - 1; e < g; e += 3) {\n q = e + 0, v = e + 1, l = e + 2, c.push(q, v, v, l, l, q);\n }c = new (65535 < Te(c) ? qb : pb)(c, 1);b.update(c, 34963);return f[a.id] = c;\n } };\n }function fg(a, b, c, d) {\n var e, f, g;this.setMode = function (a) {\n e = a;\n };this.setIndex = function (a) {\n f = a.type;g = a.bytesPerElement;\n };this.render = function (b, d) {\n a.drawElements(e, d, f, b * g);c.update(d, e);\n };this.renderInstances = function (h, k, m) {\n if (d.isWebGL2) var p = a;else if (p = b.get(\"ANGLE_instanced_arrays\"), null === p) {\n console.error(\"THREE.WebGLIndexedBufferRenderer: using THREE.InstancedBufferGeometry but hardware does not support extension ANGLE_instanced_arrays.\");return;\n }p[d.isWebGL2 ? \"drawElementsInstanced\" : \"drawElementsInstancedANGLE\"](e, m, f, k * g, h.maxInstancedCount);c.update(m, e, h.maxInstancedCount);\n };\n }function gg(a) {\n var b = { frame: 0, calls: 0, triangles: 0, points: 0, lines: 0 };return { memory: { geometries: 0,\n textures: 0 }, render: b, programs: null, autoReset: !0, reset: function reset() {\n b.frame++;b.calls = 0;b.triangles = 0;b.points = 0;b.lines = 0;\n }, update: function update(a, d, e) {\n e = e || 1;b.calls++;switch (d) {case 4:\n b.triangles += a / 3 * e;break;case 5:case 6:\n b.triangles += e * (a - 2);break;case 1:\n b.lines += a / 2 * e;break;case 3:\n b.lines += e * (a - 1);break;case 2:\n b.lines += e * a;break;case 0:\n b.points += e * a;break;default:\n console.error(\"THREE.WebGLInfo: Unknown draw mode:\", d);}\n } };\n }function hg(a, b) {\n return Math.abs(b[1]) - Math.abs(a[1]);\n }function ig(a) {\n var b = {},\n c = new Float32Array(8);return { update: function update(d, e, f, g) {\n var h = d.morphTargetInfluences,\n k = h.length;d = b[e.id];if (void 0 === d) {\n d = [];for (var m = 0; m < k; m++) {\n d[m] = [m, 0];\n }b[e.id] = d;\n }var p = f.morphTargets && e.morphAttributes.position;f = f.morphNormals && e.morphAttributes.normal;for (m = 0; m < k; m++) {\n var q = d[m];0 !== q[1] && (p && e.removeAttribute(\"morphTarget\" + m), f && e.removeAttribute(\"morphNormal\" + m));\n }for (m = 0; m < k; m++) {\n q = d[m], q[0] = m, q[1] = h[m];\n }d.sort(hg);for (m = 0; 8 > m; m++) {\n if (q = d[m]) if (h = q[0], k = q[1]) {\n p && e.addAttribute(\"morphTarget\" + m, p[h]);f && e.addAttribute(\"morphNormal\" + m, f[h]);c[m] = k;continue;\n }c[m] = 0;\n }g.getUniforms().setValue(a, \"morphTargetInfluences\", c);\n } };\n }function jg(a, b) {\n var c = {};return { update: function update(d) {\n var e = b.render.frame,\n f = d.geometry,\n g = a.get(d, f);c[g.id] !== e && (f.isGeometry && g.updateFromObject(d), a.update(g), c[g.id] = e);return g;\n }, dispose: function dispose() {\n c = {};\n } };\n }function $a(a, b, c, d, e, f, g, h, k, m) {\n a = void 0 !== a ? a : [];S.call(this, a, void 0 !== b ? b : 301, c, d, e, f, void 0 !== g ? g : 1022, h, k, m);this.flipY = !1;\n }function Qb(a, b, c, d) {\n S.call(this, null);\n this.image = { data: a, width: b, height: c, depth: d };this.minFilter = this.magFilter = 1003;this.wrapR = 1001;this.flipY = this.generateMipmaps = !1;\n }function Rb(a, b, c, d) {\n S.call(this, null);this.image = { data: a, width: b, height: c, depth: d };this.minFilter = this.magFilter = 1003;this.wrapR = 1001;this.flipY = this.generateMipmaps = !1;\n }function Sb(a, b, c) {\n var d = a[0];if (0 >= d || 0 < d) return a;var e = b * c,\n f = Ue[e];void 0 === f && (f = new Float32Array(e), Ue[e] = f);if (0 !== b) for (d.toArray(f, 0), d = 1, e = 0; d !== b; ++d) {\n e += c, a[d].toArray(f, e);\n }return f;\n }function ca(a, b) {\n if (a.length !== b.length) return !1;for (var c = 0, d = a.length; c < d; c++) {\n if (a[c] !== b[c]) return !1;\n }return !0;\n }function ha(a, b) {\n for (var c = 0, d = b.length; c < d; c++) {\n a[c] = b[c];\n }\n }function Ve(a, b) {\n var c = We[b];void 0 === c && (c = new Int32Array(b), We[b] = c);for (var d = 0; d !== b; ++d) {\n c[d] = a.allocTextureUnit();\n }return c;\n }function kg(a, b) {\n var c = this.cache;c[0] !== b && (a.uniform1f(this.addr, b), c[0] = b);\n }function lg(a, b) {\n var c = this.cache;c[0] !== b && (a.uniform1i(this.addr, b), c[0] = b);\n }function mg(a, b) {\n var c = this.cache;if (void 0 !== b.x) {\n if (c[0] !== b.x || c[1] !== b.y) a.uniform2f(this.addr, b.x, b.y), c[0] = b.x, c[1] = b.y;\n } else ca(c, b) || (a.uniform2fv(this.addr, b), ha(c, b));\n }function ng(a, b) {\n var c = this.cache;if (void 0 !== b.x) {\n if (c[0] !== b.x || c[1] !== b.y || c[2] !== b.z) a.uniform3f(this.addr, b.x, b.y, b.z), c[0] = b.x, c[1] = b.y, c[2] = b.z;\n } else if (void 0 !== b.r) {\n if (c[0] !== b.r || c[1] !== b.g || c[2] !== b.b) a.uniform3f(this.addr, b.r, b.g, b.b), c[0] = b.r, c[1] = b.g, c[2] = b.b;\n } else ca(c, b) || (a.uniform3fv(this.addr, b), ha(c, b));\n }function og(a, b) {\n var c = this.cache;if (void 0 !== b.x) {\n if (c[0] !== b.x || c[1] !== b.y || c[2] !== b.z || c[3] !== b.w) a.uniform4f(this.addr, b.x, b.y, b.z, b.w), c[0] = b.x, c[1] = b.y, c[2] = b.z, c[3] = b.w;\n } else ca(c, b) || (a.uniform4fv(this.addr, b), ha(c, b));\n }function pg(a, b) {\n var c = this.cache,\n d = b.elements;void 0 === d ? ca(c, b) || (a.uniformMatrix2fv(this.addr, !1, b), ha(c, b)) : ca(c, d) || (Xe.set(d), a.uniformMatrix2fv(this.addr, !1, Xe), ha(c, d));\n }function qg(a, b) {\n var c = this.cache,\n d = b.elements;void 0 === d ? ca(c, b) || (a.uniformMatrix3fv(this.addr, !1, b), ha(c, b)) : ca(c, d) || (Ye.set(d), a.uniformMatrix3fv(this.addr, !1, Ye), ha(c, d));\n }function rg(a, b) {\n var c = this.cache,\n d = b.elements;void 0 === d ? ca(c, b) || (a.uniformMatrix4fv(this.addr, !1, b), ha(c, b)) : ca(c, d) || (Ze.set(d), a.uniformMatrix4fv(this.addr, !1, Ze), ha(c, d));\n }function sg(a, b, c) {\n var d = this.cache,\n e = c.allocTextureUnit();d[0] !== e && (a.uniform1i(this.addr, e), d[0] = e);c.setTexture2D(b || $e, e);\n }function tg(a, b, c) {\n var d = this.cache,\n e = c.allocTextureUnit();d[0] !== e && (a.uniform1i(this.addr, e), d[0] = e);c.setTexture2DArray(b || ug, e);\n }function vg(a, b, c) {\n var d = this.cache,\n e = c.allocTextureUnit();\n d[0] !== e && (a.uniform1i(this.addr, e), d[0] = e);c.setTexture3D(b || wg, e);\n }function xg(a, b, c) {\n var d = this.cache,\n e = c.allocTextureUnit();d[0] !== e && (a.uniform1i(this.addr, e), d[0] = e);c.setTextureCube(b || af, e);\n }function bf(a, b) {\n var c = this.cache;ca(c, b) || (a.uniform2iv(this.addr, b), ha(c, b));\n }function cf(a, b) {\n var c = this.cache;ca(c, b) || (a.uniform3iv(this.addr, b), ha(c, b));\n }function df(a, b) {\n var c = this.cache;ca(c, b) || (a.uniform4iv(this.addr, b), ha(c, b));\n }function yg(a) {\n switch (a) {case 5126:\n return kg;case 35664:\n return mg;case 35665:\n return ng;\n case 35666:\n return og;case 35674:\n return pg;case 35675:\n return qg;case 35676:\n return rg;case 35678:case 36198:\n return sg;case 35679:\n return vg;case 35680:\n return xg;case 36289:\n return tg;case 5124:case 35670:\n return lg;case 35667:case 35671:\n return bf;case 35668:case 35672:\n return cf;case 35669:case 35673:\n return df;}\n }function zg(a, b) {\n var c = this.cache;ca(c, b) || (a.uniform1fv(this.addr, b), ha(c, b));\n }function Ag(a, b) {\n var c = this.cache;ca(c, b) || (a.uniform1iv(this.addr, b), ha(c, b));\n }function Bg(a, b) {\n var c = this.cache;b = Sb(b, this.size, 2);ca(c, b) || (a.uniform2fv(this.addr, b), this.updateCache(b));\n }function Cg(a, b) {\n var c = this.cache;b = Sb(b, this.size, 3);ca(c, b) || (a.uniform3fv(this.addr, b), this.updateCache(b));\n }function Dg(a, b) {\n var c = this.cache;b = Sb(b, this.size, 4);ca(c, b) || (a.uniform4fv(this.addr, b), this.updateCache(b));\n }function Eg(a, b) {\n var c = this.cache;b = Sb(b, this.size, 4);ca(c, b) || (a.uniformMatrix2fv(this.addr, !1, b), this.updateCache(b));\n }function Fg(a, b) {\n var c = this.cache;b = Sb(b, this.size, 9);ca(c, b) || (a.uniformMatrix3fv(this.addr, !1, b), this.updateCache(b));\n }function Gg(a, b) {\n var c = this.cache;b = Sb(b, this.size, 16);ca(c, b) || (a.uniformMatrix4fv(this.addr, !1, b), this.updateCache(b));\n }function Hg(a, b, c) {\n var d = this.cache,\n e = b.length,\n f = Ve(c, e);!1 === ca(d, f) && (a.uniform1iv(this.addr, f), ha(d, f));for (a = 0; a !== e; ++a) {\n c.setTexture2D(b[a] || $e, f[a]);\n }\n }function Ig(a, b, c) {\n var d = this.cache,\n e = b.length,\n f = Ve(c, e);!1 === ca(d, f) && (a.uniform1iv(this.addr, f), ha(d, f));for (a = 0; a !== e; ++a) {\n c.setTextureCube(b[a] || af, f[a]);\n }\n }function Jg(a) {\n switch (a) {case 5126:\n return zg;\n case 35664:\n return Bg;case 35665:\n return Cg;case 35666:\n return Dg;case 35674:\n return Eg;case 35675:\n return Fg;case 35676:\n return Gg;case 35678:\n return Hg;case 35680:\n return Ig;case 5124:case 35670:\n return Ag;case 35667:case 35671:\n return bf;case 35668:case 35672:\n return cf;case 35669:case 35673:\n return df;}\n }function Kg(a, b, c) {\n this.id = a;this.addr = c;this.cache = [];this.setValue = yg(b.type);\n }function ef(a, b, c) {\n this.id = a;this.addr = c;this.cache = [];this.size = b.size;this.setValue = Jg(b.type);\n }function ff(a) {\n this.id = a;this.seq = [];this.map = {};\n }function fb(a, b, c) {\n this.seq = [];this.map = {};this.renderer = c;c = a.getProgramParameter(b, 35718);for (var d = 0; d < c; ++d) {\n var e = a.getActiveUniform(b, d),\n f = a.getUniformLocation(b, e.name),\n g = this,\n h = e.name,\n k = h.length;for (fe.lastIndex = 0;;) {\n var m = fe.exec(h),\n p = fe.lastIndex,\n q = m[1],\n v = m[3];\"]\" === m[2] && (q |= 0);if (void 0 === v || \"[\" === v && p + 2 === k) {\n h = g;e = void 0 === v ? new Kg(q, e, f) : new ef(q, e, f);h.seq.push(e);h.map[e.id] = e;break;\n } else v = g.map[q], void 0 === v && (v = new ff(q), q = g, g = v, q.seq.push(g), q.map[g.id] = g), g = v;\n }\n }\n }\n function Lg(a) {\n a = a.split(\"\\n\");for (var b = 0; b < a.length; b++) {\n a[b] = b + 1 + \": \" + a[b];\n }return a.join(\"\\n\");\n }function gf(a, b, c) {\n var d = a.createShader(b);a.shaderSource(d, c);a.compileShader(d);!1 === a.getShaderParameter(d, 35713) && console.error(\"THREE.WebGLShader: Shader couldn't compile.\");\"\" !== a.getShaderInfoLog(d) && console.warn(\"THREE.WebGLShader: gl.getShaderInfoLog()\", 35633 === b ? \"vertex\" : \"fragment\", a.getShaderInfoLog(d), Lg(c));return d;\n }function hf(a) {\n switch (a) {case 3E3:\n return [\"Linear\", \"( value )\"];case 3001:\n return [\"sRGB\", \"( value )\"];case 3002:\n return [\"RGBE\", \"( value )\"];case 3004:\n return [\"RGBM\", \"( value, 7.0 )\"];case 3005:\n return [\"RGBM\", \"( value, 16.0 )\"];case 3006:\n return [\"RGBD\", \"( value, 256.0 )\"];case 3007:\n return [\"Gamma\", \"( value, float( GAMMA_FACTOR ) )\"];default:\n throw Error(\"unsupported encoding: \" + a);}\n }function xd(a, b) {\n b = hf(b);return \"vec4 \" + a + \"( vec4 value ) { return \" + b[0] + \"ToLinear\" + b[1] + \"; }\";\n }function Mg(a, b) {\n b = hf(b);return \"vec4 \" + a + \"( vec4 value ) { return LinearTo\" + b[0] + b[1] + \"; }\";\n }function Ng(a, b) {\n switch (b) {case 1:\n b = \"Linear\";break;case 2:\n b = \"Reinhard\";break;case 3:\n b = \"Uncharted2\";break;case 4:\n b = \"OptimizedCineon\";break;case 5:\n b = \"ACESFilmic\";break;default:\n throw Error(\"unsupported toneMapping: \" + b);}return \"vec3 \" + a + \"( vec3 color ) { return \" + b + \"ToneMapping( color ); }\";\n }function Og(a, b, c) {\n a = a || {};return [a.derivatives || b.envMapCubeUV || b.bumpMap || b.normalMap && !b.objectSpaceNormalMap || b.flatShading ? \"#extension GL_OES_standard_derivatives : enable\" : \"\", (a.fragDepth || b.logarithmicDepthBuffer) && c.get(\"EXT_frag_depth\") ? \"#extension GL_EXT_frag_depth : enable\" : \"\", a.drawBuffers && c.get(\"WEBGL_draw_buffers\") ? \"#extension GL_EXT_draw_buffers : require\" : \"\", (a.shaderTextureLOD || b.envMap) && c.get(\"EXT_shader_texture_lod\") ? \"#extension GL_EXT_shader_texture_lod : enable\" : \"\"].filter(Dc).join(\"\\n\");\n }function Pg(a) {\n var b = [],\n c;for (c in a) {\n var d = a[c];!1 !== d && b.push(\"#define \" + c + \" \" + d);\n }return b.join(\"\\n\");\n }function Dc(a) {\n return \"\" !== a;\n }function jf(a, b) {\n return a.replace(/NUM_DIR_LIGHTS/g, b.numDirLights).replace(/NUM_SPOT_LIGHTS/g, b.numSpotLights).replace(/NUM_RECT_AREA_LIGHTS/g, b.numRectAreaLights).replace(/NUM_POINT_LIGHTS/g, b.numPointLights).replace(/NUM_HEMI_LIGHTS/g, b.numHemiLights);\n }function kf(a, b) {\n return a.replace(/NUM_CLIPPING_PLANES/g, b.numClippingPlanes).replace(/UNION_CLIPPING_PLANES/g, b.numClippingPlanes - b.numClipIntersection);\n }function ge(a) {\n return a.replace(/^[ \\t]*#include +<([\\w\\d./]+)>/gm, function (a, c) {\n a = V[c];if (void 0 === a) throw Error(\"Can not resolve #include <\" + c + \">\");return ge(a);\n });\n }function lf(a) {\n return a.replace(/#pragma unroll_loop[\\s]+?for \\( int i = (\\d+); i < (\\d+); i \\+\\+ \\) \\{([\\s\\S]+?)(?=\\})\\}/g, function (a, c, d, e) {\n a = \"\";for (c = parseInt(c); c < parseInt(d); c++) {\n a += e.replace(/\\[ i \\]/g, \"[ \" + c + \" ]\");\n }return a;\n });\n }function Qg(a, b, c, d, e, f, g) {\n var h = a.context,\n k = d.defines,\n m = e.vertexShader,\n p = e.fragmentShader,\n q = \"SHADOWMAP_TYPE_BASIC\";1 === f.shadowMapType ? q = \"SHADOWMAP_TYPE_PCF\" : 2 === f.shadowMapType && (q = \"SHADOWMAP_TYPE_PCF_SOFT\");var v = \"ENVMAP_TYPE_CUBE\",\n l = \"ENVMAP_MODE_REFLECTION\",\n r = \"ENVMAP_BLENDING_MULTIPLY\";if (f.envMap) {\n switch (d.envMap.mapping) {case 301:case 302:\n v = \"ENVMAP_TYPE_CUBE\";break;case 306:case 307:\n v = \"ENVMAP_TYPE_CUBE_UV\";break;case 303:case 304:\n v = \"ENVMAP_TYPE_EQUIREC\";break;case 305:\n v = \"ENVMAP_TYPE_SPHERE\";}switch (d.envMap.mapping) {case 302:case 304:\n l = \"ENVMAP_MODE_REFRACTION\";}switch (d.combine) {case 0:\n r = \"ENVMAP_BLENDING_MULTIPLY\";break;case 1:\n r = \"ENVMAP_BLENDING_MIX\";break;case 2:\n r = \"ENVMAP_BLENDING_ADD\";}\n }var u = 0 < a.gammaFactor ? a.gammaFactor : 1,\n w = g.isWebGL2 ? \"\" : Og(d.extensions, f, b),\n n = Pg(k),\n x = h.createProgram();d.isRawShaderMaterial ? (k = [n].filter(Dc).join(\"\\n\"), 0 < k.length && (k += \"\\n\"), b = [w, n].filter(Dc).join(\"\\n\"), 0 < b.length && (b += \"\\n\")) : (k = [\"precision \" + f.precision + \" float;\", \"precision \" + f.precision + \" int;\", \"#define SHADER_NAME \" + e.name, n, f.supportsVertexTextures ? \"#define VERTEX_TEXTURES\" : \"\", \"#define GAMMA_FACTOR \" + u, \"#define MAX_BONES \" + f.maxBones, f.useFog && f.fog ? \"#define USE_FOG\" : \"\", f.useFog && f.fogExp ? \"#define FOG_EXP2\" : \"\", f.map ? \"#define USE_MAP\" : \"\", f.envMap ? \"#define USE_ENVMAP\" : \"\", f.envMap ? \"#define \" + l : \"\", f.lightMap ? \"#define USE_LIGHTMAP\" : \"\", f.aoMap ? \"#define USE_AOMAP\" : \"\", f.emissiveMap ? \"#define USE_EMISSIVEMAP\" : \"\", f.bumpMap ? \"#define USE_BUMPMAP\" : \"\", f.normalMap ? \"#define USE_NORMALMAP\" : \"\", f.normalMap && f.objectSpaceNormalMap ? \"#define OBJECTSPACE_NORMALMAP\" : \"\", f.displacementMap && f.supportsVertexTextures ? \"#define USE_DISPLACEMENTMAP\" : \"\", f.specularMap ? \"#define USE_SPECULARMAP\" : \"\", f.roughnessMap ? \"#define USE_ROUGHNESSMAP\" : \"\", f.metalnessMap ? \"#define USE_METALNESSMAP\" : \"\", f.alphaMap ? \"#define USE_ALPHAMAP\" : \"\", f.vertexTangents ? \"#define USE_TANGENT\" : \"\", f.vertexColors ? \"#define USE_COLOR\" : \"\", f.flatShading ? \"#define FLAT_SHADED\" : \"\", f.skinning ? \"#define USE_SKINNING\" : \"\", f.useVertexTexture ? \"#define BONE_TEXTURE\" : \"\", f.morphTargets ? \"#define USE_MORPHTARGETS\" : \"\", f.morphNormals && !1 === f.flatShading ? \"#define USE_MORPHNORMALS\" : \"\", f.doubleSided ? \"#define DOUBLE_SIDED\" : \"\", f.flipSided ? \"#define FLIP_SIDED\" : \"\", f.shadowMapEnabled ? \"#define USE_SHADOWMAP\" : \"\", f.shadowMapEnabled ? \"#define \" + q : \"\", f.sizeAttenuation ? \"#define USE_SIZEATTENUATION\" : \"\", f.logarithmicDepthBuffer ? \"#define USE_LOGDEPTHBUF\" : \"\", f.logarithmicDepthBuffer && (g.isWebGL2 || b.get(\"EXT_frag_depth\")) ? \"#define USE_LOGDEPTHBUF_EXT\" : \"\", \"uniform mat4 modelMatrix;\", \"uniform mat4 modelViewMatrix;\", \"uniform mat4 projectionMatrix;\", \"uniform mat4 viewMatrix;\", \"uniform mat3 normalMatrix;\", \"uniform vec3 cameraPosition;\", \"attribute vec3 position;\", \"attribute vec3 normal;\", \"attribute vec2 uv;\", \"#ifdef USE_TANGENT\", \"\\tattribute vec4 tangent;\", \"#endif\", \"#ifdef USE_COLOR\", \"\\tattribute vec3 color;\", \"#endif\", \"#ifdef USE_MORPHTARGETS\", \"\\tattribute vec3 morphTarget0;\", \"\\tattribute vec3 morphTarget1;\", \"\\tattribute vec3 morphTarget2;\", \"\\tattribute vec3 morphTarget3;\", \"\\t#ifdef USE_MORPHNORMALS\", \"\\t\\tattribute vec3 morphNormal0;\", \"\\t\\tattribute vec3 morphNormal1;\", \"\\t\\tattribute vec3 morphNormal2;\", \"\\t\\tattribute vec3 morphNormal3;\", \"\\t#else\", \"\\t\\tattribute vec3 morphTarget4;\", \"\\t\\tattribute vec3 morphTarget5;\", \"\\t\\tattribute vec3 morphTarget6;\", \"\\t\\tattribute vec3 morphTarget7;\", \"\\t#endif\", \"#endif\", \"#ifdef USE_SKINNING\", \"\\tattribute vec4 skinIndex;\", \"\\tattribute vec4 skinWeight;\", \"#endif\", \"\\n\"].filter(Dc).join(\"\\n\"), b = [w, \"precision \" + f.precision + \" float;\", \"precision \" + f.precision + \" int;\", \"#define SHADER_NAME \" + e.name, n, f.alphaTest ? \"#define ALPHATEST \" + f.alphaTest + (f.alphaTest % 1 ? \"\" : \".0\") : \"\", \"#define GAMMA_FACTOR \" + u, f.useFog && f.fog ? \"#define USE_FOG\" : \"\", f.useFog && f.fogExp ? \"#define FOG_EXP2\" : \"\", f.map ? \"#define USE_MAP\" : \"\", f.matcap ? \"#define USE_MATCAP\" : \"\", f.envMap ? \"#define USE_ENVMAP\" : \"\", f.envMap ? \"#define \" + v : \"\", f.envMap ? \"#define \" + l : \"\", f.envMap ? \"#define \" + r : \"\", f.lightMap ? \"#define USE_LIGHTMAP\" : \"\", f.aoMap ? \"#define USE_AOMAP\" : \"\", f.emissiveMap ? \"#define USE_EMISSIVEMAP\" : \"\", f.bumpMap ? \"#define USE_BUMPMAP\" : \"\", f.normalMap ? \"#define USE_NORMALMAP\" : \"\", f.normalMap && f.objectSpaceNormalMap ? \"#define OBJECTSPACE_NORMALMAP\" : \"\", f.specularMap ? \"#define USE_SPECULARMAP\" : \"\", f.roughnessMap ? \"#define USE_ROUGHNESSMAP\" : \"\", f.metalnessMap ? \"#define USE_METALNESSMAP\" : \"\", f.alphaMap ? \"#define USE_ALPHAMAP\" : \"\", f.vertexTangents ? \"#define USE_TANGENT\" : \"\", f.vertexColors ? \"#define USE_COLOR\" : \"\", f.gradientMap ? \"#define USE_GRADIENTMAP\" : \"\", f.flatShading ? \"#define FLAT_SHADED\" : \"\", f.doubleSided ? \"#define DOUBLE_SIDED\" : \"\", f.flipSided ? \"#define FLIP_SIDED\" : \"\", f.shadowMapEnabled ? \"#define USE_SHADOWMAP\" : \"\", f.shadowMapEnabled ? \"#define \" + q : \"\", f.premultipliedAlpha ? \"#define PREMULTIPLIED_ALPHA\" : \"\", f.physicallyCorrectLights ? \"#define PHYSICALLY_CORRECT_LIGHTS\" : \"\", f.logarithmicDepthBuffer ? \"#define USE_LOGDEPTHBUF\" : \"\", f.logarithmicDepthBuffer && (g.isWebGL2 || b.get(\"EXT_frag_depth\")) ? \"#define USE_LOGDEPTHBUF_EXT\" : \"\", f.envMap && (g.isWebGL2 || b.get(\"EXT_shader_texture_lod\")) ? \"#define TEXTURE_LOD_EXT\" : \"\", \"uniform mat4 viewMatrix;\", \"uniform vec3 cameraPosition;\", 0 !== f.toneMapping ? \"#define TONE_MAPPING\" : \"\", 0 !== f.toneMapping ? V.tonemapping_pars_fragment : \"\", 0 !== f.toneMapping ? Ng(\"toneMapping\", f.toneMapping) : \"\", f.dithering ? \"#define DITHERING\" : \"\", f.outputEncoding || f.mapEncoding || f.matcapEncoding || f.envMapEncoding || f.emissiveMapEncoding ? V.encodings_pars_fragment : \"\", f.mapEncoding ? xd(\"mapTexelToLinear\", f.mapEncoding) : \"\", f.matcapEncoding ? xd(\"matcapTexelToLinear\", f.matcapEncoding) : \"\", f.envMapEncoding ? xd(\"envMapTexelToLinear\", f.envMapEncoding) : \"\", f.emissiveMapEncoding ? xd(\"emissiveMapTexelToLinear\", f.emissiveMapEncoding) : \"\", f.outputEncoding ? Mg(\"linearToOutputTexel\", f.outputEncoding) : \"\", f.depthPacking ? \"#define DEPTH_PACKING \" + d.depthPacking : \"\", \"\\n\"].filter(Dc).join(\"\\n\"));m = ge(m);m = jf(m, f);m = kf(m, f);p = ge(p);p = jf(p, f);p = kf(p, f);m = lf(m);p = lf(p);g.isWebGL2 && !d.isRawShaderMaterial && (g = !1, q = /^\\s*#version\\s+300\\s+es\\s*\\n/, d.isShaderMaterial && null !== m.match(q) && null !== p.match(q) && (g = !0, m = m.replace(q, \"\"), p = p.replace(q, \"\")), k = \"#version 300 es\\n\\n#define attribute in\\n#define varying out\\n#define texture2D texture\\n\" + k, b = [\"#version 300 es\\n\\n#define varying in\", g ? \"\" : \"out highp vec4 pc_fragColor;\", g ? \"\" : \"#define gl_FragColor pc_fragColor\", \"#define gl_FragDepthEXT gl_FragDepth\\n#define texture2D texture\\n#define textureCube texture\\n#define texture2DProj textureProj\\n#define texture2DLodEXT textureLod\\n#define texture2DProjLodEXT textureProjLod\\n#define textureCubeLodEXT textureLod\\n#define texture2DGradEXT textureGrad\\n#define texture2DProjGradEXT textureProjGrad\\n#define textureCubeGradEXT textureGrad\"].join(\"\\n\") + \"\\n\" + b);p = b + p;m = gf(h, 35633, k + m);p = gf(h, 35632, p);h.attachShader(x, m);h.attachShader(x, p);void 0 !== d.index0AttributeName ? h.bindAttribLocation(x, 0, d.index0AttributeName) : !0 === f.morphTargets && h.bindAttribLocation(x, 0, \"position\");h.linkProgram(x);f = h.getProgramInfoLog(x).trim();g = h.getShaderInfoLog(m).trim();q = h.getShaderInfoLog(p).trim();l = v = !0;if (!1 === h.getProgramParameter(x, 35714)) v = !1, console.error(\"THREE.WebGLProgram: shader error: \", h.getError(), \"35715\", h.getProgramParameter(x, 35715), \"gl.getProgramInfoLog\", f, g, q);else if (\"\" !== f) console.warn(\"THREE.WebGLProgram: gl.getProgramInfoLog()\", f);else if (\"\" === g || \"\" === q) l = !1;l && (this.diagnostics = { runnable: v, material: d, programLog: f, vertexShader: { log: g, prefix: k }, fragmentShader: { log: q, prefix: b } });h.deleteShader(m);h.deleteShader(p);var C;this.getUniforms = function () {\n void 0 === C && (C = new fb(h, x, a));return C;\n };var y;this.getAttributes = function () {\n if (void 0 === y) {\n for (var a = {}, b = h.getProgramParameter(x, 35721), c = 0; c < b; c++) {\n var d = h.getActiveAttrib(x, c).name;a[d] = h.getAttribLocation(x, d);\n }y = a;\n }return y;\n };this.destroy = function () {\n h.deleteProgram(x);this.program = void 0;\n };Object.defineProperties(this, { uniforms: { get: function get$$1() {\n console.warn(\"THREE.WebGLProgram: .uniforms is now .getUniforms().\");return this.getUniforms();\n } }, attributes: { get: function get$$1() {\n console.warn(\"THREE.WebGLProgram: .attributes is now .getAttributes().\");return this.getAttributes();\n } } });this.name = e.name;this.id = Rg++;this.code = c;this.usedTimes = 1;this.program = x;this.vertexShader = m;this.fragmentShader = p;return this;\n }function Sg(a, b, c) {\n function d(a, b) {\n if (a) a.isTexture ? c = a.encoding : a.isWebGLRenderTarget && (console.warn(\"THREE.WebGLPrograms.getTextureEncodingFromMap: don't use render targets as textures. Use their .texture property instead.\"), c = a.texture.encoding);else var c = 3E3;3E3 === c && b && (c = 3007);return c;\n }var e = [],\n f = { MeshDepthMaterial: \"depth\", MeshDistanceMaterial: \"distanceRGBA\", MeshNormalMaterial: \"normal\", MeshBasicMaterial: \"basic\", MeshLambertMaterial: \"lambert\", MeshPhongMaterial: \"phong\", MeshToonMaterial: \"phong\", MeshStandardMaterial: \"physical\",\n MeshPhysicalMaterial: \"physical\", MeshMatcapMaterial: \"matcap\", LineBasicMaterial: \"basic\", LineDashedMaterial: \"dashed\", PointsMaterial: \"points\", ShadowMaterial: \"shadow\", SpriteMaterial: \"sprite\" },\n g = \"precision supportsVertexTextures map mapEncoding matcap matcapEncoding envMap envMapMode envMapEncoding lightMap aoMap emissiveMap emissiveMapEncoding bumpMap normalMap objectSpaceNormalMap displacementMap specularMap roughnessMap metalnessMap gradientMap alphaMap combine vertexColors vertexTangents fog useFog fogExp flatShading sizeAttenuation logarithmicDepthBuffer skinning maxBones useVertexTexture morphTargets morphNormals maxMorphTargets maxMorphNormals premultipliedAlpha numDirLights numPointLights numSpotLights numHemiLights numRectAreaLights shadowMapEnabled shadowMapType toneMapping physicallyCorrectLights alphaTest doubleSided flipSided numClippingPlanes numClipIntersection depthPacking dithering\".split(\" \");\n this.getParameters = function (b, e, g, p, q, v, l) {\n var h = f[b.type];if (l.isSkinnedMesh) {\n var k = l.skeleton.bones;if (c.floatVertexTextures) k = 1024;else {\n var m = Math.min(Math.floor((c.maxVertexUniforms - 20) / 4), k.length);m < k.length ? (console.warn(\"THREE.WebGLRenderer: Skeleton has \" + k.length + \" bones. This GPU supports \" + m + \".\"), k = 0) : k = m;\n }\n } else k = 0;m = c.precision;null !== b.precision && (m = c.getMaxPrecision(b.precision), m !== b.precision && console.warn(\"THREE.WebGLProgram.getParameters:\", b.precision, \"not supported, using\", m, \"instead.\"));\n var t = a.getRenderTarget();return { shaderID: h, precision: m, supportsVertexTextures: c.vertexTextures, outputEncoding: d(t ? t.texture : null, a.gammaOutput), map: !!b.map, mapEncoding: d(b.map, a.gammaInput), matcap: !!b.matcap, matcapEncoding: d(b.matcap, a.gammaInput), envMap: !!b.envMap, envMapMode: b.envMap && b.envMap.mapping, envMapEncoding: d(b.envMap, a.gammaInput), envMapCubeUV: !!b.envMap && (306 === b.envMap.mapping || 307 === b.envMap.mapping), lightMap: !!b.lightMap, aoMap: !!b.aoMap, emissiveMap: !!b.emissiveMap, emissiveMapEncoding: d(b.emissiveMap, a.gammaInput), bumpMap: !!b.bumpMap, normalMap: !!b.normalMap, objectSpaceNormalMap: 1 === b.normalMapType, displacementMap: !!b.displacementMap, roughnessMap: !!b.roughnessMap, metalnessMap: !!b.metalnessMap, specularMap: !!b.specularMap, alphaMap: !!b.alphaMap, gradientMap: !!b.gradientMap, combine: b.combine, vertexTangents: b.normalMap && b.vertexTangents, vertexColors: b.vertexColors, fog: !!p, useFog: b.fog, fogExp: p && p.isFogExp2, flatShading: b.flatShading, sizeAttenuation: b.sizeAttenuation, logarithmicDepthBuffer: c.logarithmicDepthBuffer,\n skinning: b.skinning && 0 < k, maxBones: k, useVertexTexture: c.floatVertexTextures, morphTargets: b.morphTargets, morphNormals: b.morphNormals, maxMorphTargets: a.maxMorphTargets, maxMorphNormals: a.maxMorphNormals, numDirLights: e.directional.length, numPointLights: e.point.length, numSpotLights: e.spot.length, numRectAreaLights: e.rectArea.length, numHemiLights: e.hemi.length, numClippingPlanes: q, numClipIntersection: v, dithering: b.dithering, shadowMapEnabled: a.shadowMap.enabled && l.receiveShadow && 0 < g.length, shadowMapType: a.shadowMap.type,\n toneMapping: a.toneMapping, physicallyCorrectLights: a.physicallyCorrectLights, premultipliedAlpha: b.premultipliedAlpha, alphaTest: b.alphaTest, doubleSided: 2 === b.side, flipSided: 1 === b.side, depthPacking: void 0 !== b.depthPacking ? b.depthPacking : !1 };\n };this.getProgramCode = function (b, c) {\n var d = [];c.shaderID ? d.push(c.shaderID) : (d.push(b.fragmentShader), d.push(b.vertexShader));if (void 0 !== b.defines) for (var e in b.defines) {\n d.push(e), d.push(b.defines[e]);\n }for (e = 0; e < g.length; e++) {\n d.push(c[g[e]]);\n }d.push(b.onBeforeCompile.toString());\n d.push(a.gammaOutput);d.push(a.gammaFactor);return d.join();\n };this.acquireProgram = function (d, f, g, p) {\n for (var h, k = 0, m = e.length; k < m; k++) {\n var l = e[k];if (l.code === p) {\n h = l;++h.usedTimes;break;\n }\n }void 0 === h && (h = new Qg(a, b, p, d, f, g, c), e.push(h));return h;\n };this.releaseProgram = function (a) {\n if (0 === --a.usedTimes) {\n var b = e.indexOf(a);e[b] = e[e.length - 1];e.pop();a.destroy();\n }\n };this.programs = e;\n }function Tg() {\n var a = new WeakMap();return { get: function get$$1(b) {\n var c = a.get(b);void 0 === c && (c = {}, a.set(b, c));return c;\n }, remove: function remove(b) {\n a.delete(b);\n },\n update: function update(b, c, d) {\n a.get(b)[c] = d;\n }, dispose: function dispose() {\n a = new WeakMap();\n } };\n }function Ug(a, b) {\n return a.groupOrder !== b.groupOrder ? a.groupOrder - b.groupOrder : a.renderOrder !== b.renderOrder ? a.renderOrder - b.renderOrder : a.program && b.program && a.program !== b.program ? a.program.id - b.program.id : a.material.id !== b.material.id ? a.material.id - b.material.id : a.z !== b.z ? a.z - b.z : a.id - b.id;\n }function Vg(a, b) {\n return a.groupOrder !== b.groupOrder ? a.groupOrder - b.groupOrder : a.renderOrder !== b.renderOrder ? a.renderOrder - b.renderOrder : a.z !== b.z ? b.z - a.z : a.id - b.id;\n }function mf() {\n function a(a, d, e, k, m, p) {\n var f = b[c];void 0 === f ? (f = { id: a.id, object: a, geometry: d, material: e, program: e.program, groupOrder: k, renderOrder: a.renderOrder, z: m, group: p }, b[c] = f) : (f.id = a.id, f.object = a, f.geometry = d, f.material = e, f.program = e.program, f.groupOrder = k, f.renderOrder = a.renderOrder, f.z = m, f.group = p);c++;return f;\n }var b = [],\n c = 0,\n d = [],\n e = [];return { opaque: d, transparent: e, init: function init() {\n c = 0;d.length = 0;e.length = 0;\n }, push: function push(b, c, h, k, m, p) {\n b = a(b, c, h, k, m, p);(!0 === h.transparent ? e : d).push(b);\n }, unshift: function unshift(b, c, h, k, m, p) {\n b = a(b, c, h, k, m, p);(!0 === h.transparent ? e : d).unshift(b);\n }, sort: function sort() {\n 1 < d.length && d.sort(Ug);1 < e.length && e.sort(Vg);\n } };\n }function Wg() {\n function a(c) {\n c = c.target;c.removeEventListener(\"dispose\", a);delete b[c.id];\n }var b = {};return { get: function get$$1(c, d) {\n var e = b[c.id];if (void 0 === e) {\n var f = new mf();b[c.id] = {};b[c.id][d.id] = f;c.addEventListener(\"dispose\", a);\n } else f = e[d.id], void 0 === f && (f = new mf(), e[d.id] = f);return f;\n }, dispose: function dispose() {\n b = {};\n } };\n }function Xg() {\n var a = {};return { get: function get$$1(b) {\n if (void 0 !== a[b.id]) return a[b.id];switch (b.type) {case \"DirectionalLight\":\n var c = { direction: new n(), color: new K(), shadow: !1, shadowBias: 0, shadowRadius: 1, shadowMapSize: new B() };break;case \"SpotLight\":\n c = { position: new n(), direction: new n(), color: new K(), distance: 0, coneCos: 0, penumbraCos: 0, decay: 0, shadow: !1, shadowBias: 0, shadowRadius: 1, shadowMapSize: new B() };break;case \"PointLight\":\n c = { position: new n(), color: new K(), distance: 0, decay: 0, shadow: !1, shadowBias: 0, shadowRadius: 1, shadowMapSize: new B(), shadowCameraNear: 1, shadowCameraFar: 1E3 };break;\n case \"HemisphereLight\":\n c = { direction: new n(), skyColor: new K(), groundColor: new K() };break;case \"RectAreaLight\":\n c = { color: new K(), position: new n(), halfWidth: new n(), halfHeight: new n() };}return a[b.id] = c;\n } };\n }function Yg() {\n var a = new Xg(),\n b = { id: Zg++, hash: { stateID: -1, directionalLength: -1, pointLength: -1, spotLength: -1, rectAreaLength: -1, hemiLength: -1, shadowsLength: -1 }, ambient: [0, 0, 0], directional: [], directionalShadowMap: [], directionalShadowMatrix: [], spot: [], spotShadowMap: [], spotShadowMatrix: [], rectArea: [], point: [], pointShadowMap: [],\n pointShadowMatrix: [], hemi: [] },\n c = new n(),\n d = new J(),\n e = new J();return { setup: function setup(f, g, h) {\n var k = 0,\n m = 0,\n p = 0,\n q = 0,\n v = 0,\n l = 0,\n r = 0,\n u = 0;h = h.matrixWorldInverse;for (var w = 0, n = f.length; w < n; w++) {\n var x = f[w],\n C = x.color,\n y = x.intensity,\n Q = x.distance,\n fa = x.shadow && x.shadow.map ? x.shadow.map.texture : null;if (x.isAmbientLight) k += C.r * y, m += C.g * y, p += C.b * y;else if (x.isDirectionalLight) {\n var A = a.get(x);A.color.copy(x.color).multiplyScalar(x.intensity);A.direction.setFromMatrixPosition(x.matrixWorld);c.setFromMatrixPosition(x.target.matrixWorld);\n A.direction.sub(c);A.direction.transformDirection(h);if (A.shadow = x.castShadow) C = x.shadow, A.shadowBias = C.bias, A.shadowRadius = C.radius, A.shadowMapSize = C.mapSize;b.directionalShadowMap[q] = fa;b.directionalShadowMatrix[q] = x.shadow.matrix;b.directional[q] = A;q++;\n } else if (x.isSpotLight) {\n A = a.get(x);A.position.setFromMatrixPosition(x.matrixWorld);A.position.applyMatrix4(h);A.color.copy(C).multiplyScalar(y);A.distance = Q;A.direction.setFromMatrixPosition(x.matrixWorld);c.setFromMatrixPosition(x.target.matrixWorld);\n A.direction.sub(c);A.direction.transformDirection(h);A.coneCos = Math.cos(x.angle);A.penumbraCos = Math.cos(x.angle * (1 - x.penumbra));A.decay = x.decay;if (A.shadow = x.castShadow) C = x.shadow, A.shadowBias = C.bias, A.shadowRadius = C.radius, A.shadowMapSize = C.mapSize;b.spotShadowMap[l] = fa;b.spotShadowMatrix[l] = x.shadow.matrix;b.spot[l] = A;l++;\n } else if (x.isRectAreaLight) A = a.get(x), A.color.copy(C).multiplyScalar(y), A.position.setFromMatrixPosition(x.matrixWorld), A.position.applyMatrix4(h), e.identity(), d.copy(x.matrixWorld), d.premultiply(h), e.extractRotation(d), A.halfWidth.set(.5 * x.width, 0, 0), A.halfHeight.set(0, .5 * x.height, 0), A.halfWidth.applyMatrix4(e), A.halfHeight.applyMatrix4(e), b.rectArea[r] = A, r++;else if (x.isPointLight) {\n A = a.get(x);A.position.setFromMatrixPosition(x.matrixWorld);A.position.applyMatrix4(h);A.color.copy(x.color).multiplyScalar(x.intensity);A.distance = x.distance;A.decay = x.decay;if (A.shadow = x.castShadow) C = x.shadow, A.shadowBias = C.bias, A.shadowRadius = C.radius, A.shadowMapSize = C.mapSize, A.shadowCameraNear = C.camera.near, A.shadowCameraFar = C.camera.far;b.pointShadowMap[v] = fa;b.pointShadowMatrix[v] = x.shadow.matrix;b.point[v] = A;v++;\n } else x.isHemisphereLight && (A = a.get(x), A.direction.setFromMatrixPosition(x.matrixWorld), A.direction.transformDirection(h), A.direction.normalize(), A.skyColor.copy(x.color).multiplyScalar(y), A.groundColor.copy(x.groundColor).multiplyScalar(y), b.hemi[u] = A, u++);\n }b.ambient[0] = k;b.ambient[1] = m;b.ambient[2] = p;b.directional.length = q;b.spot.length = l;b.rectArea.length = r;b.point.length = v;\n b.hemi.length = u;b.hash.stateID = b.id;b.hash.directionalLength = q;b.hash.pointLength = v;b.hash.spotLength = l;b.hash.rectAreaLength = r;b.hash.hemiLength = u;b.hash.shadowsLength = g.length;\n }, state: b };\n }function nf() {\n var a = new Yg(),\n b = [],\n c = [];return { init: function init() {\n b.length = 0;c.length = 0;\n }, state: { lightsArray: b, shadowsArray: c, lights: a }, setupLights: function setupLights(d) {\n a.setup(b, c, d);\n }, pushLight: function pushLight(a) {\n b.push(a);\n }, pushShadow: function pushShadow(a) {\n c.push(a);\n } };\n }function $g() {\n function a(c) {\n c = c.target;c.removeEventListener(\"dispose\", a);delete b[c.id];\n }\n var b = {};return { get: function get$$1(c, d) {\n if (void 0 === b[c.id]) {\n var e = new nf();b[c.id] = {};b[c.id][d.id] = e;c.addEventListener(\"dispose\", a);\n } else void 0 === b[c.id][d.id] ? (e = new nf(), b[c.id][d.id] = e) : e = b[c.id][d.id];return e;\n }, dispose: function dispose() {\n b = {};\n } };\n }function gb(a) {\n M.call(this);this.type = \"MeshDepthMaterial\";this.depthPacking = 3200;this.morphTargets = this.skinning = !1;this.displacementMap = this.alphaMap = this.map = null;this.displacementScale = 1;this.displacementBias = 0;this.wireframe = !1;this.wireframeLinewidth = 1;this.lights = this.fog = !1;this.setValues(a);\n }function hb(a) {\n M.call(this);this.type = \"MeshDistanceMaterial\";this.referencePosition = new n();this.nearDistance = 1;this.farDistance = 1E3;this.morphTargets = this.skinning = !1;this.displacementMap = this.alphaMap = this.map = null;this.displacementScale = 1;this.displacementBias = 0;this.lights = this.fog = !1;this.setValues(a);\n }function of(a, b, c) {\n function d(b, c, d, e, f, g) {\n var h = b.geometry;var k = q;var m = b.customDepthMaterial;d && (k = v, m = b.customDistanceMaterial);m ? k = m : (m = !1, c.morphTargets && (h && h.isBufferGeometry ? m = h.morphAttributes && h.morphAttributes.position && 0 < h.morphAttributes.position.length : h && h.isGeometry && (m = h.morphTargets && 0 < h.morphTargets.length)), b.isSkinnedMesh && !1 === c.skinning && console.warn(\"THREE.WebGLShadowMap: THREE.SkinnedMesh with material.skinning set to false:\", b), b = b.isSkinnedMesh && c.skinning, h = 0, m && (h |= 1), b && (h |= 2), k = k[h]);a.localClippingEnabled && !0 === c.clipShadows && 0 !== c.clippingPlanes.length && (h = k.uuid, m = c.uuid, b = l[h], void 0 === b && (b = {}, l[h] = b), h = b[m], void 0 === h && (h = k.clone(), b[m] = h), k = h);k.visible = c.visible;k.wireframe = c.wireframe;k.side = null != c.shadowSide ? c.shadowSide : r[c.side];k.clipShadows = c.clipShadows;k.clippingPlanes = c.clippingPlanes;k.clipIntersection = c.clipIntersection;k.wireframeLinewidth = c.wireframeLinewidth;k.linewidth = c.linewidth;d && k.isMeshDistanceMaterial && (k.referencePosition.copy(e), k.nearDistance = f, k.farDistance = g);return k;\n }function e(c, g, h, k) {\n if (!1 !== c.visible) {\n if (c.layers.test(g.layers) && (c.isMesh || c.isLine || c.isPoints) && c.castShadow && (!c.frustumCulled || f.intersectsObject(c))) {\n c.modelViewMatrix.multiplyMatrices(h.matrixWorldInverse, c.matrixWorld);var m = b.update(c),\n q = c.material;if (Array.isArray(q)) for (var v = m.groups, l = 0, t = v.length; l < t; l++) {\n var r = v[l],\n u = q[r.materialIndex];u && u.visible && (u = d(c, u, k, p, h.near, h.far), a.renderBufferDirect(h, null, m, u, c, r));\n } else q.visible && (u = d(c, q, k, p, h.near, h.far), a.renderBufferDirect(h, null, m, u, c, null));\n }c = c.children;m = 0;for (q = c.length; m < q; m++) {\n e(c[m], g, h, k);\n }\n }\n }var f = new vd(),\n g = new J(),\n h = new B(),\n k = new B(c, c),\n m = new n(),\n p = new n(),\n q = Array(4),\n v = Array(4),\n l = {},\n r = { 0: 1, 1: 0, 2: 2 },\n u = [new n(1, 0, 0), new n(-1, 0, 0), new n(0, 0, 1), new n(0, 0, -1), new n(0, 1, 0), new n(0, -1, 0)],\n w = [new n(0, 1, 0), new n(0, 1, 0), new n(0, 1, 0), new n(0, 1, 0), new n(0, 0, 1), new n(0, 0, -1)],\n z = [new ba(), new ba(), new ba(), new ba(), new ba(), new ba()];for (c = 0; 4 !== c; ++c) {\n var x = 0 !== (c & 1),\n C = 0 !== (c & 2),\n y = new gb({ depthPacking: 3201, morphTargets: x, skinning: C });q[c] = y;x = new hb({ morphTargets: x, skinning: C });v[c] = x;\n }var Q = this;this.enabled = !1;this.autoUpdate = !0;this.needsUpdate = !1;this.type = 1;this.render = function (b, c, d) {\n if (!1 !== Q.enabled && (!1 !== Q.autoUpdate || !1 !== Q.needsUpdate) && 0 !== b.length) {\n var q = a.getRenderTarget(),\n v = a.state;v.setBlending(0);v.buffers.color.setClear(1, 1, 1, 1);v.buffers.depth.setTest(!0);v.setScissorTest(!1);for (var l, t = 0, r = b.length; t < r; t++) {\n var n = b[t];l = n.shadow;var x = n && n.isPointLight;if (void 0 === l) console.warn(\"THREE.WebGLShadowMap:\", n, \"has no shadow.\");else {\n var y = l.camera;h.copy(l.mapSize);h.min(k);if (x) {\n var C = h.x,\n A = h.y;z[0].set(2 * C, A, C, A);z[1].set(0, A, C, A);z[2].set(3 * C, A, C, A);z[3].set(C, A, C, A);z[4].set(3 * C, 0, C, A);z[5].set(C, 0, C, A);h.x *= 4;h.y *= 2;\n }null === l.map && (l.map = new Sa(h.x, h.y, { minFilter: 1003, magFilter: 1003, format: 1023 }), l.map.texture.name = n.name + \".shadowMap\", y.updateProjectionMatrix());l.isSpotLightShadow && l.update(n);C = l.map;A = l.matrix;p.setFromMatrixPosition(n.matrixWorld);y.position.copy(p);x ? (l = 6, A.makeTranslation(-p.x, -p.y, -p.z)) : (l = 1, m.setFromMatrixPosition(n.target.matrixWorld), y.lookAt(m), y.updateMatrixWorld(), A.set(.5, 0, 0, .5, 0, .5, 0, .5, 0, 0, .5, .5, 0, 0, 0, 1), A.multiply(y.projectionMatrix), A.multiply(y.matrixWorldInverse));a.setRenderTarget(C);a.clear();for (n = 0; n < l; n++) {\n x && (m.copy(y.position), m.add(u[n]), y.up.copy(w[n]), y.lookAt(m), y.updateMatrixWorld(), v.viewport(z[n])), g.multiplyMatrices(y.projectionMatrix, y.matrixWorldInverse), f.setFromMatrix(g), e(c, d, y, x);\n }\n }\n }Q.needsUpdate = !1;a.setRenderTarget(q);\n }\n };\n }function ah(a, b, c, d) {\n function e(b, c, d) {\n var e = new Uint8Array(4),\n f = a.createTexture();a.bindTexture(b, f);a.texParameteri(b, 10241, 9728);a.texParameteri(b, 10240, 9728);for (b = 0; b < d; b++) {\n a.texImage2D(c + b, 0, 6408, 1, 1, 0, 6408, 5121, e);\n }return f;\n }function f(c, e) {\n z[c] = 1;0 === x[c] && (a.enableVertexAttribArray(c), x[c] = 1);C[c] !== e && ((d.isWebGL2 ? a : b.get(\"ANGLE_instanced_arrays\"))[d.isWebGL2 ? \"vertexAttribDivisor\" : \"vertexAttribDivisorANGLE\"](c, e), C[c] = e);\n }function g(b) {\n !0 !== y[b] && (a.enable(b), y[b] = !0);\n }function h(b) {\n !1 !== y[b] && (a.disable(b), y[b] = !1);\n }function k(b, d, e, f, k, m, p, q) {\n if (0 === b) A && (h(3042), A = !1);else if (A || (g(3042), A = !0), 5 !== b) {\n if (b !== B || q !== ee) {\n if (100 !== F || 100 !== wd) a.blendEquation(32774), wd = F = 100;if (q) switch (b) {case 1:\n a.blendFuncSeparate(1, 771, 1, 771);break;case 2:\n a.blendFunc(1, 1);break;case 3:\n a.blendFuncSeparate(0, 0, 769, 771);break;case 4:\n a.blendFuncSeparate(0, 768, 0, 770);break;default:\n console.error(\"THREE.WebGLState: Invalid blending: \", b);} else switch (b) {case 1:\n a.blendFuncSeparate(770, 771, 1, 771);break;case 2:\n a.blendFunc(770, 1);break;case 3:\n a.blendFunc(0, 769);break;case 4:\n a.blendFunc(0, 768);break;default:\n console.error(\"THREE.WebGLState: Invalid blending: \", b);}de = ce = X = Bc = null;B = b;ee = q;\n }\n } else {\n k = k || d;m = m || e;p = p || f;if (d !== F || k !== wd) a.blendEquationSeparate(c.convert(d), c.convert(k)), F = d, wd = k;if (e !== Bc || f !== X || m !== ce || p !== de) a.blendFuncSeparate(c.convert(e), c.convert(f), c.convert(m), c.convert(p)), Bc = e, X = f, ce = m, de = p;B = b;ee = null;\n }\n }function m(b) {\n E !== b && (b ? a.frontFace(2304) : a.frontFace(2305), E = b);\n }function p(b) {\n 0 !== b ? (g(2884), b !== D && (1 === b ? a.cullFace(1029) : 2 === b ? a.cullFace(1028) : a.cullFace(1032))) : h(2884);D = b;\n }function q(b, c, d) {\n if (b) {\n if (g(32823), I !== c || K !== d) a.polygonOffset(c, d), I = c, K = d;\n } else h(32823);\n }function v(b) {\n void 0 === b && (b = 33984 + L - 1);G !== b && (a.activeTexture(b), G = b);\n }var l = new function () {\n var b = !1,\n c = new ba(),\n d = null,\n e = new ba(0, 0, 0, 0);return { setMask: function setMask(c) {\n d === c || b || (a.colorMask(c, c, c, c), d = c);\n }, setLocked: function setLocked(a) {\n b = a;\n }, setClear: function setClear(b, d, f, g, h) {\n !0 === h && (b *= g, d *= g, f *= g);c.set(b, d, f, g);!1 === e.equals(c) && (a.clearColor(b, d, f, g), e.copy(c));\n }, reset: function reset() {\n b = !1;d = null;e.set(-1, 0, 0, 0);\n } };\n }(),\n r = new function () {\n var b = !1,\n c = null,\n d = null,\n e = null;return { setTest: function setTest(a) {\n a ? g(2929) : h(2929);\n }, setMask: function setMask(d) {\n c === d || b || (a.depthMask(d), c = d);\n }, setFunc: function setFunc(b) {\n if (d !== b) {\n if (b) switch (b) {case 0:\n a.depthFunc(512);\n break;case 1:\n a.depthFunc(519);break;case 2:\n a.depthFunc(513);break;case 3:\n a.depthFunc(515);break;case 4:\n a.depthFunc(514);break;case 5:\n a.depthFunc(518);break;case 6:\n a.depthFunc(516);break;case 7:\n a.depthFunc(517);break;default:\n a.depthFunc(515);} else a.depthFunc(515);d = b;\n }\n }, setLocked: function setLocked(a) {\n b = a;\n }, setClear: function setClear(b) {\n e !== b && (a.clearDepth(b), e = b);\n }, reset: function reset() {\n b = !1;e = d = c = null;\n } };\n }(),\n u = new function () {\n var b = !1,\n c = null,\n d = null,\n e = null,\n f = null,\n k = null,\n m = null,\n p = null,\n q = null;return { setTest: function setTest(a) {\n a ? g(2960) : h(2960);\n }, setMask: function setMask(d) {\n c === d || b || (a.stencilMask(d), c = d);\n }, setFunc: function setFunc(b, c, g) {\n if (d !== b || e !== c || f !== g) a.stencilFunc(b, c, g), d = b, e = c, f = g;\n }, setOp: function setOp(b, c, d) {\n if (k !== b || m !== c || p !== d) a.stencilOp(b, c, d), k = b, m = c, p = d;\n }, setLocked: function setLocked(a) {\n b = a;\n }, setClear: function setClear(b) {\n q !== b && (a.clearStencil(b), q = b);\n }, reset: function reset() {\n b = !1;q = p = m = k = f = e = d = c = null;\n } };\n }(),\n n = a.getParameter(34921),\n z = new Uint8Array(n),\n x = new Uint8Array(n),\n C = new Uint8Array(n),\n y = {},\n Q = null,\n fa = null,\n A = null,\n B = null,\n F = null,\n Bc = null,\n X = null,\n wd = null,\n ce = null,\n de = null,\n ee = !1,\n E = null,\n D = null,\n ta = null,\n I = null,\n K = null,\n L = a.getParameter(35661),\n J = !1;n = 0;n = a.getParameter(7938);-1 !== n.indexOf(\"WebGL\") ? (n = parseFloat(/^WebGL ([0-9])/.exec(n)[1]), J = 1 <= n) : -1 !== n.indexOf(\"OpenGL ES\") && (n = parseFloat(/^OpenGL ES ([0-9])/.exec(n)[1]), J = 2 <= n);var G = null,\n H = {},\n M = new ba(),\n N = new ba(),\n T = {};T[3553] = e(3553, 3553, 1);T[34067] = e(34067, 34069, 6);l.setClear(0, 0, 0, 1);r.setClear(1);u.setClear(0);g(2929);r.setFunc(3);m(!1);p(1);g(2884);k(0);return { buffers: { color: l, depth: r, stencil: u }, initAttributes: function initAttributes() {\n for (var a = 0, b = z.length; a < b; a++) {\n z[a] = 0;\n }\n }, enableAttribute: function enableAttribute(a) {\n f(a, 0);\n }, enableAttributeAndDivisor: f, disableUnusedAttributes: function disableUnusedAttributes() {\n for (var b = 0, c = x.length; b !== c; ++b) {\n x[b] !== z[b] && (a.disableVertexAttribArray(b), x[b] = 0);\n }\n }, enable: g, disable: h, getCompressedTextureFormats: function getCompressedTextureFormats() {\n if (null === Q && (Q = [], b.get(\"WEBGL_compressed_texture_pvrtc\") || b.get(\"WEBGL_compressed_texture_s3tc\") || b.get(\"WEBGL_compressed_texture_etc1\") || b.get(\"WEBGL_compressed_texture_astc\"))) for (var c = a.getParameter(34467), d = 0; d < c.length; d++) {\n Q.push(c[d]);\n }return Q;\n }, useProgram: function useProgram(b) {\n return fa !== b ? (a.useProgram(b), fa = b, !0) : !1;\n }, setBlending: k, setMaterial: function setMaterial(a, b) {\n 2 === a.side ? h(2884) : g(2884);var c = 1 === a.side;b && (c = !c);m(c);1 === a.blending && !1 === a.transparent ? k(0) : k(a.blending, a.blendEquation, a.blendSrc, a.blendDst, a.blendEquationAlpha, a.blendSrcAlpha, a.blendDstAlpha, a.premultipliedAlpha);r.setFunc(a.depthFunc);r.setTest(a.depthTest);r.setMask(a.depthWrite);l.setMask(a.colorWrite);q(a.polygonOffset, a.polygonOffsetFactor, a.polygonOffsetUnits);\n }, setFlipSided: m,\n setCullFace: p, setLineWidth: function setLineWidth(b) {\n b !== ta && (J && a.lineWidth(b), ta = b);\n }, setPolygonOffset: q, setScissorTest: function setScissorTest(a) {\n a ? g(3089) : h(3089);\n }, activeTexture: v, bindTexture: function bindTexture(b, c) {\n null === G && v();var d = H[G];void 0 === d && (d = { type: void 0, texture: void 0 }, H[G] = d);if (d.type !== b || d.texture !== c) a.bindTexture(b, c || T[b]), d.type = b, d.texture = c;\n }, compressedTexImage2D: function compressedTexImage2D() {\n try {\n a.compressedTexImage2D.apply(a, arguments);\n } catch (ea) {\n console.error(\"THREE.WebGLState:\", ea);\n }\n }, texImage2D: function texImage2D() {\n try {\n a.texImage2D.apply(a, arguments);\n } catch (ea) {\n console.error(\"THREE.WebGLState:\", ea);\n }\n }, texImage3D: function texImage3D() {\n try {\n a.texImage3D.apply(a, arguments);\n } catch (ea) {\n console.error(\"THREE.WebGLState:\", ea);\n }\n }, scissor: function scissor(b) {\n !1 === M.equals(b) && (a.scissor(b.x, b.y, b.z, b.w), M.copy(b));\n }, viewport: function viewport(b) {\n !1 === N.equals(b) && (a.viewport(b.x, b.y, b.z, b.w), N.copy(b));\n }, reset: function reset() {\n for (var b = 0; b < x.length; b++) {\n 1 === x[b] && (a.disableVertexAttribArray(b), x[b] = 0);\n }y = {};G = Q = null;H = {};D = E = B = fa = null;l.reset();r.reset();u.reset();\n } };\n }function bh(a, b, c, d, e, f, g) {\n function h(a, b) {\n return F ? new OffscreenCanvas(a, b) : document.createElementNS(\"http://www.w3.org/1999/xhtml\", \"canvas\");\n }function k(a, b, c, d) {\n var e = 1;if (a.width > d || a.height > d) e = d / Math.max(a.width, a.height);if (1 > e || !0 === b) {\n if (\"undefined\" !== typeof HTMLImageElement && a instanceof HTMLImageElement || \"undefined\" !== typeof HTMLCanvasElement && a instanceof HTMLCanvasElement || \"undefined\" !== typeof ImageBitmap && a instanceof ImageBitmap) return d = b ? H.floorPowerOfTwo : Math.floor, b = d(e * a.width), e = d(e * a.height), void 0 === B && (B = h(b, e)), c = c ? h(b, e) : B, c.width = b, c.height = e, c.getContext(\"2d\").drawImage(a, 0, 0, b, e), console.warn(\"THREE.WebGLRenderer: Texture has been resized from (\" + a.width + \"x\" + a.height + \") to (\" + b + \"x\" + e + \").\"), c;\"data\" in a && console.warn(\"THREE.WebGLRenderer: Image in DataTexture is too big (\" + a.width + \"x\" + a.height + \").\");\n }return a;\n }function m(a) {\n return H.isPowerOfTwo(a.width) && H.isPowerOfTwo(a.height);\n }function p(a, b) {\n return a.generateMipmaps && b && 1003 !== a.minFilter && 1006 !== a.minFilter;\n }function q(b, c, e, f) {\n a.generateMipmap(b);d.get(c).__maxMipLevel = Math.log(Math.max(e, f)) * Math.LOG2E;\n }function v(a, c) {\n if (!e.isWebGL2) return a;var d = a;6403 === a && (5126 === c && (d = 33326), 5131 === c && (d = 33325), 5121 === c && (d = 33321));6407 === a && (5126 === c && (d = 34837), 5131 === c && (d = 34843), 5121 === c && (d = 32849));6408 === a && (5126 === c && (d = 34836), 5131 === c && (d = 34842), 5121 === c && (d = 32856));33325 === d || 33326 === d || 34842 === d || 34836 === d ? b.get(\"EXT_color_buffer_float\") : (34843 === d || 34837 === d) && console.warn(\"THREE.WebGLRenderer: Floating point textures with RGB format not supported. Please use RGBA instead.\");\n return d;\n }function l(a) {\n return 1003 === a || 1004 === a || 1005 === a ? 9728 : 9729;\n }function r(b) {\n b = b.target;b.removeEventListener(\"dispose\", r);var c = d.get(b);void 0 !== c.__webglInit && (a.deleteTexture(c.__webglTexture), d.remove(b));b.isVideoTexture && delete A[b.id];g.memory.textures--;\n }function u(b) {\n b = b.target;b.removeEventListener(\"dispose\", u);var c = d.get(b),\n e = d.get(b.texture);if (b) {\n void 0 !== e.__webglTexture && a.deleteTexture(e.__webglTexture);b.depthTexture && b.depthTexture.dispose();if (b.isWebGLRenderTargetCube) for (e = 0; 6 > e; e++) {\n a.deleteFramebuffer(c.__webglFramebuffer[e]), c.__webglDepthbuffer && a.deleteRenderbuffer(c.__webglDepthbuffer[e]);\n } else a.deleteFramebuffer(c.__webglFramebuffer), c.__webglDepthbuffer && a.deleteRenderbuffer(c.__webglDepthbuffer);d.remove(b.texture);d.remove(b);\n }g.memory.textures--;\n }function n(a, b) {\n var e = d.get(a);if (a.isVideoTexture) {\n var f = a.id,\n h = g.render.frame;A[f] !== h && (A[f] = h, a.update());\n }if (0 < a.version && e.__version !== a.version) if (f = a.image, void 0 === f) console.warn(\"THREE.WebGLRenderer: Texture marked for update but image is undefined\");else if (!1 === f.complete) console.warn(\"THREE.WebGLRenderer: Texture marked for update but image is incomplete\");else {\n C(e, a, b);return;\n }c.activeTexture(33984 + b);c.bindTexture(3553, e.__webglTexture);\n }function z(c, g, h) {\n h ? (a.texParameteri(c, 10242, f.convert(g.wrapS)), a.texParameteri(c, 10243, f.convert(g.wrapT)), 32879 !== c && 35866 !== c || a.texParameteri(c, 32882, f.convert(g.wrapR)), a.texParameteri(c, 10240, f.convert(g.magFilter)), a.texParameteri(c, 10241, f.convert(g.minFilter))) : (a.texParameteri(c, 10242, 33071), a.texParameteri(c, 10243, 33071), 32879 !== c && 35866 !== c || a.texParameteri(c, 32882, 33071), 1001 === g.wrapS && 1001 === g.wrapT || console.warn(\"THREE.WebGLRenderer: Texture is not power of two. Texture.wrapS and Texture.wrapT should be set to THREE.ClampToEdgeWrapping.\"), a.texParameteri(c, 10240, l(g.magFilter)), a.texParameteri(c, 10241, l(g.minFilter)), 1003 !== g.minFilter && 1006 !== g.minFilter && console.warn(\"THREE.WebGLRenderer: Texture is not power of two. Texture.minFilter should be set to THREE.NearestFilter or THREE.LinearFilter.\"));\n !(h = b.get(\"EXT_texture_filter_anisotropic\")) || 1015 === g.type && null === b.get(\"OES_texture_float_linear\") || 1016 === g.type && null === (e.isWebGL2 || b.get(\"OES_texture_half_float_linear\")) || !(1 < g.anisotropy || d.get(g).__currentAnisotropy) || (a.texParameterf(c, h.TEXTURE_MAX_ANISOTROPY_EXT, Math.min(g.anisotropy, e.getMaxAnisotropy())), d.get(g).__currentAnisotropy = g.anisotropy);\n }function x(b, c) {\n void 0 === b.__webglInit && (b.__webglInit = !0, c.addEventListener(\"dispose\", r), b.__webglTexture = a.createTexture(), g.memory.textures++);\n }\n function C(b, d, g) {\n var h = 3553;d.isDataTexture2DArray && (h = 35866);d.isDataTexture3D && (h = 32879);x(b, d);c.activeTexture(33984 + g);c.bindTexture(h, b.__webglTexture);a.pixelStorei(37440, d.flipY);a.pixelStorei(37441, d.premultiplyAlpha);a.pixelStorei(3317, d.unpackAlignment);g = e.isWebGL2 ? !1 : 1001 !== d.wrapS || 1001 !== d.wrapT || 1003 !== d.minFilter && 1006 !== d.minFilter;g = g && !1 === m(d.image);g = k(d.image, g, !1, e.maxTextureSize);var l = m(g) || e.isWebGL2,\n t = f.convert(d.format),\n r = f.convert(d.type),\n u = v(t, r);z(h, d, l);var n = d.mipmaps;\n if (d.isDepthTexture) {\n u = 6402;if (1015 === d.type) {\n if (!e.isWebGL2) throw Error(\"Float Depth Texture only supported in WebGL2.0\");u = 36012;\n } else e.isWebGL2 && (u = 33189);1026 === d.format && 6402 === u && 1012 !== d.type && 1014 !== d.type && (console.warn(\"THREE.WebGLRenderer: Use UnsignedShortType or UnsignedIntType for DepthFormat DepthTexture.\"), d.type = 1012, r = f.convert(d.type));1027 === d.format && (u = 34041, 1020 !== d.type && (console.warn(\"THREE.WebGLRenderer: Use UnsignedInt248Type for DepthStencilFormat DepthTexture.\"), d.type = 1020, r = f.convert(d.type)));c.texImage2D(3553, 0, u, g.width, g.height, 0, t, r, null);\n } else if (d.isDataTexture) {\n if (0 < n.length && l) {\n for (var w = 0, y = n.length; w < y; w++) {\n h = n[w], c.texImage2D(3553, w, u, h.width, h.height, 0, t, r, h.data);\n }d.generateMipmaps = !1;b.__maxMipLevel = n.length - 1;\n } else c.texImage2D(3553, 0, u, g.width, g.height, 0, t, r, g.data), b.__maxMipLevel = 0;\n } else if (d.isCompressedTexture) {\n w = 0;for (y = n.length; w < y; w++) {\n h = n[w], 1023 !== d.format && 1022 !== d.format ? -1 < c.getCompressedTextureFormats().indexOf(t) ? c.compressedTexImage2D(3553, w, u, h.width, h.height, 0, h.data) : console.warn(\"THREE.WebGLRenderer: Attempt to load unsupported compressed texture format in .uploadTexture()\") : c.texImage2D(3553, w, u, h.width, h.height, 0, t, r, h.data);\n }b.__maxMipLevel = n.length - 1;\n } else if (d.isDataTexture2DArray) c.texImage3D(35866, 0, u, g.width, g.height, g.depth, 0, t, r, g.data), b.__maxMipLevel = 0;else if (d.isDataTexture3D) c.texImage3D(32879, 0, u, g.width, g.height, g.depth, 0, t, r, g.data), b.__maxMipLevel = 0;else if (0 < n.length && l) {\n w = 0;for (y = n.length; w < y; w++) {\n h = n[w], c.texImage2D(3553, w, u, t, r, h);\n }d.generateMipmaps = !1;b.__maxMipLevel = n.length - 1;\n } else c.texImage2D(3553, 0, u, t, r, g), b.__maxMipLevel = 0;p(d, l) && q(3553, d, g.width, g.height);b.__version = d.version;if (d.onUpdate) d.onUpdate(d);\n }function y(b, e, g, h) {\n var k = f.convert(e.texture.format),\n m = f.convert(e.texture.type),\n p = v(k, m);c.texImage2D(h, 0, p, e.width, e.height, 0, k, m, null);a.bindFramebuffer(36160, b);a.framebufferTexture2D(36160, g, h, d.get(e.texture).__webglTexture, 0);a.bindFramebuffer(36160, null);\n }function Q(b, c, d) {\n a.bindRenderbuffer(36161, b);if (c.depthBuffer && !c.stencilBuffer) d ? (d = fa(c), a.renderbufferStorageMultisample(36161, d, 33189, c.width, c.height)) : a.renderbufferStorage(36161, 33189, c.width, c.height), a.framebufferRenderbuffer(36160, 36096, 36161, b);else if (c.depthBuffer && c.stencilBuffer) d ? (d = fa(c), a.renderbufferStorageMultisample(36161, d, 34041, c.width, c.height)) : a.renderbufferStorage(36161, 34041, c.width, c.height), a.framebufferRenderbuffer(36160, 33306, 36161, b);else {\n b = f.convert(c.texture.format);var e = f.convert(c.texture.type);b = v(b, e);d ? (d = fa(c), a.renderbufferStorageMultisample(36161, d, b, c.width, c.height)) : a.renderbufferStorage(36161, b, c.width, c.height);\n }a.bindRenderbuffer(36161, null);\n }function fa(a) {\n return e.isWebGL2 && a.isWebGLMultisampleRenderTarget ? Math.min(e.maxSamples, a.samples) : 0;\n }var A = {},\n B,\n F = \"undefined\" !== typeof OffscreenCanvas;this.setTexture2D = n;this.setTexture2DArray = function (a, b) {\n var e = d.get(a);0 < a.version && e.__version !== a.version ? C(e, a, b) : (c.activeTexture(33984 + b), c.bindTexture(35866, e.__webglTexture));\n };this.setTexture3D = function (a, b) {\n var e = d.get(a);0 < a.version && e.__version !== a.version ? C(e, a, b) : (c.activeTexture(33984 + b), c.bindTexture(32879, e.__webglTexture));\n };this.setTextureCube = function (b, g) {\n var h = d.get(b);if (6 === b.image.length) if (0 < b.version && h.__version !== b.version) {\n x(h, b);c.activeTexture(33984 + g);c.bindTexture(34067, h.__webglTexture);a.pixelStorei(37440, b.flipY);g = b && b.isCompressedTexture;for (var l = b.image[0] && b.image[0].isDataTexture, t = [], r = 0; 6 > r; r++) {\n t[r] = g || l ? l ? b.image[r].image : b.image[r] : k(b.image[r], !1, !0, e.maxCubemapSize);\n }var u = t[0],\n n = m(u) || e.isWebGL2,\n w = f.convert(b.format),\n y = f.convert(b.type),\n C = v(w, y);z(34067, b, n);for (r = 0; 6 > r; r++) {\n if (g) for (var A, fa = t[r].mipmaps, Q = 0, Bc = fa.length; Q < Bc; Q++) {\n A = fa[Q], 1023 !== b.format && 1022 !== b.format ? -1 < c.getCompressedTextureFormats().indexOf(w) ? c.compressedTexImage2D(34069 + r, Q, C, A.width, A.height, 0, A.data) : console.warn(\"THREE.WebGLRenderer: Attempt to load unsupported compressed texture format in .setTextureCube()\") : c.texImage2D(34069 + r, Q, C, A.width, A.height, 0, w, y, A.data);\n } else l ? c.texImage2D(34069 + r, 0, C, t[r].width, t[r].height, 0, w, y, t[r].data) : c.texImage2D(34069 + r, 0, C, w, y, t[r]);\n }h.__maxMipLevel = g ? fa.length - 1 : 0;p(b, n) && q(34067, b, u.width, u.height);h.__version = b.version;if (b.onUpdate) b.onUpdate(b);\n } else c.activeTexture(33984 + g), c.bindTexture(34067, h.__webglTexture);\n };this.setTextureCubeDynamic = function (a, b) {\n c.activeTexture(33984 + b);c.bindTexture(34067, d.get(a).__webglTexture);\n };this.setupRenderTarget = function (b) {\n var h = d.get(b),\n k = d.get(b.texture);b.addEventListener(\"dispose\", u);k.__webglTexture = a.createTexture();g.memory.textures++;var l = !0 === b.isWebGLRenderTargetCube,\n t = !0 === b.isWebGLMultisampleRenderTarget,\n r = m(b) || e.isWebGL2;if (l) for (h.__webglFramebuffer = [], t = 0; 6 > t; t++) {\n h.__webglFramebuffer[t] = a.createFramebuffer();\n } else if (h.__webglFramebuffer = a.createFramebuffer(), t) if (e.isWebGL2) {\n h.__webglMultisampledFramebuffer = a.createFramebuffer();h.__webglColorRenderbuffer = a.createRenderbuffer();a.bindRenderbuffer(36161, h.__webglColorRenderbuffer);t = f.convert(b.texture.format);\n var w = f.convert(b.texture.type);t = v(t, w);w = fa(b);a.renderbufferStorageMultisample(36161, w, t, b.width, b.height);a.bindFramebuffer(36160, h.__webglMultisampledFramebuffer);a.framebufferRenderbuffer(36160, 36064, 36161, h.__webglColorRenderbuffer);a.bindRenderbuffer(36161, null);b.depthBuffer && (h.__webglDepthRenderbuffer = a.createRenderbuffer(), Q(h.__webglDepthRenderbuffer, b, !0));a.bindFramebuffer(36160, null);\n } else console.warn(\"THREE.WebGLRenderer: WebGLMultisampleRenderTarget can only be used with WebGL2.\");\n if (l) {\n c.bindTexture(34067, k.__webglTexture);z(34067, b.texture, r);for (t = 0; 6 > t; t++) {\n y(h.__webglFramebuffer[t], b, 36064, 34069 + t);\n }p(b.texture, r) && q(34067, b.texture, b.width, b.height);c.bindTexture(34067, null);\n } else c.bindTexture(3553, k.__webglTexture), z(3553, b.texture, r), y(h.__webglFramebuffer, b, 36064, 3553), p(b.texture, r) && q(3553, b.texture, b.width, b.height), c.bindTexture(3553, null);if (b.depthBuffer) {\n h = d.get(b);k = !0 === b.isWebGLRenderTargetCube;if (b.depthTexture) {\n if (k) throw Error(\"target.depthTexture not supported in Cube render targets\");\n if (b && b.isWebGLRenderTargetCube) throw Error(\"Depth Texture with cube render targets is not supported\");a.bindFramebuffer(36160, h.__webglFramebuffer);if (!b.depthTexture || !b.depthTexture.isDepthTexture) throw Error(\"renderTarget.depthTexture must be an instance of THREE.DepthTexture\");d.get(b.depthTexture).__webglTexture && b.depthTexture.image.width === b.width && b.depthTexture.image.height === b.height || (b.depthTexture.image.width = b.width, b.depthTexture.image.height = b.height, b.depthTexture.needsUpdate = !0);\n n(b.depthTexture, 0);h = d.get(b.depthTexture).__webglTexture;if (1026 === b.depthTexture.format) a.framebufferTexture2D(36160, 36096, 3553, h, 0);else if (1027 === b.depthTexture.format) a.framebufferTexture2D(36160, 33306, 3553, h, 0);else throw Error(\"Unknown depthTexture format\");\n } else if (k) for (h.__webglDepthbuffer = [], k = 0; 6 > k; k++) {\n a.bindFramebuffer(36160, h.__webglFramebuffer[k]), h.__webglDepthbuffer[k] = a.createRenderbuffer(), Q(h.__webglDepthbuffer[k], b);\n } else a.bindFramebuffer(36160, h.__webglFramebuffer), h.__webglDepthbuffer = a.createRenderbuffer(), Q(h.__webglDepthbuffer, b);a.bindFramebuffer(36160, null);\n }\n };this.updateRenderTargetMipmap = function (a) {\n var b = a.texture,\n f = m(a) || e.isWebGL2;if (p(b, f)) {\n f = a.isWebGLRenderTargetCube ? 34067 : 3553;var g = d.get(b).__webglTexture;c.bindTexture(f, g);q(f, b, a.width, a.height);c.bindTexture(f, null);\n }\n };this.updateMultisampleRenderTarget = function (b) {\n if (b.isWebGLMultisampleRenderTarget) if (e.isWebGL2) {\n var c = d.get(b);a.bindFramebuffer(36008, c.__webglMultisampledFramebuffer);a.bindFramebuffer(36009, c.__webglFramebuffer);\n c = b.width;var f = b.height,\n g = 16384;b.depthBuffer && (g |= 256);b.stencilBuffer && (g |= 1024);a.blitFramebuffer(0, 0, c, f, 0, 0, c, f, g, 9728);\n } else console.warn(\"THREE.WebGLRenderer: WebGLMultisampleRenderTarget can only be used with WebGL2.\");\n };\n }function pf(a, b, c) {\n return { convert: function convert(a) {\n if (1E3 === a) return 10497;if (1001 === a) return 33071;if (1002 === a) return 33648;if (1003 === a) return 9728;if (1004 === a) return 9984;if (1005 === a) return 9986;if (1006 === a) return 9729;if (1007 === a) return 9985;if (1008 === a) return 9987;if (1009 === a) return 5121;if (1017 === a) return 32819;if (1018 === a) return 32820;if (1019 === a) return 33635;if (1010 === a) return 5120;if (1011 === a) return 5122;if (1012 === a) return 5123;if (1013 === a) return 5124;if (1014 === a) return 5125;if (1015 === a) return 5126;if (1016 === a) {\n if (c.isWebGL2) return 5131;var d = b.get(\"OES_texture_half_float\");if (null !== d) return d.HALF_FLOAT_OES;\n }if (1021 === a) return 6406;if (1022 === a) return 6407;if (1023 === a) return 6408;if (1024 === a) return 6409;if (1025 === a) return 6410;if (1026 === a) return 6402;if (1027 === a) return 34041;\n if (1028 === a) return 6403;if (100 === a) return 32774;if (101 === a) return 32778;if (102 === a) return 32779;if (200 === a) return 0;if (201 === a) return 1;if (202 === a) return 768;if (203 === a) return 769;if (204 === a) return 770;if (205 === a) return 771;if (206 === a) return 772;if (207 === a) return 773;if (208 === a) return 774;if (209 === a) return 775;if (210 === a) return 776;if (33776 === a || 33777 === a || 33778 === a || 33779 === a) if (d = b.get(\"WEBGL_compressed_texture_s3tc\"), null !== d) {\n if (33776 === a) return d.COMPRESSED_RGB_S3TC_DXT1_EXT;if (33777 === a) return d.COMPRESSED_RGBA_S3TC_DXT1_EXT;\n if (33778 === a) return d.COMPRESSED_RGBA_S3TC_DXT3_EXT;if (33779 === a) return d.COMPRESSED_RGBA_S3TC_DXT5_EXT;\n }if (35840 === a || 35841 === a || 35842 === a || 35843 === a) if (d = b.get(\"WEBGL_compressed_texture_pvrtc\"), null !== d) {\n if (35840 === a) return d.COMPRESSED_RGB_PVRTC_4BPPV1_IMG;if (35841 === a) return d.COMPRESSED_RGB_PVRTC_2BPPV1_IMG;if (35842 === a) return d.COMPRESSED_RGBA_PVRTC_4BPPV1_IMG;if (35843 === a) return d.COMPRESSED_RGBA_PVRTC_2BPPV1_IMG;\n }if (36196 === a && (d = b.get(\"WEBGL_compressed_texture_etc1\"), null !== d)) return d.COMPRESSED_RGB_ETC1_WEBGL;\n if (37808 === a || 37809 === a || 37810 === a || 37811 === a || 37812 === a || 37813 === a || 37814 === a || 37815 === a || 37816 === a || 37817 === a || 37818 === a || 37819 === a || 37820 === a || 37821 === a) if (d = b.get(\"WEBGL_compressed_texture_astc\"), null !== d) return a;if (103 === a || 104 === a) {\n if (c.isWebGL2) {\n if (103 === a) return 32775;if (104 === a) return 32776;\n }d = b.get(\"EXT_blend_minmax\");if (null !== d) {\n if (103 === a) return d.MIN_EXT;if (104 === a) return d.MAX_EXT;\n }\n }if (1020 === a) {\n if (c.isWebGL2) return 34042;d = b.get(\"WEBGL_depth_texture\");if (null !== d) return d.UNSIGNED_INT_24_8_WEBGL;\n }return 0;\n } };\n }\n function Tb() {\n E.call(this);this.type = \"Group\";\n }function Va() {\n E.call(this);this.type = \"Camera\";this.matrixWorldInverse = new J();this.projectionMatrix = new J();this.projectionMatrixInverse = new J();\n }function U(a, b, c, d) {\n Va.call(this);this.type = \"PerspectiveCamera\";this.fov = void 0 !== a ? a : 50;this.zoom = 1;this.near = void 0 !== c ? c : .1;this.far = void 0 !== d ? d : 2E3;this.focus = 10;this.aspect = void 0 !== b ? b : 1;this.view = null;this.filmGauge = 35;this.filmOffset = 0;this.updateProjectionMatrix();\n }function Fc(a) {\n U.call(this);this.cameras = a || [];\n }function qf(a, b, c) {\n rf.setFromMatrixPosition(b.matrixWorld);sf.setFromMatrixPosition(c.matrixWorld);var d = rf.distanceTo(sf),\n e = b.projectionMatrix.elements,\n f = c.projectionMatrix.elements,\n g = e[14] / (e[10] - 1);c = e[14] / (e[10] + 1);var h = (e[9] + 1) / e[5],\n k = (e[9] - 1) / e[5],\n m = (e[8] - 1) / e[0],\n p = (f[8] + 1) / f[0];e = g * m;f = g * p;p = d / (-m + p);m = p * -m;b.matrixWorld.decompose(a.position, a.quaternion, a.scale);a.translateX(m);a.translateZ(p);a.matrixWorld.compose(a.position, a.quaternion, a.scale);a.matrixWorldInverse.getInverse(a.matrixWorld);\n b = g + p;g = c + p;a.projectionMatrix.makePerspective(e - m, f + (d - m), h * c / g * b, k * c / g * b, b, g);\n }function tf(a) {\n function b() {\n return null !== e && !0 === e.isPresenting;\n }function c() {\n if (b()) {\n var c = e.getEyeParameters(\"left\"),\n f = c.renderWidth * p;c = c.renderHeight * p;C = a.getPixelRatio();a.getSize(x);a.setDrawingBufferSize(2 * f, c, 1);Q.start();\n } else d.enabled && a.setDrawingBufferSize(x.width, x.height, C), Q.stop();\n }var d = this,\n e = null,\n f = null,\n g = null,\n h = [],\n k = new J(),\n m = new J(),\n p = 1,\n q = \"stage\";\"undefined\" !== typeof window && \"VRFrameData\" in window && (f = new window.VRFrameData(), window.addEventListener(\"vrdisplaypresentchange\", c, !1));var l = new J(),\n t = new aa(),\n r = new n(),\n u = new U();u.bounds = new ba(0, 0, .5, 1);u.layers.enable(1);var w = new U();w.bounds = new ba(.5, 0, .5, 1);w.layers.enable(2);var z = new Fc([u, w]);z.layers.enable(1);z.layers.enable(2);var x = new B(),\n C,\n y = [];this.enabled = !1;this.getController = function (a) {\n var b = h[a];void 0 === b && (b = new Tb(), b.matrixAutoUpdate = !1, b.visible = !1, h[a] = b);return b;\n };this.getDevice = function () {\n return e;\n };this.setDevice = function (a) {\n void 0 !== a && (e = a);Q.setContext(a);\n };this.setFramebufferScaleFactor = function (a) {\n p = a;\n };this.setFrameOfReferenceType = function (a) {\n q = a;\n };this.setPoseTarget = function (a) {\n void 0 !== a && (g = a);\n };this.getCamera = function (a) {\n var c = \"stage\" === q ? 1.6 : 0;if (!1 === b()) return a.position.set(0, c, 0), a.rotation.set(0, 0, 0), a;e.depthNear = a.near;e.depthFar = a.far;e.getFrameData(f);if (\"stage\" === q) {\n var d = e.stageParameters;d ? k.fromArray(d.sittingToStandingTransform) : k.makeTranslation(0, c, 0);\n }c = f.pose;d = null !== g ? g : a;d.matrix.copy(k);d.matrix.decompose(d.position, d.quaternion, d.scale);null !== c.orientation && (t.fromArray(c.orientation), d.quaternion.multiply(t));null !== c.position && (t.setFromRotationMatrix(k), r.fromArray(c.position), r.applyQuaternion(t), d.position.add(r));d.updateMatrixWorld();u.near = a.near;w.near = a.near;u.far = a.far;w.far = a.far;u.matrixWorldInverse.fromArray(f.leftViewMatrix);w.matrixWorldInverse.fromArray(f.rightViewMatrix);m.getInverse(k);\"stage\" === q && (u.matrixWorldInverse.multiply(m), w.matrixWorldInverse.multiply(m));a = d.parent;null !== a && (l.getInverse(a.matrixWorld), u.matrixWorldInverse.multiply(l), w.matrixWorldInverse.multiply(l));u.matrixWorld.getInverse(u.matrixWorldInverse);w.matrixWorld.getInverse(w.matrixWorldInverse);u.projectionMatrix.fromArray(f.leftProjectionMatrix);w.projectionMatrix.fromArray(f.rightProjectionMatrix);qf(z, u, w);a = e.getLayers();a.length && (a = a[0], null !== a.leftBounds && 4 === a.leftBounds.length && u.bounds.fromArray(a.leftBounds), null !== a.rightBounds && 4 === a.rightBounds.length && w.bounds.fromArray(a.rightBounds));a: for (a = 0; a < h.length; a++) {\n c = h[a];b: {\n d = a;for (var p = navigator.getGamepads && navigator.getGamepads(), v = 0, n = 0, x = p.length; v < x; v++) {\n var C = p[v];if (C && (\"Daydream Controller\" === C.id || \"Gear VR Controller\" === C.id || \"Oculus Go Controller\" === C.id || \"OpenVR Gamepad\" === C.id || C.id.startsWith(\"Oculus Touch\") || C.id.startsWith(\"Spatial Controller\"))) {\n if (n === d) {\n d = C;break b;\n }n++;\n }\n }d = void 0;\n }if (void 0 !== d && void 0 !== d.pose) {\n if (null === d.pose) break a;p = d.pose;!1 === p.hasPosition && c.position.set(.2, -.6, -.05);null !== p.position && c.position.fromArray(p.position);\n null !== p.orientation && c.quaternion.fromArray(p.orientation);c.matrix.compose(c.position, c.quaternion, c.scale);c.matrix.premultiply(k);c.matrix.decompose(c.position, c.quaternion, c.scale);c.matrixWorldNeedsUpdate = !0;c.visible = !0;p = \"Daydream Controller\" === d.id ? 0 : 1;y[a] !== d.buttons[p].pressed && (y[a] = d.buttons[p].pressed, !0 === y[a] ? c.dispatchEvent({ type: \"selectstart\" }) : (c.dispatchEvent({ type: \"selectend\" }), c.dispatchEvent({ type: \"select\" })));\n } else c.visible = !1;\n }return z;\n };this.getStandingMatrix = function () {\n return k;\n };\n this.isPresenting = b;var Q = new ae();this.setAnimationLoop = function (a) {\n Q.setAnimationLoop(a);\n };this.submitFrame = function () {\n b() && e.submitFrame();\n };this.dispose = function () {\n \"undefined\" !== typeof window && window.removeEventListener(\"vrdisplaypresentchange\", c);\n };\n }function ch(a) {\n function b() {\n return null !== h && null !== m;\n }function c(a) {\n var b = l[t.indexOf(a.inputSource)];b && b.dispatchEvent({ type: a.type });\n }function d() {\n a.setFramebuffer(null);a.setRenderTarget(a.getRenderTarget());x.stop();\n }function e(a, b) {\n null === b ? a.matrixWorld.copy(a.matrix) : a.matrixWorld.multiplyMatrices(b.matrixWorld, a.matrix);a.matrixWorldInverse.getInverse(a.matrixWorld);\n }var f = a.context,\n g = null,\n h = null,\n k = 1,\n m = null,\n p = \"stage\",\n q = null,\n l = [],\n t = [],\n r = new U();r.layers.enable(1);r.viewport = new ba();var u = new U();u.layers.enable(2);u.viewport = new ba();var n = new Fc([r, u]);n.layers.enable(1);n.layers.enable(2);this.enabled = !1;this.getController = function (a) {\n var b = l[a];void 0 === b && (b = new Tb(), b.matrixAutoUpdate = !1, b.visible = !1, l[a] = b);return b;\n };this.getDevice = function () {\n return g;\n };this.setDevice = function (a) {\n void 0 !== a && (g = a);a instanceof XRDevice && f.setCompatibleXRDevice(a);\n };this.setFramebufferScaleFactor = function (a) {\n k = a;\n };this.setFrameOfReferenceType = function (a) {\n p = a;\n };this.setSession = function (b) {\n h = b;null !== h && (h.addEventListener(\"select\", c), h.addEventListener(\"selectstart\", c), h.addEventListener(\"selectend\", c), h.addEventListener(\"end\", d), h.baseLayer = new XRWebGLLayer(h, f, { framebufferScaleFactor: k }), h.requestFrameOfReference(p).then(function (b) {\n m = b;a.setFramebuffer(h.baseLayer.framebuffer);x.setContext(h);\n x.start();\n }), t = h.getInputSources(), h.addEventListener(\"inputsourceschange\", function () {\n t = h.getInputSources();console.log(t);for (var a = 0; a < l.length; a++) {\n l[a].userData.inputSource = t[a];\n }\n }));\n };this.getCamera = function (a) {\n if (b()) {\n var c = a.parent,\n d = n.cameras;e(n, c);for (var f = 0; f < d.length; f++) {\n e(d[f], c);\n }a.matrixWorld.copy(n.matrixWorld);a = a.children;f = 0;for (c = a.length; f < c; f++) {\n a[f].updateMatrixWorld(!0);\n }qf(n, r, u);return n;\n }return a;\n };this.isPresenting = b;var z = null,\n x = new ae();x.setAnimationLoop(function (a, b) {\n q = b.getDevicePose(m);\n if (null !== q) for (var c = h.baseLayer, d = b.views, e = 0; e < d.length; e++) {\n var f = d[e],\n g = c.getViewport(f),\n k = q.getViewMatrix(f),\n p = n.cameras[e];p.matrix.fromArray(k).getInverse(p.matrix);p.projectionMatrix.fromArray(f.projectionMatrix);p.viewport.set(g.x, g.y, g.width, g.height);0 === e && n.matrix.copy(p.matrix);\n }for (e = 0; e < l.length; e++) {\n c = l[e];if (d = t[e]) if (d = b.getInputPose(d, m), null !== d) {\n \"targetRay\" in d ? c.matrix.elements = d.targetRay.transformMatrix : \"pointerMatrix\" in d && (c.matrix.elements = d.pointerMatrix);c.matrix.decompose(c.position, c.rotation, c.scale);c.visible = !0;continue;\n }c.visible = !1;\n }z && z(a);\n });this.setAnimationLoop = function (a) {\n z = a;\n };this.dispose = function () {};this.getStandingMatrix = function () {\n console.warn(\"THREE.WebXRManager: getStandingMatrix() is no longer needed.\");return new J();\n };this.submitFrame = function () {};\n }function ie(a) {\n var b;function c() {\n la = new dg(O);za = new bg(O, la, a);za.isWebGL2 || (la.get(\"WEBGL_depth_texture\"), la.get(\"OES_texture_float\"), la.get(\"OES_texture_half_float\"), la.get(\"OES_texture_half_float_linear\"), la.get(\"OES_standard_derivatives\"), la.get(\"OES_element_index_uint\"), la.get(\"ANGLE_instanced_arrays\"));la.get(\"OES_texture_float_linear\");ja = new pf(O, la, za);Z = new ah(O, la, ja, za);Z.scissor(W.copy(aa).multiplyScalar(T));Z.viewport(S.copy(ea).multiplyScalar(T));ha = new gg(O);Da = new Tg();da = new bh(O, la, Z, Da, za, ja, ha);ra = new Vf(O);ua = new eg(O, ra, ha);oa = new jg(ua, ha);xa = new ig(O);ma = new Sg(X, la, za);va = new Wg();qa = new $g();na = new $f(X, Z, oa, fa);Aa = new ag(O, la, ha, za);Ba = new fg(O, la, ha, za);ha.programs = ma.programs;X.context = O;X.capabilities = za;X.extensions = la;X.properties = Da;X.renderLists = va;X.state = Z;X.info = ha;\n }function d(a) {\n a.preventDefault();console.log(\"THREE.WebGLRenderer: Context Lost.\");K = !0;\n }function e() {\n console.log(\"THREE.WebGLRenderer: Context Restored.\");K = !1;c();\n }function f(a) {\n a = a.target;a.removeEventListener(\"dispose\", f);g(a);Da.remove(a);\n }function g(a) {\n var b = Da.get(a).program;a.program = void 0;void 0 !== b && ma.releaseProgram(b);\n }function h(a, b) {\n a.render(function (a) {\n X.renderBufferImmediate(a, b);\n });\n }function k(a, b, c, d) {\n if (!1 !== a.visible) {\n if (a.layers.test(b.layers)) if (a.isGroup) c = a.renderOrder;else if (a.isLight) D.pushLight(a), a.castShadow && D.pushShadow(a);else if (a.isSprite) {\n if (!a.frustumCulled || sa.intersectsSprite(a)) {\n d && ib.setFromMatrixPosition(a.matrixWorld).applyMatrix4(Ec);var e = oa.update(a),\n f = a.material;f.visible && E.push(a, e, f, c, ib.z, null);\n }\n } else if (a.isImmediateRenderObject) d && ib.setFromMatrixPosition(a.matrixWorld).applyMatrix4(Ec), E.push(a, null, a.material, c, ib.z, null);else if (a.isMesh || a.isLine || a.isPoints) if (a.isSkinnedMesh && a.skeleton.update(), !a.frustumCulled || sa.intersectsObject(a)) if (d && ib.setFromMatrixPosition(a.matrixWorld).applyMatrix4(Ec), e = oa.update(a), f = a.material, Array.isArray(f)) for (var g = e.groups, h = 0, m = g.length; h < m; h++) {\n var p = g[h],\n q = f[p.materialIndex];q && q.visible && E.push(a, e, q, c, ib.z, p);\n } else f.visible && E.push(a, e, f, c, ib.z, null);a = a.children;h = 0;for (m = a.length; h < m; h++) {\n k(a[h], b, c, d);\n }\n }\n }function m(a, b, c, d) {\n for (var e = 0, f = a.length; e < f; e++) {\n var g = a[e],\n h = g.object,\n k = g.geometry,\n m = void 0 === d ? g.material : d;g = g.group;if (c.isArrayCamera) {\n R = c;for (var q = c.cameras, l = 0, v = q.length; l < v; l++) {\n var t = q[l];if (h.layers.test(t.layers)) {\n if (\"viewport\" in t) Z.viewport(S.copy(t.viewport));else {\n var r = t.bounds;Z.viewport(S.set(r.x * U, r.y * N, r.z * U, r.w * N).multiplyScalar(T));\n }D.setupLights(t);p(h, b, t, k, m, g);\n }\n }\n } else R = null, p(h, b, c, k, m, g);\n }\n }function p(a, c, d, e, f, g) {\n a.onBeforeRender(X, c, d, e, f, g);D = qa.get(c, R || d);a.modelViewMatrix.multiplyMatrices(d.matrixWorldInverse, a.matrixWorld);a.normalMatrix.getNormalMatrix(a.modelViewMatrix);if (a.isImmediateRenderObject) {\n Z.setMaterial(f);var k = l(d, c.fog, f, a);V = b = null;ta = !1;h(a, k);\n } else X.renderBufferDirect(d, c.fog, e, f, a, g);a.onAfterRender(X, c, d, e, f, g);D = qa.get(c, R || d);\n }function q(a, b, c) {\n var d = Da.get(a),\n e = D.state.lights,\n h = d.lightsHash,\n k = e.state.hash;c = ma.getParameters(a, e.state, D.state.shadowsArray, b, Y.numPlanes, Y.numIntersection, c);var m = ma.getProgramCode(a, c),\n p = d.program,\n q = !0;if (void 0 === p) a.addEventListener(\"dispose\", f);else if (p.code !== m) g(a);else {\n if (h.stateID !== k.stateID || h.directionalLength !== k.directionalLength || h.pointLength !== k.pointLength || h.spotLength !== k.spotLength || h.rectAreaLength !== k.rectAreaLength || h.hemiLength !== k.hemiLength || h.shadowsLength !== k.shadowsLength) h.stateID = k.stateID, h.directionalLength = k.directionalLength, h.pointLength = k.pointLength, h.spotLength = k.spotLength, h.rectAreaLength = k.rectAreaLength, h.hemiLength = k.hemiLength, h.shadowsLength = k.shadowsLength;else if (void 0 !== c.shaderID) return;q = !1;\n }q && (c.shaderID ? (m = Ua[c.shaderID], d.shader = { name: a.type, uniforms: Mb(m.uniforms), vertexShader: m.vertexShader, fragmentShader: m.fragmentShader }) : d.shader = { name: a.type, uniforms: a.uniforms, vertexShader: a.vertexShader, fragmentShader: a.fragmentShader }, a.onBeforeCompile(d.shader, X), m = ma.getProgramCode(a, c), p = ma.acquireProgram(a, d.shader, c, m), d.program = p, a.program = p);c = p.getAttributes();if (a.morphTargets) for (m = a.numSupportedMorphTargets = 0; m < X.maxMorphTargets; m++) {\n 0 <= c[\"morphTarget\" + m] && a.numSupportedMorphTargets++;\n }if (a.morphNormals) for (m = a.numSupportedMorphNormals = 0; m < X.maxMorphNormals; m++) {\n 0 <= c[\"morphNormal\" + m] && a.numSupportedMorphNormals++;\n }c = d.shader.uniforms;\n if (!a.isShaderMaterial && !a.isRawShaderMaterial || !0 === a.clipping) d.numClippingPlanes = Y.numPlanes, d.numIntersection = Y.numIntersection, c.clippingPlanes = Y.uniform;d.fog = b;void 0 === h && (d.lightsHash = h = {});h.stateID = k.stateID;h.directionalLength = k.directionalLength;h.pointLength = k.pointLength;h.spotLength = k.spotLength;h.rectAreaLength = k.rectAreaLength;h.hemiLength = k.hemiLength;h.shadowsLength = k.shadowsLength;a.lights && (c.ambientLightColor.value = e.state.ambient, c.directionalLights.value = e.state.directional, c.spotLights.value = e.state.spot, c.rectAreaLights.value = e.state.rectArea, c.pointLights.value = e.state.point, c.hemisphereLights.value = e.state.hemi, c.directionalShadowMap.value = e.state.directionalShadowMap, c.directionalShadowMatrix.value = e.state.directionalShadowMatrix, c.spotShadowMap.value = e.state.spotShadowMap, c.spotShadowMatrix.value = e.state.spotShadowMatrix, c.pointShadowMap.value = e.state.pointShadowMap, c.pointShadowMatrix.value = e.state.pointShadowMatrix);a = d.program.getUniforms();a = fb.seqWithValue(a.seq, c);d.uniformsList = a;\n }function l(a, b, c, d) {\n ia = 0;var e = Da.get(c),\n f = e.lightsHash,\n g = D.state.lights.state.hash;yd && (he || a !== Pb) && Y.setState(c.clippingPlanes, c.clipIntersection, c.clipShadows, a, e, a === Pb && c.id === P);!1 === c.needsUpdate && (void 0 === e.program ? c.needsUpdate = !0 : c.fog && e.fog !== b ? c.needsUpdate = !0 : !c.lights || f.stateID === g.stateID && f.directionalLength === g.directionalLength && f.pointLength === g.pointLength && f.spotLength === g.spotLength && f.rectAreaLength === g.rectAreaLength && f.hemiLength === g.hemiLength && f.shadowsLength === g.shadowsLength ? void 0 === e.numClippingPlanes || e.numClippingPlanes === Y.numPlanes && e.numIntersection === Y.numIntersection || (c.needsUpdate = !0) : c.needsUpdate = !0);c.needsUpdate && (q(c, b, d), c.needsUpdate = !1);var h = !1,\n k = !1,\n m = !1;f = e.program;g = f.getUniforms();var p = e.shader.uniforms;Z.useProgram(f.program) && (m = k = h = !0);c.id !== P && (P = c.id, k = !0);if (h || Pb !== a) {\n g.setValue(O, \"projectionMatrix\", a.projectionMatrix);za.logarithmicDepthBuffer && g.setValue(O, \"logDepthBufFC\", 2 / (Math.log(a.far + 1) / Math.LN2));Pb !== a && (Pb = a, m = k = !0);if (c.isShaderMaterial || c.isMeshPhongMaterial || c.isMeshStandardMaterial || c.envMap) h = g.map.cameraPosition, void 0 !== h && h.setValue(O, ib.setFromMatrixPosition(a.matrixWorld));(c.isMeshPhongMaterial || c.isMeshLambertMaterial || c.isMeshBasicMaterial || c.isMeshStandardMaterial || c.isShaderMaterial || c.skinning) && g.setValue(O, \"viewMatrix\", a.matrixWorldInverse);\n }if (c.skinning && (g.setOptional(O, d, \"bindMatrix\"), g.setOptional(O, d, \"bindMatrixInverse\"), a = d.skeleton)) if (h = a.bones, za.floatVertexTextures) {\n if (void 0 === a.boneTexture) {\n h = Math.sqrt(4 * h.length);h = H.ceilPowerOfTwo(h);h = Math.max(h, 4);var l = new Float32Array(h * h * 4);l.set(a.boneMatrices);var v = new nb(l, h, h, 1023, 1015);v.needsUpdate = !0;a.boneMatrices = l;a.boneTexture = v;a.boneTextureSize = h;\n }g.setValue(O, \"boneTexture\", a.boneTexture);g.setValue(O, \"boneTextureSize\", a.boneTextureSize);\n } else g.setOptional(O, a, \"boneMatrices\");k && (g.setValue(O, \"toneMappingExposure\", X.toneMappingExposure), g.setValue(O, \"toneMappingWhitePoint\", X.toneMappingWhitePoint), c.lights && (k = m, p.ambientLightColor.needsUpdate = k, p.directionalLights.needsUpdate = k, p.pointLights.needsUpdate = k, p.spotLights.needsUpdate = k, p.rectAreaLights.needsUpdate = k, p.hemisphereLights.needsUpdate = k), b && c.fog && (p.fogColor.value = b.color, b.isFog ? (p.fogNear.value = b.near, p.fogFar.value = b.far) : b.isFogExp2 && (p.fogDensity.value = b.density)), c.isMeshBasicMaterial ? t(p, c) : c.isMeshLambertMaterial ? (t(p, c), c.emissiveMap && (p.emissiveMap.value = c.emissiveMap)) : c.isMeshPhongMaterial ? (t(p, c), c.isMeshToonMaterial ? (r(p, c), c.gradientMap && (p.gradientMap.value = c.gradientMap)) : r(p, c)) : c.isMeshStandardMaterial ? (t(p, c), c.isMeshPhysicalMaterial ? (u(p, c), p.reflectivity.value = c.reflectivity, p.clearCoat.value = c.clearCoat, p.clearCoatRoughness.value = c.clearCoatRoughness) : u(p, c)) : c.isMeshMatcapMaterial ? (t(p, c), c.matcap && (p.matcap.value = c.matcap), c.bumpMap && (p.bumpMap.value = c.bumpMap, p.bumpScale.value = c.bumpScale, 1 === c.side && (p.bumpScale.value *= -1)), c.normalMap && (p.normalMap.value = c.normalMap, p.normalScale.value.copy(c.normalScale), 1 === c.side && p.normalScale.value.negate()), c.displacementMap && (p.displacementMap.value = c.displacementMap, p.displacementScale.value = c.displacementScale, p.displacementBias.value = c.displacementBias)) : c.isMeshDepthMaterial ? (t(p, c), c.displacementMap && (p.displacementMap.value = c.displacementMap, p.displacementScale.value = c.displacementScale, p.displacementBias.value = c.displacementBias)) : c.isMeshDistanceMaterial ? (t(p, c), c.displacementMap && (p.displacementMap.value = c.displacementMap, p.displacementScale.value = c.displacementScale, p.displacementBias.value = c.displacementBias), p.referencePosition.value.copy(c.referencePosition), p.nearDistance.value = c.nearDistance, p.farDistance.value = c.farDistance) : c.isMeshNormalMaterial ? (t(p, c), c.bumpMap && (p.bumpMap.value = c.bumpMap, p.bumpScale.value = c.bumpScale, 1 === c.side && (p.bumpScale.value *= -1)), c.normalMap && (p.normalMap.value = c.normalMap, p.normalScale.value.copy(c.normalScale), 1 === c.side && p.normalScale.value.negate()), c.displacementMap && (p.displacementMap.value = c.displacementMap, p.displacementScale.value = c.displacementScale, p.displacementBias.value = c.displacementBias)) : c.isLineBasicMaterial ? (p.diffuse.value = c.color, p.opacity.value = c.opacity, c.isLineDashedMaterial && (p.dashSize.value = c.dashSize, p.totalSize.value = c.dashSize + c.gapSize, p.scale.value = c.scale)) : c.isPointsMaterial ? (p.diffuse.value = c.color, p.opacity.value = c.opacity, p.size.value = c.size * T, p.scale.value = .5 * N, p.map.value = c.map, null !== c.map && (!0 === c.map.matrixAutoUpdate && c.map.updateMatrix(), p.uvTransform.value.copy(c.map.matrix))) : c.isSpriteMaterial ? (p.diffuse.value = c.color, p.opacity.value = c.opacity, p.rotation.value = c.rotation, p.map.value = c.map, null !== c.map && (!0 === c.map.matrixAutoUpdate && c.map.updateMatrix(), p.uvTransform.value.copy(c.map.matrix))) : c.isShadowMaterial && (p.color.value = c.color, p.opacity.value = c.opacity), void 0 !== p.ltc_1 && (p.ltc_1.value = I.LTC_1), void 0 !== p.ltc_2 && (p.ltc_2.value = I.LTC_2), fb.upload(O, e.uniformsList, p, X));c.isShaderMaterial && !0 === c.uniformsNeedUpdate && (fb.upload(O, e.uniformsList, p, X), c.uniformsNeedUpdate = !1);c.isSpriteMaterial && g.setValue(O, \"center\", d.center);\n g.setValue(O, \"modelViewMatrix\", d.modelViewMatrix);g.setValue(O, \"normalMatrix\", d.normalMatrix);g.setValue(O, \"modelMatrix\", d.matrixWorld);return f;\n }function t(a, b) {\n a.opacity.value = b.opacity;b.color && (a.diffuse.value = b.color);b.emissive && a.emissive.value.copy(b.emissive).multiplyScalar(b.emissiveIntensity);b.map && (a.map.value = b.map);b.alphaMap && (a.alphaMap.value = b.alphaMap);b.specularMap && (a.specularMap.value = b.specularMap);b.envMap && (a.envMap.value = b.envMap, a.flipEnvMap.value = b.envMap.isCubeTexture ? -1 : 1, a.reflectivity.value = b.reflectivity, a.refractionRatio.value = b.refractionRatio, a.maxMipLevel.value = Da.get(b.envMap).__maxMipLevel);b.lightMap && (a.lightMap.value = b.lightMap, a.lightMapIntensity.value = b.lightMapIntensity);b.aoMap && (a.aoMap.value = b.aoMap, a.aoMapIntensity.value = b.aoMapIntensity);if (b.map) var c = b.map;else b.specularMap ? c = b.specularMap : b.displacementMap ? c = b.displacementMap : b.normalMap ? c = b.normalMap : b.bumpMap ? c = b.bumpMap : b.roughnessMap ? c = b.roughnessMap : b.metalnessMap ? c = b.metalnessMap : b.alphaMap ? c = b.alphaMap : b.emissiveMap && (c = b.emissiveMap);void 0 !== c && (c.isWebGLRenderTarget && (c = c.texture), !0 === c.matrixAutoUpdate && c.updateMatrix(), a.uvTransform.value.copy(c.matrix));\n }function r(a, b) {\n a.specular.value = b.specular;a.shininess.value = Math.max(b.shininess, 1E-4);b.emissiveMap && (a.emissiveMap.value = b.emissiveMap);b.bumpMap && (a.bumpMap.value = b.bumpMap, a.bumpScale.value = b.bumpScale, 1 === b.side && (a.bumpScale.value *= -1));b.normalMap && (a.normalMap.value = b.normalMap, a.normalScale.value.copy(b.normalScale), 1 === b.side && a.normalScale.value.negate());b.displacementMap && (a.displacementMap.value = b.displacementMap, a.displacementScale.value = b.displacementScale, a.displacementBias.value = b.displacementBias);\n }function u(a, b) {\n a.roughness.value = b.roughness;a.metalness.value = b.metalness;b.roughnessMap && (a.roughnessMap.value = b.roughnessMap);b.metalnessMap && (a.metalnessMap.value = b.metalnessMap);b.emissiveMap && (a.emissiveMap.value = b.emissiveMap);b.bumpMap && (a.bumpMap.value = b.bumpMap, a.bumpScale.value = b.bumpScale, 1 === b.side && (a.bumpScale.value *= -1));b.normalMap && (a.normalMap.value = b.normalMap, a.normalScale.value.copy(b.normalScale), 1 === b.side && a.normalScale.value.negate());b.displacementMap && (a.displacementMap.value = b.displacementMap, a.displacementScale.value = b.displacementScale, a.displacementBias.value = b.displacementBias);b.envMap && (a.envMapIntensity.value = b.envMapIntensity);\n }console.log(\"THREE.WebGLRenderer\", \"103dev\");a = a || {};var w = void 0 !== a.canvas ? a.canvas : document.createElementNS(\"http://www.w3.org/1999/xhtml\", \"canvas\"),\n z = void 0 !== a.context ? a.context : null,\n x = void 0 !== a.alpha ? a.alpha : !1,\n C = void 0 !== a.depth ? a.depth : !0,\n y = void 0 !== a.stencil ? a.stencil : !0,\n Q = void 0 !== a.antialias ? a.antialias : !1,\n fa = void 0 !== a.premultipliedAlpha ? a.premultipliedAlpha : !0,\n A = void 0 !== a.preserveDrawingBuffer ? a.preserveDrawingBuffer : !1,\n F = void 0 !== a.powerPreference ? a.powerPreference : \"default\",\n E = null,\n D = null;this.domElement = w;this.context = null;this.sortObjects = this.autoClearStencil = this.autoClearDepth = this.autoClearColor = this.autoClear = !0;\n this.clippingPlanes = [];this.localClippingEnabled = !1;this.gammaFactor = 2;this.physicallyCorrectLights = this.gammaOutput = this.gammaInput = !1;this.toneMappingWhitePoint = this.toneMappingExposure = this.toneMapping = 1;this.maxMorphTargets = 8;this.maxMorphNormals = 4;var X = this,\n K = !1,\n L = null,\n G = null,\n M = null,\n P = -1;var V = b = null;var ta = !1;var Pb = null,\n R = null,\n S = new ba(),\n W = new ba(),\n ca = null,\n ia = 0,\n U = w.width,\n N = w.height,\n T = 1,\n ea = new ba(0, 0, U, N),\n aa = new ba(0, 0, U, N),\n pa = !1,\n sa = new vd(),\n Y = new cg(),\n yd = !1,\n he = !1,\n Ec = new J(),\n ib = new n();try {\n x = { alpha: x,\n depth: C, stencil: y, antialias: Q, premultipliedAlpha: fa, preserveDrawingBuffer: A, powerPreference: F };w.addEventListener(\"webglcontextlost\", d, !1);w.addEventListener(\"webglcontextrestored\", e, !1);var O = z || w.getContext(\"webgl\", x) || w.getContext(\"experimental-webgl\", x);if (null === O) {\n if (null !== w.getContext(\"webgl\")) throw Error(\"Error creating WebGL context with your selected attributes.\");throw Error(\"Error creating WebGL context.\");\n }void 0 === O.getShaderPrecisionFormat && (O.getShaderPrecisionFormat = function () {\n return { rangeMin: 1,\n rangeMax: 1, precision: 1 };\n });\n } catch (uf) {\n throw console.error(\"THREE.WebGLRenderer: \" + uf.message), uf;\n }var la, za, Z, ha, Da, da, ra, ua, oa, ma, va, qa, na, xa, Aa, Ba, ja;c();var ka = null;\"undefined\" !== typeof navigator && (ka = \"xr\" in navigator ? new ch(X) : new tf(X));this.vr = ka;var Ca = new of(X, oa, za.maxTextureSize);this.shadowMap = Ca;this.getContext = function () {\n return O;\n };this.getContextAttributes = function () {\n return O.getContextAttributes();\n };this.forceContextLoss = function () {\n var a = la.get(\"WEBGL_lose_context\");a && a.loseContext();\n };\n this.forceContextRestore = function () {\n var a = la.get(\"WEBGL_lose_context\");a && a.restoreContext();\n };this.getPixelRatio = function () {\n return T;\n };this.setPixelRatio = function (a) {\n void 0 !== a && (T = a, this.setSize(U, N, !1));\n };this.getSize = function (a) {\n void 0 === a && (console.warn(\"WebGLRenderer: .getsize() now requires a Vector2 as an argument\"), a = new B());return a.set(U, N);\n };this.setSize = function (a, b, c) {\n ka.isPresenting() ? console.warn(\"THREE.WebGLRenderer: Can't change size while VR device is presenting.\") : (U = a, N = b, w.width = a * T, w.height = b * T, !1 !== c && (w.style.width = a + \"px\", w.style.height = b + \"px\"), this.setViewport(0, 0, a, b));\n };this.getDrawingBufferSize = function (a) {\n void 0 === a && (console.warn(\"WebGLRenderer: .getdrawingBufferSize() now requires a Vector2 as an argument\"), a = new B());return a.set(U * T, N * T);\n };this.setDrawingBufferSize = function (a, b, c) {\n U = a;N = b;T = c;w.width = a * c;w.height = b * c;this.setViewport(0, 0, a, b);\n };this.getCurrentViewport = function (a) {\n void 0 === a && (console.warn(\"WebGLRenderer: .getCurrentViewport() now requires a Vector4 as an argument\"), a = new ba());return a.copy(S);\n };this.getViewport = function (a) {\n return a.copy(ea);\n };this.setViewport = function (a, b, c, d) {\n a.isVector4 ? ea.set(a.x, a.y, a.z, a.w) : ea.set(a, b, c, d);Z.viewport(S.copy(ea).multiplyScalar(T));\n };this.getScissor = function (a) {\n return a.copy(aa);\n };this.setScissor = function (a, b, c, d) {\n a.isVector4 ? aa.set(a.x, a.y, a.z, a.w) : aa.set(a, b, c, d);Z.scissor(W.copy(aa).multiplyScalar(T));\n };this.getScissorTest = function () {\n return pa;\n };this.setScissorTest = function (a) {\n Z.setScissorTest(pa = a);\n };this.getClearColor = function () {\n return na.getClearColor();\n };\n this.setClearColor = function () {\n na.setClearColor.apply(na, arguments);\n };this.getClearAlpha = function () {\n return na.getClearAlpha();\n };this.setClearAlpha = function () {\n na.setClearAlpha.apply(na, arguments);\n };this.clear = function (a, b, c) {\n var d = 0;if (void 0 === a || a) d |= 16384;if (void 0 === b || b) d |= 256;if (void 0 === c || c) d |= 1024;O.clear(d);\n };this.clearColor = function () {\n this.clear(!0, !1, !1);\n };this.clearDepth = function () {\n this.clear(!1, !0, !1);\n };this.clearStencil = function () {\n this.clear(!1, !1, !0);\n };this.dispose = function () {\n w.removeEventListener(\"webglcontextlost\", d, !1);w.removeEventListener(\"webglcontextrestored\", e, !1);va.dispose();qa.dispose();Da.dispose();oa.dispose();ka.dispose();wa.stop();\n };this.renderBufferImmediate = function (a, b) {\n Z.initAttributes();var c = Da.get(a);a.hasPositions && !c.position && (c.position = O.createBuffer());a.hasNormals && !c.normal && (c.normal = O.createBuffer());a.hasUvs && !c.uv && (c.uv = O.createBuffer());a.hasColors && !c.color && (c.color = O.createBuffer());b = b.getAttributes();a.hasPositions && (O.bindBuffer(34962, c.position), O.bufferData(34962, a.positionArray, 35048), Z.enableAttribute(b.position), O.vertexAttribPointer(b.position, 3, 5126, !1, 0, 0));a.hasNormals && (O.bindBuffer(34962, c.normal), O.bufferData(34962, a.normalArray, 35048), Z.enableAttribute(b.normal), O.vertexAttribPointer(b.normal, 3, 5126, !1, 0, 0));a.hasUvs && (O.bindBuffer(34962, c.uv), O.bufferData(34962, a.uvArray, 35048), Z.enableAttribute(b.uv), O.vertexAttribPointer(b.uv, 2, 5126, !1, 0, 0));a.hasColors && (O.bindBuffer(34962, c.color), O.bufferData(34962, a.colorArray, 35048), Z.enableAttribute(b.color), O.vertexAttribPointer(b.color, 3, 5126, !1, 0, 0));Z.disableUnusedAttributes();O.drawArrays(4, 0, a.count);a.count = 0;\n };this.renderBufferDirect = function (a, c, d, e, f, g) {\n var h = f.isMesh && 0 > f.matrixWorld.determinant();Z.setMaterial(e, h);var k = l(a, c, e, f),\n m = !1;if (b !== d.id || V !== k.id || ta !== (!0 === e.wireframe)) b = d.id, V = k.id, ta = !0 === e.wireframe, m = !0;f.morphTargetInfluences && (xa.update(f, d, e, k), m = !0);h = d.index;var p = d.attributes.position;c = 1;!0 === e.wireframe && (h = ua.getWireframeAttribute(d), c = 2);a = Aa;if (null !== h) {\n var q = ra.get(h);a = Ba;a.setIndex(q);\n }if (m) {\n if (d && d.isInstancedBufferGeometry && !za.isWebGL2 && null === la.get(\"ANGLE_instanced_arrays\")) console.error(\"THREE.WebGLRenderer.setupVertexAttributes: using THREE.InstancedBufferGeometry but hardware does not support extension ANGLE_instanced_arrays.\");else {\n Z.initAttributes();m = d.attributes;k = k.getAttributes();var v = e.defaultAttributeValues;for (A in k) {\n var t = k[A];if (0 <= t) {\n var r = m[A];if (void 0 !== r) {\n var u = r.normalized,\n n = r.itemSize,\n w = ra.get(r);if (void 0 !== w) {\n var x = w.buffer,\n z = w.type;w = w.bytesPerElement;if (r.isInterleavedBufferAttribute) {\n var y = r.data,\n C = y.stride;r = r.offset;y && y.isInstancedInterleavedBuffer ? (Z.enableAttributeAndDivisor(t, y.meshPerAttribute), void 0 === d.maxInstancedCount && (d.maxInstancedCount = y.meshPerAttribute * y.count)) : Z.enableAttribute(t);O.bindBuffer(34962, x);O.vertexAttribPointer(t, n, z, u, C * w, r * w);\n } else r.isInstancedBufferAttribute ? (Z.enableAttributeAndDivisor(t, r.meshPerAttribute), void 0 === d.maxInstancedCount && (d.maxInstancedCount = r.meshPerAttribute * r.count)) : Z.enableAttribute(t), O.bindBuffer(34962, x), O.vertexAttribPointer(t, n, z, u, 0, 0);\n }\n } else if (void 0 !== v && (u = v[A], void 0 !== u)) switch (u.length) {case 2:\n O.vertexAttrib2fv(t, u);break;case 3:\n O.vertexAttrib3fv(t, u);break;case 4:\n O.vertexAttrib4fv(t, u);break;default:\n O.vertexAttrib1fv(t, u);}\n }\n }Z.disableUnusedAttributes();\n }null !== h && O.bindBuffer(34963, q.buffer);\n }q = Infinity;null !== h ? q = h.count : void 0 !== p && (q = p.count);h = d.drawRange.start * c;p = null !== g ? g.start * c : 0;var A = Math.max(h, p);g = Math.max(0, Math.min(q, h + d.drawRange.count * c, p + (null !== g ? g.count * c : Infinity)) - 1 - A + 1);if (0 !== g) {\n if (f.isMesh) {\n if (!0 === e.wireframe) Z.setLineWidth(e.wireframeLinewidth * (null === G ? T : 1)), a.setMode(1);else switch (f.drawMode) {case 0:\n a.setMode(4);break;case 1:\n a.setMode(5);break;case 2:\n a.setMode(6);}\n } else f.isLine ? (e = e.linewidth, void 0 === e && (e = 1), Z.setLineWidth(e * (null === G ? T : 1)), f.isLineSegments ? a.setMode(1) : f.isLineLoop ? a.setMode(2) : a.setMode(3)) : f.isPoints ? a.setMode(0) : f.isSprite && a.setMode(4);d && d.isInstancedBufferGeometry ? 0 < d.maxInstancedCount && a.renderInstances(d, A, g) : a.render(A, g);\n }\n };this.compile = function (a, b) {\n D = qa.get(a, b);D.init();a.traverse(function (a) {\n a.isLight && (D.pushLight(a), a.castShadow && D.pushShadow(a));\n });D.setupLights(b);a.traverse(function (b) {\n if (b.material) if (Array.isArray(b.material)) for (var c = 0; c < b.material.length; c++) {\n q(b.material[c], a.fog, b);\n } else q(b.material, a.fog, b);\n });\n };var ya = null,\n wa = new ae();wa.setAnimationLoop(function (a) {\n ka.isPresenting() || ya && ya(a);\n });\"undefined\" !== typeof window && wa.setContext(window);this.setAnimationLoop = function (a) {\n ya = a;ka.setAnimationLoop(a);wa.start();\n };this.render = function (a, c, d, e) {\n if (void 0 !== d) {\n console.warn(\"THREE.WebGLRenderer.render(): the renderTarget argument has been removed. Use .setRenderTarget() instead.\");var f = d;\n }if (void 0 !== e) {\n console.warn(\"THREE.WebGLRenderer.render(): the forceClear argument has been removed. Use .clear() instead.\");var g = e;\n }c && c.isCamera ? K || (V = b = null, ta = !1, P = -1, Pb = null, !0 === a.autoUpdate && a.updateMatrixWorld(), null === c.parent && c.updateMatrixWorld(), ka.enabled && (c = ka.getCamera(c)), D = qa.get(a, c), D.init(), a.onBeforeRender(X, a, c, f || G), Ec.multiplyMatrices(c.projectionMatrix, c.matrixWorldInverse), sa.setFromMatrix(Ec), he = this.localClippingEnabled, yd = Y.init(this.clippingPlanes, he, c), E = va.get(a, c), E.init(), k(a, c, 0, X.sortObjects), !0 === X.sortObjects && E.sort(), yd && Y.beginShadows(), Ca.render(D.state.shadowsArray, a, c), D.setupLights(c), yd && Y.endShadows(), this.info.autoReset && this.info.reset(), void 0 !== f && this.setRenderTarget(f), na.render(E, a, c, g), d = E.opaque, e = E.transparent, a.overrideMaterial ? (f = a.overrideMaterial, d.length && m(d, a, c, f), e.length && m(e, a, c, f)) : (d.length && m(d, a, c), e.length && m(e, a, c)), null !== G && (da.updateRenderTargetMipmap(G), da.updateMultisampleRenderTarget(G)), Z.buffers.depth.setTest(!0), Z.buffers.depth.setMask(!0), Z.buffers.color.setMask(!0), Z.setPolygonOffset(!1), a.onAfterRender(X, a, c), ka.enabled && ka.submitFrame(), D = E = null) : console.error(\"THREE.WebGLRenderer.render: camera is not an instance of THREE.Camera.\");\n };this.allocTextureUnit = function () {\n var a = ia;a >= za.maxTextures && console.warn(\"THREE.WebGLRenderer: Trying to use \" + a + \" texture units while this GPU supports only \" + za.maxTextures);ia += 1;return a;\n };this.setTexture2D = function () {\n var a = !1;return function (b, c) {\n b && b.isWebGLRenderTarget && (a || (console.warn(\"THREE.WebGLRenderer.setTexture2D: don't use render targets as textures. Use their .texture property instead.\"), a = !0), b = b.texture);da.setTexture2D(b, c);\n };\n }();this.setTexture2DArray = function (a, b) {\n da.setTexture2DArray(a, b);\n };this.setTexture3D = function (a, b) {\n da.setTexture3D(a, b);\n };this.setTexture = function () {\n var a = !1;return function (b, c) {\n a || (console.warn(\"THREE.WebGLRenderer: .setTexture is deprecated, use setTexture2D instead.\"), a = !0);da.setTexture2D(b, c);\n };\n }();this.setTextureCube = function () {\n var a = !1;return function (b, c) {\n b && b.isWebGLRenderTargetCube && (a || (console.warn(\"THREE.WebGLRenderer.setTextureCube: don't use cube render targets as textures. Use their .texture property instead.\"), a = !0), b = b.texture);b && b.isCubeTexture || Array.isArray(b.image) && 6 === b.image.length ? da.setTextureCube(b, c) : da.setTextureCubeDynamic(b, c);\n };\n }();this.setFramebuffer = function (a) {\n L = a;\n };this.getRenderTarget = function () {\n return G;\n };this.setRenderTarget = function (a, b, c) {\n (G = a) && void 0 === Da.get(a).__webglFramebuffer && da.setupRenderTarget(a);var d = L,\n e = !1;a ? (d = Da.get(a).__webglFramebuffer, a.isWebGLRenderTargetCube ? (d = d[b || 0], e = !0) : d = a.isWebGLMultisampleRenderTarget ? Da.get(a).__webglMultisampledFramebuffer : d, S.copy(a.viewport), W.copy(a.scissor), ca = a.scissorTest) : (S.copy(ea).multiplyScalar(T), W.copy(aa).multiplyScalar(T), ca = pa);M !== d && (O.bindFramebuffer(36160, d), M = d);Z.viewport(S);Z.scissor(W);Z.setScissorTest(ca);e && (a = Da.get(a.texture), O.framebufferTexture2D(36160, 36064, 34069 + (b || 0), a.__webglTexture, c || 0));\n };this.readRenderTargetPixels = function (a, b, c, d, e, f) {\n if (a && a.isWebGLRenderTarget) {\n var g = Da.get(a).__webglFramebuffer;if (g) {\n var h = !1;g !== M && (O.bindFramebuffer(36160, g), h = !0);try {\n var k = a.texture,\n m = k.format,\n p = k.type;1023 !== m && ja.convert(m) !== O.getParameter(35739) ? console.error(\"THREE.WebGLRenderer.readRenderTargetPixels: renderTarget is not in RGBA or implementation defined format.\") : 1009 === p || ja.convert(p) === O.getParameter(35738) || 1015 === p && (za.isWebGL2 || la.get(\"OES_texture_float\") || la.get(\"WEBGL_color_buffer_float\")) || 1016 === p && (za.isWebGL2 ? la.get(\"EXT_color_buffer_float\") : la.get(\"EXT_color_buffer_half_float\")) ? 36053 === O.checkFramebufferStatus(36160) ? 0 <= b && b <= a.width - d && 0 <= c && c <= a.height - e && O.readPixels(b, c, d, e, ja.convert(m), ja.convert(p), f) : console.error(\"THREE.WebGLRenderer.readRenderTargetPixels: readPixels from renderTarget failed. Framebuffer not complete.\") : console.error(\"THREE.WebGLRenderer.readRenderTargetPixels: renderTarget is not in UnsignedByteType or implementation defined type.\");\n } finally {\n h && O.bindFramebuffer(36160, M);\n }\n }\n } else console.error(\"THREE.WebGLRenderer.readRenderTargetPixels: renderTarget is not THREE.WebGLRenderTarget.\");\n };this.copyFramebufferToTexture = function (a, b, c) {\n var d = b.image.width,\n e = b.image.height,\n f = ja.convert(b.format);this.setTexture2D(b, 0);O.copyTexImage2D(3553, c || 0, f, a.x, a.y, d, e, 0);\n };this.copyTextureToTexture = function (a, b, c, d) {\n var e = b.image.width,\n f = b.image.height,\n g = ja.convert(c.format),\n h = ja.convert(c.type);this.setTexture2D(c, 0);b.isDataTexture ? O.texSubImage2D(3553, d || 0, a.x, a.y, e, f, g, h, b.image.data) : O.texSubImage2D(3553, d || 0, a.x, a.y, g, h, b.image);\n };\n }function zd(a, b) {\n this.name = \"\";this.color = new K(a);this.density = void 0 !== b ? b : 2.5E-4;\n }function Ad(a, b, c) {\n this.name = \"\";this.color = new K(a);this.near = void 0 !== b ? b : 1;this.far = void 0 !== c ? c : 1E3;\n }function Bd() {\n E.call(this);this.type = \"Scene\";this.overrideMaterial = this.fog = this.background = null;this.autoUpdate = !0;\n }function ub(a, b) {\n this.array = a;this.stride = b;this.count = void 0 !== a ? a.length / b : 0;this.dynamic = !1;this.updateRange = { offset: 0,\n count: -1 };this.version = 0;\n }function Gc(a, b, c, d) {\n this.data = a;this.itemSize = b;this.offset = c;this.normalized = !0 === d;\n }function jb(a) {\n M.call(this);this.type = \"SpriteMaterial\";this.color = new K(16777215);this.map = null;this.rotation = 0;this.sizeAttenuation = !0;this.lights = !1;this.transparent = !0;this.setValues(a);\n }function Hc(a) {\n E.call(this);this.type = \"Sprite\";if (void 0 === Ub) {\n Ub = new D();var b = new Float32Array([-.5, -.5, 0, 0, 0, .5, -.5, 0, 1, 0, .5, .5, 0, 1, 1, -.5, .5, 0, 0, 1]);b = new ub(b, 5);Ub.setIndex([0, 1, 2, 0, 2, 3]);Ub.addAttribute(\"position\", new Gc(b, 3, 0, !1));Ub.addAttribute(\"uv\", new Gc(b, 2, 3, !1));\n }this.geometry = Ub;this.material = void 0 !== a ? a : new jb();this.center = new B(.5, .5);\n }function Ic() {\n E.call(this);this.type = \"LOD\";Object.defineProperties(this, { levels: { enumerable: !0, value: [] } });\n }function Jc(a, b) {\n a && a.isGeometry && console.error(\"THREE.SkinnedMesh no longer supports THREE.Geometry. Use THREE.BufferGeometry instead.\");va.call(this, a, b);this.type = \"SkinnedMesh\";this.bindMode = \"attached\";this.bindMatrix = new J();this.bindMatrixInverse = new J();\n }function Cd(a, b) {\n a = a || [];this.bones = a.slice(0);this.boneMatrices = new Float32Array(16 * this.bones.length);if (void 0 === b) this.calculateInverses();else if (this.bones.length === b.length) this.boneInverses = b.slice(0);else for (console.warn(\"THREE.Skeleton boneInverses is the wrong length.\"), this.boneInverses = [], a = 0, b = this.bones.length; a < b; a++) {\n this.boneInverses.push(new J());\n }\n }function je() {\n E.call(this);this.type = \"Bone\";\n }function R(a) {\n M.call(this);this.type = \"LineBasicMaterial\";this.color = new K(16777215);this.linewidth = 1;this.linejoin = this.linecap = \"round\";this.lights = !1;this.setValues(a);\n }function da(a, b, c) {\n 1 === c && console.error(\"THREE.Line: parameter THREE.LinePieces no longer supported. Use THREE.LineSegments instead.\");E.call(this);this.type = \"Line\";this.geometry = void 0 !== a ? a : new D();this.material = void 0 !== b ? b : new R({ color: 16777215 * Math.random() });\n }function W(a, b) {\n da.call(this, a, b);this.type = \"LineSegments\";\n }function Dd(a, b) {\n da.call(this, a, b);this.type = \"LineLoop\";\n }function Ja(a) {\n M.call(this);this.type = \"PointsMaterial\";this.color = new K(16777215);\n this.map = null;this.size = 1;this.sizeAttenuation = !0;this.lights = this.morphTargets = !1;this.setValues(a);\n }function Vb(a, b) {\n E.call(this);this.type = \"Points\";this.geometry = void 0 !== a ? a : new D();this.material = void 0 !== b ? b : new Ja({ color: 16777215 * Math.random() });\n }function ke(a, b, c, d, e, f, g, h, k) {\n S.call(this, a, b, c, d, e, f, g, h, k);this.format = void 0 !== g ? g : 1022;this.minFilter = void 0 !== f ? f : 1006;this.magFilter = void 0 !== e ? e : 1006;this.generateMipmaps = !1;\n }function Wb(a, b, c, d, e, f, g, h, k, m, p, q) {\n S.call(this, null, f, g, h, k, m, d, e, p, q);this.image = { width: b, height: c };this.mipmaps = a;this.generateMipmaps = this.flipY = !1;\n }function Kc(a, b, c, d, e, f, g, h, k) {\n S.call(this, a, b, c, d, e, f, g, h, k);this.needsUpdate = !0;\n }function Lc(a, b, c, d, e, f, g, h, k, m) {\n m = void 0 !== m ? m : 1026;if (1026 !== m && 1027 !== m) throw Error(\"DepthTexture format must be either THREE.DepthFormat or THREE.DepthStencilFormat\");void 0 === c && 1026 === m && (c = 1012);void 0 === c && 1027 === m && (c = 1020);S.call(this, null, d, e, f, g, h, m, c, k);this.image = { width: a, height: b };this.magFilter = void 0 !== g ? g : 1003;this.minFilter = void 0 !== h ? h : 1003;this.generateMipmaps = this.flipY = !1;\n }function Xb(a) {\n D.call(this);this.type = \"WireframeGeometry\";var b = [],\n c,\n d,\n e,\n f = [0, 0],\n g = {},\n h = [\"a\", \"b\", \"c\"];if (a && a.isGeometry) {\n var k = a.faces;var m = 0;for (d = k.length; m < d; m++) {\n var p = k[m];for (c = 0; 3 > c; c++) {\n var q = p[h[c]];var l = p[h[(c + 1) % 3]];f[0] = Math.min(q, l);f[1] = Math.max(q, l);q = f[0] + \",\" + f[1];void 0 === g[q] && (g[q] = { index1: f[0], index2: f[1] });\n }\n }for (q in g) {\n m = g[q], h = a.vertices[m.index1], b.push(h.x, h.y, h.z), h = a.vertices[m.index2], b.push(h.x, h.y, h.z);\n }\n } else if (a && a.isBufferGeometry) if (h = new n(), null !== a.index) {\n k = a.attributes.position;p = a.index;var t = a.groups;0 === t.length && (t = [{ start: 0, count: p.count, materialIndex: 0 }]);a = 0;for (e = t.length; a < e; ++a) {\n for (m = t[a], c = m.start, d = m.count, m = c, d = c + d; m < d; m += 3) {\n for (c = 0; 3 > c; c++) {\n q = p.getX(m + c), l = p.getX(m + (c + 1) % 3), f[0] = Math.min(q, l), f[1] = Math.max(q, l), q = f[0] + \",\" + f[1], void 0 === g[q] && (g[q] = { index1: f[0], index2: f[1] });\n }\n }\n }for (q in g) {\n m = g[q], h.fromBufferAttribute(k, m.index1), b.push(h.x, h.y, h.z), h.fromBufferAttribute(k, m.index2), b.push(h.x, h.y, h.z);\n }\n } else for (k = a.attributes.position, m = 0, d = k.count / 3; m < d; m++) {\n for (c = 0; 3 > c; c++) {\n g = 3 * m + c, h.fromBufferAttribute(k, g), b.push(h.x, h.y, h.z), g = 3 * m + (c + 1) % 3, h.fromBufferAttribute(k, g), b.push(h.x, h.y, h.z);\n }\n }this.addAttribute(\"position\", new F(b, 3));\n }function Mc(a, b, c) {\n G.call(this);this.type = \"ParametricGeometry\";this.parameters = { func: a, slices: b, stacks: c };this.fromBufferGeometry(new Yb(a, b, c));this.mergeVertices();\n }function Yb(a, b, c) {\n D.call(this);this.type = \"ParametricBufferGeometry\";this.parameters = { func: a, slices: b,\n stacks: c };var d = [],\n e = [],\n f = [],\n g = [],\n h = new n(),\n k = new n(),\n m = new n(),\n p = new n(),\n q = new n(),\n l,\n t;3 > a.length && console.error(\"THREE.ParametricGeometry: Function must now modify a Vector3 as third parameter.\");var r = b + 1;for (l = 0; l <= c; l++) {\n var u = l / c;for (t = 0; t <= b; t++) {\n var w = t / b;a(w, u, k);e.push(k.x, k.y, k.z);0 <= w - 1E-5 ? (a(w - 1E-5, u, m), p.subVectors(k, m)) : (a(w + 1E-5, u, m), p.subVectors(m, k));0 <= u - 1E-5 ? (a(w, u - 1E-5, m), q.subVectors(k, m)) : (a(w, u + 1E-5, m), q.subVectors(m, k));h.crossVectors(p, q).normalize();f.push(h.x, h.y, h.z);g.push(w, u);\n }\n }for (l = 0; l < c; l++) {\n for (t = 0; t < b; t++) {\n a = l * r + t + 1, h = (l + 1) * r + t + 1, k = (l + 1) * r + t, d.push(l * r + t, a, k), d.push(a, h, k);\n }\n }this.setIndex(d);this.addAttribute(\"position\", new F(e, 3));this.addAttribute(\"normal\", new F(f, 3));this.addAttribute(\"uv\", new F(g, 2));\n }function Nc(a, b, c, d) {\n G.call(this);this.type = \"PolyhedronGeometry\";this.parameters = { vertices: a, indices: b, radius: c, detail: d };this.fromBufferGeometry(new Aa(a, b, c, d));this.mergeVertices();\n }function Aa(a, b, c, d) {\n function e(a) {\n h.push(a.x, a.y, a.z);\n }function f(b, c) {\n b *= 3;c.x = a[b + 0];c.y = a[b + 1];c.z = a[b + 2];\n }function g(a, b, c, d) {\n 0 > d && 1 === a.x && (k[b] = a.x - 1);0 === c.x && 0 === c.z && (k[b] = d / 2 / Math.PI + .5);\n }D.call(this);this.type = \"PolyhedronBufferGeometry\";this.parameters = { vertices: a, indices: b, radius: c, detail: d };c = c || 1;d = d || 0;var h = [],\n k = [];(function (a) {\n for (var c = new n(), d = new n(), g = new n(), h = 0; h < b.length; h += 3) {\n f(b[h + 0], c);f(b[h + 1], d);f(b[h + 2], g);var k,\n m,\n l = c,\n z = d,\n x = g,\n C = Math.pow(2, a),\n y = [];for (m = 0; m <= C; m++) {\n y[m] = [];var Q = l.clone().lerp(x, m / C),\n B = z.clone().lerp(x, m / C),\n A = C - m;for (k = 0; k <= A; k++) {\n y[m][k] = 0 === k && m === C ? Q : Q.clone().lerp(B, k / A);\n }\n }for (m = 0; m < C; m++) {\n for (k = 0; k < 2 * (C - m) - 1; k++) {\n l = Math.floor(k / 2), 0 === k % 2 ? (e(y[m][l + 1]), e(y[m + 1][l]), e(y[m][l])) : (e(y[m][l + 1]), e(y[m + 1][l + 1]), e(y[m + 1][l]));\n }\n }\n }\n })(d);(function (a) {\n for (var b = new n(), c = 0; c < h.length; c += 3) {\n b.x = h[c + 0], b.y = h[c + 1], b.z = h[c + 2], b.normalize().multiplyScalar(a), h[c + 0] = b.x, h[c + 1] = b.y, h[c + 2] = b.z;\n }\n })(c);(function () {\n for (var a = new n(), b = 0; b < h.length; b += 3) {\n a.x = h[b + 0], a.y = h[b + 1], a.z = h[b + 2], k.push(Math.atan2(a.z, -a.x) / 2 / Math.PI + .5, 1 - (Math.atan2(-a.y, Math.sqrt(a.x * a.x + a.z * a.z)) / Math.PI + .5));\n }a = new n();b = new n();for (var c = new n(), d = new n(), e = new B(), f = new B(), l = new B(), w = 0, z = 0; w < h.length; w += 9, z += 6) {\n a.set(h[w + 0], h[w + 1], h[w + 2]);b.set(h[w + 3], h[w + 4], h[w + 5]);c.set(h[w + 6], h[w + 7], h[w + 8]);e.set(k[z + 0], k[z + 1]);f.set(k[z + 2], k[z + 3]);l.set(k[z + 4], k[z + 5]);d.copy(a).add(b).add(c).divideScalar(3);var x = Math.atan2(d.z, -d.x);g(e, z + 0, a, x);g(f, z + 2, b, x);g(l, z + 4, c, x);\n }for (a = 0; a < k.length; a += 6) {\n b = k[a + 0], c = k[a + 2], d = k[a + 4], e = Math.min(b, c, d), .9 < Math.max(b, c, d) && .1 > e && (.2 > b && (k[a + 0] += 1), .2 > c && (k[a + 2] += 1), .2 > d && (k[a + 4] += 1));\n }\n })();this.addAttribute(\"position\", new F(h, 3));this.addAttribute(\"normal\", new F(h.slice(), 3));this.addAttribute(\"uv\", new F(k, 2));0 === d ? this.computeVertexNormals() : this.normalizeNormals();\n }function Oc(a, b) {\n G.call(this);this.type = \"TetrahedronGeometry\";this.parameters = { radius: a, detail: b };this.fromBufferGeometry(new Zb(a, b));this.mergeVertices();\n }function Zb(a, b) {\n Aa.call(this, [1, 1, 1, -1, -1, 1, -1, 1, -1, 1, -1, -1], [2, 1, 0, 0, 3, 2, 1, 3, 0, 2, 3, 1], a, b);this.type = \"TetrahedronBufferGeometry\";this.parameters = { radius: a,\n detail: b };\n }function Pc(a, b) {\n G.call(this);this.type = \"OctahedronGeometry\";this.parameters = { radius: a, detail: b };this.fromBufferGeometry(new vb(a, b));this.mergeVertices();\n }function vb(a, b) {\n Aa.call(this, [1, 0, 0, -1, 0, 0, 0, 1, 0, 0, -1, 0, 0, 0, 1, 0, 0, -1], [0, 2, 4, 0, 4, 3, 0, 3, 5, 0, 5, 2, 1, 2, 5, 1, 5, 3, 1, 3, 4, 1, 4, 2], a, b);this.type = \"OctahedronBufferGeometry\";this.parameters = { radius: a, detail: b };\n }function Qc(a, b) {\n G.call(this);this.type = \"IcosahedronGeometry\";this.parameters = { radius: a, detail: b };this.fromBufferGeometry(new $b(a, b));this.mergeVertices();\n }\n function $b(a, b) {\n var c = (1 + Math.sqrt(5)) / 2;Aa.call(this, [-1, c, 0, 1, c, 0, -1, -c, 0, 1, -c, 0, 0, -1, c, 0, 1, c, 0, -1, -c, 0, 1, -c, c, 0, -1, c, 0, 1, -c, 0, -1, -c, 0, 1], [0, 11, 5, 0, 5, 1, 0, 1, 7, 0, 7, 10, 0, 10, 11, 1, 5, 9, 5, 11, 4, 11, 10, 2, 10, 7, 6, 7, 1, 8, 3, 9, 4, 3, 4, 2, 3, 2, 6, 3, 6, 8, 3, 8, 9, 4, 9, 5, 2, 4, 11, 6, 2, 10, 8, 6, 7, 9, 8, 1], a, b);this.type = \"IcosahedronBufferGeometry\";this.parameters = { radius: a, detail: b };\n }function Rc(a, b) {\n G.call(this);this.type = \"DodecahedronGeometry\";this.parameters = { radius: a, detail: b };this.fromBufferGeometry(new ac(a, b));this.mergeVertices();\n }\n function ac(a, b) {\n var c = (1 + Math.sqrt(5)) / 2,\n d = 1 / c;Aa.call(this, [-1, -1, -1, -1, -1, 1, -1, 1, -1, -1, 1, 1, 1, -1, -1, 1, -1, 1, 1, 1, -1, 1, 1, 1, 0, -d, -c, 0, -d, c, 0, d, -c, 0, d, c, -d, -c, 0, -d, c, 0, d, -c, 0, d, c, 0, -c, 0, -d, c, 0, -d, -c, 0, d, c, 0, d], [3, 11, 7, 3, 7, 15, 3, 15, 13, 7, 19, 17, 7, 17, 6, 7, 6, 15, 17, 4, 8, 17, 8, 10, 17, 10, 6, 8, 0, 16, 8, 16, 2, 8, 2, 10, 0, 12, 1, 0, 1, 18, 0, 18, 16, 6, 10, 2, 6, 2, 13, 6, 13, 15, 2, 16, 18, 2, 18, 3, 2, 3, 13, 18, 1, 9, 18, 9, 11, 18, 11, 3, 4, 14, 12, 4, 12, 0, 4, 0, 8, 11, 9, 5, 11, 5, 19, 11, 19, 7, 19, 5, 14, 19, 14, 4, 19, 4, 17, 1, 12, 14, 1, 14, 5, 1, 5, 9], a, b);this.type = \"DodecahedronBufferGeometry\";\n this.parameters = { radius: a, detail: b };\n }function Sc(a, b, c, d, e, f) {\n G.call(this);this.type = \"TubeGeometry\";this.parameters = { path: a, tubularSegments: b, radius: c, radialSegments: d, closed: e };void 0 !== f && console.warn(\"THREE.TubeGeometry: taper has been removed.\");a = new wb(a, b, c, d, e);this.tangents = a.tangents;this.normals = a.normals;this.binormals = a.binormals;this.fromBufferGeometry(a);this.mergeVertices();\n }function wb(a, b, c, d, e) {\n function f(e) {\n p = a.getPointAt(e / b, p);var f = g.normals[e];e = g.binormals[e];for (l = 0; l <= d; l++) {\n var m = l / d * Math.PI * 2,\n q = Math.sin(m);m = -Math.cos(m);k.x = m * f.x + q * e.x;k.y = m * f.y + q * e.y;k.z = m * f.z + q * e.z;k.normalize();r.push(k.x, k.y, k.z);h.x = p.x + c * k.x;h.y = p.y + c * k.y;h.z = p.z + c * k.z;t.push(h.x, h.y, h.z);\n }\n }D.call(this);this.type = \"TubeBufferGeometry\";this.parameters = { path: a, tubularSegments: b, radius: c, radialSegments: d, closed: e };b = b || 64;c = c || 1;d = d || 8;e = e || !1;var g = a.computeFrenetFrames(b, e);this.tangents = g.tangents;this.normals = g.normals;this.binormals = g.binormals;var h = new n(),\n k = new n(),\n m = new B(),\n p = new n(),\n q,\n l,\n t = [],\n r = [],\n u = [],\n w = [];for (q = 0; q < b; q++) {\n f(q);\n }f(!1 === e ? b : 0);for (q = 0; q <= b; q++) {\n for (l = 0; l <= d; l++) {\n m.x = q / b, m.y = l / d, u.push(m.x, m.y);\n }\n }(function () {\n for (l = 1; l <= b; l++) {\n for (q = 1; q <= d; q++) {\n var a = (d + 1) * l + (q - 1),\n c = (d + 1) * l + q,\n e = (d + 1) * (l - 1) + q;w.push((d + 1) * (l - 1) + (q - 1), a, e);w.push(a, c, e);\n }\n }\n })();this.setIndex(w);this.addAttribute(\"position\", new F(t, 3));this.addAttribute(\"normal\", new F(r, 3));this.addAttribute(\"uv\", new F(u, 2));\n }function Tc(a, b, c, d, e, f, g) {\n G.call(this);this.type = \"TorusKnotGeometry\";this.parameters = { radius: a, tube: b, tubularSegments: c,\n radialSegments: d, p: e, q: f };void 0 !== g && console.warn(\"THREE.TorusKnotGeometry: heightScale has been deprecated. Use .scale( x, y, z ) instead.\");this.fromBufferGeometry(new bc(a, b, c, d, e, f));this.mergeVertices();\n }function bc(a, b, c, d, e, f) {\n function g(a, b, c, d, e) {\n var f = Math.sin(a);b = c / b * a;c = Math.cos(b);e.x = d * (2 + c) * .5 * Math.cos(a);e.y = d * (2 + c) * f * .5;e.z = d * Math.sin(b) * .5;\n }D.call(this);this.type = \"TorusKnotBufferGeometry\";this.parameters = { radius: a, tube: b, tubularSegments: c, radialSegments: d, p: e, q: f };a = a || 1;b = b || .4;\n c = Math.floor(c) || 64;d = Math.floor(d) || 8;e = e || 2;f = f || 3;var h = [],\n k = [],\n m = [],\n p = [],\n q,\n l = new n(),\n t = new n(),\n r = new n(),\n u = new n(),\n w = new n(),\n z = new n(),\n x = new n();for (q = 0; q <= c; ++q) {\n var C = q / c * e * Math.PI * 2;g(C, e, f, a, r);g(C + .01, e, f, a, u);z.subVectors(u, r);x.addVectors(u, r);w.crossVectors(z, x);x.crossVectors(w, z);w.normalize();x.normalize();for (C = 0; C <= d; ++C) {\n var y = C / d * Math.PI * 2,\n Q = -b * Math.cos(y);y = b * Math.sin(y);l.x = r.x + (Q * x.x + y * w.x);l.y = r.y + (Q * x.y + y * w.y);l.z = r.z + (Q * x.z + y * w.z);k.push(l.x, l.y, l.z);t.subVectors(l, r).normalize();m.push(t.x, t.y, t.z);p.push(q / c);p.push(C / d);\n }\n }for (C = 1; C <= c; C++) {\n for (q = 1; q <= d; q++) {\n a = (d + 1) * C + (q - 1), b = (d + 1) * C + q, e = (d + 1) * (C - 1) + q, h.push((d + 1) * (C - 1) + (q - 1), a, e), h.push(a, b, e);\n }\n }this.setIndex(h);this.addAttribute(\"position\", new F(k, 3));this.addAttribute(\"normal\", new F(m, 3));this.addAttribute(\"uv\", new F(p, 2));\n }function Uc(a, b, c, d, e) {\n G.call(this);this.type = \"TorusGeometry\";this.parameters = { radius: a, tube: b, radialSegments: c, tubularSegments: d, arc: e };this.fromBufferGeometry(new cc(a, b, c, d, e));this.mergeVertices();\n }function cc(a, b, c, d, e) {\n D.call(this);this.type = \"TorusBufferGeometry\";this.parameters = { radius: a, tube: b, radialSegments: c, tubularSegments: d, arc: e };a = a || 1;b = b || .4;c = Math.floor(c) || 8;d = Math.floor(d) || 6;e = e || 2 * Math.PI;var f = [],\n g = [],\n h = [],\n k = [],\n m = new n(),\n p = new n(),\n q = new n(),\n l,\n t;for (l = 0; l <= c; l++) {\n for (t = 0; t <= d; t++) {\n var r = t / d * e,\n u = l / c * Math.PI * 2;p.x = (a + b * Math.cos(u)) * Math.cos(r);p.y = (a + b * Math.cos(u)) * Math.sin(r);p.z = b * Math.sin(u);g.push(p.x, p.y, p.z);m.x = a * Math.cos(r);m.y = a * Math.sin(r);q.subVectors(p, m).normalize();h.push(q.x, q.y, q.z);\n k.push(t / d);k.push(l / c);\n }\n }for (l = 1; l <= c; l++) {\n for (t = 1; t <= d; t++) {\n a = (d + 1) * (l - 1) + t - 1, b = (d + 1) * (l - 1) + t, e = (d + 1) * l + t, f.push((d + 1) * l + t - 1, a, e), f.push(a, b, e);\n }\n }this.setIndex(f);this.addAttribute(\"position\", new F(g, 3));this.addAttribute(\"normal\", new F(h, 3));this.addAttribute(\"uv\", new F(k, 2));\n }function vf(a, b, c, d, e) {\n for (var f, g = 0, h = b, k = c - d; h < c; h += d) {\n g += (a[k] - a[h]) * (a[h + 1] + a[k + 1]), k = h;\n }if (e === 0 < g) for (e = b; e < c; e += d) {\n f = wf(e, a[e], a[e + 1], f);\n } else for (e = c - d; e >= b; e -= d) {\n f = wf(e, a[e], a[e + 1], f);\n }f && xb(f, f.next) && (Vc(f), f = f.next);return f;\n }\n function Wc(a, b) {\n if (!a) return a;b || (b = a);do {\n var c = !1;if (a.steiner || !xb(a, a.next) && 0 !== qa(a.prev, a, a.next)) a = a.next;else {\n Vc(a);a = b = a.prev;if (a === a.next) break;c = !0;\n }\n } while (c || a !== b);return b;\n }function Xc(a, b, c, d, e, f, g) {\n if (a) {\n if (!g && f) {\n var h = a,\n k = h;do {\n null === k.z && (k.z = le(k.x, k.y, d, e, f)), k.prevZ = k.prev, k = k.nextZ = k.next;\n } while (k !== h);k.prevZ.nextZ = null;k.prevZ = null;h = k;var m,\n p,\n q,\n l,\n t = 1;do {\n k = h;var r = h = null;for (p = 0; k;) {\n p++;var n = k;for (m = q = 0; m < t && (q++, n = n.nextZ, n); m++) {}for (l = t; 0 < q || 0 < l && n;) {\n 0 !== q && (0 === l || !n || k.z <= n.z) ? (m = k, k = k.nextZ, q--) : (m = n, n = n.nextZ, l--), r ? r.nextZ = m : h = m, m.prevZ = r, r = m;\n }k = n;\n }r.nextZ = null;t *= 2;\n } while (1 < p);\n }for (h = a; a.prev !== a.next;) {\n k = a.prev;n = a.next;if (f) a: {\n r = a;l = d;var w = e,\n z = f;p = r.prev;q = r;t = r.next;if (0 <= qa(p, q, t)) r = !1;else {\n var x = p.x > q.x ? p.x > t.x ? p.x : t.x : q.x > t.x ? q.x : t.x,\n C = p.y > q.y ? p.y > t.y ? p.y : t.y : q.y > t.y ? q.y : t.y;m = le(p.x < q.x ? p.x < t.x ? p.x : t.x : q.x < t.x ? q.x : t.x, p.y < q.y ? p.y < t.y ? p.y : t.y : q.y < t.y ? q.y : t.y, l, w, z);l = le(x, C, l, w, z);for (w = r.nextZ; w && w.z <= l;) {\n if (w !== r.prev && w !== r.next && Ed(p.x, p.y, q.x, q.y, t.x, t.y, w.x, w.y) && 0 <= qa(w.prev, w, w.next)) {\n r = !1;break a;\n }w = w.nextZ;\n }for (w = r.prevZ; w && w.z >= m;) {\n if (w !== r.prev && w !== r.next && Ed(p.x, p.y, q.x, q.y, t.x, t.y, w.x, w.y) && 0 <= qa(w.prev, w, w.next)) {\n r = !1;break a;\n }w = w.prevZ;\n }r = !0;\n }\n } else a: if (r = a, p = r.prev, q = r, t = r.next, 0 <= qa(p, q, t)) r = !1;else {\n for (m = r.next.next; m !== r.prev;) {\n if (Ed(p.x, p.y, q.x, q.y, t.x, t.y, m.x, m.y) && 0 <= qa(m.prev, m, m.next)) {\n r = !1;break a;\n }m = m.next;\n }r = !0;\n }if (r) b.push(k.i / c), b.push(a.i / c), b.push(n.i / c), Vc(a), h = a = n.next;else if (a = n, a === h) {\n if (!g) Xc(Wc(a), b, c, d, e, f, 1);else if (1 === g) {\n g = b;h = c;k = a;do {\n n = k.prev, r = k.next.next, !xb(n, r) && xf(n, k, k.next, r) && Yc(n, r) && Yc(r, n) && (g.push(n.i / h), g.push(k.i / h), g.push(r.i / h), Vc(k), Vc(k.next), k = a = r), k = k.next;\n } while (k !== a);a = k;Xc(a, b, c, d, e, f, 2);\n } else if (2 === g) a: {\n g = a;do {\n for (h = g.next.next; h !== g.prev;) {\n if (k = g.i !== h.i) {\n k = g;n = h;if (r = k.next.i !== n.i && k.prev.i !== n.i) {\n b: {\n r = k;do {\n if (r.i !== k.i && r.next.i !== k.i && r.i !== n.i && r.next.i !== n.i && xf(r, r.next, k, n)) {\n r = !0;break b;\n }r = r.next;\n } while (r !== k);r = !1;\n }r = !r;\n }if (r = r && Yc(k, n) && Yc(n, k)) {\n r = k;p = !1;q = (k.x + n.x) / 2;n = (k.y + n.y) / 2;do {\n r.y > n !== r.next.y > n && r.next.y !== r.y && q < (r.next.x - r.x) * (n - r.y) / (r.next.y - r.y) + r.x && (p = !p), r = r.next;\n } while (r !== k);r = p;\n }k = r;\n }if (k) {\n a = yf(g, h);g = Wc(g, g.next);a = Wc(a, a.next);Xc(g, b, c, d, e, f);Xc(a, b, c, d, e, f);break a;\n }h = h.next;\n }g = g.next;\n } while (g !== a);\n }break;\n }\n }\n }\n }function dh(a, b) {\n return a.x - b.x;\n }function eh(a, b) {\n var c = b,\n d = a.x,\n e = a.y,\n f = -Infinity;do {\n if (e <= c.y && e >= c.next.y && c.next.y !== c.y) {\n var g = c.x + (e - c.y) * (c.next.x - c.x) / (c.next.y - c.y);if (g <= d && g > f) {\n f = g;if (g === d) {\n if (e === c.y) return c;if (e === c.next.y) return c.next;\n }var h = c.x < c.next.x ? c : c.next;\n }\n }c = c.next;\n } while (c !== b);if (!h) return null;if (d === f) return h.prev;b = h;g = h.x;var k = h.y,\n m = Infinity;for (c = h.next; c !== b;) {\n if (d >= c.x && c.x >= g && d !== c.x && Ed(e < k ? d : f, e, g, k, e < k ? f : d, e, c.x, c.y)) {\n var p = Math.abs(e - c.y) / (d - c.x);(p < m || p === m && c.x > h.x) && Yc(c, a) && (h = c, m = p);\n }c = c.next;\n }return h;\n }function le(a, b, c, d, e) {\n a = 32767 * (a - c) * e;b = 32767 * (b - d) * e;a = (a | a << 8) & 16711935;a = (a | a << 4) & 252645135;a = (a | a << 2) & 858993459;b = (b | b << 8) & 16711935;b = (b | b << 4) & 252645135;b = (b | b << 2) & 858993459;return (a | a << 1) & 1431655765 | ((b | b << 1) & 1431655765) << 1;\n }function fh(a) {\n var b = a,\n c = a;do {\n b.x < c.x && (c = b), b = b.next;\n } while (b !== a);return c;\n }function Ed(a, b, c, d, e, f, g, h) {\n return 0 <= (e - g) * (b - h) - (a - g) * (f - h) && 0 <= (a - g) * (d - h) - (c - g) * (b - h) && 0 <= (c - g) * (f - h) - (e - g) * (d - h);\n }function qa(a, b, c) {\n return (b.y - a.y) * (c.x - b.x) - (b.x - a.x) * (c.y - b.y);\n }function xb(a, b) {\n return a.x === b.x && a.y === b.y;\n }function xf(a, b, c, d) {\n return xb(a, b) && xb(c, d) || xb(a, d) && xb(c, b) ? !0 : 0 < qa(a, b, c) !== 0 < qa(a, b, d) && 0 < qa(c, d, a) !== 0 < qa(c, d, b);\n }function Yc(a, b) {\n return 0 > qa(a.prev, a, a.next) ? 0 <= qa(a, b, a.next) && 0 <= qa(a, a.prev, b) : 0 > qa(a, b, a.prev) || 0 > qa(a, a.next, b);\n }function yf(a, b) {\n var c = new me(a.i, a.x, a.y),\n d = new me(b.i, b.x, b.y),\n e = a.next,\n f = b.prev;a.next = b;b.prev = a;c.next = e;e.prev = c;d.next = c;c.prev = d;f.next = d;d.prev = f;return d;\n }function wf(a, b, c, d) {\n a = new me(a, b, c);d ? (a.next = d.next, a.prev = d, d.next.prev = a, d.next = a) : (a.prev = a, a.next = a);return a;\n }function Vc(a) {\n a.next.prev = a.prev;a.prev.next = a.next;a.prevZ && (a.prevZ.nextZ = a.nextZ);a.nextZ && (a.nextZ.prevZ = a.prevZ);\n }function me(a, b, c) {\n this.i = a;this.x = b;this.y = c;this.nextZ = this.prevZ = this.z = this.next = this.prev = null;this.steiner = !1;\n }function zf(a) {\n var b = a.length;2 < b && a[b - 1].equals(a[0]) && a.pop();\n }function Af(a, b) {\n for (var c = 0; c < b.length; c++) {\n a.push(b[c].x), a.push(b[c].y);\n }\n }function yb(a, b) {\n G.call(this);this.type = \"ExtrudeGeometry\";this.parameters = { shapes: a, options: b };this.fromBufferGeometry(new Wa(a, b));this.mergeVertices();\n }function Wa(a, b) {\n function c(a) {\n function c(a, b, c) {\n b || console.error(\"THREE.ExtrudeGeometry: vec does not exist\");return b.clone().multiplyScalar(c).add(a);\n }\n function g(a, b, c) {\n var d = a.x - b.x;var e = a.y - b.y;var f = c.x - a.x;var g = c.y - a.y,\n h = d * d + e * e;if (Math.abs(d * g - e * f) > Number.EPSILON) {\n var k = Math.sqrt(h),\n m = Math.sqrt(f * f + g * g);h = b.x - e / k;b = b.y + d / k;g = ((c.x - g / m - h) * g - (c.y + f / m - b) * f) / (d * g - e * f);f = h + d * g - a.x;d = b + e * g - a.y;e = f * f + d * d;if (2 >= e) return new B(f, d);e = Math.sqrt(e / 2);\n } else a = !1, d > Number.EPSILON ? f > Number.EPSILON && (a = !0) : d < -Number.EPSILON ? f < -Number.EPSILON && (a = !0) : Math.sign(e) === Math.sign(g) && (a = !0), a ? (f = -e, e = Math.sqrt(h)) : (f = d, d = e, e = Math.sqrt(h / 2));return new B(f / e, d / e);\n }function h(a, b) {\n for (N = a.length; 0 <= --N;) {\n var c = N;var f = N - 1;0 > f && (f = a.length - 1);var g,\n h = x + 2 * A;for (g = 0; g < h; g++) {\n var k = W * g,\n m = W * (g + 1),\n p = b + f + k,\n q = b + f + m;m = b + c + m;r(b + c + k);r(p);r(m);r(p);r(q);r(m);k = e.length / 3;k = F.generateSideWallUV(d, e, k - 6, k - 3, k - 2, k - 1);u(k[0]);u(k[1]);u(k[3]);u(k[1]);u(k[2]);u(k[3]);\n }\n }\n }function k(a, b, c) {\n w.push(a);w.push(b);w.push(c);\n }function l(a, b, c) {\n r(a);r(b);r(c);a = e.length / 3;a = F.generateTopUV(d, e, a - 3, a - 2, a - 1);u(a[0]);u(a[1]);u(a[2]);\n }function r(a) {\n e.push(w[3 * a]);e.push(w[3 * a + 1]);e.push(w[3 * a + 2]);\n }function u(a) {\n f.push(a.x);f.push(a.y);\n }var w = [],\n z = void 0 !== b.curveSegments ? b.curveSegments : 12,\n x = void 0 !== b.steps ? b.steps : 1,\n C = void 0 !== b.depth ? b.depth : 100,\n y = void 0 !== b.bevelEnabled ? b.bevelEnabled : !0,\n Q = void 0 !== b.bevelThickness ? b.bevelThickness : 6,\n fa = void 0 !== b.bevelSize ? b.bevelSize : Q - 2,\n A = void 0 !== b.bevelSegments ? b.bevelSegments : 3,\n D = b.extrudePath,\n F = void 0 !== b.UVGenerator ? b.UVGenerator : gh;void 0 !== b.amount && (console.warn(\"THREE.ExtrudeBufferGeometry: amount has been renamed to depth.\"), C = b.amount);\n var E = !1;if (D) {\n var X = D.getSpacedPoints(x);E = !0;y = !1;var G = D.computeFrenetFrames(x, !1);var I = new n();var K = new n();var L = new n();\n }y || (fa = Q = A = 0);var J;z = a.extractPoints(z);a = z.shape;var M = z.holes;if (!ab.isClockWise(a)) {\n a = a.reverse();var H = 0;for (J = M.length; H < J; H++) {\n var P = M[H];ab.isClockWise(P) && (M[H] = P.reverse());\n }\n }var V = ab.triangulateShape(a, M),\n S = a;H = 0;for (J = M.length; H < J; H++) {\n P = M[H], a = a.concat(P);\n }var R,\n W = a.length,\n U,\n ba = V.length;z = [];var N = 0;var T = S.length;var ea = T - 1;for (R = N + 1; N < T; N++, ea++, R++) {\n ea === T && (ea = 0), R === T && (R = 0), z[N] = g(S[N], S[ea], S[R]);\n }D = [];var da = z.concat();H = 0;for (J = M.length; H < J; H++) {\n P = M[H];var aa = [];N = 0;T = P.length;ea = T - 1;for (R = N + 1; N < T; N++, ea++, R++) {\n ea === T && (ea = 0), R === T && (R = 0), aa[N] = g(P[N], P[ea], P[R]);\n }D.push(aa);da = da.concat(aa);\n }for (ea = 0; ea < A; ea++) {\n T = ea / A;var ca = Q * Math.cos(T * Math.PI / 2);R = fa * Math.sin(T * Math.PI / 2);N = 0;for (T = S.length; N < T; N++) {\n var Y = c(S[N], z[N], R);k(Y.x, Y.y, -ca);\n }H = 0;for (J = M.length; H < J; H++) {\n for (P = M[H], aa = D[H], N = 0, T = P.length; N < T; N++) {\n Y = c(P[N], aa[N], R), k(Y.x, Y.y, -ca);\n }\n }\n }R = fa;for (N = 0; N < W; N++) {\n Y = y ? c(a[N], da[N], R) : a[N], E ? (K.copy(G.normals[0]).multiplyScalar(Y.x), I.copy(G.binormals[0]).multiplyScalar(Y.y), L.copy(X[0]).add(K).add(I), k(L.x, L.y, L.z)) : k(Y.x, Y.y, 0);\n }for (T = 1; T <= x; T++) {\n for (N = 0; N < W; N++) {\n Y = y ? c(a[N], da[N], R) : a[N], E ? (K.copy(G.normals[T]).multiplyScalar(Y.x), I.copy(G.binormals[T]).multiplyScalar(Y.y), L.copy(X[T]).add(K).add(I), k(L.x, L.y, L.z)) : k(Y.x, Y.y, C / x * T);\n }\n }for (ea = A - 1; 0 <= ea; ea--) {\n T = ea / A;ca = Q * Math.cos(T * Math.PI / 2);R = fa * Math.sin(T * Math.PI / 2);N = 0;for (T = S.length; N < T; N++) {\n Y = c(S[N], z[N], R), k(Y.x, Y.y, C + ca);\n }H = 0;for (J = M.length; H < J; H++) {\n for (P = M[H], aa = D[H], N = 0, T = P.length; N < T; N++) {\n Y = c(P[N], aa[N], R), E ? k(Y.x, Y.y + X[x - 1].y, X[x - 1].x + ca) : k(Y.x, Y.y, C + ca);\n }\n }\n }(function () {\n var a = e.length / 3;if (y) {\n var b = 0 * W;for (N = 0; N < ba; N++) {\n U = V[N], l(U[2] + b, U[1] + b, U[0] + b);\n }b = W * (x + 2 * A);for (N = 0; N < ba; N++) {\n U = V[N], l(U[0] + b, U[1] + b, U[2] + b);\n }\n } else {\n for (N = 0; N < ba; N++) {\n U = V[N], l(U[2], U[1], U[0]);\n }for (N = 0; N < ba; N++) {\n U = V[N], l(U[0] + W * x, U[1] + W * x, U[2] + W * x);\n }\n }d.addGroup(a, e.length / 3 - a, 0);\n })();(function () {\n var a = e.length / 3,\n b = 0;h(S, b);b += S.length;H = 0;for (J = M.length; H < J; H++) {\n P = M[H], h(P, b), b += P.length;\n }d.addGroup(a, e.length / 3 - a, 1);\n })();\n }D.call(this);this.type = \"ExtrudeBufferGeometry\";this.parameters = { shapes: a, options: b };a = Array.isArray(a) ? a : [a];for (var d = this, e = [], f = [], g = 0, h = a.length; g < h; g++) {\n c(a[g]);\n }this.addAttribute(\"position\", new F(e, 3));this.addAttribute(\"uv\", new F(f, 2));this.computeVertexNormals();\n }function Bf(a, b, c) {\n c.shapes = [];if (Array.isArray(a)) for (var d = 0, e = a.length; d < e; d++) {\n c.shapes.push(a[d].uuid);\n } else c.shapes.push(a.uuid);void 0 !== b.extrudePath && (c.options.extrudePath = b.extrudePath.toJSON());return c;\n }function Zc(a, b) {\n G.call(this);this.type = \"TextGeometry\";this.parameters = { text: a, parameters: b };this.fromBufferGeometry(new dc(a, b));this.mergeVertices();\n }function dc(a, b) {\n b = b || {};var c = b.font;if (!c || !c.isFont) return console.error(\"THREE.TextGeometry: font parameter is not an instance of THREE.Font.\"), new G();a = c.generateShapes(a, b.size);b.depth = void 0 !== b.height ? b.height : 50;void 0 === b.bevelThickness && (b.bevelThickness = 10);void 0 === b.bevelSize && (b.bevelSize = 8);void 0 === b.bevelEnabled && (b.bevelEnabled = !1);Wa.call(this, a, b);this.type = \"TextBufferGeometry\";\n }function $c(a, b, c, d, e, f, g) {\n G.call(this);this.type = \"SphereGeometry\";this.parameters = { radius: a, widthSegments: b, heightSegments: c, phiStart: d, phiLength: e, thetaStart: f, thetaLength: g };this.fromBufferGeometry(new zb(a, b, c, d, e, f, g));this.mergeVertices();\n }function zb(a, b, c, d, e, f, g) {\n D.call(this);this.type = \"SphereBufferGeometry\";this.parameters = { radius: a, widthSegments: b, heightSegments: c, phiStart: d, phiLength: e, thetaStart: f,\n thetaLength: g };a = a || 1;b = Math.max(3, Math.floor(b) || 8);c = Math.max(2, Math.floor(c) || 6);d = void 0 !== d ? d : 0;e = void 0 !== e ? e : 2 * Math.PI;f = void 0 !== f ? f : 0;g = void 0 !== g ? g : Math.PI;var h = f + g,\n k,\n m,\n p = 0,\n q = [],\n l = new n(),\n t = new n(),\n r = [],\n u = [],\n w = [],\n z = [];for (m = 0; m <= c; m++) {\n var x = [],\n C = m / c;for (k = 0; k <= b; k++) {\n var y = k / b;l.x = -a * Math.cos(d + y * e) * Math.sin(f + C * g);l.y = a * Math.cos(f + C * g);l.z = a * Math.sin(d + y * e) * Math.sin(f + C * g);u.push(l.x, l.y, l.z);t.set(l.x, l.y, l.z).normalize();w.push(t.x, t.y, t.z);z.push(y, 1 - C);x.push(p++);\n }q.push(x);\n }for (m = 0; m < c; m++) {\n for (k = 0; k < b; k++) {\n a = q[m][k + 1], d = q[m][k], e = q[m + 1][k], g = q[m + 1][k + 1], (0 !== m || 0 < f) && r.push(a, d, g), (m !== c - 1 || h < Math.PI) && r.push(d, e, g);\n }\n }this.setIndex(r);this.addAttribute(\"position\", new F(u, 3));this.addAttribute(\"normal\", new F(w, 3));this.addAttribute(\"uv\", new F(z, 2));\n }function ad(a, b, c, d, e, f) {\n G.call(this);this.type = \"RingGeometry\";this.parameters = { innerRadius: a, outerRadius: b, thetaSegments: c, phiSegments: d, thetaStart: e, thetaLength: f };this.fromBufferGeometry(new ec(a, b, c, d, e, f));this.mergeVertices();\n }function ec(a, b, c, d, e, f) {\n D.call(this);this.type = \"RingBufferGeometry\";this.parameters = { innerRadius: a, outerRadius: b, thetaSegments: c, phiSegments: d, thetaStart: e, thetaLength: f };a = a || .5;b = b || 1;e = void 0 !== e ? e : 0;f = void 0 !== f ? f : 2 * Math.PI;c = void 0 !== c ? Math.max(3, c) : 8;d = void 0 !== d ? Math.max(1, d) : 1;var g = [],\n h = [],\n k = [],\n m = [],\n p = a,\n l = (b - a) / d,\n v = new n(),\n t = new B(),\n r,\n u;for (r = 0; r <= d; r++) {\n for (u = 0; u <= c; u++) {\n a = e + u / c * f, v.x = p * Math.cos(a), v.y = p * Math.sin(a), h.push(v.x, v.y, v.z), k.push(0, 0, 1), t.x = (v.x / b + 1) / 2, t.y = (v.y / b + 1) / 2, m.push(t.x, t.y);\n }p += l;\n }for (r = 0; r < d; r++) {\n for (b = r * (c + 1), u = 0; u < c; u++) {\n a = u + b, e = a + c + 1, f = a + c + 2, p = a + 1, g.push(a, e, p), g.push(e, f, p);\n }\n }this.setIndex(g);this.addAttribute(\"position\", new F(h, 3));this.addAttribute(\"normal\", new F(k, 3));this.addAttribute(\"uv\", new F(m, 2));\n }function bd(a, b, c, d) {\n G.call(this);this.type = \"LatheGeometry\";this.parameters = { points: a, segments: b, phiStart: c, phiLength: d };this.fromBufferGeometry(new fc(a, b, c, d));this.mergeVertices();\n }function fc(a, b, c, d) {\n D.call(this);this.type = \"LatheBufferGeometry\";this.parameters = { points: a, segments: b,\n phiStart: c, phiLength: d };b = Math.floor(b) || 12;c = c || 0;d = d || 2 * Math.PI;d = H.clamp(d, 0, 2 * Math.PI);var e = [],\n f = [],\n g = [],\n h = 1 / b,\n k = new n(),\n m = new B(),\n p;for (p = 0; p <= b; p++) {\n var l = c + p * h * d;var v = Math.sin(l),\n t = Math.cos(l);for (l = 0; l <= a.length - 1; l++) {\n k.x = a[l].x * v, k.y = a[l].y, k.z = a[l].x * t, f.push(k.x, k.y, k.z), m.x = p / b, m.y = l / (a.length - 1), g.push(m.x, m.y);\n }\n }for (p = 0; p < b; p++) {\n for (l = 0; l < a.length - 1; l++) {\n c = l + p * a.length, h = c + a.length, k = c + a.length + 1, m = c + 1, e.push(c, h, m), e.push(h, k, m);\n }\n }this.setIndex(e);this.addAttribute(\"position\", new F(f, 3));this.addAttribute(\"uv\", new F(g, 2));this.computeVertexNormals();if (d === 2 * Math.PI) for (d = this.attributes.normal.array, e = new n(), f = new n(), g = new n(), c = b * a.length * 3, l = p = 0; p < a.length; p++, l += 3) {\n e.x = d[l + 0], e.y = d[l + 1], e.z = d[l + 2], f.x = d[c + l + 0], f.y = d[c + l + 1], f.z = d[c + l + 2], g.addVectors(e, f).normalize(), d[l + 0] = d[c + l + 0] = g.x, d[l + 1] = d[c + l + 1] = g.y, d[l + 2] = d[c + l + 2] = g.z;\n }\n }function Ab(a, b) {\n G.call(this);this.type = \"ShapeGeometry\";\"object\" === (typeof b === \"undefined\" ? \"undefined\" : _typeof(b)) && (console.warn(\"THREE.ShapeGeometry: Options parameter has been removed.\"), b = b.curveSegments);this.parameters = { shapes: a, curveSegments: b };this.fromBufferGeometry(new Bb(a, b));this.mergeVertices();\n }function Bb(a, b) {\n function c(a) {\n var c,\n h = e.length / 3;a = a.extractPoints(b);var m = a.shape,\n p = a.holes;!1 === ab.isClockWise(m) && (m = m.reverse());a = 0;for (c = p.length; a < c; a++) {\n var l = p[a];!0 === ab.isClockWise(l) && (p[a] = l.reverse());\n }var n = ab.triangulateShape(m, p);a = 0;for (c = p.length; a < c; a++) {\n l = p[a], m = m.concat(l);\n }a = 0;for (c = m.length; a < c; a++) {\n l = m[a], e.push(l.x, l.y, 0), f.push(0, 0, 1), g.push(l.x, l.y);\n }a = 0;for (c = n.length; a < c; a++) {\n m = n[a], d.push(m[0] + h, m[1] + h, m[2] + h), k += 3;\n }\n }D.call(this);this.type = \"ShapeBufferGeometry\";this.parameters = { shapes: a, curveSegments: b };b = b || 12;var d = [],\n e = [],\n f = [],\n g = [],\n h = 0,\n k = 0;if (!1 === Array.isArray(a)) c(a);else for (var m = 0; m < a.length; m++) {\n c(a[m]), this.addGroup(h, k, m), h += k, k = 0;\n }this.setIndex(d);this.addAttribute(\"position\", new F(e, 3));this.addAttribute(\"normal\", new F(f, 3));this.addAttribute(\"uv\", new F(g, 2));\n }function Cf(a, b) {\n b.shapes = [];if (Array.isArray(a)) for (var c = 0, d = a.length; c < d; c++) {\n b.shapes.push(a[c].uuid);\n } else b.shapes.push(a.uuid);\n return b;\n }function gc(a, b) {\n D.call(this);this.type = \"EdgesGeometry\";this.parameters = { thresholdAngle: b };var c = [];b = Math.cos(H.DEG2RAD * (void 0 !== b ? b : 1));var d = [0, 0],\n e = {},\n f = [\"a\", \"b\", \"c\"];if (a.isBufferGeometry) {\n var g = new G();g.fromBufferGeometry(a);\n } else g = a.clone();g.mergeVertices();g.computeFaceNormals();a = g.vertices;g = g.faces;for (var h = 0, k = g.length; h < k; h++) {\n for (var m = g[h], p = 0; 3 > p; p++) {\n var l = m[f[p]];var n = m[f[(p + 1) % 3]];d[0] = Math.min(l, n);d[1] = Math.max(l, n);l = d[0] + \",\" + d[1];void 0 === e[l] ? e[l] = { index1: d[0], index2: d[1],\n face1: h, face2: void 0 } : e[l].face2 = h;\n }\n }for (l in e) {\n if (d = e[l], void 0 === d.face2 || g[d.face1].normal.dot(g[d.face2].normal) <= b) f = a[d.index1], c.push(f.x, f.y, f.z), f = a[d.index2], c.push(f.x, f.y, f.z);\n }this.addAttribute(\"position\", new F(c, 3));\n }function Cb(a, b, c, d, e, f, g, h) {\n G.call(this);this.type = \"CylinderGeometry\";this.parameters = { radiusTop: a, radiusBottom: b, height: c, radialSegments: d, heightSegments: e, openEnded: f, thetaStart: g, thetaLength: h };this.fromBufferGeometry(new bb(a, b, c, d, e, f, g, h));this.mergeVertices();\n }function bb(a, b, c, d, e, f, g, h) {\n function k(c) {\n var e,\n f = new B(),\n k = new n(),\n q = 0,\n u = !0 === c ? a : b,\n x = !0 === c ? 1 : -1;var D = r;for (e = 1; e <= d; e++) {\n l.push(0, w * x, 0), v.push(0, x, 0), t.push(.5, .5), r++;\n }var E = r;for (e = 0; e <= d; e++) {\n var F = e / d * h + g,\n H = Math.cos(F);F = Math.sin(F);k.x = u * F;k.y = w * x;k.z = u * H;l.push(k.x, k.y, k.z);v.push(0, x, 0);f.x = .5 * H + .5;f.y = .5 * F * x + .5;t.push(f.x, f.y);r++;\n }for (e = 0; e < d; e++) {\n f = D + e, k = E + e, !0 === c ? p.push(k, k + 1, f) : p.push(k + 1, k, f), q += 3;\n }m.addGroup(z, q, !0 === c ? 1 : 2);z += q;\n }D.call(this);this.type = \"CylinderBufferGeometry\";this.parameters = { radiusTop: a,\n radiusBottom: b, height: c, radialSegments: d, heightSegments: e, openEnded: f, thetaStart: g, thetaLength: h };var m = this;a = void 0 !== a ? a : 1;b = void 0 !== b ? b : 1;c = c || 1;d = Math.floor(d) || 8;e = Math.floor(e) || 1;f = void 0 !== f ? f : !1;g = void 0 !== g ? g : 0;h = void 0 !== h ? h : 2 * Math.PI;var p = [],\n l = [],\n v = [],\n t = [],\n r = 0,\n u = [],\n w = c / 2,\n z = 0;(function () {\n var f,\n k,\n q = new n(),\n Q = new n(),\n B = 0,\n A = (b - a) / c;for (k = 0; k <= e; k++) {\n var D = [],\n F = k / e,\n E = F * (b - a) + a;for (f = 0; f <= d; f++) {\n var H = f / d,\n G = H * h + g,\n I = Math.sin(G);G = Math.cos(G);Q.x = E * I;Q.y = -F * c + w;Q.z = E * G;l.push(Q.x, Q.y, Q.z);q.set(I, A, G).normalize();v.push(q.x, q.y, q.z);t.push(H, 1 - F);D.push(r++);\n }u.push(D);\n }for (f = 0; f < d; f++) {\n for (k = 0; k < e; k++) {\n q = u[k + 1][f], Q = u[k + 1][f + 1], A = u[k][f + 1], p.push(u[k][f], q, A), p.push(q, Q, A), B += 6;\n }\n }m.addGroup(z, B, 0);z += B;\n })();!1 === f && (0 < a && k(!0), 0 < b && k(!1));this.setIndex(p);this.addAttribute(\"position\", new F(l, 3));this.addAttribute(\"normal\", new F(v, 3));this.addAttribute(\"uv\", new F(t, 2));\n }function cd(a, b, c, d, e, f, g) {\n Cb.call(this, 0, a, b, c, d, e, f, g);this.type = \"ConeGeometry\";this.parameters = { radius: a, height: b, radialSegments: c,\n heightSegments: d, openEnded: e, thetaStart: f, thetaLength: g };\n }function dd(a, b, c, d, e, f, g) {\n bb.call(this, 0, a, b, c, d, e, f, g);this.type = \"ConeBufferGeometry\";this.parameters = { radius: a, height: b, radialSegments: c, heightSegments: d, openEnded: e, thetaStart: f, thetaLength: g };\n }function ed(a, b, c, d) {\n G.call(this);this.type = \"CircleGeometry\";this.parameters = { radius: a, segments: b, thetaStart: c, thetaLength: d };this.fromBufferGeometry(new hc(a, b, c, d));this.mergeVertices();\n }function hc(a, b, c, d) {\n D.call(this);this.type = \"CircleBufferGeometry\";\n this.parameters = { radius: a, segments: b, thetaStart: c, thetaLength: d };a = a || 1;b = void 0 !== b ? Math.max(3, b) : 8;c = void 0 !== c ? c : 0;d = void 0 !== d ? d : 2 * Math.PI;var e = [],\n f = [],\n g = [],\n h = [],\n k,\n m = new n(),\n p = new B();f.push(0, 0, 0);g.push(0, 0, 1);h.push(.5, .5);var l = 0;for (k = 3; l <= b; l++, k += 3) {\n var v = c + l / b * d;m.x = a * Math.cos(v);m.y = a * Math.sin(v);f.push(m.x, m.y, m.z);g.push(0, 0, 1);p.x = (f[k] / a + 1) / 2;p.y = (f[k + 1] / a + 1) / 2;h.push(p.x, p.y);\n }for (k = 1; k <= b; k++) {\n e.push(k, k + 1, 0);\n }this.setIndex(e);this.addAttribute(\"position\", new F(f, 3));this.addAttribute(\"normal\", new F(g, 3));this.addAttribute(\"uv\", new F(h, 2));\n }function Db(a) {\n M.call(this);this.type = \"ShadowMaterial\";this.color = new K(0);this.transparent = !0;this.setValues(a);\n }function ic(a) {\n Ca.call(this, a);this.type = \"RawShaderMaterial\";\n }function Xa(a) {\n M.call(this);this.defines = { STANDARD: \"\" };this.type = \"MeshStandardMaterial\";this.color = new K(16777215);this.metalness = this.roughness = .5;this.lightMap = this.map = null;this.lightMapIntensity = 1;this.aoMap = null;this.aoMapIntensity = 1;this.emissive = new K(0);this.emissiveIntensity = 1;this.bumpMap = this.emissiveMap = null;this.bumpScale = 1;this.normalMap = null;this.normalMapType = 0;this.normalScale = new B(1, 1);this.displacementMap = null;this.displacementScale = 1;this.displacementBias = 0;this.envMap = this.alphaMap = this.metalnessMap = this.roughnessMap = null;this.envMapIntensity = 1;this.refractionRatio = .98;this.wireframe = !1;this.wireframeLinewidth = 1;this.wireframeLinejoin = this.wireframeLinecap = \"round\";this.morphNormals = this.morphTargets = this.skinning = !1;this.setValues(a);\n }function Eb(a) {\n Xa.call(this);\n this.defines = { PHYSICAL: \"\" };this.type = \"MeshPhysicalMaterial\";this.reflectivity = .5;this.clearCoatRoughness = this.clearCoat = 0;this.setValues(a);\n }function Ka(a) {\n M.call(this);this.type = \"MeshPhongMaterial\";this.color = new K(16777215);this.specular = new K(1118481);this.shininess = 30;this.lightMap = this.map = null;this.lightMapIntensity = 1;this.aoMap = null;this.aoMapIntensity = 1;this.emissive = new K(0);this.emissiveIntensity = 1;this.bumpMap = this.emissiveMap = null;this.bumpScale = 1;this.normalMap = null;this.normalMapType = 0;this.normalScale = new B(1, 1);this.displacementMap = null;this.displacementScale = 1;this.displacementBias = 0;this.envMap = this.alphaMap = this.specularMap = null;this.combine = 0;this.reflectivity = 1;this.refractionRatio = .98;this.wireframe = !1;this.wireframeLinewidth = 1;this.wireframeLinejoin = this.wireframeLinecap = \"round\";this.morphNormals = this.morphTargets = this.skinning = !1;this.setValues(a);\n }function Fb(a) {\n Ka.call(this);this.defines = { TOON: \"\" };this.type = \"MeshToonMaterial\";this.gradientMap = null;this.setValues(a);\n }\n function Gb(a) {\n M.call(this);this.type = \"MeshNormalMaterial\";this.bumpMap = null;this.bumpScale = 1;this.normalMap = null;this.normalMapType = 0;this.normalScale = new B(1, 1);this.displacementMap = null;this.displacementScale = 1;this.displacementBias = 0;this.wireframe = !1;this.wireframeLinewidth = 1;this.morphNormals = this.morphTargets = this.skinning = this.lights = this.fog = !1;this.setValues(a);\n }function Hb(a) {\n M.call(this);this.type = \"MeshLambertMaterial\";this.color = new K(16777215);this.lightMap = this.map = null;this.lightMapIntensity = 1;this.aoMap = null;this.aoMapIntensity = 1;this.emissive = new K(0);this.emissiveIntensity = 1;this.envMap = this.alphaMap = this.specularMap = this.emissiveMap = null;this.combine = 0;this.reflectivity = 1;this.refractionRatio = .98;this.wireframe = !1;this.wireframeLinewidth = 1;this.wireframeLinejoin = this.wireframeLinecap = \"round\";this.morphNormals = this.morphTargets = this.skinning = !1;this.setValues(a);\n }function Ib(a) {\n M.call(this);this.defines = { MATCAP: \"\" };this.type = \"MeshMatcapMaterial\";this.color = new K(16777215);this.bumpMap = this.map = this.matcap = null;this.bumpScale = 1;this.normalMap = null;this.normalMapType = 0;this.normalScale = new B(1, 1);this.displacementMap = null;this.displacementScale = 1;this.displacementBias = 0;this.alphaMap = null;this.lights = this.morphNormals = this.morphTargets = this.skinning = !1;this.setValues(a);\n }function Jb(a) {\n R.call(this);this.type = \"LineDashedMaterial\";this.scale = 1;this.dashSize = 3;this.gapSize = 1;this.setValues(a);\n }function wa(a, b, c, d) {\n this.parameterPositions = a;this._cachedIndex = 0;this.resultBuffer = void 0 !== d ? d : new b.constructor(c);this.sampleValues = b;this.valueSize = c;\n }function Fd(a, b, c, d) {\n wa.call(this, a, b, c, d);this._offsetNext = this._weightNext = this._offsetPrev = this._weightPrev = -0;\n }function fd(a, b, c, d) {\n wa.call(this, a, b, c, d);\n }function Gd(a, b, c, d) {\n wa.call(this, a, b, c, d);\n }function ra(a, b, c, d) {\n if (void 0 === a) throw Error(\"THREE.KeyframeTrack: track name is undefined\");if (void 0 === b || 0 === b.length) throw Error(\"THREE.KeyframeTrack: no keyframes in track named \" + a);this.name = a;this.times = sa.convertArray(b, this.TimeBufferType);\n this.values = sa.convertArray(c, this.ValueBufferType);this.setInterpolation(d || this.DefaultInterpolation);\n }function Hd(a, b, c) {\n ra.call(this, a, b, c);\n }function Id(a, b, c, d) {\n ra.call(this, a, b, c, d);\n }function jc(a, b, c, d) {\n ra.call(this, a, b, c, d);\n }function Jd(a, b, c, d) {\n wa.call(this, a, b, c, d);\n }function gd(a, b, c, d) {\n ra.call(this, a, b, c, d);\n }function Kd(a, b, c, d) {\n ra.call(this, a, b, c, d);\n }function kc(a, b, c, d) {\n ra.call(this, a, b, c, d);\n }function Ga(a, b, c) {\n this.name = a;this.tracks = c;this.duration = void 0 !== b ? b : -1;this.uuid = H.generateUUID();\n 0 > this.duration && this.resetDuration();\n }function hh(a) {\n switch (a.toLowerCase()) {case \"scalar\":case \"double\":case \"float\":case \"number\":case \"integer\":\n return jc;case \"vector\":case \"vector2\":case \"vector3\":case \"vector4\":\n return kc;case \"color\":\n return Id;case \"quaternion\":\n return gd;case \"bool\":case \"boolean\":\n return Hd;case \"string\":\n return Kd;}throw Error(\"THREE.KeyframeTrack: Unsupported typeName: \" + a);\n }function ih(a) {\n if (void 0 === a.type) throw Error(\"THREE.KeyframeTrack: track type undefined, can not parse\");\n var b = hh(a.type);if (void 0 === a.times) {\n var c = [],\n d = [];sa.flattenJSON(a.keys, c, d, \"value\");a.times = c;a.values = d;\n }return void 0 !== b.parse ? b.parse(a) : new b(a.name, a.times, a.values, a.interpolation);\n }function ne(a, b, c) {\n var d = this,\n e = !1,\n f = 0,\n g = 0,\n h = void 0;this.onStart = void 0;this.onLoad = a;this.onProgress = b;this.onError = c;this.itemStart = function (a) {\n g++;if (!1 === e && void 0 !== d.onStart) d.onStart(a, f, g);e = !0;\n };this.itemEnd = function (a) {\n f++;if (void 0 !== d.onProgress) d.onProgress(a, f, g);if (f === g && (e = !1, void 0 !== d.onLoad)) d.onLoad();\n };\n this.itemError = function (a) {\n if (void 0 !== d.onError) d.onError(a);\n };this.resolveURL = function (a) {\n return h ? h(a) : a;\n };this.setURLModifier = function (a) {\n h = a;return this;\n };\n }function La(a) {\n this.manager = void 0 !== a ? a : Ba;\n }function Df(a) {\n this.manager = void 0 !== a ? a : Ba;\n }function Ef(a) {\n this.manager = void 0 !== a ? a : Ba;this._parser = null;\n }function oe(a) {\n this.manager = void 0 !== a ? a : Ba;this._parser = null;\n }function hd(a) {\n this.manager = void 0 !== a ? a : Ba;\n }function pe(a) {\n this.manager = void 0 !== a ? a : Ba;\n }function Ld(a) {\n this.manager = void 0 !== a ? a : Ba;\n }\n function L() {\n this.type = \"Curve\";this.arcLengthDivisions = 200;\n }function Ea(a, b, c, d, e, f, g, h) {\n L.call(this);this.type = \"EllipseCurve\";this.aX = a || 0;this.aY = b || 0;this.xRadius = c || 1;this.yRadius = d || 1;this.aStartAngle = e || 0;this.aEndAngle = f || 2 * Math.PI;this.aClockwise = g || !1;this.aRotation = h || 0;\n }function lc(a, b, c, d, e, f) {\n Ea.call(this, a, b, c, c, d, e, f);this.type = \"ArcCurve\";\n }function qe() {\n var a = 0,\n b = 0,\n c = 0,\n d = 0;return { initCatmullRom: function initCatmullRom(e, f, g, h, k) {\n e = k * (g - e);h = k * (h - f);a = f;b = e;c = -3 * f + 3 * g - 2 * e - h;d = 2 * f - 2 * g + e + h;\n }, initNonuniformCatmullRom: function initNonuniformCatmullRom(e, f, g, h, k, m, p) {\n e = ((f - e) / k - (g - e) / (k + m) + (g - f) / m) * m;h = ((g - f) / m - (h - f) / (m + p) + (h - g) / p) * m;a = f;b = e;c = -3 * f + 3 * g - 2 * e - h;d = 2 * f - 2 * g + e + h;\n }, calc: function calc(e) {\n var f = e * e;return a + b * e + c * f + d * f * e;\n } };\n }function oa(a, b, c, d) {\n L.call(this);this.type = \"CatmullRomCurve3\";this.points = a || [];this.closed = b || !1;this.curveType = c || \"centripetal\";this.tension = d || .5;\n }function Ff(a, b, c, d, e) {\n b = .5 * (d - b);e = .5 * (e - c);var f = a * a;return (2 * c - 2 * d + b + e) * a * f + (-3 * c + 3 * d - 2 * b - e) * f + b * a + c;\n }function id(a, b, c, d) {\n var e = 1 - a;return e * e * b + 2 * (1 - a) * a * c + a * a * d;\n }function jd(a, b, c, d, e) {\n var f = 1 - a,\n g = 1 - a;return f * f * f * b + 3 * g * g * a * c + 3 * (1 - a) * a * a * d + a * a * a * e;\n }function Ma(a, b, c, d) {\n L.call(this);this.type = \"CubicBezierCurve\";this.v0 = a || new B();this.v1 = b || new B();this.v2 = c || new B();this.v3 = d || new B();\n }function Ya(a, b, c, d) {\n L.call(this);this.type = \"CubicBezierCurve3\";this.v0 = a || new n();this.v1 = b || new n();this.v2 = c || new n();this.v3 = d || new n();\n }function ja(a, b) {\n L.call(this);this.type = \"LineCurve\";this.v1 = a || new B();this.v2 = b || new B();\n }function Na(a, b) {\n L.call(this);this.type = \"LineCurve3\";this.v1 = a || new n();this.v2 = b || new n();\n }function Oa(a, b, c) {\n L.call(this);this.type = \"QuadraticBezierCurve\";this.v0 = a || new B();this.v1 = b || new B();this.v2 = c || new B();\n }function Za(a, b, c) {\n L.call(this);this.type = \"QuadraticBezierCurve3\";this.v0 = a || new n();this.v1 = b || new n();this.v2 = c || new n();\n }function Pa(a) {\n L.call(this);this.type = \"SplineCurve\";this.points = a || [];\n }function cb() {\n L.call(this);this.type = \"CurvePath\";this.curves = [];this.autoClose = !1;\n }function Qa(a) {\n cb.call(this);this.type = \"Path\";this.currentPoint = new B();a && this.setFromPoints(a);\n }function kb(a) {\n Qa.call(this, a);this.uuid = H.generateUUID();this.type = \"Shape\";this.holes = [];\n }function ia(a, b) {\n E.call(this);this.type = \"Light\";this.color = new K(a);this.intensity = void 0 !== b ? b : 1;this.receiveShadow = void 0;\n }function Md(a, b, c) {\n ia.call(this, a, c);this.type = \"HemisphereLight\";this.castShadow = void 0;this.position.copy(E.DefaultUp);this.updateMatrix();this.groundColor = new K(b);\n }function Kb(a) {\n this.camera = a;this.bias = 0;this.radius = 1;this.mapSize = new B(512, 512);this.map = null;this.matrix = new J();\n }function Nd() {\n Kb.call(this, new U(50, 1, .5, 500));\n }function Od(a, b, c, d, e, f) {\n ia.call(this, a, b);this.type = \"SpotLight\";this.position.copy(E.DefaultUp);this.updateMatrix();this.target = new E();Object.defineProperty(this, \"power\", { get: function get$$1() {\n return this.intensity * Math.PI;\n }, set: function set$$1(a) {\n this.intensity = a / Math.PI;\n } });this.distance = void 0 !== c ? c : 0;this.angle = void 0 !== d ? d : Math.PI / 3;this.penumbra = void 0 !== e ? e : 0;this.decay = void 0 !== f ? f : 1;this.shadow = new Nd();\n }function Pd(a, b, c, d) {\n ia.call(this, a, b);this.type = \"PointLight\";Object.defineProperty(this, \"power\", { get: function get$$1() {\n return 4 * this.intensity * Math.PI;\n }, set: function set$$1(a) {\n this.intensity = a / (4 * Math.PI);\n } });this.distance = void 0 !== c ? c : 0;this.decay = void 0 !== d ? d : 1;this.shadow = new Kb(new U(90, 1, .5, 500));\n }function kd(a, b, c, d, e, f) {\n Va.call(this);this.type = \"OrthographicCamera\";this.zoom = 1;this.view = null;this.left = void 0 !== a ? a : -1;this.right = void 0 !== b ? b : 1;this.top = void 0 !== c ? c : 1;this.bottom = void 0 !== d ? d : -1;this.near = void 0 !== e ? e : .1;this.far = void 0 !== f ? f : 2E3;this.updateProjectionMatrix();\n }function Qd() {\n Kb.call(this, new kd(-5, 5, 5, -5, .5, 500));\n }function Rd(a, b) {\n ia.call(this, a, b);this.type = \"DirectionalLight\";this.position.copy(E.DefaultUp);this.updateMatrix();this.target = new E();this.shadow = new Qd();\n }function Sd(a, b) {\n ia.call(this, a, b);this.type = \"AmbientLight\";this.castShadow = void 0;\n }function Td(a, b, c, d) {\n ia.call(this, a, b);this.type = \"RectAreaLight\";this.width = void 0 !== c ? c : 10;this.height = void 0 !== d ? d : 10;\n }function Ud(a) {\n this.manager = void 0 !== a ? a : Ba;this.textures = {};\n }function re(a) {\n this.manager = void 0 !== a ? a : Ba;\n }function se(a) {\n this.manager = void 0 !== a ? a : Ba;this.resourcePath = \"\";\n }function te(a) {\n \"undefined\" === typeof createImageBitmap && console.warn(\"THREE.ImageBitmapLoader: createImageBitmap() not supported.\");\"undefined\" === typeof fetch && console.warn(\"THREE.ImageBitmapLoader: fetch() not supported.\");this.manager = void 0 !== a ? a : Ba;this.options = void 0;\n }function ue() {\n this.type = \"ShapePath\";this.color = new K();this.subPaths = [];this.currentPath = null;\n }function ve(a) {\n this.type = \"Font\";this.data = a;\n }function Gf(a) {\n this.manager = void 0 !== a ? a : Ba;\n }function ld() {}\n function we(a) {\n this.manager = void 0 !== a ? a : Ba;\n }function Hf() {\n this.type = \"StereoCamera\";this.aspect = 1;this.eyeSep = .064;this.cameraL = new U();this.cameraL.layers.enable(1);this.cameraL.matrixAutoUpdate = !1;this.cameraR = new U();this.cameraR.layers.enable(2);this.cameraR.matrixAutoUpdate = !1;\n }function md(a, b, c, d) {\n E.call(this);this.type = \"CubeCamera\";var e = new U(90, 1, a, b);e.up.set(0, -1, 0);e.lookAt(new n(1, 0, 0));this.add(e);var f = new U(90, 1, a, b);f.up.set(0, -1, 0);f.lookAt(new n(-1, 0, 0));this.add(f);var g = new U(90, 1, a, b);g.up.set(0, 0, 1);g.lookAt(new n(0, 1, 0));this.add(g);var h = new U(90, 1, a, b);h.up.set(0, 0, -1);h.lookAt(new n(0, -1, 0));this.add(h);var k = new U(90, 1, a, b);k.up.set(0, -1, 0);k.lookAt(new n(0, 0, 1));this.add(k);var m = new U(90, 1, a, b);m.up.set(0, -1, 0);m.lookAt(new n(0, 0, -1));this.add(m);d = d || { format: 1022, magFilter: 1006, minFilter: 1006 };this.renderTarget = new mb(c, c, d);this.renderTarget.texture.name = \"CubeCamera\";this.update = function (a, b) {\n null === this.parent && this.updateMatrixWorld();var c = a.getRenderTarget(),\n d = this.renderTarget,\n p = d.texture.generateMipmaps;d.texture.generateMipmaps = !1;a.setRenderTarget(d, 0);a.render(b, e);a.setRenderTarget(d, 1);a.render(b, f);a.setRenderTarget(d, 2);a.render(b, g);a.setRenderTarget(d, 3);a.render(b, h);a.setRenderTarget(d, 4);a.render(b, k);d.texture.generateMipmaps = p;a.setRenderTarget(d, 5);a.render(b, m);a.setRenderTarget(c);\n };this.clear = function (a, b, c, d) {\n for (var e = a.getRenderTarget(), f = this.renderTarget, g = 0; 6 > g; g++) {\n a.setRenderTarget(f, g), a.clear(b, c, d);\n }a.setRenderTarget(e);\n };\n }function xe(a) {\n this.autoStart = void 0 !== a ? a : !0;this.elapsedTime = this.oldTime = this.startTime = 0;this.running = !1;\n }function ye() {\n E.call(this);this.type = \"AudioListener\";this.context = ze.getContext();this.gain = this.context.createGain();this.gain.connect(this.context.destination);this.filter = null;this.timeDelta = 0;\n }function mc(a) {\n E.call(this);this.type = \"Audio\";this.listener = a;this.context = a.context;this.gain = this.context.createGain();this.gain.connect(a.getInput());this.autoplay = !1;this.buffer = null;this.detune = 0;this.loop = !1;this.offset = this.startTime = 0;this.playbackRate = 1;this.isPlaying = !1;this.hasPlaybackControl = !0;this.sourceType = \"empty\";this.filters = [];\n }function Ae(a) {\n mc.call(this, a);this.panner = this.context.createPanner();this.panner.connect(this.gain);\n }function Be(a, b) {\n this.analyser = a.context.createAnalyser();this.analyser.fftSize = void 0 !== b ? b : 2048;this.data = new Uint8Array(this.analyser.frequencyBinCount);a.getOutput().connect(this.analyser);\n }function Ce(a, b, c) {\n this.binding = a;this.valueSize = c;a = Float64Array;switch (b) {case \"quaternion\":\n b = this._slerp;break;case \"string\":case \"bool\":\n a = Array;b = this._select;break;default:\n b = this._lerp;}this.buffer = new a(4 * c);this._mixBufferRegion = b;this.referenceCount = this.useCount = this.cumulativeWeight = 0;\n }function If(a, b, c) {\n c = c || ma.parseTrackName(b);this._targetGroup = a;this._bindings = a.subscribe_(b, c);\n }function ma(a, b, c) {\n this.path = b;this.parsedPath = c || ma.parseTrackName(b);this.node = ma.findNode(a, this.parsedPath.nodeName) || a;this.rootNode = a;\n }function Jf() {\n this.uuid = H.generateUUID();this._objects = Array.prototype.slice.call(arguments);\n this.nCachedObjects_ = 0;var a = {};this._indicesByUUID = a;for (var b = 0, c = arguments.length; b !== c; ++b) {\n a[arguments[b].uuid] = b;\n }this._paths = [];this._parsedPaths = [];this._bindings = [];this._bindingsIndicesByPath = {};var d = this;this.stats = { objects: { get total() {\n return d._objects.length;\n }, get inUse() {\n return this.total - d.nCachedObjects_;\n } }, get bindingsPerObject() {\n return d._bindings.length;\n } };\n }function Kf(a, b, c) {\n this._mixer = a;this._clip = b;this._localRoot = c || null;a = b.tracks;b = a.length;c = Array(b);for (var d = { endingStart: 2400,\n endingEnd: 2400 }, e = 0; e !== b; ++e) {\n var f = a[e].createInterpolant(null);c[e] = f;f.settings = d;\n }this._interpolantSettings = d;this._interpolants = c;this._propertyBindings = Array(b);this._weightInterpolant = this._timeScaleInterpolant = this._byClipCacheIndex = this._cacheIndex = null;this.loop = 2201;this._loopCount = -1;this._startTime = null;this.time = 0;this._effectiveWeight = this.weight = this._effectiveTimeScale = this.timeScale = 1;this.repetitions = Infinity;this.paused = !1;this.enabled = !0;this.clampWhenFinished = !1;this.zeroSlopeAtEnd = this.zeroSlopeAtStart = !0;\n }function De(a) {\n this._root = a;this._initMemoryManager();this.time = this._accuIndex = 0;this.timeScale = 1;\n }function Vd(a, b) {\n \"string\" === typeof a && (console.warn(\"THREE.Uniform: Type parameter is no longer needed.\"), a = b);this.value = a;\n }function Ee() {\n D.call(this);this.type = \"InstancedBufferGeometry\";this.maxInstancedCount = void 0;\n }function Fe(a, b, c) {\n ub.call(this, a, b);this.meshPerAttribute = c || 1;\n }function Ge(a, b, c, d) {\n \"number\" === typeof c && (d = c, c = !1, console.error(\"THREE.InstancedBufferAttribute: The constructor now expects normalized as the third argument.\"));\n P.call(this, a, b, c);this.meshPerAttribute = d || 1;\n }function Lf(a, b, c, d) {\n this.ray = new tb(a, b);this.near = c || 0;this.far = d || Infinity;this.params = { Mesh: {}, Line: {}, LOD: {}, Points: { threshold: 1 }, Sprite: {} };Object.defineProperties(this.params, { PointCloud: { get: function get$$1() {\n console.warn(\"THREE.Raycaster: params.PointCloud has been renamed to params.Points.\");return this.Points;\n } } });\n }function Mf(a, b) {\n return a.distance - b.distance;\n }function He(a, b, c, d) {\n if (!1 !== a.visible && (a.raycast(b, c), !0 === d)) {\n a = a.children;d = 0;for (var e = a.length; d < e; d++) {\n He(a[d], b, c, !0);\n }\n }\n }function Nf(a, b, c) {\n this.radius = void 0 !== a ? a : 1;this.phi = void 0 !== b ? b : 0;this.theta = void 0 !== c ? c : 0;return this;\n }function Of(a, b, c) {\n this.radius = void 0 !== a ? a : 1;this.theta = void 0 !== b ? b : 0;this.y = void 0 !== c ? c : 0;return this;\n }function Ie(a, b) {\n this.min = void 0 !== a ? a : new B(Infinity, Infinity);this.max = void 0 !== b ? b : new B(-Infinity, -Infinity);\n }function Je(a, b) {\n this.start = void 0 !== a ? a : new n();this.end = void 0 !== b ? b : new n();\n }function nd(a) {\n E.call(this);this.material = a;this.render = function () {};\n }\n function od(a, b, c, d) {\n this.object = a;this.size = void 0 !== b ? b : 1;a = void 0 !== c ? c : 16711680;d = void 0 !== d ? d : 1;b = 0;(c = this.object.geometry) && c.isGeometry ? b = 3 * c.faces.length : c && c.isBufferGeometry && (b = c.attributes.normal.count);c = new D();b = new F(6 * b, 3);c.addAttribute(\"position\", b);W.call(this, c, new R({ color: a, linewidth: d }));this.matrixAutoUpdate = !1;this.update();\n }function nc(a, b) {\n E.call(this);this.light = a;this.light.updateMatrixWorld();this.matrix = a.matrixWorld;this.matrixAutoUpdate = !1;this.color = b;a = new D();b = [0, 0, 0, 0, 0, 1, 0, 0, 0, 1, 0, 1, 0, 0, 0, -1, 0, 1, 0, 0, 0, 0, 1, 1, 0, 0, 0, 0, -1, 1];for (var c = 0, d = 1; 32 > c; c++, d++) {\n var e = c / 32 * Math.PI * 2,\n f = d / 32 * Math.PI * 2;b.push(Math.cos(e), Math.sin(e), 1, Math.cos(f), Math.sin(f), 1);\n }a.addAttribute(\"position\", new F(b, 3));b = new R({ fog: !1 });this.cone = new W(a, b);this.add(this.cone);this.update();\n }function Pf(a) {\n var b = [];a && a.isBone && b.push(a);for (var c = 0; c < a.children.length; c++) {\n b.push.apply(b, Pf(a.children[c]));\n }return b;\n }function oc(a) {\n for (var b = Pf(a), c = new D(), d = [], e = [], f = new K(0, 0, 1), g = new K(0, 1, 0), h = 0; h < b.length; h++) {\n var k = b[h];k.parent && k.parent.isBone && (d.push(0, 0, 0), d.push(0, 0, 0), e.push(f.r, f.g, f.b), e.push(g.r, g.g, g.b));\n }c.addAttribute(\"position\", new F(d, 3));c.addAttribute(\"color\", new F(e, 3));d = new R({ vertexColors: 2, depthTest: !1, depthWrite: !1, transparent: !0 });W.call(this, c, d);this.root = a;this.bones = b;this.matrix = a.matrixWorld;this.matrixAutoUpdate = !1;\n }function pc(a, b, c) {\n this.light = a;this.light.updateMatrixWorld();this.color = c;a = new zb(b, 4, 2);b = new ya({ wireframe: !0, fog: !1 });va.call(this, a, b);this.matrix = this.light.matrixWorld;this.matrixAutoUpdate = !1;this.update();\n }function qc(a, b) {\n this.type = \"RectAreaLightHelper\";this.light = a;this.color = b;a = new D();a.addAttribute(\"position\", new F([1, 1, 0, -1, 1, 0, -1, -1, 0, 1, -1, 0, 1, 1, 0], 3));a.computeBoundingSphere();b = new R({ fog: !1 });da.call(this, a, b);a = new D();a.addAttribute(\"position\", new F([1, 1, 0, -1, 1, 0, -1, -1, 0, 1, 1, 0, -1, -1, 0, 1, -1, 0], 3));a.computeBoundingSphere();this.add(new va(a, new ya({ side: 1, fog: !1 })));this.update();\n }function rc(a, b, c) {\n E.call(this);this.light = a;this.light.updateMatrixWorld();this.matrix = a.matrixWorld;this.matrixAutoUpdate = !1;this.color = c;a = new vb(b);a.rotateY(.5 * Math.PI);this.material = new ya({ wireframe: !0, fog: !1 });void 0 === this.color && (this.material.vertexColors = 2);b = a.getAttribute(\"position\");b = new Float32Array(3 * b.count);a.addAttribute(\"color\", new P(b, 3));this.add(new va(a, this.material));this.update();\n }function pd(a, b, c, d) {\n a = a || 10;b = b || 10;c = new K(void 0 !== c ? c : 4473924);d = new K(void 0 !== d ? d : 8947848);var e = b / 2,\n f = a / b,\n g = a / 2;a = [];for (var h = [], k = 0, m = 0, p = -g; k <= b; k++, p += f) {\n a.push(-g, 0, p, g, 0, p);a.push(p, 0, -g, p, 0, g);var l = k === e ? c : d;l.toArray(h, m);m += 3;l.toArray(h, m);m += 3;l.toArray(h, m);m += 3;l.toArray(h, m);m += 3;\n }b = new D();b.addAttribute(\"position\", new F(a, 3));b.addAttribute(\"color\", new F(h, 3));c = new R({ vertexColors: 2 });W.call(this, b, c);\n }function Wd(a, b, c, d, e, f) {\n a = a || 10;b = b || 16;c = c || 8;d = d || 64;e = new K(void 0 !== e ? e : 4473924);f = new K(void 0 !== f ? f : 8947848);var g = [],\n h = [],\n k;for (k = 0; k <= b; k++) {\n var m = k / b * 2 * Math.PI;var p = Math.sin(m) * a;m = Math.cos(m) * a;g.push(0, 0, 0);g.push(p, 0, m);var l = k & 1 ? e : f;h.push(l.r, l.g, l.b);h.push(l.r, l.g, l.b);\n }for (k = 0; k <= c; k++) {\n l = k & 1 ? e : f;var n = a - a / c * k;for (b = 0; b < d; b++) {\n m = b / d * 2 * Math.PI, p = Math.sin(m) * n, m = Math.cos(m) * n, g.push(p, 0, m), h.push(l.r, l.g, l.b), m = (b + 1) / d * 2 * Math.PI, p = Math.sin(m) * n, m = Math.cos(m) * n, g.push(p, 0, m), h.push(l.r, l.g, l.b);\n }\n }a = new D();a.addAttribute(\"position\", new F(g, 3));a.addAttribute(\"color\", new F(h, 3));g = new R({ vertexColors: 2 });W.call(this, a, g);\n }function sc(a, b, c, d) {\n this.audio = a;this.range = b || 1;this.divisionsInnerAngle = c || 16;this.divisionsOuterAngle = d || 2;a = new D();b = new Float32Array(3 * (3 * (this.divisionsInnerAngle + 2 * this.divisionsOuterAngle) + 3));a.addAttribute(\"position\", new P(b, 3));b = new R({ color: 65280 });c = new R({ color: 16776960 });da.call(this, a, [c, b]);this.update();\n }function qd(a, b, c, d) {\n this.object = a;this.size = void 0 !== b ? b : 1;a = void 0 !== c ? c : 16776960;d = void 0 !== d ? d : 1;b = 0;(c = this.object.geometry) && c.isGeometry ? b = c.faces.length : console.warn(\"THREE.FaceNormalsHelper: only THREE.Geometry is supported. Use THREE.VertexNormalsHelper, instead.\");\n c = new D();b = new F(6 * b, 3);c.addAttribute(\"position\", b);W.call(this, c, new R({ color: a, linewidth: d }));this.matrixAutoUpdate = !1;this.update();\n }function tc(a, b, c) {\n E.call(this);this.light = a;this.light.updateMatrixWorld();this.matrix = a.matrixWorld;this.matrixAutoUpdate = !1;this.color = c;void 0 === b && (b = 1);a = new D();a.addAttribute(\"position\", new F([-b, b, 0, b, b, 0, b, -b, 0, -b, -b, 0, -b, b, 0], 3));b = new R({ fog: !1 });this.lightPlane = new da(a, b);this.add(this.lightPlane);a = new D();a.addAttribute(\"position\", new F([0, 0, 0, 0, 0, 1], 3));\n this.targetLine = new da(a, b);this.add(this.targetLine);this.update();\n }function rd(a) {\n function b(a, b, d) {\n c(a, d);c(b, d);\n }function c(a, b) {\n f.push(0, 0, 0);g.push(b.r, b.g, b.b);void 0 === h[a] && (h[a] = []);h[a].push(f.length / 3 - 1);\n }var d = new D(),\n e = new R({ color: 16777215, vertexColors: 1 }),\n f = [],\n g = [],\n h = {},\n k = new K(16755200),\n m = new K(16711680),\n p = new K(43775),\n l = new K(16777215),\n n = new K(3355443);b(\"n1\", \"n2\", k);b(\"n2\", \"n4\", k);b(\"n4\", \"n3\", k);b(\"n3\", \"n1\", k);b(\"f1\", \"f2\", k);b(\"f2\", \"f4\", k);b(\"f4\", \"f3\", k);b(\"f3\", \"f1\", k);b(\"n1\", \"f1\", k);\n b(\"n2\", \"f2\", k);b(\"n3\", \"f3\", k);b(\"n4\", \"f4\", k);b(\"p\", \"n1\", m);b(\"p\", \"n2\", m);b(\"p\", \"n3\", m);b(\"p\", \"n4\", m);b(\"u1\", \"u2\", p);b(\"u2\", \"u3\", p);b(\"u3\", \"u1\", p);b(\"c\", \"t\", l);b(\"p\", \"c\", n);b(\"cn1\", \"cn2\", n);b(\"cn3\", \"cn4\", n);b(\"cf1\", \"cf2\", n);b(\"cf3\", \"cf4\", n);d.addAttribute(\"position\", new F(f, 3));d.addAttribute(\"color\", new F(g, 3));W.call(this, d, e);this.camera = a;this.camera.updateProjectionMatrix && this.camera.updateProjectionMatrix();this.matrix = a.matrixWorld;this.matrixAutoUpdate = !1;this.pointMap = h;this.update();\n }function db(a, b) {\n this.object = a;void 0 === b && (b = 16776960);a = new Uint16Array([0, 1, 1, 2, 2, 3, 3, 0, 4, 5, 5, 6, 6, 7, 7, 4, 0, 4, 1, 5, 2, 6, 3, 7]);var c = new Float32Array(24),\n d = new D();d.setIndex(new P(a, 1));d.addAttribute(\"position\", new P(c, 3));W.call(this, d, new R({ color: b }));this.matrixAutoUpdate = !1;this.update();\n }function sd(a, b) {\n this.type = \"Box3Helper\";this.box = a;a = void 0 !== b ? b : 16776960;b = new Uint16Array([0, 1, 1, 2, 2, 3, 3, 0, 4, 5, 5, 6, 6, 7, 7, 4, 0, 4, 1, 5, 2, 6, 3, 7]);var c = new D();c.setIndex(new P(b, 1));c.addAttribute(\"position\", new F([1, 1, 1, -1, 1, 1, -1, -1, 1, 1, -1, 1, 1, 1, -1, -1, 1, -1, -1, -1, -1, 1, -1, -1], 3));W.call(this, c, new R({ color: a }));this.geometry.computeBoundingSphere();\n }function td(a, b, c) {\n this.type = \"PlaneHelper\";this.plane = a;this.size = void 0 === b ? 1 : b;a = void 0 !== c ? c : 16776960;b = new D();b.addAttribute(\"position\", new F([1, -1, 1, -1, 1, 1, -1, -1, 1, 1, 1, 1, -1, 1, 1, -1, -1, 1, 1, -1, 1, 1, 1, 1, 0, 0, 1, 0, 0, 0], 3));b.computeBoundingSphere();da.call(this, b, new R({ color: a }));b = new D();b.addAttribute(\"position\", new F([1, 1, 1, -1, 1, 1, -1, -1, 1, 1, 1, 1, -1, -1, 1, 1, -1, 1], 3));b.computeBoundingSphere();\n this.add(new va(b, new ya({ color: a, opacity: .2, transparent: !0, depthWrite: !1 })));\n }function eb(a, b, c, d, e, f) {\n E.call(this);void 0 === a && (a = new n(0, 0, 1));void 0 === b && (b = new n(0, 0, 0));void 0 === c && (c = 1);void 0 === d && (d = 16776960);void 0 === e && (e = .2 * c);void 0 === f && (f = .2 * e);void 0 === Xd && (Xd = new D(), Xd.addAttribute(\"position\", new F([0, 0, 0, 0, 1, 0], 3)), Ke = new bb(0, .5, 1, 5, 1), Ke.translate(0, -.5, 0));this.position.copy(b);this.line = new da(Xd, new R({ color: d }));this.line.matrixAutoUpdate = !1;this.add(this.line);this.cone = new va(Ke, new ya({ color: d }));this.cone.matrixAutoUpdate = !1;this.add(this.cone);this.setDirection(a);this.setLength(c, e, f);\n }function ud(a) {\n a = a || 1;var b = [0, 0, 0, a, 0, 0, 0, 0, 0, 0, a, 0, 0, 0, 0, 0, 0, a];a = new D();a.addAttribute(\"position\", new F(b, 3));a.addAttribute(\"color\", new F([1, 0, 0, 1, .6, 0, 0, 1, 0, .6, 1, 0, 0, 0, 1, 0, .6, 1], 3));b = new R({ vertexColors: 2 });W.call(this, a, b);\n }function Qf(a) {\n console.warn(\"THREE.ClosedSplineCurve3 has been deprecated. Use THREE.CatmullRomCurve3 instead.\");oa.call(this, a);this.type = \"catmullrom\";this.closed = !0;\n }function Rf(a) {\n console.warn(\"THREE.SplineCurve3 has been deprecated. Use THREE.CatmullRomCurve3 instead.\");oa.call(this, a);this.type = \"catmullrom\";\n }function Le(a) {\n console.warn(\"THREE.Spline has been removed. Use THREE.CatmullRomCurve3 instead.\");oa.call(this, a);this.type = \"catmullrom\";\n }void 0 === Number.EPSILON && (Number.EPSILON = Math.pow(2, -52));void 0 === Number.isInteger && (Number.isInteger = function (a) {\n return \"number\" === typeof a && isFinite(a) && Math.floor(a) === a;\n });void 0 === Math.sign && (Math.sign = function (a) {\n return 0 > a ? -1 : 0 < a ? 1 : +a;\n });!1 === \"name\" in Function.prototype && Object.defineProperty(Function.prototype, \"name\", { get: function get$$1() {\n return this.toString().match(/^\\s*function\\s*([^\\(\\s]*)/)[1];\n } });void 0 === Object.assign && function () {\n Object.assign = function (a) {\n if (void 0 === a || null === a) throw new TypeError(\"Cannot convert undefined or null to object\");for (var b = Object(a), c = 1; c < arguments.length; c++) {\n var d = arguments[c];if (void 0 !== d && null !== d) for (var e in d) {\n Object.prototype.hasOwnProperty.call(d, e) && (b[e] = d[e]);\n }\n }return b;\n };\n }();\n Object.assign(ka.prototype, { addEventListener: function addEventListener(a, b) {\n void 0 === this._listeners && (this._listeners = {});var c = this._listeners;void 0 === c[a] && (c[a] = []);-1 === c[a].indexOf(b) && c[a].push(b);\n }, hasEventListener: function hasEventListener(a, b) {\n if (void 0 === this._listeners) return !1;var c = this._listeners;return void 0 !== c[a] && -1 !== c[a].indexOf(b);\n }, removeEventListener: function removeEventListener(a, b) {\n void 0 !== this._listeners && (a = this._listeners[a], void 0 !== a && (b = a.indexOf(b), -1 !== b && a.splice(b, 1)));\n }, dispatchEvent: function dispatchEvent(a) {\n if (void 0 !== this._listeners) {\n var b = this._listeners[a.type];if (void 0 !== b) {\n a.target = this;b = b.slice(0);for (var c = 0, d = b.length; c < d; c++) {\n b[c].call(this, a);\n }\n }\n }\n } });var H = { DEG2RAD: Math.PI / 180, RAD2DEG: 180 / Math.PI, generateUUID: function () {\n for (var a = [], b = 0; 256 > b; b++) {\n a[b] = (16 > b ? \"0\" : \"\") + b.toString(16);\n }return function () {\n var b = 4294967295 * Math.random() | 0,\n d = 4294967295 * Math.random() | 0,\n e = 4294967295 * Math.random() | 0,\n f = 4294967295 * Math.random() | 0;return (a[b & 255] + a[b >> 8 & 255] + a[b >> 16 & 255] + a[b >> 24 & 255] + \"-\" + a[d & 255] + a[d >> 8 & 255] + \"-\" + a[d >> 16 & 15 | 64] + a[d >> 24 & 255] + \"-\" + a[e & 63 | 128] + a[e >> 8 & 255] + \"-\" + a[e >> 16 & 255] + a[e >> 24 & 255] + a[f & 255] + a[f >> 8 & 255] + a[f >> 16 & 255] + a[f >> 24 & 255]).toUpperCase();\n };\n }(), clamp: function clamp(a, b, c) {\n return Math.max(b, Math.min(c, a));\n }, euclideanModulo: function euclideanModulo(a, b) {\n return (a % b + b) % b;\n }, mapLinear: function mapLinear(a, b, c, d, e) {\n return d + (a - b) * (e - d) / (c - b);\n }, lerp: function lerp(a, b, c) {\n return (1 - c) * a + c * b;\n }, smoothstep: function smoothstep(a, b, c) {\n if (a <= b) return 0;if (a >= c) return 1;a = (a - b) / (c - b);return a * a * (3 - 2 * a);\n }, smootherstep: function smootherstep(a, b, c) {\n if (a <= b) return 0;if (a >= c) return 1;a = (a - b) / (c - b);return a * a * a * (a * (6 * a - 15) + 10);\n }, randInt: function randInt(a, b) {\n return a + Math.floor(Math.random() * (b - a + 1));\n }, randFloat: function randFloat(a, b) {\n return a + Math.random() * (b - a);\n }, randFloatSpread: function randFloatSpread(a) {\n return a * (.5 - Math.random());\n }, degToRad: function degToRad(a) {\n return a * H.DEG2RAD;\n }, radToDeg: function radToDeg(a) {\n return a * H.RAD2DEG;\n }, isPowerOfTwo: function isPowerOfTwo(a) {\n return 0 === (a & a - 1) && 0 !== a;\n }, ceilPowerOfTwo: function ceilPowerOfTwo(a) {\n return Math.pow(2, Math.ceil(Math.log(a) / Math.LN2));\n }, floorPowerOfTwo: function floorPowerOfTwo(a) {\n return Math.pow(2, Math.floor(Math.log(a) / Math.LN2));\n } };Object.defineProperties(B.prototype, { width: { get: function get$$1() {\n return this.x;\n }, set: function set$$1(a) {\n this.x = a;\n } }, height: { get: function get$$1() {\n return this.y;\n }, set: function set$$1(a) {\n this.y = a;\n } } });Object.assign(B.prototype, { isVector2: !0, set: function set$$1(a, b) {\n this.x = a;this.y = b;return this;\n }, setScalar: function setScalar(a) {\n this.y = this.x = a;return this;\n }, setX: function setX(a) {\n this.x = a;return this;\n }, setY: function setY(a) {\n this.y = a;return this;\n }, setComponent: function setComponent(a, b) {\n switch (a) {case 0:\n this.x = b;break;case 1:\n this.y = b;break;default:\n throw Error(\"index is out of range: \" + a);}return this;\n }, getComponent: function getComponent(a) {\n switch (a) {case 0:\n return this.x;\n case 1:\n return this.y;default:\n throw Error(\"index is out of range: \" + a);}\n }, clone: function clone() {\n return new this.constructor(this.x, this.y);\n }, copy: function copy(a) {\n this.x = a.x;this.y = a.y;return this;\n }, add: function add(a, b) {\n if (void 0 !== b) return console.warn(\"THREE.Vector2: .add() now only accepts one argument. Use .addVectors( a, b ) instead.\"), this.addVectors(a, b);this.x += a.x;this.y += a.y;return this;\n }, addScalar: function addScalar(a) {\n this.x += a;this.y += a;return this;\n }, addVectors: function addVectors(a, b) {\n this.x = a.x + b.x;this.y = a.y + b.y;return this;\n },\n addScaledVector: function addScaledVector(a, b) {\n this.x += a.x * b;this.y += a.y * b;return this;\n }, sub: function sub(a, b) {\n if (void 0 !== b) return console.warn(\"THREE.Vector2: .sub() now only accepts one argument. Use .subVectors( a, b ) instead.\"), this.subVectors(a, b);this.x -= a.x;this.y -= a.y;return this;\n }, subScalar: function subScalar(a) {\n this.x -= a;this.y -= a;return this;\n }, subVectors: function subVectors(a, b) {\n this.x = a.x - b.x;this.y = a.y - b.y;return this;\n }, multiply: function multiply(a) {\n this.x *= a.x;this.y *= a.y;return this;\n }, multiplyScalar: function multiplyScalar(a) {\n this.x *= a;this.y *= a;return this;\n },\n divide: function divide(a) {\n this.x /= a.x;this.y /= a.y;return this;\n }, divideScalar: function divideScalar(a) {\n return this.multiplyScalar(1 / a);\n }, applyMatrix3: function applyMatrix3(a) {\n var b = this.x,\n c = this.y;a = a.elements;this.x = a[0] * b + a[3] * c + a[6];this.y = a[1] * b + a[4] * c + a[7];return this;\n }, min: function min(a) {\n this.x = Math.min(this.x, a.x);this.y = Math.min(this.y, a.y);return this;\n }, max: function max(a) {\n this.x = Math.max(this.x, a.x);this.y = Math.max(this.y, a.y);return this;\n }, clamp: function clamp(a, b) {\n this.x = Math.max(a.x, Math.min(b.x, this.x));this.y = Math.max(a.y, Math.min(b.y, this.y));return this;\n }, clampScalar: function () {\n var a = new B(),\n b = new B();return function (c, d) {\n a.set(c, c);b.set(d, d);return this.clamp(a, b);\n };\n }(), clampLength: function clampLength(a, b) {\n var c = this.length();return this.divideScalar(c || 1).multiplyScalar(Math.max(a, Math.min(b, c)));\n }, floor: function floor() {\n this.x = Math.floor(this.x);this.y = Math.floor(this.y);return this;\n }, ceil: function ceil() {\n this.x = Math.ceil(this.x);this.y = Math.ceil(this.y);return this;\n }, round: function round() {\n this.x = Math.round(this.x);this.y = Math.round(this.y);return this;\n }, roundToZero: function roundToZero() {\n this.x = 0 > this.x ? Math.ceil(this.x) : Math.floor(this.x);this.y = 0 > this.y ? Math.ceil(this.y) : Math.floor(this.y);return this;\n }, negate: function negate() {\n this.x = -this.x;this.y = -this.y;return this;\n }, dot: function dot(a) {\n return this.x * a.x + this.y * a.y;\n }, cross: function cross(a) {\n return this.x * a.y - this.y * a.x;\n }, lengthSq: function lengthSq() {\n return this.x * this.x + this.y * this.y;\n }, length: function length() {\n return Math.sqrt(this.x * this.x + this.y * this.y);\n }, manhattanLength: function manhattanLength() {\n return Math.abs(this.x) + Math.abs(this.y);\n }, normalize: function normalize() {\n return this.divideScalar(this.length() || 1);\n }, angle: function angle() {\n var a = Math.atan2(this.y, this.x);0 > a && (a += 2 * Math.PI);return a;\n }, distanceTo: function distanceTo(a) {\n return Math.sqrt(this.distanceToSquared(a));\n }, distanceToSquared: function distanceToSquared(a) {\n var b = this.x - a.x;a = this.y - a.y;return b * b + a * a;\n }, manhattanDistanceTo: function manhattanDistanceTo(a) {\n return Math.abs(this.x - a.x) + Math.abs(this.y - a.y);\n }, setLength: function setLength(a) {\n return this.normalize().multiplyScalar(a);\n }, lerp: function lerp(a, b) {\n this.x += (a.x - this.x) * b;this.y += (a.y - this.y) * b;return this;\n }, lerpVectors: function lerpVectors(a, b, c) {\n return this.subVectors(b, a).multiplyScalar(c).add(a);\n }, equals: function equals(a) {\n return a.x === this.x && a.y === this.y;\n }, fromArray: function fromArray(a, b) {\n void 0 === b && (b = 0);this.x = a[b];this.y = a[b + 1];return this;\n }, toArray: function toArray$$1(a, b) {\n void 0 === a && (a = []);void 0 === b && (b = 0);a[b] = this.x;a[b + 1] = this.y;return a;\n }, fromBufferAttribute: function fromBufferAttribute(a, b, c) {\n void 0 !== c && console.warn(\"THREE.Vector2: offset has been removed from .fromBufferAttribute().\");this.x = a.getX(b);this.y = a.getY(b);return this;\n }, rotateAround: function rotateAround(a, b) {\n var c = Math.cos(b);b = Math.sin(b);var d = this.x - a.x,\n e = this.y - a.y;this.x = d * c - e * b + a.x;this.y = d * b + e * c + a.y;return this;\n } });Object.assign(J.prototype, { isMatrix4: !0, set: function set$$1(a, b, c, d, e, f, g, h, k, m, l, q, n, t, r, u) {\n var p = this.elements;p[0] = a;p[4] = b;p[8] = c;p[12] = d;p[1] = e;p[5] = f;p[9] = g;p[13] = h;p[2] = k;p[6] = m;p[10] = l;p[14] = q;p[3] = n;p[7] = t;p[11] = r;p[15] = u;return this;\n }, identity: function identity() {\n this.set(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);return this;\n }, clone: function clone() {\n return new J().fromArray(this.elements);\n }, copy: function copy(a) {\n var b = this.elements;a = a.elements;b[0] = a[0];b[1] = a[1];b[2] = a[2];b[3] = a[3];b[4] = a[4];b[5] = a[5];b[6] = a[6];b[7] = a[7];b[8] = a[8];b[9] = a[9];b[10] = a[10];b[11] = a[11];b[12] = a[12];b[13] = a[13];b[14] = a[14];b[15] = a[15];return this;\n }, copyPosition: function copyPosition(a) {\n var b = this.elements;a = a.elements;b[12] = a[12];b[13] = a[13];b[14] = a[14];return this;\n }, extractBasis: function extractBasis(a, b, c) {\n a.setFromMatrixColumn(this, 0);b.setFromMatrixColumn(this, 1);c.setFromMatrixColumn(this, 2);return this;\n }, makeBasis: function makeBasis(a, b, c) {\n this.set(a.x, b.x, c.x, 0, a.y, b.y, c.y, 0, a.z, b.z, c.z, 0, 0, 0, 0, 1);return this;\n }, extractRotation: function () {\n var a = new n();return function (b) {\n var c = this.elements,\n d = b.elements,\n e = 1 / a.setFromMatrixColumn(b, 0).length(),\n f = 1 / a.setFromMatrixColumn(b, 1).length();b = 1 / a.setFromMatrixColumn(b, 2).length();c[0] = d[0] * e;c[1] = d[1] * e;c[2] = d[2] * e;c[3] = 0;c[4] = d[4] * f;c[5] = d[5] * f;c[6] = d[6] * f;c[7] = 0;c[8] = d[8] * b;c[9] = d[9] * b;c[10] = d[10] * b;c[11] = 0;c[12] = 0;c[13] = 0;c[14] = 0;c[15] = 1;return this;\n };\n }(), makeRotationFromEuler: function makeRotationFromEuler(a) {\n a && a.isEuler || console.error(\"THREE.Matrix4: .makeRotationFromEuler() now expects a Euler rotation rather than a Vector3 and order.\");\n var b = this.elements,\n c = a.x,\n d = a.y,\n e = a.z,\n f = Math.cos(c);c = Math.sin(c);var g = Math.cos(d);d = Math.sin(d);var h = Math.cos(e);e = Math.sin(e);if (\"XYZ\" === a.order) {\n a = f * h;var k = f * e,\n m = c * h,\n p = c * e;b[0] = g * h;b[4] = -g * e;b[8] = d;b[1] = k + m * d;b[5] = a - p * d;b[9] = -c * g;b[2] = p - a * d;b[6] = m + k * d;b[10] = f * g;\n } else \"YXZ\" === a.order ? (a = g * h, k = g * e, m = d * h, p = d * e, b[0] = a + p * c, b[4] = m * c - k, b[8] = f * d, b[1] = f * e, b[5] = f * h, b[9] = -c, b[2] = k * c - m, b[6] = p + a * c, b[10] = f * g) : \"ZXY\" === a.order ? (a = g * h, k = g * e, m = d * h, p = d * e, b[0] = a - p * c, b[4] = -f * e, b[8] = m + k * c, b[1] = k + m * c, b[5] = f * h, b[9] = p - a * c, b[2] = -f * d, b[6] = c, b[10] = f * g) : \"ZYX\" === a.order ? (a = f * h, k = f * e, m = c * h, p = c * e, b[0] = g * h, b[4] = m * d - k, b[8] = a * d + p, b[1] = g * e, b[5] = p * d + a, b[9] = k * d - m, b[2] = -d, b[6] = c * g, b[10] = f * g) : \"YZX\" === a.order ? (a = f * g, k = f * d, m = c * g, p = c * d, b[0] = g * h, b[4] = p - a * e, b[8] = m * e + k, b[1] = e, b[5] = f * h, b[9] = -c * h, b[2] = -d * h, b[6] = k * e + m, b[10] = a - p * e) : \"XZY\" === a.order && (a = f * g, k = f * d, m = c * g, p = c * d, b[0] = g * h, b[4] = -e, b[8] = d * h, b[1] = a * e + p, b[5] = f * h, b[9] = k * e - m, b[2] = m * e - k, b[6] = c * h, b[10] = p * e + a);b[3] = 0;b[7] = 0;b[11] = 0;b[12] = 0;b[13] = 0;b[14] = 0;b[15] = 1;return this;\n }, makeRotationFromQuaternion: function () {\n var a = new n(0, 0, 0),\n b = new n(1, 1, 1);return function (c) {\n return this.compose(a, c, b);\n };\n }(), lookAt: function () {\n var a = new n(),\n b = new n(),\n c = new n();return function (d, e, f) {\n var g = this.elements;c.subVectors(d, e);0 === c.lengthSq() && (c.z = 1);c.normalize();a.crossVectors(f, c);0 === a.lengthSq() && (1 === Math.abs(f.z) ? c.x += 1E-4 : c.z += 1E-4, c.normalize(), a.crossVectors(f, c));a.normalize();b.crossVectors(c, a);g[0] = a.x;g[4] = b.x;g[8] = c.x;g[1] = a.y;g[5] = b.y;g[9] = c.y;g[2] = a.z;g[6] = b.z;g[10] = c.z;return this;\n };\n }(), multiply: function multiply(a, b) {\n return void 0 !== b ? (console.warn(\"THREE.Matrix4: .multiply() now only accepts one argument. Use .multiplyMatrices( a, b ) instead.\"), this.multiplyMatrices(a, b)) : this.multiplyMatrices(this, a);\n }, premultiply: function premultiply(a) {\n return this.multiplyMatrices(a, this);\n }, multiplyMatrices: function multiplyMatrices(a, b) {\n var c = a.elements,\n d = b.elements;b = this.elements;a = c[0];var e = c[4],\n f = c[8],\n g = c[12],\n h = c[1],\n k = c[5],\n m = c[9],\n p = c[13],\n l = c[2],\n n = c[6],\n t = c[10],\n r = c[14],\n u = c[3],\n w = c[7],\n z = c[11];c = c[15];var x = d[0],\n C = d[4],\n y = d[8],\n Q = d[12],\n B = d[1],\n A = d[5],\n D = d[9],\n F = d[13],\n E = d[2],\n H = d[6],\n G = d[10],\n I = d[14],\n L = d[3],\n J = d[7],\n K = d[11];d = d[15];b[0] = a * x + e * B + f * E + g * L;b[4] = a * C + e * A + f * H + g * J;b[8] = a * y + e * D + f * G + g * K;b[12] = a * Q + e * F + f * I + g * d;b[1] = h * x + k * B + m * E + p * L;b[5] = h * C + k * A + m * H + p * J;b[9] = h * y + k * D + m * G + p * K;b[13] = h * Q + k * F + m * I + p * d;b[2] = l * x + n * B + t * E + r * L;b[6] = l * C + n * A + t * H + r * J;b[10] = l * y + n * D + t * G + r * K;b[14] = l * Q + n * F + t * I + r * d;b[3] = u * x + w * B + z * E + c * L;b[7] = u * C + w * A + z * H + c * J;b[11] = u * y + w * D + z * G + c * K;b[15] = u * Q + w * F + z * I + c * d;return this;\n }, multiplyScalar: function multiplyScalar(a) {\n var b = this.elements;b[0] *= a;b[4] *= a;b[8] *= a;b[12] *= a;b[1] *= a;b[5] *= a;b[9] *= a;b[13] *= a;b[2] *= a;b[6] *= a;b[10] *= a;b[14] *= a;b[3] *= a;b[7] *= a;b[11] *= a;b[15] *= a;return this;\n }, applyToBufferAttribute: function () {\n var a = new n();return function (b) {\n for (var c = 0, d = b.count; c < d; c++) {\n a.x = b.getX(c), a.y = b.getY(c), a.z = b.getZ(c), a.applyMatrix4(this), b.setXYZ(c, a.x, a.y, a.z);\n }return b;\n };\n }(), determinant: function determinant() {\n var a = this.elements,\n b = a[0],\n c = a[4],\n d = a[8],\n e = a[12],\n f = a[1],\n g = a[5],\n h = a[9],\n k = a[13],\n m = a[2],\n p = a[6],\n l = a[10],\n n = a[14];return a[3] * (+e * h * p - d * k * p - e * g * l + c * k * l + d * g * n - c * h * n) + a[7] * (+b * h * n - b * k * l + e * f * l - d * f * n + d * k * m - e * h * m) + a[11] * (+b * k * p - b * g * n - e * f * p + c * f * n + e * g * m - c * k * m) + a[15] * (-d * g * m - b * h * p + b * g * l + d * f * p - c * f * l + c * h * m);\n }, transpose: function transpose() {\n var a = this.elements;var b = a[1];a[1] = a[4];a[4] = b;b = a[2];a[2] = a[8];a[8] = b;b = a[6];a[6] = a[9];a[9] = b;b = a[3];a[3] = a[12];a[12] = b;b = a[7];a[7] = a[13];a[13] = b;b = a[11];a[11] = a[14];a[14] = b;return this;\n }, setPosition: function setPosition(a) {\n var b = this.elements;b[12] = a.x;b[13] = a.y;b[14] = a.z;return this;\n }, getInverse: function getInverse(a, b) {\n var c = this.elements,\n d = a.elements;a = d[0];var e = d[1],\n f = d[2],\n g = d[3],\n h = d[4],\n k = d[5],\n m = d[6],\n p = d[7],\n l = d[8],\n n = d[9],\n t = d[10],\n r = d[11],\n u = d[12],\n w = d[13],\n z = d[14];d = d[15];var x = n * z * p - w * t * p + w * m * r - k * z * r - n * m * d + k * t * d,\n C = u * t * p - l * z * p - u * m * r + h * z * r + l * m * d - h * t * d,\n y = l * w * p - u * n * p + u * k * r - h * w * r - l * k * d + h * n * d,\n Q = u * n * m - l * w * m - u * k * t + h * w * t + l * k * z - h * n * z,\n B = a * x + e * C + f * y + g * Q;if (0 === B) {\n if (!0 === b) throw Error(\"THREE.Matrix4: .getInverse() can't invert matrix, determinant is 0\");console.warn(\"THREE.Matrix4: .getInverse() can't invert matrix, determinant is 0\");return this.identity();\n }b = 1 / B;c[0] = x * b;c[1] = (w * t * g - n * z * g - w * f * r + e * z * r + n * f * d - e * t * d) * b;c[2] = (k * z * g - w * m * g + w * f * p - e * z * p - k * f * d + e * m * d) * b;c[3] = (n * m * g - k * t * g - n * f * p + e * t * p + k * f * r - e * m * r) * b;c[4] = C * b;c[5] = (l * z * g - u * t * g + u * f * r - a * z * r - l * f * d + a * t * d) * b;c[6] = (u * m * g - h * z * g - u * f * p + a * z * p + h * f * d - a * m * d) * b;c[7] = (h * t * g - l * m * g + l * f * p - a * t * p - h * f * r + a * m * r) * b;c[8] = y * b;c[9] = (u * n * g - l * w * g - u * e * r + a * w * r + l * e * d - a * n * d) * b;c[10] = (h * w * g - u * k * g + u * e * p - a * w * p - h * e * d + a * k * d) * b;c[11] = (l * k * g - h * n * g - l * e * p + a * n * p + h * e * r - a * k * r) * b;c[12] = Q * b;c[13] = (l * w * f - u * n * f + u * e * t - a * w * t - l * e * z + a * n * z) * b;c[14] = (u * k * f - h * w * f - u * e * m + a * w * m + h * e * z - a * k * z) * b;c[15] = (h * n * f - l * k * f + l * e * m - a * n * m - h * e * t + a * k * t) * b;return this;\n }, scale: function scale(a) {\n var b = this.elements,\n c = a.x,\n d = a.y;a = a.z;b[0] *= c;b[4] *= d;b[8] *= a;b[1] *= c;b[5] *= d;b[9] *= a;b[2] *= c;b[6] *= d;b[10] *= a;b[3] *= c;b[7] *= d;b[11] *= a;return this;\n }, getMaxScaleOnAxis: function getMaxScaleOnAxis() {\n var a = this.elements;return Math.sqrt(Math.max(a[0] * a[0] + a[1] * a[1] + a[2] * a[2], a[4] * a[4] + a[5] * a[5] + a[6] * a[6], a[8] * a[8] + a[9] * a[9] + a[10] * a[10]));\n }, makeTranslation: function makeTranslation(a, b, c) {\n this.set(1, 0, 0, a, 0, 1, 0, b, 0, 0, 1, c, 0, 0, 0, 1);return this;\n }, makeRotationX: function makeRotationX(a) {\n var b = Math.cos(a);a = Math.sin(a);this.set(1, 0, 0, 0, 0, b, -a, 0, 0, a, b, 0, 0, 0, 0, 1);return this;\n }, makeRotationY: function makeRotationY(a) {\n var b = Math.cos(a);a = Math.sin(a);this.set(b, 0, a, 0, 0, 1, 0, 0, -a, 0, b, 0, 0, 0, 0, 1);return this;\n }, makeRotationZ: function makeRotationZ(a) {\n var b = Math.cos(a);a = Math.sin(a);this.set(b, -a, 0, 0, a, b, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);return this;\n }, makeRotationAxis: function makeRotationAxis(a, b) {\n var c = Math.cos(b);b = Math.sin(b);var d = 1 - c,\n e = a.x,\n f = a.y;a = a.z;var g = d * e,\n h = d * f;this.set(g * e + c, g * f - b * a, g * a + b * f, 0, g * f + b * a, h * f + c, h * a - b * e, 0, g * a - b * f, h * a + b * e, d * a * a + c, 0, 0, 0, 0, 1);return this;\n }, makeScale: function makeScale(a, b, c) {\n this.set(a, 0, 0, 0, 0, b, 0, 0, 0, 0, c, 0, 0, 0, 0, 1);return this;\n }, makeShear: function makeShear(a, b, c) {\n this.set(1, b, c, 0, a, 1, c, 0, a, b, 1, 0, 0, 0, 0, 1);return this;\n }, compose: function compose(a, b, c) {\n var d = this.elements,\n e = b._x,\n f = b._y,\n g = b._z,\n h = b._w,\n k = e + e,\n m = f + f,\n l = g + g;b = e * k;var q = e * m;e *= l;var n = f * m;f *= l;g *= l;k *= h;m *= h;h *= l;l = c.x;var t = c.y;c = c.z;d[0] = (1 - (n + g)) * l;d[1] = (q + h) * l;d[2] = (e - m) * l;d[3] = 0;d[4] = (q - h) * t;d[5] = (1 - (b + g)) * t;d[6] = (f + k) * t;d[7] = 0;d[8] = (e + m) * c;d[9] = (f - k) * c;d[10] = (1 - (b + n)) * c;d[11] = 0;\n d[12] = a.x;d[13] = a.y;d[14] = a.z;d[15] = 1;return this;\n }, decompose: function () {\n var a = new n(),\n b = new J();return function (c, d, e) {\n var f = this.elements,\n g = a.set(f[0], f[1], f[2]).length(),\n h = a.set(f[4], f[5], f[6]).length(),\n k = a.set(f[8], f[9], f[10]).length();0 > this.determinant() && (g = -g);c.x = f[12];c.y = f[13];c.z = f[14];b.copy(this);c = 1 / g;f = 1 / h;var m = 1 / k;b.elements[0] *= c;b.elements[1] *= c;b.elements[2] *= c;b.elements[4] *= f;b.elements[5] *= f;b.elements[6] *= f;b.elements[8] *= m;b.elements[9] *= m;b.elements[10] *= m;d.setFromRotationMatrix(b);\n e.x = g;e.y = h;e.z = k;return this;\n };\n }(), makePerspective: function makePerspective(a, b, c, d, e, f) {\n void 0 === f && console.warn(\"THREE.Matrix4: .makePerspective() has been redefined and has a new signature. Please check the docs.\");var g = this.elements;g[0] = 2 * e / (b - a);g[4] = 0;g[8] = (b + a) / (b - a);g[12] = 0;g[1] = 0;g[5] = 2 * e / (c - d);g[9] = (c + d) / (c - d);g[13] = 0;g[2] = 0;g[6] = 0;g[10] = -(f + e) / (f - e);g[14] = -2 * f * e / (f - e);g[3] = 0;g[7] = 0;g[11] = -1;g[15] = 0;return this;\n }, makeOrthographic: function makeOrthographic(a, b, c, d, e, f) {\n var g = this.elements,\n h = 1 / (b - a),\n k = 1 / (c - d),\n m = 1 / (f - e);g[0] = 2 * h;g[4] = 0;g[8] = 0;g[12] = -((b + a) * h);g[1] = 0;g[5] = 2 * k;g[9] = 0;g[13] = -((c + d) * k);g[2] = 0;g[6] = 0;g[10] = -2 * m;g[14] = -((f + e) * m);g[3] = 0;g[7] = 0;g[11] = 0;g[15] = 1;return this;\n }, equals: function equals(a) {\n var b = this.elements;a = a.elements;for (var c = 0; 16 > c; c++) {\n if (b[c] !== a[c]) return !1;\n }return !0;\n }, fromArray: function fromArray(a, b) {\n void 0 === b && (b = 0);for (var c = 0; 16 > c; c++) {\n this.elements[c] = a[c + b];\n }return this;\n }, toArray: function toArray$$1(a, b) {\n void 0 === a && (a = []);void 0 === b && (b = 0);var c = this.elements;a[b] = c[0];a[b + 1] = c[1];a[b + 2] = c[2];a[b + 3] = c[3];a[b + 4] = c[4];\n a[b + 5] = c[5];a[b + 6] = c[6];a[b + 7] = c[7];a[b + 8] = c[8];a[b + 9] = c[9];a[b + 10] = c[10];a[b + 11] = c[11];a[b + 12] = c[12];a[b + 13] = c[13];a[b + 14] = c[14];a[b + 15] = c[15];return a;\n } });Object.assign(aa, { slerp: function slerp(a, b, c, d) {\n return c.copy(a).slerp(b, d);\n }, slerpFlat: function slerpFlat(a, b, c, d, e, f, g) {\n var h = c[d + 0],\n k = c[d + 1],\n m = c[d + 2];c = c[d + 3];d = e[f + 0];var l = e[f + 1],\n q = e[f + 2];e = e[f + 3];if (c !== e || h !== d || k !== l || m !== q) {\n f = 1 - g;var n = h * d + k * l + m * q + c * e,\n t = 0 <= n ? 1 : -1,\n r = 1 - n * n;r > Number.EPSILON && (r = Math.sqrt(r), n = Math.atan2(r, n * t), f = Math.sin(f * n) / r, g = Math.sin(g * n) / r);t *= g;h = h * f + d * t;k = k * f + l * t;m = m * f + q * t;c = c * f + e * t;f === 1 - g && (g = 1 / Math.sqrt(h * h + k * k + m * m + c * c), h *= g, k *= g, m *= g, c *= g);\n }a[b] = h;a[b + 1] = k;a[b + 2] = m;a[b + 3] = c;\n } });Object.defineProperties(aa.prototype, { x: { get: function get$$1() {\n return this._x;\n }, set: function set$$1(a) {\n this._x = a;this.onChangeCallback();\n } }, y: { get: function get$$1() {\n return this._y;\n }, set: function set$$1(a) {\n this._y = a;this.onChangeCallback();\n } }, z: { get: function get$$1() {\n return this._z;\n }, set: function set$$1(a) {\n this._z = a;this.onChangeCallback();\n } }, w: { get: function get$$1() {\n return this._w;\n }, set: function set$$1(a) {\n this._w = a;this.onChangeCallback();\n } } });Object.assign(aa.prototype, { isQuaternion: !0, set: function set$$1(a, b, c, d) {\n this._x = a;this._y = b;this._z = c;this._w = d;this.onChangeCallback();return this;\n }, clone: function clone() {\n return new this.constructor(this._x, this._y, this._z, this._w);\n }, copy: function copy(a) {\n this._x = a.x;this._y = a.y;this._z = a.z;this._w = a.w;this.onChangeCallback();return this;\n }, setFromEuler: function setFromEuler(a, b) {\n if (!a || !a.isEuler) throw Error(\"THREE.Quaternion: .setFromEuler() now expects an Euler rotation rather than a Vector3 and order.\");\n var c = a._x,\n d = a._y,\n e = a._z;a = a.order;var f = Math.cos,\n g = Math.sin,\n h = f(c / 2),\n k = f(d / 2);f = f(e / 2);c = g(c / 2);d = g(d / 2);e = g(e / 2);\"XYZ\" === a ? (this._x = c * k * f + h * d * e, this._y = h * d * f - c * k * e, this._z = h * k * e + c * d * f, this._w = h * k * f - c * d * e) : \"YXZ\" === a ? (this._x = c * k * f + h * d * e, this._y = h * d * f - c * k * e, this._z = h * k * e - c * d * f, this._w = h * k * f + c * d * e) : \"ZXY\" === a ? (this._x = c * k * f - h * d * e, this._y = h * d * f + c * k * e, this._z = h * k * e + c * d * f, this._w = h * k * f - c * d * e) : \"ZYX\" === a ? (this._x = c * k * f - h * d * e, this._y = h * d * f + c * k * e, this._z = h * k * e - c * d * f, this._w = h * k * f + c * d * e) : \"YZX\" === a ? (this._x = c * k * f + h * d * e, this._y = h * d * f + c * k * e, this._z = h * k * e - c * d * f, this._w = h * k * f - c * d * e) : \"XZY\" === a && (this._x = c * k * f - h * d * e, this._y = h * d * f - c * k * e, this._z = h * k * e + c * d * f, this._w = h * k * f + c * d * e);if (!1 !== b) this.onChangeCallback();return this;\n }, setFromAxisAngle: function setFromAxisAngle(a, b) {\n b /= 2;var c = Math.sin(b);this._x = a.x * c;this._y = a.y * c;this._z = a.z * c;this._w = Math.cos(b);this.onChangeCallback();return this;\n }, setFromRotationMatrix: function setFromRotationMatrix(a) {\n var b = a.elements,\n c = b[0];a = b[4];var d = b[8],\n e = b[1],\n f = b[5],\n g = b[9],\n h = b[2],\n k = b[6];b = b[10];var m = c + f + b;0 < m ? (c = .5 / Math.sqrt(m + 1), this._w = .25 / c, this._x = (k - g) * c, this._y = (d - h) * c, this._z = (e - a) * c) : c > f && c > b ? (c = 2 * Math.sqrt(1 + c - f - b), this._w = (k - g) / c, this._x = .25 * c, this._y = (a + e) / c, this._z = (d + h) / c) : f > b ? (c = 2 * Math.sqrt(1 + f - c - b), this._w = (d - h) / c, this._x = (a + e) / c, this._y = .25 * c, this._z = (g + k) / c) : (c = 2 * Math.sqrt(1 + b - c - f), this._w = (e - a) / c, this._x = (d + h) / c, this._y = (g + k) / c, this._z = .25 * c);this.onChangeCallback();return this;\n }, setFromUnitVectors: function () {\n var a = new n(),\n b;return function (c, d) {\n void 0 === a && (a = new n());b = c.dot(d) + 1;1E-6 > b ? (b = 0, Math.abs(c.x) > Math.abs(c.z) ? a.set(-c.y, c.x, 0) : a.set(0, -c.z, c.y)) : a.crossVectors(c, d);this._x = a.x;this._y = a.y;this._z = a.z;this._w = b;return this.normalize();\n };\n }(), angleTo: function angleTo(a) {\n return 2 * Math.acos(Math.abs(H.clamp(this.dot(a), -1, 1)));\n }, rotateTowards: function rotateTowards(a, b) {\n var c = this.angleTo(a);if (0 === c) return this;this.slerp(a, Math.min(1, b / c));return this;\n }, inverse: function inverse() {\n return this.conjugate();\n }, conjugate: function conjugate() {\n this._x *= -1;this._y *= -1;this._z *= -1;this.onChangeCallback();return this;\n }, dot: function dot(a) {\n return this._x * a._x + this._y * a._y + this._z * a._z + this._w * a._w;\n }, lengthSq: function lengthSq() {\n return this._x * this._x + this._y * this._y + this._z * this._z + this._w * this._w;\n }, length: function length() {\n return Math.sqrt(this._x * this._x + this._y * this._y + this._z * this._z + this._w * this._w);\n }, normalize: function normalize() {\n var a = this.length();0 === a ? (this._z = this._y = this._x = 0, this._w = 1) : (a = 1 / a, this._x *= a, this._y *= a, this._z *= a, this._w *= a);this.onChangeCallback();return this;\n }, multiply: function multiply(a, b) {\n return void 0 !== b ? (console.warn(\"THREE.Quaternion: .multiply() now only accepts one argument. Use .multiplyQuaternions( a, b ) instead.\"), this.multiplyQuaternions(a, b)) : this.multiplyQuaternions(this, a);\n }, premultiply: function premultiply(a) {\n return this.multiplyQuaternions(a, this);\n }, multiplyQuaternions: function multiplyQuaternions(a, b) {\n var c = a._x,\n d = a._y,\n e = a._z;a = a._w;var f = b._x,\n g = b._y,\n h = b._z;b = b._w;this._x = c * b + a * f + d * h - e * g;this._y = d * b + a * g + e * f - c * h;this._z = e * b + a * h + c * g - d * f;this._w = a * b - c * f - d * g - e * h;this.onChangeCallback();return this;\n }, slerp: function slerp(a, b) {\n if (0 === b) return this;if (1 === b) return this.copy(a);var c = this._x,\n d = this._y,\n e = this._z,\n f = this._w,\n g = f * a._w + c * a._x + d * a._y + e * a._z;\n 0 > g ? (this._w = -a._w, this._x = -a._x, this._y = -a._y, this._z = -a._z, g = -g) : this.copy(a);if (1 <= g) return this._w = f, this._x = c, this._y = d, this._z = e, this;a = 1 - g * g;if (a <= Number.EPSILON) return g = 1 - b, this._w = g * f + b * this._w, this._x = g * c + b * this._x, this._y = g * d + b * this._y, this._z = g * e + b * this._z, this.normalize();a = Math.sqrt(a);var h = Math.atan2(a, g);g = Math.sin((1 - b) * h) / a;b = Math.sin(b * h) / a;this._w = f * g + this._w * b;this._x = c * g + this._x * b;this._y = d * g + this._y * b;this._z = e * g + this._z * b;this.onChangeCallback();return this;\n }, equals: function equals(a) {\n return a._x === this._x && a._y === this._y && a._z === this._z && a._w === this._w;\n }, fromArray: function fromArray(a, b) {\n void 0 === b && (b = 0);this._x = a[b];this._y = a[b + 1];this._z = a[b + 2];this._w = a[b + 3];this.onChangeCallback();return this;\n }, toArray: function toArray$$1(a, b) {\n void 0 === a && (a = []);void 0 === b && (b = 0);a[b] = this._x;a[b + 1] = this._y;a[b + 2] = this._z;a[b + 3] = this._w;return a;\n }, onChange: function onChange(a) {\n this.onChangeCallback = a;return this;\n }, onChangeCallback: function onChangeCallback() {} });Object.assign(n.prototype, { isVector3: !0, set: function set$$1(a, b, c) {\n this.x = a;this.y = b;this.z = c;return this;\n },\n setScalar: function setScalar(a) {\n this.z = this.y = this.x = a;return this;\n }, setX: function setX(a) {\n this.x = a;return this;\n }, setY: function setY(a) {\n this.y = a;return this;\n }, setZ: function setZ(a) {\n this.z = a;return this;\n }, setComponent: function setComponent(a, b) {\n switch (a) {case 0:\n this.x = b;break;case 1:\n this.y = b;break;case 2:\n this.z = b;break;default:\n throw Error(\"index is out of range: \" + a);}return this;\n }, getComponent: function getComponent(a) {\n switch (a) {case 0:\n return this.x;case 1:\n return this.y;case 2:\n return this.z;default:\n throw Error(\"index is out of range: \" + a);}\n }, clone: function clone() {\n return new this.constructor(this.x, this.y, this.z);\n }, copy: function copy(a) {\n this.x = a.x;this.y = a.y;this.z = a.z;return this;\n }, add: function add(a, b) {\n if (void 0 !== b) return console.warn(\"THREE.Vector3: .add() now only accepts one argument. Use .addVectors( a, b ) instead.\"), this.addVectors(a, b);this.x += a.x;this.y += a.y;this.z += a.z;return this;\n }, addScalar: function addScalar(a) {\n this.x += a;this.y += a;this.z += a;return this;\n }, addVectors: function addVectors(a, b) {\n this.x = a.x + b.x;this.y = a.y + b.y;this.z = a.z + b.z;return this;\n }, addScaledVector: function addScaledVector(a, b) {\n this.x += a.x * b;this.y += a.y * b;this.z += a.z * b;return this;\n }, sub: function sub(a, b) {\n if (void 0 !== b) return console.warn(\"THREE.Vector3: .sub() now only accepts one argument. Use .subVectors( a, b ) instead.\"), this.subVectors(a, b);this.x -= a.x;this.y -= a.y;this.z -= a.z;return this;\n }, subScalar: function subScalar(a) {\n this.x -= a;this.y -= a;this.z -= a;return this;\n }, subVectors: function subVectors(a, b) {\n this.x = a.x - b.x;this.y = a.y - b.y;this.z = a.z - b.z;return this;\n }, multiply: function multiply(a, b) {\n if (void 0 !== b) return console.warn(\"THREE.Vector3: .multiply() now only accepts one argument. Use .multiplyVectors( a, b ) instead.\"), this.multiplyVectors(a, b);this.x *= a.x;this.y *= a.y;this.z *= a.z;return this;\n }, multiplyScalar: function multiplyScalar(a) {\n this.x *= a;this.y *= a;this.z *= a;return this;\n }, multiplyVectors: function multiplyVectors(a, b) {\n this.x = a.x * b.x;this.y = a.y * b.y;this.z = a.z * b.z;return this;\n }, applyEuler: function () {\n var a = new aa();return function (b) {\n b && b.isEuler || console.error(\"THREE.Vector3: .applyEuler() now expects an Euler rotation rather than a Vector3 and order.\");return this.applyQuaternion(a.setFromEuler(b));\n };\n }(), applyAxisAngle: function () {\n var a = new aa();return function (b, c) {\n return this.applyQuaternion(a.setFromAxisAngle(b, c));\n };\n }(), applyMatrix3: function applyMatrix3(a) {\n var b = this.x,\n c = this.y,\n d = this.z;a = a.elements;this.x = a[0] * b + a[3] * c + a[6] * d;this.y = a[1] * b + a[4] * c + a[7] * d;this.z = a[2] * b + a[5] * c + a[8] * d;return this;\n }, applyMatrix4: function applyMatrix4(a) {\n var b = this.x,\n c = this.y,\n d = this.z;a = a.elements;var e = 1 / (a[3] * b + a[7] * c + a[11] * d + a[15]);this.x = (a[0] * b + a[4] * c + a[8] * d + a[12]) * e;this.y = (a[1] * b + a[5] * c + a[9] * d + a[13]) * e;this.z = (a[2] * b + a[6] * c + a[10] * d + a[14]) * e;return this;\n }, applyQuaternion: function applyQuaternion(a) {\n var b = this.x,\n c = this.y,\n d = this.z,\n e = a.x,\n f = a.y,\n g = a.z;a = a.w;var h = a * b + f * d - g * c,\n k = a * c + g * b - e * d,\n m = a * d + e * c - f * b;b = -e * b - f * c - g * d;this.x = h * a + b * -e + k * -g - m * -f;this.y = k * a + b * -f + m * -e - h * -g;this.z = m * a + b * -g + h * -f - k * -e;return this;\n }, project: function project(a) {\n return this.applyMatrix4(a.matrixWorldInverse).applyMatrix4(a.projectionMatrix);\n }, unproject: function () {\n var a = new J();return function (b) {\n return this.applyMatrix4(a.getInverse(b.projectionMatrix)).applyMatrix4(b.matrixWorld);\n };\n }(), transformDirection: function transformDirection(a) {\n var b = this.x,\n c = this.y,\n d = this.z;a = a.elements;this.x = a[0] * b + a[4] * c + a[8] * d;this.y = a[1] * b + a[5] * c + a[9] * d;this.z = a[2] * b + a[6] * c + a[10] * d;return this.normalize();\n }, divide: function divide(a) {\n this.x /= a.x;this.y /= a.y;this.z /= a.z;return this;\n }, divideScalar: function divideScalar(a) {\n return this.multiplyScalar(1 / a);\n }, min: function min(a) {\n this.x = Math.min(this.x, a.x);this.y = Math.min(this.y, a.y);this.z = Math.min(this.z, a.z);return this;\n }, max: function max(a) {\n this.x = Math.max(this.x, a.x);this.y = Math.max(this.y, a.y);this.z = Math.max(this.z, a.z);return this;\n }, clamp: function clamp(a, b) {\n this.x = Math.max(a.x, Math.min(b.x, this.x));this.y = Math.max(a.y, Math.min(b.y, this.y));this.z = Math.max(a.z, Math.min(b.z, this.z));return this;\n }, clampScalar: function () {\n var a = new n(),\n b = new n();return function (c, d) {\n a.set(c, c, c);b.set(d, d, d);return this.clamp(a, b);\n };\n }(), clampLength: function clampLength(a, b) {\n var c = this.length();return this.divideScalar(c || 1).multiplyScalar(Math.max(a, Math.min(b, c)));\n }, floor: function floor() {\n this.x = Math.floor(this.x);this.y = Math.floor(this.y);this.z = Math.floor(this.z);return this;\n }, ceil: function ceil() {\n this.x = Math.ceil(this.x);\n this.y = Math.ceil(this.y);this.z = Math.ceil(this.z);return this;\n }, round: function round() {\n this.x = Math.round(this.x);this.y = Math.round(this.y);this.z = Math.round(this.z);return this;\n }, roundToZero: function roundToZero() {\n this.x = 0 > this.x ? Math.ceil(this.x) : Math.floor(this.x);this.y = 0 > this.y ? Math.ceil(this.y) : Math.floor(this.y);this.z = 0 > this.z ? Math.ceil(this.z) : Math.floor(this.z);return this;\n }, negate: function negate() {\n this.x = -this.x;this.y = -this.y;this.z = -this.z;return this;\n }, dot: function dot(a) {\n return this.x * a.x + this.y * a.y + this.z * a.z;\n }, lengthSq: function lengthSq() {\n return this.x * this.x + this.y * this.y + this.z * this.z;\n }, length: function length() {\n return Math.sqrt(this.x * this.x + this.y * this.y + this.z * this.z);\n }, manhattanLength: function manhattanLength() {\n return Math.abs(this.x) + Math.abs(this.y) + Math.abs(this.z);\n }, normalize: function normalize() {\n return this.divideScalar(this.length() || 1);\n }, setLength: function setLength(a) {\n return this.normalize().multiplyScalar(a);\n }, lerp: function lerp(a, b) {\n this.x += (a.x - this.x) * b;this.y += (a.y - this.y) * b;this.z += (a.z - this.z) * b;return this;\n }, lerpVectors: function lerpVectors(a, b, c) {\n return this.subVectors(b, a).multiplyScalar(c).add(a);\n },\n cross: function cross(a, b) {\n return void 0 !== b ? (console.warn(\"THREE.Vector3: .cross() now only accepts one argument. Use .crossVectors( a, b ) instead.\"), this.crossVectors(a, b)) : this.crossVectors(this, a);\n }, crossVectors: function crossVectors(a, b) {\n var c = a.x,\n d = a.y;a = a.z;var e = b.x,\n f = b.y;b = b.z;this.x = d * b - a * f;this.y = a * e - c * b;this.z = c * f - d * e;return this;\n }, projectOnVector: function projectOnVector(a) {\n var b = a.dot(this) / a.lengthSq();return this.copy(a).multiplyScalar(b);\n }, projectOnPlane: function () {\n var a = new n();return function (b) {\n a.copy(this).projectOnVector(b);\n return this.sub(a);\n };\n }(), reflect: function () {\n var a = new n();return function (b) {\n return this.sub(a.copy(b).multiplyScalar(2 * this.dot(b)));\n };\n }(), angleTo: function angleTo(a) {\n a = this.dot(a) / Math.sqrt(this.lengthSq() * a.lengthSq());return Math.acos(H.clamp(a, -1, 1));\n }, distanceTo: function distanceTo(a) {\n return Math.sqrt(this.distanceToSquared(a));\n }, distanceToSquared: function distanceToSquared(a) {\n var b = this.x - a.x,\n c = this.y - a.y;a = this.z - a.z;return b * b + c * c + a * a;\n }, manhattanDistanceTo: function manhattanDistanceTo(a) {\n return Math.abs(this.x - a.x) + Math.abs(this.y - a.y) + Math.abs(this.z - a.z);\n }, setFromSpherical: function setFromSpherical(a) {\n return this.setFromSphericalCoords(a.radius, a.phi, a.theta);\n }, setFromSphericalCoords: function setFromSphericalCoords(a, b, c) {\n var d = Math.sin(b) * a;this.x = d * Math.sin(c);this.y = Math.cos(b) * a;this.z = d * Math.cos(c);return this;\n }, setFromCylindrical: function setFromCylindrical(a) {\n return this.setFromCylindricalCoords(a.radius, a.theta, a.y);\n }, setFromCylindricalCoords: function setFromCylindricalCoords(a, b, c) {\n this.x = a * Math.sin(b);this.y = c;this.z = a * Math.cos(b);return this;\n }, setFromMatrixPosition: function setFromMatrixPosition(a) {\n a = a.elements;this.x = a[12];this.y = a[13];this.z = a[14];return this;\n }, setFromMatrixScale: function setFromMatrixScale(a) {\n var b = this.setFromMatrixColumn(a, 0).length(),\n c = this.setFromMatrixColumn(a, 1).length();a = this.setFromMatrixColumn(a, 2).length();this.x = b;this.y = c;this.z = a;return this;\n }, setFromMatrixColumn: function setFromMatrixColumn(a, b) {\n return this.fromArray(a.elements, 4 * b);\n }, equals: function equals(a) {\n return a.x === this.x && a.y === this.y && a.z === this.z;\n }, fromArray: function fromArray(a, b) {\n void 0 === b && (b = 0);this.x = a[b];this.y = a[b + 1];this.z = a[b + 2];return this;\n }, toArray: function toArray$$1(a, b) {\n void 0 === a && (a = []);void 0 === b && (b = 0);a[b] = this.x;a[b + 1] = this.y;a[b + 2] = this.z;return a;\n }, fromBufferAttribute: function fromBufferAttribute(a, b, c) {\n void 0 !== c && console.warn(\"THREE.Vector3: offset has been removed from .fromBufferAttribute().\");this.x = a.getX(b);this.y = a.getY(b);this.z = a.getZ(b);return this;\n } });Object.assign(pa.prototype, { isMatrix3: !0, set: function set$$1(a, b, c, d, e, f, g, h, k) {\n var m = this.elements;m[0] = a;m[1] = d;m[2] = g;m[3] = b;m[4] = e;m[5] = h;m[6] = c;m[7] = f;m[8] = k;return this;\n }, identity: function identity() {\n this.set(1, 0, 0, 0, 1, 0, 0, 0, 1);return this;\n }, clone: function clone() {\n return new this.constructor().fromArray(this.elements);\n },\n copy: function copy(a) {\n var b = this.elements;a = a.elements;b[0] = a[0];b[1] = a[1];b[2] = a[2];b[3] = a[3];b[4] = a[4];b[5] = a[5];b[6] = a[6];b[7] = a[7];b[8] = a[8];return this;\n }, setFromMatrix4: function setFromMatrix4(a) {\n a = a.elements;this.set(a[0], a[4], a[8], a[1], a[5], a[9], a[2], a[6], a[10]);return this;\n }, applyToBufferAttribute: function () {\n var a = new n();return function (b) {\n for (var c = 0, d = b.count; c < d; c++) {\n a.x = b.getX(c), a.y = b.getY(c), a.z = b.getZ(c), a.applyMatrix3(this), b.setXYZ(c, a.x, a.y, a.z);\n }return b;\n };\n }(), multiply: function multiply(a) {\n return this.multiplyMatrices(this, a);\n }, premultiply: function premultiply(a) {\n return this.multiplyMatrices(a, this);\n }, multiplyMatrices: function multiplyMatrices(a, b) {\n var c = a.elements,\n d = b.elements;b = this.elements;a = c[0];var e = c[3],\n f = c[6],\n g = c[1],\n h = c[4],\n k = c[7],\n m = c[2],\n l = c[5];c = c[8];var q = d[0],\n n = d[3],\n t = d[6],\n r = d[1],\n u = d[4],\n w = d[7],\n z = d[2],\n x = d[5];d = d[8];b[0] = a * q + e * r + f * z;b[3] = a * n + e * u + f * x;b[6] = a * t + e * w + f * d;b[1] = g * q + h * r + k * z;b[4] = g * n + h * u + k * x;b[7] = g * t + h * w + k * d;b[2] = m * q + l * r + c * z;b[5] = m * n + l * u + c * x;b[8] = m * t + l * w + c * d;return this;\n }, multiplyScalar: function multiplyScalar(a) {\n var b = this.elements;b[0] *= a;b[3] *= a;b[6] *= a;b[1] *= a;b[4] *= a;b[7] *= a;b[2] *= a;b[5] *= a;b[8] *= a;return this;\n }, determinant: function determinant() {\n var a = this.elements,\n b = a[0],\n c = a[1],\n d = a[2],\n e = a[3],\n f = a[4],\n g = a[5],\n h = a[6],\n k = a[7];a = a[8];return b * f * a - b * g * k - c * e * a + c * g * h + d * e * k - d * f * h;\n }, getInverse: function getInverse(a, b) {\n a && a.isMatrix4 && console.error(\"THREE.Matrix3: .getInverse() no longer takes a Matrix4 argument.\");var c = a.elements;a = this.elements;var d = c[0],\n e = c[1],\n f = c[2],\n g = c[3],\n h = c[4],\n k = c[5],\n m = c[6],\n l = c[7];c = c[8];var q = c * h - k * l,\n n = k * m - c * g,\n t = l * g - h * m,\n r = d * q + e * n + f * t;if (0 === r) {\n if (!0 === b) throw Error(\"THREE.Matrix3: .getInverse() can't invert matrix, determinant is 0\");console.warn(\"THREE.Matrix3: .getInverse() can't invert matrix, determinant is 0\");return this.identity();\n }b = 1 / r;a[0] = q * b;a[1] = (f * l - c * e) * b;a[2] = (k * e - f * h) * b;a[3] = n * b;a[4] = (c * d - f * m) * b;a[5] = (f * g - k * d) * b;a[6] = t * b;a[7] = (e * m - l * d) * b;a[8] = (h * d - e * g) * b;return this;\n }, transpose: function transpose() {\n var a = this.elements;var b = a[1];a[1] = a[3];a[3] = b;b = a[2];a[2] = a[6];a[6] = b;b = a[5];a[5] = a[7];a[7] = b;return this;\n }, getNormalMatrix: function getNormalMatrix(a) {\n return this.setFromMatrix4(a).getInverse(this).transpose();\n },\n transposeIntoArray: function transposeIntoArray(a) {\n var b = this.elements;a[0] = b[0];a[1] = b[3];a[2] = b[6];a[3] = b[1];a[4] = b[4];a[5] = b[7];a[6] = b[2];a[7] = b[5];a[8] = b[8];return this;\n }, setUvTransform: function setUvTransform(a, b, c, d, e, f, g) {\n var h = Math.cos(e);e = Math.sin(e);this.set(c * h, c * e, -c * (h * f + e * g) + f + a, -d * e, d * h, -d * (-e * f + h * g) + g + b, 0, 0, 1);\n }, scale: function scale(a, b) {\n var c = this.elements;c[0] *= a;c[3] *= a;c[6] *= a;c[1] *= b;c[4] *= b;c[7] *= b;return this;\n }, rotate: function rotate(a) {\n var b = Math.cos(a);a = Math.sin(a);var c = this.elements,\n d = c[0],\n e = c[3],\n f = c[6],\n g = c[1],\n h = c[4],\n k = c[7];c[0] = b * d + a * g;c[3] = b * e + a * h;c[6] = b * f + a * k;c[1] = -a * d + b * g;c[4] = -a * e + b * h;c[7] = -a * f + b * k;return this;\n }, translate: function translate(a, b) {\n var c = this.elements;c[0] += a * c[2];c[3] += a * c[5];c[6] += a * c[8];c[1] += b * c[2];c[4] += b * c[5];c[7] += b * c[8];return this;\n }, equals: function equals(a) {\n var b = this.elements;a = a.elements;for (var c = 0; 9 > c; c++) {\n if (b[c] !== a[c]) return !1;\n }return !0;\n }, fromArray: function fromArray(a, b) {\n void 0 === b && (b = 0);for (var c = 0; 9 > c; c++) {\n this.elements[c] = a[c + b];\n }return this;\n }, toArray: function toArray$$1(a, b) {\n void 0 === a && (a = []);void 0 === b && (b = 0);var c = this.elements;a[b] = c[0];a[b + 1] = c[1];a[b + 2] = c[2];a[b + 3] = c[3];a[b + 4] = c[4];a[b + 5] = c[5];a[b + 6] = c[6];a[b + 7] = c[7];a[b + 8] = c[8];return a;\n } });var uc,\n lb = { getDataURL: function getDataURL(a) {\n if (\"undefined\" == typeof HTMLCanvasElement) return a.src;if (!(a instanceof HTMLCanvasElement)) {\n void 0 === uc && (uc = document.createElementNS(\"http://www.w3.org/1999/xhtml\", \"canvas\"));uc.width = a.width;uc.height = a.height;var b = uc.getContext(\"2d\");a instanceof ImageData ? b.putImageData(a, 0, 0) : b.drawImage(a, 0, 0, a.width, a.height);a = uc;\n }return 2048 < a.width || 2048 < a.height ? a.toDataURL(\"image/jpeg\", .6) : a.toDataURL(\"image/png\");\n } },\n Uf = 0;S.DEFAULT_IMAGE = void 0;S.DEFAULT_MAPPING = 300;S.prototype = Object.assign(Object.create(ka.prototype), { constructor: S, isTexture: !0, updateMatrix: function updateMatrix() {\n this.matrix.setUvTransform(this.offset.x, this.offset.y, this.repeat.x, this.repeat.y, this.rotation, this.center.x, this.center.y);\n }, clone: function clone() {\n return new this.constructor().copy(this);\n }, copy: function copy(a) {\n this.name = a.name;this.image = a.image;this.mipmaps = a.mipmaps.slice(0);\n this.mapping = a.mapping;this.wrapS = a.wrapS;this.wrapT = a.wrapT;this.magFilter = a.magFilter;this.minFilter = a.minFilter;this.anisotropy = a.anisotropy;this.format = a.format;this.type = a.type;this.offset.copy(a.offset);this.repeat.copy(a.repeat);this.center.copy(a.center);this.rotation = a.rotation;this.matrixAutoUpdate = a.matrixAutoUpdate;this.matrix.copy(a.matrix);this.generateMipmaps = a.generateMipmaps;this.premultiplyAlpha = a.premultiplyAlpha;this.flipY = a.flipY;this.unpackAlignment = a.unpackAlignment;this.encoding = a.encoding;return this;\n }, toJSON: function toJSON(a) {\n var b = void 0 === a || \"string\" === typeof a;if (!b && void 0 !== a.textures[this.uuid]) return a.textures[this.uuid];var c = { metadata: { version: 4.5, type: \"Texture\", generator: \"Texture.toJSON\" }, uuid: this.uuid, name: this.name, mapping: this.mapping, repeat: [this.repeat.x, this.repeat.y], offset: [this.offset.x, this.offset.y], center: [this.center.x, this.center.y], rotation: this.rotation, wrap: [this.wrapS, this.wrapT], format: this.format, type: this.type, encoding: this.encoding, minFilter: this.minFilter,\n magFilter: this.magFilter, anisotropy: this.anisotropy, flipY: this.flipY, premultiplyAlpha: this.premultiplyAlpha, unpackAlignment: this.unpackAlignment };if (void 0 !== this.image) {\n var d = this.image;void 0 === d.uuid && (d.uuid = H.generateUUID());if (!b && void 0 === a.images[d.uuid]) {\n if (Array.isArray(d)) {\n var e = [];for (var f = 0, g = d.length; f < g; f++) {\n e.push(lb.getDataURL(d[f]));\n }\n } else e = lb.getDataURL(d);a.images[d.uuid] = { uuid: d.uuid, url: e };\n }c.image = d.uuid;\n }b || (a.textures[this.uuid] = c);return c;\n }, dispose: function dispose() {\n this.dispatchEvent({ type: \"dispose\" });\n },\n transformUv: function transformUv(a) {\n if (300 !== this.mapping) return a;a.applyMatrix3(this.matrix);if (0 > a.x || 1 < a.x) switch (this.wrapS) {case 1E3:\n a.x -= Math.floor(a.x);break;case 1001:\n a.x = 0 > a.x ? 0 : 1;break;case 1002:\n a.x = 1 === Math.abs(Math.floor(a.x) % 2) ? Math.ceil(a.x) - a.x : a.x - Math.floor(a.x);}if (0 > a.y || 1 < a.y) switch (this.wrapT) {case 1E3:\n a.y -= Math.floor(a.y);break;case 1001:\n a.y = 0 > a.y ? 0 : 1;break;case 1002:\n a.y = 1 === Math.abs(Math.floor(a.y) % 2) ? Math.ceil(a.y) - a.y : a.y - Math.floor(a.y);}this.flipY && (a.y = 1 - a.y);return a;\n } });Object.defineProperty(S.prototype, \"needsUpdate\", { set: function set$$1(a) {\n !0 === a && this.version++;\n } });Object.assign(ba.prototype, { isVector4: !0, set: function set$$1(a, b, c, d) {\n this.x = a;this.y = b;this.z = c;this.w = d;return this;\n }, setScalar: function setScalar(a) {\n this.w = this.z = this.y = this.x = a;return this;\n }, setX: function setX(a) {\n this.x = a;return this;\n }, setY: function setY(a) {\n this.y = a;return this;\n }, setZ: function setZ(a) {\n this.z = a;return this;\n }, setW: function setW(a) {\n this.w = a;return this;\n }, setComponent: function setComponent(a, b) {\n switch (a) {case 0:\n this.x = b;break;case 1:\n this.y = b;break;case 2:\n this.z = b;break;case 3:\n this.w = b;break;default:\n throw Error(\"index is out of range: \" + a);}return this;\n }, getComponent: function getComponent(a) {\n switch (a) {case 0:\n return this.x;case 1:\n return this.y;case 2:\n return this.z;case 3:\n return this.w;default:\n throw Error(\"index is out of range: \" + a);}\n }, clone: function clone() {\n return new this.constructor(this.x, this.y, this.z, this.w);\n }, copy: function copy(a) {\n this.x = a.x;this.y = a.y;this.z = a.z;this.w = void 0 !== a.w ? a.w : 1;return this;\n }, add: function add(a, b) {\n if (void 0 !== b) return console.warn(\"THREE.Vector4: .add() now only accepts one argument. Use .addVectors( a, b ) instead.\"), this.addVectors(a, b);this.x += a.x;this.y += a.y;this.z += a.z;this.w += a.w;return this;\n }, addScalar: function addScalar(a) {\n this.x += a;this.y += a;this.z += a;this.w += a;return this;\n }, addVectors: function addVectors(a, b) {\n this.x = a.x + b.x;this.y = a.y + b.y;this.z = a.z + b.z;this.w = a.w + b.w;return this;\n }, addScaledVector: function addScaledVector(a, b) {\n this.x += a.x * b;this.y += a.y * b;this.z += a.z * b;this.w += a.w * b;return this;\n }, sub: function sub(a, b) {\n if (void 0 !== b) return console.warn(\"THREE.Vector4: .sub() now only accepts one argument. Use .subVectors( a, b ) instead.\"), this.subVectors(a, b);this.x -= a.x;this.y -= a.y;this.z -= a.z;this.w -= a.w;return this;\n }, subScalar: function subScalar(a) {\n this.x -= a;this.y -= a;this.z -= a;this.w -= a;return this;\n }, subVectors: function subVectors(a, b) {\n this.x = a.x - b.x;this.y = a.y - b.y;this.z = a.z - b.z;this.w = a.w - b.w;return this;\n }, multiplyScalar: function multiplyScalar(a) {\n this.x *= a;this.y *= a;this.z *= a;this.w *= a;return this;\n }, applyMatrix4: function applyMatrix4(a) {\n var b = this.x,\n c = this.y,\n d = this.z,\n e = this.w;a = a.elements;this.x = a[0] * b + a[4] * c + a[8] * d + a[12] * e;this.y = a[1] * b + a[5] * c + a[9] * d + a[13] * e;this.z = a[2] * b + a[6] * c + a[10] * d + a[14] * e;this.w = a[3] * b + a[7] * c + a[11] * d + a[15] * e;return this;\n }, divideScalar: function divideScalar(a) {\n return this.multiplyScalar(1 / a);\n }, setAxisAngleFromQuaternion: function setAxisAngleFromQuaternion(a) {\n this.w = 2 * Math.acos(a.w);var b = Math.sqrt(1 - a.w * a.w);1E-4 > b ? (this.x = 1, this.z = this.y = 0) : (this.x = a.x / b, this.y = a.y / b, this.z = a.z / b);return this;\n }, setAxisAngleFromRotationMatrix: function setAxisAngleFromRotationMatrix(a) {\n a = a.elements;var b = a[0];var c = a[4];var d = a[8],\n e = a[1],\n f = a[5],\n g = a[9];var h = a[2];var k = a[6];var m = a[10];if (.01 > Math.abs(c - e) && .01 > Math.abs(d - h) && .01 > Math.abs(g - k)) {\n if (.1 > Math.abs(c + e) && .1 > Math.abs(d + h) && .1 > Math.abs(g + k) && .1 > Math.abs(b + f + m - 3)) return this.set(1, 0, 0, 0), this;a = Math.PI;b = (b + 1) / 2;f = (f + 1) / 2;m = (m + 1) / 2;c = (c + e) / 4;d = (d + h) / 4;g = (g + k) / 4;b > f && b > m ? .01 > b ? (k = 0, c = h = .707106781) : (k = Math.sqrt(b), h = c / k, c = d / k) : f > m ? .01 > f ? (k = .707106781, h = 0, c = .707106781) : (h = Math.sqrt(f), k = c / h, c = g / h) : .01 > m ? (h = k = .707106781, c = 0) : (c = Math.sqrt(m), k = d / c, h = g / c);this.set(k, h, c, a);return this;\n }a = Math.sqrt((k - g) * (k - g) + (d - h) * (d - h) + (e - c) * (e - c));.001 > Math.abs(a) && (a = 1);this.x = (k - g) / a;this.y = (d - h) / a;this.z = (e - c) / a;\n this.w = Math.acos((b + f + m - 1) / 2);return this;\n }, min: function min(a) {\n this.x = Math.min(this.x, a.x);this.y = Math.min(this.y, a.y);this.z = Math.min(this.z, a.z);this.w = Math.min(this.w, a.w);return this;\n }, max: function max(a) {\n this.x = Math.max(this.x, a.x);this.y = Math.max(this.y, a.y);this.z = Math.max(this.z, a.z);this.w = Math.max(this.w, a.w);return this;\n }, clamp: function clamp(a, b) {\n this.x = Math.max(a.x, Math.min(b.x, this.x));this.y = Math.max(a.y, Math.min(b.y, this.y));this.z = Math.max(a.z, Math.min(b.z, this.z));this.w = Math.max(a.w, Math.min(b.w, this.w));return this;\n }, clampScalar: function () {\n var a, b;return function (c, d) {\n void 0 === a && (a = new ba(), b = new ba());a.set(c, c, c, c);b.set(d, d, d, d);return this.clamp(a, b);\n };\n }(), clampLength: function clampLength(a, b) {\n var c = this.length();return this.divideScalar(c || 1).multiplyScalar(Math.max(a, Math.min(b, c)));\n }, floor: function floor() {\n this.x = Math.floor(this.x);this.y = Math.floor(this.y);this.z = Math.floor(this.z);this.w = Math.floor(this.w);return this;\n }, ceil: function ceil() {\n this.x = Math.ceil(this.x);this.y = Math.ceil(this.y);this.z = Math.ceil(this.z);\n this.w = Math.ceil(this.w);return this;\n }, round: function round() {\n this.x = Math.round(this.x);this.y = Math.round(this.y);this.z = Math.round(this.z);this.w = Math.round(this.w);return this;\n }, roundToZero: function roundToZero() {\n this.x = 0 > this.x ? Math.ceil(this.x) : Math.floor(this.x);this.y = 0 > this.y ? Math.ceil(this.y) : Math.floor(this.y);this.z = 0 > this.z ? Math.ceil(this.z) : Math.floor(this.z);this.w = 0 > this.w ? Math.ceil(this.w) : Math.floor(this.w);return this;\n }, negate: function negate() {\n this.x = -this.x;this.y = -this.y;this.z = -this.z;this.w = -this.w;return this;\n },\n dot: function dot(a) {\n return this.x * a.x + this.y * a.y + this.z * a.z + this.w * a.w;\n }, lengthSq: function lengthSq() {\n return this.x * this.x + this.y * this.y + this.z * this.z + this.w * this.w;\n }, length: function length() {\n return Math.sqrt(this.x * this.x + this.y * this.y + this.z * this.z + this.w * this.w);\n }, manhattanLength: function manhattanLength() {\n return Math.abs(this.x) + Math.abs(this.y) + Math.abs(this.z) + Math.abs(this.w);\n }, normalize: function normalize() {\n return this.divideScalar(this.length() || 1);\n }, setLength: function setLength(a) {\n return this.normalize().multiplyScalar(a);\n }, lerp: function lerp(a, b) {\n this.x += (a.x - this.x) * b;this.y += (a.y - this.y) * b;this.z += (a.z - this.z) * b;this.w += (a.w - this.w) * b;return this;\n }, lerpVectors: function lerpVectors(a, b, c) {\n return this.subVectors(b, a).multiplyScalar(c).add(a);\n }, equals: function equals(a) {\n return a.x === this.x && a.y === this.y && a.z === this.z && a.w === this.w;\n }, fromArray: function fromArray(a, b) {\n void 0 === b && (b = 0);this.x = a[b];this.y = a[b + 1];this.z = a[b + 2];this.w = a[b + 3];return this;\n }, toArray: function toArray$$1(a, b) {\n void 0 === a && (a = []);void 0 === b && (b = 0);a[b] = this.x;a[b + 1] = this.y;a[b + 2] = this.z;a[b + 3] = this.w;return a;\n }, fromBufferAttribute: function fromBufferAttribute(a, b, c) {\n void 0 !== c && console.warn(\"THREE.Vector4: offset has been removed from .fromBufferAttribute().\");this.x = a.getX(b);this.y = a.getY(b);this.z = a.getZ(b);this.w = a.getW(b);return this;\n } });Sa.prototype = Object.assign(Object.create(ka.prototype), { constructor: Sa, isWebGLRenderTarget: !0, setSize: function setSize(a, b) {\n if (this.width !== a || this.height !== b) this.width = a, this.height = b, this.dispose();this.viewport.set(0, 0, a, b);this.scissor.set(0, 0, a, b);\n }, clone: function clone() {\n return new this.constructor().copy(this);\n }, copy: function copy(a) {\n this.width = a.width;this.height = a.height;this.viewport.copy(a.viewport);this.texture = a.texture.clone();this.depthBuffer = a.depthBuffer;this.stencilBuffer = a.stencilBuffer;this.depthTexture = a.depthTexture;return this;\n }, dispose: function dispose() {\n this.dispatchEvent({ type: \"dispose\" });\n } });$d.prototype = Object.assign(Object.create(Sa.prototype), { constructor: $d, isWebGLMultisampleRenderTarget: !0, copy: function copy(a) {\n Sa.prototype.copy.call(this, a);this.samples = a.samples;return this;\n } });mb.prototype = Object.create(Sa.prototype);mb.prototype.constructor = mb;mb.prototype.isWebGLRenderTargetCube = !0;nb.prototype = Object.create(S.prototype);nb.prototype.constructor = nb;nb.prototype.isDataTexture = !0;Object.assign(Ha.prototype, { isBox3: !0, set: function set$$1(a, b) {\n this.min.copy(a);this.max.copy(b);return this;\n }, setFromArray: function setFromArray(a) {\n for (var b = Infinity, c = Infinity, d = Infinity, e = -Infinity, f = -Infinity, g = -Infinity, h = 0, k = a.length; h < k; h += 3) {\n var m = a[h],\n l = a[h + 1],\n q = a[h + 2];m < b && (b = m);l < c && (c = l);q < d && (d = q);m > e && (e = m);l > f && (f = l);q > g && (g = q);\n }this.min.set(b, c, d);this.max.set(e, f, g);return this;\n }, setFromBufferAttribute: function setFromBufferAttribute(a) {\n for (var b = Infinity, c = Infinity, d = Infinity, e = -Infinity, f = -Infinity, g = -Infinity, h = 0, k = a.count; h < k; h++) {\n var m = a.getX(h),\n l = a.getY(h),\n q = a.getZ(h);m < b && (b = m);l < c && (c = l);q < d && (d = q);m > e && (e = m);l > f && (f = l);q > g && (g = q);\n }this.min.set(b, c, d);this.max.set(e, f, g);return this;\n }, setFromPoints: function setFromPoints(a) {\n this.makeEmpty();for (var b = 0, c = a.length; b < c; b++) {\n this.expandByPoint(a[b]);\n }return this;\n }, setFromCenterAndSize: function () {\n var a = new n();return function (b, c) {\n c = a.copy(c).multiplyScalar(.5);\n this.min.copy(b).sub(c);this.max.copy(b).add(c);return this;\n };\n }(), setFromObject: function setFromObject(a) {\n this.makeEmpty();return this.expandByObject(a);\n }, clone: function clone() {\n return new this.constructor().copy(this);\n }, copy: function copy(a) {\n this.min.copy(a.min);this.max.copy(a.max);return this;\n }, makeEmpty: function makeEmpty() {\n this.min.x = this.min.y = this.min.z = Infinity;this.max.x = this.max.y = this.max.z = -Infinity;return this;\n }, isEmpty: function isEmpty() {\n return this.max.x < this.min.x || this.max.y < this.min.y || this.max.z < this.min.z;\n }, getCenter: function getCenter(a) {\n void 0 === a && (console.warn(\"THREE.Box3: .getCenter() target is now required\"), a = new n());return this.isEmpty() ? a.set(0, 0, 0) : a.addVectors(this.min, this.max).multiplyScalar(.5);\n }, getSize: function getSize(a) {\n void 0 === a && (console.warn(\"THREE.Box3: .getSize() target is now required\"), a = new n());return this.isEmpty() ? a.set(0, 0, 0) : a.subVectors(this.max, this.min);\n }, expandByPoint: function expandByPoint(a) {\n this.min.min(a);this.max.max(a);return this;\n }, expandByVector: function expandByVector(a) {\n this.min.sub(a);this.max.add(a);return this;\n }, expandByScalar: function expandByScalar(a) {\n this.min.addScalar(-a);\n this.max.addScalar(a);return this;\n }, expandByObject: function () {\n function a(a) {\n var f = a.geometry;if (void 0 !== f) if (f.isGeometry) for (f = f.vertices, c = 0, d = f.length; c < d; c++) {\n e.copy(f[c]), e.applyMatrix4(a.matrixWorld), b.expandByPoint(e);\n } else if (f.isBufferGeometry && (f = f.attributes.position, void 0 !== f)) for (c = 0, d = f.count; c < d; c++) {\n e.fromBufferAttribute(f, c).applyMatrix4(a.matrixWorld), b.expandByPoint(e);\n }\n }var b,\n c,\n d,\n e = new n();return function (c) {\n b = this;c.updateMatrixWorld(!0);c.traverse(a);return this;\n };\n }(), containsPoint: function containsPoint(a) {\n return a.x < this.min.x || a.x > this.max.x || a.y < this.min.y || a.y > this.max.y || a.z < this.min.z || a.z > this.max.z ? !1 : !0;\n }, containsBox: function containsBox(a) {\n return this.min.x <= a.min.x && a.max.x <= this.max.x && this.min.y <= a.min.y && a.max.y <= this.max.y && this.min.z <= a.min.z && a.max.z <= this.max.z;\n }, getParameter: function getParameter(a, b) {\n void 0 === b && (console.warn(\"THREE.Box3: .getParameter() target is now required\"), b = new n());return b.set((a.x - this.min.x) / (this.max.x - this.min.x), (a.y - this.min.y) / (this.max.y - this.min.y), (a.z - this.min.z) / (this.max.z - this.min.z));\n },\n intersectsBox: function intersectsBox(a) {\n return a.max.x < this.min.x || a.min.x > this.max.x || a.max.y < this.min.y || a.min.y > this.max.y || a.max.z < this.min.z || a.min.z > this.max.z ? !1 : !0;\n }, intersectsSphere: function () {\n var a = new n();return function (b) {\n this.clampPoint(b.center, a);return a.distanceToSquared(b.center) <= b.radius * b.radius;\n };\n }(), intersectsPlane: function intersectsPlane(a) {\n if (0 < a.normal.x) {\n var b = a.normal.x * this.min.x;var c = a.normal.x * this.max.x;\n } else b = a.normal.x * this.max.x, c = a.normal.x * this.min.x;0 < a.normal.y ? (b += a.normal.y * this.min.y, c += a.normal.y * this.max.y) : (b += a.normal.y * this.max.y, c += a.normal.y * this.min.y);0 < a.normal.z ? (b += a.normal.z * this.min.z, c += a.normal.z * this.max.z) : (b += a.normal.z * this.max.z, c += a.normal.z * this.min.z);return b <= -a.constant && c >= -a.constant;\n }, intersectsTriangle: function () {\n function a(a) {\n var e;var f = 0;for (e = a.length - 3; f <= e; f += 3) {\n h.fromArray(a, f);var g = m.x * Math.abs(h.x) + m.y * Math.abs(h.y) + m.z * Math.abs(h.z),\n k = b.dot(h),\n l = c.dot(h),\n p = d.dot(h);if (Math.max(-Math.max(k, l, p), Math.min(k, l, p)) > g) return !1;\n }return !0;\n }var b = new n(),\n c = new n(),\n d = new n(),\n e = new n(),\n f = new n(),\n g = new n(),\n h = new n(),\n k = new n(),\n m = new n(),\n l = new n();return function (h) {\n if (this.isEmpty()) return !1;this.getCenter(k);m.subVectors(this.max, k);b.subVectors(h.a, k);c.subVectors(h.b, k);d.subVectors(h.c, k);e.subVectors(c, b);f.subVectors(d, c);g.subVectors(b, d);h = [0, -e.z, e.y, 0, -f.z, f.y, 0, -g.z, g.y, e.z, 0, -e.x, f.z, 0, -f.x, g.z, 0, -g.x, -e.y, e.x, 0, -f.y, f.x, 0, -g.y, g.x, 0];if (!a(h)) return !1;h = [1, 0, 0, 0, 1, 0, 0, 0, 1];if (!a(h)) return !1;l.crossVectors(e, f);h = [l.x, l.y, l.z];return a(h);\n };\n }(), clampPoint: function clampPoint(a, b) {\n void 0 === b && (console.warn(\"THREE.Box3: .clampPoint() target is now required\"), b = new n());return b.copy(a).clamp(this.min, this.max);\n }, distanceToPoint: function () {\n var a = new n();return function (b) {\n return a.copy(b).clamp(this.min, this.max).sub(b).length();\n };\n }(), getBoundingSphere: function () {\n var a = new n();return function (b) {\n void 0 === b && (console.warn(\"THREE.Box3: .getBoundingSphere() target is now required\"), b = new Ia());this.getCenter(b.center);b.radius = .5 * this.getSize(a).length();return b;\n };\n }(), intersect: function intersect(a) {\n this.min.max(a.min);\n this.max.min(a.max);this.isEmpty() && this.makeEmpty();return this;\n }, union: function union(a) {\n this.min.min(a.min);this.max.max(a.max);return this;\n }, applyMatrix4: function () {\n var a = [new n(), new n(), new n(), new n(), new n(), new n(), new n(), new n()];return function (b) {\n if (this.isEmpty()) return this;a[0].set(this.min.x, this.min.y, this.min.z).applyMatrix4(b);a[1].set(this.min.x, this.min.y, this.max.z).applyMatrix4(b);a[2].set(this.min.x, this.max.y, this.min.z).applyMatrix4(b);a[3].set(this.min.x, this.max.y, this.max.z).applyMatrix4(b);\n a[4].set(this.max.x, this.min.y, this.min.z).applyMatrix4(b);a[5].set(this.max.x, this.min.y, this.max.z).applyMatrix4(b);a[6].set(this.max.x, this.max.y, this.min.z).applyMatrix4(b);a[7].set(this.max.x, this.max.y, this.max.z).applyMatrix4(b);this.setFromPoints(a);return this;\n };\n }(), translate: function translate(a) {\n this.min.add(a);this.max.add(a);return this;\n }, equals: function equals(a) {\n return a.min.equals(this.min) && a.max.equals(this.max);\n } });Object.assign(Ia.prototype, { set: function set$$1(a, b) {\n this.center.copy(a);this.radius = b;return this;\n },\n setFromPoints: function () {\n var a = new Ha();return function (b, c) {\n var d = this.center;void 0 !== c ? d.copy(c) : a.setFromPoints(b).getCenter(d);for (var e = c = 0, f = b.length; e < f; e++) {\n c = Math.max(c, d.distanceToSquared(b[e]));\n }this.radius = Math.sqrt(c);return this;\n };\n }(), clone: function clone() {\n return new this.constructor().copy(this);\n }, copy: function copy(a) {\n this.center.copy(a.center);this.radius = a.radius;return this;\n }, empty: function empty() {\n return 0 >= this.radius;\n }, containsPoint: function containsPoint(a) {\n return a.distanceToSquared(this.center) <= this.radius * this.radius;\n },\n distanceToPoint: function distanceToPoint(a) {\n return a.distanceTo(this.center) - this.radius;\n }, intersectsSphere: function intersectsSphere(a) {\n var b = this.radius + a.radius;return a.center.distanceToSquared(this.center) <= b * b;\n }, intersectsBox: function intersectsBox(a) {\n return a.intersectsSphere(this);\n }, intersectsPlane: function intersectsPlane(a) {\n return Math.abs(a.distanceToPoint(this.center)) <= this.radius;\n }, clampPoint: function clampPoint(a, b) {\n var c = this.center.distanceToSquared(a);void 0 === b && (console.warn(\"THREE.Sphere: .clampPoint() target is now required\"), b = new n());b.copy(a);c > this.radius * this.radius && (b.sub(this.center).normalize(), b.multiplyScalar(this.radius).add(this.center));return b;\n }, getBoundingBox: function getBoundingBox(a) {\n void 0 === a && (console.warn(\"THREE.Sphere: .getBoundingBox() target is now required\"), a = new Ha());a.set(this.center, this.center);a.expandByScalar(this.radius);return a;\n }, applyMatrix4: function applyMatrix4(a) {\n this.center.applyMatrix4(a);this.radius *= a.getMaxScaleOnAxis();return this;\n }, translate: function translate(a) {\n this.center.add(a);return this;\n }, equals: function equals(a) {\n return a.center.equals(this.center) && a.radius === this.radius;\n } });Object.assign(Ta.prototype, { set: function set$$1(a, b) {\n this.normal.copy(a);this.constant = b;return this;\n }, setComponents: function setComponents(a, b, c, d) {\n this.normal.set(a, b, c);this.constant = d;return this;\n }, setFromNormalAndCoplanarPoint: function setFromNormalAndCoplanarPoint(a, b) {\n this.normal.copy(a);this.constant = -b.dot(this.normal);return this;\n }, setFromCoplanarPoints: function () {\n var a = new n(),\n b = new n();return function (c, d, e) {\n d = a.subVectors(e, d).cross(b.subVectors(c, d)).normalize();this.setFromNormalAndCoplanarPoint(d, c);return this;\n };\n }(),\n clone: function clone() {\n return new this.constructor().copy(this);\n }, copy: function copy(a) {\n this.normal.copy(a.normal);this.constant = a.constant;return this;\n }, normalize: function normalize() {\n var a = 1 / this.normal.length();this.normal.multiplyScalar(a);this.constant *= a;return this;\n }, negate: function negate() {\n this.constant *= -1;this.normal.negate();return this;\n }, distanceToPoint: function distanceToPoint(a) {\n return this.normal.dot(a) + this.constant;\n }, distanceToSphere: function distanceToSphere(a) {\n return this.distanceToPoint(a.center) - a.radius;\n }, projectPoint: function projectPoint(a, b) {\n void 0 === b && (console.warn(\"THREE.Plane: .projectPoint() target is now required\"), b = new n());return b.copy(this.normal).multiplyScalar(-this.distanceToPoint(a)).add(a);\n }, intersectLine: function () {\n var a = new n();return function (b, c) {\n void 0 === c && (console.warn(\"THREE.Plane: .intersectLine() target is now required\"), c = new n());var d = b.delta(a),\n e = this.normal.dot(d);if (0 === e) {\n if (0 === this.distanceToPoint(b.start)) return c.copy(b.start);\n } else if (e = -(b.start.dot(this.normal) + this.constant) / e, !(0 > e || 1 < e)) return c.copy(d).multiplyScalar(e).add(b.start);\n };\n }(),\n intersectsLine: function intersectsLine(a) {\n var b = this.distanceToPoint(a.start);a = this.distanceToPoint(a.end);return 0 > b && 0 < a || 0 > a && 0 < b;\n }, intersectsBox: function intersectsBox(a) {\n return a.intersectsPlane(this);\n }, intersectsSphere: function intersectsSphere(a) {\n return a.intersectsPlane(this);\n }, coplanarPoint: function coplanarPoint(a) {\n void 0 === a && (console.warn(\"THREE.Plane: .coplanarPoint() target is now required\"), a = new n());return a.copy(this.normal).multiplyScalar(-this.constant);\n }, applyMatrix4: function () {\n var a = new n(),\n b = new pa();return function (c, d) {\n d = d || b.getNormalMatrix(c);\n c = this.coplanarPoint(a).applyMatrix4(c);d = this.normal.applyMatrix3(d).normalize();this.constant = -c.dot(d);return this;\n };\n }(), translate: function translate(a) {\n this.constant -= a.dot(this.normal);return this;\n }, equals: function equals(a) {\n return a.normal.equals(this.normal) && a.constant === this.constant;\n } });Object.assign(vd.prototype, { set: function set$$1(a, b, c, d, e, f) {\n var g = this.planes;g[0].copy(a);g[1].copy(b);g[2].copy(c);g[3].copy(d);g[4].copy(e);g[5].copy(f);return this;\n }, clone: function clone() {\n return new this.constructor().copy(this);\n }, copy: function copy(a) {\n for (var b = this.planes, c = 0; 6 > c; c++) {\n b[c].copy(a.planes[c]);\n }return this;\n }, setFromMatrix: function setFromMatrix(a) {\n var b = this.planes,\n c = a.elements;a = c[0];var d = c[1],\n e = c[2],\n f = c[3],\n g = c[4],\n h = c[5],\n k = c[6],\n m = c[7],\n l = c[8],\n q = c[9],\n n = c[10],\n t = c[11],\n r = c[12],\n u = c[13],\n w = c[14];c = c[15];b[0].setComponents(f - a, m - g, t - l, c - r).normalize();b[1].setComponents(f + a, m + g, t + l, c + r).normalize();b[2].setComponents(f + d, m + h, t + q, c + u).normalize();b[3].setComponents(f - d, m - h, t - q, c - u).normalize();b[4].setComponents(f - e, m - k, t - n, c - w).normalize();b[5].setComponents(f + e, m + k, t + n, c + w).normalize();return this;\n }, intersectsObject: function () {\n var a = new Ia();return function (b) {\n var c = b.geometry;null === c.boundingSphere && c.computeBoundingSphere();a.copy(c.boundingSphere).applyMatrix4(b.matrixWorld);return this.intersectsSphere(a);\n };\n }(), intersectsSprite: function () {\n var a = new Ia();return function (b) {\n a.center.set(0, 0, 0);a.radius = .7071067811865476;a.applyMatrix4(b.matrixWorld);return this.intersectsSphere(a);\n };\n }(), intersectsSphere: function intersectsSphere(a) {\n var b = this.planes,\n c = a.center;a = -a.radius;for (var d = 0; 6 > d; d++) {\n if (b[d].distanceToPoint(c) < a) return !1;\n }return !0;\n }, intersectsBox: function () {\n var a = new n();return function (b) {\n for (var c = this.planes, d = 0; 6 > d; d++) {\n var e = c[d];a.x = 0 < e.normal.x ? b.max.x : b.min.x;a.y = 0 < e.normal.y ? b.max.y : b.min.y;a.z = 0 < e.normal.z ? b.max.z : b.min.z;if (0 > e.distanceToPoint(a)) return !1;\n }return !0;\n };\n }(), containsPoint: function containsPoint(a) {\n for (var b = this.planes, c = 0; 6 > c; c++) {\n if (0 > b[c].distanceToPoint(a)) return !1;\n }return !0;\n } });var V = { alphamap_fragment: \"#ifdef USE_ALPHAMAP\\n\\tdiffuseColor.a *= texture2D( alphaMap, vUv ).g;\\n#endif\",\n alphamap_pars_fragment: \"#ifdef USE_ALPHAMAP\\n\\tuniform sampler2D alphaMap;\\n#endif\", alphatest_fragment: \"#ifdef ALPHATEST\\n\\tif ( diffuseColor.a < ALPHATEST ) discard;\\n#endif\", aomap_fragment: \"#ifdef USE_AOMAP\\n\\tfloat ambientOcclusion = ( texture2D( aoMap, vUv2 ).r - 1.0 ) * aoMapIntensity + 1.0;\\n\\treflectedLight.indirectDiffuse *= ambientOcclusion;\\n\\t#if defined( USE_ENVMAP ) && defined( PHYSICAL )\\n\\t\\tfloat dotNV = saturate( dot( geometry.normal, geometry.viewDir ) );\\n\\t\\treflectedLight.indirectSpecular *= computeSpecularOcclusion( dotNV, ambientOcclusion, material.specularRoughness );\\n\\t#endif\\n#endif\",\n aomap_pars_fragment: \"#ifdef USE_AOMAP\\n\\tuniform sampler2D aoMap;\\n\\tuniform float aoMapIntensity;\\n#endif\", begin_vertex: \"vec3 transformed = vec3( position );\", beginnormal_vertex: \"vec3 objectNormal = vec3( normal );\\n#ifdef USE_TANGENT\\n\\tvec3 objectTangent = vec3( tangent.xyz );\\n#endif\", bsdfs: \"vec2 integrateSpecularBRDF( const in float dotNV, const in float roughness ) {\\n\\tconst vec4 c0 = vec4( - 1, - 0.0275, - 0.572, 0.022 );\\n\\tconst vec4 c1 = vec4( 1, 0.0425, 1.04, - 0.04 );\\n\\tvec4 r = roughness * c0 + c1;\\n\\tfloat a004 = min( r.x * r.x, exp2( - 9.28 * dotNV ) ) * r.x + r.y;\\n\\treturn vec2( -1.04, 1.04 ) * a004 + r.zw;\\n}\\nfloat punctualLightIntensityToIrradianceFactor( const in float lightDistance, const in float cutoffDistance, const in float decayExponent ) {\\n#if defined ( PHYSICALLY_CORRECT_LIGHTS )\\n\\tfloat distanceFalloff = 1.0 / max( pow( lightDistance, decayExponent ), 0.01 );\\n\\tif( cutoffDistance > 0.0 ) {\\n\\t\\tdistanceFalloff *= pow2( saturate( 1.0 - pow4( lightDistance / cutoffDistance ) ) );\\n\\t}\\n\\treturn distanceFalloff;\\n#else\\n\\tif( cutoffDistance > 0.0 && decayExponent > 0.0 ) {\\n\\t\\treturn pow( saturate( -lightDistance / cutoffDistance + 1.0 ), decayExponent );\\n\\t}\\n\\treturn 1.0;\\n#endif\\n}\\nvec3 BRDF_Diffuse_Lambert( const in vec3 diffuseColor ) {\\n\\treturn RECIPROCAL_PI * diffuseColor;\\n}\\nvec3 F_Schlick( const in vec3 specularColor, const in float dotLH ) {\\n\\tfloat fresnel = exp2( ( -5.55473 * dotLH - 6.98316 ) * dotLH );\\n\\treturn ( 1.0 - specularColor ) * fresnel + specularColor;\\n}\\nfloat G_GGX_Smith( const in float alpha, const in float dotNL, const in float dotNV ) {\\n\\tfloat a2 = pow2( alpha );\\n\\tfloat gl = dotNL + sqrt( a2 + ( 1.0 - a2 ) * pow2( dotNL ) );\\n\\tfloat gv = dotNV + sqrt( a2 + ( 1.0 - a2 ) * pow2( dotNV ) );\\n\\treturn 1.0 / ( gl * gv );\\n}\\nfloat G_GGX_SmithCorrelated( const in float alpha, const in float dotNL, const in float dotNV ) {\\n\\tfloat a2 = pow2( alpha );\\n\\tfloat gv = dotNL * sqrt( a2 + ( 1.0 - a2 ) * pow2( dotNV ) );\\n\\tfloat gl = dotNV * sqrt( a2 + ( 1.0 - a2 ) * pow2( dotNL ) );\\n\\treturn 0.5 / max( gv + gl, EPSILON );\\n}\\nfloat D_GGX( const in float alpha, const in float dotNH ) {\\n\\tfloat a2 = pow2( alpha );\\n\\tfloat denom = pow2( dotNH ) * ( a2 - 1.0 ) + 1.0;\\n\\treturn RECIPROCAL_PI * a2 / pow2( denom );\\n}\\nvec3 BRDF_Specular_GGX( const in IncidentLight incidentLight, const in GeometricContext geometry, const in vec3 specularColor, const in float roughness ) {\\n\\tfloat alpha = pow2( roughness );\\n\\tvec3 halfDir = normalize( incidentLight.direction + geometry.viewDir );\\n\\tfloat dotNL = saturate( dot( geometry.normal, incidentLight.direction ) );\\n\\tfloat dotNV = saturate( dot( geometry.normal, geometry.viewDir ) );\\n\\tfloat dotNH = saturate( dot( geometry.normal, halfDir ) );\\n\\tfloat dotLH = saturate( dot( incidentLight.direction, halfDir ) );\\n\\tvec3 F = F_Schlick( specularColor, dotLH );\\n\\tfloat G = G_GGX_SmithCorrelated( alpha, dotNL, dotNV );\\n\\tfloat D = D_GGX( alpha, dotNH );\\n\\treturn F * ( G * D );\\n}\\nvec2 LTC_Uv( const in vec3 N, const in vec3 V, const in float roughness ) {\\n\\tconst float LUT_SIZE = 64.0;\\n\\tconst float LUT_SCALE = ( LUT_SIZE - 1.0 ) / LUT_SIZE;\\n\\tconst float LUT_BIAS = 0.5 / LUT_SIZE;\\n\\tfloat dotNV = saturate( dot( N, V ) );\\n\\tvec2 uv = vec2( roughness, sqrt( 1.0 - dotNV ) );\\n\\tuv = uv * LUT_SCALE + LUT_BIAS;\\n\\treturn uv;\\n}\\nfloat LTC_ClippedSphereFormFactor( const in vec3 f ) {\\n\\tfloat l = length( f );\\n\\treturn max( ( l * l + f.z ) / ( l + 1.0 ), 0.0 );\\n}\\nvec3 LTC_EdgeVectorFormFactor( const in vec3 v1, const in vec3 v2 ) {\\n\\tfloat x = dot( v1, v2 );\\n\\tfloat y = abs( x );\\n\\tfloat a = 0.8543985 + ( 0.4965155 + 0.0145206 * y ) * y;\\n\\tfloat b = 3.4175940 + ( 4.1616724 + y ) * y;\\n\\tfloat v = a / b;\\n\\tfloat theta_sintheta = ( x > 0.0 ) ? v : 0.5 * inversesqrt( max( 1.0 - x * x, 1e-7 ) ) - v;\\n\\treturn cross( v1, v2 ) * theta_sintheta;\\n}\\nvec3 LTC_Evaluate( const in vec3 N, const in vec3 V, const in vec3 P, const in mat3 mInv, const in vec3 rectCoords[ 4 ] ) {\\n\\tvec3 v1 = rectCoords[ 1 ] - rectCoords[ 0 ];\\n\\tvec3 v2 = rectCoords[ 3 ] - rectCoords[ 0 ];\\n\\tvec3 lightNormal = cross( v1, v2 );\\n\\tif( dot( lightNormal, P - rectCoords[ 0 ] ) < 0.0 ) return vec3( 0.0 );\\n\\tvec3 T1, T2;\\n\\tT1 = normalize( V - N * dot( V, N ) );\\n\\tT2 = - cross( N, T1 );\\n\\tmat3 mat = mInv * transposeMat3( mat3( T1, T2, N ) );\\n\\tvec3 coords[ 4 ];\\n\\tcoords[ 0 ] = mat * ( rectCoords[ 0 ] - P );\\n\\tcoords[ 1 ] = mat * ( rectCoords[ 1 ] - P );\\n\\tcoords[ 2 ] = mat * ( rectCoords[ 2 ] - P );\\n\\tcoords[ 3 ] = mat * ( rectCoords[ 3 ] - P );\\n\\tcoords[ 0 ] = normalize( coords[ 0 ] );\\n\\tcoords[ 1 ] = normalize( coords[ 1 ] );\\n\\tcoords[ 2 ] = normalize( coords[ 2 ] );\\n\\tcoords[ 3 ] = normalize( coords[ 3 ] );\\n\\tvec3 vectorFormFactor = vec3( 0.0 );\\n\\tvectorFormFactor += LTC_EdgeVectorFormFactor( coords[ 0 ], coords[ 1 ] );\\n\\tvectorFormFactor += LTC_EdgeVectorFormFactor( coords[ 1 ], coords[ 2 ] );\\n\\tvectorFormFactor += LTC_EdgeVectorFormFactor( coords[ 2 ], coords[ 3 ] );\\n\\tvectorFormFactor += LTC_EdgeVectorFormFactor( coords[ 3 ], coords[ 0 ] );\\n\\tfloat result = LTC_ClippedSphereFormFactor( vectorFormFactor );\\n\\treturn vec3( result );\\n}\\nvec3 BRDF_Specular_GGX_Environment( const in GeometricContext geometry, const in vec3 specularColor, const in float roughness ) {\\n\\tfloat dotNV = saturate( dot( geometry.normal, geometry.viewDir ) );\\n\\tvec2 brdf = integrateSpecularBRDF( dotNV, roughness );\\n\\treturn specularColor * brdf.x + brdf.y;\\n}\\nvoid BRDF_Specular_Multiscattering_Environment( const in GeometricContext geometry, const in vec3 specularColor, const in float roughness, inout vec3 singleScatter, inout vec3 multiScatter ) {\\n\\tfloat dotNV = saturate( dot( geometry.normal, geometry.viewDir ) );\\n\\tvec3 F = F_Schlick( specularColor, dotNV );\\n\\tvec2 brdf = integrateSpecularBRDF( dotNV, roughness );\\n\\tvec3 FssEss = F * brdf.x + brdf.y;\\n\\tfloat Ess = brdf.x + brdf.y;\\n\\tfloat Ems = 1.0 - Ess;\\n\\tvec3 Favg = specularColor + ( 1.0 - specularColor ) * 0.047619;\\tvec3 Fms = FssEss * Favg / ( 1.0 - Ems * Favg );\\n\\tsingleScatter += FssEss;\\n\\tmultiScatter += Fms * Ems;\\n}\\nfloat G_BlinnPhong_Implicit( ) {\\n\\treturn 0.25;\\n}\\nfloat D_BlinnPhong( const in float shininess, const in float dotNH ) {\\n\\treturn RECIPROCAL_PI * ( shininess * 0.5 + 1.0 ) * pow( dotNH, shininess );\\n}\\nvec3 BRDF_Specular_BlinnPhong( const in IncidentLight incidentLight, const in GeometricContext geometry, const in vec3 specularColor, const in float shininess ) {\\n\\tvec3 halfDir = normalize( incidentLight.direction + geometry.viewDir );\\n\\tfloat dotNH = saturate( dot( geometry.normal, halfDir ) );\\n\\tfloat dotLH = saturate( dot( incidentLight.direction, halfDir ) );\\n\\tvec3 F = F_Schlick( specularColor, dotLH );\\n\\tfloat G = G_BlinnPhong_Implicit( );\\n\\tfloat D = D_BlinnPhong( shininess, dotNH );\\n\\treturn F * ( G * D );\\n}\\nfloat GGXRoughnessToBlinnExponent( const in float ggxRoughness ) {\\n\\treturn ( 2.0 / pow2( ggxRoughness + 0.0001 ) - 2.0 );\\n}\\nfloat BlinnExponentToGGXRoughness( const in float blinnExponent ) {\\n\\treturn sqrt( 2.0 / ( blinnExponent + 2.0 ) );\\n}\",\n bumpmap_pars_fragment: \"#ifdef USE_BUMPMAP\\n\\tuniform sampler2D bumpMap;\\n\\tuniform float bumpScale;\\n\\tvec2 dHdxy_fwd() {\\n\\t\\tvec2 dSTdx = dFdx( vUv );\\n\\t\\tvec2 dSTdy = dFdy( vUv );\\n\\t\\tfloat Hll = bumpScale * texture2D( bumpMap, vUv ).x;\\n\\t\\tfloat dBx = bumpScale * texture2D( bumpMap, vUv + dSTdx ).x - Hll;\\n\\t\\tfloat dBy = bumpScale * texture2D( bumpMap, vUv + dSTdy ).x - Hll;\\n\\t\\treturn vec2( dBx, dBy );\\n\\t}\\n\\tvec3 perturbNormalArb( vec3 surf_pos, vec3 surf_norm, vec2 dHdxy ) {\\n\\t\\tvec3 vSigmaX = vec3( dFdx( surf_pos.x ), dFdx( surf_pos.y ), dFdx( surf_pos.z ) );\\n\\t\\tvec3 vSigmaY = vec3( dFdy( surf_pos.x ), dFdy( surf_pos.y ), dFdy( surf_pos.z ) );\\n\\t\\tvec3 vN = surf_norm;\\n\\t\\tvec3 R1 = cross( vSigmaY, vN );\\n\\t\\tvec3 R2 = cross( vN, vSigmaX );\\n\\t\\tfloat fDet = dot( vSigmaX, R1 );\\n\\t\\tfDet *= ( float( gl_FrontFacing ) * 2.0 - 1.0 );\\n\\t\\tvec3 vGrad = sign( fDet ) * ( dHdxy.x * R1 + dHdxy.y * R2 );\\n\\t\\treturn normalize( abs( fDet ) * surf_norm - vGrad );\\n\\t}\\n#endif\",\n clipping_planes_fragment: \"#if NUM_CLIPPING_PLANES > 0\\n\\tvec4 plane;\\n\\t#pragma unroll_loop\\n\\tfor ( int i = 0; i < UNION_CLIPPING_PLANES; i ++ ) {\\n\\t\\tplane = clippingPlanes[ i ];\\n\\t\\tif ( dot( vViewPosition, plane.xyz ) > plane.w ) discard;\\n\\t}\\n\\t#if UNION_CLIPPING_PLANES < NUM_CLIPPING_PLANES\\n\\t\\tbool clipped = true;\\n\\t\\t#pragma unroll_loop\\n\\t\\tfor ( int i = UNION_CLIPPING_PLANES; i < NUM_CLIPPING_PLANES; i ++ ) {\\n\\t\\t\\tplane = clippingPlanes[ i ];\\n\\t\\t\\tclipped = ( dot( vViewPosition, plane.xyz ) > plane.w ) && clipped;\\n\\t\\t}\\n\\t\\tif ( clipped ) discard;\\n\\t#endif\\n#endif\",\n clipping_planes_pars_fragment: \"#if NUM_CLIPPING_PLANES > 0\\n\\t#if ! defined( PHYSICAL ) && ! defined( PHONG ) && ! defined( MATCAP )\\n\\t\\tvarying vec3 vViewPosition;\\n\\t#endif\\n\\tuniform vec4 clippingPlanes[ NUM_CLIPPING_PLANES ];\\n#endif\", clipping_planes_pars_vertex: \"#if NUM_CLIPPING_PLANES > 0 && ! defined( PHYSICAL ) && ! defined( PHONG ) && ! defined( MATCAP )\\n\\tvarying vec3 vViewPosition;\\n#endif\", clipping_planes_vertex: \"#if NUM_CLIPPING_PLANES > 0 && ! defined( PHYSICAL ) && ! defined( PHONG ) && ! defined( MATCAP )\\n\\tvViewPosition = - mvPosition.xyz;\\n#endif\",\n color_fragment: \"#ifdef USE_COLOR\\n\\tdiffuseColor.rgb *= vColor;\\n#endif\", color_pars_fragment: \"#ifdef USE_COLOR\\n\\tvarying vec3 vColor;\\n#endif\", color_pars_vertex: \"#ifdef USE_COLOR\\n\\tvarying vec3 vColor;\\n#endif\", color_vertex: \"#ifdef USE_COLOR\\n\\tvColor.xyz = color.xyz;\\n#endif\", common: \"#define PI 3.14159265359\\n#define PI2 6.28318530718\\n#define PI_HALF 1.5707963267949\\n#define RECIPROCAL_PI 0.31830988618\\n#define RECIPROCAL_PI2 0.15915494\\n#define LOG2 1.442695\\n#define EPSILON 1e-6\\n#define saturate(a) clamp( a, 0.0, 1.0 )\\n#define whiteCompliment(a) ( 1.0 - saturate( a ) )\\nfloat pow2( const in float x ) { return x*x; }\\nfloat pow3( const in float x ) { return x*x*x; }\\nfloat pow4( const in float x ) { float x2 = x*x; return x2*x2; }\\nfloat average( const in vec3 color ) { return dot( color, vec3( 0.3333 ) ); }\\nhighp float rand( const in vec2 uv ) {\\n\\tconst highp float a = 12.9898, b = 78.233, c = 43758.5453;\\n\\thighp float dt = dot( uv.xy, vec2( a,b ) ), sn = mod( dt, PI );\\n\\treturn fract(sin(sn) * c);\\n}\\nstruct IncidentLight {\\n\\tvec3 color;\\n\\tvec3 direction;\\n\\tbool visible;\\n};\\nstruct ReflectedLight {\\n\\tvec3 directDiffuse;\\n\\tvec3 directSpecular;\\n\\tvec3 indirectDiffuse;\\n\\tvec3 indirectSpecular;\\n};\\nstruct GeometricContext {\\n\\tvec3 position;\\n\\tvec3 normal;\\n\\tvec3 viewDir;\\n};\\nvec3 transformDirection( in vec3 dir, in mat4 matrix ) {\\n\\treturn normalize( ( matrix * vec4( dir, 0.0 ) ).xyz );\\n}\\nvec3 inverseTransformDirection( in vec3 dir, in mat4 matrix ) {\\n\\treturn normalize( ( vec4( dir, 0.0 ) * matrix ).xyz );\\n}\\nvec3 projectOnPlane(in vec3 point, in vec3 pointOnPlane, in vec3 planeNormal ) {\\n\\tfloat distance = dot( planeNormal, point - pointOnPlane );\\n\\treturn - distance * planeNormal + point;\\n}\\nfloat sideOfPlane( in vec3 point, in vec3 pointOnPlane, in vec3 planeNormal ) {\\n\\treturn sign( dot( point - pointOnPlane, planeNormal ) );\\n}\\nvec3 linePlaneIntersect( in vec3 pointOnLine, in vec3 lineDirection, in vec3 pointOnPlane, in vec3 planeNormal ) {\\n\\treturn lineDirection * ( dot( planeNormal, pointOnPlane - pointOnLine ) / dot( planeNormal, lineDirection ) ) + pointOnLine;\\n}\\nmat3 transposeMat3( const in mat3 m ) {\\n\\tmat3 tmp;\\n\\ttmp[ 0 ] = vec3( m[ 0 ].x, m[ 1 ].x, m[ 2 ].x );\\n\\ttmp[ 1 ] = vec3( m[ 0 ].y, m[ 1 ].y, m[ 2 ].y );\\n\\ttmp[ 2 ] = vec3( m[ 0 ].z, m[ 1 ].z, m[ 2 ].z );\\n\\treturn tmp;\\n}\\nfloat linearToRelativeLuminance( const in vec3 color ) {\\n\\tvec3 weights = vec3( 0.2126, 0.7152, 0.0722 );\\n\\treturn dot( weights, color.rgb );\\n}\",\n cube_uv_reflection_fragment: \"#ifdef ENVMAP_TYPE_CUBE_UV\\n#define cubeUV_textureSize (1024.0)\\nint getFaceFromDirection(vec3 direction) {\\n\\tvec3 absDirection = abs(direction);\\n\\tint face = -1;\\n\\tif( absDirection.x > absDirection.z ) {\\n\\t\\tif(absDirection.x > absDirection.y )\\n\\t\\t\\tface = direction.x > 0.0 ? 0 : 3;\\n\\t\\telse\\n\\t\\t\\tface = direction.y > 0.0 ? 1 : 4;\\n\\t}\\n\\telse {\\n\\t\\tif(absDirection.z > absDirection.y )\\n\\t\\t\\tface = direction.z > 0.0 ? 2 : 5;\\n\\t\\telse\\n\\t\\t\\tface = direction.y > 0.0 ? 1 : 4;\\n\\t}\\n\\treturn face;\\n}\\n#define cubeUV_maxLods1 (log2(cubeUV_textureSize*0.25) - 1.0)\\n#define cubeUV_rangeClamp (exp2((6.0 - 1.0) * 2.0))\\nvec2 MipLevelInfo( vec3 vec, float roughnessLevel, float roughness ) {\\n\\tfloat scale = exp2(cubeUV_maxLods1 - roughnessLevel);\\n\\tfloat dxRoughness = dFdx(roughness);\\n\\tfloat dyRoughness = dFdy(roughness);\\n\\tvec3 dx = dFdx( vec * scale * dxRoughness );\\n\\tvec3 dy = dFdy( vec * scale * dyRoughness );\\n\\tfloat d = max( dot( dx, dx ), dot( dy, dy ) );\\n\\td = clamp(d, 1.0, cubeUV_rangeClamp);\\n\\tfloat mipLevel = 0.5 * log2(d);\\n\\treturn vec2(floor(mipLevel), fract(mipLevel));\\n}\\n#define cubeUV_maxLods2 (log2(cubeUV_textureSize*0.25) - 2.0)\\n#define cubeUV_rcpTextureSize (1.0 / cubeUV_textureSize)\\nvec2 getCubeUV(vec3 direction, float roughnessLevel, float mipLevel) {\\n\\tmipLevel = roughnessLevel > cubeUV_maxLods2 - 3.0 ? 0.0 : mipLevel;\\n\\tfloat a = 16.0 * cubeUV_rcpTextureSize;\\n\\tvec2 exp2_packed = exp2( vec2( roughnessLevel, mipLevel ) );\\n\\tvec2 rcp_exp2_packed = vec2( 1.0 ) / exp2_packed;\\n\\tfloat powScale = exp2_packed.x * exp2_packed.y;\\n\\tfloat scale = rcp_exp2_packed.x * rcp_exp2_packed.y * 0.25;\\n\\tfloat mipOffset = 0.75*(1.0 - rcp_exp2_packed.y) * rcp_exp2_packed.x;\\n\\tbool bRes = mipLevel == 0.0;\\n\\tscale = bRes && (scale < a) ? a : scale;\\n\\tvec3 r;\\n\\tvec2 offset;\\n\\tint face = getFaceFromDirection(direction);\\n\\tfloat rcpPowScale = 1.0 / powScale;\\n\\tif( face == 0) {\\n\\t\\tr = vec3(direction.x, -direction.z, direction.y);\\n\\t\\toffset = vec2(0.0+mipOffset,0.75 * rcpPowScale);\\n\\t\\toffset.y = bRes && (offset.y < 2.0*a) ? a : offset.y;\\n\\t}\\n\\telse if( face == 1) {\\n\\t\\tr = vec3(direction.y, direction.x, direction.z);\\n\\t\\toffset = vec2(scale+mipOffset, 0.75 * rcpPowScale);\\n\\t\\toffset.y = bRes && (offset.y < 2.0*a) ? a : offset.y;\\n\\t}\\n\\telse if( face == 2) {\\n\\t\\tr = vec3(direction.z, direction.x, direction.y);\\n\\t\\toffset = vec2(2.0*scale+mipOffset, 0.75 * rcpPowScale);\\n\\t\\toffset.y = bRes && (offset.y < 2.0*a) ? a : offset.y;\\n\\t}\\n\\telse if( face == 3) {\\n\\t\\tr = vec3(direction.x, direction.z, direction.y);\\n\\t\\toffset = vec2(0.0+mipOffset,0.5 * rcpPowScale);\\n\\t\\toffset.y = bRes && (offset.y < 2.0*a) ? 0.0 : offset.y;\\n\\t}\\n\\telse if( face == 4) {\\n\\t\\tr = vec3(direction.y, direction.x, -direction.z);\\n\\t\\toffset = vec2(scale+mipOffset, 0.5 * rcpPowScale);\\n\\t\\toffset.y = bRes && (offset.y < 2.0*a) ? 0.0 : offset.y;\\n\\t}\\n\\telse {\\n\\t\\tr = vec3(direction.z, -direction.x, direction.y);\\n\\t\\toffset = vec2(2.0*scale+mipOffset, 0.5 * rcpPowScale);\\n\\t\\toffset.y = bRes && (offset.y < 2.0*a) ? 0.0 : offset.y;\\n\\t}\\n\\tr = normalize(r);\\n\\tfloat texelOffset = 0.5 * cubeUV_rcpTextureSize;\\n\\tvec2 s = ( r.yz / abs( r.x ) + vec2( 1.0 ) ) * 0.5;\\n\\tvec2 base = offset + vec2( texelOffset );\\n\\treturn base + s * ( scale - 2.0 * texelOffset );\\n}\\n#define cubeUV_maxLods3 (log2(cubeUV_textureSize*0.25) - 3.0)\\nvec4 textureCubeUV( sampler2D envMap, vec3 reflectedDirection, float roughness ) {\\n\\tfloat roughnessVal = roughness* cubeUV_maxLods3;\\n\\tfloat r1 = floor(roughnessVal);\\n\\tfloat r2 = r1 + 1.0;\\n\\tfloat t = fract(roughnessVal);\\n\\tvec2 mipInfo = MipLevelInfo(reflectedDirection, r1, roughness);\\n\\tfloat s = mipInfo.y;\\n\\tfloat level0 = mipInfo.x;\\n\\tfloat level1 = level0 + 1.0;\\n\\tlevel1 = level1 > 5.0 ? 5.0 : level1;\\n\\tlevel0 += min( floor( s + 0.5 ), 5.0 );\\n\\tvec2 uv_10 = getCubeUV(reflectedDirection, r1, level0);\\n\\tvec4 color10 = envMapTexelToLinear(texture2D(envMap, uv_10));\\n\\tvec2 uv_20 = getCubeUV(reflectedDirection, r2, level0);\\n\\tvec4 color20 = envMapTexelToLinear(texture2D(envMap, uv_20));\\n\\tvec4 result = mix(color10, color20, t);\\n\\treturn vec4(result.rgb, 1.0);\\n}\\n#endif\",\n defaultnormal_vertex: \"vec3 transformedNormal = normalMatrix * objectNormal;\\n#ifdef FLIP_SIDED\\n\\ttransformedNormal = - transformedNormal;\\n#endif\\n#ifdef USE_TANGENT\\n\\tvec3 transformedTangent = normalMatrix * objectTangent;\\n\\t#ifdef FLIP_SIDED\\n\\t\\ttransformedTangent = - transformedTangent;\\n\\t#endif\\n#endif\", displacementmap_pars_vertex: \"#ifdef USE_DISPLACEMENTMAP\\n\\tuniform sampler2D displacementMap;\\n\\tuniform float displacementScale;\\n\\tuniform float displacementBias;\\n#endif\", displacementmap_vertex: \"#ifdef USE_DISPLACEMENTMAP\\n\\ttransformed += normalize( objectNormal ) * ( texture2D( displacementMap, uv ).x * displacementScale + displacementBias );\\n#endif\",\n emissivemap_fragment: \"#ifdef USE_EMISSIVEMAP\\n\\tvec4 emissiveColor = texture2D( emissiveMap, vUv );\\n\\temissiveColor.rgb = emissiveMapTexelToLinear( emissiveColor ).rgb;\\n\\ttotalEmissiveRadiance *= emissiveColor.rgb;\\n#endif\", emissivemap_pars_fragment: \"#ifdef USE_EMISSIVEMAP\\n\\tuniform sampler2D emissiveMap;\\n#endif\", encodings_fragment: \"gl_FragColor = linearToOutputTexel( gl_FragColor );\", encodings_pars_fragment: \"\\nvec4 LinearToLinear( in vec4 value ) {\\n\\treturn value;\\n}\\nvec4 GammaToLinear( in vec4 value, in float gammaFactor ) {\\n\\treturn vec4( pow( value.rgb, vec3( gammaFactor ) ), value.a );\\n}\\nvec4 LinearToGamma( in vec4 value, in float gammaFactor ) {\\n\\treturn vec4( pow( value.rgb, vec3( 1.0 / gammaFactor ) ), value.a );\\n}\\nvec4 sRGBToLinear( in vec4 value ) {\\n\\treturn vec4( mix( pow( value.rgb * 0.9478672986 + vec3( 0.0521327014 ), vec3( 2.4 ) ), value.rgb * 0.0773993808, vec3( lessThanEqual( value.rgb, vec3( 0.04045 ) ) ) ), value.a );\\n}\\nvec4 LinearTosRGB( in vec4 value ) {\\n\\treturn vec4( mix( pow( value.rgb, vec3( 0.41666 ) ) * 1.055 - vec3( 0.055 ), value.rgb * 12.92, vec3( lessThanEqual( value.rgb, vec3( 0.0031308 ) ) ) ), value.a );\\n}\\nvec4 RGBEToLinear( in vec4 value ) {\\n\\treturn vec4( value.rgb * exp2( value.a * 255.0 - 128.0 ), 1.0 );\\n}\\nvec4 LinearToRGBE( in vec4 value ) {\\n\\tfloat maxComponent = max( max( value.r, value.g ), value.b );\\n\\tfloat fExp = clamp( ceil( log2( maxComponent ) ), -128.0, 127.0 );\\n\\treturn vec4( value.rgb / exp2( fExp ), ( fExp + 128.0 ) / 255.0 );\\n}\\nvec4 RGBMToLinear( in vec4 value, in float maxRange ) {\\n\\treturn vec4( value.rgb * value.a * maxRange, 1.0 );\\n}\\nvec4 LinearToRGBM( in vec4 value, in float maxRange ) {\\n\\tfloat maxRGB = max( value.r, max( value.g, value.b ) );\\n\\tfloat M = clamp( maxRGB / maxRange, 0.0, 1.0 );\\n\\tM = ceil( M * 255.0 ) / 255.0;\\n\\treturn vec4( value.rgb / ( M * maxRange ), M );\\n}\\nvec4 RGBDToLinear( in vec4 value, in float maxRange ) {\\n\\treturn vec4( value.rgb * ( ( maxRange / 255.0 ) / value.a ), 1.0 );\\n}\\nvec4 LinearToRGBD( in vec4 value, in float maxRange ) {\\n\\tfloat maxRGB = max( value.r, max( value.g, value.b ) );\\n\\tfloat D = max( maxRange / maxRGB, 1.0 );\\n\\tD = min( floor( D ) / 255.0, 1.0 );\\n\\treturn vec4( value.rgb * ( D * ( 255.0 / maxRange ) ), D );\\n}\\nconst mat3 cLogLuvM = mat3( 0.2209, 0.3390, 0.4184, 0.1138, 0.6780, 0.7319, 0.0102, 0.1130, 0.2969 );\\nvec4 LinearToLogLuv( in vec4 value ) {\\n\\tvec3 Xp_Y_XYZp = cLogLuvM * value.rgb;\\n\\tXp_Y_XYZp = max( Xp_Y_XYZp, vec3( 1e-6, 1e-6, 1e-6 ) );\\n\\tvec4 vResult;\\n\\tvResult.xy = Xp_Y_XYZp.xy / Xp_Y_XYZp.z;\\n\\tfloat Le = 2.0 * log2(Xp_Y_XYZp.y) + 127.0;\\n\\tvResult.w = fract( Le );\\n\\tvResult.z = ( Le - ( floor( vResult.w * 255.0 ) ) / 255.0 ) / 255.0;\\n\\treturn vResult;\\n}\\nconst mat3 cLogLuvInverseM = mat3( 6.0014, -2.7008, -1.7996, -1.3320, 3.1029, -5.7721, 0.3008, -1.0882, 5.6268 );\\nvec4 LogLuvToLinear( in vec4 value ) {\\n\\tfloat Le = value.z * 255.0 + value.w;\\n\\tvec3 Xp_Y_XYZp;\\n\\tXp_Y_XYZp.y = exp2( ( Le - 127.0 ) / 2.0 );\\n\\tXp_Y_XYZp.z = Xp_Y_XYZp.y / value.y;\\n\\tXp_Y_XYZp.x = value.x * Xp_Y_XYZp.z;\\n\\tvec3 vRGB = cLogLuvInverseM * Xp_Y_XYZp.rgb;\\n\\treturn vec4( max( vRGB, 0.0 ), 1.0 );\\n}\",\n envmap_fragment: \"#ifdef USE_ENVMAP\\n\\t#if defined( USE_BUMPMAP ) || defined( USE_NORMALMAP ) || defined( PHONG )\\n\\t\\tvec3 cameraToVertex = normalize( vWorldPosition - cameraPosition );\\n\\t\\tvec3 worldNormal = inverseTransformDirection( normal, viewMatrix );\\n\\t\\t#ifdef ENVMAP_MODE_REFLECTION\\n\\t\\t\\tvec3 reflectVec = reflect( cameraToVertex, worldNormal );\\n\\t\\t#else\\n\\t\\t\\tvec3 reflectVec = refract( cameraToVertex, worldNormal, refractionRatio );\\n\\t\\t#endif\\n\\t#else\\n\\t\\tvec3 reflectVec = vReflect;\\n\\t#endif\\n\\t#ifdef ENVMAP_TYPE_CUBE\\n\\t\\tvec4 envColor = textureCube( envMap, vec3( flipEnvMap * reflectVec.x, reflectVec.yz ) );\\n\\t#elif defined( ENVMAP_TYPE_EQUIREC )\\n\\t\\tvec2 sampleUV;\\n\\t\\treflectVec = normalize( reflectVec );\\n\\t\\tsampleUV.y = asin( clamp( reflectVec.y, - 1.0, 1.0 ) ) * RECIPROCAL_PI + 0.5;\\n\\t\\tsampleUV.x = atan( reflectVec.z, reflectVec.x ) * RECIPROCAL_PI2 + 0.5;\\n\\t\\tvec4 envColor = texture2D( envMap, sampleUV );\\n\\t#elif defined( ENVMAP_TYPE_SPHERE )\\n\\t\\treflectVec = normalize( reflectVec );\\n\\t\\tvec3 reflectView = normalize( ( viewMatrix * vec4( reflectVec, 0.0 ) ).xyz + vec3( 0.0, 0.0, 1.0 ) );\\n\\t\\tvec4 envColor = texture2D( envMap, reflectView.xy * 0.5 + 0.5 );\\n\\t#else\\n\\t\\tvec4 envColor = vec4( 0.0 );\\n\\t#endif\\n\\tenvColor = envMapTexelToLinear( envColor );\\n\\t#ifdef ENVMAP_BLENDING_MULTIPLY\\n\\t\\toutgoingLight = mix( outgoingLight, outgoingLight * envColor.xyz, specularStrength * reflectivity );\\n\\t#elif defined( ENVMAP_BLENDING_MIX )\\n\\t\\toutgoingLight = mix( outgoingLight, envColor.xyz, specularStrength * reflectivity );\\n\\t#elif defined( ENVMAP_BLENDING_ADD )\\n\\t\\toutgoingLight += envColor.xyz * specularStrength * reflectivity;\\n\\t#endif\\n#endif\",\n envmap_pars_fragment: \"#if defined( USE_ENVMAP ) || defined( PHYSICAL )\\n\\tuniform float reflectivity;\\n\\tuniform float envMapIntensity;\\n#endif\\n#ifdef USE_ENVMAP\\n\\t#if ! defined( PHYSICAL ) && ( defined( USE_BUMPMAP ) || defined( USE_NORMALMAP ) || defined( PHONG ) )\\n\\t\\tvarying vec3 vWorldPosition;\\n\\t#endif\\n\\t#ifdef ENVMAP_TYPE_CUBE\\n\\t\\tuniform samplerCube envMap;\\n\\t#else\\n\\t\\tuniform sampler2D envMap;\\n\\t#endif\\n\\tuniform float flipEnvMap;\\n\\tuniform int maxMipLevel;\\n\\t#if defined( USE_BUMPMAP ) || defined( USE_NORMALMAP ) || defined( PHONG ) || defined( PHYSICAL )\\n\\t\\tuniform float refractionRatio;\\n\\t#else\\n\\t\\tvarying vec3 vReflect;\\n\\t#endif\\n#endif\",\n envmap_pars_vertex: \"#ifdef USE_ENVMAP\\n\\t#if defined( USE_BUMPMAP ) || defined( USE_NORMALMAP ) || defined( PHONG )\\n\\t\\tvarying vec3 vWorldPosition;\\n\\t#else\\n\\t\\tvarying vec3 vReflect;\\n\\t\\tuniform float refractionRatio;\\n\\t#endif\\n#endif\", envmap_physical_pars_fragment: \"#if defined( USE_ENVMAP ) && defined( PHYSICAL )\\n\\tvec3 getLightProbeIndirectIrradiance( const in GeometricContext geometry, const in int maxMIPLevel ) {\\n\\t\\tvec3 worldNormal = inverseTransformDirection( geometry.normal, viewMatrix );\\n\\t\\t#ifdef ENVMAP_TYPE_CUBE\\n\\t\\t\\tvec3 queryVec = vec3( flipEnvMap * worldNormal.x, worldNormal.yz );\\n\\t\\t\\t#ifdef TEXTURE_LOD_EXT\\n\\t\\t\\t\\tvec4 envMapColor = textureCubeLodEXT( envMap, queryVec, float( maxMIPLevel ) );\\n\\t\\t\\t#else\\n\\t\\t\\t\\tvec4 envMapColor = textureCube( envMap, queryVec, float( maxMIPLevel ) );\\n\\t\\t\\t#endif\\n\\t\\t\\tenvMapColor.rgb = envMapTexelToLinear( envMapColor ).rgb;\\n\\t\\t#elif defined( ENVMAP_TYPE_CUBE_UV )\\n\\t\\t\\tvec3 queryVec = vec3( flipEnvMap * worldNormal.x, worldNormal.yz );\\n\\t\\t\\tvec4 envMapColor = textureCubeUV( envMap, queryVec, 1.0 );\\n\\t\\t#else\\n\\t\\t\\tvec4 envMapColor = vec4( 0.0 );\\n\\t\\t#endif\\n\\t\\treturn PI * envMapColor.rgb * envMapIntensity;\\n\\t}\\n\\tfloat getSpecularMIPLevel( const in float blinnShininessExponent, const in int maxMIPLevel ) {\\n\\t\\tfloat maxMIPLevelScalar = float( maxMIPLevel );\\n\\t\\tfloat desiredMIPLevel = maxMIPLevelScalar + 0.79248 - 0.5 * log2( pow2( blinnShininessExponent ) + 1.0 );\\n\\t\\treturn clamp( desiredMIPLevel, 0.0, maxMIPLevelScalar );\\n\\t}\\n\\tvec3 getLightProbeIndirectRadiance( const in GeometricContext geometry, const in float blinnShininessExponent, const in int maxMIPLevel ) {\\n\\t\\t#ifdef ENVMAP_MODE_REFLECTION\\n\\t\\t\\tvec3 reflectVec = reflect( -geometry.viewDir, geometry.normal );\\n\\t\\t#else\\n\\t\\t\\tvec3 reflectVec = refract( -geometry.viewDir, geometry.normal, refractionRatio );\\n\\t\\t#endif\\n\\t\\treflectVec = inverseTransformDirection( reflectVec, viewMatrix );\\n\\t\\tfloat specularMIPLevel = getSpecularMIPLevel( blinnShininessExponent, maxMIPLevel );\\n\\t\\t#ifdef ENVMAP_TYPE_CUBE\\n\\t\\t\\tvec3 queryReflectVec = vec3( flipEnvMap * reflectVec.x, reflectVec.yz );\\n\\t\\t\\t#ifdef TEXTURE_LOD_EXT\\n\\t\\t\\t\\tvec4 envMapColor = textureCubeLodEXT( envMap, queryReflectVec, specularMIPLevel );\\n\\t\\t\\t#else\\n\\t\\t\\t\\tvec4 envMapColor = textureCube( envMap, queryReflectVec, specularMIPLevel );\\n\\t\\t\\t#endif\\n\\t\\t\\tenvMapColor.rgb = envMapTexelToLinear( envMapColor ).rgb;\\n\\t\\t#elif defined( ENVMAP_TYPE_CUBE_UV )\\n\\t\\t\\tvec3 queryReflectVec = vec3( flipEnvMap * reflectVec.x, reflectVec.yz );\\n\\t\\t\\tvec4 envMapColor = textureCubeUV( envMap, queryReflectVec, BlinnExponentToGGXRoughness(blinnShininessExponent ));\\n\\t\\t#elif defined( ENVMAP_TYPE_EQUIREC )\\n\\t\\t\\tvec2 sampleUV;\\n\\t\\t\\tsampleUV.y = asin( clamp( reflectVec.y, - 1.0, 1.0 ) ) * RECIPROCAL_PI + 0.5;\\n\\t\\t\\tsampleUV.x = atan( reflectVec.z, reflectVec.x ) * RECIPROCAL_PI2 + 0.5;\\n\\t\\t\\t#ifdef TEXTURE_LOD_EXT\\n\\t\\t\\t\\tvec4 envMapColor = texture2DLodEXT( envMap, sampleUV, specularMIPLevel );\\n\\t\\t\\t#else\\n\\t\\t\\t\\tvec4 envMapColor = texture2D( envMap, sampleUV, specularMIPLevel );\\n\\t\\t\\t#endif\\n\\t\\t\\tenvMapColor.rgb = envMapTexelToLinear( envMapColor ).rgb;\\n\\t\\t#elif defined( ENVMAP_TYPE_SPHERE )\\n\\t\\t\\tvec3 reflectView = normalize( ( viewMatrix * vec4( reflectVec, 0.0 ) ).xyz + vec3( 0.0,0.0,1.0 ) );\\n\\t\\t\\t#ifdef TEXTURE_LOD_EXT\\n\\t\\t\\t\\tvec4 envMapColor = texture2DLodEXT( envMap, reflectView.xy * 0.5 + 0.5, specularMIPLevel );\\n\\t\\t\\t#else\\n\\t\\t\\t\\tvec4 envMapColor = texture2D( envMap, reflectView.xy * 0.5 + 0.5, specularMIPLevel );\\n\\t\\t\\t#endif\\n\\t\\t\\tenvMapColor.rgb = envMapTexelToLinear( envMapColor ).rgb;\\n\\t\\t#endif\\n\\t\\treturn envMapColor.rgb * envMapIntensity;\\n\\t}\\n#endif\",\n envmap_vertex: \"#ifdef USE_ENVMAP\\n\\t#if defined( USE_BUMPMAP ) || defined( USE_NORMALMAP ) || defined( PHONG )\\n\\t\\tvWorldPosition = worldPosition.xyz;\\n\\t#else\\n\\t\\tvec3 cameraToVertex = normalize( worldPosition.xyz - cameraPosition );\\n\\t\\tvec3 worldNormal = inverseTransformDirection( transformedNormal, viewMatrix );\\n\\t\\t#ifdef ENVMAP_MODE_REFLECTION\\n\\t\\t\\tvReflect = reflect( cameraToVertex, worldNormal );\\n\\t\\t#else\\n\\t\\t\\tvReflect = refract( cameraToVertex, worldNormal, refractionRatio );\\n\\t\\t#endif\\n\\t#endif\\n#endif\",\n fog_vertex: \"#ifdef USE_FOG\\n\\tfogDepth = -mvPosition.z;\\n#endif\", fog_pars_vertex: \"#ifdef USE_FOG\\n\\tvarying float fogDepth;\\n#endif\", fog_fragment: \"#ifdef USE_FOG\\n\\t#ifdef FOG_EXP2\\n\\t\\tfloat fogFactor = whiteCompliment( exp2( - fogDensity * fogDensity * fogDepth * fogDepth * LOG2 ) );\\n\\t#else\\n\\t\\tfloat fogFactor = smoothstep( fogNear, fogFar, fogDepth );\\n\\t#endif\\n\\tgl_FragColor.rgb = mix( gl_FragColor.rgb, fogColor, fogFactor );\\n#endif\", fog_pars_fragment: \"#ifdef USE_FOG\\n\\tuniform vec3 fogColor;\\n\\tvarying float fogDepth;\\n\\t#ifdef FOG_EXP2\\n\\t\\tuniform float fogDensity;\\n\\t#else\\n\\t\\tuniform float fogNear;\\n\\t\\tuniform float fogFar;\\n\\t#endif\\n#endif\",\n gradientmap_pars_fragment: \"#ifdef TOON\\n\\tuniform sampler2D gradientMap;\\n\\tvec3 getGradientIrradiance( vec3 normal, vec3 lightDirection ) {\\n\\t\\tfloat dotNL = dot( normal, lightDirection );\\n\\t\\tvec2 coord = vec2( dotNL * 0.5 + 0.5, 0.0 );\\n\\t\\t#ifdef USE_GRADIENTMAP\\n\\t\\t\\treturn texture2D( gradientMap, coord ).rgb;\\n\\t\\t#else\\n\\t\\t\\treturn ( coord.x < 0.7 ) ? vec3( 0.7 ) : vec3( 1.0 );\\n\\t\\t#endif\\n\\t}\\n#endif\", lightmap_fragment: \"#ifdef USE_LIGHTMAP\\n\\treflectedLight.indirectDiffuse += PI * texture2D( lightMap, vUv2 ).xyz * lightMapIntensity;\\n#endif\",\n lightmap_pars_fragment: \"#ifdef USE_LIGHTMAP\\n\\tuniform sampler2D lightMap;\\n\\tuniform float lightMapIntensity;\\n#endif\", lights_lambert_vertex: \"vec3 diffuse = vec3( 1.0 );\\nGeometricContext geometry;\\ngeometry.position = mvPosition.xyz;\\ngeometry.normal = normalize( transformedNormal );\\ngeometry.viewDir = normalize( -mvPosition.xyz );\\nGeometricContext backGeometry;\\nbackGeometry.position = geometry.position;\\nbackGeometry.normal = -geometry.normal;\\nbackGeometry.viewDir = geometry.viewDir;\\nvLightFront = vec3( 0.0 );\\nvIndirectFront = vec3( 0.0 );\\n#ifdef DOUBLE_SIDED\\n\\tvLightBack = vec3( 0.0 );\\n\\tvIndirectBack = vec3( 0.0 );\\n#endif\\nIncidentLight directLight;\\nfloat dotNL;\\nvec3 directLightColor_Diffuse;\\n#if NUM_POINT_LIGHTS > 0\\n\\t#pragma unroll_loop\\n\\tfor ( int i = 0; i < NUM_POINT_LIGHTS; i ++ ) {\\n\\t\\tgetPointDirectLightIrradiance( pointLights[ i ], geometry, directLight );\\n\\t\\tdotNL = dot( geometry.normal, directLight.direction );\\n\\t\\tdirectLightColor_Diffuse = PI * directLight.color;\\n\\t\\tvLightFront += saturate( dotNL ) * directLightColor_Diffuse;\\n\\t\\t#ifdef DOUBLE_SIDED\\n\\t\\t\\tvLightBack += saturate( -dotNL ) * directLightColor_Diffuse;\\n\\t\\t#endif\\n\\t}\\n#endif\\n#if NUM_SPOT_LIGHTS > 0\\n\\t#pragma unroll_loop\\n\\tfor ( int i = 0; i < NUM_SPOT_LIGHTS; i ++ ) {\\n\\t\\tgetSpotDirectLightIrradiance( spotLights[ i ], geometry, directLight );\\n\\t\\tdotNL = dot( geometry.normal, directLight.direction );\\n\\t\\tdirectLightColor_Diffuse = PI * directLight.color;\\n\\t\\tvLightFront += saturate( dotNL ) * directLightColor_Diffuse;\\n\\t\\t#ifdef DOUBLE_SIDED\\n\\t\\t\\tvLightBack += saturate( -dotNL ) * directLightColor_Diffuse;\\n\\t\\t#endif\\n\\t}\\n#endif\\n#if NUM_DIR_LIGHTS > 0\\n\\t#pragma unroll_loop\\n\\tfor ( int i = 0; i < NUM_DIR_LIGHTS; i ++ ) {\\n\\t\\tgetDirectionalDirectLightIrradiance( directionalLights[ i ], geometry, directLight );\\n\\t\\tdotNL = dot( geometry.normal, directLight.direction );\\n\\t\\tdirectLightColor_Diffuse = PI * directLight.color;\\n\\t\\tvLightFront += saturate( dotNL ) * directLightColor_Diffuse;\\n\\t\\t#ifdef DOUBLE_SIDED\\n\\t\\t\\tvLightBack += saturate( -dotNL ) * directLightColor_Diffuse;\\n\\t\\t#endif\\n\\t}\\n#endif\\n#if NUM_HEMI_LIGHTS > 0\\n\\t#pragma unroll_loop\\n\\tfor ( int i = 0; i < NUM_HEMI_LIGHTS; i ++ ) {\\n\\t\\tvIndirectFront += getHemisphereLightIrradiance( hemisphereLights[ i ], geometry );\\n\\t\\t#ifdef DOUBLE_SIDED\\n\\t\\t\\tvIndirectBack += getHemisphereLightIrradiance( hemisphereLights[ i ], backGeometry );\\n\\t\\t#endif\\n\\t}\\n#endif\",\n lights_pars_begin: \"uniform vec3 ambientLightColor;\\nvec3 getAmbientLightIrradiance( const in vec3 ambientLightColor ) {\\n\\tvec3 irradiance = ambientLightColor;\\n\\t#ifndef PHYSICALLY_CORRECT_LIGHTS\\n\\t\\tirradiance *= PI;\\n\\t#endif\\n\\treturn irradiance;\\n}\\n#if NUM_DIR_LIGHTS > 0\\n\\tstruct DirectionalLight {\\n\\t\\tvec3 direction;\\n\\t\\tvec3 color;\\n\\t\\tint shadow;\\n\\t\\tfloat shadowBias;\\n\\t\\tfloat shadowRadius;\\n\\t\\tvec2 shadowMapSize;\\n\\t};\\n\\tuniform DirectionalLight directionalLights[ NUM_DIR_LIGHTS ];\\n\\tvoid getDirectionalDirectLightIrradiance( const in DirectionalLight directionalLight, const in GeometricContext geometry, out IncidentLight directLight ) {\\n\\t\\tdirectLight.color = directionalLight.color;\\n\\t\\tdirectLight.direction = directionalLight.direction;\\n\\t\\tdirectLight.visible = true;\\n\\t}\\n#endif\\n#if NUM_POINT_LIGHTS > 0\\n\\tstruct PointLight {\\n\\t\\tvec3 position;\\n\\t\\tvec3 color;\\n\\t\\tfloat distance;\\n\\t\\tfloat decay;\\n\\t\\tint shadow;\\n\\t\\tfloat shadowBias;\\n\\t\\tfloat shadowRadius;\\n\\t\\tvec2 shadowMapSize;\\n\\t\\tfloat shadowCameraNear;\\n\\t\\tfloat shadowCameraFar;\\n\\t};\\n\\tuniform PointLight pointLights[ NUM_POINT_LIGHTS ];\\n\\tvoid getPointDirectLightIrradiance( const in PointLight pointLight, const in GeometricContext geometry, out IncidentLight directLight ) {\\n\\t\\tvec3 lVector = pointLight.position - geometry.position;\\n\\t\\tdirectLight.direction = normalize( lVector );\\n\\t\\tfloat lightDistance = length( lVector );\\n\\t\\tdirectLight.color = pointLight.color;\\n\\t\\tdirectLight.color *= punctualLightIntensityToIrradianceFactor( lightDistance, pointLight.distance, pointLight.decay );\\n\\t\\tdirectLight.visible = ( directLight.color != vec3( 0.0 ) );\\n\\t}\\n#endif\\n#if NUM_SPOT_LIGHTS > 0\\n\\tstruct SpotLight {\\n\\t\\tvec3 position;\\n\\t\\tvec3 direction;\\n\\t\\tvec3 color;\\n\\t\\tfloat distance;\\n\\t\\tfloat decay;\\n\\t\\tfloat coneCos;\\n\\t\\tfloat penumbraCos;\\n\\t\\tint shadow;\\n\\t\\tfloat shadowBias;\\n\\t\\tfloat shadowRadius;\\n\\t\\tvec2 shadowMapSize;\\n\\t};\\n\\tuniform SpotLight spotLights[ NUM_SPOT_LIGHTS ];\\n\\tvoid getSpotDirectLightIrradiance( const in SpotLight spotLight, const in GeometricContext geometry, out IncidentLight directLight ) {\\n\\t\\tvec3 lVector = spotLight.position - geometry.position;\\n\\t\\tdirectLight.direction = normalize( lVector );\\n\\t\\tfloat lightDistance = length( lVector );\\n\\t\\tfloat angleCos = dot( directLight.direction, spotLight.direction );\\n\\t\\tif ( angleCos > spotLight.coneCos ) {\\n\\t\\t\\tfloat spotEffect = smoothstep( spotLight.coneCos, spotLight.penumbraCos, angleCos );\\n\\t\\t\\tdirectLight.color = spotLight.color;\\n\\t\\t\\tdirectLight.color *= spotEffect * punctualLightIntensityToIrradianceFactor( lightDistance, spotLight.distance, spotLight.decay );\\n\\t\\t\\tdirectLight.visible = true;\\n\\t\\t} else {\\n\\t\\t\\tdirectLight.color = vec3( 0.0 );\\n\\t\\t\\tdirectLight.visible = false;\\n\\t\\t}\\n\\t}\\n#endif\\n#if NUM_RECT_AREA_LIGHTS > 0\\n\\tstruct RectAreaLight {\\n\\t\\tvec3 color;\\n\\t\\tvec3 position;\\n\\t\\tvec3 halfWidth;\\n\\t\\tvec3 halfHeight;\\n\\t};\\n\\tuniform sampler2D ltc_1;\\tuniform sampler2D ltc_2;\\n\\tuniform RectAreaLight rectAreaLights[ NUM_RECT_AREA_LIGHTS ];\\n#endif\\n#if NUM_HEMI_LIGHTS > 0\\n\\tstruct HemisphereLight {\\n\\t\\tvec3 direction;\\n\\t\\tvec3 skyColor;\\n\\t\\tvec3 groundColor;\\n\\t};\\n\\tuniform HemisphereLight hemisphereLights[ NUM_HEMI_LIGHTS ];\\n\\tvec3 getHemisphereLightIrradiance( const in HemisphereLight hemiLight, const in GeometricContext geometry ) {\\n\\t\\tfloat dotNL = dot( geometry.normal, hemiLight.direction );\\n\\t\\tfloat hemiDiffuseWeight = 0.5 * dotNL + 0.5;\\n\\t\\tvec3 irradiance = mix( hemiLight.groundColor, hemiLight.skyColor, hemiDiffuseWeight );\\n\\t\\t#ifndef PHYSICALLY_CORRECT_LIGHTS\\n\\t\\t\\tirradiance *= PI;\\n\\t\\t#endif\\n\\t\\treturn irradiance;\\n\\t}\\n#endif\",\n lights_phong_fragment: \"BlinnPhongMaterial material;\\nmaterial.diffuseColor = diffuseColor.rgb;\\nmaterial.specularColor = specular;\\nmaterial.specularShininess = shininess;\\nmaterial.specularStrength = specularStrength;\", lights_phong_pars_fragment: \"varying vec3 vViewPosition;\\n#ifndef FLAT_SHADED\\n\\tvarying vec3 vNormal;\\n#endif\\nstruct BlinnPhongMaterial {\\n\\tvec3\\tdiffuseColor;\\n\\tvec3\\tspecularColor;\\n\\tfloat\\tspecularShininess;\\n\\tfloat\\tspecularStrength;\\n};\\nvoid RE_Direct_BlinnPhong( const in IncidentLight directLight, const in GeometricContext geometry, const in BlinnPhongMaterial material, inout ReflectedLight reflectedLight ) {\\n\\t#ifdef TOON\\n\\t\\tvec3 irradiance = getGradientIrradiance( geometry.normal, directLight.direction ) * directLight.color;\\n\\t#else\\n\\t\\tfloat dotNL = saturate( dot( geometry.normal, directLight.direction ) );\\n\\t\\tvec3 irradiance = dotNL * directLight.color;\\n\\t#endif\\n\\t#ifndef PHYSICALLY_CORRECT_LIGHTS\\n\\t\\tirradiance *= PI;\\n\\t#endif\\n\\treflectedLight.directDiffuse += irradiance * BRDF_Diffuse_Lambert( material.diffuseColor );\\n\\treflectedLight.directSpecular += irradiance * BRDF_Specular_BlinnPhong( directLight, geometry, material.specularColor, material.specularShininess ) * material.specularStrength;\\n}\\nvoid RE_IndirectDiffuse_BlinnPhong( const in vec3 irradiance, const in GeometricContext geometry, const in BlinnPhongMaterial material, inout ReflectedLight reflectedLight ) {\\n\\treflectedLight.indirectDiffuse += irradiance * BRDF_Diffuse_Lambert( material.diffuseColor );\\n}\\n#define RE_Direct\\t\\t\\t\\tRE_Direct_BlinnPhong\\n#define RE_IndirectDiffuse\\t\\tRE_IndirectDiffuse_BlinnPhong\\n#define Material_LightProbeLOD( material )\\t(0)\",\n lights_physical_fragment: \"PhysicalMaterial material;\\nmaterial.diffuseColor = diffuseColor.rgb * ( 1.0 - metalnessFactor );\\nmaterial.specularRoughness = clamp( roughnessFactor, 0.04, 1.0 );\\n#ifdef STANDARD\\n\\tmaterial.specularColor = mix( vec3( DEFAULT_SPECULAR_COEFFICIENT ), diffuseColor.rgb, metalnessFactor );\\n#else\\n\\tmaterial.specularColor = mix( vec3( MAXIMUM_SPECULAR_COEFFICIENT * pow2( reflectivity ) ), diffuseColor.rgb, metalnessFactor );\\n\\tmaterial.clearCoat = saturate( clearCoat );\\tmaterial.clearCoatRoughness = clamp( clearCoatRoughness, 0.04, 1.0 );\\n#endif\",\n lights_physical_pars_fragment: \"struct PhysicalMaterial {\\n\\tvec3\\tdiffuseColor;\\n\\tfloat\\tspecularRoughness;\\n\\tvec3\\tspecularColor;\\n\\t#ifndef STANDARD\\n\\t\\tfloat clearCoat;\\n\\t\\tfloat clearCoatRoughness;\\n\\t#endif\\n};\\n#define MAXIMUM_SPECULAR_COEFFICIENT 0.16\\n#define DEFAULT_SPECULAR_COEFFICIENT 0.04\\nfloat clearCoatDHRApprox( const in float roughness, const in float dotNL ) {\\n\\treturn DEFAULT_SPECULAR_COEFFICIENT + ( 1.0 - DEFAULT_SPECULAR_COEFFICIENT ) * ( pow( 1.0 - dotNL, 5.0 ) * pow( 1.0 - roughness, 2.0 ) );\\n}\\n#if NUM_RECT_AREA_LIGHTS > 0\\n\\tvoid RE_Direct_RectArea_Physical( const in RectAreaLight rectAreaLight, const in GeometricContext geometry, const in PhysicalMaterial material, inout ReflectedLight reflectedLight ) {\\n\\t\\tvec3 normal = geometry.normal;\\n\\t\\tvec3 viewDir = geometry.viewDir;\\n\\t\\tvec3 position = geometry.position;\\n\\t\\tvec3 lightPos = rectAreaLight.position;\\n\\t\\tvec3 halfWidth = rectAreaLight.halfWidth;\\n\\t\\tvec3 halfHeight = rectAreaLight.halfHeight;\\n\\t\\tvec3 lightColor = rectAreaLight.color;\\n\\t\\tfloat roughness = material.specularRoughness;\\n\\t\\tvec3 rectCoords[ 4 ];\\n\\t\\trectCoords[ 0 ] = lightPos + halfWidth - halfHeight;\\t\\trectCoords[ 1 ] = lightPos - halfWidth - halfHeight;\\n\\t\\trectCoords[ 2 ] = lightPos - halfWidth + halfHeight;\\n\\t\\trectCoords[ 3 ] = lightPos + halfWidth + halfHeight;\\n\\t\\tvec2 uv = LTC_Uv( normal, viewDir, roughness );\\n\\t\\tvec4 t1 = texture2D( ltc_1, uv );\\n\\t\\tvec4 t2 = texture2D( ltc_2, uv );\\n\\t\\tmat3 mInv = mat3(\\n\\t\\t\\tvec3( t1.x, 0, t1.y ),\\n\\t\\t\\tvec3( 0, 1, 0 ),\\n\\t\\t\\tvec3( t1.z, 0, t1.w )\\n\\t\\t);\\n\\t\\tvec3 fresnel = ( material.specularColor * t2.x + ( vec3( 1.0 ) - material.specularColor ) * t2.y );\\n\\t\\treflectedLight.directSpecular += lightColor * fresnel * LTC_Evaluate( normal, viewDir, position, mInv, rectCoords );\\n\\t\\treflectedLight.directDiffuse += lightColor * material.diffuseColor * LTC_Evaluate( normal, viewDir, position, mat3( 1.0 ), rectCoords );\\n\\t}\\n#endif\\nvoid RE_Direct_Physical( const in IncidentLight directLight, const in GeometricContext geometry, const in PhysicalMaterial material, inout ReflectedLight reflectedLight ) {\\n\\tfloat dotNL = saturate( dot( geometry.normal, directLight.direction ) );\\n\\tvec3 irradiance = dotNL * directLight.color;\\n\\t#ifndef PHYSICALLY_CORRECT_LIGHTS\\n\\t\\tirradiance *= PI;\\n\\t#endif\\n\\t#ifndef STANDARD\\n\\t\\tfloat clearCoatDHR = material.clearCoat * clearCoatDHRApprox( material.clearCoatRoughness, dotNL );\\n\\t#else\\n\\t\\tfloat clearCoatDHR = 0.0;\\n\\t#endif\\n\\treflectedLight.directSpecular += ( 1.0 - clearCoatDHR ) * irradiance * BRDF_Specular_GGX( directLight, geometry, material.specularColor, material.specularRoughness );\\n\\treflectedLight.directDiffuse += ( 1.0 - clearCoatDHR ) * irradiance * BRDF_Diffuse_Lambert( material.diffuseColor );\\n\\t#ifndef STANDARD\\n\\t\\treflectedLight.directSpecular += irradiance * material.clearCoat * BRDF_Specular_GGX( directLight, geometry, vec3( DEFAULT_SPECULAR_COEFFICIENT ), material.clearCoatRoughness );\\n\\t#endif\\n}\\nvoid RE_IndirectDiffuse_Physical( const in vec3 irradiance, const in GeometricContext geometry, const in PhysicalMaterial material, inout ReflectedLight reflectedLight ) {\\n\\t#ifndef ENVMAP_TYPE_CUBE_UV\\n\\t\\treflectedLight.indirectDiffuse += irradiance * BRDF_Diffuse_Lambert( material.diffuseColor );\\n\\t#endif\\n}\\nvoid RE_IndirectSpecular_Physical( const in vec3 radiance, const in vec3 irradiance, const in vec3 clearCoatRadiance, const in GeometricContext geometry, const in PhysicalMaterial material, inout ReflectedLight reflectedLight) {\\n\\t#ifndef STANDARD\\n\\t\\tfloat dotNV = saturate( dot( geometry.normal, geometry.viewDir ) );\\n\\t\\tfloat dotNL = dotNV;\\n\\t\\tfloat clearCoatDHR = material.clearCoat * clearCoatDHRApprox( material.clearCoatRoughness, dotNL );\\n\\t#else\\n\\t\\tfloat clearCoatDHR = 0.0;\\n\\t#endif\\n\\tfloat clearCoatInv = 1.0 - clearCoatDHR;\\n\\t#if defined( ENVMAP_TYPE_CUBE_UV )\\n\\t\\tvec3 singleScattering = vec3( 0.0 );\\n\\t\\tvec3 multiScattering = vec3( 0.0 );\\n\\t\\tvec3 cosineWeightedIrradiance = irradiance * RECIPROCAL_PI;\\n\\t\\tBRDF_Specular_Multiscattering_Environment( geometry, material.specularColor, material.specularRoughness, singleScattering, multiScattering );\\n\\t\\tvec3 diffuse = material.diffuseColor;\\n\\t\\treflectedLight.indirectSpecular += clearCoatInv * radiance * singleScattering;\\n\\t\\treflectedLight.indirectDiffuse += multiScattering * cosineWeightedIrradiance;\\n\\t\\treflectedLight.indirectDiffuse += diffuse * cosineWeightedIrradiance;\\n\\t#else\\n\\t\\treflectedLight.indirectSpecular += clearCoatInv * radiance * BRDF_Specular_GGX_Environment( geometry, material.specularColor, material.specularRoughness );\\n\\t#endif\\n\\t#ifndef STANDARD\\n\\t\\treflectedLight.indirectSpecular += clearCoatRadiance * material.clearCoat * BRDF_Specular_GGX_Environment( geometry, vec3( DEFAULT_SPECULAR_COEFFICIENT ), material.clearCoatRoughness );\\n\\t#endif\\n}\\n#define RE_Direct\\t\\t\\t\\tRE_Direct_Physical\\n#define RE_Direct_RectArea\\t\\tRE_Direct_RectArea_Physical\\n#define RE_IndirectDiffuse\\t\\tRE_IndirectDiffuse_Physical\\n#define RE_IndirectSpecular\\t\\tRE_IndirectSpecular_Physical\\n#define Material_BlinnShininessExponent( material ) GGXRoughnessToBlinnExponent( material.specularRoughness )\\n#define Material_ClearCoat_BlinnShininessExponent( material ) GGXRoughnessToBlinnExponent( material.clearCoatRoughness )\\nfloat computeSpecularOcclusion( const in float dotNV, const in float ambientOcclusion, const in float roughness ) {\\n\\treturn saturate( pow( dotNV + ambientOcclusion, exp2( - 16.0 * roughness - 1.0 ) ) - 1.0 + ambientOcclusion );\\n}\",\n lights_fragment_begin: \"\\nGeometricContext geometry;\\ngeometry.position = - vViewPosition;\\ngeometry.normal = normal;\\ngeometry.viewDir = normalize( vViewPosition );\\nIncidentLight directLight;\\n#if ( NUM_POINT_LIGHTS > 0 ) && defined( RE_Direct )\\n\\tPointLight pointLight;\\n\\t#pragma unroll_loop\\n\\tfor ( int i = 0; i < NUM_POINT_LIGHTS; i ++ ) {\\n\\t\\tpointLight = pointLights[ i ];\\n\\t\\tgetPointDirectLightIrradiance( pointLight, geometry, directLight );\\n\\t\\t#ifdef USE_SHADOWMAP\\n\\t\\tdirectLight.color *= all( bvec2( pointLight.shadow, directLight.visible ) ) ? getPointShadow( pointShadowMap[ i ], pointLight.shadowMapSize, pointLight.shadowBias, pointLight.shadowRadius, vPointShadowCoord[ i ], pointLight.shadowCameraNear, pointLight.shadowCameraFar ) : 1.0;\\n\\t\\t#endif\\n\\t\\tRE_Direct( directLight, geometry, material, reflectedLight );\\n\\t}\\n#endif\\n#if ( NUM_SPOT_LIGHTS > 0 ) && defined( RE_Direct )\\n\\tSpotLight spotLight;\\n\\t#pragma unroll_loop\\n\\tfor ( int i = 0; i < NUM_SPOT_LIGHTS; i ++ ) {\\n\\t\\tspotLight = spotLights[ i ];\\n\\t\\tgetSpotDirectLightIrradiance( spotLight, geometry, directLight );\\n\\t\\t#ifdef USE_SHADOWMAP\\n\\t\\tdirectLight.color *= all( bvec2( spotLight.shadow, directLight.visible ) ) ? getShadow( spotShadowMap[ i ], spotLight.shadowMapSize, spotLight.shadowBias, spotLight.shadowRadius, vSpotShadowCoord[ i ] ) : 1.0;\\n\\t\\t#endif\\n\\t\\tRE_Direct( directLight, geometry, material, reflectedLight );\\n\\t}\\n#endif\\n#if ( NUM_DIR_LIGHTS > 0 ) && defined( RE_Direct )\\n\\tDirectionalLight directionalLight;\\n\\t#pragma unroll_loop\\n\\tfor ( int i = 0; i < NUM_DIR_LIGHTS; i ++ ) {\\n\\t\\tdirectionalLight = directionalLights[ i ];\\n\\t\\tgetDirectionalDirectLightIrradiance( directionalLight, geometry, directLight );\\n\\t\\t#ifdef USE_SHADOWMAP\\n\\t\\tdirectLight.color *= all( bvec2( directionalLight.shadow, directLight.visible ) ) ? getShadow( directionalShadowMap[ i ], directionalLight.shadowMapSize, directionalLight.shadowBias, directionalLight.shadowRadius, vDirectionalShadowCoord[ i ] ) : 1.0;\\n\\t\\t#endif\\n\\t\\tRE_Direct( directLight, geometry, material, reflectedLight );\\n\\t}\\n#endif\\n#if ( NUM_RECT_AREA_LIGHTS > 0 ) && defined( RE_Direct_RectArea )\\n\\tRectAreaLight rectAreaLight;\\n\\t#pragma unroll_loop\\n\\tfor ( int i = 0; i < NUM_RECT_AREA_LIGHTS; i ++ ) {\\n\\t\\trectAreaLight = rectAreaLights[ i ];\\n\\t\\tRE_Direct_RectArea( rectAreaLight, geometry, material, reflectedLight );\\n\\t}\\n#endif\\n#if defined( RE_IndirectDiffuse )\\n\\tvec3 irradiance = getAmbientLightIrradiance( ambientLightColor );\\n\\t#if ( NUM_HEMI_LIGHTS > 0 )\\n\\t\\t#pragma unroll_loop\\n\\t\\tfor ( int i = 0; i < NUM_HEMI_LIGHTS; i ++ ) {\\n\\t\\t\\tirradiance += getHemisphereLightIrradiance( hemisphereLights[ i ], geometry );\\n\\t\\t}\\n\\t#endif\\n#endif\\n#if defined( RE_IndirectSpecular )\\n\\tvec3 radiance = vec3( 0.0 );\\n\\tvec3 clearCoatRadiance = vec3( 0.0 );\\n#endif\",\n lights_fragment_maps: \"#if defined( RE_IndirectDiffuse )\\n\\t#ifdef USE_LIGHTMAP\\n\\t\\tvec3 lightMapIrradiance = texture2D( lightMap, vUv2 ).xyz * lightMapIntensity;\\n\\t\\t#ifndef PHYSICALLY_CORRECT_LIGHTS\\n\\t\\t\\tlightMapIrradiance *= PI;\\n\\t\\t#endif\\n\\t\\tirradiance += lightMapIrradiance;\\n\\t#endif\\n\\t#if defined( USE_ENVMAP ) && defined( PHYSICAL ) && defined( ENVMAP_TYPE_CUBE_UV )\\n\\t\\tirradiance += getLightProbeIndirectIrradiance( geometry, maxMipLevel );\\n\\t#endif\\n#endif\\n#if defined( USE_ENVMAP ) && defined( RE_IndirectSpecular )\\n\\tradiance += getLightProbeIndirectRadiance( geometry, Material_BlinnShininessExponent( material ), maxMipLevel );\\n\\t#ifndef STANDARD\\n\\t\\tclearCoatRadiance += getLightProbeIndirectRadiance( geometry, Material_ClearCoat_BlinnShininessExponent( material ), maxMipLevel );\\n\\t#endif\\n#endif\",\n lights_fragment_end: \"#if defined( RE_IndirectDiffuse )\\n\\tRE_IndirectDiffuse( irradiance, geometry, material, reflectedLight );\\n#endif\\n#if defined( RE_IndirectSpecular )\\n\\tRE_IndirectSpecular( radiance, irradiance, clearCoatRadiance, geometry, material, reflectedLight );\\n#endif\", logdepthbuf_fragment: \"#if defined( USE_LOGDEPTHBUF ) && defined( USE_LOGDEPTHBUF_EXT )\\n\\tgl_FragDepthEXT = log2( vFragDepth ) * logDepthBufFC * 0.5;\\n#endif\", logdepthbuf_pars_fragment: \"#if defined( USE_LOGDEPTHBUF ) && defined( USE_LOGDEPTHBUF_EXT )\\n\\tuniform float logDepthBufFC;\\n\\tvarying float vFragDepth;\\n#endif\",\n logdepthbuf_pars_vertex: \"#ifdef USE_LOGDEPTHBUF\\n\\t#ifdef USE_LOGDEPTHBUF_EXT\\n\\t\\tvarying float vFragDepth;\\n\\t#else\\n\\t\\tuniform float logDepthBufFC;\\n\\t#endif\\n#endif\", logdepthbuf_vertex: \"#ifdef USE_LOGDEPTHBUF\\n\\t#ifdef USE_LOGDEPTHBUF_EXT\\n\\t\\tvFragDepth = 1.0 + gl_Position.w;\\n\\t#else\\n\\t\\tgl_Position.z = log2( max( EPSILON, gl_Position.w + 1.0 ) ) * logDepthBufFC - 1.0;\\n\\t\\tgl_Position.z *= gl_Position.w;\\n\\t#endif\\n#endif\", map_fragment: \"#ifdef USE_MAP\\n\\tvec4 texelColor = texture2D( map, vUv );\\n\\ttexelColor = mapTexelToLinear( texelColor );\\n\\tdiffuseColor *= texelColor;\\n#endif\",\n map_pars_fragment: \"#ifdef USE_MAP\\n\\tuniform sampler2D map;\\n#endif\", map_particle_fragment: \"#ifdef USE_MAP\\n\\tvec2 uv = ( uvTransform * vec3( gl_PointCoord.x, 1.0 - gl_PointCoord.y, 1 ) ).xy;\\n\\tvec4 mapTexel = texture2D( map, uv );\\n\\tdiffuseColor *= mapTexelToLinear( mapTexel );\\n#endif\", map_particle_pars_fragment: \"#ifdef USE_MAP\\n\\tuniform mat3 uvTransform;\\n\\tuniform sampler2D map;\\n#endif\", metalnessmap_fragment: \"float metalnessFactor = metalness;\\n#ifdef USE_METALNESSMAP\\n\\tvec4 texelMetalness = texture2D( metalnessMap, vUv );\\n\\tmetalnessFactor *= texelMetalness.b;\\n#endif\",\n metalnessmap_pars_fragment: \"#ifdef USE_METALNESSMAP\\n\\tuniform sampler2D metalnessMap;\\n#endif\", morphnormal_vertex: \"#ifdef USE_MORPHNORMALS\\n\\tobjectNormal += ( morphNormal0 - normal ) * morphTargetInfluences[ 0 ];\\n\\tobjectNormal += ( morphNormal1 - normal ) * morphTargetInfluences[ 1 ];\\n\\tobjectNormal += ( morphNormal2 - normal ) * morphTargetInfluences[ 2 ];\\n\\tobjectNormal += ( morphNormal3 - normal ) * morphTargetInfluences[ 3 ];\\n#endif\", morphtarget_pars_vertex: \"#ifdef USE_MORPHTARGETS\\n\\t#ifndef USE_MORPHNORMALS\\n\\tuniform float morphTargetInfluences[ 8 ];\\n\\t#else\\n\\tuniform float morphTargetInfluences[ 4 ];\\n\\t#endif\\n#endif\",\n morphtarget_vertex: \"#ifdef USE_MORPHTARGETS\\n\\ttransformed += ( morphTarget0 - position ) * morphTargetInfluences[ 0 ];\\n\\ttransformed += ( morphTarget1 - position ) * morphTargetInfluences[ 1 ];\\n\\ttransformed += ( morphTarget2 - position ) * morphTargetInfluences[ 2 ];\\n\\ttransformed += ( morphTarget3 - position ) * morphTargetInfluences[ 3 ];\\n\\t#ifndef USE_MORPHNORMALS\\n\\ttransformed += ( morphTarget4 - position ) * morphTargetInfluences[ 4 ];\\n\\ttransformed += ( morphTarget5 - position ) * morphTargetInfluences[ 5 ];\\n\\ttransformed += ( morphTarget6 - position ) * morphTargetInfluences[ 6 ];\\n\\ttransformed += ( morphTarget7 - position ) * morphTargetInfluences[ 7 ];\\n\\t#endif\\n#endif\",\n normal_fragment_begin: \"#ifdef FLAT_SHADED\\n\\tvec3 fdx = vec3( dFdx( vViewPosition.x ), dFdx( vViewPosition.y ), dFdx( vViewPosition.z ) );\\n\\tvec3 fdy = vec3( dFdy( vViewPosition.x ), dFdy( vViewPosition.y ), dFdy( vViewPosition.z ) );\\n\\tvec3 normal = normalize( cross( fdx, fdy ) );\\n#else\\n\\tvec3 normal = normalize( vNormal );\\n\\t#ifdef DOUBLE_SIDED\\n\\t\\tnormal = normal * ( float( gl_FrontFacing ) * 2.0 - 1.0 );\\n\\t#endif\\n\\t#ifdef USE_TANGENT\\n\\t\\tvec3 tangent = normalize( vTangent );\\n\\t\\tvec3 bitangent = normalize( vBitangent );\\n\\t\\t#ifdef DOUBLE_SIDED\\n\\t\\t\\ttangent = tangent * ( float( gl_FrontFacing ) * 2.0 - 1.0 );\\n\\t\\t\\tbitangent = bitangent * ( float( gl_FrontFacing ) * 2.0 - 1.0 );\\n\\t\\t#endif\\n\\t#endif\\n#endif\",\n normal_fragment_maps: \"#ifdef USE_NORMALMAP\\n\\t#ifdef OBJECTSPACE_NORMALMAP\\n\\t\\tnormal = texture2D( normalMap, vUv ).xyz * 2.0 - 1.0;\\n\\t\\t#ifdef FLIP_SIDED\\n\\t\\t\\tnormal = - normal;\\n\\t\\t#endif\\n\\t\\t#ifdef DOUBLE_SIDED\\n\\t\\t\\tnormal = normal * ( float( gl_FrontFacing ) * 2.0 - 1.0 );\\n\\t\\t#endif\\n\\t\\tnormal = normalize( normalMatrix * normal );\\n\\t#else\\n\\t\\t#ifdef USE_TANGENT\\n\\t\\t\\tmat3 vTBN = mat3( tangent, bitangent, normal );\\n\\t\\t\\tvec3 mapN = texture2D( normalMap, vUv ).xyz * 2.0 - 1.0;\\n\\t\\t\\tmapN.xy = normalScale * mapN.xy;\\n\\t\\t\\tnormal = normalize( vTBN * mapN );\\n\\t\\t#else\\n\\t\\t\\tnormal = perturbNormal2Arb( -vViewPosition, normal );\\n\\t\\t#endif\\n\\t#endif\\n#elif defined( USE_BUMPMAP )\\n\\tnormal = perturbNormalArb( -vViewPosition, normal, dHdxy_fwd() );\\n#endif\",\n normalmap_pars_fragment: \"#ifdef USE_NORMALMAP\\n\\tuniform sampler2D normalMap;\\n\\tuniform vec2 normalScale;\\n\\t#ifdef OBJECTSPACE_NORMALMAP\\n\\t\\tuniform mat3 normalMatrix;\\n\\t#else\\n\\t\\tvec3 perturbNormal2Arb( vec3 eye_pos, vec3 surf_norm ) {\\n\\t\\t\\tvec3 q0 = vec3( dFdx( eye_pos.x ), dFdx( eye_pos.y ), dFdx( eye_pos.z ) );\\n\\t\\t\\tvec3 q1 = vec3( dFdy( eye_pos.x ), dFdy( eye_pos.y ), dFdy( eye_pos.z ) );\\n\\t\\t\\tvec2 st0 = dFdx( vUv.st );\\n\\t\\t\\tvec2 st1 = dFdy( vUv.st );\\n\\t\\t\\tfloat scale = sign( st1.t * st0.s - st0.t * st1.s );\\n\\t\\t\\tvec3 S = normalize( ( q0 * st1.t - q1 * st0.t ) * scale );\\n\\t\\t\\tvec3 T = normalize( ( - q0 * st1.s + q1 * st0.s ) * scale );\\n\\t\\t\\tvec3 N = normalize( surf_norm );\\n\\t\\t\\tmat3 tsn = mat3( S, T, N );\\n\\t\\t\\tvec3 mapN = texture2D( normalMap, vUv ).xyz * 2.0 - 1.0;\\n\\t\\t\\tmapN.xy *= normalScale;\\n\\t\\t\\tmapN.xy *= ( float( gl_FrontFacing ) * 2.0 - 1.0 );\\n\\t\\t\\treturn normalize( tsn * mapN );\\n\\t\\t}\\n\\t#endif\\n#endif\",\n packing: \"vec3 packNormalToRGB( const in vec3 normal ) {\\n\\treturn normalize( normal ) * 0.5 + 0.5;\\n}\\nvec3 unpackRGBToNormal( const in vec3 rgb ) {\\n\\treturn 2.0 * rgb.xyz - 1.0;\\n}\\nconst float PackUpscale = 256. / 255.;const float UnpackDownscale = 255. / 256.;\\nconst vec3 PackFactors = vec3( 256. * 256. * 256., 256. * 256., 256. );\\nconst vec4 UnpackFactors = UnpackDownscale / vec4( PackFactors, 1. );\\nconst float ShiftRight8 = 1. / 256.;\\nvec4 packDepthToRGBA( const in float v ) {\\n\\tvec4 r = vec4( fract( v * PackFactors ), v );\\n\\tr.yzw -= r.xyz * ShiftRight8;\\treturn r * PackUpscale;\\n}\\nfloat unpackRGBAToDepth( const in vec4 v ) {\\n\\treturn dot( v, UnpackFactors );\\n}\\nfloat viewZToOrthographicDepth( const in float viewZ, const in float near, const in float far ) {\\n\\treturn ( viewZ + near ) / ( near - far );\\n}\\nfloat orthographicDepthToViewZ( const in float linearClipZ, const in float near, const in float far ) {\\n\\treturn linearClipZ * ( near - far ) - near;\\n}\\nfloat viewZToPerspectiveDepth( const in float viewZ, const in float near, const in float far ) {\\n\\treturn (( near + viewZ ) * far ) / (( far - near ) * viewZ );\\n}\\nfloat perspectiveDepthToViewZ( const in float invClipZ, const in float near, const in float far ) {\\n\\treturn ( near * far ) / ( ( far - near ) * invClipZ - far );\\n}\",\n premultiplied_alpha_fragment: \"#ifdef PREMULTIPLIED_ALPHA\\n\\tgl_FragColor.rgb *= gl_FragColor.a;\\n#endif\", project_vertex: \"vec4 mvPosition = modelViewMatrix * vec4( transformed, 1.0 );\\ngl_Position = projectionMatrix * mvPosition;\", dithering_fragment: \"#if defined( DITHERING )\\n\\tgl_FragColor.rgb = dithering( gl_FragColor.rgb );\\n#endif\", dithering_pars_fragment: \"#if defined( DITHERING )\\n\\tvec3 dithering( vec3 color ) {\\n\\t\\tfloat grid_position = rand( gl_FragCoord.xy );\\n\\t\\tvec3 dither_shift_RGB = vec3( 0.25 / 255.0, -0.25 / 255.0, 0.25 / 255.0 );\\n\\t\\tdither_shift_RGB = mix( 2.0 * dither_shift_RGB, -2.0 * dither_shift_RGB, grid_position );\\n\\t\\treturn color + dither_shift_RGB;\\n\\t}\\n#endif\",\n roughnessmap_fragment: \"float roughnessFactor = roughness;\\n#ifdef USE_ROUGHNESSMAP\\n\\tvec4 texelRoughness = texture2D( roughnessMap, vUv );\\n\\troughnessFactor *= texelRoughness.g;\\n#endif\", roughnessmap_pars_fragment: \"#ifdef USE_ROUGHNESSMAP\\n\\tuniform sampler2D roughnessMap;\\n#endif\", shadowmap_pars_fragment: \"#ifdef USE_SHADOWMAP\\n\\t#if NUM_DIR_LIGHTS > 0\\n\\t\\tuniform sampler2D directionalShadowMap[ NUM_DIR_LIGHTS ];\\n\\t\\tvarying vec4 vDirectionalShadowCoord[ NUM_DIR_LIGHTS ];\\n\\t#endif\\n\\t#if NUM_SPOT_LIGHTS > 0\\n\\t\\tuniform sampler2D spotShadowMap[ NUM_SPOT_LIGHTS ];\\n\\t\\tvarying vec4 vSpotShadowCoord[ NUM_SPOT_LIGHTS ];\\n\\t#endif\\n\\t#if NUM_POINT_LIGHTS > 0\\n\\t\\tuniform sampler2D pointShadowMap[ NUM_POINT_LIGHTS ];\\n\\t\\tvarying vec4 vPointShadowCoord[ NUM_POINT_LIGHTS ];\\n\\t#endif\\n\\tfloat texture2DCompare( sampler2D depths, vec2 uv, float compare ) {\\n\\t\\treturn step( compare, unpackRGBAToDepth( texture2D( depths, uv ) ) );\\n\\t}\\n\\tfloat texture2DShadowLerp( sampler2D depths, vec2 size, vec2 uv, float compare ) {\\n\\t\\tconst vec2 offset = vec2( 0.0, 1.0 );\\n\\t\\tvec2 texelSize = vec2( 1.0 ) / size;\\n\\t\\tvec2 centroidUV = floor( uv * size + 0.5 ) / size;\\n\\t\\tfloat lb = texture2DCompare( depths, centroidUV + texelSize * offset.xx, compare );\\n\\t\\tfloat lt = texture2DCompare( depths, centroidUV + texelSize * offset.xy, compare );\\n\\t\\tfloat rb = texture2DCompare( depths, centroidUV + texelSize * offset.yx, compare );\\n\\t\\tfloat rt = texture2DCompare( depths, centroidUV + texelSize * offset.yy, compare );\\n\\t\\tvec2 f = fract( uv * size + 0.5 );\\n\\t\\tfloat a = mix( lb, lt, f.y );\\n\\t\\tfloat b = mix( rb, rt, f.y );\\n\\t\\tfloat c = mix( a, b, f.x );\\n\\t\\treturn c;\\n\\t}\\n\\tfloat getShadow( sampler2D shadowMap, vec2 shadowMapSize, float shadowBias, float shadowRadius, vec4 shadowCoord ) {\\n\\t\\tfloat shadow = 1.0;\\n\\t\\tshadowCoord.xyz /= shadowCoord.w;\\n\\t\\tshadowCoord.z += shadowBias;\\n\\t\\tbvec4 inFrustumVec = bvec4 ( shadowCoord.x >= 0.0, shadowCoord.x <= 1.0, shadowCoord.y >= 0.0, shadowCoord.y <= 1.0 );\\n\\t\\tbool inFrustum = all( inFrustumVec );\\n\\t\\tbvec2 frustumTestVec = bvec2( inFrustum, shadowCoord.z <= 1.0 );\\n\\t\\tbool frustumTest = all( frustumTestVec );\\n\\t\\tif ( frustumTest ) {\\n\\t\\t#if defined( SHADOWMAP_TYPE_PCF )\\n\\t\\t\\tvec2 texelSize = vec2( 1.0 ) / shadowMapSize;\\n\\t\\t\\tfloat dx0 = - texelSize.x * shadowRadius;\\n\\t\\t\\tfloat dy0 = - texelSize.y * shadowRadius;\\n\\t\\t\\tfloat dx1 = + texelSize.x * shadowRadius;\\n\\t\\t\\tfloat dy1 = + texelSize.y * shadowRadius;\\n\\t\\t\\tshadow = (\\n\\t\\t\\t\\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( dx0, dy0 ), shadowCoord.z ) +\\n\\t\\t\\t\\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( 0.0, dy0 ), shadowCoord.z ) +\\n\\t\\t\\t\\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( dx1, dy0 ), shadowCoord.z ) +\\n\\t\\t\\t\\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( dx0, 0.0 ), shadowCoord.z ) +\\n\\t\\t\\t\\ttexture2DCompare( shadowMap, shadowCoord.xy, shadowCoord.z ) +\\n\\t\\t\\t\\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( dx1, 0.0 ), shadowCoord.z ) +\\n\\t\\t\\t\\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( dx0, dy1 ), shadowCoord.z ) +\\n\\t\\t\\t\\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( 0.0, dy1 ), shadowCoord.z ) +\\n\\t\\t\\t\\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( dx1, dy1 ), shadowCoord.z )\\n\\t\\t\\t) * ( 1.0 / 9.0 );\\n\\t\\t#elif defined( SHADOWMAP_TYPE_PCF_SOFT )\\n\\t\\t\\tvec2 texelSize = vec2( 1.0 ) / shadowMapSize;\\n\\t\\t\\tfloat dx0 = - texelSize.x * shadowRadius;\\n\\t\\t\\tfloat dy0 = - texelSize.y * shadowRadius;\\n\\t\\t\\tfloat dx1 = + texelSize.x * shadowRadius;\\n\\t\\t\\tfloat dy1 = + texelSize.y * shadowRadius;\\n\\t\\t\\tshadow = (\\n\\t\\t\\t\\ttexture2DShadowLerp( shadowMap, shadowMapSize, shadowCoord.xy + vec2( dx0, dy0 ), shadowCoord.z ) +\\n\\t\\t\\t\\ttexture2DShadowLerp( shadowMap, shadowMapSize, shadowCoord.xy + vec2( 0.0, dy0 ), shadowCoord.z ) +\\n\\t\\t\\t\\ttexture2DShadowLerp( shadowMap, shadowMapSize, shadowCoord.xy + vec2( dx1, dy0 ), shadowCoord.z ) +\\n\\t\\t\\t\\ttexture2DShadowLerp( shadowMap, shadowMapSize, shadowCoord.xy + vec2( dx0, 0.0 ), shadowCoord.z ) +\\n\\t\\t\\t\\ttexture2DShadowLerp( shadowMap, shadowMapSize, shadowCoord.xy, shadowCoord.z ) +\\n\\t\\t\\t\\ttexture2DShadowLerp( shadowMap, shadowMapSize, shadowCoord.xy + vec2( dx1, 0.0 ), shadowCoord.z ) +\\n\\t\\t\\t\\ttexture2DShadowLerp( shadowMap, shadowMapSize, shadowCoord.xy + vec2( dx0, dy1 ), shadowCoord.z ) +\\n\\t\\t\\t\\ttexture2DShadowLerp( shadowMap, shadowMapSize, shadowCoord.xy + vec2( 0.0, dy1 ), shadowCoord.z ) +\\n\\t\\t\\t\\ttexture2DShadowLerp( shadowMap, shadowMapSize, shadowCoord.xy + vec2( dx1, dy1 ), shadowCoord.z )\\n\\t\\t\\t) * ( 1.0 / 9.0 );\\n\\t\\t#else\\n\\t\\t\\tshadow = texture2DCompare( shadowMap, shadowCoord.xy, shadowCoord.z );\\n\\t\\t#endif\\n\\t\\t}\\n\\t\\treturn shadow;\\n\\t}\\n\\tvec2 cubeToUV( vec3 v, float texelSizeY ) {\\n\\t\\tvec3 absV = abs( v );\\n\\t\\tfloat scaleToCube = 1.0 / max( absV.x, max( absV.y, absV.z ) );\\n\\t\\tabsV *= scaleToCube;\\n\\t\\tv *= scaleToCube * ( 1.0 - 2.0 * texelSizeY );\\n\\t\\tvec2 planar = v.xy;\\n\\t\\tfloat almostATexel = 1.5 * texelSizeY;\\n\\t\\tfloat almostOne = 1.0 - almostATexel;\\n\\t\\tif ( absV.z >= almostOne ) {\\n\\t\\t\\tif ( v.z > 0.0 )\\n\\t\\t\\t\\tplanar.x = 4.0 - v.x;\\n\\t\\t} else if ( absV.x >= almostOne ) {\\n\\t\\t\\tfloat signX = sign( v.x );\\n\\t\\t\\tplanar.x = v.z * signX + 2.0 * signX;\\n\\t\\t} else if ( absV.y >= almostOne ) {\\n\\t\\t\\tfloat signY = sign( v.y );\\n\\t\\t\\tplanar.x = v.x + 2.0 * signY + 2.0;\\n\\t\\t\\tplanar.y = v.z * signY - 2.0;\\n\\t\\t}\\n\\t\\treturn vec2( 0.125, 0.25 ) * planar + vec2( 0.375, 0.75 );\\n\\t}\\n\\tfloat getPointShadow( sampler2D shadowMap, vec2 shadowMapSize, float shadowBias, float shadowRadius, vec4 shadowCoord, float shadowCameraNear, float shadowCameraFar ) {\\n\\t\\tvec2 texelSize = vec2( 1.0 ) / ( shadowMapSize * vec2( 4.0, 2.0 ) );\\n\\t\\tvec3 lightToPosition = shadowCoord.xyz;\\n\\t\\tfloat dp = ( length( lightToPosition ) - shadowCameraNear ) / ( shadowCameraFar - shadowCameraNear );\\t\\tdp += shadowBias;\\n\\t\\tvec3 bd3D = normalize( lightToPosition );\\n\\t\\t#if defined( SHADOWMAP_TYPE_PCF ) || defined( SHADOWMAP_TYPE_PCF_SOFT )\\n\\t\\t\\tvec2 offset = vec2( - 1, 1 ) * shadowRadius * texelSize.y;\\n\\t\\t\\treturn (\\n\\t\\t\\t\\ttexture2DCompare( shadowMap, cubeToUV( bd3D + offset.xyy, texelSize.y ), dp ) +\\n\\t\\t\\t\\ttexture2DCompare( shadowMap, cubeToUV( bd3D + offset.yyy, texelSize.y ), dp ) +\\n\\t\\t\\t\\ttexture2DCompare( shadowMap, cubeToUV( bd3D + offset.xyx, texelSize.y ), dp ) +\\n\\t\\t\\t\\ttexture2DCompare( shadowMap, cubeToUV( bd3D + offset.yyx, texelSize.y ), dp ) +\\n\\t\\t\\t\\ttexture2DCompare( shadowMap, cubeToUV( bd3D, texelSize.y ), dp ) +\\n\\t\\t\\t\\ttexture2DCompare( shadowMap, cubeToUV( bd3D + offset.xxy, texelSize.y ), dp ) +\\n\\t\\t\\t\\ttexture2DCompare( shadowMap, cubeToUV( bd3D + offset.yxy, texelSize.y ), dp ) +\\n\\t\\t\\t\\ttexture2DCompare( shadowMap, cubeToUV( bd3D + offset.xxx, texelSize.y ), dp ) +\\n\\t\\t\\t\\ttexture2DCompare( shadowMap, cubeToUV( bd3D + offset.yxx, texelSize.y ), dp )\\n\\t\\t\\t) * ( 1.0 / 9.0 );\\n\\t\\t#else\\n\\t\\t\\treturn texture2DCompare( shadowMap, cubeToUV( bd3D, texelSize.y ), dp );\\n\\t\\t#endif\\n\\t}\\n#endif\",\n shadowmap_pars_vertex: \"#ifdef USE_SHADOWMAP\\n\\t#if NUM_DIR_LIGHTS > 0\\n\\t\\tuniform mat4 directionalShadowMatrix[ NUM_DIR_LIGHTS ];\\n\\t\\tvarying vec4 vDirectionalShadowCoord[ NUM_DIR_LIGHTS ];\\n\\t#endif\\n\\t#if NUM_SPOT_LIGHTS > 0\\n\\t\\tuniform mat4 spotShadowMatrix[ NUM_SPOT_LIGHTS ];\\n\\t\\tvarying vec4 vSpotShadowCoord[ NUM_SPOT_LIGHTS ];\\n\\t#endif\\n\\t#if NUM_POINT_LIGHTS > 0\\n\\t\\tuniform mat4 pointShadowMatrix[ NUM_POINT_LIGHTS ];\\n\\t\\tvarying vec4 vPointShadowCoord[ NUM_POINT_LIGHTS ];\\n\\t#endif\\n#endif\",\n shadowmap_vertex: \"#ifdef USE_SHADOWMAP\\n\\t#if NUM_DIR_LIGHTS > 0\\n\\t#pragma unroll_loop\\n\\tfor ( int i = 0; i < NUM_DIR_LIGHTS; i ++ ) {\\n\\t\\tvDirectionalShadowCoord[ i ] = directionalShadowMatrix[ i ] * worldPosition;\\n\\t}\\n\\t#endif\\n\\t#if NUM_SPOT_LIGHTS > 0\\n\\t#pragma unroll_loop\\n\\tfor ( int i = 0; i < NUM_SPOT_LIGHTS; i ++ ) {\\n\\t\\tvSpotShadowCoord[ i ] = spotShadowMatrix[ i ] * worldPosition;\\n\\t}\\n\\t#endif\\n\\t#if NUM_POINT_LIGHTS > 0\\n\\t#pragma unroll_loop\\n\\tfor ( int i = 0; i < NUM_POINT_LIGHTS; i ++ ) {\\n\\t\\tvPointShadowCoord[ i ] = pointShadowMatrix[ i ] * worldPosition;\\n\\t}\\n\\t#endif\\n#endif\",\n shadowmask_pars_fragment: \"float getShadowMask() {\\n\\tfloat shadow = 1.0;\\n\\t#ifdef USE_SHADOWMAP\\n\\t#if NUM_DIR_LIGHTS > 0\\n\\tDirectionalLight directionalLight;\\n\\t#pragma unroll_loop\\n\\tfor ( int i = 0; i < NUM_DIR_LIGHTS; i ++ ) {\\n\\t\\tdirectionalLight = directionalLights[ i ];\\n\\t\\tshadow *= bool( directionalLight.shadow ) ? getShadow( directionalShadowMap[ i ], directionalLight.shadowMapSize, directionalLight.shadowBias, directionalLight.shadowRadius, vDirectionalShadowCoord[ i ] ) : 1.0;\\n\\t}\\n\\t#endif\\n\\t#if NUM_SPOT_LIGHTS > 0\\n\\tSpotLight spotLight;\\n\\t#pragma unroll_loop\\n\\tfor ( int i = 0; i < NUM_SPOT_LIGHTS; i ++ ) {\\n\\t\\tspotLight = spotLights[ i ];\\n\\t\\tshadow *= bool( spotLight.shadow ) ? getShadow( spotShadowMap[ i ], spotLight.shadowMapSize, spotLight.shadowBias, spotLight.shadowRadius, vSpotShadowCoord[ i ] ) : 1.0;\\n\\t}\\n\\t#endif\\n\\t#if NUM_POINT_LIGHTS > 0\\n\\tPointLight pointLight;\\n\\t#pragma unroll_loop\\n\\tfor ( int i = 0; i < NUM_POINT_LIGHTS; i ++ ) {\\n\\t\\tpointLight = pointLights[ i ];\\n\\t\\tshadow *= bool( pointLight.shadow ) ? getPointShadow( pointShadowMap[ i ], pointLight.shadowMapSize, pointLight.shadowBias, pointLight.shadowRadius, vPointShadowCoord[ i ], pointLight.shadowCameraNear, pointLight.shadowCameraFar ) : 1.0;\\n\\t}\\n\\t#endif\\n\\t#endif\\n\\treturn shadow;\\n}\",\n skinbase_vertex: \"#ifdef USE_SKINNING\\n\\tmat4 boneMatX = getBoneMatrix( skinIndex.x );\\n\\tmat4 boneMatY = getBoneMatrix( skinIndex.y );\\n\\tmat4 boneMatZ = getBoneMatrix( skinIndex.z );\\n\\tmat4 boneMatW = getBoneMatrix( skinIndex.w );\\n#endif\", skinning_pars_vertex: \"#ifdef USE_SKINNING\\n\\tuniform mat4 bindMatrix;\\n\\tuniform mat4 bindMatrixInverse;\\n\\t#ifdef BONE_TEXTURE\\n\\t\\tuniform sampler2D boneTexture;\\n\\t\\tuniform int boneTextureSize;\\n\\t\\tmat4 getBoneMatrix( const in float i ) {\\n\\t\\t\\tfloat j = i * 4.0;\\n\\t\\t\\tfloat x = mod( j, float( boneTextureSize ) );\\n\\t\\t\\tfloat y = floor( j / float( boneTextureSize ) );\\n\\t\\t\\tfloat dx = 1.0 / float( boneTextureSize );\\n\\t\\t\\tfloat dy = 1.0 / float( boneTextureSize );\\n\\t\\t\\ty = dy * ( y + 0.5 );\\n\\t\\t\\tvec4 v1 = texture2D( boneTexture, vec2( dx * ( x + 0.5 ), y ) );\\n\\t\\t\\tvec4 v2 = texture2D( boneTexture, vec2( dx * ( x + 1.5 ), y ) );\\n\\t\\t\\tvec4 v3 = texture2D( boneTexture, vec2( dx * ( x + 2.5 ), y ) );\\n\\t\\t\\tvec4 v4 = texture2D( boneTexture, vec2( dx * ( x + 3.5 ), y ) );\\n\\t\\t\\tmat4 bone = mat4( v1, v2, v3, v4 );\\n\\t\\t\\treturn bone;\\n\\t\\t}\\n\\t#else\\n\\t\\tuniform mat4 boneMatrices[ MAX_BONES ];\\n\\t\\tmat4 getBoneMatrix( const in float i ) {\\n\\t\\t\\tmat4 bone = boneMatrices[ int(i) ];\\n\\t\\t\\treturn bone;\\n\\t\\t}\\n\\t#endif\\n#endif\",\n skinning_vertex: \"#ifdef USE_SKINNING\\n\\tvec4 skinVertex = bindMatrix * vec4( transformed, 1.0 );\\n\\tvec4 skinned = vec4( 0.0 );\\n\\tskinned += boneMatX * skinVertex * skinWeight.x;\\n\\tskinned += boneMatY * skinVertex * skinWeight.y;\\n\\tskinned += boneMatZ * skinVertex * skinWeight.z;\\n\\tskinned += boneMatW * skinVertex * skinWeight.w;\\n\\ttransformed = ( bindMatrixInverse * skinned ).xyz;\\n#endif\", skinnormal_vertex: \"#ifdef USE_SKINNING\\n\\tmat4 skinMatrix = mat4( 0.0 );\\n\\tskinMatrix += skinWeight.x * boneMatX;\\n\\tskinMatrix += skinWeight.y * boneMatY;\\n\\tskinMatrix += skinWeight.z * boneMatZ;\\n\\tskinMatrix += skinWeight.w * boneMatW;\\n\\tskinMatrix = bindMatrixInverse * skinMatrix * bindMatrix;\\n\\tobjectNormal = vec4( skinMatrix * vec4( objectNormal, 0.0 ) ).xyz;\\n\\t#ifdef USE_TANGENT\\n\\t\\tobjectTangent = vec4( skinMatrix * vec4( objectTangent, 0.0 ) ).xyz;\\n\\t#endif\\n#endif\",\n specularmap_fragment: \"float specularStrength;\\n#ifdef USE_SPECULARMAP\\n\\tvec4 texelSpecular = texture2D( specularMap, vUv );\\n\\tspecularStrength = texelSpecular.r;\\n#else\\n\\tspecularStrength = 1.0;\\n#endif\", specularmap_pars_fragment: \"#ifdef USE_SPECULARMAP\\n\\tuniform sampler2D specularMap;\\n#endif\", tonemapping_fragment: \"#if defined( TONE_MAPPING )\\n\\tgl_FragColor.rgb = toneMapping( gl_FragColor.rgb );\\n#endif\", tonemapping_pars_fragment: \"#ifndef saturate\\n\\t#define saturate(a) clamp( a, 0.0, 1.0 )\\n#endif\\nuniform float toneMappingExposure;\\nuniform float toneMappingWhitePoint;\\nvec3 LinearToneMapping( vec3 color ) {\\n\\treturn toneMappingExposure * color;\\n}\\nvec3 ReinhardToneMapping( vec3 color ) {\\n\\tcolor *= toneMappingExposure;\\n\\treturn saturate( color / ( vec3( 1.0 ) + color ) );\\n}\\n#define Uncharted2Helper( x ) max( ( ( x * ( 0.15 * x + 0.10 * 0.50 ) + 0.20 * 0.02 ) / ( x * ( 0.15 * x + 0.50 ) + 0.20 * 0.30 ) ) - 0.02 / 0.30, vec3( 0.0 ) )\\nvec3 Uncharted2ToneMapping( vec3 color ) {\\n\\tcolor *= toneMappingExposure;\\n\\treturn saturate( Uncharted2Helper( color ) / Uncharted2Helper( vec3( toneMappingWhitePoint ) ) );\\n}\\nvec3 OptimizedCineonToneMapping( vec3 color ) {\\n\\tcolor *= toneMappingExposure;\\n\\tcolor = max( vec3( 0.0 ), color - 0.004 );\\n\\treturn pow( ( color * ( 6.2 * color + 0.5 ) ) / ( color * ( 6.2 * color + 1.7 ) + 0.06 ), vec3( 2.2 ) );\\n}\\nvec3 ACESFilmicToneMapping( vec3 color ) {\\n\\tcolor *= toneMappingExposure;\\n\\treturn saturate( ( color * ( 2.51 * color + 0.03 ) ) / ( color * ( 2.43 * color + 0.59 ) + 0.14 ) );\\n}\",\n uv_pars_fragment: \"#if defined( USE_MAP ) || defined( USE_BUMPMAP ) || defined( USE_NORMALMAP ) || defined( USE_SPECULARMAP ) || defined( USE_ALPHAMAP ) || defined( USE_EMISSIVEMAP ) || defined( USE_ROUGHNESSMAP ) || defined( USE_METALNESSMAP )\\n\\tvarying vec2 vUv;\\n#endif\", uv_pars_vertex: \"#if defined( USE_MAP ) || defined( USE_BUMPMAP ) || defined( USE_NORMALMAP ) || defined( USE_SPECULARMAP ) || defined( USE_ALPHAMAP ) || defined( USE_EMISSIVEMAP ) || defined( USE_ROUGHNESSMAP ) || defined( USE_METALNESSMAP )\\n\\tvarying vec2 vUv;\\n\\tuniform mat3 uvTransform;\\n#endif\",\n uv_vertex: \"#if defined( USE_MAP ) || defined( USE_BUMPMAP ) || defined( USE_NORMALMAP ) || defined( USE_SPECULARMAP ) || defined( USE_ALPHAMAP ) || defined( USE_EMISSIVEMAP ) || defined( USE_ROUGHNESSMAP ) || defined( USE_METALNESSMAP )\\n\\tvUv = ( uvTransform * vec3( uv, 1 ) ).xy;\\n#endif\", uv2_pars_fragment: \"#if defined( USE_LIGHTMAP ) || defined( USE_AOMAP )\\n\\tvarying vec2 vUv2;\\n#endif\", uv2_pars_vertex: \"#if defined( USE_LIGHTMAP ) || defined( USE_AOMAP )\\n\\tattribute vec2 uv2;\\n\\tvarying vec2 vUv2;\\n#endif\",\n uv2_vertex: \"#if defined( USE_LIGHTMAP ) || defined( USE_AOMAP )\\n\\tvUv2 = uv2;\\n#endif\", worldpos_vertex: \"#if defined( USE_ENVMAP ) || defined( DISTANCE ) || defined ( USE_SHADOWMAP )\\n\\tvec4 worldPosition = modelMatrix * vec4( transformed, 1.0 );\\n#endif\", background_frag: \"uniform sampler2D t2D;\\nvarying vec2 vUv;\\nvoid main() {\\n\\tvec4 texColor = texture2D( t2D, vUv );\\n\\tgl_FragColor = mapTexelToLinear( texColor );\\n\\t#include \\n\\t#include \\n}\", background_vert: \"varying vec2 vUv;\\nuniform mat3 uvTransform;\\nvoid main() {\\n\\tvUv = ( uvTransform * vec3( uv, 1 ) ).xy;\\n\\tgl_Position = vec4( position.xy, 1.0, 1.0 );\\n}\",\n cube_frag: \"uniform samplerCube tCube;\\nuniform float tFlip;\\nuniform float opacity;\\nvarying vec3 vWorldDirection;\\nvoid main() {\\n\\tvec4 texColor = textureCube( tCube, vec3( tFlip * vWorldDirection.x, vWorldDirection.yz ) );\\n\\tgl_FragColor = mapTexelToLinear( texColor );\\n\\tgl_FragColor.a *= opacity;\\n\\t#include \\n\\t#include \\n}\", cube_vert: \"varying vec3 vWorldDirection;\\n#include \\nvoid main() {\\n\\tvWorldDirection = transformDirection( position, modelMatrix );\\n\\t#include \\n\\t#include \\n\\tgl_Position.z = gl_Position.w;\\n}\",\n depth_frag: \"#if DEPTH_PACKING == 3200\\n\\tuniform float opacity;\\n#endif\\n#include \\n#include \\n#include \\n#include \\n#include \\n#include \\n#include \\nvoid main() {\\n\\t#include \\n\\tvec4 diffuseColor = vec4( 1.0 );\\n\\t#if DEPTH_PACKING == 3200\\n\\t\\tdiffuseColor.a = opacity;\\n\\t#endif\\n\\t#include \\n\\t#include \\n\\t#include \\n\\t#include \\n\\t#if DEPTH_PACKING == 3200\\n\\t\\tgl_FragColor = vec4( vec3( 1.0 - gl_FragCoord.z ), opacity );\\n\\t#elif DEPTH_PACKING == 3201\\n\\t\\tgl_FragColor = packDepthToRGBA( gl_FragCoord.z );\\n\\t#endif\\n}\",\n depth_vert: \"#include \\n#include \\n#include \\n#include \\n#include \\n#include \\n#include \\nvoid main() {\\n\\t#include \\n\\t#include \\n\\t#ifdef USE_DISPLACEMENTMAP\\n\\t\\t#include \\n\\t\\t#include \\n\\t\\t#include \\n\\t#endif\\n\\t#include \\n\\t#include \\n\\t#include \\n\\t#include \\n\\t#include \\n\\t#include \\n\\t#include \\n}\",\n distanceRGBA_frag: \"#define DISTANCE\\nuniform vec3 referencePosition;\\nuniform float nearDistance;\\nuniform float farDistance;\\nvarying vec3 vWorldPosition;\\n#include \\n#include \\n#include \\n#include \\n#include \\n#include \\nvoid main () {\\n\\t#include \\n\\tvec4 diffuseColor = vec4( 1.0 );\\n\\t#include \\n\\t#include \\n\\t#include \\n\\tfloat dist = length( vWorldPosition - referencePosition );\\n\\tdist = ( dist - nearDistance ) / ( farDistance - nearDistance );\\n\\tdist = saturate( dist );\\n\\tgl_FragColor = packDepthToRGBA( dist );\\n}\",\n distanceRGBA_vert: \"#define DISTANCE\\nvarying vec3 vWorldPosition;\\n#include \\n#include \\n#include \\n#include \\n#include \\n#include \\nvoid main() {\\n\\t#include \\n\\t#include \\n\\t#ifdef USE_DISPLACEMENTMAP\\n\\t\\t#include \\n\\t\\t#include \\n\\t\\t#include \\n\\t#endif\\n\\t#include \\n\\t#include \\n\\t#include \\n\\t#include \\n\\t#include \\n\\t#include \\n\\t#include \\n\\tvWorldPosition = worldPosition.xyz;\\n}\",\n equirect_frag: \"uniform sampler2D tEquirect;\\nvarying vec3 vWorldDirection;\\n#include \\nvoid main() {\\n\\tvec3 direction = normalize( vWorldDirection );\\n\\tvec2 sampleUV;\\n\\tsampleUV.y = asin( clamp( direction.y, - 1.0, 1.0 ) ) * RECIPROCAL_PI + 0.5;\\n\\tsampleUV.x = atan( direction.z, direction.x ) * RECIPROCAL_PI2 + 0.5;\\n\\tvec4 texColor = texture2D( tEquirect, sampleUV );\\n\\tgl_FragColor = mapTexelToLinear( texColor );\\n\\t#include \\n\\t#include \\n}\",\n equirect_vert: \"varying vec3 vWorldDirection;\\n#include \\nvoid main() {\\n\\tvWorldDirection = transformDirection( position, modelMatrix );\\n\\t#include \\n\\t#include \\n}\", linedashed_frag: \"uniform vec3 diffuse;\\nuniform float opacity;\\nuniform float dashSize;\\nuniform float totalSize;\\nvarying float vLineDistance;\\n#include \\n#include \\n#include \\n#include \\n#include \\nvoid main() {\\n\\t#include \\n\\tif ( mod( vLineDistance, totalSize ) > dashSize ) {\\n\\t\\tdiscard;\\n\\t}\\n\\tvec3 outgoingLight = vec3( 0.0 );\\n\\tvec4 diffuseColor = vec4( diffuse, opacity );\\n\\t#include \\n\\t#include \\n\\toutgoingLight = diffuseColor.rgb;\\n\\tgl_FragColor = vec4( outgoingLight, diffuseColor.a );\\n\\t#include \\n\\t#include \\n\\t#include \\n\\t#include \\n}\",\n linedashed_vert: \"uniform float scale;\\nattribute float lineDistance;\\nvarying float vLineDistance;\\n#include \\n#include \\n#include \\n#include \\n#include \\nvoid main() {\\n\\t#include \\n\\tvLineDistance = scale * lineDistance;\\n\\tvec4 mvPosition = modelViewMatrix * vec4( position, 1.0 );\\n\\tgl_Position = projectionMatrix * mvPosition;\\n\\t#include \\n\\t#include \\n\\t#include \\n}\",\n meshbasic_frag: \"uniform vec3 diffuse;\\nuniform float opacity;\\n#ifndef FLAT_SHADED\\n\\tvarying vec3 vNormal;\\n#endif\\n#include \\n#include \\n#include \\n#include \\n#include \\n#include \\n#include \\n#include \\n#include \\n#include \\n#include \\n#include \\n#include \\nvoid main() {\\n\\t#include \\n\\tvec4 diffuseColor = vec4( diffuse, opacity );\\n\\t#include \\n\\t#include \\n\\t#include \\n\\t#include \\n\\t#include \\n\\t#include \\n\\tReflectedLight reflectedLight = ReflectedLight( vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ) );\\n\\t#ifdef USE_LIGHTMAP\\n\\t\\treflectedLight.indirectDiffuse += texture2D( lightMap, vUv2 ).xyz * lightMapIntensity;\\n\\t#else\\n\\t\\treflectedLight.indirectDiffuse += vec3( 1.0 );\\n\\t#endif\\n\\t#include \\n\\treflectedLight.indirectDiffuse *= diffuseColor.rgb;\\n\\tvec3 outgoingLight = reflectedLight.indirectDiffuse;\\n\\t#include \\n\\tgl_FragColor = vec4( outgoingLight, diffuseColor.a );\\n\\t#include \\n\\t#include \\n\\t#include \\n\\t#include \\n}\",\n meshbasic_vert: \"#include \\n#include \\n#include \\n#include \\n#include \\n#include \\n#include \\n#include \\n#include \\n#include \\nvoid main() {\\n\\t#include \\n\\t#include \\n\\t#include \\n\\t#include \\n\\t#ifdef USE_ENVMAP\\n\\t#include \\n\\t#include \\n\\t#include \\n\\t#include \\n\\t#endif\\n\\t#include \\n\\t#include \\n\\t#include \\n\\t#include \\n\\t#include \\n\\t#include \\n\\t#include \\n\\t#include \\n\\t#include \\n}\",\n meshlambert_frag: \"uniform vec3 diffuse;\\nuniform vec3 emissive;\\nuniform float opacity;\\nvarying vec3 vLightFront;\\nvarying vec3 vIndirectFront;\\n#ifdef DOUBLE_SIDED\\n\\tvarying vec3 vLightBack;\\n\\tvarying vec3 vIndirectBack;\\n#endif\\n#include \\n#include \\n#include \\n#include \\n#include \\n#include \\n#include \\n#include \\n#include \\n#include \\n#include \\n#include \\n#include \\n#include \\n#include \\n#include \\n#include \\n#include \\n#include \\n#include \\nvoid main() {\\n\\t#include \\n\\tvec4 diffuseColor = vec4( diffuse, opacity );\\n\\tReflectedLight reflectedLight = ReflectedLight( vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ) );\\n\\tvec3 totalEmissiveRadiance = emissive;\\n\\t#include \\n\\t#include \\n\\t#include \\n\\t#include \\n\\t#include \\n\\t#include \\n\\t#include \\n\\treflectedLight.indirectDiffuse = getAmbientLightIrradiance( ambientLightColor );\\n\\t#ifdef DOUBLE_SIDED\\n\\t\\treflectedLight.indirectDiffuse += ( gl_FrontFacing ) ? vIndirectFront : vIndirectBack;\\n\\t#else\\n\\t\\treflectedLight.indirectDiffuse += vIndirectFront;\\n\\t#endif\\n\\t#include \\n\\treflectedLight.indirectDiffuse *= BRDF_Diffuse_Lambert( diffuseColor.rgb );\\n\\t#ifdef DOUBLE_SIDED\\n\\t\\treflectedLight.directDiffuse = ( gl_FrontFacing ) ? vLightFront : vLightBack;\\n\\t#else\\n\\t\\treflectedLight.directDiffuse = vLightFront;\\n\\t#endif\\n\\treflectedLight.directDiffuse *= BRDF_Diffuse_Lambert( diffuseColor.rgb ) * getShadowMask();\\n\\t#include \\n\\tvec3 outgoingLight = reflectedLight.directDiffuse + reflectedLight.indirectDiffuse + totalEmissiveRadiance;\\n\\t#include \\n\\tgl_FragColor = vec4( outgoingLight, diffuseColor.a );\\n\\t#include \\n\\t#include \\n\\t#include ![\\\"\\\"](\\\"assets/images/homi-preloader.gif\\\")
\\n ![](\\\"../assets/images/plusPlus.png\\\"\\n)
![\\\"Get](\\\"../assets/images/gplay.png\\\")
\\n ![\\\"Download](\\\"../assets/images/aplay.png\\\")
\\n ![\\\"Available](\\\"../assets/images/splay.png\\\")
\\n ![\\\"Available](\\\"../assets/images/lplay.png\\\")
\\n ![\\\"Available](\\\"../assets/images/android.png\\\")
\\n ![\\\"Profile\\\"](\\\"../../../../assets/images/svg/profile-icons/dark/Profile.svg\\\"){kind=icon}
\\n ![\\\"Profile\\\"](\\\"../../../../assets/images/svg/profile-icons/light/Profile.svg\\\"){kind=icon}
\\n \\n ![\\\"Favourite\\\"](\\\"../../../../assets/images/svg/profile-icons/dark/Favourite.svg\\\"){kind=icon}
\\n ![\\\"Favourite\\\"](\\\"../../../../assets/images/svg/profile-icons/light/Favourite.svg\\\"){kind=icon}
\\n \\n ![\\\"Playlist\\\"](\\\"../../../../assets/images/svg/profile-icons/dark/Playlist.svg\\\"){kind=icon}
\\n ![\\\"Playlist\\\"](\\\"../../../../assets/images/svg/profile-icons/light/Playlist.svg\\\"){kind=icon}
\\n \\n ![\\\"History\\\"](\\\"../../../../assets/images/svg/profile-icons/dark/History.svg\\\"){kind=icon}
\\n ![\\\"History\\\"](\\\"../../../../assets/images/svg/profile-icons/light/History.svg\\\"){kind=icon}
\\n \\n ![\\\"My](\\\"../../../../assets/images/svg/profile-icons/dark/My-Transactions.svg\\\"){kind=icon}
\\n ![\\\"My](\\\"../../../../assets/images/svg/profile-icons/light/My-Transactions.svg\\\"){kind=icon}
\\n \\n ![\\\"Purchased](\\\"../../../../assets/images/svg/profile-icons/dark/purchased-video.svg\\\"){kind=icon}
\\n ![\\\"Purchased](\\\"../../../../assets/images/svg/profile-icons/light/purchased-video.svg\\\"){kind=icon}
\\n \\n ![\\\"Change](\\\"../../../../assets/images/svg/profile-icons/dark/Change-Password.svg\\\"){kind=icon}
\\n ![\\\"Change](\\\"../../../../assets/images/svg/profile-icons/light/Change-Password.svg\\\"){kind=icon}
\\n \\n ![\\\"Settings\\\"](\\\"../../../../assets/images/svg/profile-icons/dark/Settings.svg\\\"){kind=icon}
\\n ![\\\"Settings\\\"](\\\"../../../../assets/images/svg/profile-icons/light/Settings.svg\\\"){kind=icon}
\\n \\n ![](\\\"../assets/images/plusPlus.png\\\")
![\\\"thumbnail\\\"](\\\"https://d26vowkpt9sr0z.cloudfront.net/images/webseries/posters/2022/02/621877fa58d5d.jpeg\\\")
\\n ![\\\"Facebook\\\"](\\\"/assets/images/fb2.png\\\")
\\n\\n ![\\\"Google\\\"](\\\"/assets/images/inst2.png\\\")
\\n\\n![\\\"ThumbnailImage\\\"](\\\"assets/images/xray_placeholder.png\\\")
\\n ![](\\\"assets/images/user-icon.png\\\"){kind=icon}
\\n ![](\\\"/assets/images/srch.svg\\\")
\\n ![\\\"Google\\\"](\\\"/assets/images/twi.png\\\")
\\n ![\\\"Google\\\"](\\\"/assets/images/whatss.png\\\")
\\n\\n ![\\\"no-videos\\\"](\\\"assets/images/no-videos.svg\\\")
\\n ![\\\"video.title\\\"](\\\"assets/images/blank_new.png\\\")
\\n ![](\\\"../assets/images/playIcon.png\\\")
![](\\\"../assets/images/sub.png\\\")