{"version":3,"file":"tag.js","mappings":";;;;;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAI,eAAe;AAC1B;AACA;AACA;AACA;;AAEA,kDAAe,WAAW;;;ACtEsB;;AAEhD;AACA;AACA;;AAEA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAW;AACX,SAAS;;AAET;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA,oBAAoB;AACpB;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA,oBAAoB;AACpB;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA,oBAAoB;AACpB;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA,oBAAoB;AACpB;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA,gBAAgB;AAChB;;AAEA;AACA;AACA;AACA,oBAAoB;AACpB;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA,oBAAoB;AACpB;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA,oBAAoB;AACpB;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA,oBAAoB;AACpB;AACA;AACA,iBAAiB;AACjB;;AAEA;AACA;AACA,iBAAiB;;AAEjB;AACA;AACA,aAAa;;AAEb,WAAW;AACX;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb,WAAW;AACX;;AAEA;AACA,OAAO;AACP;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA,SAAS;AACT,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,MAAM,WAAW;AACjB;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA,UAAU;AACV;AACA;AACA,OAAO;;AAEP;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,YAAY;AACZ;AACA;AACA;AACA,OAAO;AACP,KAAK;AACL;AACA;AACA;AACA;AACA;AACA,UAAU;AACV;AACA;AACA,OAAO;AACP,KAAK;AACL;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL,GAAG;AACH;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;;AAEA;AACA;AACA,CAAC","sources":["webpack://build/../vincishoes2/assets/javascripts/common/lazyLoading.js","webpack://build/../vincishoes2/assets/javascripts/pages/tag.js"],"sourcesContent":["\nconst LazyLoading = {\n threshold: window.innerWidth < 768 ? 350 : 600,\n nativeImageSupport: \"loading\" in HTMLImageElement.prototype,\n nativeIframeSupport: \"loading\" in HTMLIFrameElement.prototype,\n setForNativeLazy: function(element) {\n if (element.hasAttribute('src') || element.hasAttribute('srcset')) {\n      // console.warn('Elemento já está com lazy load nativo configurado', element)\n return \n }\n if (element.hasAttribute('data-src')) {\n element.setAttribute('src', element.getAttribute('data-src'))\n }\n if (element.hasAttribute('data-srcset')) {\n element.setAttribute('srcset', element.getAttribute('data-srcset'))\n }\n if (element.hasAttribute('data-sizes')) {\n element.setAttribute('sizes', element.getAttribute('data-sizes'))\n }\n element.setAttribute('data-lazy-loaded', true)\n return true\n },\n update: function() {\n if (!this.nativeImageSupport || !this.nativeIframeSupport) {\n window.lazyLoadInstance.update()\n }\n return LazyLoading.init()\n },\n init: function() {\n const lazyImages = document.querySelectorAll(\"img.lazy\");\n const lazyIframes = document.querySelectorAll('iframe.lazy')\n if (LazyLoading.nativeImageSupport) {\n lazyImages.forEach(image => {\n LazyLoading.setForNativeLazy(image)\n });\n }\n if (LazyLoading.nativeIframeSupport) {\n lazyIframes.forEach(iframe => {\n LazyLoading.setForNativeLazy(iframe)\n })\n }\n // Caso tenha o suporte em um, mas não tenha no outro\n if (LazyLoading.nativeImageSupport && !LazyLoading.nativeIframeSupport) {\n lazyImages.forEach(image => {\n image.classList.remove('lazy')\n })\n }\n if (!LazyLoading.nativeImageSupport && LazyLoading.nativeIframeSupport) {\n lazyIframes.forEach(iframe => {\n iframe.classList.remove('lazy')\n })\n }\n    // Adiciona vanilla lazy load caso não tenha suporte nativo para algum dos elementos\n if (!LazyLoading.nativeImageSupport || !LazyLoading.nativeIframeSupport) {\n const script = document.createElement('script')\n script.setAttribute('async', true)\n script.src = '/javascripts/lazyload.min.js'\n document.body.appendChild(script)\n window.lazyLoadOptions = {\n elements_selector: \".lazy\",\n threshold: LazyLoading.threshold\n };\n window.addEventListener(\"LazyLoad::Initialized\", event => {\n window.lazyLoadInstance = event.detail.instance\n }, { passive: true });\n }\n return window.lazyLoad = LazyLoading\n }\n}\n\nexport default LazyLoading\n","import LazyLoading from \"../common/lazyLoading\";\n\nconst Tag = {\n setProductSlider: function () {\n const products = document.querySelectorAll('[data-swiper-product]');\n\n if (products.length > 0) {\n products.forEach((item, k) => {\n if (item.hasAttribute('data-product-ready')) return;\n\n const swiperEl = item.querySelector('.swiper-container');\n\n const swiper = new Swiper(swiperEl, {\n loop: false,\n slidesPerView: 1,\n spaceBetween: 0,\n watchOverflow: true,\n pagination: {\n el: swiperEl.querySelector(\".swiper-pagination\"),\n type: \"bullets\",\n clickable: true,\n dynamicBullets: true,\n dynamicMainBullets: 4\n },\n });\n\n const colors = item.querySelectorAll('[data-color-ref]');\n const slides = item.querySelectorAll('[data-slide-ref]');\n const nameRef = item.querySelectorAll('[data-name-ref]');\n const priceRef = item.querySelectorAll('[data-price-ref]');\n const parcelRef = item.querySelectorAll('[data-parcel-ref]');\n const infoProduct = item.querySelector('.text');\n\n if (colors.length > 0) {\n colors.forEach((color, j) => {\n let ref = color.getAttribute('data-color-ref');\n const links = color.closest('.product-block-swiper').querySelectorAll('.link_product');\n const url = color.getAttribute('data-link-image');\n\n color.addEventListener(\"click\", () => {\n if (color.classList.contains('-active')) {\n infoProduct.classList.remove('-active')\n\n if (slides.length > 0) slides.forEach(slide => {\n if (slide.getAttribute('data-slide-ref') == '') {\n slide.classList.remove('-hide');\n } else {\n slide.classList.add('-hide');\n }\n });\n if (nameRef.length > 0) nameRef.forEach(name => {\n if (name.getAttribute('data-name-ref') == color.getAttribute('data-color-ref')) {\n name.classList.remove('-hide');\n } else {\n name.classList.add('-hide');\n }\n })\n if (priceRef.length > 0) priceRef.forEach(price => {\n if (price.getAttribute('data-price-ref') == color.getAttribute('data-color-ref')) {\n price.classList.remove('-hide');\n } else {\n price.classList.add('-hide');\n }\n })\n if (parcelRef.length > 0) parcelRef.forEach(parcel => {\n if (parcel.getAttribute('data-parcel-ref') == color.getAttribute('data-color-ref')) {\n parcel.classList.remove('-hide');\n } else {\n parcel.classList.add('-hide');\n }\n })\n swiper.update();\n color.classList.remove('-active');\n template_store.setProductLinks(links);\n } else {\n infoProduct.classList.add('-active')\n\n if (slides.length > 0) slides.forEach(slide => {\n if (slide.getAttribute('data-slide-ref') == color.getAttribute('data-color-ref')) {\n slide.classList.remove('-hide');\n } else {\n slide.classList.add('-hide');\n }\n });\n if (nameRef.length > 0) nameRef.forEach(name => {\n if (name.getAttribute('data-name-ref') == color.getAttribute('data-color-ref')) {\n name.classList.remove('-hide');\n } else {\n name.classList.add('-hide');\n }\n })\n if (priceRef.length > 0) priceRef.forEach(price => {\n if (price.getAttribute('data-price-ref') == color.getAttribute('data-color-ref')) {\n price.classList.remove('-hide');\n } else {\n price.classList.add('-hide');\n }\n })\n if (parcelRef.length > 0) parcelRef.forEach(parcel => {\n if (parcel.getAttribute('data-parcel-ref') == color.getAttribute('data-color-ref')) {\n parcel.classList.remove('-hide');\n } else {\n parcel.classList.add('-hide');\n }\n })\n swiper.update();\n\n colors.forEach(c => {\n c == color ? c.classList.add('-active') : c.classList.remove('-active');\n })\n\n template_store.setProductLinks(links, url);\n }\n })\n\n })\n }\n\n const dropdownItem = item.querySelectorAll('[data-item-dropdown]');\n\n if (dropdownItem.length > 0) {\n dropdownItem.forEach(btn => {\n const btnColor = btn.querySelector('[data-btn-color]');\n btnColor.addEventListener('click', () => {\n btn.classList.toggle('dropdown');\n })\n });\n }\n\n item.setAttribute('data-product-ready', true)\n })\n }\n },\n infiniteScroll: {\n $productBox: $(\".list-products\"),\n $pagination: $(\".pagination\"),\n $paginationTotal: $(\".pagination\").data(\"total-pages\"),\n $paginationCurrentPage: $(\".pagination\").data(\"actual-page\"),\n $paginationNextUrl: $(\".pagination\").data(\"next-url\") || \"\",\n $loadMoreButton: $(\"[data-ver-mais]\"),\n\n loadProducts: function () {\n var _this = this;\n this.changeState(\"is-loading\", \"Mais produtos\");\n\n let nextUrl = _this.$paginationNextUrl;\n if (nextUrl.includes('&_')) nextUrl = nextUrl.split('&_')[0];\n console.log('nextUrl', nextUrl);\n\n $.ajax({\n cache: false,\n type: \"GET\",\n url: nextUrl,\n dataType: \"html\",\n })\n .done(function (html) {\n //console.log(\"done\");\n _this.update(html);\n //template_store.tag.orderSizes();\n })\n .fail(function (resp) {\n //console.log(\"fail: \", resp);\n });\n },\n update: function (html) {\n // console.log('vendo a page', html);\n this.$productBox.append($(html).find(\".product-block, .product-block-swiper\"));\n this.$paginationCurrentPage = $(html)\n .find(\".pagination\")\n .data(\"actual-page\");\n this.$paginationNextUrl =\n $(html).find(\".pagination\").data(\"next-url\") || \"\";\n $(\".list-products\").removeClass(\"carregando\");\n\n LazyLoading.update();\n store.getPriceProd();\n template_store.setProductColors();\n Tag.setProductSlider();\n },\n changeState: function (state, text) {\n this.$loadMoreButton.removeClass();\n if (state != \"\") {\n this.$loadMoreButton.addClass(state);\n this.$loadMoreButton.find(\".more\").text(text);\n }\n },\n setLoader: function () {\n //console.log('oie3');\n this.$loadMoreButton = $(\"[data-ver-mais]\");\n this.$loadMoreButton.removeClass(\"hide\");\n var _this = this;\n\n this.$loadMoreButton.on(\"click\", function (event) {\n event.preventDefault();\n\n if (_this.$paginationCurrentPage !== _this.$paginationTotal) {\n _this.loadProducts();\n } else {\n //console.log(\"fim\");\n }\n });\n\n $(window).on(\"scroll\", function () {\n var currentScroll = $(window).scrollTop() + $(window).height() + 1000;\n var target = $(\"footer\").offset().top;\n\n if (currentScroll > target) {\n if (_this.$paginationCurrentPage !== _this.$paginationTotal) {\n if (!$(\".list-products\").hasClass(\"carregando\")) {\n $(\".list-products\").addClass(\"carregando\");\n _this.loadProducts();\n }\n } else {\n $(\".list-products\").addClass(\"all-loaded\");\n }\n }\n });\n },\n clearFilters: function () {\n $(document).ready(function () {\n if (document.location.search.length) {\n $(\".clear\").hide();\n $(\".clear\").show();\n } else {\n $(\".clear\").hide();\n }\n });\n },\n init: function () {\n var _this = this;\n _this.clearFilters();\n\n console.log('iniciou');\n\n //console.log('oie');\n //console.log(this.$paginationCurrentPage)\n //console.log(this.$paginationTotal)\n if (this.$paginationCurrentPage !== this.$paginationTotal) {\n //console.log('oie2');\n this.setLoader();\n }\n },\n },\n init: function () {\n console.log('Tag init called');\n const _this = this;\n _this.infiniteScroll.init();\n _this.setProductSlider();\n },\n}\n\nwindow.addEventListener(\"DOMContentLoaded\", () => {\n Tag.init();\n})\n"],"names":[],"sourceRoot":""}