{"version":3,"file":"CarDetailHeroInfo-1d17b9c7.js","sources":["../../src/components/car-detail/CarDetailHeroInfo.vue"],"sourcesContent":["<template>\r\n  <div class=\"car-detail-hero-info\">\r\n    <CarDetailOverview v-if=\"objectHasEntries(carData)\" :api-status=\"apiStatus\" @update:variant-update=\"onVariantUpdate\" :car-data=\"carData\" />\r\n    <div :class=\"{ 'skeleton-box': apiStatus === 'LOADING' }\">\r\n      <CarDetailKeyStats v-if=\"objectHasEntries(carData)\" :key=\"updated\" :car-data=\"carData\" :api-status=\"apiStatus\" />\r\n    </div>\r\n    <CarDetailANCAPRating :date-tested=\"carData?.ANCAP_Date_tested\" :ancap-score=\"carData?.ANCAP_Overall_score || 'N/A'\" :api-status=\"apiStatus\" />\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ref } from 'vue';\r\nimport CarDetailKeyStats from './CarDetailKeyStats.vue';\r\nimport CarDetailOverview from './CarDetailOverview.vue';\r\nimport CarDetailANCAPRating from './CarDetailANCAPRating.vue';\r\nimport { ApiStatusTypes } from '../../foundation/types/apiStatusTypes';\r\nimport { objectHasEntries } from '../../foundation/helpers';\r\n\r\nconst props = defineProps<{\r\n  apiStatus: ApiStatusTypes;\r\n  carData: any;\r\n}>();\r\n\r\nconst emit = defineEmits<{\r\n  (e: 'update:variantUpdate', vehicleId: string): void;\r\n}>();\r\n\r\nconst updated = ref(1);\r\n\r\nfunction onVariantUpdate(vehicleId: string) {\r\n  emit('update:variantUpdate', vehicleId);\r\n  updated.value += 1;\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.car-detail-hero-info {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 0.55rem;\r\n  width: 100%;\r\n\r\n  @media screen and (min-width: #{$breakpoint-xl}) and (max-width: #{$breakpoint-xxl}) {\r\n    width: 30%;\r\n  }\r\n}\r\n</style>\r\n"],"names":["updated","ref","onVariantUpdate","vehicleId","emit"],"mappings":"y4BA2BM,MAAAA,EAAUC,EAAI,CAAC,EAErB,SAASC,EAAgBC,EAAmB,CAC1CC,EAAK,uBAAwBD,CAAS,EACtCH,EAAQ,OAAS,CACnB"}