{"version":3,"file":"kids.min.js","sources":["kids.min.js"],"sourcesContent":["'use strict';\n\n/**\n * @description Initialize event handlers on landing page\n */\n\nwindow.addEventListener('mainJsLoaded', function () {\n    kidsInit();\n});\n\nfunction kidsInit() {\n    // FEATURE 1 - Animations\n    kidsAnimationsInit();\n\n    // FEATURE 2 - Mobile carousel tiggers\n    kidsMobileCarouselsInit();\n\n    // FEATURE 3 - Desktop custom tiggers\n    kidsDesktopCustomTiggersInit();\n}\n\n/* FEATURE 1 - Animations */\nfunction kidsAnimationsInit() {\n    var prevTopScroll = 0,\n        $kidsAnimation1 = $('.js-kids-animation-1'),\n        kidsAnimation1Offset = 0,\n        $kidsAnimation1Bottom = $('.js-kids-animation-1-bottom'),\n        kidsAnimation1BottomOffset = 0,\n        $kidsAnimation2 = $('.js-kids-animation-2'),\n        kidsAnimation2Offset = 0,\n        $kidsAnchors = $('.js-kids-anchor');\n\n    window.addEventListener('scroll', function () {\n        // desktop animation only\n        if (window.vbqUtils.breakpoint.is('fromDesktop')) {\n            var currentTopScroll = window.pageYOffset,\n                currentScroll = currentTopScroll / window.innerHeight;\n\n            if ($kidsAnimation1.length) {\n                kidsAnimation1Offset = $kidsAnimation1.offset().top / window.innerHeight;\n                document.body.style.setProperty('--scrolloffset1', kidsAnimation1Offset);\n            }\n\n            // for activation of fixed position on animation 1 if custom anchors reset it\n            if ($kidsAnimation1Bottom.length) {\n                kidsAnimation1BottomOffset = $kidsAnimation1Bottom.offset().top / window.innerHeight;\n            }\n\n            if ($kidsAnimation2.length) {\n                kidsAnimation2Offset = $kidsAnimation2.offset().top / window.innerHeight;\n                document.body.style.setProperty('--scrolloffset2', kidsAnimation2Offset);\n            }\n\n            document.body.style.setProperty('--scroll', currentScroll);\n\n            // scroll down\n            if (currentTopScroll > prevTopScroll) {\n                // activate fixed position on animation 1\n                if (currentScroll >= kidsAnimation1Offset && !$kidsAnimation1.hasClass('stop-animation')) {\n                    $kidsAnimation1.addClass('animate');\n                }\n\n                // activate fixed position on animation 2\n                if (currentScroll >= kidsAnimation2Offset) {\n                    $kidsAnimation2.addClass('animate');\n                }\n\n                // activate bottom position on animation 2 - stop phase ( + 1 viewports)\n                if (currentScroll >= kidsAnimation2Offset + 1) {\n                    $kidsAnimation2.addClass('bottom').removeClass('animate');\n                }\n            } else {\n            // scroll up\n                // activate fixed position on animation 2 ( + 1 viewports)\n                if (currentScroll < kidsAnimation2Offset + 1) {\n                    $kidsAnimation2.addClass('animate').removeClass('bottom');\n                }\n\n                // deactivate fixed position on animation 2\n                if (currentScroll < kidsAnimation2Offset) {\n                    $kidsAnimation2.removeClass('animate');\n                }\n\n                // activate fixed position on animation 1 if custom anchors reset it\n                if (currentScroll < kidsAnimation1BottomOffset) {\n                    $kidsAnimation1.addClass('animate').removeClass('stop-animation');\n                }\n\n                // deactivate fixed position on animation 1\n                if (currentScroll < kidsAnimation1Offset) {\n                    $kidsAnimation1.removeClass('animate');\n                }\n            }\n\n            // update prevTopScroll\n            prevTopScroll = currentTopScroll;\n        }\n    }, false);\n\n    // activate custom anchors to fix issue with animation scroll\n    $kidsAnchors.on('click keydown', function (e) {\n        // mouse click or enter/space key\n        if (e.type == 'click' || (e.type == 'keydown' && (e.keyCode == 13 || e.keyCode == 32))) {\n            // prevent the default action to stop scrolling when space is pressed\n            e.preventDefault();\n\n            var $control = $(this),\n                $target = $($control.attr('href'));\n\n            // deactivate animation for proper top scroll position\n            $kidsAnimation1.addClass('stop-animation').removeClass('animate');\n\n            window.vbqUtils.cache.$html.animate({\n                scrollTop: $target.offset().top\n            }, 10);\n        }\n    });\n\n    // remove desktop animations\n    window.vbqUtils.breakpoint.set([\n        {\n            media: window.vbqUtils.breakpoint.getMediaQuery('mobileAndTablet'),\n            enter: function () {\n                $kidsAnimation1.removeClass('animate').addClass('stop-animation');\n                $kidsAnimation2.removeClass('animate').removeClass('bottom');\n            }\n        }\n    ]);\n}\n\n/* FEATURE 2 - Mobile carousel tiggers */\nfunction kidsMobileCarouselsInit() {\n    var $kidsMobileLifestyleCarousels = $('.js-mobile-lifestyle-carousel'),\n        $allKidsMobileLifestyleControls = $('.js-mobile-lifestyle-control');\n\n    // sync triggers with carousel state\n    $kidsMobileLifestyleCarousels.on('beforeChange', function (event, slick, currentSlide, nextSlide) {\n        var $this = $(this),\n            $controls = $this.next('.js-mobile-lifestyle-nav').find('.js-mobile-lifestyle-control');\n\n        $controls.removeClass('active').filter('[data-index=\"' + nextSlide + '\"]').addClass('active');\n    });\n\n    // setup mobile lifestyle carousel\n    window.vbqUtils.breakpoint.set([\n        {\n            media: window.vbqUtils.breakpoint.getMediaQuery('mobile'),\n            enter: function () {\n                $kidsMobileLifestyleCarousels.slick({\n                    slidesToShow: 1,\n                    dots: false,\n                    arrows: false,\n                    infinite: false\n                });\n\n                $kidsMobileLifestyleCarousels.each(function () {\n                    var $carousel = $(this),\n                        $controls = $carousel.next('.js-mobile-lifestyle-nav').find('.js-mobile-lifestyle-control');\n\n                    $controls.first().addClass('active') ;\n                });\n            }\n        },\n        {\n            media: window.vbqUtils.breakpoint.getMediaQuery('tabletAndDesktop'),\n            enter: function () {\n                if ($kidsMobileLifestyleCarousels.hasClass('slick-initialized')) {\n                    $kidsMobileLifestyleCarousels.slick('unslick');\n                }\n\n                $allKidsMobileLifestyleControls.removeClass('active');\n            }\n        }\n    ]);\n\n    $allKidsMobileLifestyleControls.on('click keydown', function (e) {\n        // mouse click or enter key\n        if (e.type == 'click' || (e.type == 'keydown' && e.keyCode == 13)) {\n            var $control = $(this),\n                $nav = $control.parent('.js-mobile-lifestyle-nav'),\n                $controls = $nav.find('.js-mobile-lifestyle-control'),\n                $carousel = $nav.prev('.js-mobile-lifestyle-carousel');\n\n            if (window.vbqUtils.breakpoint.is('mobile')) {\n                if ($carousel.hasClass('slick-initialized')) {\n                    $controls.removeClass('active');\n                    $carousel.slick('slickGoTo', $control.data('index'));\n                    $control.addClass('active');\n                }\n            }\n        }\n    });\n}\n\n/* FEATURE 3 - Desktop custom tiggers */\nfunction kidsDesktopCustomTiggersInit() {\n    var $kidsDesktopCustomCarousels = $('.js-desktop-custom-carousel'),\n        $kidsDesktopCustomControls = $('.js-desktop-custom-control');\n\n    // 2 sections: section 4 & section 6\n    $kidsDesktopCustomCarousels.each(function () {\n        var $carousel = $(this),\n            // carousel-index = 0 - section 4 & carousel-index = 1 - section 6\n            carouselIndex = $carousel.data('carousel-index');\n\n        document.body.style.setProperty('--customIndex' + carouselIndex, 0);\n    });\n\n    // adjust css vars on scroll / resize to calculate accurately on lazyloaded images\n    window.addEventListener('scroll', function () {\n        if (window.vbqUtils.breakpoint.is('tabletAndDesktop')) {\n            $kidsDesktopCustomCarousels.each(function () {\n                var $carousel = $(this),\n                    // carousel-index = 0 - section 4 & carousel-index = 1 - section 6\n                    carouselIndex = $carousel.data('carousel-index'),\n                    $controls =  $carousel.find('.js-desktop-custom-control'),\n                    $images = $carousel.find('.js-desktop-custom-carousel-image'),\n                    customBgHeight = $images.first().height(),\n                    $products = $carousel.find('.js-desktop-custom-carousel-product'),\n                    customProductHeight = $products.first().outerHeight();\n\n                // adjust transition height\n                document.body.style.setProperty('--customBgHeight' + carouselIndex, customBgHeight);\n                document.body.style.setProperty('--customBgHeightPx' + carouselIndex, customBgHeight + 'px');\n                document.body.style.setProperty('--customHeightPx' + carouselIndex, customBgHeight * $controls.length + 'px');\n\n                // adjust product transition height\n                document.body.style.setProperty('--customProductHeight' + carouselIndex, customProductHeight);\n                document.body.style.setProperty('--customProductHeightPx' + carouselIndex, customProductHeight + 'px');\n                document.body.style.setProperty('--customTotalProductHeightPx' + carouselIndex, customProductHeight * $controls.length + 'px');\n            });\n        }\n    });\n\n    // sync tabs & block state\n    $kidsDesktopCustomControls.on('click keydown', function (e) {\n        // mouse click or enter key\n        if (e.type == 'click' || (e.type == 'keydown' && e.keyCode == 13)) {\n\n            if (window.vbqUtils.breakpoint.is('tabletAndDesktop')) {\n                var $this = $(this),\n                    index = $this.data('index'),\n                    carouselIndex = $this.data('carousel-index'),\n                    $groupControls = $kidsDesktopCustomControls.filter('[data-carousel-index=\"' + carouselIndex + '\"]'),\n                    $groupCarousel = $kidsDesktopCustomCarousels.filter('[data-carousel-index=\"' + carouselIndex + '\"]'),\n                    $productLinks = $groupCarousel.find('.js-desktop-custom-carousel-product-link');\n\n                // trigger slide transition\n                document.body.style.setProperty('--customIndex' + carouselIndex, index);\n\n                $groupControls.removeClass('active').filter('[data-index=\"' + index + '\"]').addClass('active');\n\n                // change product link accessibility\n                $productLinks.attr('tabindex', '-1').filter('[data-index=\"' + index + '\"]').attr('tabindex', '0');\n            }\n        }\n    });\n\n    // reset desktop custom tiggers\n    window.vbqUtils.breakpoint.set([\n        {\n            media: window.vbqUtils.breakpoint.getMediaQuery('mobile'),\n            enter: function () {\n                $kidsDesktopCustomCarousels.each(function () {\n                    var $carousel = $(this),\n                        // carousel-index = 0 - section 4 & carousel-index = 1 - section 6\n                        carouselIndex = $carousel.data('carousel-index'),\n                        $controls = $carousel.find('.js-desktop-custom-control'),\n                        $productLinks = $carousel.find('.js-desktop-custom-carousel-product-link');\n\n                    $controls.removeClass('active').first().addClass('active');\n                    $productLinks.attr('tabindex', '-1').first().attr('tabindex', '0');\n\n                    // stop slide transition\n                    document.body.style.setProperty('--customIndex' + carouselIndex, 0);\n                });\n            }\n        }\n    ]);\n}\n"],"names":["kidsInit","kidsAnimationsInit","kidsMobileCarouselsInit","kidsDesktopCustomTiggersInit","prevTopScroll","$kidsAnimation1","$","kidsAnimation1Offset","$kidsAnimation1Bottom","kidsAnimation1BottomOffset","$kidsAnimation2","kidsAnimation2Offset","$kidsAnchors","window","addEventListener","currentTopScroll","currentScroll","vbqUtils","breakpoint","is","pageYOffset","innerHeight","length","offset","top","document","body","style","setProperty","hasClass","addClass","removeClass","on","e","type","keyCode","preventDefault","$control","this","$target","attr","cache","$html","animate","scrollTop","set","media","getMediaQuery","enter","$kidsMobileLifestyleCarousels","$allKidsMobileLifestyleControls","event","slick","currentSlide","nextSlide","next","find","filter","slidesToShow","dots","arrows","infinite","each","first","$controls","$carousel","$nav","parent","prev","data","$kidsDesktopCustomCarousels","$kidsDesktopCustomControls","carouselIndex","customBgHeight","height","customProductHeight","outerHeight","index","$groupControls","$productLinks","$this"],"mappings":"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"}