{"version":3,"sources":["webpack:///./src/components/Elements/BtnFavorite.vue","webpack:///src/components/Elements/BtnFavorite.vue","webpack:///./src/components/Elements/BtnFavorite.vue?afde","webpack:///./src/components/Elements/BtnFavorite.vue?1d10","webpack:///./src/components/Elements/BtnFavorite.vue?05d0"],"names":["render","_vm","this","_c","_self","attrs","on","$event","preventDefault","stopPropagation","clickFavorite","apply","arguments","class","isFavorite","staticRenderFns","name","props","productId","required","id","description","cid","default","sid","data","computed","favorites","watch","immediate","handler","favorite","methods","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,WAAW,CAACE,MAAM,CAAC,QAAU,QAAQC,GAAG,CAAC,MAAQ,SAASC,GAAyD,OAAjDA,EAAOC,iBAAiBD,EAAOE,kBAAyBR,EAAIS,cAAcC,MAAM,KAAMC,cAAc,CAACT,EAAG,IAAI,CAACU,MAAMZ,EAAIa,WAAa,aAAa,gBAErRC,EAAkB,GCQP,GACfC,mBACAC,OACAC,WACAC,aAEAC,IACAD,aAEAE,aACAF,aAEAG,KACAC,kBAEAC,KACAD,mBAGAE,OACA,OACAX,gBAGAY,UACAC,YACA,qDAGAC,OACAD,WACAE,aACAC,WACA,WACA,SAAAV,GAAA,KACA,oBACAW,yCAEA,sCAIAC,SACAtB,gBACA,iCACA,SAAAU,GAAA,MACA,IAAAI,GAAA,MACA,IAAAF,GAAA,MACA,YAAAD,GAAA,KACA,gBACA,uCACAD,KAAAI,MAAAF,MAAAJ,2BAGA,qCACAE,KAAAI,MAAAF,MAAAD,cAAAH,gCAIA,yBCrEmW,I,wBCQ/Ve,EAAY,eACd,EACAjC,EACAe,GACA,EACA,KACA,WACA,MAIa,aAAAkB,E,6CCnBf,Y","file":"js/chunk-6e4c31c2.f0556358.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('b-button',{attrs:{\"variant\":\"star\"},on:{\"click\":function($event){$event.preventDefault();$event.stopPropagation();return _vm.clickFavorite.apply(null, arguments)}}},[_c('i',{class:_vm.isFavorite ? 'pki-star-2':'pki-star'})])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-button\r\n    variant=\"star\"\r\n    @click.prevent.stop=\"clickFavorite\"\r\n  >\r\n    <i :class=\"isFavorite ? 'pki-star-2':'pki-star'\" />\r\n  </b-button>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'BtnFavorite',\r\n  props: {\r\n    productId: {\r\n      required: true,\r\n    },\r\n    id: {\r\n      required: true,\r\n    },\r\n    description: {\r\n      required: true,\r\n    },\r\n    cid: {\r\n      default: () => null,\r\n    },\r\n    sid: {\r\n      default: () => null,\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      isFavorite: false,\r\n    };\r\n  },\r\n  computed: {\r\n    favorites() {\r\n      return this.$store.state.favorites[this.productId];\r\n    },\r\n  },\r\n  watch: {\r\n    favorites: {\r\n      immediate: true,\r\n      handler(val) {\r\n        let favorite = null;\r\n        const { id } = this;\r\n        if (!this._.isEmpty(val)) {\r\n          favorite = val.find((obj) => Number(obj.code) === Number(id));\r\n        }\r\n        this.isFavorite = !this._.isEmpty(favorite);\r\n      },\r\n    },\r\n  },\r\n  methods: {\r\n    clickFavorite() {\r\n      if (this.$store.state.user.token) {\r\n        const { id } = this;\r\n        const { sid } = this;\r\n        const { cid } = this;\r\n        const { description } = this;\r\n        if (this.isFavorite) {\r\n          this.$store.dispatch('deleteFavorite', {\r\n            id, sid, cid, productId: this.productId,\r\n          });\r\n        } else {\r\n          this.$store.dispatch('postFavorite', {\r\n            id, sid, cid, description, productId: this.productId,\r\n          });\r\n        }\r\n      } else {\r\n        this.openModalLogin();\r\n      }\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.btn-star{\r\n  padding: 0;\r\n  color: var(--color-primary);\r\n  font-size: 20px;\r\n  line-height: 1;\r\n  background: transparent;\r\n  border: none;\r\n\r\n  &:active, &:focus {\r\n    outline: none;\r\n    box-shadow: none;\r\n  }\r\n\r\n  @media (min-width: 426px) {\r\n    &:hover {\r\n      &.isFavorite {\r\n        i {\r\n          &:before {\r\n            content: '\\e910';\r\n          }\r\n        }\r\n      }\r\n\r\n      &:not(.isFavorite) {\r\n        i {\r\n          &:before {\r\n            content: '\\e911';\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\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!./BtnFavorite.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!./BtnFavorite.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./BtnFavorite.vue?vue&type=template&id=13c05501&scoped=true\"\nimport script from \"./BtnFavorite.vue?vue&type=script&lang=js\"\nexport * from \"./BtnFavorite.vue?vue&type=script&lang=js\"\nimport style0 from \"./BtnFavorite.vue?vue&type=style&index=0&id=13c05501&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  \"13c05501\",\n  null\n  \n)\n\nexport default component.exports","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!./BtnFavorite.vue?vue&type=style&index=0&id=13c05501&prod&lang=scss&scoped=true\""],"sourceRoot":""}