{"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":""}