{"version":3,"file":"CarComparisonDesktopDataTable-c2808b52.js","sources":["../../src/components/car-comparison/CarComparisonDesktopDataTable.vue"],"sourcesContent":["<template>\r\n  <div :class=\"componentClasses\">\r\n    <div v-if=\"carData\">\r\n      <p class=\"car-comparison-grid-data__title\" v-text=\"dataPoint.label.value\" />\r\n      <p class=\"car-comparison-grid-data__value\" v-html=\"getDataValue({ carData, dataPoint })\" />\r\n    </div>\r\n    <div v-else></div>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { computed } from 'vue';\r\n\r\nconst props = defineProps<{\r\n  dataPoint: {\r\n    label: {\r\n      value: string;\r\n    };\r\n  };\r\n  carData: any;\r\n  index: number;\r\n  getDataValue: ({ carData, dataPoint }: DataValueTypes) => string | undefined;\r\n}>();\r\n\r\ntype DataValueTypes = {\r\n  carData: any;\r\n  dataPoint: any;\r\n};\r\n\r\n// Computed values\r\nconst componentClasses = computed(() => {\r\n  return [\r\n    'car-comparison-grid-data',\r\n    {\r\n      'first-item': props.index === 0,\r\n      'border-top-none': props.index > 0,\r\n      'empty-grid': !props.carData,\r\n    },\r\n  ];\r\n});\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.car-comparison-grid-data {\r\n  border: $racq-border-style;\r\n  padding: 0.75rem;\r\n  min-width: 10rem;\r\n  width: auto;\r\n\r\n  &__title {\r\n    font-weight: bold;\r\n    margin-top: 0;\r\n    margin-bottom: 0;\r\n    color: $racq-cool-grey;\r\n  }\r\n\r\n  &__value {\r\n    margin: 0;\r\n    color: $racq-cool-grey;\r\n  }\r\n\r\n  &.border-top-none {\r\n    border-top: none;\r\n  }\r\n\r\n  &.empty-grid {\r\n    background: $racq-pale-blue;\r\n    border-bottom: none;\r\n  }\r\n\r\n  &.first-item {\r\n    border-top-right-radius: 0.25rem;\r\n    border-top-left-radius: 0.25rem;\r\n  }\r\n\r\n  &.last-item {\r\n    border-bottom-right-radius: 0.25rem;\r\n    border-bottom-left-radius: 0.25rem;\r\n    border-bottom: 1px solid $racq-pale-blue-border;\r\n    margin-bottom: 0.5rem;\r\n  }\r\n}\r\n</style>\r\n"],"names":["componentClasses","computed","props"],"mappings":"6UA8BMA,EAAmBC,EAAS,IACzB,CACL,2BACA,CACE,aAAcC,EAAM,QAAU,EAC9B,kBAAmBA,EAAM,MAAQ,EACjC,aAAc,CAACA,EAAM,OACvB,CAAA,CAEH"}