Greasy Fork is available in English.

Spotlight

Web上最易于集成的图片查看器

ეს სკრიპტი არ უნდა იყოს პირდაპირ დაინსტალირებული. ეს ბიბლიოთეკაა, სხვა სკრიპტებისთვის უნდა ჩართეთ მეტა-დირექტივაში // @require https://update.greasyfork.org/scripts/400393/790953/Spotlight.js.

// ==UserScript==
// @author        Thomas Wilkerling
// @name          Spotlight
// @version       0.6.5
// @description   Web上最易于集成的图片查看器
// @license       Apache-2.0
// ==/UserScript==



/**
 * Spotlight.js v0.6.5 (Bundle)
 * Copyright 2019 Nextapps GmbH
 * Author: Thomas Wilkerling
 * Licence: Apache-2.0
 * https://github.com/nextapps-de/spotlight
 */
(function() {
    'use strict';
    var aa = {};

    function ba(a) {
        for (var b = a.classList, c = {}, d = 0; d < b.length; d++) c[b[d]] = 1;
        a.a = c;
        a.c = b
    }

    function f(a, b) {
        a = g(a);
        var c = "string" === typeof b;
        if (a.length)
            for (var d = 0; d < a.length; d++)(c ? ca : da)(a[d], b);
        else(c ? ca : da)(a, b)
    }

    function da(a, b) {
        for (var c = 0; c < b.length; c++) ca(a, b[c])
    }

    function ca(a, b) {
        a.a || ba(a);
        a.a[b] || (a.a[b] = 1, a.c.add(b))
    }

    function h(a, b) {
        a = g(a);
        var c = "string" === typeof b;
        if (a.length)
            for (var d = 0; d < a.length; d++)(c ? ea : fa)(a[d], b);
        else(c ? ea : fa)(a, b)
    }

    function fa(a, b) {
        for (var c = 0; c < b.length; c++) ea(a, b[c])
    }

    function ea(a, b) {
        a.a || ba(a);
        a.a[b] && (a.a[b] = 0, a.c.remove(b))
    }

    function l(a, b, c, d) {
        a = g(a);
        var e = "string" !== typeof b && Object.keys(b);
        if (a.length)
            for (var k = 0; k < a.length; k++)(e ? ha : ia)(a[k], b, e || c, d);
        else(e ? ha : ia)(a, b, e || c, d)
    }

    function ha(a, b, c, d) {
        for (var e = 0; e < c.length; e++) {
            var k = c[e];
            ia(a, k, b[k], d)
        }
    }

    function ia(a, b, c, d) {
        var e = a.f;
        e || (a.f = e = {});
        e[b] !== c && (e[b] = c, (a.g || (a.g = a.style)).setProperty(aa[b] || (aa[b] = b.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase()), c, d ? "important" : null))
    }
    var ja = 0;

    function m(a, b, c) {
        l(a, "transition", "none");
        l(a, b, c);
        ja || (ja = a.clientTop && 0);
        l(a, "transition", "")
    }

    function ka(a, b) {
        b || (b = "");
        a = g(a);
        if (a.length)
            for (var c = 0; c < a.length; c++) {
                var d = a[c],
                    e = b;
                d.b !== e && (d.b = e, d.textContent = e)
            } else a.b !== b && (a.b = b, a.textContent = b)
    }

    function g(a) {
        return "string" === typeof a ? document.querySelectorAll(a) : a
    };

    function la(a, b, c, d) {
        ma("add", a, b, c, d)
    }

    function na(a, b, c, d) {
        ma("remove", a, b, c, d)
    }

    function ma(a, b, c, d, e) {
        b[a + "EventListener"](c || "click", d, "undefined" === typeof e ? !0 : e)
    }

    function n(a, b) {
        a || (a = window.event);
        a && (a.stopImmediatePropagation(), b || a.preventDefault(), b || (a.returnValue = !1));
        return !1
    };
    var oa = document.createElement("style");
    oa.innerHTML = "@keyframes pulsate{0%,to{opacity:1}50%{opacity:.2}}#spotlight,#spotlight .preloader{top:0;width:100%;height:100%;opacity:0}#spotlight{z-index:99999;color:#fff;background-color:#000;visibility:hidden;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:visibility .25s ease,opacity .25s ease;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;contain:layout size paint style;touch-action:none;-webkit-tap-highlight-color:transparent;position:fixed}#spotlight.show{opacity:1;visibility:visible;transition:none}#spotlight.show .pane,#spotlight.show .scene{will-change:transform}#spotlight.show .scene img{will-change:transform,opacity}#spotlight .preloader{position:absolute;background-position:center center;background-repeat:no-repeat;background-size:42px 42px}#spotlight .preloader.show{transition:opacity .1s linear .25s;opacity:1}#spotlight .scene{transition:transform 1s cubic-bezier(.1,1,.1,1);pointer-events:none}#spotlight .scene img{display:inline-block;position:absolute;width:auto;height:auto;max-width:100%;max-height:100%;left:50%;top:50%;opacity:1;margin:0;padding:0;border:0;transform:translate(-50%,-50%) scale(1) perspective(100vw);transition:transform 1s cubic-bezier(.1,1,.1,1),opacity 1s cubic-bezier(.3,1,.3,1);transform-style:preserve-3d;contain:layout paint style;visibility:hidden}#spotlight .header,#spotlight .pane,#spotlight .scene{position:absolute;top:0;width:100%;height:100%;contain:layout size style}#spotlight .header{height:50px;text-align:right;background-color:rgba(0,0,0,.45);transform:translateY(-100px);transition:transform .35s ease-out;contain:layout size paint style}#spotlight .header:hover,#spotlight.menu .header{transform:translateY(0)}#spotlight .header div{display:inline-block;vertical-align:middle;white-space:nowrap;width:30px;height:50px;padding-right:20px;opacity:.5}#spotlight .progress{position:absolute;top:0;width:100%;height:3px;background-color:rgba(255,255,255,.45);transform:translateX(-100%);transition:transform 1s linear}#spotlight .arrow,#spotlight .footer{position:absolute;background-color:rgba(0,0,0,.45)}#spotlight .footer{left:0;right:0;bottom:0;line-height:1.35em;padding:20px 25px;text-align:left;pointer-events:none;contain:layout paint style}#spotlight .footer .title{font-size:125%;padding-bottom:10px}#spotlight .page{float:left;width:auto;padding-left:20px;line-height:50px}#spotlight .icon{cursor:pointer;background-position:left center;background-repeat:no-repeat;background-size:21px 21px;transition:opacity .2s ease-out}#spotlight .fullscreen{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyLjUiIHZpZXdCb3g9Ii0xIC0xIDI2IDI2IiB3aWR0aD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTggM0g1YTIgMiAwIDAgMC0yIDJ2M20xOCAwVjVhMiAyIDAgMCAwLTItMmgtM20wIDE4aDNhMiAyIDAgMCAwIDItMnYtM00zIDE2djNhMiAyIDAgMCAwIDIgMmgzIi8+PC9zdmc+)}#spotlight .fullscreen.on{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyLjUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik04IDN2M2EyIDIgMCAwIDEtMiAySDNtMTggMGgtM2EyIDIgMCAwIDEtMi0yVjNtMCAxOHYtM2EyIDIgMCAwIDEgMi0yaDNNMyAxNmgzYTIgMiAwIDAgMSAyIDJ2MyIvPjwvc3ZnPg==)}#spotlight .autofit{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBoZWlnaHQ9Ijk2cHgiIHZpZXdCb3g9IjAgMCA5NiA5NiIgd2lkdGg9Ijk2cHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggdHJhbnNmb3JtPSJyb3RhdGUoOTAgNTAgNTApIiBmaWxsPSIjZmZmIiBkPSJNNzEuMzExLDgwQzY5LjY3LDg0LjY2LDY1LjIzLDg4LDYwLDg4SDIwYy02LjYzLDAtMTItNS4zNy0xMi0xMlYzNmMwLTUuMjMsMy4zNC05LjY3LDgtMTEuMzExVjc2YzAsMi4yMSwxLjc5LDQsNCw0SDcxLjMxMSAgeiIvPjxwYXRoIHRyYW5zZm9ybT0icm90YXRlKDkwIDUwIDUwKSIgZmlsbD0iI2ZmZiIgZD0iTTc2LDhIMzZjLTYuNjMsMC0xMiw1LjM3LTEyLDEydjQwYzAsNi42Myw1LjM3LDEyLDEyLDEyaDQwYzYuNjMsMCwxMi01LjM3LDEyLTEyVjIwQzg4LDEzLjM3LDgyLjYzLDgsNzYsOHogTTgwLDYwICBjMCwyLjIxLTEuNzksNC00LDRIMzZjLTIuMjEsMC00LTEuNzktNC00VjIwYzAtMi4yMSwxLjc5LTQsNC00aDQwYzIuMjEsMCw0LDEuNzksNCw0VjYweiIvPjwvc3ZnPg==)}#spotlight .zoom-out{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxMSIgY3k9IjExIiByPSI4Ii8+PGxpbmUgeDE9IjIxIiB4Mj0iMTYuNjUiIHkxPSIyMSIgeTI9IjE2LjY1Ii8+PGxpbmUgeDE9IjgiIHgyPSIxNCIgeTE9IjExIiB5Mj0iMTEiLz48L3N2Zz4=)}#spotlight .zoom-in{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxMSIgY3k9IjExIiByPSI4Ii8+PGxpbmUgeDE9IjIxIiB4Mj0iMTYuNjUiIHkxPSIyMSIgeTI9IjE2LjY1Ii8+PGxpbmUgeDE9IjExIiB4Mj0iMTEiIHkxPSI4IiB5Mj0iMTQiLz48bGluZSB4MT0iOCIgeDI9IjE0IiB5MT0iMTEiIHkyPSIxMSIvPjwvc3ZnPg==)}#spotlight .theme{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBoZWlnaHQ9IjI0cHgiIHZlcnNpb249IjEuMiIgdmlld0JveD0iMiAyIDIwIDIwIiB3aWR0aD0iMjRweCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjZmZmIj48cGF0aCBkPSJNMTIsNGMtNC40MTgsMC04LDMuNTgyLTgsOHMzLjU4Miw4LDgsOHM4LTMuNTgyLDgtOFMxNi40MTgsNCwxMiw0eiBNMTIsMThjLTMuMzE0LDAtNi0yLjY4Ni02LTZzMi42ODYtNiw2LTZzNiwyLjY4Niw2LDYgUzE1LjMxNCwxOCwxMiwxOHoiLz48cGF0aCBkPSJNMTIsN3YxMGMyLjc1NywwLDUtMi4yNDMsNS01UzE0Ljc1Nyw3LDEyLDd6Ii8+PC9nPjwvc3ZnPg==)}#spotlight .player{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSItMC41IC0wLjUgMjUgMjUiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMCIvPjxwb2x5Z29uIGZpbGw9IiNmZmYiIHBvaW50cz0iMTAgOCAxNiAxMiAxMCAxNiAxMCA4Ii8+PC9zdmc+)}#spotlight .player.on{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSItMC41IC0wLjUgMjUgMjUiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMCIvPjxsaW5lIHgxPSIxMCIgeDI9IjEwIiB5MT0iMTUiIHkyPSI5Ii8+PGxpbmUgeDE9IjE0IiB4Mj0iMTQiIHkxPSIxNSIgeTI9IjkiLz48L3N2Zz4=);animation:pulsate 1s ease infinite}#spotlight .close{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIyIDIgMjAgMjAiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48bGluZSB4MT0iMTgiIHgyPSI2IiB5MT0iNiIgeTI9IjE4Ii8+PGxpbmUgeDE9IjYiIHgyPSIxOCIgeTE9IjYiIHkyPSIxOCIvPjwvc3ZnPg==)}#spotlight .preloader.show{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAzOCAzOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBzdHJva2U9IiNmZmYiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxKSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2Utb3BhY2l0eT0iLjY1Ij48Y2lyY2xlIHN0cm9rZS1vcGFjaXR5PSIuMTUiIGN4PSIxOCIgY3k9IjE4IiByPSIxOCIvPjxwYXRoIGQ9Ik0zNiAxOGMwLTkuOTQtOC4wNi0xOC0xOC0xOCI+PGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIGZyb209IjAgMTggMTgiIHRvPSIzNjAgMTggMTgiIGR1cj0iMXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9wYXRoPjwvZz48L2c+PC9zdmc+)}#spotlight .arrow{top:50%;left:20px;width:50px;height:50px;border-radius:100%;cursor:pointer;margin-top:-25px;padding:10px;transform:translateX(-100px);transition:transform .35s ease-out,opacity .2s ease-out;box-sizing:border-box;background-position:center center;background-repeat:no-repeat;background-size:30px 30px;opacity:.65;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cG9seWxpbmUgcG9pbnRzPSIxNSAxOCA5IDEyIDE1IDYiLz48L3N2Zz4=)}#spotlight .arrow-right{left:auto;right:20px;transform:translateX(100px) scaleX(-1)}#spotlight.menu .arrow-left{transform:translateX(0)}#spotlight.menu .arrow-right{transform:translateX(0) scaleX(-1)}#spotlight .arrow:active,#spotlight .arrow:hover,#spotlight .icon:active,#spotlight .icon:hover{opacity:1;animation:none}#spotlight.white{color:#fff;background-color:#fff}#spotlight.white .arrow,#spotlight.white .footer,#spotlight.white .header,#spotlight.white .preloader,#spotlight.white .progress{filter:invert(1)}.hide-scrollbars{overflow:-moz-hidden-unscrollable;-ms-overflow-style:none}.hide-scrollbars::-webkit-scrollbar{width:0}@media (max-width:800px){#spotlight .header div{width:20px}#spotlight .footer{font-size:12px}#spotlight .arrow{width:35px;height:35px;margin-top:-17.5px;background-size:15px 15px}#spotlight .preloader{background-size:30px 30px}}@media (max-width:400px),(max-height:400px){#spotlight .fullscreen{display:none!important}}";
    document.getElementsByTagName("head")[0].appendChild(oa);
    var p = "theme fullscreen autofit zoom-in zoom-out page title description player progress".split(" "),
        q, r, pa, qa, u, v, y, z, A, B, C, D, E, F, ra, sa, G, H, I, J, ta, ua, va, K, L, M, wa, N, xa, ya, za, Aa, Ba, O, Ca, Da, Ea, P, Q, Fa, R, S, T, Ga;

    function V(a) {
        return (N || document).getElementsByClassName(a)[0]
    }

    function Ha(a, b) {
        if (H = a.length) {
            L || (L = (N || document).getElementsByClassName("pane"));
            var c = L.length,
                d = I.title,
                e = I.description;
            T = Array(H);
            for (var k = 0; k < H; k++) {
                var t = a[k],
                    w = t.dataset;
                if (k >= c) {
                    var x = L[0].cloneNode(!1);
                    l(x, "left", 100 * k + "%");
                    L[0].parentNode.appendChild(x)
                }
                x = void 0;
                T[k] = {
                    src: w && (w.href || w.src) || t.src || t.href,
                    title: w && w.title || t.title || (x = (t || document).getElementsByTagName("img")).length && x[0].alt || d || "",
                    description: w && w.description || t.description || e || ""
                }
            }
            G = b || 1;
            Ia(!0);
            Ja()
        }
    }

    function Ka(a, b, c, d) {
        if (d || a[c]) I[c] = b && b[c] || d
    }

    function La(a, b) {
        I = {};
        b && Ma(b);
        Ma(a);
        Ka(a, b, "description");
        Ka(a, b, "title");
        Ka(a, b, "prefetch", !0);
        Ka(a, b, "preloader", !0);
        ua = a.onchange;
        J = I.infinite;
        J = "undefined" !== typeof J && "false" !== J;
        ta = "false" !== I.progress;
        va = 1 * I.player || 7E3;
        if ((a = I.zoom) || "" === a) I["zoom-in"] = I["zoom-out"] = a, delete I.zoom;
        if ((a = I.control) || "" === a) {
            a = "string" === typeof a ? a.split(",") : a;
            for (b = 0; b < p.length; b++) I[p[b]] = "false";
            for (b = 0; b < a.length; b++) {
                var c = a[b].trim();
                "zoom" === c ? I["zoom-in"] = I["zoom-out"] = "true" : I[c] = "true"
            }
        }
        for (a =
            0; a < p.length; a++) b = p[a], l(V(b), "display", "false" === I[b] ? "none" : "");
        (sa = I.theme) ? Na(): sa = "white"
    }

    function Ma(a) {
        for (var b = I, c = Object.keys(a), d = 0; d < c.length; d++) {
            var e = c[d];
            b[e] = "" + a[e]
        }
    }

    function Oa() {
        var a = G;
        K = L[a - 1];
        M = K.firstElementChild;
        G = a;
        if (!M) {
            var b = "false" !== I.preloader;
            M = new Image;
            M.onload = function() {
                b && h(P, "show");
                T && (y = this.width, z = this.height, l(this, {
                    visibility: "visible",
                    opacity: 1,
                    transform: ""
                }), "false" !== I.prefetch && a < H && ((new Image).src = T[a].src))
            };
            M.onerror = function() {
                K.removeChild(this)
            };
            K.appendChild(M);
            M.src = T[a - 1].src;
            b && f(P, "show");
            return !b
        }
        return !0
    }
    la(document, "", Pa);
    la(document, "DOMContentLoaded", Qa, {
        once: !0
    });
    var Ra = !1;

    function Qa() {
        Ra || (N = document.createElement("div"), N.id = "spotlight", N.innerHTML = '<div class=preloader></div><div class=scene><div class=pane></div></div><div class=header><div class=page></div><div class="icon fullscreen"></div><div class="icon autofit"></div><div class="icon zoom-out"></div><div class="icon zoom-in"></div><div class="icon theme"></div><div class="icon player"></div><div class="icon close"></div></div><div class=progress></div><div class="arrow arrow-left"></div><div class="arrow arrow-right"></div><div class=footer><div class=title></div><div class=description></div></div>',
            l(N, "transition", "none"), document.body.appendChild(N), wa = V("scene"), xa = V("footer"), ya = V("title"), za = V("description"), Aa = V("arrow-left"), Ba = V("arrow-right"), O = V("fullscreen"), Ca = V("page"), Da = V("player"), Ea = V("progress"), P = V("preloader"), S = document.documentElement || document.body, document.cancelFullScreen || (document.cancelFullScreen = document.exitFullscreen || document.webkitCancelFullScreen || document.webkitExitFullscreen || document.mozCancelFullScreen || function() {}), S.requestFullScreen || (S.requestFullScreen =
                S.webkitRequestFullScreen || S.msRequestFullScreen || S.mozRequestFullScreen || l(O, "display", "none") || function() {}), Ga = [
                [window, "keydown", Sa],
                [window, "wheel", Ta],
                [window, "hashchange", Ua],
                [window, "resize", Va],
                [P, "mousedown", Wa],
                [P, "mouseleave", Xa],
                [P, "mouseup", Xa],
                [P, "mousemove", Ya],
                [P, "touchstart", Wa, {
                    passive: !1
                }],
                [P, "touchcancel", Xa],
                [P, "touchend", Xa],
                [P, "touchmove", Ya, {
                    passive: !0
                }],
                [O, "", Za],
                [Aa, "", $a],
                [Ba, "", W],
                [Da, "", ab],
                [V("autofit"), "", bb],
                [V("zoom-in"), "", cb],
                [V("zoom-out"), "", db],
                [V("close"), "",
                    eb
                ],
                [V("theme"), "", Na]
            ], Ra = !0)
    }

    function Va() {
        u = N.clientWidth;
        v = N.clientHeight;
        M && (y = M.width, z = M.height, fb())
    }

    function fb() {
        l(M, "transform", "translate(-50%, -50%) scale(" + A + ")")
    }

    function X(a, b) {
        l(K, "transform", a || b ? "translate(" + a + "px, " + b + "px)" : "")
    }

    function Ia(a, b) {
        (a ? m : l)(wa, "transform", "translateX(" + (100 * -(G - 1) + (b || 0)) + "%)")
    }

    function gb(a) {
        for (var b = 0; b < Ga.length; b++) {
            var c = Ga[b];
            (a ? la : na)(c[0], c[1], c[2], c[3])
        }
    }

    function Pa(a) {
        var b = hb.call(a.target, ".spotlight");
        if (b) {
            var c = hb.call(b, ".spotlight-group"),
                d = (c || document).getElementsByClassName("spotlight");
            La(b.dataset, c && c.dataset);
            for (c = 0; c < d.length; c++)
                if (d[c] === b) {
                    Ha(d, c + 1);
                    break
                }
            ib();
            return n(a)
        }
    }

    function Sa(a) {
        if (K) switch (a.keyCode) {
            case 8:
                bb();
                break;
            case 27:
                eb();
                break;
            case 32:
                "false" !== I.player && ab();
                break;
            case 37:
                $a();
                break;
            case 39:
                W();
                break;
            case 38:
            case 107:
            case 187:
                cb();
                break;
            case 40:
            case 109:
            case 189:
                db()
        }
    }

    function Ta(a) {
        K && (a = a.deltaY, 0 > .5 * (0 > a ? 1 : a ? -1 : 0) ? db() : cb())
    }

    function Ua() {
        K && "#spotlight" === location.hash && eb(!0)
    }

    function ab(a) {
        ("boolean" === typeof a ? a : !Q) ? Q || (Q = setInterval(W, va), f(Da, "on"), ta && jb()): Q && (Q = clearInterval(Q), h(Da, "on"), ta && m(Ea, "transform", ""));
        return Q
    }

    function Y() {
        R ? clearTimeout(R) : f(N, "menu");
        var a = I.autohide;
        R = "false" !== a ? setTimeout(function() {
            h(N, "menu");
            R = null
        }, 1 * a || 3E3) : 1
    }

    function kb(a) {
        "boolean" === typeof a && (R = a ? R : 0);
        R ? (R = clearTimeout(R), h(N, "menu")) : Y();
        return n(a)
    }

    function Wa(a) {
        B = !0;
        C = !1;
        var b = lb(a);
        D = y * A <= u;
        pa = b.x;
        qa = b.y;
        return n(a, !0)
    }

    function Xa(a) {
        if (B && !C) return B = !1, kb(a);
        D && C && (Ia(!0, q / u * 100), q < -(v / 10) && W() || q > v / 10 && $a() || Ia(), q = 0, D = !1, X());
        B = !1;
        return n(a)
    }

    function Ya(a) {
        if (B) {
            Fa || (Fa = requestAnimationFrame(mb));
            var b = lb(a),
                c = (y * A - u) / 2;
            C = !0;
            q -= pa - (pa = b.x);
            D ? E = !0 : q > c ? q = c : 0 < u - q - y * A + c ? q = u - y * A + c : E = !0;
            z * A > v && (c = (z * A - v) / 2, r -= qa - (qa = b.y), r > c ? r = c : 0 < v - r - z * A + c ? r = v - z * A + c : E = !0)
        } else Y();
        return n(a, !0)
    }

    function lb(a) {
        var b = a.touches;
        b && (b = b[0]);
        return {
            x: b ? b.clientX : a.pageX,
            y: b ? b.clientY : a.pageY
        }
    }

    function mb(a) {
        E ? (a && (Fa = requestAnimationFrame(mb)), X(q, r)) : Fa = null;
        E = !1
    }

    function Za(a) {
        ("boolean" === typeof a ? a : document.isFullScreen || document.webkitIsFullScreen || document.mozFullScreen) ? (document.cancelFullScreen(), h(O, "on")) : (S.requestFullScreen(), f(O, "on"))
    }

    function bb(a) {
        "boolean" === typeof a && (F = !a);
        F = 1 === A && !F;
        l(M, {
            maxHeight: F ? "none" : "",
            maxWidth: F ? "none" : "",
            transform: ""
        });
        y = M.width;
        z = M.height;
        A = 1;
        r = q = 0;
        E = !0;
        X();
        Y()
    }

    function cb(a) {
        var b = A / .65;
        5 >= b && nb(A = b);
        a || Y()
    }

    function nb(a) {
        A = a || 1;
        fb()
    }

    function db(a) {
        var b = .65 * A;
        1 <= b && (nb(A = b), r = q = 0, E = !0, X());
        a || Y()
    }

    function ib() {
        location.hash = "spotlight";
        location.hash = "show";
        l(N, "transition", "");
        f(S, "hide-scrollbars");
        f(N, "show");
        gb(!0);
        Va();
        Y()
    }

    function eb(a) {
        gb(!1);
        history.go(!0 === a ? -1 : -2);
        h(S, "hide-scrollbars");
        h(N, "show");
        Q && ab(!1);
        M.parentNode.removeChild(M);
        K = L = M = T = I = ua = null
    }

    function $a() {
        if (1 < G) return Z(G - 1);
        if (Q || J) return Z(H)
    }

    function W() {
        if (G < H) return Z(G + 1);
        if (Q || J) return Z(1)
    }

    function Z(a) {
        if (!(Q && B || a === G)) {
            Q || Y();
            Q && ta && jb();
            var b = a > G;
            G = a;
            Ja(b);
            return !0
        }
    }

    function jb() {
        m(Ea, {
            transitionDuration: "",
            transform: ""
        });
        l(Ea, {
            transitionDuration: va + "ms",
            transform: "translateX(0)"
        })
    }

    function Na(a) {
        "boolean" === typeof a ? ra = a : (ra = !ra, Y());
        ra ? f(N, sa) : h(N, sa)
    }

    function Ja(a) {
        r = q = 0;
        A = 1;
        var b = I.animation,
            c = !0,
            d = !0,
            e = !0;
        if (b || "" === b) {
            c = d = e = !1;
            b = "string" === typeof b ? b.split(",") : b;
            for (var k = 0; k < b.length; k++) {
                var t = b[k].trim();
                if ("scale" === t) c = !0;
                else if ("fade" === t) d = !0;
                else if ("slide" === t) e = !0;
                else if ("flip" === t) var w = !0;
                else if ("false" !== t) {
                    c = d = e = w = !1;
                    var x = t;
                    break
                }
            }
        }
        l(wa, "transition", e ? "" : "none");
        Ia();
        K && X();
        if (M) {
            l(M, {
                opacity: d ? 0 : 1,
                transform: ""
            });
            var U = M;
            setTimeout(function() {
                U && M !== U && U.parentNode && U.parentNode.removeChild(U)
            }, 800)
        }
        e = Oa();
        x && f(M, x);
        m(M, {
            opacity: d ? 0 : 1,
            transform: "translate(-50%, -50%)" + (c ? " scale(0.8)" : "") + (w && "undefined" !== typeof a ? " rotateY(" + (a ? "" : "-") + "90deg)" : ""),
            maxHeight: "",
            maxWidth: ""
        });
        e && l(M, {
            visibility: "visible",
            opacity: 1,
            transform: ""
        });
        x && h(M, x);
        X();
        l(Aa, "visibility", J || 1 !== G ? "" : "hidden");
        l(Ba, "visibility", J || G !== H ? "" : "hidden");
        a = T[G - 1];
        if (c = (c = a.title || a.description) && "false" !== c) ka(ya, a.title || ""), ka(za, a.description || "");
        l(xa, "visibility", c ? "visible" : "hidden");
        ka(Ca, G + " / " + H);
        ua && ua(G)
    }
    var hb = Element.prototype.closest || function(a) {
        var b = this;
        for (a = a.substring(1); b && 1 === b.nodeType;) {
            if (b.classList.contains(a)) return b;
            b = b.parentElement || b.parentNode
        }
    };
    window.Spotlight = {
        init: Qa,
        theme: Na,
        fullscreen: Za,
        autofit: bb,
        next: W,
        prev: $a,
        "goto": Z,
        close: eb,
        zoom: nb,
        menu: kb,
        show: function(a, b) {
            setTimeout(function() {
                a ? (b ? La(b) : b = {}, Ha(a, b.index)) : I = {};
                ib()
            })
        },
        play: ab
    };
}).call(this);