{"version":3,"file":"Card.cjs","sources":["../../common/Card/Card.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, VNode } from \"vue\";\n\nimport { CardClassesKey, CardProps } from \"./types\";\n\nconst {\n  height = \"inherit\",\n  border = true,\n  rounded = true,\n  shadow = true,\n  classes = {} as Partial<Record<CardClassesKey, string>>,\n} = defineProps<CardProps>();\n\nconst slots = defineSlots<{\n  default(): VNode;\n  footer(): VNode;\n}>();\n\nconst classList = computed(() => {\n  return [\"card-container\", { \"!border-0\": !border, \"!rounded-none\": !rounded, \"!shadow-none\": !shadow }, classes?.container];\n});\n\nconst hasFooterSlot = computed(() => {\n  return slots.footer;\n});\n</script>\n\n<template>\n  <div :class=\"classList\" :style=\"{ height }\">\n    <slot />\n    <div v-if=\"hasFooterSlot\" class=\"footer\">\n      <slot name=\"footer\" />\n    </div>\n  </div>\n</template>\n\n<style scoped>\n@reference \"../../styles/main.css\";\n\n.card-container {\n  position: relative;\n  @apply bg-app-white border border-solid border-app-gray-200 dark:border-app-gray-800 rounded-md shadow-md dark:bg-app-gray-800 dark:shadow-dark;\n}\n\n.footer {\n  position: absolute;\n  width: calc(100% - 48px);\n  bottom: 0px;\n}\n</style>\n"],"names":["slots","_useSlots","classList","computed","__props","hasFooterSlot","_createElementBlock","_renderSlot","_ctx","_openBlock","_hoisted_1"],"mappings":"kUAaA,MAAMA,EAAQC,EAAAA,SAAA,EAKRC,EAAYC,EAAAA,SAAS,IAClB,CAAC,iBAAkB,CAAE,YAAa,CAACC,SAAQ,gBAAiB,CAACA,EAAA,QAAS,eAAgB,CAACA,EAAA,QAAUA,WAAS,SAAS,CAC3H,EAEKC,EAAgBF,EAAAA,SAAS,IACtBH,EAAM,MACd,8BAICM,EAAAA,mBAKM,MAAA,CALA,uBAAOJ,EAAA,KAAS,EAAG,+BAASE,EAAA,OAAM,CAAA,GACtCG,EAAAA,WAAQC,EAAA,OAAA,UAAA,CAAA,EAAA,OAAA,EAAA,EACGH,EAAA,OAAXI,EAAAA,UAAA,EAAAH,EAAAA,mBAEM,MAFNI,EAEM,CADJH,EAAAA,WAAsBC,EAAA,OAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA"}