{"version":3,"file":"DcpzxZBC.js","sources":["../../../../src/components/block/autoblock/vdv/autoblock.vue"],"sourcesContent":["<template>\n  <ContainerBasic\n    v-if=\"blockData.tilesToShow !== 0\"\n    container-type=\"FULL_WIDTH\"\n  >\n    <div\n      :class=\"[\n        blockData.bgStyle && !blockData.hasDefaultBg\n          ? 'pb-md md:pb-xl pt-xl'\n          : '',\n      ]\"\n      :style=\"[\n        blockData.bgStyle && !blockData.hasDefaultBg\n          ? `${blockData.bgStyle}`\n          : '',\n        gradient,\n      ]\"\n    >\n      <div\n        class=\"w-full relative !bg-cover\"\n        :class=\"\n          blockData.hasDefaultBg\n            ? 'pt-md pb-sm touch:md:pt-xl touch:md:pb-md lg:pt-xl lg:pb-md'\n            : ''\n        \"\n      >\n        <div v-if=\"blockData.hasDefaultBg\" class=\"absolute top-0 w-full h-full\">\n          <div class=\"w-full h-full background\"></div>\n        </div>\n        <ContainerBasic container-type=\"PAGE\" class=\"z-10\">\n          <HeadlineDynamic\n            v-if=\"blockData.headline\"\n            :has-decoration=\"true\"\n            level=\"h2\"\n            :headline=\"blockData.headline\"\n            class=\"mb-lg px-sm md:px-0\"\n            :style=\"blockData.textStyle\"\n          ></HeadlineDynamic>\n\n          <TileView\n            :is-slider=\"blockData.tilesToShow !== 1\"\n            :tiles=\"\n              blockData.tilesToShow === 1\n                ? [blockData.tiles[0]]\n                : blockData.tiles\n            \"\n            :grid-type=\"blockData.gridType\"\n          />\n        </ContainerBasic>\n      </div>\n    </div>\n  </ContainerBasic>\n</template>\n\n<script setup lang=\"ts\">\nimport ContainerBasic from '@/components/components/container-basic.vue';\nimport HeadlineDynamic from '@/components/components/core/headline-dynamic/vdv/headline-dynamic.vue';\nimport TileView from '@/components/components/views/tileView/tile-view.vue';\nimport type { AutoblockData } from '../blockType';\nimport { useAreaStore } from '~/stores/useArea';\nimport { getGradientColorsViaAndTo } from '@/components/block/autoblock/utils';\n\nconst areaStore = useAreaStore();\n\nconst props = defineProps({\n  blockData: {\n    type: Object as PropType<AutoblockData>,\n    required: true,\n  },\n});\n\nconst gradient =\n  props.blockData.gradientColorsViaAndTo ?? props.blockData.hasDefaultBg\n    ? getGradientColorsViaAndTo(areaStore.getActiveArea)\n    : null;\n</script>\n<style lang=\"pcss\" scoped>\n.background {\n  @media screen(md) {\n    background: url('/image/autoblock_base_Bg.svg');\n    background-size: cover;\n    opacity: 0.4;\n  }\n}\n</style>\n"],"names":["areaStore","useAreaStore","props","__props","gradient","getGradientColorsViaAndTo"],"mappings":"sqBA8DA,MAAMA,EAAYC,IAEZC,EAAQC,EAORC,EACJF,EAAM,UAAU,wBAA0BA,EAAM,UAAU,aACtDG,EAA0BL,EAAU,aAAa,EACjD"}