{"version":3,"file":"js/collection_content.min.js","mappings":";;;;;;;;;;;AAAA;;;;;;;UCAA;UACA;;UAEA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;;UAEA;UACA;;UAEA;UACA;UACA;;;;;WCtBA;WACA;WACA;WACA,uDAAuD,iBAAiB;WACxE;WACA,gDAAgD,aAAa;WAC7D;;;;;;;;;;;;ACNgD;AAChD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,gDAAgD,UAAU;AAC1D;AACA;AACA,aAAa;AACb,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,6BAA6B;AAC7B;AACA,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,6BAA6B;AAC7B;AACA,yBAAyB;AACzB,qBAAqB;AACrB;AACA;AACA;AACA,iBAAiB;AACjB;AACA,iBAAiB;AACjB;AACA,SAAS;AACT,KAAK;AACL;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA,iBAAiB;AACjB,aAAa;AACb;AACA;AACA;AACA,SAAS;AACT;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA,mDAAmD;AACnD,cAAc;AACd;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL,CAAC,E","sources":["webpack://laravel/./resources/src/css/home/collection_content.scss?8ad6","webpack://laravel/webpack/bootstrap","webpack://laravel/webpack/runtime/make namespace object","webpack://laravel/./resources/src/js/home/collection_content.js"],"sourcesContent":["// extracted by mini-css-extract-plugin\nexport {};","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// define __esModule on exports\n__webpack_require__.r = function(exports) {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import '../../css/home/collection_content.scss';\r\n\r\n$(function() {\r\n\r\n\r\n    if ($('#content_viewer').length > 0) {\r\n        const viewer = new Viewer(document.getElementById('content_viewer'), {\r\n            inline: true,\r\n            title: [1, (image, imageData) => `${image.alt}`],\r\n            viewed() {\r\n                // viewer.zoomTo(1);\r\n            },\r\n        });\r\n    }\r\n\r\n    let _once = true;\r\n    const _content_row = $('.content_row');\r\n    const _related_openseadragon = $('#related_openseadragon');\r\n\r\n    $('.related_show').click(function() {\r\n        _content_row.addClass('active');\r\n        if (!_once) return;\r\n        _once = false;\r\n        setTimeout(() => {\r\n            if (_related_openseadragon.length > 0) {\r\n                let _size;\r\n                let _tilePath;\r\n                let _imgs = [];\r\n                let _tileSources = [];\r\n                let _id = _related_openseadragon.data('id');\r\n                const $container = _related_openseadragon.closest('.content_pic');\r\n\r\n                $.ajax({\r\n                    url: \"/hotelai/collection/api/\" + _id,\r\n                    type: 'GET',\r\n                    success: function(data) {\r\n                        _imgs = data;\r\n                        _imgs.forEach((obj, ind) => {\r\n                            _tilePath = '/hotelai/storage/zoomify/' + obj.tile + '/';\r\n                            _size = readXml(_tilePath + 'ImageProperties.xml');\r\n                            _tileSources.push({\r\n                                type: \"zoomifytileservice\",\r\n                                width: _size.width,\r\n                                height: _size.height,\r\n                                tilesUrl: _tilePath,\r\n                            });\r\n                            $container.append('<span id=\"collection_viewer_label_' + ind + '\" class=\"hide\">' + obj.title + '</span>');\r\n                        });\r\n                        var viewer = OpenSeadragon({\r\n                            id: \"related_openseadragon\",\r\n                            prefixUrl: \"/hotelai/img/toolbar/\",\r\n                            showNavigator: true,\r\n                            navigatorPosition: \"ABSOLUTE\",\r\n                            navigatorTop: \"2.5rem\",\r\n                            navigatorLeft: \"0\",\r\n                            navigatorWidth: \"15rem\",\r\n                            navigatorHeight: \"8.4375rem\",\r\n                            sequenceMode: _tileSources.length > 1 ? true : false,\r\n                            showReferenceStrip: true,\r\n                            showRotationControl: true,\r\n                            gestureSettingsTouch: {\r\n                                pinchRotate: true,\r\n                            },\r\n                            tileSources: _tileSources,\r\n                        });\r\n                    },\r\n                    error: function(data) {\r\n                        console.log(data);\r\n                    }\r\n                }).always(function(response, status) {\r\n                    console.log(response, status);\r\n                });\r\n            }\r\n        }, 200);\r\n    });\r\n    $(document).on('click', '.related_close_link', function() {\r\n        _content_row.removeClass('active');\r\n    });\r\n\r\n\r\n    const _content_openseadragon = $('#content_openseadragon');\r\n\r\n    if (_content_openseadragon.length > 0) {\r\n        let _size;\r\n        let _tilePath;\r\n        let _imgs = [];\r\n        let _tileSources = [];\r\n        let _id = _content_openseadragon.data('id');\r\n        const $container = _content_openseadragon.closest('.content_pic');\r\n\r\n        $.ajax({\r\n            url: \"/hotelai/collection/api/\" + _id,\r\n            type: 'GET',\r\n            success: function(data) {\r\n                console.log(data);\r\n                _imgs = data;\r\n                _imgs.forEach((obj, ind) => {\r\n                    _tilePath = '/hotelai/storage/zoomify/' + obj.tile + '/';\r\n                    _size = readXml(_tilePath + 'ImageProperties.xml');\r\n                    _tileSources.push({\r\n                        type: \"zoomifytileservice\",\r\n                        width: _size.width,\r\n                        height: _size.height,\r\n                        tilesUrl: _tilePath,\r\n                    });\r\n                    $container.append('<span id=\"collection_viewer_label_' + ind + '\" class=\"hide\">' + obj.title + '</span>');\r\n                });\r\n                var viewer = OpenSeadragon({\r\n                    id: \"content_openseadragon\",\r\n                    prefixUrl: \"/hotelai/img/toolbar/\",\r\n                    showNavigator: true,\r\n                    navigatorPosition: \"ABSOLUTE\",\r\n                    navigatorTop: \"2.5rem\",\r\n                    navigatorLeft: \"0\",\r\n                    navigatorWidth: \"15rem\",\r\n                    navigatorHeight: \"8.4375rem\",\r\n                    sequenceMode: _tileSources.length > 1 ? true : false,\r\n                    showReferenceStrip: true,\r\n                    showRotationControl: true,\r\n                    gestureSettingsTouch: {\r\n                        pinchRotate: true,\r\n                    },\r\n                    tileSources: _tileSources,\r\n                });\r\n            },\r\n            error: function(data) {\r\n                console.log(data);\r\n            }\r\n        }).always(function(response, status) {\r\n            console.log(response, status);\r\n        });\r\n\r\n        var onkeydown = (function(ev) {\r\n            var key;\r\n            var isShift;\r\n            if (window.event) {\r\n                key = window.event.keyCode;\r\n                isShift = !!window.event.shiftKey; // typecast to boolean\r\n            } else {\r\n                key = ev.which;\r\n                isShift = !!ev.shiftKey;\r\n            }\r\n            if (isShift) {\r\n                switch (key) {\r\n                    case 86: // shift + v\r\n                        document.querySelector('.openseadragon-canvas').focus();\r\n                        break;\r\n                    default:\r\n                        break;\r\n                }\r\n            }\r\n        });\r\n        document.addEventListener(\"keydown\", onkeydown, false);\r\n    }\r\n\r\n\r\n\r\n    function readXml(xmlFile) {\r\n\r\n        var xmlDoc;\r\n\r\n        if (typeof window.DOMParser != \"undefined\") {\r\n            var xmlhttp = new XMLHttpRequest();\r\n            xmlhttp.open(\"GET\", xmlFile, false);\r\n            if (xmlhttp.overrideMimeType) {\r\n                xmlhttp.overrideMimeType('text/xml');\r\n            }\r\n            xmlhttp.send();\r\n            xmlDoc = xmlhttp.responseXML;\r\n        }\r\n        else {\r\n            xmlDoc = new ActiveXObject(\"Microsoft.XMLDOM\");\r\n            xmlDoc.async = \"false\";\r\n            xmlDoc.load(xmlFile);\r\n        }\r\n        var tagObj = xmlDoc.getElementsByTagName(\"IMAGE_PROPERTIES\");\r\n        var _WIDTH = parseInt(tagObj[0].attributes.WIDTH.nodeValue);\r\n        var _HEIGHT = parseInt(tagObj[0].attributes.HEIGHT.nodeValue);\r\n        return { width: _WIDTH, height: _HEIGHT };\r\n    }\r\n\r\n\r\n    gsap.to('.theme_bg_container', {\r\n        scrollTrigger: {\r\n            trigger: '.others_sec',\r\n            start: \"top top\",\r\n            toggleActions: \"play none none reverse\",\r\n            toggleClass: \"active\"\r\n        }\r\n    })\r\n\r\n\r\n    let _this;\r\n    let _img1;\r\n    let _caption1;\r\n    let _img2;\r\n    let _caption2;\r\n    $('.lb_btn').click(function() {\r\n        _this = $(this);\r\n        _img1 = _this.data('img1');\r\n        _caption1 = _this.data('caption1');\r\n        _img2 = _this.data('img2');\r\n        _caption2 = _this.data('caption2');\r\n        $('.lb_img_1').attr('src', _img1);\r\n        $('.lb_img_2').attr('src', _img2);\r\n        $('.lb_caption_1').text(_caption1);\r\n        $('.lb_caption_2').text(_caption2);\r\n    });\r\n});"],"names":[],"sourceRoot":""}