{"version":3,"sources":["webpack:///resources/js/src/app/components/itemList/AddToWishList.vue","webpack:///./resources/js/src/app/components/itemList/AddToWishList.vue?d376","webpack:///./resources/js/src/app/components/itemList/AddToWishList.vue","webpack:///./resources/js/src/app/components/itemList/AddToWishList.vue?be46","webpack:///./resources/js/src/app/components/itemList/AddToWishList.vue?11a0"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA;;AAEA;;AAEA;AACA;AACA;AADA,GADA;AAIA,MAJA,kBAIA;AACA;AACA;AADA;AAGA,GARA;AASA;AACA,yBADA,mCACA;AACA;AACA;AAHA,KAIA;AACA;AAAA;AAAA;AADA,IAJA,CATA;AAiBA;AACA,eADA,yBACA;AACA;AACA;AACA,OAFA,MAEA;AACA;AACA;AACA,KAPA;AAQA,iBARA,2BAQA;AAAA;;AACA;AACA;AACA,gEACA;AACA;AAEA,sCACA,2DADA,EAEA,UAFA,CAEA,IAFA;AAGA,SAPA,EAQA;AACA;AACA,SAVA;AAWA;AACA,KAvBA;AAwBA,sBAxBA,gCAwBA;AAAA;;AACA;AACA;AACA;AAAA;AAAA;AACA;AAEA,sCACA,8DADA,EAEA,UAFA,CAEA,IAFA;AAGA,SANA,EAOA;AACA;AACA,SATA;AAUA;AACA;AAtCA;AAjBA,G;;;;;;;;;;;;ACfA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,cAAc,wDAAwD;AACtE;AACA;AACA;AACA,SAAS;AACT,OAAO;AACP,KAAK;AACL;AACA;AACA;AACA;AACA;AACA,kBAAkB,kDAAkD;AACpE,SAAS;AACT,oBAAoB,SAAS,gCAAgC,EAAE;AAC/D;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;AC5BA;AAAA;AAAA;AAAA;AAA4F;AAC3B;AACL;;;AAG5D;AACsG;AACtG,gBAAgB,2GAAU;AAC1B,EAAE,mFAAM;AACR,EAAE,wFAAM;AACR,EAAE,iGAAe;AACjB;AACA;AACA;AACA;;AAEA;;AAEA;AACA,IAAI,KAAU,EAAE,YAiBf;AACD;AACe,gF;;;;;;;;;;;;ACtCf;AAAA;AAAA,wCAAqM,CAAgB,iPAAG,EAAC,C;;;;;;;;;;;;ACAzN;AAAA;AAAA;AAAA;AAAA;AAAA","file":"chunks/ceres-client-45.js","sourcesContent":["<template>\n    <div class=\"product-wishlist d-flex\"\n         :class=\"{'product-wishlist--active': isVariationInWishList}\"\n         @click=\"switchState()\">\n        <svg class=\"bi\" width=\"18\" height=\"17\" fill=\"currentColor\">\n            <use xlink:href=\"#svg-wishlist\"/>\n        </svg>\n    </div>\n</template>\n\n<script>\nimport {mapState} from \"vuex\";\n\nconst NotificationService = require(\"ceres/app/services/NotificationService\");\n\nexport default {\n    props: {\n        itemId: Number\n    },\n    data() {\n        return {\n            isLoading: false\n        };\n    },\n    computed: {\n        isVariationInWishList() {\n            return this.wishListIds.includes(this.itemId);\n        },\n        ...mapState({\n            wishListIds: state => state.wishList.wishListIds\n        })\n    },\n    methods: {\n        switchState() {\n            if (this.isVariationInWishList) {\n                this.removeFromWishList();\n            } else {\n                this.addToWishList();\n            }\n        },\n        addToWishList() {\n            if (!this.isLoading) {\n                this.isLoading = true;\n                this.$store.dispatch(\"addToWishList\", this.itemId).then(\n                    response => {\n                        this.isLoading = false;\n\n                        NotificationService.success(\n                            this.$translate(\"Ceres::Template.singleItemWishListAdded\")\n                        ).closeAfter(3000);\n                    },\n                    error => {\n                        this.isLoading = false;\n                    });\n            }\n        },\n        removeFromWishList() {\n            if (!this.isLoading) {\n                this.isLoading = true;\n                this.$store.dispatch(\"removeWishListItem\", {id: this.itemId}).then(response => {\n                        this.isLoading = false;\n\n                        NotificationService.success(\n                            this.$translate(\"Ceres::Template.singleItemWishListRemoved\")\n                        ).closeAfter(3000);\n                    },\n                    error => {\n                        this.isLoading = false;\n                    });\n            }\n        }\n    }\n}\n\n</script>\n","var render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    {\n      staticClass: \"product-wishlist d-flex\",\n      class: { \"product-wishlist--active\": _vm.isVariationInWishList },\n      on: {\n        click: function ($event) {\n          return _vm.switchState()\n        },\n      },\n    },\n    [\n      _c(\n        \"svg\",\n        {\n          staticClass: \"bi\",\n          attrs: { width: \"18\", height: \"17\", fill: \"currentColor\" },\n        },\n        [_c(\"use\", { attrs: { \"xlink:href\": \"#svg-wishlist\" } })]\n      ),\n    ]\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./AddToWishList.vue?vue&type=template&id=6050e655&\"\nimport script from \"./AddToWishList.vue?vue&type=script&lang=js&\"\nexport * from \"./AddToWishList.vue?vue&type=script&lang=js&\"\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\n/* hot reload */\nif (module.hot) {\n  var api = require(\"/Users/fhartwig/Sites/DIA-3dprima_v2/node_modules/vue-hot-reload-api/dist/index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('6050e655')) {\n      api.createRecord('6050e655', component.options)\n    } else {\n      api.reload('6050e655', component.options)\n    }\n    module.hot.accept(\"./AddToWishList.vue?vue&type=template&id=6050e655&\", function () {\n      api.rerender('6050e655', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"resources/js/src/app/components/itemList/AddToWishList.vue\"\nexport default component.exports","import mod from \"-!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AddToWishList.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AddToWishList.vue?vue&type=script&lang=js&\"","export * from \"-!../../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AddToWishList.vue?vue&type=template&id=6050e655&\""],"sourceRoot":""}