{"version":3,"sources":["app/js/gallery.js"],"names":[],"mappings":"AAAA;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;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;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","file":"gallery.js","sourcesContent":["PES = PES || {};\r\nPES.Gallery = function () {\r\n    var init = function (path) {\r\n        $('.img-container img').slickhover({\r\n            icon: path,\r\n            color: \"#52b161\",\r\n            opacity: 0.4,\r\n            speed: 400,\r\n            animateIn: false,\r\n            text: \"View timeline\"\r\n        });\r\n\r\n        $('.gallery-images').magnificPopup({\r\n            delegate: '.image',\r\n            type: 'image',\r\n            closeOnContentClick: false,\r\n            mainClass: 'mfp-with-zoom mfp-img-mobile',\r\n            image: {\r\n                titleSrc: function (item) {\r\n                    var $title = $(item.el).closest(\".img-container\").find(\".img-title\");\r\n                    var html = $title.find(\".hidden\").html();\r\n\r\n                    return html;\r\n                }\r\n            },\r\n            gallery: {\r\n                enabled: true\r\n            },\r\n            zoom: {\r\n                enabled: true,\r\n                duration: 300, // don't foget to change the duration also in CSS\r\n                opener: function (element) {\r\n                    return element.find('img');\r\n                }\r\n            }\r\n\r\n        });\r\n        let gallery_slider = tns({\r\n            \"container\": \".gallery\",\r\n            \"items\": 1,\r\n            \"navContainer\": \".thumbs\",\r\n            \"controlsContainer\": \".gallery__controls\",\r\n            \"mouseDrag\": true,\r\n            \"touch\": true,\r\n            // \"lazyload\": true,\r\n            \"autoplayButtonOutput\": false,\r\n            \"speed\": 400,\r\n            // \"loop\": true,\r\n            \"rewind\": true,\r\n            // \"autoHeight\": true\r\n        });\r\n\r\n        let thumbnail_slider = tns({\r\n            \"container\": \".thumbs\",\r\n            \"mouseDrag\": true,\r\n            \"touch\": true,\r\n            \"controls\": false,\r\n            \"nav\": false,\r\n            // \"lazyload\": true,\r\n            \"autoplayButtonOutput\": false,\r\n            \"items\": 1,\r\n            \"edgePadding\": 50,\r\n            \"fixedWidth\": 112,\r\n            \"center\": true,\r\n            \"loop\": false,\r\n            \"swipeAngle\": false,\r\n            \"rewind\": true,\r\n\r\n            responsive: {\r\n                769: {\r\n                    \"fixedWidth\": 192,\r\n                }\r\n            }\r\n            // \"gutter\": 20\r\n        });\r\n\r\n        let updateGallery = function (info, eventName) {\r\n            let currentIndex = info.displayIndex;\r\n            thumbnail_slider.goTo(currentIndex - 1);\r\n\r\n        }\r\n\r\n        gallery_slider.events.on('transitionStart', updateGallery);\r\n\r\n        let imageFinalHeight = 100;\r\n\r\n        $(\".sample\").click(function () {\r\n            var index = $(\".sample\").index(this);\r\n            $('#tns2-item' + index)[0].click();\r\n            $('.js-open-gallery')[0].click();\r\n        });\r\n    }\r\n\r\n    return {\r\n        init: init\r\n    }\r\n}"]}