{"version":3,"file":"Card-5XnlfQIk.js","sources":["../../Vue/src/components/Common/Card.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nconst props = defineProps<{\r\n  noBody?: boolean;\r\n  background?: string;\r\n  backgroundAlt?: string;\r\n}>();\r\n</script>\r\n\r\n<template>\r\n  <div\r\n    class=\"card\"\r\n    :class=\"{ 'with-bg': props.background }\"\r\n  >\r\n    <Image\r\n      v-if=\"props.background\"\r\n      :src=\"props.background\"\r\n      :alt=\"backgroundAlt || ''\"\r\n      class=\"bg-img\"\r\n      no-placeholder-icon\r\n    />\r\n    <header\r\n      v-if=\"$slots.header\"\r\n      class=\"card-header\"\r\n    >\r\n      <slot name=\"header\"></slot>\r\n    </header>\r\n    <div\r\n      v-if=\"!noBody\"\r\n      class=\"card-body\"\r\n    >\r\n      <slot></slot>\r\n    </div>\r\n    <slot v-if=\"noBody\"></slot>\r\n    <footer\r\n      v-if=\"$slots.footer\"\r\n      class=\"card-footer\"\r\n    >\r\n      <slot name=\"footer\"></slot>\r\n    </footer>\r\n  </div>\r\n</template>\r\n\r\n<style scoped lang=\"postcss\">\r\n.card {\r\n  @apply relative border border-light-500 bg-light-100 shadow-lg shadow-light-500;\r\n}\r\n\r\n.bg-img {\r\n  @apply absolute overflow-hidden rounded-xl;\r\n}\r\n.card-body {\r\n  @apply z-10 px-3 py-4 md:px-8 md:py-8;\r\n}\r\n.card-header {\r\n  @apply border-b border-b-light-700 px-3 py-4 md:px-8 md:py-5;\r\n}\r\n.card-footer {\r\n  @apply flex items-stretch border-t border-t-light-700;\r\n  & > :first-child {\r\n    @apply rounded-bl-xl;\r\n    select {\r\n      @apply rounded-bl-xl;\r\n    }\r\n  }\r\n  & > :only-child {\r\n    @apply flex-1;\r\n  }\r\n  & > :not(:last-child) {\r\n    @apply border-r border-r-light-700;\r\n  }\r\n  & > :last-child {\r\n    @apply rounded-br-xl;\r\n  }\r\n  :deep() {\r\n    .form-control select {\r\n      @apply flex-1 rounded-t-none rounded-br-none bg-transparent px-8 py-5 leading-4 transition-all;\r\n      &:hover,\r\n      &:focus-visible {\r\n        @apply bg-black/5;\r\n      }\r\n    }\r\n    .card-button {\r\n      &:first-child {\r\n        @apply rounded-bl-xl;\r\n      }\r\n      &:last-child {\r\n        @apply rounded-br-xl;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n@media screen {\r\n  html.dark {\r\n    .card {\r\n      @apply text-white;\r\n    }\r\n  }\r\n}\r\n</style>\r\n"],"names":["props","__props"],"mappings":"8XACA,MAAMA,EAAQC"}