{"version":3,"file":"pdt360DegViewer-81723982.js","sources":["../../../app/javascript/entrypoints/pdt360DegViewer.js"],"sourcesContent":["var call = 0;\r\n\r\nfunction pdt360DegViewer(id, n, p, t, playable, autoPlay, draggable, mouseMove, buttons, keys, scroll) {\r\n    $('<style>.draggable{width: 100%;}.viewer{position:relative;margin:20px 0}#pdtViewer{width:67%;margin:0 auto}#pdtViewer img{padding:40px 20px;border:.5px solid #eee;user-select:none;-moz-user-select:none}#dummy{display:none}.loader{width:100%;height:100%;position:absolute;background:rgba(0,0,0,.5);z-index:1;top:0}.three-bounce{text-align:center;font-size:26px;position:absolute;top:50%;left:50%}.three-bounce div{display:inline-block;width:18px;height:18px;border-radius:100%;background-color:#fff;-webkit-animation:bouncedelay 1.4s infinite ease-in-out both;animation:bouncedelay 1.4s infinite ease-in-out both}.three-bounce .one{-webkit-animation-delay:-0.32s;animation-delay:-0.32s}.three-bounce .two{-webkit-animation-delay:-0.16s;animation-delay:-0.16s}img.draggable{cursor:e-resize}img.keys{cursor:pointer}@keyframes bouncedelay{0%,80%,100%{-webkit-transform:scale(0);transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}@-webkit-keyframes bouncedelay{0%,80%,100%{-webkit-transform:scale(0);transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}@media screen and (max-width:1030px){#pdtViewer img{width:100%}}@media screen and (max-width:992px){.hidePhone{display:none}.btnDiv{zoom:.7}}@media screen and (max-width:1250px){#pdtViewer img{padding:40px 0}#pdtViewer{width:95%}}@media screen and (max-width:767px){.fork{width:100px;position:absolute!important}h1{margin-top:60px}}</style>').appendTo( \"head\" );\r\n\r\n    // console.log(`${call}-${id}-${playable ? 'playable ' : ''}${autoPlay ? 'autoPlay ' : ''}${draggable ? 'draggable ' : ''}${mouseMove ? 'mouseMove ' : ''}${buttons ? 'buttons ' : ''}${keys ? 'keys' : ''}${scroll ? 'scroll ' : ''}`);\r\n    call++;\r\n    loaderNone(id);\r\n    var i = 1, j = 0, move = [],\r\n        mainDiv = document.querySelector(`#${id}`);\r\n    mainDiv.className = 'viewer';\r\n    mainDiv.innerHTML += `<img class=\"${id} ${playable ? 'playable ' : ''}${autoPlay ? 'autoPlay ' : ''}${draggable ? 'draggable ' : ''}${mouseMove ? 'mouseMove ' : ''}${buttons ? 'buttons ' : ''}${keys ? 'keys ' : ''}${scroll ? 'scroll ' : ''}\" draggable=\"false\" src='${p}${i}.${t}'>`;\r\n    mainDiv.innerHTML +=  '<div class=\"loader\"><div class=\"three-bounce\"><div class=\"one\"></div><div class=\"two\"></div><div class=\"three\"></div></div></div>'\r\n\r\n    if (call == 1)\r\n        for (var k = 1; k <= n; k++) {\r\n            document.getElementById('dummy').innerHTML += `<img src='${p}${k}.${t}'>`;\r\n        }\r\n\r\n    var img = document.querySelector(`#${id} .${id}`);\r\n\r\n    if (!playable && !autoPlay) {\r\n        var touch = false;\r\n        (window.matchMedia(\"screen and (max-width: 992px)\").matches) ? touchFun() : nonTouch();\r\n\r\n        //For Touch Devices\r\n        window.addEventListener('touchstart', function () {\r\n            touchFun();\r\n        });\r\n\r\n        function touchFun() {\r\n            touch = true;\r\n            img.removeAttribute('draggable');\r\n            img.addEventListener('touchmove', function (e) {\r\n                logic(this, e);\r\n            });\r\n            img.addEventListener('touchend', function (e) {\r\n                move = [];\r\n            });\r\n        }\r\n        //For Non-Touch Devices\r\n        function nonTouch() {\r\n            touch = false;\r\n            if (draggable) {\r\n                var drag = false;\r\n                img.addEventListener('mousedown', function (e) {\r\n                    drag = true;\r\n                    logic(this, e);\r\n                });\r\n                img.addEventListener('mouseup', function (e) {\r\n                    drag = false;\r\n                    move = [];\r\n                });\r\n                mouseEvent();\r\n            }\r\n\r\n            if (mouseMove) {\r\n                drag = true;\r\n                mouseEvent();\r\n            }\r\n            function mouseEvent() {\r\n                img.addEventListener('mousemove', function (e) {\r\n                    (drag) ? logic(this, e) : null;\r\n                });\r\n                img.addEventListener('mouseleave', function () {\r\n                    move = [];\r\n                });\r\n            }\r\n            if (scroll) {\r\n                img.addEventListener('wheel', function (e) {\r\n                    e.preventDefault();\r\n                    (e.wheelDelta / 120 > 0) ? nxt(this) : prev(this);\r\n                });\r\n            }\r\n            if (keys) {\r\n                img.setAttribute('tabindex', '0');\r\n                img.onkeydown = function (e) {\r\n                    e.preventDefault();\r\n                    if (e.keyCode == 37 || e.keyCode == 38)\r\n                        prev(img);\r\n                    else if (e.keyCode == 39 || e.keyCode == 40)\r\n                        nxt(img);\r\n                };\r\n            }\r\n        }\r\n        function logic(el, e) {\r\n            j++;\r\n            var x = touch ? e.touches[0].clientX : e.clientX;\r\n            var coord = (x - img.offsetLeft);\r\n            move.push(coord);\r\n\r\n            var l = move.length,\r\n                oldMove = move[l - 2],\r\n                newMove = move[l - 1];\r\n            var thresh = touch ? true : !(j % 3);\r\n            if (thresh) {\r\n                if (newMove > oldMove)\r\n                    nxt(el);\r\n                else if (newMove < oldMove)\r\n                    prev(el);\r\n            }\r\n        }\r\n        if (buttons) {\r\n            // var btnsDiv = document.createElement('div');\r\n            // btnsDiv.className = 'btnDiv navDiv';\r\n\r\n            // var leftNavBtn = document.createElement('button');\r\n            // leftNavBtn.className = 'play leftNav';\r\n            // leftNavBtn.setAttribute('title', 'left navigation');\r\n            // btnsDiv.appendChild(leftNavBtn);\r\n            \r\n            if (document.getElementById(\"leftNavBtn\")) {\r\n                document.getElementById(\"leftNavBtn\").addEventListener('click', function () {\r\n                    prev(img);\r\n                });\r\n            }\r\n\r\n            // var rightNavBtn = document.createElement('button');\r\n            // rightNavBtn.className = 'play rightNav';\r\n            // rightNavBtn.setAttribute('title', 'right navigation');\r\n            // btnsDiv.appendChild(rightNavBtn);\r\n            if (document.getElementById(\"rightNavBtn\")) {\r\n                document.getElementById(\"rightNavBtn\").addEventListener('click', function () {\r\n                    nxt(img);\r\n                });\r\n            }\r\n            // img.parentNode.appendChild(btnsDiv);\r\n        }\r\n    } else {\r\n        var interval, playing = false,\r\n            pause = false,\r\n            left = false,\r\n            right = false,\r\n            speed = 250;\r\n\r\n        if (playable) {\r\n            var btnDiv = document.createElement('div');\r\n            btnDiv.className = 'btnDiv';\r\n\r\n            var playBtn = document.createElement('button');\r\n            playBtn.className = 'play';\r\n            playBtn.setAttribute('title', 'play');\r\n            btnDiv.appendChild(playBtn);\r\n            playBtn.addEventListener('click', function () {\r\n                playing = true;\r\n                pause = false;\r\n                play();\r\n            });\r\n\r\n            var pauseBtn = document.createElement('button');\r\n            pauseBtn.className = 'pause';\r\n            pauseBtn.setAttribute('title', 'pause');\r\n            btnDiv.appendChild(pauseBtn);\r\n            pauseBtn.addEventListener('click', function () {\r\n                pause = true;\r\n            });\r\n\r\n            var stopBtn = document.createElement('button');\r\n            stopBtn.className = 'stop';\r\n            stopBtn.setAttribute('title', 'stop');\r\n            btnDiv.appendChild(stopBtn);\r\n\r\n            stopBtn.addEventListener('click', function () {\r\n                pause = true;\r\n                speed = 50;\r\n                right = true;\r\n                left = false;\r\n                this.parentNode.parentNode.querySelector('img').src = `${p}${i = 1}.${t}`;\r\n            });\r\n\r\n            var leftBtn = document.createElement('button');\r\n            leftBtn.className = 'left';\r\n            leftBtn.setAttribute('title', 'play direction-left');\r\n            btnDiv.appendChild(leftBtn);\r\n            leftBtn.addEventListener('click', function () {\r\n                right = false;\r\n                left = true;\r\n                if (playing)\r\n                    play();\r\n            });\r\n\r\n            var rightBtn = document.createElement('button');\r\n            rightBtn.className = 'right';\r\n            rightBtn.setAttribute('title', 'play direction-right');\r\n            btnDiv.appendChild(rightBtn);\r\n            rightBtn.addEventListener('click', function () {\r\n                left = false;\r\n                right = true;\r\n                if (playing)\r\n                    play();\r\n            });\r\n\r\n            var speedBtn = document.createElement('button');\r\n            speedBtn.className = 'plus';\r\n            speedBtn.setAttribute('title', 'increase play speed');\r\n            btnDiv.appendChild(speedBtn);\r\n            speedBtn.addEventListener('click', function () {\r\n                if (playing)\r\n                    timer(speed > 10 ? speed -= 10 : speed);\r\n            });\r\n\r\n            var slowBtn = document.createElement('button');\r\n            slowBtn.className = 'minus';\r\n            slowBtn.setAttribute('title', 'decrease play speed');\r\n            btnDiv.appendChild(slowBtn);\r\n            slowBtn.addEventListener('click', function () {\r\n                if (playing)\r\n                    timer(speed < 100 ? speed += 10 : speed);\r\n            });\r\n\r\n            mainDiv.prepend(btnDiv);\r\n        }\r\n    }\r\n\r\n    function play() {\r\n        timer(speed);\r\n    }\r\n\r\n    function timer(t) {\r\n        clearInterval(interval);\r\n        interval = setInterval(function () {\r\n            if (!pause) {\r\n                if (left)\r\n                    prev(img);\r\n                else if (right)\r\n                    nxt(img);\r\n                else\r\n                    nxt(img);\r\n            }\r\n        }, t);\r\n    }\r\n\r\n    function prev(e) {\r\n        if (i <= 1) {\r\n            i = n;\r\n            e.src = `${p}${--i}.${t}`;\r\n            nxt(e);\r\n        } else\r\n            e.src = `${p}${--i}.${t}`;\r\n    }\r\n    function nxt(e) {\r\n        if (i >= n) {\r\n            i = 1;\r\n            e.src = `${p}${++i}.${t}`;\r\n            prev(e);\r\n        } else\r\n            e.src = `${p}${++i}.${t}`;\r\n    }\r\n    function loaderNone(id) {\r\n        window.addEventListener('turbo:load',function(){\r\n        clearInterval(interval);\r\n            if (!document.querySelector(`#${id} .loader`)) return false\r\n            document.querySelector(`#${id} .loader`).style.display = 'none';\r\n            if (autoPlay) {\r\n                pause = false;\r\n                play();\r\n            }\r\n        });\r\n    }\r\n}\r\nexport default pdt360DegViewer"],"names":["call","pdt360DegViewer","id","n","p","t","playable","autoPlay","draggable","mouseMove","buttons","keys","scroll","loaderNone","j","move","mainDiv","k","img","touchFun","touch","e","logic","nonTouch","drag","mouseEvent","nxt","prev","el","x","coord","l","oldMove","newMove","thresh","interval","playing","pause","left","right","speed","btnDiv","playBtn","play","pauseBtn","stopBtn","leftBtn","rightBtn","speedBtn","timer","slowBtn"],"mappings":"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"}