{"version":3,"file":"StarRating-41fad1da.js","sources":["../../src/assets/img/ancap-star-black.svg","../../src/assets/img/ancap-star-black-outline.svg","../../src/components/global/StarRating.vue"],"sourcesContent":["export default \"__VITE_ASSET__4cc76b78__\"","export default \"__VITE_ASSET__242f3d0e__\"","<template>\r\n  <div class=\"ancap-stars\" :title=\"`${stars}/${ratingLimit} stars`\">\r\n    <img :src=\"ANCAPStarBlack\" alt=\"A black star icon\" width=\"24\" v-for=\"star in stars\" :key=\"star\" />\r\n    <img :src=\"ANCAPStarEmpty\" alt=\"An empty star icon\" width=\"24\" v-for=\"star in remainingStars\" :key=\"star\" />\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport ANCAPStarBlack from '@/assets/img/ancap-star-black.svg';\r\nimport ANCAPStarEmpty from '@/assets/img/ancap-star-black-outline.svg';\r\nimport { computed } from 'vue';\r\n\r\nconst props = defineProps({\r\n  stars: {\r\n    type: Number,\r\n    required: true,\r\n  },\r\n  ratingLimit: {\r\n    type: Number,\r\n    default: 5,\r\n  },\r\n});\r\n\r\nconst remainingStars = computed(() => props.ratingLimit - props.stars);\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.ancap-stars {\r\n  display: flex;\r\n  gap: 0;\r\n\r\n  @media screen and (min-width: #{$breakpoint-sm}) {\r\n    gap: 0.5rem;\r\n  }\r\n}\r\n</style>\r\n"],"names":["ANCAPStarBlack","ANCAPStarEmpty","remainingStars","computed","props"],"mappings":"8IAAA,MAAeA,EAAA,GAAA,IAAA,IAAA,gCAAA,YAAA,GAAA,EAAA,KCAAC,EAAA,GAAA,IAAA,IAAA,wCAAA,YAAA,GAAA,EAAA,6JCuBTC,EAAiBC,EAAS,IAAMC,EAAM,YAAcA,EAAM,KAAK"}