{"version":3,"file":"home.js","sources":["../../src/js/home.ts"],"sourcesContent":["import { initAccordion } from './components/accordion';\nimport { initTabs } from './components/tab';\nimport { initCarousel } from './components/carousel';\nimport { addToastListener, initToasts } from './components/toast';\n\ndocument.addEventListener('DOMContentLoaded', () => {\n  // initAccordion();\n  // initAlertDialog();\n  // initToasts();\n  // initTabs();\n  // initCarousel();\n  // initToolTips();\n  // initSelectDropdowns();\n  enableBannerAutoScroll();\n  initProgressBar();\n  handleDiscountFormSubmission();\n  animateHeroSection();\n\n  initToasts();\n  initCarousel();\n  initTabs();\n  initAccordion();\n  addToastListener();\n});\n\nfunction enableBannerAutoScroll() {\n  const topSection = document.getElementById('top-section') as Element | null;\n  const bannerSection = document.getElementById(\n    'banner-section',\n  ) as Element | null;\n  const banner = document.getElementById(\n    'banner-container',\n  ) as HTMLElement | null;\n  const uspBanner = document.getElementById('usp-banner') as Element | null;\n\n  if (!bannerSection || !banner || !uspBanner || !topSection) return;\n\n  const bannerClone = uspBanner.cloneNode(true) as HTMLElement;\n  bannerClone.classList.add('md:hidden');\n  banner.appendChild(bannerClone);\n\n  let scrollAmount = 0;\n  let animating = false;\n  let isDesktopView = window.innerWidth > 768;\n\n  function scrollImages() {\n    isDesktopView = window.innerWidth > 768;\n\n    if (!banner || !banner.firstElementChild) return;\n\n    scrollAmount += 1;\n    if (scrollAmount >= (banner.firstElementChild as HTMLElement).offsetWidth) {\n      banner.appendChild(banner.firstElementChild);\n      scrollAmount = 0;\n    }\n    banner.style.transform = `translateX(-${scrollAmount}px)`;\n    if (animating) requestAnimationFrame(scrollImages);\n  }\n\n  if ('IntersectionObserver' in window) {\n    isDesktopView = window.innerWidth >= 768;\n    const observer = new IntersectionObserver(\n      (entries) => {\n        entries.forEach((entry) => {\n          animating = entry.isIntersecting;\n          if (animating && !isDesktopView) {\n            requestAnimationFrame(scrollImages);\n          } else animating = false;\n        });\n      },\n      { threshold: 0.0 },\n    );\n\n    observer.observe(topSection);\n  } else {\n    document.addEventListener('scroll', function () {\n      isDesktopView = window.innerWidth > 768;\n      const rect = bannerSection.getBoundingClientRect();\n      const inView = rect.top < window.innerHeight && rect.bottom >= 0;\n\n      if (inView && !animating) {\n        animating = true;\n        requestAnimationFrame(scrollImages);\n      } else if (!inView && animating) {\n        animating = false;\n      }\n      if (isDesktopView) animating = false;\n    });\n  }\n\n  let currentWidth = window.innerWidth;\n\n  window.addEventListener('resize', () => {\n    isDesktopView = window.innerWidth >= 768;\n\n    const rect = bannerSection.getBoundingClientRect();\n    const inView = rect.top < window.innerHeight && rect.bottom >= 0;\n    const isMobileBreakpoint = currentWidth < 768 && !isDesktopView;\n\n    if (!animating && inView && !isDesktopView) {\n      animating = true;\n      requestAnimationFrame(scrollImages);\n    } else {\n      if (!isMobileBreakpoint) {\n        scrollAmount = 0;\n        banner.style.transform = 'translateX(0px)';\n      }\n    }\n\n    if (!inView || isDesktopView) animating = false;\n\n    currentWidth = window.innerWidth;\n  });\n}\n\nfunction initProgressBar() {\n  const progressBar = document.getElementById(\n    'onevit-benefits-progress-bar',\n  ) as HTMLElement | null;\n  const progressBarMobile = document.getElementById(\n    'onevit-benefits-progress-bar-mobile',\n  ) as HTMLElement | null;\n  const benefitsSection = document.getElementById(\n    'onevit-benefits-section',\n  ) as HTMLElement | null;\n\n  if (!progressBar || !benefitsSection || !progressBarMobile) return;\n\n  document.addEventListener('scroll', () => {\n    const rect = benefitsSection.getBoundingClientRect();\n    const inView = rect.top < window.innerHeight && rect.bottom >= 0;\n    const sectionHeight = benefitsSection.offsetHeight;\n    const inFrame = rect.top <= 0 && rect.bottom <= sectionHeight;\n\n    if (inFrame && inView) {\n      // Start scrolling\n      const heightScrolled = Math.abs(rect.top);\n      const sectionHeight = benefitsSection.offsetHeight;\n      const percentage = (heightScrolled / sectionHeight) * 100;\n\n      const progress = percentage * 2;\n      progressBarMobile.style.height = `${progress}%`;\n      progressBar.style.height = `${progress}%`;\n    }\n  });\n}\n\nfunction handleDiscountFormSubmission() {\n  const form = document.getElementById('discount-form') as HTMLFormElement;\n  form.addEventListener('htmx:beforeRequest', (e) => {\n    const form = document.getElementById(\n      'discount-form',\n    ) as HTMLFormElement | null;\n    const emailInput = document.getElementById(\n      'DiscountForm_Email',\n    ) as HTMLInputElement | null;\n    const emailError = document.getElementById('DiscountForm_Email-Error');\n\n    if (!form || !emailInput || !emailError) return;\n\n    const email = emailInput.value;\n    const emailRegex =\n      /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\\.[a-zA-Z]{2,})+$/;\n    if (!emailRegex.test(email)) {\n      emailError.textContent = 'Please enter a valid email address';\n      e.preventDefault();\n    } else {\n      emailError.textContent = '';\n    }\n  });\n}\n\n// Functions for the hero banner animation\nfunction animateHeroSection() {\n  const heroSection = document.getElementById('hero-section');\n  const images =\n    document.querySelectorAll<HTMLImageElement>('[data-hero-image]');\n  const iconsLeft = document.querySelectorAll<HTMLImageElement>(\n    '[data-hero-icon-left]',\n  );\n  const iconsRight = document.querySelectorAll<HTMLImageElement>(\n    '[data-hero-icon-right]',\n  );\n\n  if (!heroSection) return;\n\n  const colors = [\n    '#ADDABB',\n    '#F9C0C2',\n    '#F4B4D1',\n    '#8BCFB7',\n    '#CFC0DA',\n    '#F69388',\n    '#CDCDCB',\n    '#ACDFE9',\n    '#EADDCA',\n    '#9FC5E7',\n    '#B3E0DC',\n    '#F5BB8D',\n    '#97D8E8',\n    '#FBB782',\n    '#FFE599',\n  ];\n\n  let indexColor = 0;\n  let indexImages = 0;\n  let indexIcons = 0;\n  let indexLazyLoad = 4;\n  let lastTime = 0; // Keep track of the last time for delay\n  let delay = 1500; // Delay time in milliseconds (300ms delay)\n  let transitionDuration = 1000;\n\n  heroSection.style.transitionDuration = `${transitionDuration}ms`; // Transition duration\n  heroSection.style.transitionTimingFunction = 'ease'; // Smooth transition\n\n  const fadeInFadeOut = (\n    hideElement: HTMLElement,\n    showElement: HTMLElement,\n    delay: number,\n  ) => {\n    showElement.style.transitionDuration = `${transitionDuration}ms`; // Transition duration\n    showElement.style.transitionTimingFunction = 'ease'; // Smooth transition\n\n    // Hide the old image\n    hideElement.classList.add('opacity-0');\n    setTimeout(() => {\n      hideElement.style.display = 'none';\n    }, delay);\n\n    // Show new image\n    showElement.style.display = 'block';\n    setTimeout(() => {\n      showElement.classList.remove('opacity-0');\n    }, 50);\n  };\n\n  const applyAnimation = (timestamp: number) => {\n    // Calculate elapsed time since last frame\n    const deltaTime = timestamp - lastTime;\n    const searchContainer = document.querySelector<HTMLElement>(\n      '[data-drawer-wrapper=\"search-drawer\"]',\n    );\n    const searchIsOpen = searchContainer\n      ? searchContainer.dataset.state === 'open'\n      : false;\n\n    if (deltaTime >= delay && !searchIsOpen) {\n      // If the delay has passed\n\n      const isLazy =\n        indexLazyLoad < images.length &&\n        images[indexLazyLoad].loading === 'lazy';\n      if (indexLazyLoad < images.length && isLazy) {\n        iconsRight[indexLazyLoad].loading = 'eager';\n        iconsLeft[indexLazyLoad].loading = 'eager';\n        images[indexLazyLoad].loading = 'eager';\n        indexLazyLoad++;\n      }\n\n      // Change to the next color\n      heroSection.style.backgroundColor = colors[indexColor];\n\n      // Change the image\n      const newImage = images[indexImages];\n      const oldImage =\n        indexImages === 0 ? images[images.length - 1] : images[indexImages - 1];\n      const newIconLeft = iconsLeft[indexIcons];\n      const oldIconLeft =\n        indexIcons === 0\n          ? iconsLeft[iconsLeft.length - 1]\n          : iconsLeft[indexIcons - 1];\n      const newIconRight = iconsRight[indexIcons];\n      const oldIconRight =\n        indexIcons === 0\n          ? iconsRight[iconsRight.length - 1]\n          : iconsRight[indexIcons - 1];\n\n      fadeInFadeOut(oldImage, newImage, delay);\n      fadeInFadeOut(oldIconLeft, newIconLeft, delay);\n      fadeInFadeOut(oldIconRight, newIconRight, delay);\n\n      // increment index\n      indexIcons === iconsLeft.length - 1 ? (indexIcons = 0) : indexIcons++;\n      indexColor === colors.length - 1 ? (indexColor = 0) : indexColor++;\n      indexImages === images.length - 1 ? (indexImages = 0) : indexImages++;\n\n      lastTime = timestamp; // Update last time to the current timestamp\n    }\n\n    // Request next frame to keep the loop running\n    requestAnimationFrame(applyAnimation);\n  };\n\n  // Start the animation\n  requestAnimationFrame(applyAnimation);\n}\n"],"names":["enableBannerAutoScroll","initProgressBar","handleDiscountFormSubmission","animateHeroSection","initToasts","initCarousel","initTabs","initAccordion","addToastListener","topSection","bannerSection","banner","uspBanner","bannerClone","scrollAmount","animating","isDesktopView","scrollImages","entries","entry","rect","inView","currentWidth","isMobileBreakpoint","progressBar","progressBarMobile","benefitsSection","sectionHeight","heightScrolled","progress","e","form","emailInput","emailError","email","heroSection","images","iconsLeft","iconsRight","colors","indexColor","indexImages","indexIcons","indexLazyLoad","lastTime","delay","transitionDuration","fadeInFadeOut","hideElement","showElement","applyAnimation","timestamp","deltaTime","searchContainer","searchIsOpen","isLazy","newImage","oldImage","newIconLeft","oldIconLeft","newIconRight","oldIconRight"],"mappings":"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"}