{"version":3,"sources":["webpack:///./src/store.product/components/product-card.vue?6eff","webpack:///src/store.product/components/product-card.vue","webpack:///./src/store.product/components/product-card.vue?5577","webpack:///./src/store.product/components/product-card.vue?e710","webpack:///./src/store.product/components/product-card.vue?f938"],"names":["render","_vm","this","_h","$createElement","_c","_self","item","staticClass","attrs","baseUrl","imgPath","getAssetUrl","staticStyle","nameInfo","contentData","_v","_s","descriptionInfo","marketPrice","toFixed","staticRenderFns","name","props","type","Object","default","data","isValid","loading","errored","computed","methods","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,GAAG,CAAEJ,EAAIM,KAAY,QAAEF,EAAG,MAAM,CAACG,YAAY,iBAAiB,CAACH,EAAG,MAAM,CAACI,MAAM,CAAC,IAAMR,EAAIS,QAAUT,EAAIM,KAAKI,aAAaN,EAAG,MAAM,CAACG,YAAY,iBAAiB,CAACH,EAAG,MAAM,CAACI,MAAM,CAAC,IAAMR,EAAIW,mBAAmBP,EAAG,MAAM,CAACG,YAAY,gBAAgB,CAACH,EAAG,MAAM,CAACG,YAAY,qCAAqC,CAACH,EAAG,MAAM,CAACG,YAAY,QAAQ,CAACH,EAAG,MAAM,CAACG,YAAY,qBAAqBK,YAAY,CAAC,iBAAiB,cAAcJ,MAAM,CAAC,MAAQR,EAAIM,KAAKO,SAASC,cAAc,CAACV,EAAG,OAAO,CAACG,YAAY,sBAAsB,CAACP,EAAIe,GAAG,IAAIf,EAAIgB,GAAGhB,EAAIM,KAAKO,SAASC,aAAa,SAASV,EAAG,MAAM,CAACQ,YAAY,CAAC,QAAU,cAAc,qBAAqB,IAAI,qBAAqB,WAAW,SAAW,WAAW,CAACR,EAAG,OAAO,CAACG,YAAY,4BAA4B,CAACP,EAAIe,GAAG,IAAIf,EAAIgB,GAAGhB,EAAIM,KAAKW,gBAAgBH,aAAa,KAAKV,EAAG,MAAMA,EAAG,MAAMA,EAAG,QAAQA,EAAG,MAAMA,EAAG,QAAQA,EAAG,MAAM,CAACQ,YAAY,IAAI,CAACR,EAAG,OAAO,CAACG,YAAY,qBAAqBK,YAAY,CAAC,cAAc,SAAS,CAACZ,EAAIe,GAAG,IAAIf,EAAIgB,IAAIhB,EAAIM,KAAKY,aAAe,GAAGC,QAAQ,IAAI,sBAC7mCC,EAAkB,G,YCmEtB,GACEC,KAAM,eACNC,MAAO,CACLhB,KAAM,CACJiB,KAAMC,OACNC,QAAS,eAGbC,KARF,WASI,MAAO,CAGLC,SAAS,EACTC,SAAS,EACTC,SAAS,IAGbC,SAAU,CACRrB,QADJ,WAEM,OAAO,EAAb,eAGEsB,QAAS,CACPpB,YADJ,SACA,GACM,OAAN,EACA,kBACA,aC9FqW,I,wBCQjWqB,EAAY,eACd,EACAjC,EACAqB,GACA,EACA,KACA,KACA,MAIa,aAAAY,E,6CCnBf,yBAAsiB,EAAG,G","file":"js/chunk-1c887ddf.65c46697.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{},[(_vm.item.imgPath)?_c('div',{staticClass:\"image-wrapper\"},[_c('img',{attrs:{\"src\":_vm.baseUrl + _vm.item.imgPath}})]):_c('div',{staticClass:\"image-wrapper\"},[_c('img',{attrs:{\"src\":_vm.getAssetUrl()}})]),_c('div',{staticClass:\"card-section\"},[_c('div',{staticClass:\"grid-x text-center grid-padding-y\"},[_c('div',{staticClass:\"cell\"},[_c('div',{staticClass:\"font-bold ellipsis\",staticStyle:{\"text-transform\":\"capitalize\"},attrs:{\"title\":_vm.item.nameInfo.contentData}},[_c('span',{staticClass:\"card-product-title\"},[_vm._v(\" \"+_vm._s(_vm.item.nameInfo.contentData)+\" \")])]),_c('div',{staticStyle:{\"display\":\"-webkit-box\",\"-webkit-line-clamp\":\"2\",\"-webkit-box-orient\":\"vertical\",\"overflow\":\"hidden\"}},[_c('span',{staticClass:\"card-product-description\"},[_vm._v(\" \"+_vm._s(_vm.item.descriptionInfo.contentData)+\" \"),_c('br'),_c('br'),_c('br')]),_c('br'),_c('br')]),_c('div',{staticStyle:{}},[_c('span',{staticClass:\"card-product-price\",staticStyle:{\"line-height\":\"1rem\"}},[_vm._v(\" \"+_vm._s((_vm.item.marketPrice || 0).toFixed(2))+\" USD \")])])])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n<div class=\"\">\r\n    <div class=\"image-wrapper\" v-if=\"item.imgPath\">\r\n      <img :src=\"baseUrl + item.imgPath\" />\r\n    </div>\r\n    <div class=\"image-wrapper\" v-else>\r\n      <img :src=\"getAssetUrl()\" />\r\n    </div>\r\n\r\n    <div class=\"card-section\">\r\n      <div class=\"grid-x text-center grid-padding-y\">\r\n        <div class=\"cell\">\r\n          <div\r\n            class=\"font-bold ellipsis\"\r\n            style=\"text-transform: capitalize;\"\r\n            :title=\"item.nameInfo.contentData\"\r\n          >\r\n            <span class=\"card-product-title\">\r\n            {{ item.nameInfo.contentData }}\r\n            </span>\r\n          </div>\r\n          <div\r\n            style=\"display: -webkit-box;\r\n  -webkit-line-clamp: 2;\r\n  -webkit-box-orient: vertical;  \r\n  overflow: hidden;\"\r\n          > \r\n            <span class=\"card-product-description\">\r\n            {{ item.descriptionInfo.contentData }}\r\n            <br />\r\n            <br />\r\n            <br />\r\n            </span>\r\n            <br />\r\n            <br />\r\n          </div>\r\n\r\n          <div class=\"\" style=\"    \">\r\n            <!-- <span\r\n                              class=\"priceOld\"\r\n                              style=\"    \r\n                          color: #7d7d7d;\r\n                          font-size: 0.8125rem;\r\n                          line-height: 1rem;\r\n                          text-decoration: line-through;\"\r\n                            >\r\n                              120RMB\r\n                            </span> -->\r\n            <span\r\n              class=\"card-product-price\"\r\n              style=\"\r\n                          line-height: 1rem;\r\n                          \"\r\n            >\r\n              {{ (item.marketPrice || 0).toFixed(2) }} USD\r\n            </span>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  <!-- </router-link> -->\r\n\r\n</div>\r\n</template>\r\n\r\n<script>\r\nimport configService from \"@/app/config-service.js\";\r\n\r\nexport default {\r\n  name: \"product-card\",\r\n  props: {\r\n    item: {\r\n      type: Object,\r\n      default: () => {},\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      //model: {},\r\n\r\n      isValid: false,\r\n      loading: false,\r\n      errored: false,\r\n    };\r\n  },\r\n  computed: {\r\n    baseUrl() {\r\n      return configService.baseUrl;\r\n    }\r\n  },\r\n  methods: {\r\n    getAssetUrl(assetName) {\r\n       return assetName ? \r\n      require(\"@/assets/images/\" + assetName): \r\n      require(\"@/assets/images/overlay.png\");\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n\r\n.card-product-title{\r\n  // font-size: 1.875rem;\r\n  color: 5c5c5c;\r\n    display: -webkit-box;\r\n  -webkit-line-clamp: 2;\r\n  -webkit-box-orient: vertical;\r\n  overflow: hidden;\r\n}\r\n.card-product-description{\r\n  // font-size: 1.5rem;\r\n  color: 9c9c9c;\r\n    display: -webkit-box;\r\n  -webkit-line-clamp: 2;\r\n  -webkit-box-orient: vertical;\r\n  overflow: hidden;\r\n}\r\n.card-product-price{\r\n  // font-size: 1.5rem;\r\n  color: #000000;\r\n  font-weight: bold;\r\n}\r\n\r\n.card-product {\r\n  transition: all .3s ease;\r\n\r\n  .price.red{\r\n    transition: all .3s ease;\r\n  }\r\n\r\n  .image-wrapper {\r\n    min-height: 218px;\r\n    img {\r\n      max-height: 218px;\r\n    }\r\n  }\r\n   &:hover,\r\n   &:focus{\r\n  //   color: inherit;\r\n    .price.red{\r\n      font-weight: bold;\r\n    }\r\n   }\r\n}\r\n\r\n.product-catalog {\r\n  a.category {\r\n    color: inherit;\r\n    &.subCategoryActive{\r\n      //font-weight: bold;\r\n      //text-decoration: underline;\r\n      background-color: #e1edf8;\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./product-card.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./product-card.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./product-card.vue?vue&type=template&id=1f8d92c4&\"\nimport script from \"./product-card.vue?vue&type=script&lang=js&\"\nexport * from \"./product-card.vue?vue&type=script&lang=js&\"\nimport style0 from \"./product-card.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./product-card.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./product-card.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}