{"version":3,"sources":["webpack:///./resources/js/src/modeherz/components/item/AddToWishlistButton.vue?8edc","webpack:///resources/js/src/modeherz/components/item/AddToWishlistButton.vue","webpack:///./resources/js/src/modeherz/components/item/AddToWishlistButton.vue?6bd5","webpack:///./resources/js/src/modeherz/components/item/AddToWishlistButton.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","ref","staticClass","class","hideText","attrs","role","title","tooltipText","on","click","$event","preventDefault","switchState","_e","_v","_s","$translate","isVariationInWishList","icon","loading","isLoading","_withStripped","component","options","__file"],"mappings":"kGAAA,IAAIA,EAAS,WACX,IAAIC,EAAMC,KACNC,EAAKF,EAAIG,eACTC,EAAKJ,EAAIK,MAAMD,IAAMF,EACzB,OAAOE,EACL,IACA,CACEE,IAAK,gBACLC,YACE,+EACFC,MAAOR,EAAIS,SAAW,GAAK,QAC3BC,MAAO,CAAEC,KAAM,SAAUC,MAAOZ,EAAIa,aACpCC,GAAI,CACFC,MAAO,SAAUC,GAEf,OADAA,EAAOC,iBACAjB,EAAIkB,iBAIjB,CACGlB,EAAIS,SAMDT,EAAImB,KALJf,EAAG,OAAQ,CAAEG,YAAa,4BAA8B,CACtDP,EAAIoB,GACFpB,EAAIqB,GAAGrB,EAAIsB,WAAW,0CAI9BtB,EAAIoB,GAAG,KACPhB,EAAG,OAAQ,CACTG,YAAa,gBACbC,MAAO,CAAE,8BAA+BR,EAAIuB,uBAC5Cb,MAAO,CACLc,KAAMxB,EAAIuB,sBACN,QACAvB,EAAIS,SACJ,YACA,YACJgB,QAASzB,EAAI0B,cAInB,IAIJ3B,EAAO4B,eAAgB,E,g9BCpBvB,ICzB2N,EDyB3N,CAEA,2BAEA,OACA,aACA,YACA,aAEA,QACA,YACA,aAEA,UACA,aACA,aAIA,gBACA,OACA,eAIA,S,+VAAA,EAEA,uBACA,uBACA,qGAGA,iCACA,2DAGA,8BACA,2EAGA,uCACA,0EAEA,SAIA,+BAHA,OAKA,aACA,0DAGA,QACA,CACA,uBACA,2BACA,0BAEA,qBAEA,iCAGA,oCACA,iBACA,kBACA,8EACA,YACA,eACA,yBAEA,YACA,eACA,sBAKA,yCACA,iBACA,kBACA,oGACA,kBAEA,YACA,eACA,wB,QEzGIC,EAAY,YACd,EACA7B,EHmCoB,IGjCpB,EACA,KACA,KACA,MAuBF6B,EAAUC,QAAQC,OAAS,oEACZ,UAAAF,E","file":"chunks/ceres-client-38.min.js","sourcesContent":["var render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"a\",\n    {\n      ref: \"addToWishList\",\n      staticClass:\n        \"btn btn-sm add-to-wish-list d-flex justify-content-center align-items-center\",\n      class: _vm.hideText ? \"\" : \"w-100\",\n      attrs: { role: \"button\", title: _vm.tooltipText },\n      on: {\n        click: function ($event) {\n          $event.preventDefault()\n          return _vm.switchState()\n        },\n      },\n    },\n    [\n      !_vm.hideText\n        ? _c(\"span\", { staticClass: \"mr-2 mr-md-3 text-nowrap\" }, [\n            _vm._v(\n              _vm._s(_vm.$translate(\"Ceres::Template.singleItemWishList\"))\n            ),\n          ])\n        : _vm._e(),\n      _vm._v(\" \"),\n      _c(\"icon\", {\n        staticClass: \"default-float\",\n        class: { \"text-appearance text-danger\": _vm.isVariationInWishList },\n        attrs: {\n          icon: _vm.isVariationInWishList\n            ? \"heart\"\n            : _vm.hideText\n            ? \"heart fal\"\n            : \"heart far\",\n          loading: _vm.isLoading,\n        },\n      }),\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","<template>\n  <a\n    role=\"button\"\n    ref=\"addToWishList\"\n    class=\"btn btn-sm add-to-wish-list d-flex justify-content-center align-items-center\"\n    :class=\"hideText ? '' : 'w-100'\"\n    :title=\"tooltipText\"\n    @click.prevent=\"switchState()\"\n  >\n    <span\n      v-if=\"!hideText\"\n      class=\"mr-2 mr-md-3 text-nowrap\"\n    >{{ $translate(\"Ceres::Template.singleItemWishList\") }}</span>\n    <icon\n      :icon=\"isVariationInWishList ? 'heart' : (hideText ? 'heart fal' : 'heart far')\"\n      class=\"default-float\"\n      :class=\"{'text-appearance text-danger': isVariationInWishList}\"\n      :loading=\"isLoading\"\n    />\n  </a>\n</template>\n\n<script>\nimport { mapState } from 'vuex'\n\nexport default {\n\n    name: 'AddToWishListButton',\n\n    props: {\n        variationId: {\n            type: Number,\n            required: true\n        },\n        itemId: {\n            type: Number,\n            required: true\n        },\n        hideText: {\n            type: Boolean,\n            default: false\n        }\n    },\n\n    data () {\n        return {\n            isLoading: false\n        }\n    },\n\n    computed:\n            {\n                tooltipText () {\n                    return this.$translate(\n                        'Ceres::Template.' + (this.isVariationInWishList ? 'singleItemWishListRemove' : 'singleItemWishListAdd')\n                    )\n                },\n                isVariationInWishList () {\n                    return this.wishListIds.includes(this.currentVariationId)\n                },\n\n                currentVariationId () {\n                    return this.variationId ? this.variationId : this.currentVariationVariationId\n                },\n\n                currentVariationVariationId () {\n                    const currentVariation = this.$store.getters[`${this.itemId}/currentItemVariation`]\n\n                    if (!currentVariation) {\n                        return null\n                    }\n\n                    return currentVariation && currentVariation.variation && currentVariation.variation.id\n                },\n                ...mapState({\n                    wishListIds: state => state.wishList.wishListIds\n                })\n            },\n    methods:\n            {\n                switchState () {\n                    if (this.isVariationInWishList) {\n                        this.removeFromWishList()\n                    } else {\n                        this.addToWishList()\n                    }\n                    this.$refs.addToWishList.blur()\n                },\n\n                addToWishList () {\n                    if (!this.isLoading) {\n                        this.isLoading = true\n                        this.$store.dispatch('addToWishList', parseInt(this.currentVariationId)).then(\n                            response => {\n                                this.isLoading = false\n                                this.$emit('item-added')\n                            },\n                            error => {\n                                this.isLoading = false\n                                console.error(error)\n                            })\n                    }\n                },\n\n                removeFromWishList () {\n                    if (!this.isLoading) {\n                        this.isLoading = true\n                        this.$store.dispatch('removeWishListItem', { id: parseInt(this.currentVariationId) }).then(response => {\n                            this.isLoading = false\n                        },\n                        error => {\n                            this.isLoading = false\n                            console.error(error)\n                        })\n                    }\n                }\n            }\n}\n\n</script>\n","import mod from \"-!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AddToWishlistButton.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!./AddToWishlistButton.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AddToWishlistButton.vue?vue&type=template&id=1ab7b192&\"\nimport script from \"./AddToWishlistButton.vue?vue&type=script&lang=js&\"\nexport * from \"./AddToWishlistButton.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(\"C:\\\\Users\\\\schuckerp\\\\git\\\\plenty-plugins\\\\4024\\\\15\\\\modeherz\\\\plugin-ceres\\\\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('1ab7b192')) {\n      api.createRecord('1ab7b192', component.options)\n    } else {\n      api.reload('1ab7b192', component.options)\n    }\n    module.hot.accept(\"./AddToWishlistButton.vue?vue&type=template&id=1ab7b192&\", function () {\n      api.rerender('1ab7b192', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"resources/js/src/modeherz/components/item/AddToWishlistButton.vue\"\nexport default component.exports"],"sourceRoot":""}