{"version":3,"sources":["webpack:///./src/components/AlternatingList/NewsArticleContent.vue?e064","webpack:///./src/components/AlternatingList.vue","webpack:///./src/components/AlternatingList/EventContent.vue","webpack:///src/components/AlternatingList/EventContent.vue","webpack:///./src/components/AlternatingList/EventContent.vue?109a","webpack:///./src/components/AlternatingList/EventContent.vue?a8e5","webpack:///./src/components/AlternatingList/NewsArticleContent.vue","webpack:///src/components/AlternatingList/NewsArticleContent.vue","webpack:///./src/components/AlternatingList/NewsArticleContent.vue?a4c4","webpack:///./src/components/AlternatingList/NewsArticleContent.vue?5db8","webpack:///src/components/AlternatingList.vue","webpack:///./src/components/AlternatingList.vue?4d77","webpack:///./src/components/AlternatingList.vue?c8f0","webpack:///./src/components/AlternatingList/EventContent.vue?0529","webpack:///./src/components/AlternatingList.vue?36c4"],"names":["render","_vm","this","_c","_self","staticClass","_l","list","item","index","key","id","class","itemClass","image","attrs","title","url","Object","entries","srcsets","format","set","originalFormats","slice","_e","alternativeText","contentType","subComponent","staticRenderFns","_v","_s","content","details","value","removeMd","description","$t","name","props","computed","dateFormat","date","timeFormat","startTime","endTime","place","organizer","formatNameTranslated","targetGroupTranslated","component","excerpt","components","EventContent","NewsArticleContent","push","getImageSrcsets","hasWebp","hasWebps","srcset","_","methods","even","odd","full"],"mappings":"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","file":"js/chunk-7c9e80e2.8c6f2b34.js","sourcesContent":["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!./NewsArticleContent.vue?vue&type=style&index=0&id=adcf65c8&prod&lang=scss&scoped=true\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"alternating-list\"},_vm._l((_vm.list),function(item,index){return _c('div',{key:item.id,staticClass:\"item\",class:_vm.itemClass(item)},[(item.image)?_c('router-link',{staticClass:\"img\",attrs:{\"name\":item.title,\"to\":item.url}},[_c('div',{staticClass:\"shadow\"}),_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) 60vw, 50vw\",\"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) 100vw, 60vw\",\"alt\":item.image.alternativeText}})],2)]):_vm._e(),(_vm.contentType == 'events')?_c('EventContent',{attrs:{\"content\":item.subComponent}}):_vm._e(),(_vm.contentType == 'newsArticles')?_c('NewsArticleContent',{attrs:{\"content\":item.subComponent}}):_vm._e()],1)}),0)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"content\"},[_c('h3',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.content.title))]),_c('div',{staticClass:\"details\"},_vm._l((_vm.details),function(item){return _c('div',{staticClass:\"details-item\"},[_c('span',{staticClass:\"key\"},[_vm._v(_vm._s(item.key)+\": \")]),_c('span',{staticClass:\"value\"},[_vm._v(_vm._s(item.value))])])}),0),_c('div',{staticClass:\"excerpt\"},[_vm._v(_vm._s(_vm.removeMd(_vm.content.description)))]),_c('router-link',{staticClass:\"link\",attrs:{\"to\":_vm.content.url}},[_vm._v(_vm._s(_vm.$t('visitEvent')))])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"content\">\n        <h3 class=\"title\">{{ content.title }}</h3>\n        <div class=\"details\">\n            <div class=\"details-item\" v-for=\"item in details\">\n                <span class=\"key\">{{ item.key }}: </span>\n                <span class=\"value\">{{ item.value }}</span>\n            </div>\n        </div>\n        <div class=\"excerpt\">{{ removeMd(content.description) }}</div>\n        <router-link class=\"link\" :to=\"content.url\">{{ $t('visitEvent') }}</router-link>\n    </div>\n</template>\n\n<script>\n    import { dateFormat, timeFormat } from '@/helper'\n\n    export default {\n        name: 'EventContent',\n\n        props: [\n            'content'\n        ],\n\n        computed: {\n            details() {\n                return [\n                    {\n                        key: this.$t('date'),\n                        value: dateFormat(this.content.date)\n                    },{\n                        key: this.$t('time'),\n                        value: timeFormat(this.content.startTime) + '–' + timeFormat(this.content.endTime) + ' ' + this.$t('oclock')\n                    },{\n                        key: this.$t('place'),\n                        value: this.content.place\n                    },{\n                        key: this.$t('organizer'),\n                        value: this.content.organizer\n                    },{\n                        key: this.$t('format'),\n                        value: this.content.formatNameTranslated\n                    },{\n                        key: this.$t('content'),\n                        value: this.content.content\n                    },{\n                        key: this.$t('targetGroup'),\n                        value: this.content.targetGroupTranslated\n                    }\n                ]\n            }\n        }\n    }\n</script>\n\n<style lang=\"scss\" scoped>\n    .content {\n        display: flex;\n        flex-direction: column;\n        width: calc(50% - 200px);\n        padding: 78px 100px;\n\n        @media only screen and (max-width: 1024px) {\n            padding: 42px 40px;\n            width: calc(100% - 80px);\n        }\n\n        .title {\n            font-family: 'ArdelaEdgeX02-SemiBold';\n            font-size: 40px;\n            text-align: start;\n            line-height: 1.3em;\n            margin: 0 0 10px 0;\n\n            overflow: hidden;\n            text-overflow: ellipsis;\n            display: -webkit-box;\n            -webkit-line-clamp: 3;\n            -webkit-box-orient: vertical;\n        }\n\n        .details {\n            display: flex;\n            flex-wrap: wrap;\n            margin-bottom: 20px;\n            margin-top: 20px;\n\n            .details-item {\n                margin-right: 4px;\n\n                .value {\n                    font-weight: 800;\n                }\n\n                &:after {\n                    content: \" | \";\n                }\n\n                &:last-child {\n                    &:after {\n                        display: none;\n                    }\n                }\n            }\n        }\n\n        .excerpt {\n            text-align: start;\n            margin-bottom: 40px;\n\n            overflow: hidden;\n            text-overflow: ellipsis;\n            display: -webkit-box;\n            -webkit-line-clamp: 3;\n            -webkit-box-orient: vertical;\n        }\n\n        .link {\n            border: 2px solid $timberGreen;\n            color: $timberGreen;\n            padding: 10px 30px;\n            align-self: flex-start;\n            cursor: pointer;\n    \n            a {\n                color: inherit;\n            }\n        }\n    }\n\n    h3.title {\n        color: $timberGreen;\n\n        @media only screen and (max-width: 800px) {\n            font-size: 32px !important;\n            -webkit-line-clamp: unset !important;\n            -webkit-box-orient: unset !important;\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!./EventContent.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!./EventContent.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./EventContent.vue?vue&type=template&id=54cec566&scoped=true\"\nimport script from \"./EventContent.vue?vue&type=script&lang=js\"\nexport * from \"./EventContent.vue?vue&type=script&lang=js\"\nimport style0 from \"./EventContent.vue?vue&type=style&index=0&id=54cec566&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  \"54cec566\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"content\"},[_c('h3',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.content.title))]),_c('div',{staticClass:\"date\"},[_vm._v(_vm._s(_vm.content.date))]),_c('div',{staticClass:\"excerpt\"},[_vm._v(_vm._s(_vm.content.excerpt))]),_c('router-link',{staticClass:\"link\",attrs:{\"to\":_vm.content.url}},[_vm._v(_vm._s(_vm.$t('readMore')))])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"content\">\n        <h3 class=\"title\">{{ content.title }}</h3>\n        <div class=\"date\">{{ content.date }}</div>\n        <div class=\"excerpt\">{{ content.excerpt }}</div>\n        <router-link class=\"link\" :to=\"content.url\">{{ $t('readMore') }}</router-link>\n    </div>\n</template>\n\n<script>\n    export default {\n        name: 'NewsArticleContent',\n\n        props: [\n            'content'\n        ]\n    }\n</script>\n\n<style lang=\"scss\" scoped>\n    .content {\n        display: flex;\n        flex-direction: column;\n        width: calc(50% - 260px);\n        padding: 78px 130px;\n    \n        @media only screen and (max-width: 1024px) {\n            padding: 42px 40px;\n            width: calc(100% - 80px);\n        }\n    \n        .title {\n            font-family: 'ArdelaEdgeX02-SemiBold';\n            font-size: 40px;\n            text-align: start;\n            line-height: 1.3em;\n            margin: 0 0 10px 0;\n    \n            overflow: hidden;\n            text-overflow: ellipsis;\n            display: -webkit-box;\n            -webkit-line-clamp: 2;\n            -webkit-box-orient: vertical;\n        }\n    \n        .date {\n            text-align: start;\n            margin-bottom: 24px;\n            font-weight: bold;\n            font-size: 16px;\n        }\n    \n        .excerpt {\n            text-align: start;\n            margin-bottom: 24px;\n    \n            overflow: hidden;\n            text-overflow: ellipsis;\n            display: -webkit-box;\n            -webkit-line-clamp: 3;\n            -webkit-box-orient: vertical;\n        }\n    \n        .link {\n            border: 2px solid $timberGreen;\n            color: $timberGreen;\n            padding: 10px 30px;\n            align-self: flex-start;\n            cursor: pointer;\n    \n            a {\n                color: inherit;\n            }\n        }\n    }\n\n    h3.title {\n        color: $timberGreen;\n        text-align: start;\n\n        @media only screen and (max-width: 800px) {\n            font-size: 32px !important;\n            -webkit-line-clamp: unset !important;\n            -webkit-box-orient: unset !important;\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!./NewsArticleContent.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!./NewsArticleContent.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./NewsArticleContent.vue?vue&type=template&id=adcf65c8&scoped=true\"\nimport script from \"./NewsArticleContent.vue?vue&type=script&lang=js\"\nexport * from \"./NewsArticleContent.vue?vue&type=script&lang=js\"\nimport style0 from \"./NewsArticleContent.vue?vue&type=style&index=0&id=adcf65c8&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  \"adcf65c8\",\n  null\n  \n)\n\nexport default component.exports","<template>\n    <div class=\"alternating-list\">\n        <div v-for=\"(item, index) in list\" :key=\"item.id\" class=\"item\" :class=\"itemClass(item)\">\n            <router-link v-if=\"item.image\" :name=\"item.title\" class=\"img\" :to=\"item.url\">\n                <div class=\"shadow\"></div>\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) 60vw, 50vw\" :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) 100vw, 60vw\" :alt=\"item.image.alternativeText\">\n                </picture>\n            </router-link>\n            <EventContent :content=\"item.subComponent\" v-if=\"contentType == 'events'\"/>\n            <NewsArticleContent :content=\"item.subComponent\" v-if=\"contentType == 'newsArticles'\"/>\n        </div>\n    </div>\n</template>\n\n<script>\n    import EventContent from '@/components/AlternatingList/EventContent'\n    import NewsArticleContent from '@/components/AlternatingList/NewsArticleContent'\n\n    export default {\n        name: 'AlternatingList',\n\n        props: [\n            'list',\n            'contentType'\n        ],\n\n        components: {\n            EventContent,\n            NewsArticleContent\n        },\n\n        computed: {\n            srcsets(){\n                let srcsets = []\n                for (const item of this.list) {\n                    srcsets.push(this.getImageSrcsets(item.image))\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            itemClass(item) {\n                if(!item.image){\n                    return {\n                        full: true\n                    }\n                } else {\n                    if(item.index % 2 == 0){\n                        return {\n                            even: true,\n                        }\n                    } else {\n                        return {\n                            odd: true\n                        }\n                    }\n                }\n            }\n        }\n    }\n</script>\n\n<style lang=\"scss\" scoped>\n    .alternating-list {\n        color: $timberGreen;\n\n        .item {\n            width: 100%;\n            height: 600px;\n            display: flex;\n            background-color: $lightGrey;\n            max-width: unset;\n            padding: unset;\n\n            @media only screen and (max-width: 1024px) {\n                flex-direction: column;\n                height: unset;\n            }\n\n\n            .img {\n                width: 50%;\n                position: relative;\n\n                &:hover {\n                    opacity: 1;\n\n                    .shadow {\n                        opacity: 0.25;\n                    }\n                }\n\n                img {\n                    object-fit: cover;\n                    object-position: 50% 50%;\n                    width: 100%;\n                    height: 100%;\n                }\n\n                .shadow {\n                    position: absolute;\n                    width: 100%;\n                    height: 100%;\n                    background-color: black;\n                    opacity: 0;\n                    transition: 0.25s;\n                }\n\n                @media only screen and (max-width: 1024px) {\n                    width: 100%;\n                }\n            }\n\n            &.even {\n                .img {\n                    order: 0;\n                }\n                .content {\n                    order: 1;\n                }\n            }\n\n            &.odd {\n                .img {\n                    order: 1;\n\n                    @media only screen and (max-width: 1024px) {\n                        order: 0;\n                    }\n                }\n                .content {\n                    order: 0;\n\n                    @media only screen and (max-width: 1024px) {\n                        order: 1;\n                    }\n                }\n            }\n\n            &.full {\n                background-color: white;\n\n                .content {\n                    width: 100%;\n\n                    @media only screen and (max-width: 1024px) {\n                        width: calc(100% - 80px);\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!./AlternatingList.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!./AlternatingList.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./AlternatingList.vue?vue&type=template&id=f2b0de48&scoped=true\"\nimport script from \"./AlternatingList.vue?vue&type=script&lang=js\"\nexport * from \"./AlternatingList.vue?vue&type=script&lang=js\"\nimport style0 from \"./AlternatingList.vue?vue&type=style&index=0&id=f2b0de48&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  \"f2b0de48\",\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!./EventContent.vue?vue&type=style&index=0&id=54cec566&prod&lang=scss&scoped=true\"","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!./AlternatingList.vue?vue&type=style&index=0&id=f2b0de48&prod&lang=scss&scoped=true\""],"sourceRoot":""}