{"version":3,"file":"default/js/experience/layouts/ahumadaProductsCarousel.js","mappings":";;;;;AAAA;;AAEa;;AAEb;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA,KAAK;;AAEL;AACA;AACA;AACA,KAAK;;AAEL;AACA;;AAEA;AACA;AACA,SAAS;AACT,KAAK;;AAEL;AACA;AACA,KAAK;;AAEL;AACA;AACA,KAAK;AACL;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;;AAEb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;;AAEb;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB,aAAa;AACb,SAAS;;AAET;AACA;;AAEA;AACA,CAAC","sources":["webpack://sfra-startup-kit/./cartridges/app_ahumada/cartridge/client/default/js/experience/layouts/ahumadaProductsCarousel.js"],"sourcesContent":["/* eslint-env jquery */\n\n\"use strict\";\n\nconst defaultAnimationTime = 300;\n\nconst initListeners = () => {\n const setPosition = ($carousel) => {\n const $mainSlider = $carousel.find(\".main-slick-wrapper .slick\");\n const $secondarySlider = $carousel.find(\".secondary-slick-wrapper .slick\");\n\n $mainSlider.slick(\"setPosition\");\n $secondarySlider.slick(\"setPosition\");\n };\n\n $(\".js-open-product-info\").on(\"click\", function () {\n $(this).closest(\".js-ahumada-products-carousel\").attr(\"show-product-info\", true);\n setPosition($(this).closest(\".js-ahumada-products-carousel\"));\n });\n\n $(\".js-close-product-info\").on(\"click\", function () {\n $(this).closest(\".js-ahumada-products-carousel\").attr(\"show-product-info\", false);\n setPosition($(this).closest(\".js-ahumada-products-carousel\"));\n });\n\n $(\".js-ahumada-products-carousel .main-slick-wrapper .slick\").on(\"beforeChange\", function (_event, _slick, _currentSlide, _nextSlide) {\n $(this).closest(\".js-ahumada-products-carousel\").attr(\"slide-changing\", true);\n\n setTimeout(() => {\n $(this).closest(\".js-ahumada-products-carousel\").attr(\"slide-changing\", false);\n }, defaultAnimationTime);\n });\n\n $(\".js-ahumada-products-carousel .main-slick-wrapper .slick\").on(\"afterChange\", function (_event, _slick, _currentSlide, _nextSlide) {\n $(this).closest(\".js-ahumada-products-carousel\").find(\".secondary-slick-wrapper .js-product-info-slider\").slick(\"slickGoTo\", 0);\n });\n\n $(\".js-ahumada-products-carousel .secondary-slick-wrapper .js-product-info-slider\").on(\"afterChange\", function (_event, _slick, _currentSlide, _nextSlide) {\n setPosition($(this).closest(\".js-ahumada-products-carousel\"));\n });\n};\n\nwindow.addEventListener(\"load\", () => {\n if (!window.ahumadaProductsCarouselInitialized) {\n const ahumadaProductsCarousel = $(\".js-ahumada-products-carousel\");\n\n ahumadaProductsCarousel.each(function (index, carousel) {\n const mainSlickWrapper = \".\" + $(carousel).data().id + \" .main-slick-wrapper\";\n const mainSlickSelector = mainSlickWrapper + \" > .slick\";\n const mainSlickPrevArrow = mainSlickWrapper + \" .slick-prev\";\n const mainSlickNextArrow = mainSlickWrapper + \" .slick-next\";\n\n const secondarySlickWrapper = \".\" + $(carousel).data().id + \" .secondary-slick-wrapper\";\n const secondarySlickSelector = secondarySlickWrapper + \" > .slick\";\n const secondarySlickPrevArrow = secondarySlickWrapper + \" .slick-prev\";\n const secondarySlickNextArrow = secondarySlickWrapper + \" .slick-next\";\n\n $(mainSlickSelector).slick({\n slidesToShow: 5,\n slidesToScroll: 1,\n dots: true,\n centerMode: true,\n focusOnSelect: true,\n draggable: false,\n swipe: false,\n speed: 0,\n asNavFor: secondarySlickSelector,\n prevArrow: mainSlickPrevArrow,\n nextArrow: mainSlickNextArrow,\n waitForAnimate: true,\n responsive: [\n {\n breakpoint: 1024,\n settings: {\n slidesToShow: 3,\n draggable: true,\n swipe: true,\n }\n }\n ]\n });\n\n $(secondarySlickSelector).slick({\n slidesToShow: 1,\n slidesToScroll: 1,\n dots: false,\n adaptiveHeight: true,\n focusOnSelect: false,\n speed: 0,\n asNavFor: mainSlickSelector,\n draggable: false,\n swipe: false,\n waitForAnimate: true,\n prevArrow: secondarySlickPrevArrow,\n nextArrow: secondarySlickNextArrow\n });\n\n const productInfoSlider = secondarySlickWrapper + \" .js-product-info-slider\";\n\n $(productInfoSlider).each(function (index, slider) {\n const $slickDotsRegion = $(slider).closest(\".product-info__slider-wrapper\").find(\".slick-dots-wrapper\");\n\n $(slider).slick({\n slidesToShow: 1,\n slidesToScroll: 1,\n dots: true,\n arrows: false,\n adaptiveHeight: true,\n speed: 300,\n appendDots: $slickDotsRegion\n });\n });\n });\n\n window.ahumadaProductsCarouselInitialized = true;\n }\n\n initListeners();\n});\n"],"names":[],"sourceRoot":""}