{"version":3,"sources":["webpack:///./src/components/WishListButton.vue?cf0b","webpack:///./src/components/WishListButton.vue?df8f","webpack:///src/components/WishListButton.vue","webpack:///./src/components/WishListButton.vue?9c19","webpack:///./src/components/WishListButton.vue?f530"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","wishListItemIds","includes","productId","attrs","wishListButtonRemoveText","on","$event","stopPropagation","removeFromWishList","wishListButtonText","addToWishList","staticRenderFns","name","props","type","String","required","default","methods","$store","dispatch","computed","getters","containedItemExternalIds","component"],"mappings":"oHAAA,W,2CCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,2BAA2B,CAAGN,EAAIO,gBAAgBC,SAASR,EAAIS,WAAyPL,EAAG,WAAW,CAACE,YAAY,iBAAiBI,MAAM,CAAC,MAAQV,EAAIW,yBAAyB,QAAU,UAAUC,GAAG,CAAC,MAAQ,SAASC,GAAiC,OAAzBA,EAAOC,kBAAyBd,EAAIe,mBAAmBF,MAAW,CAACT,EAAG,SAAS,CAACM,MAAM,CAAC,KAAO,mBAAmB,GAAveN,EAAG,WAAW,CAACE,YAAY,iBAAiBI,MAAM,CAAC,MAAQV,EAAIgB,mBAAmB,QAAU,UAAUJ,GAAG,CAAC,MAAQ,SAASC,GAAiC,OAAzBA,EAAOC,kBAAyBd,EAAIiB,cAAcJ,MAAW,CAACT,EAAG,SAAS,CAACM,MAAM,CAAC,KAAO,cAAc,IAAiQ,IACxqBQ,EAAkB,GCYtB,GACEC,KAAM,iBACNC,MAAO,CACLX,UAAW,CACTY,KAAMC,OACNC,UAAU,GAEZP,mBAAoB,CAClBK,KAAMC,OACNE,QAAS,IAEXb,yBAA0B,CACxBU,KAAMC,OACNE,QAAS,KAGbC,QAAS,CACPR,cADJ,WAEMhB,KAAKyB,OAAOC,SAAS,uBAAwB,CAAnD,4BAEIZ,mBAJJ,WAKMd,KAAKyB,OAAOC,SAAS,0BAA2B,CAAtD,4CAGEC,SAAU,CACRrB,gBADJ,WAEM,OAAON,KAAKyB,OAAOG,QAAQ,oBAAoBC,4BCvCmS,I,wBCQpVC,EAAY,eACd,EACAhC,EACAmB,GACA,EACA,KACA,KACA,MAIa,aAAAa,E","file":"js/component-wishlist.6722b8f1.js","sourcesContent":["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!./WishListButton.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"packshot-wishlistbutton\"},[(!_vm.wishListItemIds.includes(_vm.productId))?_c('b-button',{staticClass:\"wishlistbutton\",attrs:{\"title\":_vm.wishListButtonText,\"variant\":\"custom\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.addToWishList($event)}}},[_c('b-icon',{attrs:{\"icon\":\"b-heart\"}})],1):_c('b-button',{staticClass:\"wishlistbutton\",attrs:{\"title\":_vm.wishListButtonRemoveText,\"variant\":\"custom\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.removeFromWishList($event)}}},[_c('b-icon',{attrs:{\"icon\":\"b-heart-fill\"}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"packshot-wishlistbutton\">\r\n    <b-button v-if=\"!wishListItemIds.includes(productId)\" class=\"wishlistbutton\" :title=\"wishListButtonText\" variant=\"custom\" @click.stop=\"addToWishList\">\r\n      <b-icon icon=\"b-heart\" />\r\n    </b-button>\r\n    <b-button v-else class=\"wishlistbutton\" :title=\"wishListButtonRemoveText\" variant=\"custom\" @click.stop=\"removeFromWishList\">\r\n      <b-icon icon=\"b-heart-fill\" />\r\n    </b-button>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n\r\nexport default {\r\n  name: 'WishListButton',\r\n  props: {\r\n    productId: {\r\n      type: String,\r\n      required: true\r\n    },\r\n    wishListButtonText: {\r\n      type: String,\r\n      default: ''\r\n    },\r\n    wishListButtonRemoveText: {\r\n      type: String,\r\n      default: ''\r\n    }\r\n  },\r\n  methods: {\r\n    addToWishList () {\r\n      this.$store.dispatch('wishlistcart/addItem', { productId: this.productId })\r\n    },\r\n    removeFromWishList () {\r\n      this.$store.dispatch('wishlistcart/removeItem', { itemId: this.productId, omitLastAction: true })\r\n    }\r\n  },\r\n  computed: {\r\n    wishListItemIds () {\r\n      return this.$store.getters['wishlistcart/get'].containedItemExternalIds\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n$wishlistbutton-padding-y: $btn-padding-y * 0.4 !default;\r\n$wishlistbutton-padding-x: $wishlistbutton-padding-y !default;\r\n$wishlistbutton-bg: $primary !default;\r\n$wishlistbutton-border: transparent !default;\r\n$wishlistbutton-font-weight: $font-weight-bold !default;\r\n$wishlistbutton-line-height: 1.1 !default;\r\n$wishlistbutton-hover-bg: darken($wishlistbutton-bg, 5%) !default;\r\n$wishlistbutton-hover-border: darken($wishlistbutton-border, 5%) !default;\r\n\r\n$wishlistbutton-text-padding-y: 0 !default;\r\n$wishlistbutton-text-padding-x: $spacer !default;\r\n\r\n.packshot-wishlistbutton {\r\n  position: absolute;\r\n  top: 0;\r\n  right: 0;\r\n  width: 45px;\r\n  height: 45px;\r\n\r\n  .wishlistbutton {\r\n    @include button-variant($wishlistbutton-bg, $wishlistbutton-border, $wishlistbutton-hover-bg, $wishlistbutton-hover-border);\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    padding: $wishlistbutton-padding-y $wishlistbutton-padding-x;\r\n    width: 100%;\r\n    font-weight: $wishlistbutton-font-weight;\r\n    line-height: $wishlistbutton-line-height;\r\n    height: 100%;\r\n    width: 100%;\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!./WishListButton.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!./WishListButton.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./WishListButton.vue?vue&type=template&id=f1c50eda&\"\nimport script from \"./WishListButton.vue?vue&type=script&lang=js&\"\nexport * from \"./WishListButton.vue?vue&type=script&lang=js&\"\nimport style0 from \"./WishListButton.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"],"sourceRoot":""}