{"version":3,"sources":["webpack:///./assets/js/home22.js","webpack:///./assets/js/components/HomeTextColumn.js"],"names":["HomeTextColumn","redirectResponse","document","getElementById","swal","dataset","title","description","prevBtnSvgPath","nextBtnSvgPath","btnHtml","productSliderOptions","infinite","dots","slidesToShow","responsive","breakpoint","settings","prevArrow","replace","nextArrow","reviewSliderOptions","mobileFirst","swipeToSlide","$","slick","recentReviews","querySelector","reviewsUrl","url","forEach","item","style","cursor","href","addEventListener","location","handleRecentReviewLinks","videoImage","videoElement","videoUrl","iframe","test","navigator","platform","maxTouchPoints","window","MSStream","replaceImageWithVideo","remove","classList","add","insertAdjacentHTML","handleLazyVideo","this","textColumn","textColumnContent","textColumnOverflow","textColumnResizeButtons","querySelectorAll","onWindowResize","bind","setTextOverflowStatus","toggleTextOverflow","init","button","clearTimeout","timeout","setTimeout","textColumnContentHeight","clientHeight","textColumnOverflowHeight","toggle"],"mappings":"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","file":"home22.4524f8e4.js","sourcesContent":["import '../scss/home22.scss'\nimport '../scss/reviews_recent22.scss'\nimport HomeTextColumn from './components/HomeTextColumn'\n\nnew HomeTextColumn()\n\nconst redirectResponse = document.getElementById('redirect-response')\nif (redirectResponse !== null) {\n    swal(redirectResponse.dataset.title, redirectResponse.dataset.description)\n}\n\nconst prevBtnSvgPath = '<path d=\"M18.878 0.00567265C19.6062 0.00424113 20.3119 0.259425 20.8726 0.726929C21.1882 0.990185 21.449 1.3135 21.6402 1.67836C21.8314 2.04321 21.9492 2.44243 21.9868 2.85316C22.0245 3.26389 21.9812 3.67806 21.8595 4.07194C21.7378 4.46582 21.5401 4.83167 21.2777 5.14855L7.3159 21.957L20.7791 38.7968C21.038 39.1176 21.2313 39.4866 21.3479 39.8828C21.4646 40.279 21.5023 40.6945 21.4588 41.1054C21.4154 41.5163 21.2917 41.9145 21.0948 42.2771C20.8979 42.6397 20.6318 42.9596 20.3116 43.2184C19.9892 43.5039 19.6116 43.7192 19.2025 43.8509C18.7934 43.9826 18.3617 44.0277 17.9344 43.9836C17.5072 43.9394 17.0936 43.8069 16.7197 43.5942C16.3458 43.3816 16.0196 43.0935 15.7616 42.748L0.708963 23.9326C0.250585 23.3715 2.49363e-06 22.6677 2.55713e-06 21.9413C2.62062e-06 21.215 0.250586 20.5111 0.708963 19.95L16.2914 1.1346C16.604 0.755101 17.0011 0.455108 17.4506 0.258961C17.9 0.0628141 18.389 -0.0239635 18.878 0.00567265Z\" style=\"fill: var(--light-grey-22);\"/>';\nconst nextBtnSvgPath = '<path d=\"M3.12196 43.9943C2.39379 43.9958 1.68811 43.7406 1.12742 43.2731C0.811847 43.0098 0.550992 42.6865 0.35979 42.3216C0.168588 41.9568 0.0507964 41.5576 0.0131622 41.1468C-0.024472 40.7361 0.0187911 40.3219 0.140472 39.9281C0.262154 39.5342 0.45986 39.1683 0.722274 38.8514L14.6841 22.043L1.22091 5.20321C0.96204 4.88244 0.768719 4.51336 0.652064 4.11717C0.535409 3.72098 0.497719 3.3055 0.54116 2.89461C0.584601 2.48372 0.708315 2.08552 0.905195 1.72289C1.10208 1.36027 1.36824 1.04037 1.68838 0.781584C2.01083 0.496103 2.38844 0.280768 2.79752 0.149094C3.2066 0.0174208 3.63831 -0.0277478 4.06556 0.016421C4.4928 0.0605898 4.90636 0.193144 5.28029 0.405764C5.65421 0.618384 5.98042 0.906479 6.23844 1.25197L21.291 20.0674C21.7494 20.6285 22 21.3323 22 22.0587C22 22.785 21.7494 23.4889 21.291 24.05L5.70864 42.8654C5.39601 43.2449 4.99886 43.5449 4.54943 43.741C4.10001 43.9372 3.61096 44.024 3.12196 43.9943Z\" style=\"fill: var(--light-grey-22);\"/>';\nconst btnHtml = '<button type=\"button\" class=\"%s\" aria-label=\"%s\"><svg width=\"22\" height=\"44\" viewBox=\"0 0 22 44\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%s</svg></button>'\n\nconst productSliderOptions =  {\n    infinite: true,\n    dots: false,\n    slidesToShow: 4,\n    responsive: [\n        {\n            breakpoint: 1000,\n            settings: { slidesToShow: 2 }\n        },\n        {\n            breakpoint: 600,\n            settings: { slidesToShow: 2 }\n        },\n        {\n            breakpoint: 480,\n            settings: { slidesToShow: 1 }\n        }\n    ],\n    prevArrow: btnHtml\n      .replace('%s', 'product-slider__prev slick-prev')\n      .replace('%s', 'Previous')\n      .replace('%s', prevBtnSvgPath),\n    nextArrow: btnHtml\n      .replace('%s', 'product-slider__next slick-next')\n      .replace('%s', 'Next')\n      .replace('%s', nextBtnSvgPath),\n}\n\nconst reviewSliderOptions = {\n  infinite: true,\n  mobileFirst: true,\n  swipeToSlide: true,\n  dots: false,\n  slidesToShow: 1,\n  responsive: [\n    {\n      breakpoint: 680,\n      settings: { slidesToShow: 2 }\n    },\n    {\n      breakpoint: 1024,\n      settings: { slidesToShow: 3 }\n    },\n    {\n      breakpoint: 1240,\n      settings: { slidesToShow: 4 }\n    }\n  ],\n  prevArrow: btnHtml\n    .replace('%s', 'product-slider__prev slick-prev')\n    .replace('%s', 'Previous')\n    .replace('%s', prevBtnSvgPath),\n  nextArrow: btnHtml\n    .replace('%s', 'product-slider__next slick-next')\n    .replace('%s', 'Next')\n    .replace('%s', nextBtnSvgPath),\n}\n\n$('.product-slider-wrapper').slick(productSliderOptions)\n$('.recent-reviews__slider').slick(reviewSliderOptions)\n\nfunction handleRecentReviewLinks() {\n  const recentReviews = document.querySelector('.recent-reviews');\n  if (!recentReviews) {\n    return;\n  }\n  const reviewsUrl = recentReviews.dataset.url\n  if (!reviewsUrl) {\n    return;\n  }\n  \n  const reviewsStars = document.querySelector('.recent-reviews__stars');\n  const reviewsDisplay = document.querySelector('.recent-reviews__display');\n  \n  [reviewsStars, reviewsDisplay].forEach((item) => {\n    item.style.cursor = 'pointer';\n    item.href = reviewsUrl;\n    item.addEventListener('click', function() {\n      document.location = reviewsUrl;\n    })\n  });\n}\n\nhandleRecentReviewLinks();\n\nfunction handleLazyVideo() {\n  const videoImage = document.querySelector('.video-bar__image');\n  const videoElement = document.querySelector('.video-bar__element');\n  const videoUrl = videoImage.dataset.videoUrl;\n  if (!videoImage || !videoElement || !videoUrl) {\n    return;\n  }\n\n  const iframe = `\n    <iframe\n      src=\"${videoUrl}\"\n      class=\"video-bar__video-iframe\"\n      allow=\"autoplay\"\n      allowfullscreen\n    ></iframe>\n  `;\n\n  function replaceImageWithVideo() {\n    videoImage.remove();\n    videoElement.classList.add('video-bar__element--active');\n    videoElement.insertAdjacentHTML('afterbegin', iframe);\n  }\n\n  const isIOS = (/iPad|iPhone|iPod/.test(navigator.platform) ||\n    (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1)) &&\n    !window.MSStream;\n  \n  if (isIOS) {\n    return replaceImageWithVideo();\n  }\n\n  videoImage.addEventListener('click', () => {\n    replaceImageWithVideo();\n  });\n}\n\nhandleLazyVideo();\n","const TEXT_COLUMN_HAS_OVERFLOW = 'text-column--has-overflow'\nconst TEXT_COLUMN_IS_EXPANDED = 'text-column--is-expanded'\n\nexport default class HomeTextColumn {\n  constructor() {\n    this.textColumn = document.querySelector('.text-column')\n    this.textColumnContent = document.querySelector('.text-column__content')\n    this.textColumnOverflow = document.querySelector('.text-column__overflow')\n    this.textColumnResizeButtons = document.querySelectorAll('.text-column__resize')\n    this.onWindowResize = this.onWindowResize.bind(this)\n    this.setTextOverflowStatus = this.setTextOverflowStatus.bind(this)\n    this.toggleTextOverflow = this.toggleTextOverflow.bind(this)\n\n    if (this.textColumn) {\n      this.init()\n    }\n  }\n\n  init() {\n    this.setTextOverflowStatus()\n    window.addEventListener('resize', this.onWindowResize)\n\n    this.textColumnResizeButtons.forEach((button) => {\n      button.addEventListener('click', this.toggleTextOverflow)\n    })\n  }\n\n  onWindowResize() {\n    clearTimeout(this.timeout)\n    this.timeout = setTimeout(() => {\n      this.setTextOverflowStatus()\n    }, 300)\n  }\n\n  setTextOverflowStatus() {\n    const textColumnContentHeight = this.textColumnContent?.clientHeight\n    const textColumnOverflowHeight = this.textColumnOverflow?.clientHeight\n\n    if (!this.textColumn || !textColumnContentHeight || !textColumnOverflowHeight) {\n      return\n    }\n\n    this.textColumn.classList.remove(TEXT_COLUMN_HAS_OVERFLOW)\n\n    if (textColumnOverflowHeight >= textColumnContentHeight) {\n      this.textColumn.classList.add(TEXT_COLUMN_HAS_OVERFLOW)\n    }\n  }\n\n  toggleTextOverflow() {\n    this.textColumn.classList.toggle(TEXT_COLUMN_IS_EXPANDED)\n  }\n}\n"],"sourceRoot":""}