{"version":3,"sources":["webpack:///javascripts/23-257c10c0995a4d25fa59.min.js","webpack:///./app/assets/javascripts/directives/wistiaPlayer.ts","webpack:///./app/assets/html/wistia-player.html"],"names":["webpackJsonp","CTLc","module","exports","__webpack_require__","Object","defineProperty","value","tslib_1","RescaleSvc_1","underscore_extensions_1","WistiaPlayer","$element","$rootScope","wistiaSvc","stopPlaySvcFactory","_this","this","showPreview","wistiaId","options","handHeld","video","mobileWistiaId","onModalClose","_","noop","onReady","calcTime","Utils","modalShowListener","defaultOptions","autoPlay","fullscreenChange","document","fullscreenElement","mozFullScreenElement","webkitFullscreenElement","msFullscreenElement","wistiaPlayer","play","volume","isPlayBtn","inModal","canPlay","isMobile","__assign","setWistiaMedia","stopPlaySvc","isPlaying","isVideoPlaying","playVideo","scrollCentredOn","loadVideo","$inject","prototype","$onDestroy","unbind","deactivate","$onChanges","onChangesObj","canOpenModal","obj","previousValue","currentValue","time","playInModal","playInside","el","$on","querySelector","style","opacity","getPlayer","then","videoPlayer","maxWidth","window","innerWidth","maxHeight","innerHeight","_a","RescaleSvc","resizeWithAspectRatio","width","height","assign","modalCloseHandler","getMedia","media","preview","thumbnail","url","duration","getWistiaPlayer","bind","Math","floor","getBoundingClientRect","constrain","pause","angular","component","bindings","isDuration","controller","templateUrl","ze4q","p"],"mappings":"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","file":"javascripts/23-257c10c0995a4d25fa59.min.js","sourcesContent":["webpackJsonp([23],{\n\n/***/ \"CTLc\":\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\r\nObject.defineProperty(exports, \"__esModule\", { value: true });\r\nvar tslib_1 = __webpack_require__(\"TToO\");\r\nvar RescaleSvc_1 = __webpack_require__(\"7T+Z\");\r\nvar underscore_extensions_1 = __webpack_require__(\"R0iF\");\r\nvar WistiaPlayer = (function () {\r\n    WistiaPlayer.$inject = [\"$element\", \"$rootScope\", \"wistiaSvc\", \"stopPlaySvcFactory\"];\r\n    function WistiaPlayer($element, $rootScope, wistiaSvc, stopPlaySvcFactory) {\r\n        var _this = this;\r\n        this.$element = $element;\r\n        this.$rootScope = $rootScope;\r\n        this.wistiaSvc = wistiaSvc;\r\n        this.stopPlaySvcFactory = stopPlaySvcFactory;\r\n        this.showPreview = true;\r\n        this.wistiaId = options.handHeld && this.video.mobileWistiaId ? this.video.mobileWistiaId : this.video.wistiaId;\r\n        this.onModalClose = this.onModalClose || _.noop;\r\n        this.onReady = this.onReady || _.noop;\r\n        this.calcTime = underscore_extensions_1.Utils.calcTime;\r\n        this.modalShowListener = _.noop;\r\n        this.defaultOptions = {\r\n            autoPlay: false\r\n        };\r\n        this.fullscreenChange = function () {\r\n            var fullscreenElement = document.fullscreenElement || document.mozFullScreenElement ||\r\n                document.webkitFullscreenElement || document.msFullscreenElement;\r\n            if (fullscreenElement != null) {\r\n                _this.wistiaPlayer.play();\r\n                _this.wistiaPlayer.volume(100);\r\n            }\r\n            else {\r\n                _this.wistiaPlayer.volume(_this.options.volume);\r\n            }\r\n        };\r\n        if (options.handHeld) {\r\n            this.isPlayBtn = false;\r\n            this.inModal = false;\r\n        }\r\n        this.canPlay = !this.isPlayBtn && (this.video.isMobile || !options.handHeld);\r\n        this.options = tslib_1.__assign({}, this.defaultOptions, this.options);\r\n        this.setWistiaMedia();\r\n        this.stopPlaySvc = this.stopPlaySvcFactory(this.$element, function (isPlaying) {\r\n            _this.isVideoPlaying = isPlaying;\r\n            _this.playVideo();\r\n        }, this.video.scrollCentredOn);\r\n        if (this.canPlay) {\r\n            this.loadVideo();\r\n        }\r\n    }\r\n    WistiaPlayer.prototype.$onDestroy = function () {\r\n        this.wistiaPlayer && this.wistiaPlayer.unbind('heightchange', this.fullscreenChange);\r\n        this.stopPlaySvc && this.stopPlaySvc.deactivate();\r\n    };\r\n    WistiaPlayer.prototype.$onChanges = function (onChangesObj) {\r\n        var isUpdated = function (obj) { return obj && obj.previousValue !== obj.currentValue; };\r\n        this.canOpenModal = this.inModal && this.canPlay;\r\n        if (this.wistiaPlayer && isUpdated(onChangesObj.time)) {\r\n            this.wistiaPlayer.time(this.time);\r\n        }\r\n    };\r\n    WistiaPlayer.prototype.loadVideo = function () {\r\n        this.canPlay = this.video.isMobile || !options.handHeld;\r\n        if (!this.canPlay)\r\n            return;\r\n        if (this.inModal) {\r\n            this.playInModal();\r\n        }\r\n        else {\r\n            this.playInside();\r\n        }\r\n    };\r\n    WistiaPlayer.prototype.playInModal = function () {\r\n        var el;\r\n        this.modalShowListener = this.$rootScope.$on('modal:show', function () {\r\n            el = document.querySelector('.modal-wistia-player');\r\n            el.style.opacity = '0';\r\n        });\r\n        this.canOpenModal = true;\r\n        this.getPlayer().then(function (videoPlayer) {\r\n            var maxWidth = (window.innerWidth / 1.4);\r\n            var maxHeight = (window.innerHeight / 1.2);\r\n            var _a = RescaleSvc_1.RescaleSvc.resizeWithAspectRatio(videoPlayer.width(), videoPlayer.height(), maxWidth, maxHeight, true, true), width = _a.width, height = _a.height;\r\n            var modalPadding = 20;\r\n            videoPlayer.width(width - modalPadding);\r\n            videoPlayer.height(height - modalPadding);\r\n            Object.assign(el.style, {\r\n                width: width + \"px\",\r\n                height: height + \"px\",\r\n                opacity: '1'\r\n            });\r\n        });\r\n    };\r\n    WistiaPlayer.prototype.playInside = function () {\r\n        var _this = this;\r\n        this.getPlayer().then(function () {\r\n            _this.playVideo();\r\n        });\r\n    };\r\n    WistiaPlayer.prototype.modalCloseHandler = function () {\r\n        this.canOpenModal = false;\r\n        this.showPreview = true;\r\n        this.onModalClose();\r\n        this.modalShowListener();\r\n    };\r\n    WistiaPlayer.prototype.setWistiaMedia = function () {\r\n        var _this = this;\r\n        this.wistiaSvc.getMedia(this.wistiaId).then(function (media) {\r\n            _this.video.preview = _this.video.preview || media.thumbnail.url;\r\n            _this.video.duration = _this.calcTime(media.duration);\r\n        });\r\n    };\r\n    WistiaPlayer.prototype.getPlayer = function () {\r\n        var _this = this;\r\n        return this.wistiaSvc.getWistiaPlayer(this.wistiaId, this.options)\r\n            .then(function (videoPlayer) {\r\n            _this.wistiaPlayer = videoPlayer;\r\n            _this.wistiaPlayer.bind('heightchange', _this.fullscreenChange);\r\n            _this.onReady({ video: _this.wistiaPlayer });\r\n            return videoPlayer;\r\n        });\r\n    };\r\n    WistiaPlayer.prototype.playVideo = function () {\r\n        if (this.wistiaPlayer) {\r\n            // fix bug with incorrect height in wistia player\r\n            if (!this.inModal) {\r\n                var width = Math.floor(this.$element[0].getBoundingClientRect().width);\r\n                this.wistiaPlayer.width(width, { constrain: true });\r\n            }\r\n            var canPlay = this.inModal || this.isVideoPlaying;\r\n            if (canPlay) {\r\n                this.wistiaPlayer.play();\r\n                this.showPreview = this.inModal;\r\n            }\r\n            else {\r\n                this.wistiaPlayer.pause();\r\n            }\r\n            if (this.isVideoPlaying && this.time && this.time > 0) {\r\n                this.wistiaPlayer.time(this.time);\r\n                this.wistiaPlayer.play();\r\n            }\r\n        }\r\n    };\r\n    return WistiaPlayer;\r\n}());\r\nexports.WistiaPlayer = WistiaPlayer;\r\nangular.module('animatronApp.wistiaPlayer', []).component('wistiaPlayer', {\r\n    bindings: {\r\n        onModalClose: '&?',\r\n        onReady: '&?',\r\n        inModal: '<',\r\n        video: '<',\r\n        time: '<?',\r\n        isPlayBtn: '<?',\r\n        isDuration: '<?',\r\n        options: '<?'\r\n    },\r\n    controller: WistiaPlayer,\r\n    templateUrl: __webpack_require__(\"ze4q\")\r\n});\r\n\n\n/***/ }),\n\n/***/ \"ze4q\":\n/***/ (function(module, exports, __webpack_require__) {\n\nmodule.exports = __webpack_require__.p + \"html/wistia-player_507bd1b56b94946825e085bf0256658b.html\";\n\n/***/ })\n\n});\n\n\n// WEBPACK FOOTER //\n// javascripts/23-257c10c0995a4d25fa59.min.js","import {WistiaSvc} from '../services/WistiaSvc';\nimport {StopPlaySvc, StopPlaySvcFactory} from '../services/StopPlaySvc';\nimport {RescaleSvc} from '../services/RescaleSvc';\nimport {Utils} from '../underscore-extensions';\n\nexport class WistiaPlayer implements ng.IComponentController {\n    video: anm.LandingVideo;\n    showPreview = true;\n    canPlay: boolean;\n    inModal: boolean;\n    isDuration: boolean;\n    canOpenModal: boolean;\n    wistiaId = options.handHeld && this.video.mobileWistiaId ? this.video.mobileWistiaId : this.video.wistiaId;\n\n    onModalClose: () => void = this.onModalClose || _.noop;\n    onReady: (video: any) => void = this.onReady || _.noop;\n    calcTime = Utils.calcTime;\n\n    private stopPlaySvc: StopPlaySvc;\n    private modalShowListener: Function = _.noop;\n    private time: number;\n    private options: any;\n    private defaultOptions = {\n        autoPlay: false\n    };\n    private play: boolean;\n    private isPlayBtn: boolean;\n    private wistiaPlayer: any;\n    private isVideoPlaying: boolean;\n\n    constructor(private $element: ng.IAugmentedJQuery,\n                private $rootScope: ng.IRootScopeService,\n                private wistiaSvc: WistiaSvc,\n                private stopPlaySvcFactory: StopPlaySvcFactory) {\n        if (options.handHeld) {\n            this.isPlayBtn = false;\n            this.inModal = false;\n        }\n        this.canPlay = !this.isPlayBtn && (this.video.isMobile || !options.handHeld);\n\n        this.options = {...this.defaultOptions, ...this.options};\n        this.setWistiaMedia();\n\n            this.stopPlaySvc = this.stopPlaySvcFactory(\n                this.$element,\n                isPlaying => {\n                    this.isVideoPlaying = isPlaying;\n                    this.playVideo();\n                },\n                this.video.scrollCentredOn\n            );\n\n        if (this.canPlay) {\n            this.loadVideo();\n        }\n    }\n\n    $onDestroy() {\n        this.wistiaPlayer && this.wistiaPlayer.unbind('heightchange', this.fullscreenChange);\n        this.stopPlaySvc && this.stopPlaySvc.deactivate();\n    }\n\n    $onChanges(onChangesObj: ng.IOnChangesObject) {\n        const isUpdated = (obj: ng.IChangesObject<any>) => obj && obj.previousValue !== obj.currentValue;\n        this.canOpenModal = this.inModal && this.canPlay;\n\n        if (this.wistiaPlayer && isUpdated(onChangesObj.time)) {\n            this.wistiaPlayer.time(this.time);\n        }\n    }\n\n    loadVideo() {\n        this.canPlay = this.video.isMobile || !options.handHeld;\n        if (!this.canPlay) return;\n\n        if (this.inModal) {\n            this.playInModal();\n        } else {\n            this.playInside();\n        }\n    }\n\n    playInModal() {\n        let el: HTMLElement;\n        this.modalShowListener = this.$rootScope.$on('modal:show', () => {\n            el = document.querySelector('.modal-wistia-player');\n\n            el.style.opacity = '0';\n        });\n\n        this.canOpenModal = true;\n\n        this.getPlayer().then((videoPlayer: any) => {\n            const maxWidth = (window.innerWidth / 1.4);\n            const maxHeight = (window.innerHeight / 1.2);\n\n            const {width, height} = RescaleSvc.resizeWithAspectRatio(\n                videoPlayer.width(),\n                videoPlayer.height(),\n                maxWidth,\n                maxHeight,\n                true, true\n            );\n\n            const modalPadding = 20;\n            videoPlayer.width(width - modalPadding);\n            videoPlayer.height(height - modalPadding);\n\n            Object.assign(el.style, {\n                width: `${width}px`,\n                height: `${height}px`,\n                opacity: '1'\n            });\n        });\n    }\n\n    playInside() {\n        this.getPlayer().then(() => {\n            this.playVideo();\n        });\n    }\n\n    modalCloseHandler() {\n        this.canOpenModal = false;\n        this.showPreview = true;\n        this.onModalClose();\n        this.modalShowListener();\n    }\n\n    private setWistiaMedia() {\n        this.wistiaSvc.getMedia(this.wistiaId).then(media => {\n            this.video.preview = this.video.preview || media.thumbnail.url;\n            this.video.duration = this.calcTime(media.duration);\n        });\n    }\n\n    private getPlayer() {\n        return this.wistiaSvc.getWistiaPlayer(this.wistiaId, this.options)\n            .then((videoPlayer: any) => {\n                this.wistiaPlayer = videoPlayer;\n                this.wistiaPlayer.bind('heightchange', this.fullscreenChange);\n                this.onReady({video: this.wistiaPlayer});\n                return videoPlayer;\n            });\n    }\n\n    private fullscreenChange = () => {\n        const fullscreenElement = document.fullscreenElement || document.mozFullScreenElement ||\n            document.webkitFullscreenElement || document.msFullscreenElement;\n\n        if (fullscreenElement != null) {\n            this.wistiaPlayer.play();\n            this.wistiaPlayer.volume(100);\n        } else {\n            this.wistiaPlayer.volume(this.options.volume);\n        }\n    };\n\n    private playVideo() {\n        if (this.wistiaPlayer) {\n            // fix bug with incorrect height in wistia player\n            if (!this.inModal) {\n                const width = Math.floor(this.$element[0].getBoundingClientRect().width);\n                this.wistiaPlayer.width(width, {constrain: true});\n            }\n\n            const canPlay = this.inModal || this.isVideoPlaying;\n            if (canPlay) {\n                this.wistiaPlayer.play();\n                this.showPreview = this.inModal;\n            } else {\n                this.wistiaPlayer.pause();\n            }\n\n            if (this.isVideoPlaying && this.time && this.time > 0) {\n                this.wistiaPlayer.time(this.time);\n                this.wistiaPlayer.play();\n            }\n        }\n    }\n}\n\nangular.module('animatronApp.wistiaPlayer', []).component('wistiaPlayer', {\n    bindings: {\n        onModalClose: '&?',\n        onReady: '&?',\n        inModal: '<',\n        video: '<',\n        time: '<?',\n        isPlayBtn: '<?',\n        isDuration: '<?',\n        options: '<?'\n    },\n    controller: WistiaPlayer,\n    templateUrl: require('wistia-player.html')\n});\n\n\n\n// WEBPACK FOOTER //\n// ./app/assets/javascripts/directives/wistiaPlayer.ts","module.exports = __webpack_public_path__ + \"html/wistia-player_507bd1b56b94946825e085bf0256658b.html\";\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./app/assets/html/wistia-player.html\n// module id = ze4q\n// module chunks = 23"],"sourceRoot":""}