{"version":3,"sources":["webpack:///./node_modules/flickity-fullscreen/fullscreen.js","webpack:///./src/components/PageBuilder/ImageGallery.vue?552e","webpack:///./src/components/PageBuilder/ImageGallery.vue","webpack:///src/components/PageBuilder/ImageGallery.vue","webpack:///./src/components/PageBuilder/ImageGallery.vue?245f","webpack:///./src/components/PageBuilder/ImageGallery.vue?e3da"],"names":["window","factory","Flickity","createMethods","push","proto","prototype","_createFullscreen","this","isFullscreen","options","fullscreen","viewFullscreenButton","FullscreenButton","exitFullscreenButton","on","_changeFullscreenActive","childMethod","isActive","element","activeMethod","viewFullscreen","_changeFullscreen","focus","exitFullscreen","isView","classMethod","document","documentElement","classList","resize","reposition","dispatchEvent","toggleFullscreen","setGallerySize","name","flickity","createButton","createIcon","onClick","clickHandler","bind","capitalize","text","toUpperCase","slice","viewport","style","height","call","keyboardHandlers","createElement","className","setAttribute","label","title","svgURI","pathDirections","view","exit","svg","createElementNS","path","direction","appendChild","activate","addEventListener","deactivate","removeEventListener","render","_vm","_c","_self","cmsBlock","staticClass","class","galleryStyle","ref","_l","imageSlides","slide","index","key","id","Object","entries","srcsets","format","set","originalFormats","attrs","_e","image","data","attributes","alternativeText","onImgLoad","hasCopyright","isMobile","copyright","localize","caption","domProps","_s","md","prevSlide","require","nextSlide","staticRenderFns","props","components","Copyright","slider","computed","getImageSrcsets","hasWebp","hasWebps","srcset","_","mounted","self","$nextTick","$refs","imageGallery","prevNextButtons","pageDots","autoPlay","wrapAround","pauseAutoPlayOnHover","imagesLoaded","lazyLoad","methods","length","previous","next","slideActive","active","selectedIndex","selectSlide","select","component"],"mappings":"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","file":"js/chunk-aa385a10.119004bd.js","sourcesContent":["/*!\n * Flickity fullscreen v1.1.1\n * Enable fullscreen view for Flickity\n */\n\n/*jshint browser: true, undef: true, unused: true, strict: true*/\n\n( function( window, factory ) {\n  // universal module definition\n  /*jshint strict: false */ /*globals define, module, require */\n  if ( typeof define == 'function' && define.amd ) {\n    // AMD\n    define( [\n      'flickity/js/index',\n    ], factory );\n  } else if ( typeof module == 'object' && module.exports ) {\n    // CommonJS\n    module.exports = factory(\n      require('flickity')\n    );\n  } else {\n    // browser global\n    factory(\n      window.Flickity\n    );\n  }\n\n}( window, function factory( Flickity ) {\n\n'use strict';\n\nFlickity.createMethods.push('_createFullscreen');\nvar proto = Flickity.prototype;\n\n\nproto._createFullscreen = function() {\n  this.isFullscreen = false;\n\n  if ( !this.options.fullscreen ) {\n    return;\n  }\n  // buttons\n  this.viewFullscreenButton = new FullscreenButton( 'view', this );\n  this.exitFullscreenButton = new FullscreenButton( 'exit', this );\n\n  this.on( 'activate', this._changeFullscreenActive );\n  this.on( 'deactivate', this._changeFullscreenActive );\n};\n\n// ----- activation ----- //\n\nproto._changeFullscreenActive = function() {\n  var childMethod = this.isActive ? 'appendChild' : 'removeChild';\n  this.element[ childMethod ]( this.viewFullscreenButton.element );\n  this.element[ childMethod ]( this.exitFullscreenButton.element );\n  // activate or deactivate buttons\n  var activeMethod = this.isActive ? 'activate' : 'deactivate';\n  this.viewFullscreenButton[ activeMethod ]();\n  this.exitFullscreenButton[ activeMethod ]();\n};\n\n// ----- view, exit, toggle ----- //\n\nproto.viewFullscreen = function() {\n  this._changeFullscreen( true );\n  this.focus();\n};\n\nproto.exitFullscreen = function() {\n  this._changeFullscreen( false );\n};\n\nproto._changeFullscreen = function( isView ) {\n  if ( this.isFullscreen == isView ) {\n    return;\n  }\n  this.isFullscreen = isView;\n  var classMethod = isView ? 'add' : 'remove';\n  document.documentElement.classList[ classMethod ]('is-flickity-fullscreen');\n  this.element.classList[ classMethod ]('is-fullscreen');\n  this.resize();\n  // HACK extra reposition on fullscreen for images\n  if ( this.isFullscreen ) {\n    this.reposition();\n  }\n  this.dispatchEvent( 'fullscreenChange', null, [ isView ] );\n};\n\nproto.toggleFullscreen = function() {\n  this._changeFullscreen( !this.isFullscreen );\n};\n\n// ----- setGallerySize ----- //\n\n// overwrite so fullscreen cells are full height\nvar setGallerySize = proto.setGallerySize;\nproto.setGallerySize = function() {\n  if ( !this.options.setGallerySize ) {\n    return;\n  }\n  if ( this.isFullscreen ) {\n    // remove height style on fullscreen\n    this.viewport.style.height = '';\n  } else {\n    // otherwise, do normal\n    setGallerySize.call( this );\n  }\n};\n\n// ----- keyboard ----- //\n\n// ESC key closes full screen\nFlickity.keyboardHandlers[27] = function() {\n  this.exitFullscreen();\n};\n\n// ----- FullscreenButton ----- //\n\nfunction FullscreenButton( name, flickity ) {\n  this.name = name;\n  this.createButton();\n  this.createIcon();\n  // events\n  // trigger viewFullscreen or exitFullscreen on click\n  this.onClick = function() {\n    flickity[ name + 'Fullscreen' ]();\n  };\n  this.clickHandler = this.onClick.bind( this );\n}\n\nFullscreenButton.prototype.createButton = function() {\n  var element = this.element = document.createElement('button');\n  element.className = 'flickity-button flickity-fullscreen-button ' +\n    'flickity-fullscreen-button-' + this.name;\n  // prevent button from submitting form\n  element.setAttribute( 'type', 'button' );\n  // set label\n  var label = capitalize( this.name + ' full-screen' );\n  element.setAttribute( 'aria-label', label );\n  element.title = label;\n};\n\nfunction capitalize( text ) {\n  return text[0].toUpperCase() + text.slice(1);\n}\n\nvar svgURI = 'http://www.w3.org/2000/svg';\n\nvar pathDirections = {\n  view: 'M15,20,7,28h5v4H0V20H4v5l8-8Zm5-5,8-8v5h4V0H20V4h5l-8,8Z',\n  exit: 'M32,3l-7,7h5v4H18V2h4V7l7-7ZM3,32l7-7v5h4V18H2v4H7L0,29Z',\n};\n\nFullscreenButton.prototype.createIcon = function() {\n  var svg = document.createElementNS( svgURI, 'svg');\n  svg.setAttribute( 'class', 'flickity-button-icon' );\n  svg.setAttribute( 'viewBox', '0 0 32 32' );\n  // path & direction\n  var path = document.createElementNS( svgURI, 'path');\n  var direction = pathDirections[ this.name ];\n  path.setAttribute( 'd', direction );\n  // put it together\n  svg.appendChild( path );\n  this.element.appendChild( svg );\n};\n\nFullscreenButton.prototype.activate = function() {\n  this.element.addEventListener( 'click', this.clickHandler );\n};\n\nFullscreenButton.prototype.deactivate = function() {\n  this.element.removeEventListener( 'click', this.clickHandler );\n};\n\nFlickity.FullscreenButton = FullscreenButton;\n\n// ----- fin ----- //\n\nreturn Flickity;\n\n}));\n","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ImageGallery.vue?vue&type=style&index=0&id=0eb53471&prod&lang=scss\"","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.cmsBlock)?_c('div',{staticClass:\"component-container\",class:_vm.cmsBlock.galleryStyle},[_c('div',{staticClass:\"image-gallery-wrapper\"},[_c('div',{ref:\"imageGallery\",staticClass:\"image-gallery\"},_vm._l((_vm.cmsBlock.imageSlides),function(slide,index){return _c('div',{key:slide.id,staticClass:\"slide\"},[_c('div',{staticClass:\"slide-image-container\"},[_c('picture',[_vm._l((Object.entries(_vm.srcsets[index])),function([format, set]){return [(format !== _vm.originalFormats[index])?_c('source',{attrs:{\"srcset\":set,\"sizes\":\"100vw\",\"type\":'image/' + format.slice(1)}}):_vm._e()]}),_c('img',{staticClass:\"slide-image\",attrs:{\"srcset\":_vm.srcsets[index][_vm.originalFormats[index]],\"type\":'image/' + _vm.originalFormats[index].slice(1),\"sizes\":\"100vw\",\"alt\":slide.image.data.attributes.alternativeText},on:{\"load\":_vm.onImgLoad}})],2),(_vm.hasCopyright(slide) && _vm.isMobile())?_c('Copyright',{attrs:{\"text\":slide.copyright}}):_vm._e()],1),(_vm.localize(slide.caption))?_c('div',{staticClass:\"slide-details-wrapper\"},[_c('div',{staticClass:\"slide-details-content\"},[_c('div',{staticClass:\"slide-text\",domProps:{\"innerHTML\":_vm._s(_vm.md(_vm.localize(slide.caption)))}})])]):_vm._e(),(_vm.hasCopyright(slide) && !_vm.isMobile())?_c('Copyright',{attrs:{\"text\":slide.copyright}}):_vm._e()],1)}),0),_c('div',{staticClass:\"slider-ui\"},[_c('div',{staticClass:\"slider-arrows\"},[_c('div',{staticClass:\"slider-prev\",on:{\"click\":_vm.prevSlide}},[_c('img',{attrs:{\"src\":require(\"@/assets/arrow_left.svg\"),\"width\":\"21px\",\"height\":\"40px\",\"alt\":\"Previous Slide\"}})]),_c('div',{staticClass:\"slider-next\",on:{\"click\":_vm.nextSlide}},[_c('img',{attrs:{\"src\":require(\"@/assets/arrow_right.svg\"),\"width\":\"21px\",\"height\":\"40px\",\"alt\":\"Next Slide\"}})])])])])]):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div v-if=\"cmsBlock\" class=\"component-container\" :class=\"cmsBlock.galleryStyle\">\n        <div class=\"image-gallery-wrapper\">\n            <div class=\"image-gallery\" ref=\"imageGallery\">\n                <div class=\"slide\" v-for=\"(slide, index) in cmsBlock.imageSlides\" :key=\"slide.id\">\n                    <div class=\"slide-image-container\">\n                        <picture>\n                            <template v-for=\"[format, set] of Object.entries(srcsets[index])\">\n                                <source v-if=\"format !== originalFormats[index]\" :srcset=\"set\" sizes=\"100vw\"\n                                    :type=\"'image/' + format.slice(1)\">\n                            </template>\n                            <img class=\"slide-image\" :srcset=\"srcsets[index][originalFormats[index]]\" @load=\"onImgLoad\"\n                                :type=\"'image/' + originalFormats[index].slice(1)\" sizes=\"100vw\"\n                                :alt=\"slide.image.data.attributes.alternativeText\">\n                        </picture>\n                        <Copyright v-if=\"hasCopyright(slide) && isMobile()\" :text=\"slide.copyright\" />\n                    </div>\n                    <div class=\"slide-details-wrapper\" v-if=\"localize(slide.caption)\">\n                        <div class=\"slide-details-content\">\n                            <div class=\"slide-text\" v-html=\"md(localize(slide.caption))\"></div>\n                        </div>\n                    </div>\n                    <Copyright v-if=\"hasCopyright(slide) && !isMobile()\" :text=\"slide.copyright\" />\n                </div>\n            </div>\n            <div class=\"slider-ui\">\n                <div class=\"slider-arrows\">\n                    <div class=\"slider-prev\" v-on:click=\"prevSlide\">\n                        <img src=\"@/assets/arrow_left.svg\" width=\"21px\" height=\"40px\" alt=\"Previous Slide\" />\n                    </div>\n                    <div class=\"slider-next\" v-on:click=\"nextSlide\">\n                        <img src=\"@/assets/arrow_right.svg\" width=\"21px\" height=\"40px\" alt=\"Next Slide\" />\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport Flickity from 'flickity'\nimport 'flickity-fullscreen'\nimport Copyright from '@/components/PageBuilder/Elements/Copyright'\nimport { isMobile } from '@/helper'\n\n\nexport default {\n    name: 'ImageGallery',\n\n    props: [\n        'cmsBlock'\n    ],\n\n    components: {\n        Copyright\n    },\n\n    data() {\n        return {\n            slider: null\n        }\n    },\n\n    computed: {\n        srcsets() {\n            let srcsets = []\n            for (const slide of this.cmsBlock.imageSlides) {\n                srcsets.push(this.getImageSrcsets(slide.image.data.attributes))\n            }\n            return srcsets\n        },\n\n        hasWebp() {\n            let hasWebps = []\n            for (const srcset of this.srcsets) {\n                hasWebps.push(srcset['.webp'] ? true : false)\n            }\n            return hasWebps\n        },\n\n        originalFormats() {\n            let originalFormats = []\n            for (const srcset of this.srcsets) {\n                for (const [format, _] of Object.entries(srcset)) {\n                    if (format !== '.webp') {\n                        originalFormats.push(format)\n                    }\n                }\n            }\n\n            return originalFormats\n        },\n    },\n\n    mounted() {\n        var self = this\n        this.$nextTick(() => {\n            self.slider = new Flickity(self.$refs.imageGallery, {\n                prevNextButtons: false,\n                pageDots: false,\n                autoPlay: 7000,\n                wrapAround: true,\n                pauseAutoPlayOnHover: false,\n                imagesLoaded: true,\n                lazyLoad: true\n            })\n        })\n    },\n\n    methods: {\n        onImgLoad() {\n            this.slider.resize()\n        },\n\n        hasCopyright(slide) {\n            return slide.copyright ? slide.copyright.length > 0 : false\n        },\n\n        isMobile: isMobile,\n\n        prevSlide() {\n            this.slider.previous()\n        },\n\n        nextSlide() {\n            this.slider.next()\n        },\n\n        slideActive(slide) {\n            if (this.slider) {\n                return {\n                    active: this.slider.selectedIndex == slide - 1\n                }\n            }\n        },\n\n        selectSlide(slide) {\n            this.slider.select(slide - 1)\n        }\n\n    }\n}\n</script>\n\n<style lang=\"scss\">\n.component-container {\n\n    .image-gallery-wrapper {\n        position: relative;\n        width: 100%;\n        max-width: $container-width;\n        height: unset;\n        aspect-ratio: 16/9;\n        margin: 0 auto;\n\n\n        .image-gallery {\n            overflow: hidden;\n            position: relative;\n            height: 100%;\n            width: 100%;\n\n            .flickity-viewport,\n            .flickity-slider {\n                height: 100% !important;\n            }\n\n            .slide {\n                position: relative;\n                overflow: hidden;\n                width: 100%;\n                height: 100%;\n\n                .slide-image-container {\n                    position: relative;\n                    height: 100%;\n                }\n\n                .slide-image {\n                    width: 100%;\n                    height: 100%;\n                    object-fit: cover;\n                }\n\n                .slide-details-wrapper {\n                    position: absolute;\n                    bottom: 0;\n                    left: 0;\n                    right: 0;\n                    display: flex;\n                    background: rgba(0, 0, 0, 0.5);\n                    padding: 20px;\n\n                    @include breakpoint('mobile') {\n                        //position: relative;\n                        //background: transparent;\n                        padding: 5px;\n                    }\n\n                    .slide-details-content {\n                        //max-width: 1350px;\n                        margin: 0 auto;\n                        display: flex;\n\n                        .slide-text {\n                            margin-left: 50px;\n                            font-size: getFontSize('smallText', 'desktop');\n                            font-family: getFontFamily('smallText');\n                            text-align: start;\n                            margin: 5px 0px;\n\n                            @include breakpoint('tablet') {\n                                font-size: getFontSize('smallText', 'tablet');\n                            }\n\n                            @include breakpoint('mobile') {\n                                font-size: getFontSize('smallText', 'mobile');\n                            }\n\n                            @include breakpoint('mobile') {\n                                margin-left: 0;\n                            }\n\n                            p {\n                                font-size: getFontSize('smallText', 'desktop');\n                                font-family: getFontFamily('smallText');\n                                text-align: start;\n                                margin: 5px 0px;\n\n                                @include breakpoint('tablet') {\n                                    font-size: getFontSize('smallText', 'tablet');\n                                }\n\n                                @include breakpoint('mobile') {\n                                    font-size: getFontSize('smallText', 'mobile');\n                                }\n                            }\n\n                            strong {\n                                font-size: getFontSize('smallText', 'desktop');\n\n                                @include breakpoint('tablet') {\n                                    font-size: getFontSize('smallText', 'tablet');\n                                }\n\n                                @include breakpoint('mobile') {\n                                    font-size: getFontSize('smallText', 'mobile');\n                                }\n                            }\n\n                            a {\n                                font-size: getFontSize('smallText', 'desktop');\n\n                                @include breakpoint('tablet') {\n                                    font-size: getFontSize('smallText', 'tablet');\n                                }\n\n                                @include breakpoint('mobile') {\n                                    font-size: getFontSize('smallText', 'mobile');\n                                }\n                            }\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ImageGallery.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ImageGallery.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ImageGallery.vue?vue&type=template&id=0eb53471\"\nimport script from \"./ImageGallery.vue?vue&type=script&lang=js\"\nexport * from \"./ImageGallery.vue?vue&type=script&lang=js\"\nimport style0 from \"./ImageGallery.vue?vue&type=style&index=0&id=0eb53471&prod&lang=scss\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}