{"version":3,"sources":["webpack:///./src/components/PageBuilder/Elements/TeamMember.vue?4eaf","webpack:///./src/events.js","webpack:///./src/components/PageBuilder/Elements/TeamMember.vue?2a8e","webpack:///./src/components/PageBuilder/Elements/TeamMember.vue","webpack:///src/components/PageBuilder/Elements/TeamMember.vue","webpack:///./src/components/PageBuilder/Elements/TeamMember.vue?1c48","webpack:///./src/components/PageBuilder/Elements/TeamMember.vue?53fb"],"names":["ToggleTextTile","constructor","component","this","ToggleTeamMember","ToggleSelectField","ResetEventFilters","ApplyEventFilters","formats","targetGroups","format","targetGroup","render","_vm","_c","_self","teamMember","staticClass","class","teamMemberStyle","srcsets","_l","Object","entries","set","originalFormat","attrs","slice","_e","teamMemberImageAltTag","data","attributes","copyright","_v","_s","hasProfilePage","slug","name","localize","position","hashtags","closed","open","staticRenderFns","props","eventListeners","event","handler","methods","goToProfile","$router","push","computed","_this$teamMember","_this$placeholderImag","image","getImageSrcsets","placeholderImage","hasWebp","_","alternativeText"],"mappings":"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","file":"js/chunk-04fb29d4.61305979.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!./TeamMember.vue?vue&type=style&index=0&id=63390b7c&prod&lang=scss&scoped=true\"","//#############################################################################\n//Available Events for the Event Bus System\n//#############################################################################\n\nexport class ToggleTextTile {\n    constructor(component){\n        this.component = component\n    }\n}\n\nexport class ToggleTeamMember {\n    constructor(component){\n        this.component = component\n    }\n}\n\nexport class ToggleSelectField {\n    constructor(component) {\n        this.component = component\n    }\n}\n\nexport class ResetEventFilters {}\n\nexport class ApplyEventFilters {\n    constructor(formats, targetGroups){\n        this.format = formats\n        this.targetGroup = targetGroups\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!./TeamMember.vue?vue&type=style&index=1&id=63390b7c&prod&lang=scss\"","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.teamMember)?_c('div',{staticClass:\"team-member\",class:_vm.teamMemberStyle},[(_vm.srcsets)?_c('picture',[_vm._l((Object.entries(_vm.srcsets)),function([format, set]){return [(format !== _vm.originalFormat)?_c('source',{attrs:{\"srcset\":set,\"sizes\":\"(max-width: 1100px) 300vw, 75vw\",\"type\":'image/' + format.slice(1)}}):_vm._e()]}),_c('img',{attrs:{\"loading\":\"lazy\",\"decoding\":\"async\",\"srcset\":_vm.srcsets[_vm.originalFormat],\"type\":'image/' + _vm.originalFormat.slice(1),\"sizes\":\"(max-width: 1100px) 100vw, 75vw\",\"alt\":_vm.teamMemberImageAltTag}})],2):_vm._e(),(_vm.teamMember.data.attributes.copyright)?_c('div',{staticClass:\"copyright\"},[_vm._v(\"© \"+_vm._s(_vm.teamMember.data.attributes.copyright)+\" \")]):_vm._e(),_c('div',{staticClass:\"info-container\"},[_c('div',{staticClass:\"info\"},[_c('div',{staticClass:\"info-name\"},[(_vm.teamMember.data.attributes.hasProfilePage)?_c('router-link',{attrs:{\"to\":`/team/${_vm.teamMember.data.attributes.slug}`}},[_vm._v(_vm._s(_vm.teamMember.data.attributes.name))]):_c('div',[_vm._v(\" \"+_vm._s(_vm.teamMember.data.attributes.name)+\" \")])],1),_c('div',{staticClass:\"info-position\"},[_vm._v(\" \"+_vm._s(_vm.localize(_vm.teamMember.data.attributes.position))+\" \")]),(_vm.teamMember.data.attributes.hashtags)?_c('div',{staticClass:\"info-hashtags\",class:{closed: _vm.open}},[_vm._v(\" \"+_vm._s(_vm.localize(_vm.teamMember.data.attributes.hashtags))+\" \")]):_vm._e(),(_vm.teamMember.data.attributes.hasProfilePage)?_c('router-link',{attrs:{\"to\":`/team/${_vm.teamMember.data.attributes.slug}`}},[_c('button',{staticClass:\"button-light\"},[_vm._v(\" Profil \")])]):_vm._e()],1)])]):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div v-if=\"teamMember\" class=\"team-member\" :class=\"teamMemberStyle\">\n        <picture v-if=\"srcsets\">\n            <template v-for=\"[format, set] of Object.entries(srcsets)\">\n                <source v-if=\"format !== originalFormat\" :srcset=\"set\" sizes=\"(max-width: 1100px) 300vw, 75vw\"\n                    :type=\"'image/' + format.slice(1)\">\n            </template>\n            <img loading=\"lazy\" decoding=\"async\" :srcset=\"srcsets[originalFormat]\"\n                :type=\"'image/' + originalFormat.slice(1)\" sizes=\"(max-width: 1100px) 100vw, 75vw\"\n                :alt=\"teamMemberImageAltTag\">\n        </picture>\n\n        <div class=\"copyright\" v-if=\"teamMember.data.attributes.copyright\">© {{ teamMember.data.attributes.copyright }}\n        </div>\n        <div class=\"info-container\">\n            <div class=\"info\">\n                <div class=\"info-name\">\n                    <router-link :to=\"`/team/${teamMember.data.attributes.slug}`\"\n                        v-if=\"teamMember.data.attributes.hasProfilePage\">{{ teamMember.data.attributes.name\n                        }}</router-link>\n                    <div v-else>\n                        {{ teamMember.data.attributes.name }}\n                    </div>\n                </div>\n                <div class=\"info-position\">\n                    {{ localize(teamMember.data.attributes.position) }}\n                </div>\n                <div v-if=\"teamMember.data.attributes.hashtags\" class=\"info-hashtags\" :class=\"{closed: open}\">\n                    {{ localize(teamMember.data.attributes.hashtags) }}\n                </div>\n                <router-link v-if=\"teamMember.data.attributes.hasProfilePage\"\n                    :to=\"`/team/${teamMember.data.attributes.slug}`\">\n                    <button class=\"button-light\">\n                        Profil\n                    </button>\n                </router-link>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\n    import { ToggleTeamMember } from '@/events'\n\n    export default {\n    name: \"TeamMember\",\n    props: [\n        \"teamMember\",\n        \"teamMemberStyle\",\n        \"placeholderImage\"\n    ],\n    data() {\n        return {\n            open: false\n        };\n    },\n    eventListeners: [\n        {\n            event: ToggleTeamMember,\n            handler(event) {\n                if (event.component != this) {\n                    this.open = false;\n                }\n            }\n        }\n    ],\n    methods: {\n        goToProfile() {\n            // navigate vue router to profile page\n            if (this.teamMember.data.attributes.hasProfilePage) {\n                this.$router.push(`/team/${this.teamMember.data.attributes.slug}`);\n            }\n        }\n    },\n    computed: {\n        srcsets() {\n            if (this.teamMember && this.teamMember?.data?.attributes?.image?.data) {\n                return this.getImageSrcsets(this.teamMember.data.attributes.image.data.attributes);\n            } else if (this.placeholderImage?.data?.attributes) {\n                return this.getImageSrcsets(this.placeholderImage.data.attributes);\n            }\n\n            return null;\n        },\n        hasWebp() {\n            return this.srcsets[\".webp\"] ? true : false;\n        },\n        originalFormat() {\n            for (const [format, _] of Object.entries(this.srcsets)) {\n                if (format !== \".webp\") {\n                    return format;\n                }\n            }\n            return null;\n        },\n        teamMemberImageAltTag() {\n            if (this.teamMember && this.teamMember.data.attributes.image.data) {\n                return this.teamMember.data.attributes.image.data.attributes.alternativeText;\n            }\n            else if (this.placeholderImage) {\n                return this.placeholderImage.data.attributes.alternativeText;\n            }\n        }\n    },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n    $scrollbarPadding: 20px;\n\n    @mixin openInfoContainer {\n        @keyframes fade-in {\n            0%   { opacity: 0; }\n            100% { opacity: 1; }\n        }\n\n        @keyframes fade-out {\n            0%   {opacity: 1; }\n            100% { opacity: 0; }\n        }\n\n        background: linear-gradient(0deg, rgba(darken($timberGreen, 5), 0.97) 0%, rgba(darken($timberGreen, 5), 0.3) 100%);\n        height: 100%;\n        bottom: unset;\n        top: 0;\n        animation: fade-in linear 0.2s;\n        -webkit-backdrop-filter: blur(10px) opacity(1);\n        backdrop-filter: blur(10px) opacity(1);\n    }\n    @mixin openInfoHashtags {\n        display: none;\n    }\n    @mixin openMoreInfo {\n        height: auto;\n    }\n    @mixin openPlus {\n        transform: rotate(0deg);\n    }\n\n    .team-member {\n        position: relative;\n        overflow: hidden;\n        height: 640px;\n\n        &.half_width {\n            width: 50%;\n\n            @include breakpoint('tablet') {\n                width: 100%;\n            }\n        }\n\n        &.third_width {\n            width: 33.3333%;\n\n            @include breakpoint('mobile') {\n                width: 100%;\n            }\n        }\n\n        &.quarter_width {\n            width: 25%;\n\n            @include breakpoint('tablet') {\n                width: 50%;\n            }\n            @include breakpoint('mobile') {\n                width: 100%;\n            }\n        }\n\n        img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n        }\n\n        .copyright {\n            position: absolute;\n            top: 0;\n            right: 14px;\n            transform: rotate(-90deg);\n            transform-origin: 100% 100%;\n            opacity: 0.5;\n            font-family: getFontFamily('copyright');\n            font-size: getFontSize('copyright', 'desktop');\n            font-weight: getFontWeight('copyright');\n            font-style: getFontStyle('copyright');\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        .info-container {\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            right: 0;\n            background: linear-gradient(0deg, rgba(darken($timberGreen, 5), 0.97) 0%, rgba(darken($timberGreen, 5), 0) 100%);\n            min-height: 50%;\n            color: white;\n\n            &.open {\n                @include openInfoContainer;\n            }\n\n            .info {\n                position: absolute;\n                top: 0;\n                left: 0;\n                right: 0;\n                height: calc(100% - 100px);\n                padding: 50px;\n                padding-right: calc(50px - #{$scrollbarPadding});\n                display: flex;\n                flex-direction: column;\n                justify-content: flex-end;\n                align-items: center;\n\n                .info-name, .info-name a {\n                    font-family: getFontFamily('defaultText');\n                    font-size: getFontSize('defaultText', 'desktop');\n                    font-weight: getFontWeight('defaultText');\n                    font-style: getFontStyle('defaultText');\n                    text-transform: uppercase;\n                    text-align: center;\n                    margin-bottom: 10px;\n                    //padding-right: $scrollbarPadding;\n                }\n\n                .info-position,\n                .info-hashtags {\n                    font-family: getFontFamily('smallText');\n                    font-size: getFontSize('smallText', 'desktop');\n                    font-weight: getFontWeight('smallText');\n                    font-style: getFontStyle('smallText');\n                    text-align: center;\n                    margin-bottom: 15px;\n                    //padding-right: $scrollbarPadding;\n                }\n\n                .info-hashtags.closed {\n                    display: none;\n                }\n\n                .more-info {\n                    height: 0px;\n                    display: flex;\n                    flex-direction: column;\n                    align-items: center;\n                    overflow-y: scroll;\n                    padding-right: $scrollbarPadding;\n                    scrollbar-width: none;\n                    -ms-overflow-style: none;\n\n                    &.open {\n                        @include openMoreInfo\n                    }\n\n                    .telephone, .email {\n                        font-family: getFontFamily('smallText');\n                        font-size: getFontSize('smallText', 'desktop');\n                        font-weight: getFontWeight('smallText');\n                        font-style: getFontStyle('smallText');\n                        text-align: center;\n                        text-decoration: underline;\n                        margin-bottom: 15px;\n                    }\n\n                    .social-icons {\n                        display: flex;\n                        flex-direction: row;\n                        justify-content: center;\n                        align-items: center;\n\n                        .icon {\n                            padding: 8px;\n                            height: 25px;\n                            width: 25px;\n\n                            img {\n                                height: 100%;\n                                width: 100%;\n                            }\n                        }\n                    }\n                }\n\n                .more-info::-webkit-scrollbar { width: 0 !important }\n\n                .plus-button-wrapper {\n                    margin-top: 10px;\n                    padding-right: $scrollbarPadding;\n\n                    .plus {\n                        transform: rotate(45deg);\n                        width: 20px;\n                        height: 20px;\n                        cursor: pointer;\n\n                        &.open {\n                            @include openPlus;\n                        }\n\n                        &:hover {\n                            opacity: 0.75;\n                        }\n                    }\n                }\n            }\n        }\n\n        /**@include breakpointAbove('tablet') {\n            &:hover {\n                .info-container {\n                    @include openInfoContainer;\n\n                    .info-hashtags {\n                        @include openInfoHashtags;\n                    }\n\n                    .more-info {\n                        @include openMoreInfo;\n                    }\n\n                    .info {\n                        .plus-button-wrapper {\n                            .plus {\n                                @include openPlus;\n                            }\n                        }\n                    }\n                }\n            }\n        }*/\n\n    }\n</style>\n\n<style lang=\"scss\">\n    .more-info {\n        p, a {\n            font-family: getFontFamily('smallText');\n            font-size: getFontSize('smallText', 'desktop');\n            font-weight: getFontWeight('smallText');\n            font-style: getFontStyle('smallText');\n            text-align: start;\n            margin-bottom: 10px;\n            margin-top: 0;\n            color: white !important;\n\n            strong {\n                color: white !important;\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!./TeamMember.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!./TeamMember.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./TeamMember.vue?vue&type=template&id=63390b7c&scoped=true\"\nimport script from \"./TeamMember.vue?vue&type=script&lang=js\"\nexport * from \"./TeamMember.vue?vue&type=script&lang=js\"\nimport style0 from \"./TeamMember.vue?vue&type=style&index=0&id=63390b7c&prod&lang=scss&scoped=true\"\nimport style1 from \"./TeamMember.vue?vue&type=style&index=1&id=63390b7c&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  \"63390b7c\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}