{"version":3,"file":"DxGkRV7t.js","sources":["../../../../src/components/block/contentHeader/content-header.vue"],"sourcesContent":["<template>\n  <ContainerBasic\n    v-if=\"blockData.image\"\n    :container-type=\"blockData.containerType\"\n    :class=\"isHeader ? '!mt-0 md:!mt-0' : ''\"\n  >\n    <div\n      class=\"md:h-[370px] h-[210px] relative overflow-hidden\"\n      :class=\"[\n        blockData.containerType === EContainerType.FULL_WIDTH\n          ? '!h-[260px]'\n          : '',\n      ]\"\n      :style=\"`height: ${props.customHeight}px !important`\"\n    >\n      <ImageBasic\n        :image-data=\"blockData.image\"\n        classes=\"w-full object-center object-cover z-[-10] overflow-hidden h-full\"\n        quality=\"80\"\n      ></ImageBasic>\n      <div\n        v-if=\"\n          blockData.image[isMobile ? 'mobile' : 'desktop']?.copyright !== null\n        \"\n        class=\"max-w-[180px] bottom-[15px] right-[15px] md:right-[30px] text-right z-10 absolute ml-auto\"\n      >\n        <span\n          class=\"text-sm italic font-light text-white drop-shadow-xs font-roboto leading-xs\"\n          >&copy;\n          {{\n            blockData.image[isMobile ? 'mobile' : 'desktop']?.copyright\n          }}</span\n        >\n      </div>\n    </div>\n    <div class=\"bg-activesection-base h-md\" />\n  </ContainerBasic>\n</template>\n\n<script lang=\"ts\" setup>\nimport { EContainerType } from '@/@types/container-type';\nimport ContainerBasic from '@/components/components/container-basic.vue';\nimport ImageBasic from '@/components/components/core/basicImage/image-basic.vue';\nimport { mq_breakpointIsMobile } from '@/injectionSymbols';\nimport type { ContentHeaderData } from './blockType';\n\nconst props = defineProps({\n  blockData: {\n    type: Object as PropType<ContentHeaderData>,\n    required: true,\n    default: {} as ContentHeaderData,\n  },\n  isHeader: {\n    type: Boolean,\n    required: true,\n    default: () => {\n      return false;\n    },\n  },\n  customHeight: {\n    type: String,\n    required: false,\n    default: '',\n  },\n});\n\nconst isMobile = inject(mq_breakpointIsMobile);\n</script>\n"],"names":["props","__props","isMobile","inject","mq_breakpointIsMobile"],"mappings":"soBA8CA,MAAMA,EAAQC,EAoBRC,EAAWC,EAAOC,CAAqB"}