{"version":3,"sources":["page.product.js"],"names":["$","document","ready","isTouch","window","navigator","maxTouchPoints","on","toggleClass","productImageGalleryThumbs","productImageThumbs","flickity","cellSelector","lazyLoad","resize","groupCells","cellAlign","adaptiveHeight","setGallerySize","selectedAttraction","friction","pageDots","prevNextButtons","dragThreshold","productGallery","wrapAround","draggable","galleryNavigation","width","stop","fadeIn","fadeOut","off","addClass","each","i","thumb","e","preventDefault","removeClass","this","event","index","eq","length","first","delay","$imgs","flkty","data","galleryViewportSize","css","height","progress","slides","forEach","slide","target","x","imagesLoaded","imageSizeOK","btn","append","button","parentOffset","offset","onresize","relX","pageX","left","relY","pageY","top","fx","find","opacity","glowSize","animate"],"mappings":"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","sourcesContent":["$(document).ready(function() {\n\t\n\tvar isTouch = false,\n\t\thasMultiTouch = false;\n\n\tfunction showFormErrors(message, el) {\n\t\tconsole.log(message, el);\n\t}\n\n\tif ('ontouchstart' in window) {\n\t\tisTouch = true;\n\t}\n\n\tif (navigator.maxTouchPoints) {\n\t\thasMultiTouch = true;\n\t}\n\n\t// Manage Size Validation\n\tvar addToBagForm = $('.js-add-to-bag'),\n\t\tformSubmitButton = $('.c-product__add-to-bag');\n\n\tvar currentSlideIndex = 0;\n\n\t$('.js-fs-button').on('click', function () {\n\t\t$('.js-gallery-fs').toggleClass('u-1/1@desktop')\n\t\t$('.js-gallery-fs').toggleClass('u-1/2@desktop')\n\t\t$('.js-content-fs').toggleClass('u-1/1@desktop')\n\t\t$('.js-content-fs').toggleClass('u-1/2@desktop')\n\t});\n\n\tvar productImageGalleryThumbs = $('.js-gallery-thumbs');\n\n\tvar productImageThumbs = $(productImageGalleryThumbs).flickity({\n\t\tcellSelector: '.js-gallery-thumbs__item',\n\t\tlazyLoad: true,\n\t\tresize: true,\n\t\tgroupCells: true,\n\t\tcellAlign: 'left',\n\t\tadaptiveHeight: true,\n\t\tsetGallerySize: false,\n\t\tselectedAttraction: 0.2,\n\t\tadaptiveHeight: true,\n\t\tfriction: 1,\n\t\tpageDots: false,\n\t\tprevNextButtons: false,\n\t\tdragThreshold: 40\n\t});\n\n\tvar productGallery = $('.js-gallery').flickity({\n\t\tcellSelector: '.js-gallery__item',\n\t\tresize: true,\n\t\twrapAround: true,\n\t\tgroupCells: true,\n\t\tcellAlign: 'left',\n\t\tadaptiveHeight: true,\n\t\tsetGallerySize: false,\n\t\tselectedAttraction: 0.2,\n\t\tfriction: 1,\n\t\tprevNextButtons: false,\n\t\tpageDots: false,\n\t\tdraggable: true,\n\t\tdragThreshold: 40,\n\t\tlazyLoad: 1\n\t});\n\n\t$('.js-gallery-thumbs .flickity-slider').addClass('o-layout o-layout--tiny u-text-align-center');\n\n\t$('.js-gallery-fs .c-product__thumbnail').each(function (i, thumb) {\n\t\t$(thumb).on('click', function (e) {\n\t\t\te.preventDefault();\n\t\t\t$(productGallery).flickity('select', i);\n\t\t\t$('.js-gallery-fs .c-product__thumbnail').removeClass('c-product__thumbnail--selected');\n\t\t\t$(this).addClass('c-product__thumbnail--selected');\n\n\t\t});\n\t});\n\n\t// var zoomLevel = 1;\n\n\t// $('.js-zoom-out-button').addClass('c-product__ui-button--disabled');\n\n\t// $('.js-zoom-out-button').on('click', function (ev) {\n\t// \tif (zoomLevel > 1) zoomLevel = 1;\n\t// \t$(zoomInstances)[currentSlideIndex].panzoom('zoom', zoomLevel, {\n\t// \t\tanimate: true\n\t// \t}, true);\n\n\t// \t$(this).addClass('c-product__ui-button--disabled');\n\t// \t$('.js-zoom-in-button').removeClass('c-product__ui-button--disabled');\n\t// });\n\n\t// $('.js-zoom-in-button').on('click', function (ev) {\n\t// \tif (zoomLevel < 3) zoomLevel = 3;\n\t// \t$(zoomInstances)[currentSlideIndex].panzoom('zoom', zoomLevel, {\n\t// \t\tanimate: true\n\t// \t});\n\n\t// \t$(this).addClass('c-product__ui-button--disabled');\n\t// \t$('.js-zoom-out-button').removeClass('c-product__ui-button--disabled');\n\t// });\n\n\t$('.js-product-gallery-next').on('click', function () {\n\t\t$(productGallery).flickity('next');\n\t});\n\n\t$('.js-product-gallery-previous').on('click', function () {\n\t\t$(productGallery).flickity('previous');\n\t});\n\n\t$('.c-product__thumbnail-button--next').on('click', function () {\n\t\t$(productImageThumbs).flickity('next');\n\t});\n\n\t$('.c-product__thumbnail-button--previous').on('click', function () {\n\t\t$(productImageThumbs).flickity('previous');\n\t});\n\n\tproductGallery.on('change.flickity', function (event, index) {\n\t\t$('.js-gallery-fs .c-product__thumbnail').removeClass('c-product__thumbnail--selected');\n\t\t$('.js-gallery-fs .c-product__thumbnail').eq(index).addClass('c-product__thumbnail--selected');\n\t});\n\n\tfunction galleryNavigation() {\n\t\tif ($(window).width() > 740) {\n\t\t\t$('.js-gallery').on('mouseover', function () {\n\t\t\t\t$('.js-product-gallery-next').stop().fadeIn();\n\t\t\t\t$('.js-product-gallery-previous').stop().fadeIn();\n\t\t\t});\n\n\t\t\t$('.js-gallery').on('mouseleave', function () {\n\t\t\t\t$('.js-product-gallery-next').stop().fadeOut();\n\t\t\t\t$('.js-product-gallery-previous').stop().fadeOut();\n\t\t\t});\n\t\t} else {\n\t\t\t$('.js-gallery').off('mouseover');\n\t\t\t$('.js-gallery').off('mouseleave');\n\t\t}\n\t}\n\n\tif ($('.js-gallery').length) {\n\n\t\tgalleryNavigation();\n\n\t\t$(window).resize(function () {\n\t\t\tgalleryNavigation();\n\t\t});\n\t}\n\n\t$('.c-product__image').first().fadeIn().delay(450);\n\n\t// if (!isTouch) {\t\n\t// \t$(zoomInstances).each(function (i, el) {\n\n\t// \t\tvar neg = false;\n\n\t// \t\t$(this).find('img').dblclick(function (event) {\n\n\t// \t\t\tvar cursor;\n\n\t// \t\t\tif (zoomLevel < 3 && zoomLevel === 1) neg = false;\n\t// \t\t\tif (zoomLevel === 3 && zoomLevel !== 1) neg = true;\n\n\t// \t\t\tif (neg) zoomLevel = 1;\n\t// \t\t\telse zoomLevel = 3;\n\n\t// \t\t\tif (neg) cursor = 'minus';\n\t// \t\t\telse cursor = 'plus';\n\n\t// \t\t\t$(el).panzoom('zoom', zoomLevel, {\n\t// \t\t\t\tanimate: true\n\t// \t\t\t});\n\n\t// \t\t\tif (zoomLevel === 3) {\n\t// \t\t\t\t$('.js-zoom-out-button').removeClass('c-product__ui-button--disabled');\n\t// \t\t\t\t$('.js-zoom-in-button').addClass('c-product__ui-button--disabled');\n\t// \t\t\t}\n\t\t\t\t\n\t// \t\t\tif (zoomLevel === 1) {\n\t// \t\t\t\t$('.js-zoom-out-button').addClass('c-product__ui-button--disabled');\n\t// \t\t\t\t$('.js-zoom-in-button').removeClass('c-product__ui-button--disabled');\n\t// \t\t\t}\n\n\t// \t\t\t// $('.c-product__image > img').css({ cursor: 'url(/assets/img/search-' + cursor + '.png) 24 30, default !important' })\n\n\t// \t\t});\n\t// \t});\n\t// }\n\n\t// $(zoomInstances)[currentSlideIndex].on('touchstart', function (e) {\n\t// \tif (e.touches.length > 1) {\n\t// \t\t$(zoomInstances)[currentSlideIndex].panzoom('enablePan');\n\t// \t} else if (e.touches.length === 1) {\n\t// \t\t// $(zoomInstances)[currentSlideIndex].panzoom('disablePan');\n\t// \t}\n\t// });\n\n\t// $('.c-product__image > img').css({ cursor: 'url(/assets/img/search-plus.png) 24 30, default !important' })\n\n\tproductGallery.on('change.flickity', function (event, index) {\n\t\tcurrentSlideIndex = index;\n\t\t// zoomLevel = 1;\n\t\t// $(zoomInstances)[index].panzoom(\"setMatrix\", [1, 0, 0, 1, 0, 0], {\n\t\t// \tanimate: true\n\t\t// });\n\t\t$('.c-product__image').eq(index).fadeIn();\n\t});\n\n\tvar $imgs = $('.c-product__image');\n\tvar flkty = productGallery.data('flickity');\n\n\tproductGallery.on('scroll.flickity', function (event, progress) {\n\t\tflkty.slides.forEach(function (slide, i) {\n\t\t\tvar img = $imgs[i];\n\t\t\tvar x = (slide.target + flkty.x) * -1 / 3;\n\t\t});\n\t});\n\n\t$('.c-product__images img').imagesLoaded(function () {\n\t\t$('.c-product__thumbnails').fadeIn();\n\t});\n\n\tif (!isTouch && imageSizeOK) {\n\t\t$('.js-zoom-helper').fadeIn();\n\t\t$('.js-zoom-helper').delay(3000).fadeOut();\n\t}\n\n\tfunction galleryViewportSize() {\n\n\t\t$('.c-product__thumbnails').css({\n\t\t\theight: $('.js-gallery-thumbs .flickity-viewport').height()\n\t\t});\n\t}\n\n\tif ($('.c-product__thumbnails').length) {\n\t\t$(window).resize(galleryViewportSize);\n\t\tproductImageGalleryThumbs.on('ready.flickity', galleryViewportSize);\n\t}\n\n\t/**\n\t * Button Hover Effects\n\t */\n\n\t var btn = $('a.c-btn--fx:not(.c-btn--nofx), button.c-btn--fx:not(.c-btn--nofx)');\n\n\t $(btn).append('');\n\n\t var animSpeed = 233;\n\t var glowSize = 340;\n\n\t $(btn).each(function(index, button) {\n\t\t\n\t\t var parentOffset = $(button).offset();\n\n\t\t window.onresize = function() { \n\t\t\t parentOffset = $(button).offset();\n\t\t };\n\t\t \n\t\t $(button).on('mousemove', function (e) {\n\t\t\tvar relX = e.pageX - parentOffset.left;\n\t\t\tvar relY = e.pageY - parentOffset.top;\n\n\t\t\tvar fx = $(button).find('.c-btn-effect');\n\t\n\t\t\t\t$(fx).css({\n\t\t\t\t\tleft: relX,\n\t\t\t\t\ttop: relY,\n\t\t\t\t\theight: glowSize,\n\t\t\t\t\twidth: glowSize,\n\t\t\t\t\topacity: 1\n\t\t\t\t}, animSpeed);\n\t\t });\n\n\t\t $(button).on('mouseout', function (e) {\n\t\t\t $(button).find('.c-btn-effect').css({ height: glowSize / 2, width: glowSize / 2, opacity: 0 }, animSpeed);\n\t\t });\n\t });\n\n\n\t $('.c-btn-effect').animate({\n\t \theight: 0,\n\t \twidth: 0\n\t }, 100);\n});\n"],"file":"page.product-min.js"}