{"version":3,"sources":["webpack:///./src/components/PackshotBasketButton.vue?2752","webpack:///./src/components/PackshotBasketButton.vue?b8cb","webpack:///src/components/PackshotBasketButton.vue","webpack:///./src/components/PackshotBasketButton.vue?ed55","webpack:///./src/components/PackshotBasketButton.vue?a5d0"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","packShotItemIds","includes","productId","attrs","basketButtonRemoveText","on","$event","stopPropagation","removeFromCart","basketButtonText","addToCart","staticRenderFns","name","props","type","String","required","default","methods","$store","dispatch","computed","getters","containedItemExternalIds","component"],"mappings":"+IAAA,W,yCCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,yBAAyB,CAAGN,EAAIO,gBAAgBC,SAASR,EAAIS,WAAoPL,EAAG,WAAW,CAACE,YAAY,eAAeI,MAAM,CAAC,MAAQV,EAAIW,uBAAuB,QAAU,UAAUC,GAAG,CAAC,MAAQ,SAASC,GAAiC,OAAzBA,EAAOC,kBAAyBd,EAAIe,eAAeF,MAAW,CAACT,EAAG,SAAS,CAACM,MAAM,CAAC,KAAO,4BAA4B,GAAneN,EAAG,WAAW,CAACE,YAAY,eAAeI,MAAM,CAAC,MAAQV,EAAIgB,iBAAiB,QAAU,UAAUJ,GAAG,CAAC,MAAQ,SAASC,GAAiC,OAAzBA,EAAOC,kBAAyBd,EAAIiB,UAAUJ,MAAW,CAACT,EAAG,SAAS,CAACM,MAAM,CAAC,KAAO,iBAAiB,IAAkQ,IAClqBQ,EAAkB,GCYtB,GACEC,KAAM,qBACNC,MAAO,CACLX,UAAW,CACTY,KAAMC,OACNC,UAAU,GAEZP,iBAAkB,CAChBK,KAAMC,OACNE,QAAS,IAEXb,uBAAwB,CACtBU,KAAMC,OACNE,QAAS,KAGbC,QAAS,CACPR,UADJ,WAEMhB,KAAKyB,OAAOC,SAAS,2BAA4B,CAAvD,4BAEIZ,eAJJ,WAKMd,KAAKyB,OAAOC,SAAS,8BAA+B,CAA1D,4CAGEC,SAAU,CACRrB,gBADJ,WAEM,OAAON,KAAKyB,OAAOG,QAAQ,wBAAwBC,4BCvCqS,I,wBCQ1VC,EAAY,eACd,EACAhC,EACAmB,GACA,EACA,KACA,KACA,MAIa,aAAAa,E","file":"js/component-packshot.408ad4fc.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!./PackshotBasketButton.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-basketbutton\"},[(!_vm.packShotItemIds.includes(_vm.productId))?_c('b-button',{staticClass:\"basketbutton\",attrs:{\"title\":_vm.basketButtonText,\"variant\":\"custom\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.addToCart($event)}}},[_c('b-icon',{attrs:{\"icon\":\"b-bookmark\"}})],1):_c('b-button',{staticClass:\"basketbutton\",attrs:{\"title\":_vm.basketButtonRemoveText,\"variant\":\"custom\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.removeFromCart($event)}}},[_c('b-icon',{attrs:{\"icon\":\"b-bookmark-check-fill\"}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"packshot-basketbutton\">\r\n    <b-button v-if=\"!packShotItemIds.includes(productId)\" class=\"basketbutton\" :title=\"basketButtonText\" variant=\"custom\" @click.stop=\"addToCart\">\r\n       <b-icon icon=\"b-bookmark\" />\r\n    </b-button>\r\n      <b-button v-else class=\"basketbutton\" :title=\"basketButtonRemoveText\" variant=\"custom\" @click.stop=\"removeFromCart\">\r\n       <b-icon icon=\"b-bookmark-check-fill\" />\r\n    </b-button>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n\r\nexport default {\r\n  name: 'PackshotListButton',\r\n  props: {\r\n    productId: {\r\n      type: String,\r\n      required: true\r\n    },\r\n    basketButtonText: {\r\n      type: String,\r\n      default: ''\r\n    },\r\n    basketButtonRemoveText: {\r\n      type: String,\r\n      default: ''\r\n    }\r\n  },\r\n  methods: {\r\n    addToCart () {\r\n      this.$store.dispatch('packshotlistcart/addItem', { productId: this.productId })\r\n    },\r\n    removeFromCart () {\r\n      this.$store.dispatch('packshotlistcart/removeItem', { itemId: this.productId, omitLastAction: true })\r\n    }\r\n  },\r\n  computed: {\r\n    packShotItemIds () {\r\n      return this.$store.getters['packshotlistcart/get'].containedItemExternalIds\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n$productbasketbutton-padding-y: $btn-padding-y * 0.4 !default;\r\n$productbasketbutton-padding-x: $productbasketbutton-padding-y !default;\r\n$productbasketbutton-bg: $primary !default;\r\n$productbasketbutton-border: transparent !default;\r\n$productbasketbutton-font-weight: $font-weight-bold !default;\r\n$productbasketbutton-line-height: 1.1 !default;\r\n$productbasketbutton-hover-bg: darken($productbasketbutton-bg, 5%) !default;\r\n$productbasketbutton-hover-border: darken($productbasketbutton-border, 5%) !default;\r\n\r\n$productbasketbutton-text-padding-y: 0 !default;\r\n$productbasketbutton-text-padding-x: $spacer !default;\r\n\r\n.packshot-basketbutton {\r\n  position:absolute;\r\n  top:0;\r\n  right:0;\r\n  width:45px;\r\n  height:45px;\r\n\r\n  .basketbutton {\r\n    @include button-variant($productbasketbutton-bg, $productbasketbutton-border, $productbasketbutton-hover-bg, $productbasketbutton-hover-border);\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    padding: $productbasketbutton-padding-y $productbasketbutton-padding-x;\r\n    width: 100%;\r\n    font-weight: $productbasketbutton-font-weight;\r\n    line-height: $productbasketbutton-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!./PackshotBasketButton.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!./PackshotBasketButton.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PackshotBasketButton.vue?vue&type=template&id=423fdb86&\"\nimport script from \"./PackshotBasketButton.vue?vue&type=script&lang=js&\"\nexport * from \"./PackshotBasketButton.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PackshotBasketButton.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":""}