{"version":3,"sources":["webpack:///./src/views/resources/store/CardProductList.vue?6b6c","webpack:///./src/views/resources/store/CardProductList.vue?351c","webpack:///src/views/resources/store/CardProductList.vue","webpack:///./src/views/resources/store/CardProductList.vue?8ada","webpack:///./src/views/resources/store/CardProductList.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","on","handleSetProduct","attrs","prd_image_file_path","_v","_s","prd_name","labelItem","prd_code","labelPrice","prd_display_price","label_product_not_available","_e","prd_show_out_of_stock","$event","stopPropagation","handleSetItem","btnAddToCart","staticRenderFns","name","props","itemId","type","String","default","prd_key","Boolean","data","methods","$emit","quantity","computed","isAltClass","className","component"],"mappings":"kHAAA,W,yDCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,OAAOC,GAAG,CAAC,MAAQP,EAAIQ,mBAAmB,CAACJ,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,gBAAgBG,MAAM,CAAC,IAAMR,KAAKS,oBAAoB,IAAM,QAAQN,EAAG,IAAI,CAACE,YAAY,aAAa,CAACF,EAAG,OAAO,CAACE,YAAY,YAAY,CAACN,EAAIW,GAAGX,EAAIY,GAAGZ,EAAIa,aAAaT,EAAG,MAAMJ,EAAIW,GAAG,IAAIX,EAAIY,GAAGZ,EAAIc,WAAW,KAAKV,EAAG,OAAO,CAACE,YAAY,YAAY,CAACN,EAAIW,GAAGX,EAAIY,GAAGZ,EAAIe,aAAaX,EAAG,MAAMJ,EAAIW,GAAG,IAAIX,EAAIY,GAAGZ,EAAIgB,YAAY,KAAKhB,EAAIY,GAAGZ,EAAIiB,oBAAoBb,EAAG,MAAOJ,EAAyB,sBAAEI,EAAG,OAAO,CAACE,YAAY,gBAAgB,CAACN,EAAIW,GAAGX,EAAIY,GAAGZ,EAAIkB,gCAAgClB,EAAImB,OAAOf,EAAG,WAAW,CAACE,YAAY,OAAOG,MAAM,CAAC,QAAU,UAAU,SAAWT,EAAIoB,uBAAuBb,GAAG,CAAC,MAAQ,SAASc,GAAiC,OAAzBA,EAAOC,kBAAyBtB,EAAIuB,cAAcF,MAAW,CAACrB,EAAIW,GAAG,IAAIX,EAAIY,GAAGZ,EAAIwB,cAAc,QAAQ,MACz9BC,EAAkB,GC0BtB,GACEC,KAAM,oBACNC,MAAO,CACLC,OAAQ,CACNC,KAAMC,OACNC,QAAS,IAEXC,QAAS,CACPH,KAAMC,OACNC,QAAS,IAEXhB,SAAU,CACRc,KAAMC,OACNC,QAAS,IAEXrB,oBAAqB,CACnBmB,KAAMC,OACNC,QAAS,KAEXd,kBAAmB,CACjBY,KAAMC,OACNC,QAAS,GAEXlB,SAAU,CACRgB,KAAMC,OACNC,QAAS,IAEXX,sBAAuB,CACrBS,KAAMI,QACNF,SAAS,GAEXb,4BAA6B,CAC3BW,KAAMC,OACNC,QAAS,oBAEXP,aAAc,CACZK,KAAMC,OACNC,QAAS,mBAEXf,WAAY,CACVa,KAAMC,OACNC,QAAS,aAEXjB,UAAW,CACTe,KAAMC,OACNC,QAAS,aAIbG,KAjDF,WAkDI,MAAO,IAETC,QAAS,CACPZ,cADJ,WAEMtB,KAAKmC,MAAM,WAAY,CACrBR,OAAQ3B,KAAK2B,OACbI,QAAS/B,KAAK+B,QACdK,SAAU,KAGd7B,iBARJ,WASMP,KAAKmC,MAAM,cAAe,CACxBR,OAAQ3B,KAAK2B,OACbI,QAAS/B,KAAK+B,YAIpBM,SAAU,CACRC,WADJ,WAEM,MAA0B,aAAnBtC,KAAKuC,aChGqW,I,wBCQnXC,EAAY,eACd,EACA1C,EACA0B,GACA,EACA,KACA,WACA,MAIa,OAAAgB,E","file":"js/chunk-fb68c688.39f9077e.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CardProductList.vue?vue&type=style&index=0&id=cd306258&prod&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"card\",on:{\"click\":_vm.handleSetProduct}},[_c('div',{staticClass:\"card-body\"},[_c('div',{staticClass:\"icon-text\"},[_c('img',{staticClass:\"product-image\",attrs:{\"src\":this.prd_image_file_path,\"alt\":\"\"}})]),_c('p',{staticClass:\"card-text\"},[_c('span',{staticClass:\"stronger\"},[_vm._v(_vm._s(_vm.prd_name))]),_c('br'),_vm._v(\" \"+_vm._s(_vm.labelItem)+\" \"),_c('span',{staticClass:\"stronger\"},[_vm._v(_vm._s(_vm.prd_code))]),_c('br'),_vm._v(\" \"+_vm._s(_vm.labelPrice)+\" $\"+_vm._s(_vm.prd_display_price)),_c('br'),(_vm.prd_show_out_of_stock)?_c('span',{staticClass:\"out-of-stock\"},[_vm._v(_vm._s(_vm.label_product_not_available))]):_vm._e()]),_c('b-button',{staticClass:\"mt-5\",attrs:{\"variant\":\"primary\",\"disabled\":_vm.prd_show_out_of_stock},on:{\"click\":function($event){$event.stopPropagation();return _vm.handleSetItem($event)}}},[_vm._v(\" \"+_vm._s(_vm.btnAddToCart)+\" \")])],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"card\" @click=\"handleSetProduct\">\n    <div class=\"card-body\">\n      <div class=\"icon-text\">\n        <img :src=\"this.prd_image_file_path\" alt=\"\" class=\"product-image\">\n      </div>\n      <p class=\"card-text\">\n        <span class=\"stronger\">{{ prd_name }}</span><br>\n        {{ labelItem }} <span class=\"stronger\">{{ prd_code }}</span><br>\n        {{ labelPrice }} ${{ prd_display_price }}<br>\n        <span class=\"out-of-stock\" v-if=\"prd_show_out_of_stock\">{{ label_product_not_available }}</span>\n      </p>\n      <b-button\n         @click.stop=\"handleSetItem\"\n        variant=\"primary\"\n        class=\"mt-5\"\n         :disabled=\"prd_show_out_of_stock\"\n      >\n        {{ btnAddToCart }}\n      </b-button>\n    </div>\n  </div>\n</template>\n\n<script>\n/* eslint-disable */\n\nexport default {\n  name: 'card-product-list',\n  props: {\n    itemId: {\n      type: String,\n      default: '',\n    },\n    prd_key: {\n      type: String,\n      default: '',\n    },\n    prd_code: {\n      type: String,\n      default: '',\n    },\n    prd_image_file_path: {\n      type: String,\n      default: '/',\n    },\n    prd_display_price: {\n      type: String,\n      default: 0,\n    },\n    prd_name: {\n      type: String,\n      default: '',\n    },\n    prd_show_out_of_stock: {\n      type: Boolean,\n      default: false,\n    },\n    label_product_not_available: {\n      type: String,\n      default: 'TESTOut of Stock',\n    },\n    btnAddToCart: {\n      type: String,\n      default: 'TESTAdd To Cart',\n    },\n    labelPrice: {\n      type: String,\n      default: 'TESTPrice',\n    },\n    labelItem: {\n      type: String,\n      default: 'TESTItem',\n    },\n\n  },\n  data() {\n    return {}\n  },\n  methods: {\n    handleSetItem() {\n      this.$emit('set_item', {\n        itemId: this.itemId,\n        prd_key: this.prd_key,\n        quantity: 1\n      })\n    },\n    handleSetProduct() {\n      this.$emit('set_product', {\n        itemId: this.itemId,\n        prd_key: this.prd_key\n      })\n    },\n  },\n  computed: {\n    isAltClass() {\n      return this.className === 'altColor'\n    }\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n@import '@/styles/global.scss';\n@import '@/styles/bootstrap/b-button.scss';\n\n.product-image {\n max-width: 270px;\n min-width: 200px;\n @include breakpoint(sm) {\n    max-width: 500px;\n    min-width: 250px;\n  }\n}\n.altColor {\n  background-color: $secondary-color !important;\n  &:hover {\n    background-color: $primary-color !important;\n  }\n}\n.out-of-stock {\n  color: red;\n  font-style: italic;\n  font-weight: bold;\n}\n.icon {\n  margin: 0 auto;\n}\n.card {\n  justify-content: center;\n  -webkit-box-shadow: none !important;\n  -moz-box-shadow: none !important;\n  box-shadow: none !important;\n  width: 100%;\n  &:hover {\n    border: 1px solid #e9e9e9;\n    box-shadow: 0 2px 10px 3px rgba(0, 0, 0, 0.2) !important;\n    cursor: pointer;\n  }\n  .card-body {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    align-items: center;\n    .icon-text {\n      text-align: center;\n    }\n    .card-title {\n      margin-bottom: 17px;\n      margin-top: 15px;\n      color: $primary-color;\n      font-family: $DIN;\n      font-size: 30px;\n      letter-spacing: 1px;\n      line-height: 44px;\n      text-transform: uppercase;\n      text-align: center;\n    }\n    .card-text {\n      font-family: \"Open Sans\", sans-serif, Helvetica, Arial, sans-serif;\n      font-size: 1rem;\n      text-align: center;\n      .stronger {\n        font-weight: bold;\n      }\n      line-height: 30px;\n    }\n  }\n  .border-bot {\n    border-bottom: 8px solid $primary-color;\n    border-left: none !important;\n    border-right: none !important;\n    margin-right: none !important;\n  }\n}\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CardProductList.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CardProductList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CardProductList.vue?vue&type=template&id=cd306258&scoped=true&\"\nimport script from \"./CardProductList.vue?vue&type=script&lang=js&\"\nexport * from \"./CardProductList.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CardProductList.vue?vue&type=style&index=0&id=cd306258&prod&lang=scss&scoped=true&\"\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  \"cd306258\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}