{"version":3,"file":"CarDetailPageTitle-4a652393.js","sources":["../../src/components/car-detail/CarDetailPageTitle.vue"],"sourcesContent":["<template>\r\n  <div class=\"car-detail__page-title\">\r\n    <template v-if=\"pageType === 'car-detail'\">\r\n      <h5 class=\"car-detail__year\" v-text=\"comparisonStore.getCarYearRange(carData?.Vehicle_UID)\" />\r\n      <h1 class=\"car-detail__title\" v-text=\"makeModel\" />\r\n      <h2 v-if=\"trim !== '-'\" class=\"car-detail__subtitle\" v-text=\"trim\" />\r\n      <ShareCopy class=\"no-margin\" />\r\n    </template>\r\n    <template v-else>\r\n      <!-- <h5 class=\"car-detail__year\" v-text=\"comparisonStore.getCarYearRange(carData.Vehicle_UID)\" /> -->\r\n      <h1 class=\"car-detail__title\" v-text=\"makeModel + ' Car Review'\" />\r\n      <h2 class=\"car-detail__subtext\" v-text=\"titleSubtext\" />\r\n      <ShareCopy class=\"no-margin\" />\r\n    </template>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { computed } from 'vue';\r\nimport { useCarData } from '../../composables/useCarData';\r\nimport ShareCopy from '../share/ShareCopy.vue';\r\nimport { useCarComparisonStore } from '../../foundation/stores/carComparisonStore';\r\n\r\nconst props = defineProps({\r\n  carData: {\r\n    type: Object,\r\n    required: true,\r\n  },\r\n  pageType: {\r\n    type: String,\r\n    default: 'car-detail',\r\n  },\r\n  titleSubtext: {\r\n    type: String,\r\n    default: '',\r\n  },\r\n});\r\n\r\nconst comparisonStore = useCarComparisonStore();\r\n\r\nconst { makeModel } = useCarData(props.carData);\r\nconst trim = computed(() => props.carData.Trim);\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.car-detail {\r\n  &__page-title {\r\n    margin-bottom: -1rem;\r\n    background-color: $racq-pale-blue;\r\n    padding: 1.5rem 0 1rem;\r\n\r\n    @media screen and (min-width: #{$breakpoint-xl}) {\r\n      padding: 1.5rem 0;\r\n    }\r\n\r\n    @media screen and (min-width: #{$breakpoint-xxl}) {\r\n      padding: 1.5rem 0 1rem;\r\n    }\r\n  }\r\n\r\n  &__year {\r\n    font-size: 1rem;\r\n    color: $racq-navy;\r\n    font-weight: bold;\r\n    margin: 0;\r\n    line-height: 1;\r\n  }\r\n\r\n  &__title {\r\n    font-weight: bold;\r\n    font-size: 2rem;\r\n    margin: 0;\r\n  }\r\n\r\n  &__subtitle {\r\n    font-size: 1.75rem;\r\n    margin: 0;\r\n    margin-bottom: 1rem;\r\n  }\r\n\r\n  &__subtext {\r\n    font-size: 1rem;\r\n    margin: 0;\r\n    margin-bottom: 1rem;\r\n  }\r\n}\r\n</style>\r\n"],"names":["comparisonStore","useCarComparisonStore","makeModel","useCarData","props","trim","computed"],"mappings":"ksBAsCMA,EAAkBC,IAElB,CAAE,UAAAC,CAAc,EAAAC,EAAWC,EAAM,OAAO,EACxCC,EAAOC,EAAS,IAAMF,EAAM,QAAQ,IAAI"}