{"version":3,"names":[],"mappings":"","sources":["main.js"],"sourcesContent":["'use strict';\r\n\r\n// Адаптивная высота элементов gallery-block\r\nfunction resizeGallery() {\r\n\tvar galleryItems = document.querySelectorAll('.gallery-block__item'); // берем коллекцию элементов\r\n\tlet curWidth = galleryItems[0].offsetWidth; // берем высоту первого экземпляра\r\n\t\t\r\n\tArray.prototype.forEach.call(galleryItems, function(el, i){\t// задаем всем элементам высоту\r\n\t\tgalleryItems[i].style.height = curWidth + 'px';\t\r\n\t});\r\n}\r\n\r\nwindow.onload = function() {\r\n\tif (document.querySelector('.gallery-block')) {\r\n\t\tresizeGallery();\r\n\t}\r\n};\r\n\r\nwindow.onresize = function() {\r\n\tif (document.querySelector('.gallery-block')) {\r\n\t\tresizeGallery();\r\n\t}\r\n};\r\n// ====\r\n\r\n// modernizr wepb (для того, чтобы добавить фичи, нужно пересобрать modernizr-custom.js)\r\nModernizr.on('webp', function (result) {\t\t\r\n\tif (result) {\r\n\t\tconsole.log('Has WebP support'); \r\n\t}\r\n\telse {\r\n\t\tconsole.log('No WebP support'); \r\n\t}\r\n});\r\n\r\n// Parallax\r\nif (document.querySelector('.goods-bg')) {\r\n\tdocument.addEventListener(\"DOMContentLoaded\", function(){\r\n\t\tvar scene = document.getElementById('goods');\r\n\t\tvar parallaxInstance = new Parallax(scene);\r\n\t});\r\n\t\r\n\t// Скрываем некоторые элементы фона при недостаточной высоте блока\r\n\t\r\n\tfunction hideVeggieItems() {\r\n\t\tvar goodsListHeight = document.querySelector('.goods-list').offsetHeight;\r\n\t\tvar goodsBgItems = document.querySelectorAll('#goods .wrapper');\t\r\n\t\tgoodsBgItems = Array.prototype.slice.call(goodsBgItems);\r\n\t\t\r\n\t\tif (goodsListHeight < 700) {\r\n\t\t\tfor (var i = 4; i < goodsBgItems.length; i++) {\r\n\t\t\t\tgoodsBgItems[i].classList.add('hide');\t\r\n\t\t\t} \r\n\t\t} else {\r\n\t\t\tfor (var i = 4; i < goodsBgItems.length; i++) {\r\n\t\t\t\tgoodsBgItems[i].classList.remove('hide');\t\t\r\n\t\t\t} \r\n\t\t}\r\n\t}\r\n\t\r\n\tdocument.addEventListener(\"DOMContentLoaded\", function(){\r\n\t\thideVeggieItems();\r\n\t});\r\n}\r\n\r\n// ====\r\n\r\n// Selector\r\ndocument.addEventListener(\"DOMContentLoaded\", function(){\r\n\ttail.select(\"select\");\r\n});\r\n\r\n// Num stepper\r\nfunction increaseValue(event) { \r\n\tvar value = parseInt(event.currentTarget.parentNode.querySelector('input').value, 10);\r\n\tvalue = isNaN(value) ? 0 : value;\r\n\tvalue++;\r\nevent.currentTarget.parentNode.querySelector('input').value = value;\r\n}  \r\nfunction decreaseValue(event) {\r\n\tvar value = parseInt(event.currentTarget.parentNode.querySelector('input').value, 10);\r\n\tvalue = isNaN(value) ? 0 : value;\r\n\tvalue--;\r\n\tif (value >= 0) {\r\n\t\tevent.currentTarget.parentNode.querySelector('input').value = value;\r\n\t}\t\r\n}\r\n\r\n// Cart. Remove item\r\nfunction removeCartItem(event) {\r\n\tevent.preventDefault();\t\r\n\tvar currentElem = event.currentTarget.closest('.cart-row'); // не работает в IE\t\r\n\tcurrentElem.parentNode.removeChild(currentElem);\t\r\n}\r\n\r\n// Burger\r\nfunction toggleMenu(event) {\t\r\n\tvar btn = event.currentTarget;\r\n\tvar menu = document.querySelector('#menu-top');\r\n\tvar body = document.querySelector('body');\r\n\t\r\n\tif (event.currentTarget.classList.contains('active')) {\r\n\t\tbody.style.overflow = '';\r\n\t\tmenu.classList.remove('show');\r\n\t\tbtn.classList.remove('active');\t\t\r\n\t} else {\r\n\t\tbody.style.overflow = 'hidden';\r\n\t\tmenu.classList.add('show');\r\n\t\tbtn.classList.add('active');\t\t\r\n\t}\r\n}\r\n\r\n// Ховер иконки в меню\r\n(function menuIconHovering() {\r\n\tvar filterElems = document.querySelectorAll('.filter_item');\t\r\n\t\r\n\tfor (var i = 0; i < filterElems.length; i++) {\r\n\t\tfilterElems[i].addEventListener(\"mouseover\", function(){\t\t\r\n\t\t\tvar currentIcon = this.getElementsByClassName('icon')[0];\r\n\t\t\tvar currentSVG = currentIcon.contentDocument.getElementsByClassName('icon-menu')[0];\r\n\t\t\tcurrentSVG.style.stroke = '#ffffff';\r\n\t\t\tcurrentSVG.style.strokeWidth = '0.5';\r\n\t\t});\t\r\n\t}\r\n\t\r\n\tfor (var i = 0; i < filterElems.length; i++) {\r\n\t\tfilterElems[i].addEventListener(\"mouseout\", function(){\r\n\t\t\tvar currentIcon = this.getElementsByClassName('icon')[0];\r\n\t\t\tvar currentSVG = currentIcon.contentDocument.getElementsByClassName('icon-menu')[0];\r\n\t\t\tcurrentSVG.style.stroke = '';\r\n\t\t\tcurrentSVG.style.strokeWidth = '';\t\r\n\t\t});\t\r\n\t}\r\n})();\r\n\r\n// Slider\r\n\r\ndocument.addEventListener(\"DOMContentLoaded\", function(){\r\n\tif (document.querySelector('.top-slider')) {\r\n\t\t\t\t\t\r\n\t\tobjectFitImages(); // Object-fit IE\r\n\t\t\t\r\n\t\tvar slider = tns({\r\n\t\t\tcontainer: '.top-slider',\r\n\t\t\tmode: 'carousel',\r\n\t\t\taxis: 'horizontal',\r\n\t\t\titems: 1,\r\n\t\t\tnav: false,\r\n\t\t\tcontrols: false,\r\n\t\t\tloop: true,\r\n\t\t\tautoplay: true,\r\n\t\t\tspeed: 600,\r\n\t\t\tautoplayTimeout: 4000,\r\n\t\t\tautoplayHoverPause: true,\r\n\t\t\tautoplayButton: false,\r\n\t\t\tautoplayButtonOutput: false,\r\n\t\t\ttouch: true,\r\n\t\t\tmouseDrag: false\t\r\n\t\t});\t\t\r\n\t}\r\n});\r\n\r\n\r\n\r\n\r\n\r\n"],"file":"../../../../../main.js"}