{"version":3,"file":"BlokSection.4311accf.js","sources":["../../../../storyblok/Blok/BlokSection.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { BlokSection } from '~~/types/storyblok/bloks'\nconst props = defineProps<{ blok: BlokSection | undefined }>()\n\nconst blocks = computed(() => {\n  return props.blok?.blocks || []\n})\n\nconst sectionTheme = computed(() => {\n  return props.blok?.theme ? props.blok.theme : 'theme-grey-100'\n})\n\nconst sectionType = computed(() => {\n  return props.blok?.type ? props.blok.type : 'section-basic'\n})\n\nconst sectionSize = computed(() => {\n  return props?.blok?.size === 'sm'\n    ? 'px-18 md:px-36 xl:px-0 pt-48 pb-36 md:py-36 lg:py-[7.5vh]'\n    : 'px-18 md:px-36 xl:px-0 py-48 md:py-72 lg:py-[12.5vh] xl:py-[17.5vh]'\n})\n</script>\n\n<template lang=\"pug\">\nsection(\n  v-editable=\"blok\"\n  :class=\"[sectionTheme, sectionType, sectionSize]\"\n  class=\"blok-section text-base xl:text-md relative w-full\"\n  :id=\"props?.blok?.anchor_id\"\n)\n  StoryblokComponent(\n    v-for=\"blok in blocks\"\n    :key=\"blok._uid\"\n    :blok=\"{ ...blok }\"\n  )\n</template>\n"],"names":["blocks","computed","_a","props","sectionTheme","sectionType","sectionSize"],"mappings":"oMAIAA,EAAAC,EAAA,IAAA,OACE,QAAAC,EAAAC,EAAA,OAAA,YAAAD,EAAA,SAAA,EAA8B,CAAA,EAGhCE,EAAAH,EAAA,IAAA,OACE,OAAAC,EAAAC,EAAA,OAAA,MAAAD,EAAA,MAAAC,EAAA,KAAA,MAAA,gBAA8C,CAAA,EAGhDE,EAAAJ,EAAA,IAAA,OACE,OAAAC,EAAAC,EAAA,OAAA,MAAAD,EAAA,KAAAC,EAAA,KAAA,KAAA,eAA4C,CAAA,EAG9CG,EAAAL,EAAA,IAAA,OACE,QAAAC,EAAAC,GAAA,YAAAA,EAAA,OAAA,YAAAD,EAAA,QAAA,KAAA,4DAAA,qEAEI,CAAA"}