{"version":3,"file":"ClgQoDCA.js","sources":["../../../../src/components/block/cta/CallToAction.vue"],"sourcesContent":["<template>\n  <div :class=\"`${buttonOrientationClass} my-sm mx-sm lg:mx-0 touch:md:mx-0`\">\n    <div\n      class=\"inline-block custom-button rounded-alt-2xl custom-button-slim\"\n      :class=\"[typeClasses, props.buttonClass]\"\n    >\n      <NuxtLink\n        v-if=\"props.blockData.scrollToForm\"\n        class=\"block text-center\"\n        @click=\"scrollToForm()\"\n      >\n        <FaIcon\n          v-if=\"hasIconLeft\"\n          icon-class=\"fas fa-chevron-left\"\n          classes=\"ml-xs fa-fw\"\n        />\n        {{ blockData.label }}\n        <FaIcon\n          v-if=\"hasIconRight\"\n          icon-class=\"fas fa-chevron-right\"\n          classes=\"mr-xs fa-fw\"\n        />\n      </NuxtLink>\n      <NuxtLink\n        v-else\n        class=\"block text-center\"\n        :to=\"blockData.uri\"\n        :target=\"blockData.target\"\n      >\n        <FaIcon\n          v-if=\"hasIconLeft\"\n          icon-class=\"fas fa-chevron-left\"\n          classes=\"ml-xs fa-fw\"\n        />\n        {{ blockData.label }}\n        <FaIcon\n          v-if=\"hasIconRight\"\n          icon-class=\"fas fa-chevron-right\"\n          classes=\"mr-xs fa-fw\"\n        />\n      </NuxtLink>\n    </div>\n  </div>\n</template>\n<script lang=\"ts\" setup>\nimport { scrollToElement } from '@/helpers/scroll';\nimport { ECallToActionBtnType } from '@/@types/call-to-action-btn-type';\nimport type { CTAData } from './blockTypes';\nimport FaIcon from '@/components/fa-icon.vue';\n\nconst props = defineProps({\n  blockData: {\n    type: Object as PropType<CTAData>,\n    required: true,\n    default: {} as CTAData,\n  },\n  buttonClass: {\n    type: String,\n    required: false,\n    default: () => {\n      return '';\n    },\n  },\n});\n\nconst btnType = props.blockData.type ?? ECallToActionBtnType.PRIMARY;\nconst hasIconLeft = btnType === ECallToActionBtnType.ICON_TEXT_LINK;\nconst hasIconRight = btnType === ECallToActionBtnType.TEXT_LINK_ICON;\n\nconst buttonOrientationClass = computed(() => {\n  return 'text-' + props.blockData.btnOrientation;\n});\n\nconst scrollToForm = () => {\n  const formElements = document.querySelectorAll('.scroll-to-form');\n  if (formElements.length > 0) {\n    scrollToElement(formElements[0], 20);\n  }\n  return;\n};\n\nconst typeClasses = {\n  '!text-white !font-medium': props.blockData.textInverted ?? false,\n  '!font-normal':\n    !props.blockData.textInverted &&\n    (btnType === ECallToActionBtnType.ICON_TEXT_LINK ||\n      btnType === ECallToActionBtnType.TEXT_LINK_ICON ||\n      btnType === ECallToActionBtnType.TEXT_LINK),\n  'bg-btn-primary-base !text-white !font-medium':\n    btnType === ECallToActionBtnType.PRIMARY,\n  'bg-btn-primary-base-opc50 text-text-base':\n    btnType === ECallToActionBtnType.SECONDARY,\n  'relative overflow-hidden text-primary-base transition-all rounded-alt-2xl !p-0 place-items-center after:content-[none]':\n    btnType === ECallToActionBtnType.ICON_TEXT_LINK ||\n    btnType === ECallToActionBtnType.TEXT_LINK_ICON ||\n    btnType === ECallToActionBtnType.TEXT_LINK,\n  'bg-btn-cta-base text-white !font-medium':\n    btnType === ECallToActionBtnType.MAIN_PATH,\n};\n</script>\n"],"names":["props","__props","btnType","ECallToActionBtnType","hasIconLeft","hasIconRight","buttonOrientationClass","computed","scrollToForm","formElements","scrollToElement","typeClasses"],"mappings":"mXAkDA,MAAMA,EAAQC,EAeRC,EAAUF,EAAM,UAAU,MAAQG,EAAqB,QACvDC,EAAcF,IAAYC,EAAqB,eAC/CE,EAAeH,IAAYC,EAAqB,eAEhDG,EAAyBC,EAAS,IAC/B,QAAUP,EAAM,UAAU,cAClC,EAEKQ,EAAe,IAAM,CACnB,MAAAC,EAAe,SAAS,iBAAiB,iBAAiB,EAC5DA,EAAa,OAAS,GACRC,EAAAD,EAAa,CAAC,EAAG,EAAE,CAErC,EAGIE,EAAc,CAClB,2BAA4BX,EAAM,UAAU,cAAgB,GAC5D,eACE,CAACA,EAAM,UAAU,eAChBE,IAAYC,EAAqB,gBAChCD,IAAYC,EAAqB,gBACjCD,IAAYC,EAAqB,WACrC,+CACED,IAAYC,EAAqB,QACnC,2CACED,IAAYC,EAAqB,UACnC,yHACED,IAAYC,EAAqB,gBACjCD,IAAYC,EAAqB,gBACjCD,IAAYC,EAAqB,UACnC,0CACED,IAAYC,EAAqB,SAAA"}