{"version":3,"file":"DL150mFw.js","sources":["../../../../src/components/block/fileDownloads/file-downloads.vue"],"sourcesContent":["<template>\n  <ContainerBasic classes=\"max-w-screen-lg mx-auto\">\n    <div\n      v-if=\"blockData.files.length\"\n      :class=\"props.classes\"\n      class=\"relative rounded-alt-lg bg-background-base-opc50 min-h-[200px] px-md py-lg touch:md:px-3xl touch:md:py-xl lg:px-3xl lg:py-xl min-w-[200px] grid grid-cols-1 md:grid-cols-2 xl:grid-cols-2 2xl:grid-cols-2 gap-sm md:gap-md\"\n    >\n      <div\n        v-for=\"(file, index) in blockData.files\"\n        :key=\"index\"\n        class=\"max-w-full col-span-1 justify-self-start\"\n      >\n        <div class=\"flex flex-row flex-wrap self-center max-w-full\">\n          <div class=\"flex flex-row self-center max-w-full flex-nowrap\">\n            <FaIcon\n              :icon-class=\"file.iconClass\"\n              :classes=\"'text-primary-base mr-xs shrink-0 !min-h-[20px] !h-[20px] !min-w-[20px] !w-[20px] flex-1 self-center'\"\n            />\n            <a\n              :href=\"file.url\"\n              target=\"_blank\"\n              class=\"self-center mr-0 truncate whitespace-nowrap text-primary-base sm:mr-sm\"\n            >\n              {{ file.title }}\n            </a>\n          </div>\n          <div class=\"flex flex-row self-center w-full\">\n            <div\n              class=\"flex shrink-0 mr-xs !min-h-[20px] !h-[20px] !min-w-[20px] !w-[20px] self-center\"\n            ></div>\n            <p class=\"self-center text-sm md:text-sm text-border-dark\">\n              ({{ file.fileSize }})\n            </p>\n          </div>\n        </div>\n      </div>\n      <div class=\"absolute top-0 left-xl h-md w-md bg-border-dark\">\n        <FaIcon\n          :icon-class=\"'fas fa-down-to-line'\"\n          :classes=\"'text-white !h-[25px] !w-[25px] absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2'\"\n        />\n      </div>\n      <div\n        class=\"hidden mx-auto h-md w-md h-sm w-sm h-[20px] w-[20px] -translate-x-1/2 -translate-y-1/2\"\n      ></div>\n    </div>\n  </ContainerBasic>\n</template>\n\n<script setup lang=\"ts\">\nimport ContainerBasic from '@/components/components/container-basic.vue';\nimport type { FileDownloadsData } from './blockType';\nimport FaIcon from '@/components/fa-icon.vue';\n\n// Section type has to be a union here - pretty sure Download-List is deprecated anyway.\nconst props = defineProps({\n  blockData: {\n    type: Object as PropType<FileDownloadsData>,\n    required: true,\n    default: {} as FileDownloadsData,\n  },\n  classes: {\n    type: String,\n    required: false,\n    default: '',\n  },\n});\n</script>\n"],"names":["props","__props"],"mappings":"40BAuDA,MAAMA,EAAQC"}