{"version":3,"file":"default/js/shopTheLooksContainer.js","mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA,KAAK;;AAEL;AACA;AACA;;AAEA;;AAEA;AACA;;AAEA;AACA;AACA,aAAa;AACb,SAAS;;AAET;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA,SAAS;AACT;AACA;AACA","sources":["webpack://sfra-startup-kit/./cartridges/app_cwf/cartridge/client/default/js/shopTheLooksContainer.js"],"sourcesContent":["// ==============================\n//* SHOP THE LOOKS CONTAINER\n//\n//? This file add script for shop the look comportment.\n// ==============================\n\n// select cat\n\nconst changeCat = {\n    selectors: {\n        sliders: \".js-contain-cat-sliders > div\",\n        cats: \".js-cats > span\",\n        slider: \".slider\",\n        sliderWrapper: \".shopthelooks__content .slider-wrapper\",\n        container: \".shopthelooks__container\",\n        count: \".js-count-items\"\n    },\n    class: {\n        active: \"active\"\n    },\n\n    init() {\n        const $sliders = $(this.selectors.sliders);\n        const $cats = $(this.selectors.cats);\n\n        $($sliders[0]).addClass(this.class.active);\n\n        $sliders.each((i) => {\n            let $items = $($($sliders[i]).find(this.selectors.container));\n\n            $items.each((index) => {\n                $($items[index]).find(this.selectors.count).text((index + 1) + \"/\" + $items.length);\n            });\n        });\n\n        $($cats).on(\"click\", (e) => {\n            let $current = $(e.currentTarget);\n\n            if (!$current.hasClass(this.class.active)) {\n                let $slider = $($sliders[$current.data(\"value\") - 1]);\n\n                $cats.removeClass(this.class.active);\n                $current.addClass(this.class.active);\n                $sliders.removeClass(this.class.active);\n\n                $sliders.find(\".slider\").slick(\"unslick\");\n\n                $slider.addClass(this.class.active).find(\".slider\").slick({\n                    infinite: true,\n                    cssEase: \"linear\",\n                    slidesToShow: 2,\n                    slidesToScroll: 2,\n                    arrows: true,\n                    dots: false,\n                    autoplay: false,\n                    autoplaySpeed: 5000,\n                    pauseOnHover: true,\n                    variableWidth: false,\n                    centerMode: false,\n                    responsive: [\n                        {\n                            breakpoint: 992,\n                            settings: {\n                                infinite: true,\n                                cssEase: \"linear\",\n                                slidesToShow: 2,\n                                slidesToScroll: 2,\n                                arrows: true,\n                                dots: false\n                            }\n                        },\n                        {\n                            breakpoint: 576,\n                            settings: {\n                                infinite: true,\n                                cssEase: \"linear\",\n                                slidesToShow: 1,\n                                slidesToScroll: 1,\n                                arrows: false,\n                                dots: true\n                            }\n                        }\n                    ]\n                });\n            }\n        });\n    }\n};\nchangeCat.init();\n"],"names":[],"sourceRoot":""}