{"version":3,"sources":["webpack:///../product/modules/vehicle-heading/components/VehicleHeading.vue?d137","webpack:///../product/modules/vehicle-heading/components/VehicleHeading.vue?f9c2","webpack:///../product/modules/vehicle-heading/components/VehicleHeading.vue","webpack:///../product/modules/vehicle-heading/components/VehicleHeading.vue?a158","webpack:///../product/modules/vehicle-heading/components/VehicleHeading.vue?2157"],"names":["render","_vm","this","_c","_self","loading","key","staticClass","class","isLarge","attrs","overlay","cid","_v","_s","_e","vrm","_b","showCheck","hasAutoCheck","directives","name","rawName","precheck","on","$event","$emit","faVersion","tag","status","$mq","concat","text","autoCheckStatusIcon","staticRenderFns","data","slide","props","type","String","required","default","Boolean","photos","Array","placeholderUrl","vehicleId","Number","Object","components","buttonVrm","methods","toggleOverlay","component"],"mappings":"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","file":"js/chunk-68874c36.e81ecb72.js","sourcesContent":["export * from \"-!../../../../trade-portal/node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../trade-portal/node_modules/css-loader/index.js??ref--9-oneOf-1-1!../../../../trade-portal/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../trade-portal/node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../trade-portal/node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../trade-portal/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../trade-portal/node_modules/vue-loader/lib/index.js??vue-loader-options!./VehicleHeading.vue?vue&type=style&index=0&id=ccfa1af4&prod&lang=sass&scoped=true&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[(_vm.loading)?_c('div',{key:\"loading\",staticClass:\"is-loading has-text-centered\",class:{ 'is-large': _vm.isLarge }},[_c('button',{staticClass:\"button is-white is-loading is-medium\"})]):_c('div',{key:\"heading\",staticClass:\"vehicle-heading\",class:{ 'is-large': _vm.isLarge }},[_c('transition',{attrs:{\"enter-active-class\":\"animated fadeIn\",\"leave-active-class\":\"animated fadeOut\"}},[_c('div',{staticClass:\"items is-flex-end\"},[_c('div',[(_vm.overlay && _vm.cid)?_c('div',{staticClass:\"field\"},[_c('button',{staticClass:\"button is-small is-block is-white\"},[_c('span',{staticClass:\"heading is-marginless\"},[_c('span',{staticClass:\"has-text-weight-bold\"},[_vm._v(\"CID\")]),_vm._v(\" \\n                \"),_c('span',[_vm._v(_vm._s(_vm.cid))])])])]):_vm._e(),_c('transition',{attrs:{\"enter-active-class\":\"animated fadeIn\",\"leave-active-class\":\"animated fadeOut\"}},[(_vm.overlay)?_c('div',{staticClass:\"field\"},[(_vm.vrm)?_c('button-vrm',_vm._b({},'button-vrm',{ vrm: _vm.vrm },false)):_vm._e()],1):_vm._e()])],1),(_vm.overlay && _vm.showCheck && _vm.hasAutoCheck)?_c('button',{directives:[{name:\"tippy\",rawName:\"v-tippy\"}],staticClass:\"button is-soft\",class:{ 'is-loading': _vm.precheck },attrs:{\"title\":\"Check this vehicle\",\"disabled\":_vm.precheck},on:{\"click\":function($event){return _vm.$emit('check')}}},[_c('span',{staticClass:\"icon\"},[_c(_vm.faVersion === 'css' ? 'i' : 'fa',{tag:\"component\",staticClass:\"fal fa-check\",attrs:{\"icon\":['fal', 'check']}})],1)]):_vm._e(),(_vm.status && _vm.$mq !== 'mobile')?_c('div',{staticClass:\"tag is-medium has-text-weight-bold\",class:`is-${_vm.status.class}`},[_vm._v(\"\\n          \"+_vm._s(_vm.status.text)+\"\\n        \")]):(_vm.status)?_c('div',{staticClass:\"tag is-medium has-text-weight-bold\",class:`is-${_vm.status.class}`},[_c('span',{staticClass:\"icon\"},[_c('i',{staticClass:\"fas\",class:_vm.autoCheckStatusIcon(_vm.status.text)})])]):_vm._e()])])],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div\r\n      class=\"is-loading has-text-centered\"\r\n      :class=\"{ 'is-large': isLarge }\"\r\n      key=\"loading\"\r\n      v-if=\"loading\"\r\n    >\r\n      <button class=\"button is-white is-loading is-medium\" />\r\n    </div>\r\n    <div\r\n      class=\"vehicle-heading\"\r\n      :class=\"{ 'is-large': isLarge }\"\r\n      key=\"heading\"\r\n      v-else\r\n    >\r\n      <transition\r\n        enter-active-class=\"animated fadeIn\"\r\n        leave-active-class=\"animated fadeOut\"\r\n      >\r\n        <div class=\"items is-flex-end\">\r\n          <div>\r\n            <div v-if=\"overlay && cid\" class=\"field\">\r\n              <button class=\"button is-small is-block is-white\">\r\n                <span class=\"heading is-marginless\">\r\n                  <span class=\"has-text-weight-bold\">CID</span>&nbsp;\r\n                  <span>{{ cid }}</span>\r\n                </span>\r\n              </button>\r\n            </div>\r\n            <transition\r\n              enter-active-class=\"animated fadeIn\"\r\n              leave-active-class=\"animated fadeOut\"\r\n            >\r\n              <div v-if=\"overlay\" class=\"field\">\r\n                <button-vrm v-if=\"vrm\" v-bind=\"{ vrm }\" />\r\n              </div>\r\n            </transition>\r\n          </div>\r\n          <button\r\n            v-if=\"overlay && showCheck && hasAutoCheck\"\r\n            class=\"button is-soft\"\r\n            :class=\"{ 'is-loading': precheck }\"\r\n            title=\"Check this vehicle\"\r\n            v-tippy\r\n            :disabled=\"precheck\"\r\n            @click=\"$emit('check')\"\r\n          >\r\n            <span class=\"icon\">\r\n              <component\r\n                :is=\"faVersion === 'css' ? 'i' : 'fa'\"\r\n                :icon=\"['fal', 'check']\"\r\n                class=\"fal fa-check\"\r\n              />\r\n            </span>\r\n          </button>\r\n          <div\r\n            v-if=\"status && $mq !== 'mobile'\"\r\n            class=\"tag is-medium has-text-weight-bold\"\r\n            :class=\"`is-${status.class}`\"\r\n          >\r\n            {{ status.text }}\r\n          </div>\r\n          <div\r\n            v-else-if=\"status\"\r\n            class=\"tag is-medium has-text-weight-bold\"\r\n            :class=\"`is-${status.class}`\"\r\n          >\r\n            <span class=\"icon\">\r\n              <i class=\"fas\" :class=\"autoCheckStatusIcon(status.text)\" />\r\n            </span>\r\n          </div>\r\n        </div>\r\n      </transition>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'VehicleHeading',\r\n  data: () => ({\r\n    slide: 0,\r\n    overlay: true\r\n  }),\r\n  props: {\r\n    faVersion: {\r\n      type: String,\r\n      required: false,\r\n      default: () => 'css'\r\n    },\r\n    showCheck: {\r\n      type: Boolean,\r\n      default: () => false\r\n    },\r\n    photos: {\r\n      type: Array,\r\n      required: false,\r\n      default: () => []\r\n    },\r\n    placeholderUrl: {\r\n      type: String,\r\n      required: false,\r\n      default: () => ''\r\n    },\r\n    vrm: {\r\n      type: String,\r\n      required: false,\r\n      default: () => null\r\n    },\r\n    vehicleId: {\r\n      type: Number,\r\n      required: false,\r\n      default: () => 0\r\n    },\r\n    cid: {\r\n      type: [String, Number],\r\n      required: false,\r\n      default: () => null\r\n    },\r\n    status: {\r\n      type: Object,\r\n      required: false,\r\n      default: () => null\r\n    },\r\n    isLarge: {\r\n      type: Boolean,\r\n      required: false,\r\n      default: () => false\r\n    },\r\n    hasAutoCheck: {\r\n      type: Number,\r\n      required: false,\r\n      default: () => 0\r\n    },\r\n    loading: {\r\n      type: Boolean,\r\n      required: false,\r\n      default: () => false\r\n    },\r\n    precheck: {\r\n      type: Boolean,\r\n      required: false,\r\n      default: () => false\r\n    }\r\n  },\r\n  components: {\r\n    buttonVrm: () => import('../../../components/ButtonVrm')\r\n  },\r\n  methods: {\r\n    autoCheckStatusIcon(status) {\r\n      if (status === 'Warning') {\r\n        return 'fa-exclamation-circle'\r\n      } else if (status === 'Caution') {\r\n        return 'fa-question-circle'\r\n      } else {\r\n        return 'fa-check-circle'\r\n      }\r\n    },\r\n    toggleOverlay() {\r\n      const action = this.overlay ? 'hide' : 'show'\r\n      this.overlay = !this.overlay\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"sass\" scoped>\r\n.vehicle-heading\r\n  position: relative\r\n  border-radius: 4px\r\n  max-width: 100vw\r\n  width: 100%\r\n  display: flex\r\n  flex-direction: column\r\n  justify-content: space-between\r\n  padding: 0.75rem\r\n  margin-bottom: 0.75rem\r\n  &.is-loading\r\n    justify-content: center\r\n  .items\r\n    display: flex\r\n    justify-content: space-between\r\n    z-index: 1\r\n    &.is-flex-end\r\n      align-items: flex-end\r\n.is-overlay\r\n  border-radius: 4px\r\n</style>\r\n","import mod from \"-!../../../../trade-portal/node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../trade-portal/node_modules/thread-loader/dist/cjs.js!../../../../trade-portal/node_modules/babel-loader/lib/index.js!../../../../trade-portal/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../trade-portal/node_modules/vue-loader/lib/index.js??vue-loader-options!./VehicleHeading.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../trade-portal/node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../trade-portal/node_modules/thread-loader/dist/cjs.js!../../../../trade-portal/node_modules/babel-loader/lib/index.js!../../../../trade-portal/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../trade-portal/node_modules/vue-loader/lib/index.js??vue-loader-options!./VehicleHeading.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./VehicleHeading.vue?vue&type=template&id=ccfa1af4&scoped=true&\"\nimport script from \"./VehicleHeading.vue?vue&type=script&lang=js&\"\nexport * from \"./VehicleHeading.vue?vue&type=script&lang=js&\"\nimport style0 from \"./VehicleHeading.vue?vue&type=style&index=0&id=ccfa1af4&prod&lang=sass&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../trade-portal/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"ccfa1af4\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}