{"version":3,"file":"ERr73Nx0.js","sources":["../../../../src/components/components/cms/styledSection/vdv/styled-section.vue"],"sourcesContent":["<template>\n  <ContainerBasic\n    container-type=\"FULL_WIDTH\"\n    :class=\"wrapperClasses\"\n    class=\"styled-section\"\n    :style=\"blockData.bgColor + blockData.textColor\"\n  >\n    <PageContent\n      :page-content-entries=\"blockData.children\"\n      :no-header=\"!isHeader\"\n    />\n  </ContainerBasic>\n</template>\n\n<script setup lang=\"ts\">\nimport { provide } from 'vue';\nimport {\n  ELayoutWidth,\n  EBorder,\n  ELayoutSpacing,\n  ELayoutPadding,\n} from '@/@types/styled-section';\nimport { styledSectionTextColor } from '@/injectionSymbols';\nimport ContainerBasic from '@/components/components/container-basic.vue';\nimport type { StyledSectionData } from '../blockType';\nimport PageContent from '@/components/pageContent/vdv/PageContent.vue';\n\nconst props = defineProps({\n  blockData: {\n    type: Object as PropType<StyledSectionData>,\n    required: true,\n    default: {} as StyledSectionData,\n  },\n  isHeader: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n});\n\nprovide(styledSectionTextColor, props.blockData.textColor);\n\nconst wrapperClasses = getWrapperClasses();\n\nfunction getWrapperClasses() {\n  const size = props.blockData.size;\n  let wrapperClasses = '';\n\n  // Container-Width\n  switch (size) {\n    case ELayoutWidth.STANDARD:\n      wrapperClasses = wrapperClasses.concat(\n        ' ',\n        'w-full max-w-screen-lg mx-auto',\n      );\n      break;\n    case ELayoutWidth.CONTENT:\n      wrapperClasses = wrapperClasses.concat(\n        ' ',\n        'w-full max-w-screen-xl mx-auto',\n      );\n      break;\n    case ELayoutWidth.FULL:\n      wrapperClasses = wrapperClasses.concat(' ', 'w-full mx-auto');\n      break;\n    default:\n      wrapperClasses = wrapperClasses.concat(' ', 'w-full');\n      break;\n  }\n  // Add padding if a background color is present\n  if (props.blockData.bgColor !== '' && props.blockData.bgColor != undefined) {\n    wrapperClasses = wrapperClasses.concat(' ', 'px-0 md:px-sm flex');\n  }\n\n  // Other Style-Options like margins/paddings\n  wrapperClasses = wrapperClasses.concat(' ', getBorderStyle());\n  wrapperClasses = wrapperClasses.concat(' ', getSpacing());\n  wrapperClasses = wrapperClasses.concat(' ', getPadding());\n\n  return wrapperClasses;\n}\n\nfunction getBorderStyle() {\n  switch (props.blockData.border) {\n    case EBorder.NONE:\n      return '';\n    case EBorder.FULL_COLORSECTION:\n      return 'border-1 border-solid border-activesection-alpha';\n    case EBorder.TEMPLATE_BORDER_NO_PADDING:\n    case EBorder.TEMPLATE_BORDER_NO_PADDING_POST:\n      return 'touch:md:border-1 touch:md:border-solid touch:md:border-grey lg:border-1 lg:border-solid lg:border-grey';\n    case EBorder.TEMPLATE_BORDER_PADDING:\n      return 'touch:md:border-1 touch:md:border-solid touch:md:border-grey touch:md:px-md desktop:md:px-md lg:border-1 lg:border-solid lg:border-grey lg:px-md';\n    default:\n      return '';\n  }\n}\n\nfunction getSpacing() {\n  switch (props.blockData.spacing) {\n    case ELayoutSpacing.NONE:\n      return '!mt-0 md:!mt-0';\n    case ELayoutSpacing.STANDARD:\n      return '!mt-md md:!mt-xl';\n    default:\n      return '!mt-md md:!mt-xl';\n  }\n}\n\nfunction getPadding() {\n  switch (props.blockData.padding) {\n    case ELayoutPadding.NONE:\n      return 'styled-section__no-padding';\n    case ELayoutPadding.STANDARD:\n      return 'pb-md md:pb-xl';\n    case ELayoutPadding.TEMPLATE:\n      return '!pb-0 pt-md';\n    case ELayoutPadding.TEMPLATE_WITH_GALLERY:\n      return '!pb-0';\n    case ELayoutPadding.ONLY_BOTTOM:\n      return 'styled-section__no-padding !pt-0 pb-md md:pb-xl';\n    case ELayoutPadding.ONLY_BOTTOM_LG:\n      return 'styled-section__no-padding !pt-0 pb-md md:pb-lg';\n    case ELayoutPadding.ONLY_TOP:\n      return '!pb-0 styled-section__no-padding';\n    default:\n      return 'pb-md md:pb-xl';\n  }\n}\n</script>\n\n<style scoped lang=\"postcss\"></style>\n"],"names":["props","__props","provide","styledSectionTextColor","wrapperClasses","getWrapperClasses","size","ELayoutWidth","getBorderStyle","getSpacing","getPadding","EBorder","ELayoutSpacing","ELayoutPadding"],"mappings":"ukBA2BA,MAAMA,EAAQC,EAaNC,EAAAC,EAAwBH,EAAM,UAAU,SAAS,EAEzD,MAAMI,EAAiBC,IAEvB,SAASA,GAAoB,CACrB,MAAAC,EAAON,EAAM,UAAU,KAC7B,IAAII,EAAiB,GAGrB,OAAQE,EAAM,CACZ,KAAKC,EAAa,SAChBH,EAAiBA,EAAe,OAC9B,IACA,gCAAA,EAEF,MACF,KAAKG,EAAa,QAChBH,EAAiBA,EAAe,OAC9B,IACA,gCAAA,EAEF,MACF,KAAKG,EAAa,KAChBH,EAAiBA,EAAe,OAAO,IAAK,gBAAgB,EAC5D,MACF,QACEA,EAAiBA,EAAe,OAAO,IAAK,QAAQ,EACpD,KACJ,CAEA,OAAIJ,EAAM,UAAU,UAAY,IAAMA,EAAM,UAAU,SAAW,OAC/DI,EAAiBA,EAAe,OAAO,IAAK,oBAAoB,GAIlEA,EAAiBA,EAAe,OAAO,IAAKI,EAAgB,CAAA,EAC5DJ,EAAiBA,EAAe,OAAO,IAAKK,EAAY,CAAA,EACxDL,EAAiBA,EAAe,OAAO,IAAKM,EAAY,CAAA,EAEjDN,CACT,CAEA,SAASI,GAAiB,CAChB,OAAAR,EAAM,UAAU,OAAQ,CAC9B,KAAKW,EAAQ,KACJ,MAAA,GACT,KAAKA,EAAQ,kBACJ,MAAA,mDACT,KAAKA,EAAQ,2BACb,KAAKA,EAAQ,gCACJ,MAAA,0GACT,KAAKA,EAAQ,wBACJ,MAAA,mJACT,QACS,MAAA,EACX,CACF,CAEA,SAASF,GAAa,CACZ,OAAAT,EAAM,UAAU,QAAS,CAC/B,KAAKY,EAAe,KACX,MAAA,iBACT,KAAKA,EAAe,SACX,MAAA,mBACT,QACS,MAAA,kBACX,CACF,CAEA,SAASF,GAAa,CACZ,OAAAV,EAAM,UAAU,QAAS,CAC/B,KAAKa,EAAe,KACX,MAAA,6BACT,KAAKA,EAAe,SACX,MAAA,iBACT,KAAKA,EAAe,SACX,MAAA,cACT,KAAKA,EAAe,sBACX,MAAA,QACT,KAAKA,EAAe,YACX,MAAA,kDACT,KAAKA,EAAe,eACX,MAAA,kDACT,KAAKA,EAAe,SACX,MAAA,mCACT,QACS,MAAA,gBACX,CACF"}