{"version":3,"file":"stylesheets/8321.css?h=55ee04c98fdd517a84b3","mappings":"AA4BA,yCACA,0EACA,iBACA,CACA,6CACA,iBACA,cACA,eACA,CAEA,qBACA,cACA,YACA,eACA,UACA,CCbA,gDACA,gBACA,iBACA,CACA,4DAMA,qBAEA,4BAPA,wBAMA,oBAFA,eAHA,gBACA,uBACA,UAKA,CACA,qDACA,wDACA","sources":["webpack://@studip/core/./resources/vue/components/stock-images/Thumbnail.vue","webpack://@studip/core/./resources/vue/components/stock-images/SelectableImageCard.vue"],"sourcesContent":["<template>\n    <div class=\"stock-images-thumbnail\" v-if=\"url\">\n        <div :style=\"{ width }\">\n            <img :src=\"url\" :style=\"{ 'object-fit': contain ? 'contain' : 'cover' }\" role=\"presentation\" />\n        </div>\n    </div>\n</template>\n\n<script>\nexport default {\n    props: {\n        url: {\n            type: String,\n            required: true,\n        },\n        width: {\n            type: String,\n            default: '6rem',\n        },\n        contain: {\n            type: Boolean,\n            default: false\n        }\n    },\n};\n</script>\n\n<style scoped>\n.stock-images-thumbnail {\n    display: inline-flex;\n    position: relative;\n}\n.stock-images-thumbnail > div {\n    aspect-ratio: 1/1;\n    display: block;\n    overflow: hidden;\n}\n\nimg {\n    display: block;\n    height: 100%;\n    max-width: 100%;\n    width: 100%;\n}\n</style>\n","<template>\n    <div class=\"stock-images-selectable-image\" tabindex=\"0\">\n        <Thumbnail :url=\"thumbnailUrl\" contain class=\"stock-images-image-card__thumbnail\" width=\"8rem\" />\n        <div>{{ stockImage.attributes?.title ?? '' }}</div>\n    </div>\n</template>\n\n<script>\nimport Thumbnail from './Thumbnail.vue';\n\nexport default {\n    props: {\n        stockImage: {\n            type: Object,\n            required: true,\n        },\n    },\n    components: { Thumbnail },\n    computed: {\n        thumbnailUrl() {\n            return (\n                this.stockImage.attributes['download-urls'].small ??\n                this.stockImage.attributes['download-urls'].original\n            );\n        },\n    },\n};\n</script>\n\n<style scoped>\n.stock-images-selectable-image {\n    overflow: hidden;\n    position: relative;\n}\n.stock-images-selectable-image > :last-child {\n    background: var(--white);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    width: 8rem;\n    min-height: 3em;\n    -webkit-line-clamp: 2;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n}\n.stock-images-image-card__thumbnail {\n    background-image: url(../images/checkered-background.png);\n}\n</style>\n"],"names":[],"sourceRoot":""}