{"version":3,"file":"FOmt1MG9.js","sources":["../../../../src/components/components/cms/person/vdv/person.vue"],"sourcesContent":["<template>\n  <ContainerBasic\n    class=\"touch:md:px-0 lg:px-0\"\n    :container-type=\"blockData.containerType\"\n  >\n    <Slider :show-slides=\"1\">\n      <div v-for=\"(sliderPerson, index) in blockData.persons\" :key=\"index\">\n        <QuoteFrame\n          :style=\"blockData.bgStyle.style + blockData.textStyle.style\"\n          :outer-classes=\"outerClasses\"\n          :inner-display-class=\"innerDisplayClass\"\n          :quotes-bg-style=\"blockData.quotesBGStyle.style\"\n          :has-quotes=\"!!blockData.quote\"\n        >\n          <template #quote>\n            <p\n              v-if=\"props.blockData.quote || (sliderPerson.description ?? '')\"\n              class=\"italic\"\n              :class=\"props.blockData.quote ? 'ml-md mr-md md:mr-0' : ''\"\n              :style=\"blockData.textStyle.style\"\n            >\n              {{ props.blockData.quote || (sliderPerson.description ?? '') }}\n            </p>\n            <p v-if=\"blockData.rating\">\n              <FaIcon\n                v-for=\"idx in maxRating\"\n                :key=\"idx\"\n                icon-class=\"fas fa-star\"\n                :classes=\"\n                  idx < blockData.rating\n                    ? 'mr-xs text-vdv-base mt-md'\n                    : 'mr-xs text-vdv-border-light mt-md'\n                \"\n              />\n            </p>\n            <p v-if=\"blockData.showVMVLogo\" class=\"text-center mt-md\">\n              <img\n                src=\"@/assets/images/vdv_menschzumensch_claim.svg\"\n                class=\"w-[210px] mx-auto\"\n                :style=\"\n                  blockData.textStyle.themeType === 'BASE'\n                    ? 'filter: brightness(100)'\n                    : ''\n                \"\n                loading=\"lazy\"\n              />\n            </p>\n            <div v-if=\"blockData.showLink\" class=\"text-center mt-md\">\n              <LinkBasic\n                :classes=\"\n                  blockData.textStyle.style\n                    ? blockData.textStyle.themeType === 'BASE'\n                      ? 'text-activesection-font-base'\n                      : 'text-vdv-base'\n                    : 'text-vdv-base'\n                \"\n                :link=\"sliderPerson.slug\"\n                :label=\"\n                  t('personTile.linkKnowMore', {\n                    personData: `${sliderPerson.title} ${\n                      sliderPerson.firstName ?? ''\n                    } ${sliderPerson.lastName ?? ''}`,\n                  })\n                \"\n                icon=\"fas fa-chevron-right\"\n              />\n            </div>\n          </template>\n          <template #avatar>\n            <AvatarIcon\n              v-if=\"sliderPerson.image?.desktop?.url != ''\"\n              :size=\"EAvatarSize.lg\"\n              :image=\"sliderPerson.image?.desktop?.url\"\n            />\n            <AvatarIcon v-else :size=\"EAvatarSize.lg\" />\n            <div\n              class=\"flex flex-col w-full\"\n              :style=\"blockData.textStyle.style\"\n            >\n              <div class=\"font-bold\">\n                <span>{{ getSalutation(sliderPerson) }}</span>\n              </div>\n              <div>\n                <div\n                  v-if=\"sliderPerson.jobPosition || sliderPerson.profession\"\n                  class=\"mb-0 touch:md:mb-sm lg:mb-sm\"\n                >\n                  <span v-if=\"sliderPerson.jobPosition\"\n                    >{{ sliderPerson.jobPosition }}&nbsp;</span\n                  >\n                  <span\n                    v-if=\"sliderPerson.profession && sliderPerson.jobPosition\"\n                    >&nbsp;|&nbsp;</span\n                  >\n                  <span v-if=\"sliderPerson.profession\">{{\n                    sliderPerson.profession\n                  }}</span>\n                </div>\n                <div\n                  class=\"flex flex-row flex-wrap justify-center touch:md:justify-start lg:justify-start\"\n                >\n                  <div\n                    v-if=\"sliderPerson.phone && blockData.showContactData\"\n                    class=\"flex flex-row items-center justify-center w-full touch:md:justify-start lg:justify-start\"\n                  >\n                    <FaIcon icon-class=\"fal fa-phone\" classes=\"mr-xs\" />\n                    <a\n                      :href=\"`tel:${sliderPerson.phone}`\"\n                      class=\"flex text-left flex-nowrap whitespace-nowrap w-[150px]\"\n                      >{{ sliderPerson.phone }}</a\n                    >\n                  </div>\n                  <div v-if=\"sliderPerson.email && blockData.showContactData\">\n                    <PersonMail\n                      :mail=\"sliderPerson.email\"\n                      :is-bold=\"true\"\n                      :has-width=\"true\"\n                      :has-position-lg=\"true\"\n                      :has-text-centered=\"true\"\n                      :has-text-color=\"blockData.textStyle.style\"\n                    />\n                  </div>\n                </div>\n              </div>\n            </div>\n          </template>\n        </QuoteFrame>\n      </div>\n    </Slider>\n    <span class=\"hidden border-dotted border-y-2\"></span>\n  </ContainerBasic>\n</template>\n\n<script setup lang=\"ts\">\nimport { EAvatarSize } from '@/@types/avatar-icon';\nimport ContainerBasic from '@/components/components/container-basic.vue';\nimport AvatarIcon from '@/components/components/core/avatar-icon.vue';\nimport LinkBasic from '@/components/components/core/basicLink/basic-link.vue';\nimport PersonMail from '@/components/components/person-mail.vue';\nimport type { PersonBlockData } from '../blockType';\nimport type { PersonData } from '~~/src/server/transformers/EntityTransformers/personTransformer';\nimport FaIcon from '@/components/fa-icon.vue';\nimport Slider from '@/components/slider/slider.vue';\nimport QuoteFrame from '../../components/quoteFrame/vdv/quoteFrame.vue';\n\nconst props = defineProps({\n  blockData: {\n    type: Object as PropType<PersonBlockData>,\n    required: true,\n    default: {} as PersonBlockData,\n  },\n});\n\nconst { t } = useTrans();\n\nconst maxRating = 5;\n\n// const wrapperDisplayClass = ref('flex-col-reverse lg:flex-row');\nconst innerDisplayClass = ref(\n  'flex-col place-items-center text-center touch:md:flex-row touch:md:text-left lg:flex-row lg:text-left',\n);\n\nconst outerClasses = computed(() => {\n  let classes = 'px-md h-full';\n  const hasDottedBorder = props.blockData.personStyle === 'dottedBorder';\n  const hasDottedBorderTop = props.blockData.personStyle === 'dottedBorderTop';\n  const hasBg = props.blockData.bgStyle.style !== '';\n  const hasQuote = props.blockData.quote;\n  if (hasBg) classes += '!px-sm ';\n  if (hasDottedBorder) classes += ' border-y-2 border-dotted';\n  if (hasDottedBorderTop) classes += ' border-t-2 border-dotted';\n  if (hasBg || hasDottedBorder || hasDottedBorderTop || hasQuote)\n    classes += ' py-lg';\n\n  return classes;\n});\n\nfunction getSalutation(person: PersonData) {\n  return person.title\n    ? `${person.title} ${person.firstName} ${person.lastName}`\n    : `${person.firstName} ${person.lastName}`;\n}\n/**\n * @todo\nNot implemented in Craft yet\n*/\n\n//if (props.section._context.rightToLeft) {\n//  wrapperDisplayClass.value = 'flex-row-reverse';\n//}\n\n//if (props.section._context.isSmall) {\n//  wrapperDisplayClass.value = '!flex-col-reverse !md:flex-col-reverse';\n//  innerDisplayClass.value = '!flex-col !place-items-center !text-center';\n//}\n</script>\n\n<style scoped lang=\"postcss\"></style>\n"],"names":["maxRating","props","__props","t","useTrans","innerDisplayClass","ref","outerClasses","computed","classes","hasDottedBorder","hasDottedBorderTop","hasBg","hasQuote","getSalutation","person"],"mappings":"sqCA2JMA,EAAY,wFAVlB,MAAMC,EAAQC,EAQR,CAAE,EAAAC,GAAMC,IAKRC,EAAoBC,EACxB,uGAAA,EAGIC,EAAeC,EAAS,IAAM,CAClC,IAAIC,EAAU,eACR,MAAAC,EAAkBT,EAAM,UAAU,cAAgB,eAClDU,EAAqBV,EAAM,UAAU,cAAgB,kBACrDW,EAAQX,EAAM,UAAU,QAAQ,QAAU,GAC1CY,EAAWZ,EAAM,UAAU,MAC7B,OAAAW,IAAkBH,GAAA,WAClBC,IAA4BD,GAAA,6BAC5BE,IAA+BF,GAAA,8BAC/BG,GAASF,GAAmBC,GAAsBE,KACzCJ,GAAA,UAENA,CAAA,CACR,EAED,SAASK,EAAcC,EAAoB,CACzC,OAAOA,EAAO,MACV,GAAGA,EAAO,KAAK,IAAIA,EAAO,SAAS,IAAIA,EAAO,QAAQ,GACtD,GAAGA,EAAO,SAAS,IAAIA,EAAO,QAAQ,EAC5C"}