{"version":3,"file":"main.js","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,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAI,eAAe;AAC1B;AACA;AACA;AACA;AACA;AACA;AACA,kDAAe,WAAW;;;ACxF1B;AACA;AACA;AACA;AACA,qDAAqD,wCAAwC;AAC7F;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA,yCAAyC,2BAA2B,IAAI,gBAAgB;AACxF;AACA;AACA;AACA,mDAAe,YAAY;;;ACjB3B;AACA;AACA;AACA;AACO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO;AACP;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB,UAAU,GAAG,YAAY;AAC9C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO;AACP;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACO;AACP;AACA,8CAA8C,UAAU;AACxD;AACA;AACA;AACA;AACA;AACO;AACP;AACA;AACA,mCAAmC,YAAY;AAC/C,8CAA8C,UAAU;AACxD;AACA;AACA;AACA;AACA;AACO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mDAAmD,SAAS;AAC5D;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACO;AACP;AACA;AACA;AACA;AACA;AACA;AACA,oCAAoC,OAAO;AAC3C;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA,WAAW;AACX;AACA;AACA,WAAW;AACX;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO;AACP;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,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO;AACP;AACA;AACA;AACA;AACA;AACA;AACA,2BAA2B,EAAE;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,QAAQ;AACR;AACA,2BAA2B,eAAe;AAC1C;AACA,KAAK;AACL,GAAG;AACH;AACA;AACA;AACA;AACA;AACO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA,IAAI,gBAAgB;AACpB;AACA;AACA;AACA;AACA;AACO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sEAAsE,IAAI,KAAK,IAAI,KAAK,IAAI;AAC5F;AACA,OAAO;AACP,KAAK;AACL;AACA;AACA;AACA;AACA,oEAAoE,IAAI,KAAK,IAAI;AACjF;AACA,OAAO;AACP,KAAK;AACL;AACA;AACA;AACA;AACA,oEAAoE,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI;AACnG;AACA,OAAO;AACP,KAAK;AACL;AACA;AACA;AACA;AACA,qEAAqE,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI;AAC7G;AACA,OAAO;AACP,KAAK;AACL;AACA;AACA;AACA;AACA,4EAA4E,IAAI,KAAK,IAAI,KAAK,IAAI;AAClG;AACA,OAAO;AACP,KAAK;AACL;;AC5ZmD;AACnD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,YAAY,iBAAiB;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA,YAAY,WAAW;AACvB,IAAI,QAAQ;AACZ,IAAI,QAAQ;AACZ,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,4BAA4B,qCAAqC;AACjE,GAAG;AACH;AACA;AACA;AACA,YAAY,OAAO;AACnB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP,MAAM;AACN;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA,YAAY,UAAU;AACtB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP,KAAK;AACL,GAAG;AACH;AACA;AACA,iDAAe,UAAU,EAAC;;;AC/G1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP,KAAK;AACL,GAAG;AACH;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA,6CAAe,MAAM,EAAC;;;ACjBtB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA,QAAQ;AACR;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAW;AACX;AACA,OAAO;AACP;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL,GAAG;AACH;AACA;AACA,6CAAe,MAAM,EAAC;;;AC5EsD;AAC5E;AACA;AACA;AACA,qBAAqB,cAAc;AACnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,gEAAgE;AAChE,WAAW;AACX;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAW;AACX,UAAU;AACV;AACA;AACA;AACA,wEAAwE,gBAAgB;AACxF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAW;AACX;AACA;AACA;AACA,QAAQ;AACR;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA,GAAG;AACH;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,gEAAgE;AAChE,WAAW;AACX,gBAAgB,iBAAiB;AACjC,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,UAAU;AACV;AACA,2FAA2F,gBAAgB;AAC3G;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAW;AACX;AACA;AACA,QAAQ;AACR;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA,KAAK;AACL,GAAG;AACH;AACA;AACA;AACA,GAAG;AACH;AACA;AACA,+CAAe,QAAQ,EAAC;;;AC5Ne;AACvC;AACA;AACA;AACA;AACO;AACP;AACA;AACA;AACA;AACA;AACA,YAAY,iBAAiB;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAkB,UAAU;AAC5B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA,cAAc,WAAW;AACzB,MAAM,QAAQ;AACd,MAAM,QAAQ;AACd;AACA,GAAG;AACH;AACA;AACA,YAAY,iBAAiB;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP,QAAQ;AACR;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,cAAc,QAAQ;AACtB;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP,QAAQ;AACR;AACA;AACA;AACA;AACA,KAAK;AACL,GAAG;AACH;;;AC3G+C;AACK;AACP;AACR;AACA;AACI;AAC4C;AAClC;AACnD;AACA;AACA;AACA;AACA;AACA;AACA,mBAAmB,iBAAiB,oCAAoC,kBAAkB;AAC1F;AACA;AACA;AACA,EAAE,MAAM;AACR,EAAE,WAAW;AACb,EAAE,YAAY;AACd,EAAE,cAAc;AAChB,EAAE,UAAU;AACZ,EAAE,MAAM;AACR,EAAE,QAAQ;AACV,EAAE,mBAAmB;AACrB,EAAE,SAAS;AACX,CAAC","sources":["webpack://build/../ciadomolde/assets/javascripts/common/lazyLoading.js","webpack://build/../ciadomolde/assets/javascripts/common/loadPurchase.js","webpack://build/../ciadomolde/assets/javascripts/components/utilities.js","webpack://build/../ciadomolde/assets/javascripts/common/cartDrawer.js","webpack://build/../ciadomolde/assets/javascripts/common/footer.js","webpack://build/../ciadomolde/assets/javascripts/common/header.js","webpack://build/../ciadomolde/assets/javascripts/common/webforms.js","webpack://build/../ciadomolde/assets/javascripts/components/vndaComponents.js","webpack://build/../ciadomolde/assets/javascripts/main.js"],"sourcesContent":["const LazyLoading = {\r\n  threshold: window.innerWidth < 768 ? 350 : 600,\r\n  nativeImageSupport: \"loading\" in HTMLImageElement.prototype,\r\n  nativeIframeSupport: \"loading\" in HTMLIFrameElement.prototype,\r\n\r\n  setForNativeLazy: function(element) {\r\n    if (element.hasAttribute('src') || element.hasAttribute('srcset')) {\r\n      // console.warn('Elemento já está com lazy load nativo configurado', element)\r\n      return\r\n    }\r\n\r\n    if (element.hasAttribute('data-src')) {\r\n      element.setAttribute('src', element.getAttribute('data-src'))\r\n    }\r\n\r\n    if (element.hasAttribute('data-srcset')) {\r\n      element.setAttribute('srcset', element.getAttribute('data-srcset'))\r\n    }\r\n    \r\n    if (element.hasAttribute('data-sizes')) {\r\n      element.setAttribute('sizes', element.getAttribute('data-sizes'))\r\n    }\r\n\r\n    element.setAttribute('data-lazy-loaded', true)\r\n\r\n    return true\r\n  },\r\n\r\n  update: function() {\r\n\r\n    if (!this.nativeImageSupport || !this.nativeIframeSupport) {\r\n      window.lazyLoadInstance.update()\r\n    }\r\n\r\n    return LazyLoading.init()\r\n  },\r\n\r\n  init: function() {\r\n    const lazyImages = document.querySelectorAll(\"img.lazy\");\r\n    const lazyIframes = document.querySelectorAll('iframe.lazy')\r\n\r\n    if (LazyLoading.nativeImageSupport) {\r\n      lazyImages.forEach(image => {\r\n        LazyLoading.setForNativeLazy(image)\r\n      });\r\n    }\r\n\r\n    if (LazyLoading.nativeIframeSupport) {\r\n      lazyIframes.forEach(iframe => {\r\n        LazyLoading.setForNativeLazy(iframe)\r\n      })\r\n    }\r\n\r\n    // Caso tenha o suporte em um, mas não tenha no outro\r\n    if (LazyLoading.nativeImageSupport && !LazyLoading.nativeIframeSupport) {\r\n      lazyImages.forEach(image => {\r\n        image.classList.remove('lazy')\r\n      })\r\n    }\r\n\r\n    if (!LazyLoading.nativeImageSupport && LazyLoading.nativeIframeSupport) {\r\n      lazyIframes.forEach(iframe => {\r\n        iframe.classList.remove('lazy')\r\n      })\r\n    }\r\n\r\n\r\n    // Adiciona vanilla lazy load caso não tenha suporte nativo para algum dos elementos\r\n    if (!LazyLoading.nativeImageSupport || !LazyLoading.nativeIframeSupport) {\r\n      const script = document.createElement('script')\r\n      script.setAttribute('async', true)\r\n      script.src = '/javascripts/lazyload.min.js'\r\n      document.body.appendChild(script)\r\n\r\n      window.lazyLoadOptions = {\r\n        elements_selector: \".lazy\",\r\n        threshold: LazyLoading.threshold\r\n      };\r\n\r\n      window.addEventListener(\"LazyLoad::Initialized\", event => {\r\n        window.lazyLoadInstance = event.detail.instance\r\n      }, { passive: true });\r\n    }\r\n\r\n    return window.lazyLoad = LazyLoading\r\n  }\r\n}\r\n\r\nexport default LazyLoading\r\n","const LoadPurchase = {\r\n  init: function() {\r\n    const products = document.querySelectorAll('[data-product-box]:not([data-product-unique-id])')\r\n    const observer = new IntersectionObserver(entries => {\r\n      const intersecting = entries.filter(entry => { if (entry.isIntersecting) return entry })\r\n      if (intersecting.length > 0) {\r\n        const scriptEl = document.createElement('script')\r\n        scriptEl.src = window.purchaseScript\r\n        document.body.appendChild(scriptEl)\r\n        observer.disconnect()\r\n      }\r\n    })\r\n\r\n    return products.forEach(product => { observer.observe(product) }, { threshold: 0.1 })\r\n  }\r\n}\r\n\r\nexport default LoadPurchase\r\n","// ===============================================================\r\n// ADIÇÃO MANUAL DE ASSET\r\n// ===============================================================\r\n// Usado para incluir assets no código de forma manual, conforme a necessidade\r\nexport function addAsset(source, onloadCallback) {\r\n\r\n  if (!source || source === '') return console.error(`addAsset: caminho não definido.`)\r\n\r\n  if (source.includes('.js')) {\r\n    const scriptTag = document.createElement('script')\r\n    scriptTag.setAttribute('src', source);\r\n\r\n    if (onloadCallback && typeof onloadCallback === 'function') {\r\n      scriptTag.onload = onloadCallback\r\n    }\r\n\r\n    return document.body.appendChild(scriptTag)\r\n\r\n  } else if (source.includes('.css')) {\r\n    const linkTag = document.createElement('link')\r\n    linkTag.setAttribute('rel', 'stylesheet')\r\n    linkTag.setAttribute('type', 'text/css')\r\n    linkTag.setAttribute('href', source)\r\n    return document.head.appendChild(linkTag)\r\n\r\n  } else {\r\n    const error = `addAsset: Erro ao criar o asset. Tipo de script não definido, ou não possui tratamento para este tipo de asset.`\r\n    return console.error(error, source)\r\n  }\r\n}\r\n\r\n// ===============================================================\r\n// BUSCA O CARRINHO ATIVO\r\n// ===============================================================\r\nexport async function getCart() {\r\n  try {\r\n    const response = await fetch('/carrinho', {\r\n      headers: {\r\n        'Accept': 'application/json'\r\n      }\r\n    });\r\n\r\n    return await response.json()\r\n\r\n  } catch (error) {\r\n    console.error('Erro ao buscar os dados do carrinho');\r\n    console.error(error);\r\n    return false\r\n  }\r\n}\r\n\r\n// ===============================================================\r\n// SERIALIZE ARRAY\r\n// ===============================================================\r\nexport function serializeArray(form) {\r\n\r\n  const formData = new FormData(form);\r\n  const data = {};\r\n\r\n  for (const [name, value] of formData) {\r\n    data[name] = value\r\n  }\r\n\r\n  const formBody = [];\r\n\r\n  for (const key in data) {\r\n    const encodeKey = encodeURIComponent(key)\r\n    const encodeValue = encodeURIComponent(data[key])\r\n    formBody.push(`${encodeKey}=${encodeValue}`)\r\n  }\r\n\r\n  return formBody.join('&')\r\n  \r\n}\r\n\r\n// ===============================================================\r\n// URL ENCODE FORM DATA\r\n// ===============================================================\r\nexport function urlencodeFormData(formData) {\r\n  let string = '';\r\n\r\n  function encode(s) {\r\n    return encodeURIComponent(s).replace(/%20/g, '+');\r\n  }\r\n\r\n  for (const pair of formData.entries()) {\r\n    if (typeof pair[1] == 'string') {\r\n      string += (string ? '&' : '') + encode(pair[0]) + '=' + encode(pair[1]);\r\n    }\r\n  }\r\n  return string;\r\n}\r\n\r\n// ===============================================================\r\n// SLIDE TOGGLE\r\n// ===============================================================\r\nexport function slideToggle(contentWrapper, content, duration = 500) {\r\n  let initialHeight = window.getComputedStyle(contentWrapper).height;\r\n\r\n  if (initialHeight == '0px') {\r\n    return slideDown(contentWrapper, content, duration);\r\n  } else {\r\n    return slideUp(contentWrapper, duration);\r\n  }\r\n}\r\n\r\n// ===============================================================\r\n// SLIDE UP\r\n// ===============================================================\r\nexport function slideUp(contentWrapper, duration = 500) {\r\n  contentWrapper.style.height = '0px';\r\n  contentWrapper.style.transition = `height ${duration} ease`;\r\n}\r\n\r\n// ===============================================================\r\n// SLIDE DOWN\r\n// ===============================================================\r\nexport function slideDown(contentWrapper, content, duration = 500) {\r\n  let innerHeight = content.clientHeight;\r\n\r\n  contentWrapper.style.height = `${innerHeight}px`;\r\n  contentWrapper.style.transition = `height ${duration} ease`;\r\n}\r\n\r\n// ===============================================================\r\n// UPDATE DISCOUNT IN PRODUCT BLOCK\r\n// ===============================================================\r\nexport function updatePriceBlock() {\r\n  const priceEls = document.querySelectorAll('[data-init-price]');\r\n\r\n  if (priceEls == null) return;\r\n\r\n  priceEls.forEach((priceEl) => {\r\n    const discount = priceEl.dataset.discountPercent;\r\n\r\n    priceEl.dispatchEvent(new Event('change'));\r\n\r\n    // discount\r\n    if (discount != '0') {\r\n      priceEl.style.setProperty('--discount', `'-${discount}%'`);\r\n    }\r\n  });\r\n}\r\n\r\n// ===============================================================\r\n// PREÇO POR FETCH\r\n// ===============================================================\r\nexport function getPriceProd() {\r\n  const selectors = document.querySelectorAll('[data-update-price]');\r\n  const attr = 'data-update-price';\r\n\r\n  if (selectors.length > 0) {\r\n    selectors.forEach((selector) => {\r\n      const prodId = selector.getAttribute(attr)\r\n      const url = `/produto/preco/${prodId}`;\r\n\r\n      if (prodId !== '' && prodId !== null) {\r\n        fetch(url, {\r\n          method: 'GET',\r\n        })\r\n          .then((response) => response.text())\r\n          .then((resp) => {\r\n            selector.innerHTML = resp;\r\n          })\r\n          .catch((error) => {\r\n            console.error(error);\r\n          });\r\n      }\r\n    });\r\n  }\r\n}\r\n\r\n// ===============================================================\r\n// DEBOUNCE\r\n// ===============================================================\r\n/*\r\n  Debounce retorna uma função que enquanto continuar sendo chamada não é executada\r\n  A função só será executada quando para de ser chamada por N milisegundos\r\n  Útil para melhorar a performance de códigos que são executados muitas vezes por segundo, como o $(window).resize()\r\n\r\n  Ex:\r\n  \r\n  $(window).resize(debounce(function() {\r\n    // código a ser executado\r\n  }, 500))\r\n  \r\n  No exemplo acima a função só será executada 500ms depois do último resize\r\n  Abra o link abaixo e redimensione a janela branca e acompanhe o output do console\r\n  Exemplo codepen: https://codepen.io/valkervieira/pen/oNgqyWY\r\n\r\n  Um caso comum de uso é em lojas onde a seleção de um filtro na página de tag recarrega automáticamente a página\r\n  Com o debounce o usuário pode escolher vários filtros rapidamente e a página só recarrega quando parar de escolher\r\n*/\r\n\r\nexport function debounce(func, wait, immediate) {\r\n  var timeout;\r\n  immediate || (immediate = true);\r\n\r\n  return function () {\r\n    var context = this,\r\n      args = arguments;\r\n\r\n    var later = function () {\r\n      timeout = null;\r\n      if (!immediate) func.apply(context, args);\r\n    };\r\n\r\n    var callNow = immediate && !timeout;\r\n\r\n    clearTimeout(timeout);\r\n\r\n    timeout = setTimeout(later, wait);\r\n\r\n    if (callNow) func.apply(context, args);\r\n  };\r\n}\r\n\r\n// ===============================================================\r\n// THROTTLE\r\n// ===============================================================\r\n/*\r\n  Throttle diminui a frequencia que uma função é executada\r\n  Enquanto no debounce a função só é executada quando para de ser chamada, no throttle ela\r\n  continua sendo executada só que em um intervalo mínimo de N milisegundos (default = 250)\r\n\r\n  Ex:\r\n\r\n  $(window).resize(throttle() {\r\n    // código a ser executado\r\n  }, 500)\r\n\r\n  No exemplo acima a função resize é chamada várias vezes por segundo mas só é executada 1 vez a cada 500ms\r\n  Abra o link abaixo, redimensione a janela branca e acompanhe o console\r\n  Exemplo codepen: https://codepen.io/valkervieira/pen/yLyKEPW\r\n\r\n  Um caso comum de uso é checar se o scroll passou de um determinado ponto, para fixar um header ou alterar algum elemento do DOM\r\n*/\r\nexport function throttle(fn, threshhold, scope) {\r\n  threshhold || (threshhold = 250);\r\n  var last, deferTimer;\r\n  return function () {\r\n    var context = scope || this;\r\n\r\n    var now = +new Date(),\r\n      args = arguments;\r\n    if (last && now < last + threshhold) {\r\n      // hold on to it\r\n      clearTimeout(deferTimer);\r\n      deferTimer = setTimeout(function () {\r\n        last = now;\r\n        fn.apply(context, args);\r\n      }, threshhold);\r\n    } else {\r\n      last = now;\r\n      fn.apply(context, args);\r\n    }\r\n  };\r\n}\r\n\r\n// ===============================================================\r\n// FORMAT MONEY\r\n// ===============================================================\r\nexport function formatMoney(value) {\r\n  // FORMATA UM VALOR\r\n  return (\r\n    'R$ ' +\r\n    value\r\n      .toFixed(2)\r\n      .replace('.', ',')\r\n      .replace(/(\\d)(?=(\\d{3})+\\,)/g, '$1.')\r\n  );\r\n}\r\n\r\n// ===============================================================\r\n// FORMAT VALUE\r\n// ===============================================================\r\n\r\nexport const formatValue = function (value = '') {\r\n  let parsedValue = value;\r\n  if (typeof value === 'number') {\r\n    parsedValue = value.toFixed(2).toString();\r\n  }\r\n  return parsedValue.replace('.', ',');\r\n};\r\n\r\n// ===============================================================\r\n// VALIDA QUANTIDADE\r\n// ===============================================================\r\nexport function validateQuantity(_val) {\r\n  // VALIDA SE A QUANTIDADE INFORMADA É UM NÚMERO\r\n  if (!isNaN(_val)) {\r\n    if (parseInt(_val) > 0) {\r\n      return true;\r\n    }\r\n  }\r\n\r\n  return false;\r\n}\r\n\r\n// ===============================================================\r\n// CLEAR NUMBER\r\n// ===============================================================\r\nexport function getClearNumber(_val) {\r\n  // RETORNA UM NÚMERO LIMPO COMO INT\r\n  if (!isNaN(_val)) {\r\n    var clearNumber = parseInt(_val);\r\n\r\n    return clearNumber;\r\n  }\r\n\r\n  return false;\r\n}\r\n\r\n// ===============================================================\r\n// BUSCA\r\n// ===============================================================\r\nexport function setSearch() {\r\n  const toggleButton = document.querySelectorAll('[data-toggle-search]');\r\n  const search = document.querySelector('[data-search-container]');\r\n  const input = document.querySelector('[data-search-input]');\r\n\r\n  toggleButton.length > 0 && toggleButton.forEach(button => {\r\n    button.addEventListener('click', () => {\r\n\r\n      if (search.classList.contains('open')) {\r\n        search.classList.remove('open');\r\n\r\n      } else {\r\n        search.classList.add('open');\r\n        setTimeout(() => { input.focus() }, 400);\r\n      }\r\n    })\r\n  })\r\n}\r\n\r\n// ===============================================================\r\n// BUSCA OS DADOS DO CLIENTE\r\n// ===============================================================\r\nexport async function getClient() {\r\n  try {\r\n    const response = await fetch('/conta/cliente', {\r\n      headers: {\r\n        'accept': 'application/json',\r\n        'Content-Type': 'application/json',\r\n        'cache': 'no-store'\r\n      }\r\n    });\r\n    const client = await response.json();\r\n    const access = Object.keys(client).length > 0;\r\n\r\n    if (access) {\r\n      window.client = client;\r\n\r\n      return client\r\n\r\n    } else {\r\n      return null\r\n    }\r\n\r\n  } catch (error) { console.error(`getClient error`, error) }\r\n}\r\n\r\n// ===============================================================\r\n// MÁSCARA PARA INPUTS\r\n// ===============================================================\r\nexport function formMasks() {\r\n  const\r\n    inputPhones = document.querySelectorAll('[data-phone-mask]'),\r\n    inputCEPs = document.querySelectorAll('[data-cep-mask]'),\r\n    inputCPFs = document.querySelectorAll('[data-cpf-mask]'),\r\n    inputCNPJs = document.querySelectorAll('[data-cnpj-mask]'),\r\n    inputDatesOfBirth = document.querySelectorAll('[data-birth-mask]');\r\n\r\n    inputPhones.length > 0 && inputPhones.forEach(input => {\r\n      input.addEventListener('input', (e) => {\r\n        //(XX) XXXXX-XXXX\r\n        var phoneValue = e.target.value.replace(/\\D/g, '').match(/(\\d{0,2})(\\d{0,5})(\\d{0,4})/);\r\n        e.target.value = !phoneValue[2] ? phoneValue[1] : '(' + phoneValue[1] + ') ' + phoneValue[2] + (phoneValue[3] ? '-' + phoneValue[3] : '');\r\n      });\r\n    })\r\n\r\n    inputCEPs.length > 0 && inputCEPs.forEach(input => {\r\n      input.addEventListener('input', (e) => {\r\n        //XXXXX-XX\r\n        var cepValue = e.target.value.replace(/\\D/g, '').match(/(\\d{0,5})(\\d{0,3})/);\r\n        e.target.value = !cepValue[2] ? cepValue[1] : cepValue[1] + '-' + cepValue[2];\r\n      })\r\n    })\r\n\r\n    inputCPFs.length > 0 && inputCPFs.forEach(input => {\r\n      input.addEventListener('input', (e) => {\r\n        //XXX.XXX.XXX-XX\r\n        var cpfValue = e.target.value.replace(/\\D/g, '').match(/(\\d{0,3})(\\d{0,3})(\\d{0,3})(\\d{0,2})/);\r\n        e.target.value = !cpfValue[2] ? cpfValue[1] : cpfValue[1] + '.' + cpfValue[2] + (cpfValue[3] ? '.' + cpfValue[3] : '') + (cpfValue[4] ? '-' + cpfValue[4] : '');\r\n      })\r\n    })\r\n\r\n    inputCNPJs.length > 0 && inputCNPJs.forEach(input => {\r\n      input.addEventListener('input', (e) => {\r\n        //XX.XXX.XXX/XXXX-XX\r\n        var cnpjValue = e.target.value.replace(/\\D/g, '').match(/(\\d{0,2})(\\d{0,3})(\\d{0,3})(\\d{0,4})(\\d{0,2})/);\r\n        e.target.value = !cnpjValue[2] ? cnpjValue[1] : cnpjValue[1] + '.' + cnpjValue[2] + (cnpjValue[3] ? '.' + cnpjValue[3] : '') + (cnpjValue[4] ? '/' + cnpjValue[4] : '') + (cnpjValue[5] ? '-' + cnpjValue[5] : '');\r\n      })\r\n    })\r\n\r\n    inputDatesOfBirth.length > 0 && inputDatesOfBirth.forEach(input => {\r\n      input.addEventListener('input', (e) => {\r\n        // XXXX-XX-XX\r\n        var dateOfBirthValue = e.target.value.replace(/\\D/g, '').match(/(\\d{0,2})(\\d{0,2})(\\d{0,4})/);\r\n        e.target.value = !dateOfBirthValue[2] ? dateOfBirthValue[1] : dateOfBirthValue[1] + '/' + dateOfBirthValue[2] + (dateOfBirthValue[3] ? '/' + dateOfBirthValue[3] : '');\r\n      });\r\n    })\r\n}","import { addAsset } from \"../components/utilities\";\r\n\r\nconst CartDrawer = {\r\n  root: document.querySelector('#component-cart-drawer-root'),\r\n  buttons: document.querySelectorAll('[data-toggle-cart]'),\r\n  countWrapper: document.querySelector('[data-cart-count]'),\r\n  settings: window.cartDrawerSettings || false,\r\n\r\n  setCartDrawer: function() {\r\n    const { settings, root } = CartDrawer;\r\n\r\n    if (!root || !settings) return;\r\n  \r\n    // Define frete grátis\r\n    const freeShipping = (settings.freeShippingValue > 1) ? settings.freeShippingValue : 0\r\n\r\n    // Inicia o componente\r\n    const componentCartDrawer = new Vnda.Component.CartDrawer({\r\n      anchor: 'right',\r\n      display: 'list',\r\n      startOpen: false,\r\n      titleCart: 'Carrinho de compras',\r\n      disableShippingCalculation: true,\r\n      freeShipping\r\n    });\r\n\r\n    // Renderiza o componente\r\n    componentCartDrawer.render(root);\r\n\r\n    // Salva instância para acesso global\r\n    window.cartDrawerSettings.instance = componentCartDrawer\r\n    CartDrawer.settings = window.cartDrawerSettings\r\n\r\n    // dispara evento de carregamento, escutado por CartDrawer.show()\r\n    root.dispatchEvent(new Event('vnda:cart-drawer-loaded'))\r\n  },\r\n\r\n  loadComponent: function() {\r\n    const { settings } = CartDrawer;\r\n    addAsset(settings.script, CartDrawer.setCartDrawer);\r\n    addAsset(settings.styles);\r\n  },\r\n\r\n  handleCartButton: function(button) {\r\n    // Evita múltiplos cliques caso o carrinho precisa ser instanciado primeiro\r\n    if (button.classList.contains('-loading')) {\r\n      return;\r\n    }\r\n\r\n    // Abre o cart drawer\r\n    button.classList.add('-loading');\r\n    CartDrawer.show(() => { button.classList.remove('-loading') })\r\n  },\r\n\r\n  show: function (callback) {\r\n\r\n    const { root } = CartDrawer;\r\n\r\n    // No mobile, fecha o menu primeiro\r\n    if (window.mmenu) window.mmenu.close()\r\n\r\n    // Instancia o componente, caso ainda não exista\r\n    if (!CartDrawer.settings.instance) CartDrawer.loadComponent();\r\n\r\n    // Observa criação da instância inicial, caso não tenha\r\n    if (CartDrawer.settings.instance === false) {\r\n      root.addEventListener('vnda:cart-drawer-loaded', () => {\r\n        CartDrawer.settings.instance.open()\r\n        if (typeof callback === 'function') callback()\r\n      })\r\n    } else {\r\n      // Já possui cart drawer instanciado, retorna abertura\r\n      CartDrawer.settings.instance.open();\r\n      if (typeof callback === 'function') callback()\r\n    }\r\n  },\r\n\r\n  getCartItens: async function () {\r\n    try {\r\n      const response = await fetch('/carrinho/itens');\r\n      const itens = await response.json()\r\n      return itens;\r\n\r\n    } catch (error) {\r\n      console.error('Erro ao buscar a quantidade de produtos do carrinho');\r\n      console.error(error);\r\n    }\r\n  },\r\n\r\n  updateCartCount: async function (_itemsCount = null) {\r\n    let items = _itemsCount;\r\n    if (_itemsCount == null) items = await CartDrawer.getCartItens();\r\n\r\n    this.countWrapper.innerHTML = items;\r\n  },\r\n\r\n  init: function () {\r\n    const _this = this;\r\n    const { buttons } = _this;\r\n\r\n    // Atualiza o contador de itens do carrinho\r\n    _this.updateCartCount();\r\n\r\n    if (buttons.length > 0) buttons.forEach(button => {\r\n      button.addEventListener('click', () => {\r\n        _this.handleCartButton(button)\r\n      })\r\n    })\r\n  },\r\n};\r\n\r\nexport default CartDrawer;\r\n","const Footer = {\r\n  handleSubmenu: function () {\r\n    const menus = document.querySelectorAll('[data-action=\"toggle-menu-footer\"]');\r\n\r\n    menus.length > 0 && menus.forEach((menu) => {\r\n      menu.addEventListener('click', () => {\r\n        menu.classList.toggle('-open', !menu.classList.contains('-open'));\r\n      });\r\n    });\r\n  },\r\n  init: function () {\r\n    const _this = this;\r\n\r\n    _this.handleSubmenu();\r\n  },\r\n};\r\n\r\nexport default Footer;\r\n","const Header = {\r\n  lastScrollTop: -1,\r\n  scrollTop: window.scrollY,\r\n  header: document.querySelector('#header'),\r\n\r\n  setScroll: function (scrollTop, lastScrollTop) {\r\n    const _this = this;\r\n\r\n    if (scrollTop <= 0) {\r\n      _this.header.classList.add('scroll-up');\r\n      _this.header.classList.remove('scroll-down');\r\n      _this.header.classList.add('on-top');\r\n    } else {\r\n      if (_this.header.classList.contains('on-top')) {\r\n        _this.header.classList.remove('on-top');\r\n      }\r\n      if (scrollTop > lastScrollTop) {\r\n        _this.header.classList.add('scroll-down');\r\n        _this.header.classList.remove('scroll-up');\r\n      } else {\r\n        _this.header.classList.add('scroll-up');\r\n        _this.header.classList.remove('scroll-down');\r\n      }\r\n    }\r\n  },\r\n\r\n  searchButton: function () {\r\n    const searchButton = document.querySelector('[data-action=\"show-form-search\"]');\r\n    const searchButtonClose = document.querySelector('[data-action=\"hide-form-search\"]');\r\n    const formSearch = document.querySelector('.header-search');\r\n    const formSearchInput = document.querySelector('.header-search input');\r\n\r\n    if (!formSearch) return;\r\n\r\n    searchButton &&\r\n      searchButton.addEventListener('click', () => {\r\n        formSearch.classList.toggle('-active', !formSearch.classList.contains('-active'));\r\n\r\n        formSearchInput && formSearchInput.focus();\r\n\r\n        if (window.innerWidth > 768) {\r\n          document.addEventListener('scroll', () => {\r\n            formSearch.classList.remove('-active');\r\n          });\r\n        }\r\n      });\r\n\r\n    searchButtonClose &&\r\n      searchButtonClose.addEventListener('click', () => {\r\n        formSearch.classList.remove('-active');\r\n      });\r\n\r\n    // Desativa o popup de busca - quando necessário\r\n    formSearch.addEventListener('click', (e) => {\r\n      if (e.target.className == 'header-search -active') {\r\n        formSearch.classList.remove('-active');\r\n      }\r\n    });\r\n  },\r\n\r\n  init: function () {\r\n    const _this = this;\r\n\r\n    _this.setScroll(_this.scrollTop, _this.lastScrollTop);\r\n    _this.searchButton();\r\n\r\n    // Atualiza o header quando a page recebe scroll\r\n    window.addEventListener('scroll', function () {\r\n      const newSt = window.scrollY;\r\n\r\n      _this.setScroll(newSt, _this.lastScrollTop);\r\n      _this.lastScrollTop = newSt;\r\n    });\r\n  },\r\n};\r\n\r\nexport default Header;\r\n","import { serializeArray, urlencodeFormData } from '../components/utilities';\r\n\r\nconst Webforms = {\r\n  submitWebForm: async function (form, email) {\r\n    const formData = serializeArray(form);\r\n    const textBtnDefault = form.querySelector('.action').innerHTML;\r\n\r\n    if (typeof email == 'undefined' || email == '') {\r\n      email = form.querySelector('[name=\"email\"]').value;\r\n    }\r\n\r\n    form.querySelector('[name=\"reply_to\"]').value = email;\r\n\r\n    if (!form.classList.contains('sending')) {\r\n\r\n      form.classList.add('sending');\r\n      form.classList.remove('error');\r\n      form.querySelector('.action').innerHTML = 'Enviando';\r\n\r\n      try {\r\n        const response = await fetch('/webform', {\r\n          method: 'POST',\r\n          headers: {\r\n            'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8',\r\n          },\r\n          body: formData\r\n        })\r\n\r\n        if (response.ok) {\r\n          console.info('Formulário enviado com sucesso');\r\n          form.classList.add('sent');\r\n          form.querySelector('.msg-success').classList.add('-visible');\r\n          form.querySelector('.action').innerHTML = 'Enviado';\r\n          form.reset();\r\n\r\n          setTimeout(function () {\r\n            form.classList.remove('sent');\r\n            form.querySelector('.msg-success').classList.remove('-visible');\r\n            form.querySelector('.action').innerHTML = textBtnDefault;\r\n          }, 3500);\r\n        } else {\r\n\r\n          const text = await response.text();\r\n\r\n          console.error(`Ocorreu um erro no envio do formulário. Erro ${response.status}`);\r\n          console.error(text);\r\n\r\n          form.classList.add('error');\r\n          form.querySelector('.msg-error').classList.add('-visible');\r\n          form.querySelector('.action').innerHTML = 'Falha ao enviar';\r\n\r\n          setTimeout(function () {\r\n            form.classList.remove('error');\r\n            form.querySelector('.msg-error').classList.remove('-visible');\r\n            form.querySelector('.action').innerHTML = textBtnDefault;\r\n          }, 3500);\r\n\r\n        }\r\n\r\n      } catch (error) {\r\n        console.error('Erro ao enviar o webform');\r\n        console.error(error);\r\n\r\n        form.classList.add('error');\r\n        form.querySelector('.msg-error').classList.add('-visible');\r\n        form.querySelector('.action').innerHTML = 'Falha ao enviar';\r\n\r\n        setTimeout(function () {\r\n          form.classList.remove('error');\r\n          form.querySelector('.msg-error').classList.remove('-visible');\r\n          form.querySelector('.action').innerHTML = textBtnDefault;\r\n        }, 3500);\r\n      }\r\n\r\n      form.classList.remove('sending');\r\n    }\r\n  },\r\n  submitNotify: async function (form) {\r\n    const formData = new FormData(form);\r\n    const btnTextDefault = form.querySelector('.action').innerHTML;\r\n\r\n    // Manipula o campo de telefone\r\n    const inputPhone = form.querySelector('#phone-notify-when-arrives');\r\n    if (inputPhone) {\r\n      const phoneNumber = inputPhone.value;\r\n      const phoneArea = phoneNumber.substring(1, 3);\r\n      const phone = phoneNumber.substring(5, 16).replace(/\\D/g, '');\r\n\r\n      formData.append(\"phone_area\", phoneArea);\r\n      formData.append(\"phone\", phone);\r\n      formData.delete(\"phone_number\");\r\n    }\r\n\r\n    if (!form.classList.contains('sending')) {\r\n\r\n      form.classList.remove('error');\r\n      form.classList.add('sending');\r\n      form.querySelector('.action').innerHTML = 'Enviando';\r\n\r\n      try {\r\n\r\n        const response = await fetch('/lista_de_espera', {\r\n          method: 'POST',\r\n          headers: {\r\n            'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8',\r\n          },\r\n          body: urlencodeFormData(formData)\r\n        })\r\n\r\n        if (response.ok) {\r\n          form.classList.remove('sending');\r\n          \r\n          // Envia um webform de aviso de cadastro\r\n          console.log('Lista de espera enviada com sucesso');\r\n          Webforms.submitWebForm(form);\r\n\r\n        } else {\r\n          const text = await response.text();\r\n          console.error(`Ocorreu um erro ao enviar o formulário de Lista de Espera. Erro ${response.status}`)\r\n          console.error(text);\r\n\r\n          form.classList.add('error');\r\n          form.querySelector('.msg-error').classList.add('-visible');\r\n          form.querySelector('.action').innerHTML = 'Falha ao enviar';\r\n\r\n          setTimeout(() => {\r\n            form.classList.remove('error');\r\n            form.querySelector('.msg-error').classList.remove('-visible');\r\n            form.querySelector('.action').innerHTML = btnTextDefault;\r\n          }, 3500);\r\n        }\r\n\r\n      } catch (error) {\r\n        console.error('Falha ao enviar lista de espera. Verificar integração.');\r\n        console.error(error);\r\n\r\n        form.classList.add('error');\r\n        form.querySelector('.msg-error').classList.add('-visible');\r\n        form.querySelector('.action').innerHTML = 'Falha ao enviar';\r\n\r\n        setTimeout(() => {\r\n          form.classList.remove('error');\r\n          form.querySelector('.msg-error').classList.remove('-visible');\r\n          form.querySelector('.action').innerHTML = btnTextDefault;\r\n        }, 3500);\r\n      }\r\n\r\n      form.classList.remove('sending');\r\n    }\r\n  },\r\n  showMessage: function (input, form) {\r\n    const alertMessage = form.querySelector('[data-msg]');\r\n\r\n    alertMessage.classList.add('-visible');\r\n    alertMessage.innerText = 'Preencha os campos obrigatórios';\r\n\r\n    input.classList.add('-emphasis')\r\n\r\n    setTimeout(() => {\r\n\r\n      alertMessage.classList.remove('-visible');\r\n      alertMessage.innerText = '';\r\n\r\n      input.classList.remove('-emphasis')\r\n\r\n    }, 2000)\r\n\r\n  },\r\n  validateForm: function (vndaInput, form) {\r\n    let submitAllowed = true;\r\n\r\n    // Permite o envio se o input vnda estiver vazio\r\n    if (vndaInput.value == '') {\r\n      vndaInput.setAttribute('required', false);\r\n\r\n      // Valida se os campos obrigatórios estão preenchidos\r\n      const requiredFields = form.querySelectorAll('[required]:not([required=false])');\r\n      requiredFields.forEach(input => {\r\n\r\n        if (input.value == '') {\r\n          submitAllowed = false;\r\n          Webforms.showMessage(input, form);\r\n        }\r\n\r\n        if (input.type == 'checkbox' && input.checked == false) {\r\n          submitAllowed = false;\r\n          Webforms.showMessage(input, form);\r\n        }\r\n\r\n      })\r\n\r\n      if (submitAllowed) form.id == 'form-notify' ? Webforms.submitNotify(form) : Webforms.submitWebForm(form)\r\n    }\r\n  },\r\n  setWebForms: function () {\r\n    const webForms = document.querySelectorAll('[data-webform]');\r\n\r\n    webForms.length > 0 && webForms.forEach(form => {\r\n\r\n      const button = form.querySelector('button');\r\n      const fieldset = form.querySelector('fieldset');\r\n\r\n      // Desabilita os campos do formulário, através do fieldset, quando o input vnda recebe algum valor \r\n      let vndaInput = form.querySelector('input[name=\"vnda\"]');\r\n      vndaInput.addEventListener('input', () => fieldset.setAttribute('disabled', true))\r\n\r\n      // Realiza o envio através do clique e da tecla enter sobre o botão do formulário\r\n      button && button.addEventListener('click', () => Webforms.validateForm(vndaInput, form));\r\n      button && button.addEventListener('keypress', (e) => {\r\n        if (e.key === 'Enter') Webforms.validateForm(vndaInput, form);\r\n      })\r\n\r\n    })\r\n  },\r\n  init: function () {\r\n    const _this = this;\r\n    _this.setWebForms();\r\n  },\r\n};\r\n\r\nexport default Webforms;\r\n","import { addAsset } from './utilities';\r\n\r\n// ===============================================================\r\n// NEWSLETTER POPUP\r\n// ===============================================================\r\nexport const NewsletterComponent = {\r\n  root: document.querySelector('#component-popup-newsletter-root'),\r\n  settings: window.popupNewsletterSettings || false,\r\n  loaded: false,\r\n\r\n  setPopupNewsletter: function () {\r\n    const { settings, root } = NewsletterComponent;\r\n\r\n    // Define propriedades do componente\r\n    let maxWidth = settings.maxWidth;\r\n    let imageUrl = settings.imageUrl;\r\n    let title = settings.title;\r\n    let description = settings.description;\r\n    let subdomain = settings.subdomain;\r\n    let successMessage = settings.success;\r\n\r\n    // Inicia o componente\r\n    const componentNewsletterPopup = new Vnda.Component.NewsletterPopup({\r\n      maxWidth: maxWidth,\r\n      maxHeight: 500,\r\n      imageUrl: imageUrl,\r\n      imagePosition: 'left',\r\n      popupPosition: 'center',\r\n      title: title,\r\n      description: description,\r\n      textBtnSubmit: 'Enviar',\r\n      classBtnSubmit: 'button-newsletter',\r\n      formKey: `${subdomain}-newsletter`,\r\n      hasNameField: false,\r\n      hasLastNameField: false,\r\n      hasDateOfBirthField: false,\r\n      hasPhoneField: false,\r\n      successMessage: successMessage,\r\n      delay: 500,\r\n      frequency: '7',\r\n      language: 'pt-BR',\r\n    });\r\n\r\n    // Renderiza o componente e marca como carregado\r\n    componentNewsletterPopup.render(root);\r\n    NewsletterComponent.loaded = true;\r\n  },\r\n\r\n  loadPopupNewsletter: function () {\r\n    if (!NewsletterComponent.loaded) {\r\n      const { settings } = NewsletterComponent;\r\n      addAsset(settings.script, NewsletterComponent.setPopupNewsletter);\r\n      addAsset(settings.styles);\r\n    }\r\n  },\r\n\r\n  init: function () {\r\n    const { root, settings } = this;\r\n\r\n    if (!root || !settings) return;\r\n\r\n    const eventType = window.innerWidth <= 1024 ? 'scroll' : 'mousemove';\r\n    window.addEventListener(\r\n      eventType,\r\n      () => {\r\n        NewsletterComponent.loadPopupNewsletter();\r\n      },\r\n      { once: true }\r\n    );\r\n  },\r\n};\r\n\r\n// ===============================================================\r\n// PREÇO\r\n// ===============================================================\r\n// Carrega o componente de preço quando um product-block ou product-infos entra em tela\r\nexport const PriceComponent = {\r\n  script: window.priceComponent || false,\r\n  loaded: false,\r\n\r\n  init: function () {\r\n    if (!PriceComponent.script) return;\r\n\r\n    const productContainers = document.querySelectorAll('[data-product-box]');\r\n\r\n    if (productContainers.length === 0) return;\r\n\r\n    const observer = new IntersectionObserver(\r\n      (entries) => {\r\n        for (const entry of entries) {\r\n          if (entry.isIntersecting) {\r\n            if (!PriceComponent.loaded) {\r\n              addAsset(PriceComponent.script);\r\n              PriceComponent.loaded = true;\r\n            }\r\n            observer.disconnect();\r\n            break;\r\n          }\r\n        }\r\n      },\r\n      { threshold: 0.1 }\r\n    );\r\n\r\n    productContainers.forEach((product) => {\r\n      observer.observe(product);\r\n    });\r\n  },\r\n};\r\n","import LazyLoading from './common/lazyLoading';\r\nimport LoadPurchase from './common/loadPurchase.js';\r\nimport CartDrawer from './common/cartDrawer';\r\nimport Footer from './common/footer';\r\nimport Header from './common/header';\r\nimport Webforms from './common/webforms';\r\nimport { NewsletterComponent, PriceComponent } from './components/vndaComponents.js';\r\nimport { setSearch } from './components/utilities';\r\n\r\n// ==========================================\r\n// Inicialização\r\n// ==========================================\r\nconsole.log(\r\n  '%cVnda - Tecnologia em Ecommerce',\r\n  'color: #f88d5b; font-size: 15px; font-family: \"Verdana\", sans-serif; font-weight: bold;'\r\n);\r\n\r\nwindow.addEventListener('DOMContentLoaded', () => {\r\n  Header.init();\r\n  LazyLoading.init();\r\n  LoadPurchase.init();\r\n  PriceComponent.init();\r\n  CartDrawer.init();\r\n  Footer.init();\r\n  Webforms.init();\r\n  NewsletterComponent.init();\r\n  setSearch();\r\n});\r\n"],"names":[],"sourceRoot":""}