Unminify using 1.5.323

Repo with tag: https://github.com/MediaBrowser/emby-webcomponents/tree/1.5.323

src/bower_components/emby-webcomponents/slideshow/slideshow.js

@@ -1,317 +1,643 @@
-define(["dialogHelper", "inputManager", "connectionManager", "layoutManager", "focusManager", "browser", "apphost", "loading", "css!./style", "material-icons", "paper-icon-button-light"], function(dialogHelper, inputmanager, connectionManager, layoutManager, focusManager, browser, appHost, loading) {
-    "use strict";
+define(['dialogHelper', 'inputManager', 'connectionManager', 'layoutManager', 'focusManager', 'browser', 'apphost', 'loading', 'css!./style', 'material-icons', 'paper-icon-button-light'], function (dialogHelper, inputmanager, connectionManager, layoutManager, focusManager, browser, appHost, loading) {
+    'use strict';
 
     function getImageUrl(item, options, apiClient) {
-        return options = options || {}, options.type = options.type || "Primary", "string" == typeof item ? apiClient.getScaledImageUrl(item, options) : item.ImageTags && item.ImageTags[options.type] ? (options.tag = item.ImageTags[options.type], apiClient.getScaledImageUrl(item.Id, options)) : "Primary" === options.type && item.AlbumId && item.AlbumPrimaryImageTag ? (options.tag = item.AlbumPrimaryImageTag, apiClient.getScaledImageUrl(item.AlbumId, options)) : null
+
+        options = options || {};
+        options.type = options.type || "Primary";
+
+        if (typeof (item) === 'string') {
+            return apiClient.getScaledImageUrl(item, options);
+        }
+
+        if (item.ImageTags && item.ImageTags[options.type]) {
+
+            options.tag = item.ImageTags[options.type];
+            return apiClient.getScaledImageUrl(item.Id, options);
+        }
+
+        if (options.type === 'Primary') {
+            if (item.AlbumId && item.AlbumPrimaryImageTag) {
+
+                options.tag = item.AlbumPrimaryImageTag;
+                return apiClient.getScaledImageUrl(item.AlbumId, options);
+            }
+        }
+
+        return null;
     }
 
     function getBackdropImageUrl(item, options, apiClient) {
-        return options = options || {}, options.type = options.type || "Backdrop", options.maxWidth || options.width || options.maxHeight || options.height || (options.quality = 100), item.BackdropImageTags && item.BackdropImageTags.length ? (options.tag = item.BackdropImageTags[0], apiClient.getScaledImageUrl(item.Id, options)) : null
+
+        options = options || {};
+        options.type = options.type || "Backdrop";
+
+        // If not resizing, get the original image
+        if (!options.maxWidth && !options.width && !options.maxHeight && !options.height) {
+            options.quality = 100;
+        }
+
+        if (item.BackdropImageTags && item.BackdropImageTags.length) {
+
+            options.tag = item.BackdropImageTags[0];
+            return apiClient.getScaledImageUrl(item.Id, options);
+        }
+
+        return null;
     }
 
     function getImgUrl(item, original) {
-        var apiClient = connectionManager.getApiClient(item.ServerId),
-            imageOptions = {};
-        return original || (imageOptions.maxWidth = screen.availWidth), item.BackdropImageTags && item.BackdropImageTags.length ? getBackdropImageUrl(item, imageOptions, apiClient) : "Photo" === item.MediaType && original ? apiClient.getItemDownloadUrl(item.Id) : (imageOptions.type = "Primary", getImageUrl(item, imageOptions, apiClient))
+
+        var apiClient = connectionManager.getApiClient(item.ServerId);
+        var imageOptions = {};
+
+        if (!original) {
+            imageOptions.maxWidth = screen.availWidth;
+        }
+        if (item.BackdropImageTags && item.BackdropImageTags.length) {
+            return getBackdropImageUrl(item, imageOptions, apiClient);
+        } else {
+
+            if (item.MediaType === 'Photo' && original) {
+                return apiClient.getItemDownloadUrl(item.Id);
+            }
+            imageOptions.type = "Primary";
+            return getImageUrl(item, imageOptions, apiClient);
+        }
     }
 
     function getIcon(icon, cssClass, canFocus, autoFocus) {
-        var tabIndex = canFocus ? "" : ' tabindex="-1"';
-        return autoFocus = autoFocus ? " autofocus" : "", '<button is="paper-icon-button-light" class="autoSize ' + cssClass + '"' + tabIndex + autoFocus + '><i class="md-icon slideshowButtonIcon">' + icon + "</i></button>"
+
+        var tabIndex = canFocus ? '' : ' tabindex="-1"';
+        autoFocus = autoFocus ? ' autofocus' : '';
+        return '<button is="paper-icon-button-light" class="autoSize ' + cssClass + '"' + tabIndex + autoFocus + '><i class="md-icon slideshowButtonIcon">' + icon + '</i></button>';
     }
 
     function setUserScalable(scalable) {
+
         try {
-            appHost.setUserScalable(scalable)
-        } catch (err) {
-            console.log("error in appHost.setUserScalable: " + err)
+            appHost.setUserScalable(scalable);
+        }
+        catch (err) {
+            console.log('error in appHost.setUserScalable: ' + err);
         }
     }
-    return function(options) {
+
+    return function (options) {
+
+        var self = this;
+        var swiperInstance;
+        var dlg;
+        var currentTimeout;
+        var currentIntervalMs;
+        var currentOptions;
+        var currentIndex;
+
+        // small hack since this is not possible anyway
+        if (browser.chromecast) {
+            options.interactive = false;
+        }
+
         function createElements(options) {
+
             dlg = dialogHelper.createDialog({
                 exitAnimationDuration: options.interactive ? 400 : 800,
-                size: "fullscreen",
-                autoFocus: !1,
-                scrollY: !1,
-                exitAnimation: "fadeout",
-                removeOnClose: !0
-            }), dlg.classList.add("slideshowDialog");
-            var html = "";
+                size: 'fullscreen',
+                autoFocus: false,
+                scrollY: false,
+                exitAnimation: 'fadeout',
+                removeOnClose: true
+            });
+
+            dlg.classList.add('slideshowDialog');
+
+            var html = '';
+
             if (options.interactive) {
+
                 var actionButtonsOnTop = layoutManager.mobile;
-                html += "<div>", html += '<div class="slideshowSwiperContainer"><div class="swiper-wrapper"></div></div>', html += getIcon("keyboard_arrow_left", "btnSlideshowPrevious slideshowButton hide-mouse-idle-tv", !1), html += getIcon("keyboard_arrow_right", "btnSlideshowNext slideshowButton hide-mouse-idle-tv", !1), html += '<div class="topActionButtons">', actionButtonsOnTop && (appHost.supports("filedownload") && (html += getIcon("file_download", "btnDownload slideshowButton", !0)), appHost.supports("sharing") && (html += getIcon("share", "btnShare slideshowButton", !0))), html += getIcon("close", "slideshowButton btnSlideshowExit hide-mouse-idle-tv", !1), html += "</div>", actionButtonsOnTop || (html += '<div class="slideshowBottomBar hide">', html += getIcon("pause", "btnSlideshowPause slideshowButton", !0, !0), appHost.supports("filedownload") && (html += getIcon("file_download", "btnDownload slideshowButton", !0)), appHost.supports("sharing") && (html += getIcon("share", "btnShare slideshowButton", !0)), html += "</div>"), html += "</div>"
-            } else html += '<div class="slideshowImage"></div><h1 class="slideshowImageText"></h1>';
-            if (dlg.innerHTML = html, options.interactive) {
-                dlg.querySelector(".btnSlideshowExit").addEventListener("click", function(e) {
-                    dialogHelper.close(dlg)
-                }), dlg.querySelector(".btnSlideshowNext").addEventListener("click", nextImage), dlg.querySelector(".btnSlideshowPrevious").addEventListener("click", previousImage);
-                var btnPause = dlg.querySelector(".btnSlideshowPause");
-                btnPause && btnPause.addEventListener("click", playPause);
-                var btnDownload = dlg.querySelector(".btnDownload");
-                btnDownload && btnDownload.addEventListener("click", download);
-                var btnShare = dlg.querySelector(".btnShare");
-                btnShare && btnShare.addEventListener("click", share)
+
+                html += '<div>';
+                html += '<div class="slideshowSwiperContainer"><div class="swiper-wrapper"></div></div>';
+
+                html += getIcon('keyboard_arrow_left', 'btnSlideshowPrevious slideshowButton hide-mouse-idle-tv', false);
+                html += getIcon('keyboard_arrow_right', 'btnSlideshowNext slideshowButton hide-mouse-idle-tv', false);
+
+                html += '<div class="topActionButtons">';
+                if (actionButtonsOnTop) {
+                    if (appHost.supports('filedownload')) {
+                        html += getIcon('file_download', 'btnDownload slideshowButton', true);
+                    }
+                    if (appHost.supports('sharing')) {
+                        html += getIcon('share', 'btnShare slideshowButton', true);
+                    }
+                }
+                html += getIcon('close', 'slideshowButton btnSlideshowExit hide-mouse-idle-tv', false);
+                html += '</div>';
+
+                if (!actionButtonsOnTop) {
+                    html += '<div class="slideshowBottomBar hide">';
+
+                    html += getIcon('pause', 'btnSlideshowPause slideshowButton', true, true);
+                    if (appHost.supports('filedownload')) {
+                        html += getIcon('file_download', 'btnDownload slideshowButton', true);
+                    }
+                    if (appHost.supports('sharing')) {
+                        html += getIcon('share', 'btnShare slideshowButton', true);
+                    }
+
+                    html += '</div>';
+                }
+
+                html += '</div>';
+
+            } else {
+                html += '<div class="slideshowImage"></div><h1 class="slideshowImageText"></h1>';
+            }
+
+            dlg.innerHTML = html;
+
+            if (options.interactive) {
+                dlg.querySelector('.btnSlideshowExit').addEventListener('click', function (e) {
+
+                    dialogHelper.close(dlg);
+                });
+                dlg.querySelector('.btnSlideshowNext').addEventListener('click', nextImage);
+                dlg.querySelector('.btnSlideshowPrevious').addEventListener('click', previousImage);
+
+                var btnPause = dlg.querySelector('.btnSlideshowPause');
+                if (btnPause) {
+                    btnPause.addEventListener('click', playPause);
+                }
+
+                var btnDownload = dlg.querySelector('.btnDownload');
+                if (btnDownload) {
+                    btnDownload.addEventListener('click', download);
+                }
+
+                var btnShare = dlg.querySelector('.btnShare');
+                if (btnShare) {
+                    btnShare.addEventListener('click', share);
+                }
+            }
+
+            setUserScalable(true);
+
+            dialogHelper.open(dlg).then(function () {
+
+                setUserScalable(false);
+                stopInterval();
+            });
+
+            inputmanager.on(window, onInputCommand);
+            document.addEventListener((window.PointerEvent ? 'pointermove' : 'mousemove'), onPointerMove);
+
+            dlg.addEventListener('close', onDialogClosed);
+
+            if (options.interactive) {
+                loadSwiper(dlg);
             }
-            setUserScalable(!0), dialogHelper.open(dlg).then(function() {
-                setUserScalable(!1), stopInterval()
-            }), inputmanager.on(window, onInputCommand), document.addEventListener(window.PointerEvent ? "pointermove" : "mousemove", onPointerMove), dlg.addEventListener("close", onDialogClosed), options.interactive && loadSwiper(dlg)
         }
 
         function loadSwiper(dlg) {
-            currentOptions.slides ? dlg.querySelector(".swiper-wrapper").innerHTML = currentOptions.slides.map(getSwiperSlideHtmlFromSlide).join("") : dlg.querySelector(".swiper-wrapper").innerHTML = currentOptions.items.map(getSwiperSlideHtmlFromItem).join(""), require(["swiper"], function(swiper) {
-                swiperInstance = new Swiper(dlg.querySelector(".slideshowSwiperContainer"), {
-                    direction: "horizontal",
-                    loop: !1 !== options.loop,
-                    autoplay: options.interval || 8e3,
-                    preloadImages: !1,
-                    lazyLoading: !0,
-                    lazyLoadingInPrevNext: !0,
-                    autoplayDisableOnInteraction: !1,
+
+            if (currentOptions.slides) {
+                dlg.querySelector('.swiper-wrapper').innerHTML = currentOptions.slides.map(getSwiperSlideHtmlFromSlide).join('');
+            } else {
+                dlg.querySelector('.swiper-wrapper').innerHTML = currentOptions.items.map(getSwiperSlideHtmlFromItem).join('');
+            }
+
+            require(['swiper'], function (swiper) {
+
+                swiperInstance = new Swiper(dlg.querySelector('.slideshowSwiperContainer'), {
+                    // Optional parameters
+                    direction: 'horizontal',
+                    loop: options.loop !== false,
+                    autoplay: options.interval || 8000,
+                    // Disable preloading of all images
+                    preloadImages: false,
+                    // Enable lazy loading
+                    lazyLoading: true,
+                    lazyLoadingInPrevNext: true,
+                    autoplayDisableOnInteraction: false,
                     initialSlide: options.startIndex || 0,
                     speed: 240
-                }), layoutManager.mobile ? pause() : play()
-            })
+                });
+
+                if (layoutManager.mobile) {
+                    pause();
+                } else {
+                    play();
+                }
+            });
         }
 
         function getSwiperSlideHtmlFromItem(item) {
+
             return getSwiperSlideHtmlFromSlide({
                 imageUrl: getImgUrl(item),
-                originalImage: getImgUrl(item, !0),
+                originalImage: getImgUrl(item, true),
+                //title: item.Name,
+                //description: item.Overview
                 Id: item.Id,
                 ServerId: item.ServerId
-            })
+            });
         }
 
         function getSwiperSlideHtmlFromSlide(item) {
-            var html = "";
-            return html += '<div class="swiper-slide" data-imageurl="' + item.imageUrl + '" data-original="' + item.originalImage + '" data-itemid="' + item.Id + '" data-serverid="' + item.ServerId + '">', html += '<img data-src="' + item.imageUrl + '" class="swiper-lazy swiper-slide-img">', (item.title || item.subtitle) && (html += '<div class="slideText">', html += '<div class="slideTextInner">', item.title && (html += '<h1 class="slideTitle">', html += item.title, html += "</h1>"), item.description && (html += '<div class="slideSubtitle">', html += item.description, html += "</div>"), html += "</div>", html += "</div>"), html += "</div>"
+
+            var html = '';
+            html += '<div class="swiper-slide" data-imageurl="' + item.imageUrl + '" data-original="' + item.originalImage + '" data-itemid="' + item.Id + '" data-serverid="' + item.ServerId + '">';
+            html += '<img data-src="' + item.imageUrl + '" class="swiper-lazy swiper-slide-img">';
+            if (item.title || item.subtitle) {
+                html += '<div class="slideText">';
+                html += '<div class="slideTextInner">';
+                if (item.title) {
+                    html += '<h1 class="slideTitle">';
+                    html += item.title;
+                    html += '</h1>';
+                }
+                if (item.description) {
+                    html += '<div class="slideSubtitle">';
+                    html += item.description;
+                    html += '</div>';
+                }
+                html += '</div>';
+                html += '</div>';
+            }
+            html += '</div>';
+
+            return html;
         }
 
         function previousImage() {
-            swiperInstance ? swiperInstance.slidePrev() : (stopInterval(), showNextImage(currentIndex - 1))
+            if (swiperInstance) {
+                swiperInstance.slidePrev();
+            } else {
+                stopInterval();
+                showNextImage(currentIndex - 1);
+            }
         }
 
         function nextImage() {
             if (swiperInstance) {
-                if (!1 === options.loop && swiperInstance.activeIndex >= swiperInstance.slides.length - 1) return void dialogHelper.close(dlg);
-                swiperInstance.slideNext()
-            } else stopInterval(), showNextImage(currentIndex + 1)
+
+                if (options.loop === false) {
+
+                    if (swiperInstance.activeIndex >= swiperInstance.slides.length - 1) {
+                        dialogHelper.close(dlg);
+                        return;
+                    }
+                }
+
+                swiperInstance.slideNext();
+            } else {
+                stopInterval();
+                showNextImage(currentIndex + 1);
+            }
         }
 
         function getCurrentImageInfo() {
+
             if (swiperInstance) {
-                var slide = document.querySelector(".swiper-slide-active");
-                return slide ? {
-                    url: slide.getAttribute("data-original"),
-                    shareUrl: slide.getAttribute("data-imageurl"),
-                    itemId: slide.getAttribute("data-itemid"),
-                    serverId: slide.getAttribute("data-serverid")
-                } : null
+                var slide = document.querySelector('.swiper-slide-active');
+
+                if (slide) {
+                    return {
+                        url: slide.getAttribute('data-original'),
+                        shareUrl: slide.getAttribute('data-imageurl'),
+                        itemId: slide.getAttribute('data-itemid'),
+                        serverId: slide.getAttribute('data-serverid')
+                    };
+                }
+                return null;
+            } else {
+                return null;
             }
-            return null
         }
 
         function download() {
+
             var imageInfo = getCurrentImageInfo();
-            require(["fileDownloader"], function(fileDownloader) {
-                fileDownloader.download([imageInfo])
-            })
+
+            require(['fileDownloader'], function (fileDownloader) {
+                fileDownloader.download([imageInfo]);
+            });
         }
 
         function share() {
+
             var imageInfo = getCurrentImageInfo();
+
             navigator.share({
                 url: imageInfo.shareUrl
-            })
+            });
         }
 
         function play() {
-            var btnSlideshowPause = dlg.querySelector(".btnSlideshowPause i");
-            btnSlideshowPause && (btnSlideshowPause.innerHTML = "pause"), swiperInstance.startAutoplay()
+
+            var btnSlideshowPause = dlg.querySelector('.btnSlideshowPause i');
+            if (btnSlideshowPause) {
+                btnSlideshowPause.innerHTML = "pause";
+            }
+
+            swiperInstance.startAutoplay();
         }
 
         function pause() {
-            var btnSlideshowPause = dlg.querySelector(".btnSlideshowPause i");
-            btnSlideshowPause && (btnSlideshowPause.innerHTML = "play_arrow"), swiperInstance.stopAutoplay()
+
+            var btnSlideshowPause = dlg.querySelector('.btnSlideshowPause i');
+            if (btnSlideshowPause) {
+                btnSlideshowPause.innerHTML = "play_arrow";
+            }
+
+            swiperInstance.stopAutoplay();
         }
 
         function playPause() {
-            "pause" !== dlg.querySelector(".btnSlideshowPause i").innerHTML ? play() : pause()
+
+            var paused = dlg.querySelector('.btnSlideshowPause i').innerHTML !== "pause";
+            if (paused) {
+                play();
+            } else {
+                pause();
+            }
         }
 
         function onDialogClosed() {
+
             var swiper = swiperInstance;
-            swiper && (swiper.destroy(!0, !0), swiperInstance = null), inputmanager.off(window, onInputCommand), document.removeEventListener(window.PointerEvent ? "pointermove" : "mousemove", onPointerMove)
+            if (swiper) {
+                swiper.destroy(true, true);
+                swiperInstance = null;
+            }
+
+            inputmanager.off(window, onInputCommand);
+            document.removeEventListener((window.PointerEvent ? 'pointermove' : 'mousemove'), onPointerMove);
         }
 
         function startInterval(options) {
-            currentOptions = options, stopInterval(), createElements(options), options.interactive || (currentIntervalMs = options.interval || 11e3, showNextImage(options.startIndex || 0, !0))
+
+            currentOptions = options;
+
+            stopInterval();
+            createElements(options);
+
+            if (!options.interactive) {
+                currentIntervalMs = options.interval || 11000;
+                showNextImage(options.startIndex || 0, true);
+            }
         }
 
