{"version":3,"sources":["webpack:///./src/components/PageBuilder/Elements/PodcastPlayer.vue","webpack:///src/components/PageBuilder/Elements/PodcastPlayer.vue","webpack:///./src/components/PageBuilder/Elements/PodcastPlayer.vue?f1aa","webpack:///./src/components/PageBuilder/Elements/PodcastPlayer.vue?cfb4","webpack:///./src/components/PageBuilder/MultiplePodcastsBlock.vue?9edb","webpack:///./src/components/PageBuilder/MultiplePodcastsBlock.vue","webpack:///./src/components/PageBuilder/Elements/PodcastList.vue","webpack:///src/components/PageBuilder/Elements/PodcastList.vue","webpack:///./src/components/PageBuilder/Elements/PodcastList.vue?dcee","webpack:///./src/components/PageBuilder/Elements/PodcastList.vue?c495","webpack:///src/components/PageBuilder/MultiplePodcastsBlock.vue","webpack:///./src/components/PageBuilder/MultiplePodcastsBlock.vue?4ecf","webpack:///./src/components/PageBuilder/MultiplePodcastsBlock.vue?fc04","webpack:///./src/components/PageBuilder/Elements/PodcastPlayer.vue?0950","webpack:///./src/components/PageBuilder/Elements/PodcastList.vue?158a"],"names":["render","_vm","this","_c","_self","ref","staticClass","init","appleLink","domProps","_s","podcastCode","_e","attrs","appleEmbedLink","staticRenderFns","name","props","data","mounted","self","observer","IntersectionObserver","entries","isIntersecting","threshold","observe","$refs","player","computed","replace","component","cmsBlock","anchorTag","useGroups","_l","podcastGroups","podcastGroup","class","active","activePodcastGroup","on","$event","activate","_v","groupTitle","key","id","getPaginatedPodcasts","podcasts","total","page","podcast","index","attributes","slug","Object","srcsets","format","set","originalFormats","slice","localize","image","alternativeText","components","PodcastPlayer","push","getImageSrcsets","hasWebp","hasWebps","srcset","_","methods","podcastDate","dateFormat","date","PodcastList","Pagination","limit","buildPodcastGroups","initActivePodcastGroup","$route","query","group","Math","ceil","length","$router","path","groupCode","sortPodcasts","sort","a","b","aDate","Date","bDate","showAll","buildAllPodcastsGroup","PodcastGroup","forEach","values","$t","start","end"],"mappings":"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","file":"js/chunk-16d998cf.1b7b1918.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{ref:\"player\",staticClass:\"wrapper white\"},[(_vm.init && !_vm.appleLink)?_c('div',{staticClass:\"podcast-player podigee\",domProps:{\"innerHTML\":_vm._s(_vm.podcastCode)}}):_vm._e(),(_vm.init && _vm.appleLink)?_c('div',{staticClass:\"podcast-player\"},[(_vm.init && _vm.appleLink)?_c('iframe',{staticClass:\"apple\",attrs:{\"src\":_vm.appleEmbedLink,\"frameborder\":\"0\",\"allowfullscreen\":\"\"}}):_vm._e()]):_vm._e()])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"wrapper white\" ref=\"player\">\n        <div v-if=\"init && !appleLink\" class=\"podcast-player podigee\" v-html=\"podcastCode\"></div>\n        <div class=\"podcast-player\" v-if=\"init && appleLink\">\n            <iframe v-if=\"init && appleLink\" class=\"apple\" :src=\"appleEmbedLink\" frameborder=\"0\" allowfullscreen></iframe>\n        </div>\n    </div>\n</template>\n\n<script>\nexport default {\n    name: 'PodcastPlayer',\n\n    props: [\n        'podcastCode',\n        'appleLink',\n    ],\n\n    data() {\n        return {\n            init: false\n        }\n    },\n\n    mounted() {\n        var self = this\n        var observer = new IntersectionObserver(\n            function (entries) {\n                if (entries[0].isIntersecting === true) {\n                    self.init = true\n                }\n            }, {\n            threshold: [0]\n        }\n        )\n        observer.observe(this.$refs.player)\n    },\n\n    computed: {\n        appleEmbedLink() {\n            return this.appleLink.replace('https://podcasts.apple.com/', 'https://embed.podcasts.apple.com/');\n        }\n    }\n}\n</script>\n\n<style lang=\"scss\">\n.wrapper {\n    min-height: 2px;\n\n    .podcast-player {\n        width: 100%;\n\n        iframe {\n            height: 145px;\n            width: 100%;\n            background-color: transparent;\n            /* margin-bottom: -7px; */\n\n            &.apple {\n                height: 180px;\n            }\n        }\n    }\n\n    .podigee {\n        background-color: #f6f6f6;\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!./PodcastPlayer.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!./PodcastPlayer.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./PodcastPlayer.vue?vue&type=template&id=7f81cf68\"\nimport script from \"./PodcastPlayer.vue?vue&type=script&lang=js\"\nexport * from \"./PodcastPlayer.vue?vue&type=script&lang=js\"\nimport style0 from \"./PodcastPlayer.vue?vue&type=style&index=0&id=7f81cf68&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","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!./MultiplePodcastsBlock.vue?vue&type=style&index=0&id=aac5e556&prod&lang=scss&scoped=true\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('section',{staticClass:\"component-container white\",attrs:{\"id\":\"podcast-list\"}},[_c('div',{staticClass:\"podcasts\",attrs:{\"id\":_vm.cmsBlock.anchorTag}},[(_vm.cmsBlock.useGroups)?_c('div',[_c('div',{staticClass:\"group-buttons\"},_vm._l((_vm.podcastGroups),function(podcastGroup){return _c('button',{staticClass:\"button-dark\",class:{ active: podcastGroup == _vm.activePodcastGroup },on:{\"click\":function($event){return _vm.activate(podcastGroup)}}},[_vm._v(\" \"+_vm._s(podcastGroup.groupTitle)+\" \")])}),0),_vm._l((_vm.podcastGroups),function(podcastGroup){return _c('PodcastList',{key:podcastGroup.id,attrs:{\"podcasts\":_vm.getPaginatedPodcasts(podcastGroup.podcasts),\"active\":podcastGroup == _vm.activePodcastGroup}})})],2):_c('PodcastList',{attrs:{\"podcasts\":_vm.getPaginatedPodcasts(_vm.cmsBlock.podcasts),\"active\":true}}),(_vm.total > 1)?_c('Pagination',{attrs:{\"path\":\"/podcast\",\"total\":_vm.total,\"page\":_vm.page,\"scrollAnchor\":\"podcast-list\"}}):_vm._e()],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',{staticClass:\"list\",class:{active: _vm.active}},_vm._l((_vm.podcasts),function(podcast,index){return _c('div',{staticClass:\"podcast\"},[_c('router-link',{key:podcast.id,attrs:{\"to\":'/podcast/' + podcast.attributes.slug}},[_c('picture',[_vm._l((Object.entries(_vm.srcsets[index])),function([format, set]){return [(format !== _vm.originalFormats[index])?_c('source',{attrs:{\"srcset\":set,\"sizes\":\"(max-width: 1100px) 90vw, 30vw\",\"type\":'image/' + format.slice(1)}}):_vm._e()]}),_c('img',{attrs:{\"loading\":\"lazy\",\"decoding\":\"async\",\"srcset\":_vm.srcsets[index][_vm.originalFormats[index]],\"type\":'image/' + _vm.originalFormats[index].slice(1),\"sizes\":\"(max-width: 1100px) 90vw, 30vw\",\"alt\":_vm.localize(podcast.attributes.image).alternativeText}})],2)])],1)}),0)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div>\n        <div class=\"list\" :class=\"{active: active}\">\n            <div class=\"podcast\" v-for=\"(podcast, index) in podcasts\">\n                <router-link :to=\"'/podcast/' + podcast.attributes.slug\" :key=\"podcast.id\">\n                <picture>\n                    <template v-for=\"[format, set] of Object.entries(srcsets[index])\">\n                        <source v-if=\"format !== originalFormats[index]\" :srcset=\"set\" sizes=\"(max-width: 1100px) 90vw, 30vw\" :type=\"'image/' + format.slice(1)\">\n                    </template>\n                    <img loading=\"lazy\" decoding=\"async\" :srcset=\"srcsets[index][originalFormats[index]]\" :type=\"'image/' + originalFormats[index].slice(1)\" sizes=\"(max-width: 1100px) 90vw, 30vw\" :alt=\"localize(podcast.attributes.image).alternativeText\">\n                </picture>\n                </router-link>\n                \n                \n                <!--<PodcastPlayer :podcastCode=\"podcast.attributes.iFrameCode\"/>\n                <div class=\"details\">\n                    <div class=\"date\">\n                        {{ podcastDate(podcast) }}\n                    </div>\n                    <div class=\"title\">\n                        {{ localize(podcast.attributes.title) }}\n                    </div>\n                    <div class=\"description\">\n                        {{ localize(podcast.attributes.description) }}\n                    </div>\n                </div>-->\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\n    import PodcastPlayer from '@/components/PageBuilder/Elements/PodcastPlayer'\n    import { dateFormat } from '@/helper'\n\n    export default {\n        name: 'PodcastList',\n\n        props: [\n            'podcasts',\n            'active'\n        ],\n\n        components: {\n            PodcastPlayer\n        },\n\n        computed: {\n            srcsets(){\n                let srcsets = []\n                for (const podcast of this.podcasts) {\n                    srcsets.push(this.getImageSrcsets(this.localize(podcast.attributes.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        methods: {\n            podcastDate(podcast) {\n                return dateFormat(podcast.attributes.date)\n            }\n        }\n    }\n</script>\n\n<style lang=\"scss\" scoped>\n    .button {\n        \n    }\n\n    .list {\n        display: none;\n        grid-template-columns: 1fr 1fr 1fr;\n        gap: 24px 24px;\n\n        @include breakpoint('tablet') {\n            grid-template-columns: 1fr 1fr;\n        }\n        @include breakpoint('mobile') {\n            grid-template-columns: 1fr;\n        }\n\n        &.active {\n            display: grid;\n        }\n    }\n\n    .podcast {\n        min-width: 0;\n\n        img {\n            width: 100%;\n        }\n    }\n\n    .details {\n        flex-grow: 1;\n        padding: 20px;\n        background: $lightGrey;\n        color: $timberGreen;\n        word-break: break-word;\n        hyphens: auto;\n        height: 300px;\n        overflow-y: scroll;\n\n        @include breakpoint('mobile') {\n            height: 250px;\n        }\n\n        .title {\n            font-size: getFontSize('smallText', 'desktop');\n            font-weight: bold;\n            text-transform: uppercase;\n            margin: 10px 0;\n\n            @include breakpoint('tablet') {\n                font-size: getFontSize('smallText', 'tablet');\n            }\n            @include breakpoint('mobile') {\n                font-size: getFontSize('smallText', 'mobile');\n            }\n        }\n\n        .date {\n            font-size: getFontSize('copyright', 'desktop');\n\n            @include breakpoint('tablet') {\n                font-size: getFontSize('copyright', 'tablet');\n            }\n            @include breakpoint('mobile') {\n                font-size: getFontSize('copyright', 'mobile');\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!./PodcastList.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!./PodcastList.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./PodcastList.vue?vue&type=template&id=a0f800c8&scoped=true\"\nimport script from \"./PodcastList.vue?vue&type=script&lang=js\"\nexport * from \"./PodcastList.vue?vue&type=script&lang=js\"\nimport style0 from \"./PodcastList.vue?vue&type=style&index=0&id=a0f800c8&prod&lang=scss&scoped=true\"\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  \"a0f800c8\",\n  null\n  \n)\n\nexport default component.exports","<template>\n    <section id=\"podcast-list\" class=\"component-container white\">\n        <div :id=\"cmsBlock.anchorTag\" class=\"podcasts\">\n            <div v-if=\"cmsBlock.useGroups\">\n\n                <div class=\"group-buttons\">\n                    <button v-for=\"podcastGroup in podcastGroups\" class=\"button-dark\"\n                        :class=\"{ active: podcastGroup == activePodcastGroup }\" v-on:click=\"activate(podcastGroup)\">\n                        {{ podcastGroup.groupTitle }}\n                    </button>\n                </div>\n\n                <PodcastList v-for=\"podcastGroup in podcastGroups\" :key=\"podcastGroup.id\"\n                    :podcasts=\"getPaginatedPodcasts(podcastGroup.podcasts)\" :active=\"podcastGroup == activePodcastGroup\" />\n            </div>\n\n            <PodcastList v-else :podcasts=\"getPaginatedPodcasts(cmsBlock.podcasts)\" :active=\"true\" />\n\n            <Pagination v-if=\"total > 1\" path=\"/podcast\" :total=\"total\" :page=\"page\" scrollAnchor=\"podcast-list\" />\n        </div>\n\n    </section>\n</template>\n\n<script>\nimport PodcastList from '@/components/PageBuilder/Elements/PodcastList'\nimport Pagination from '@/components/Pagination'\n\nexport default {\n    name: 'MultiplePodcastsBlock',\n\n    props: [\n        'cmsBlock'\n    ],\n\n    components: {\n        PodcastList,\n        Pagination\n    },\n\n    data() {\n        return {\n            podcastGroups: [],\n            activePodcastGroup: null,\n            limit: 12\n        }\n    },\n\n    mounted() {\n        this.buildPodcastGroups()\n        this.initActivePodcastGroup()\n    },\n\n    computed: {\n        page() {\n            return this.$route.query.page ? this.$route.query.page : 1\n        },\n\n        group() {\n            return this.$route.query.group ? this.$route.query.group : 'all'\n        },\n\n        total() {\n            if (this.cmsBlock.useGroups) {\n                if (this.activePodcastGroup) {\n                    return Math.ceil(this.activePodcastGroup.podcasts.length / this.limit)\n                }\n            }\n            else {\n                return Math.ceil(this.cmsBlock.podcasts.length / this.limit)\n            }\n        }\n    },\n\n    methods: {\n        activate(podcastGroup) {\n            this.activePodcastGroup = podcastGroup\n            this.$router.push({\n                path: this.$route.path,\n                query: {\n                    ...this.$route.query,\n                    group: podcastGroup.groupCode,\n                    page: 1\n                }\n            })\n        },\n\n        sortPodcasts(podcasts) {\n            podcasts.sort(function (a, b) {\n                var aDate = new Date(a.attributes.date)\n                var bDate = new Date(b.attributes.date)\n                if (bDate > aDate) {\n                    return 1\n                } else {\n                    return -1\n                }\n            })\n            return podcasts\n        },\n\n        buildPodcastGroups() {\n            var self = this\n\n            if (this.cmsBlock.showAll) {\n                this.buildAllPodcastsGroup()\n            }\n\n            this.cmsBlock.PodcastGroup.forEach(function (group) {\n                var podcasts = [...group.podcasts.data]\n                self.podcastGroups.push({\n                    id: group.id,\n                    podcasts: self.sortPodcasts(podcasts),\n                    groupCode: group.groupCode,\n                    groupTitle: self.localize(group.groupTitle)\n                })\n            })\n        },\n\n        buildAllPodcastsGroup() {\n            // Build a podcast array with podcasts from all groups.\n            // Use an object with podcast ids as keys\n            // to prevent duplicates in the 'all' group\n            var podcasts = {}\n            this.cmsBlock.PodcastGroup.forEach(function (group) {\n                group.podcasts.data.forEach(function (podcast) {\n                    podcasts[podcast.id] = podcast\n                })\n            })\n            this.podcastGroups.push({\n                id: 0,\n                podcasts: this.sortPodcasts(Object.values(podcasts)),\n                groupCode: 'all',\n                groupTitle: this.$t('allPodcasts')\n            })\n        },\n\n        initActivePodcastGroup() {\n            var self = this\n            this.podcastGroups.forEach(function (group) {\n                if (group.groupCode == self.group) {\n                    self.activePodcastGroup = group\n                }\n            })\n        },\n\n        getPaginatedPodcasts(podcasts) {\n            if (podcasts.length > 0) {\n                if (this.page <= this.total) {\n                    var start = (this.page - 1) * this.limit\n                    var end = start + this.limit\n                    return podcasts.slice(start, end)\n                } else {\n                    // reset page to 1\n                    this.$router.push({\n                        path: this.$route.path,\n                        query: {\n                            ...this.$route.query,\n                            group: this.group,\n                            page: 1\n                        }\n                    })\n                }\n            }\n        }\n    }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.component-container {\n\n    .podcasts {\n        max-width: $container-width;\n        margin: 0 auto;\n        padding: 0 getSpacing('padding-default-horizontal', 'desktop');\n\n        @include breakpoint('tablet') {\n            padding: 0 getSpacing('padding-default-horizontal', 'tablet');\n        }\n\n        @include breakpoint('mobile') {\n            padding: 0 getSpacing('padding-default-horizontal', 'mobile');\n        }\n\n        .group-buttons {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-wrap: wrap;\n            margin-bottom: getSpacing('padding-default-vertical', 'desktop');\n\n            @include breakpoint('tablet') {\n                margin-bottom: getSpacing('padding-default-vertical', 'tablet');\n            }\n            @include breakpoint('mobile') {\n                margin-bottom: getSpacing('padding-default-vertical', 'mobile');\n            }\n        }\n\n        .button-dark {\n            margin: 15px;\n\n            &.active {\n                color: white;\n                background: $timberGreen;\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!./MultiplePodcastsBlock.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!./MultiplePodcastsBlock.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./MultiplePodcastsBlock.vue?vue&type=template&id=aac5e556&scoped=true\"\nimport script from \"./MultiplePodcastsBlock.vue?vue&type=script&lang=js\"\nexport * from \"./MultiplePodcastsBlock.vue?vue&type=script&lang=js\"\nimport style0 from \"./MultiplePodcastsBlock.vue?vue&type=style&index=0&id=aac5e556&prod&lang=scss&scoped=true\"\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  \"aac5e556\",\n  null\n  \n)\n\nexport default component.exports","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!./PodcastPlayer.vue?vue&type=style&index=0&id=7f81cf68&prod&lang=scss\"","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!./PodcastList.vue?vue&type=style&index=0&id=a0f800c8&prod&lang=scss&scoped=true\""],"sourceRoot":""}