{"version":3,"sources":["webpack:///./scripts/components/animatedImageGallerySlick.js"],"names":["component","$outerGallery","$","outerGalleryOptions","slidesToShow","slidesToScroll","dots","autoplay","autoplaySpeed","innerGalleryOptions","arrows","infinite","cssEase","responsive","breakpoint","settings","animateActiveTiles","$gallery","each","this","prop","animate","Counter","parseFloat","data","toString","replace","duration","easing","step","now","text","Math","ceil","toLocaleString","displayLastUpdated","find","length","dataUpdated","attr","$lastUpdated","class","html","format","append","controlsLayout","wrap","prepend","pausePlayLayout","on","hasClass","slick","children","stop","counter","parseInt","toggleClass","event","currentSlide","$tileGallery","setTimeout","window","addEventListener"],"mappings":"iRAAO,IAAMA,EAAS,e,EAAA,G,EAAA,yBAAG,iIACD,kCADC,cAGjBC,EAAgBC,EAAE,6BAClBC,EAAsB,CACtBC,aAAc,EACdC,eAAgB,EAChBC,MAAM,EACNC,UAAU,EACVC,cAAe,MAEfC,EAAsB,CACtBL,aAAc,EACdC,eAAgB,EAChBC,MAAM,EACNI,QAAQ,EACRC,UAAU,EACVC,QAAS,SACTL,UAAU,EACVM,WAAY,CACR,CACIC,WAAY,IACZC,SAAU,CACNX,aAAc,EACdC,eAAgB,EAChBE,UAAU,EACVI,UAAU,IAGlB,CACIG,WAAY,IACZC,SAAU,CACNX,aAAc,EACdC,eAAgB,EAChBE,UAAU,EACVI,UAAU,MAOtBK,EAAqB,SAAUC,GACbf,EAAE,+GAEVgB,MAAK,WACXhB,EAAEiB,MACGC,KAAK,UAAW,GAChBC,QACG,CACIC,QAASC,WAAWrB,EAAEiB,MAAMK,KAAK,WAAWC,WAAWC,QAAQ,KAAM,MAEzE,CACIC,SAAU,IACVC,OAAQ,SACRC,KAAM,SAAUC,GACZ5B,EAAEiB,MAAMY,KAAKC,KAAKC,KAAKH,GAAKI,eAAe,cAQ/DC,EAAqB,WACrB,GAAIlC,EAAcmC,KAAK,YAAYC,OAAS,EAAG,CAC3C,IAAIC,EAAcrC,EAAcsC,KAAK,sBAAwB,GAC7D,GAAoB,KAAhBD,EAAoB,CACpB,IAAIE,EAAetC,EAAE,SAAU,CAC3BuC,MAAO,+BACRC,KAAKxC,EAAEyC,OAAO,uBAAwBL,IACzCrC,EAAc2C,OAAOJ,MAM7BK,EAAiB,WAEjB3C,EAAE,yCAAyC4C,KACvC5C,EAAE,SAAU,CACRuC,MAAO,6BAIfvC,EAAE,sDAAsD6C,QACpD,mIAKJC,EAAkB,WAElB9C,EAAE,YAAY+C,GAAG,SAAS,WAClBhD,EAAciD,SAAS,gBACvBjD,EAAckD,MAAM,aACpBjD,EAAEiB,MAAMiC,SAAS,QAAQrB,KAAK,oBAE9B9B,EAAckD,MAAM,cACpBjD,EAAEiB,MAAMiC,SAAS,QAAQrB,KAAK,iBAG9B9B,EAAcmC,KAAK,YAAYlB,MAAK,WAChChB,EAAEiB,MAAMkC,OACR,IAAIC,EAAUC,SAASrD,EAAEiB,MAAMK,KAAK,YACpCtB,EAAEiB,MAAMY,KAAKC,KAAKC,KAAKqB,GAASpB,eAAe,WAGvDjC,EAAcuD,YAAY,mBAKlCvD,EAAckD,MAAMhD,GAAqB8C,GAAG,eAAe,SAAUQ,EAAON,EAAOO,GAE1EzD,EAAciD,SAAS,gBACxBlC,OAIRmB,IACAU,IACAG,KAEIW,EAAezD,EAAE,+DACJmC,OAAS,IACtBsB,EAAaR,MAAM1C,GAInBO,IAEA4C,YAAW,WACPD,EAAaR,MAAM,aACpB,MAIPU,OAAOC,iBAAiB,kBAAkB,WACtCH,EAAaR,MAAM,WACnBlD,EAAckD,MAAM,cA5IH,2C,+KAAH,sD","file":"13.cd420eba3b5e341b059c.js","sourcesContent":["export const component = async () => {\n    const slick = await import('../vendor/jquery.slick');\n\n    var $outerGallery = $('.image-gallery--tile-list');\n    var outerGalleryOptions = {\n        slidesToShow: 1,\n        slidesToScroll: 1,\n        dots: true,\n        autoplay: true,\n        autoplaySpeed: 8500,\n    };\n    var innerGalleryOptions = {\n        slidesToShow: 3,\n        slidesToScroll: 3,\n        dots: false,\n        arrows: false,\n        infinite: true,\n        cssEase: 'linear',\n        autoplay: true,\n        responsive: [\n            {\n                breakpoint: 768,\n                settings: {\n                    slidesToShow: 2,\n                    slidesToScroll: 2,\n                    autoplay: true,\n                    infinite: true,\n                },\n            },\n            {\n                breakpoint: 480,\n                settings: {\n                    slidesToShow: 1,\n                    slidesToScroll: 1,\n                    autoplay: true,\n                    infinite: true,\n                },\n            },\n        ],\n    };\n\n    // Animate the active tiles\n    var animateActiveTiles = function ($gallery) {\n        const $counters = $('.image-gallery--tile-list .slick-slide.slick-current.slick-active .tile-list-animated .slick-slide .counter');\n\n        $counters.each(function () {\n            $(this)\n                .prop('Counter', 0)\n                .animate(\n                    {\n                        Counter: parseFloat($(this).data('counter').toString().replace(/,/g, '')),\n                    },\n                    {\n                        duration: 5000,\n                        easing: 'linear',\n                        step: function (now) {\n                            $(this).text(Math.ceil(now).toLocaleString('en'));\n                        },\n                    }\n                );\n        });\n    };\n\n    // Display last updated message\n    var displayLastUpdated = function () {\n        if ($outerGallery.find('.counter').length > 0) {\n            var dataUpdated = $outerGallery.attr('data-last-updated') || '';\n            if (dataUpdated !== '') {\n                var $lastUpdated = $('<div/>', {\n                    class: 'image-gallery-last-updated',\n                }).html($.format('Data valid as at {0}', dataUpdated));\n                $outerGallery.append($lastUpdated);\n            }\n        }\n    };\n\n    // Layout of dots\n    var controlsLayout = function () {\n        // Add wrapper to control layout of dots\n        $('.image-gallery--tile-list .slick-dots').wrap(\n            $('<div/>', {\n                class: 'image-gallery-list-dots',\n            })\n        );\n\n        $('.image-gallery--tile-list .image-gallery-list-dots').prepend(\n            '<button class=\"u-pause\" role=\"presentation\"><span>Pause Carousel</span><i class=\"fa fa-pause\" aria-hidden=\"true\"></i></button>'\n        );\n    };\n\n    // Layout of pause play\n    var pausePlayLayout = function () {\n        // Add pause/play functionality to the gallery control\n        $('.u-pause').on('click', function () {\n            if ($outerGallery.hasClass('slick-pause')) {\n                $outerGallery.slick('slickPlay');\n                $(this).children('span').text('Pause carousel');\n            } else {\n                $outerGallery.slick('slickPause');\n                $(this).children('span').text('Play carousel');\n\n                //Pause counters and reset formats\n                $outerGallery.find('.counter').each(function () {\n                    $(this).stop();\n                    let counter = parseInt($(this).data('counter'));\n                    $(this).text(Math.ceil(counter).toLocaleString('en'));\n                });\n            }\n            $outerGallery.toggleClass('slick-pause');\n        });\n    };\n\n    // Start gallery\n    $outerGallery.slick(outerGalleryOptions).on('afterChange', function (event, slick, currentSlide) {\n        //Animate icons if not paused\n        if (!$outerGallery.hasClass('slick-pause')) {\n            animateActiveTiles($outerGallery);\n        }\n    });\n\n    displayLastUpdated();\n    controlsLayout();\n    pausePlayLayout();\n\n    var $tileGallery = $('.image-gallery--tile-list .slick-slide .tile-list-animated');\n    if ($tileGallery.length > 0) {\n        $tileGallery.slick(innerGalleryOptions);\n        // ie11 fix to update/reset the svg icons\n        // updateActiveTilesSVG($tileGallery);\n        // Animate on load.\n        animateActiveTiles($outerGallery);\n        //Trigger a delayed refresh as there's some odd rendering behaviour on mobile.\n        setTimeout(() => {\n            $tileGallery.slick('refresh');\n        }, 1000);\n    }\n\n    //Handle sidebar expand\n    window.addEventListener('sidebarToggled', function () {\n        $tileGallery.slick('refresh');\n        $outerGallery.slick('refresh');\n    });\n};\n"],"sourceRoot":""}