+        var _osdOpen = false;
+
         function isOsdOpen() {
-            return _osdOpen
+            return _osdOpen;
         }
 
         function getOsdBottom() {
-            return dlg.querySelector(".slideshowBottomBar")
+            return dlg.querySelector('.slideshowBottomBar');
         }
 
         function showOsd() {
+
             var bottom = getOsdBottom();
-            bottom && (slideUpToShow(bottom), startHideTimer())
+            if (bottom) {
+                slideUpToShow(bottom);
+                startHideTimer();
+            }
         }
 
         function hideOsd() {
+
             var bottom = getOsdBottom();
-            bottom && slideDownToHide(bottom)
+            if (bottom) {
+                slideDownToHide(bottom);
+            }
         }
 
+        var hideTimeout;
+
         function startHideTimer() {
-            stopHideTimer(), hideTimeout = setTimeout(hideOsd, 4e3)
+            stopHideTimer();
+            hideTimeout = setTimeout(hideOsd, 4000);
         }
 
         function stopHideTimer() {
-            hideTimeout && (clearTimeout(hideTimeout), hideTimeout = null)
+            if (hideTimeout) {
+                clearTimeout(hideTimeout);
+                hideTimeout = null;
+            }
         }
 
         function slideUpToShow(elem) {
-            if (elem.classList.contains("hide")) {
-                _osdOpen = !0, elem.classList.remove("hide");
-                var onFinish = function() {
-                    focusManager.focus(elem.querySelector(".btnSlideshowPause"))
-                };
-                if (!elem.animate) return void onFinish();
-                requestAnimationFrame(function() {
-                    var keyframes = [{
-                            transform: "translate3d(0," + elem.offsetHeight + "px,0)",
-                            opacity: ".3",
-                            offset: 0
-                        }, {
-                            transform: "translate3d(0,0,0)",
-                            opacity: "1",
-                            offset: 1
-                        }],
-                        timing = {
-                            duration: 300,
-                            iterations: 1,
-                            easing: "ease-out"
-                        };
-                    elem.animate(keyframes, timing).onfinish = onFinish
-                })
+
+            if (!elem.classList.contains('hide')) {
+                return;
             }
+
+            _osdOpen = true;
+            elem.classList.remove('hide');
+
+            var onFinish = function () {
+                focusManager.focus(elem.querySelector('.btnSlideshowPause'));
+            };
+
+            if (!elem.animate) {
+                onFinish();
+                return;
+            }
+
+            requestAnimationFrame(function () {
+
+                var keyframes = [
+                    { transform: 'translate3d(0,' + elem.offsetHeight + 'px,0)', opacity: '.3', offset: 0 },
+                    { transform: 'translate3d(0,0,0)', opacity: '1', offset: 1 }
+                ];
+                var timing = { duration: 300, iterations: 1, easing: 'ease-out' };
+                elem.animate(keyframes, timing).onfinish = onFinish;
+            });
         }
 
         function slideDownToHide(elem) {
-            if (!elem.classList.contains("hide")) {
-                var onFinish = function() {
-                    elem.classList.add("hide"), _osdOpen = !1
-                };
-                if (!elem.animate) return void onFinish();
-                requestAnimationFrame(function() {
-                    var keyframes = [{
-                            transform: "translate3d(0,0,0)",
-                            opacity: "1",
-                            offset: 0
-                        }, {
-                            transform: "translate3d(0," + elem.offsetHeight + "px,0)",
-                            opacity: ".3",
-                            offset: 1
-                        }],
-                        timing = {
-                            duration: 300,
-                            iterations: 1,
-                            easing: "ease-out"
-                        };
-                    elem.animate(keyframes, timing).onfinish = onFinish
-                })
+
+            if (elem.classList.contains('hide')) {
+                return;
             }
+
+            var onFinish = function () {
+                elem.classList.add('hide');
+                _osdOpen = false;
+            };
+
+            if (!elem.animate) {
+                onFinish();
+                return;
+            }
+
+            requestAnimationFrame(function () {
+
+                var keyframes = [
+                    { transform: 'translate3d(0,0,0)', opacity: '1', offset: 0 },
+                    { transform: 'translate3d(0,' + elem.offsetHeight + 'px,0)', opacity: '.3', offset: 1 }
+                ];
+                var timing = { duration: 300, iterations: 1, easing: 'ease-out' };
+                elem.animate(keyframes, timing).onfinish = onFinish;
+            });
         }
 
+        var lastMouseMoveData;
+
         function onPointerMove(e) {
-            if ("mouse" === (e.pointerType || (layoutManager.mobile ? "touch" : "mouse"))) {
-                var eventX = e.screenX || 0,
-                    eventY = e.screenY || 0,
-                    obj = lastMouseMoveData;
-                if (!obj) return void(lastMouseMoveData = {
-                    x: eventX,
-                    y: eventY
-                });
-                if (Math.abs(eventX - obj.x) < 10 && Math.abs(eventY - obj.y) < 10) return;
-                obj.x = eventX, obj.y = eventY, showOsd()
+
+            var pointerType = e.pointerType || (layoutManager.mobile ? 'touch' : 'mouse');
+
+            if (pointerType === 'mouse') {
+                var eventX = e.screenX || 0;
+                var eventY = e.screenY || 0;
+
+                var obj = lastMouseMoveData;
+                if (!obj) {
+                    lastMouseMoveData = {
+                        x: eventX,
+                        y: eventY
+                    };
+                    return;
+                }
+
+                // if coord are same, it didn't move
+                if (Math.abs(eventX - obj.x) < 10 && Math.abs(eventY - obj.y) < 10) {
+                    return;
+                }
+
+                obj.x = eventX;
+                obj.y = eventY;
+
+                showOsd();
             }
         }
 
         function onInputCommand(e) {
+
             switch (e.detail.command) {
-                case "left":
-                    isOsdOpen() || (e.preventDefault(), e.stopPropagation(), previousImage());
+
+                case 'left':
+                    if (!isOsdOpen()) {
+                        e.preventDefault();
+                        e.stopPropagation();
+                        previousImage();
+                    }
                     break;
-                case "right":
-                    isOsdOpen() || (e.preventDefault(), e.stopPropagation(), nextImage());
+                case 'right':
+                    if (!isOsdOpen()) {
+                        e.preventDefault();
+                        e.stopPropagation();
+                        nextImage();
+                    }
+                    break;
+                case 'up':
+                case 'down':
+                case 'select':
+                case 'menu':
+                case 'info':
+                case 'play':
+                case 'playpause':
+                case 'pause':
+                    showOsd();
+                    break;
+                default:
                     break;
-                case "up":
-                case "down":
-                case "select":
-                case "menu":
-                case "info":
-                case "play":
-                case "playpause":
-                case "pause":
-                    showOsd()
             }
         }
 
         function showNextImage(index, skipPreload) {
-            index = Math.max(0, index), index >= currentOptions.items.length && (index = 0), currentIndex = index;
-            var options = currentOptions,
-                items = options.items,
-                item = items[index],
-                imgUrl = getImgUrl(item),
-                onSrcLoaded = function() {
-                    var cardImageContainer = dlg.querySelector(".slideshowImage"),
-                        newCardImageContainer = document.createElement("div");
-                    newCardImageContainer.className = cardImageContainer.className, options.cover && newCardImageContainer.classList.add("slideshowImage-cover"), newCardImageContainer.style.backgroundImage = "url('" + imgUrl + "')", newCardImageContainer.classList.add("hide"), cardImageContainer.parentNode.appendChild(newCardImageContainer), options.showTitle ? dlg.querySelector(".slideshowImageText").innerHTML = item.Name : dlg.querySelector(".slideshowImageText").innerHTML = "", newCardImageContainer.classList.remove("hide");
-                    var onAnimationFinished = function() {
-                        var parentNode = cardImageContainer.parentNode;
-                        parentNode && parentNode.removeChild(cardImageContainer)
-                    };
-                    if (newCardImageContainer.animate) {
-                        var keyframes = [{
-                                opacity: "0",
-                                offset: 0
-                            }, {
-                                opacity: "1",
-                                offset: 1
-                            }],
-                            timing = {
-                                duration: 1200,
-                                iterations: 1
-                            };
-                        newCardImageContainer.animate(keyframes, timing).onfinish = onAnimationFinished
-                    } else onAnimationFinished();
-                    stopInterval(), currentTimeout = setTimeout(function() {
-                        showNextImage(index + 1, !0)
-                    }, currentIntervalMs)
+
+            index = Math.max(0, index);
+            if (index >= currentOptions.items.length) {
+                index = 0;
+            }
+            currentIndex = index;
+
+            var options = currentOptions;
+            var items = options.items;
+            var item = items[index];
+            var imgUrl = getImgUrl(item);
+
+            var onSrcLoaded = function () {
+                var cardImageContainer = dlg.querySelector('.slideshowImage');
+
+                var newCardImageContainer = document.createElement('div');
+                newCardImageContainer.className = cardImageContainer.className;
+
+                if (options.cover) {
+                    newCardImageContainer.classList.add('slideshowImage-cover');
+                }
+
+                newCardImageContainer.style.backgroundImage = "url('" + imgUrl + "')";
+                newCardImageContainer.classList.add('hide');
+                cardImageContainer.parentNode.appendChild(newCardImageContainer);
+
+                if (options.showTitle) {
+                    dlg.querySelector('.slideshowImageText').innerHTML = item.Name;
+                } else {
+                    dlg.querySelector('.slideshowImageText').innerHTML = '';
+                }
+
+                newCardImageContainer.classList.remove('hide');
+                var onAnimationFinished = function () {
+
+                    var parentNode = cardImageContainer.parentNode;
+                    if (parentNode) {
+                        parentNode.removeChild(cardImageContainer);
+                    }
                 };
-            if (skipPreload) onSrcLoaded();
-            else {
-                var img = new Image;
-                img.onload = onSrcLoaded, img.src = imgUrl
+
+                if (newCardImageContainer.animate) {
+
+                    var keyframes = [
+                        { opacity: '0', offset: 0 },
+                        { opacity: '1', offset: 1 }
+                    ];
+                    var timing = { duration: 1200, iterations: 1 };
+                    newCardImageContainer.animate(keyframes, timing).onfinish = onAnimationFinished;
+                } else {
+                    onAnimationFinished();
+                }
+
+                stopInterval();
+                currentTimeout = setTimeout(function () {
+                    showNextImage(index + 1, true);
+
+                }, currentIntervalMs);
+            };
+
+            if (!skipPreload) {
+                var img = new Image();
+                img.onload = onSrcLoaded;
+                img.src = imgUrl;
+            } else {
+                onSrcLoaded();
             }
         }
 
         function stopInterval() {
-            currentTimeout && (clearTimeout(currentTimeout), currentTimeout = null)
+            if (currentTimeout) {
+                clearTimeout(currentTimeout);
+                currentTimeout = null;
+            }
         }
-        var swiperInstance, dlg, currentTimeout, currentIntervalMs, currentOptions, currentIndex, self = this;
-        browser.chromecast && (options.interactive = !1);
-        var hideTimeout, lastMouseMoveData, _osdOpen = !1;
-        self.show = function() {
-            startInterval(options)
-        }, self.hide = function() {
+
+        self.show = function () {
+            startInterval(options);
+        };
+
+        self.hide = function () {
+
             var dialog = dlg;
-            dialog && dialogHelper.close(dialog)
-        }
-    }
+            if (dialog) {
+
+                dialogHelper.close(dialog);
+            }
+        };
+    };
 });