{"version":3,"sources":["webpack:///./src/views/Favorite.vue","webpack:///./src/components/favorites/v-favorite-list.vue","webpack:///./src/components/favorites/v-favorite-item.vue","webpack:///./src/components/favorites/v-favorite-item.vue?0c24","webpack:///./src/components/favorites/v-favorite-list.vue?0508","webpack:///./src/views/Favorite.vue?88ec","webpack:///./src/components/favorites/v-favorite-item.vue?4eb1","webpack:///./src/components/favorites/v-favorite-list.vue?c2e3"],"names":["class","FAVORITES","favorite","key","product_id","favorite_data","getProductInfo","srcset","$store","state","appURL","image","src","alt","favorites","name","description","total_price","mode","PRODUCT_INFO","props","type","Object","default","methods","reset","this","size","getCategoryID","data","menu_category_id","console","log","e","target","classList","contains","GET_PRODUCT_INFO","ADD_TO_CART","product","parentNode","ADD_TO_FAVORITES","computed","mounted","SET_SAVED_FAVORITES","__exports__","components","vFavoriteItem","vFavoriteList","getFavorites","length","localStorage","getItem","render"],"mappings":"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","file":"js/favorite.fae2e07c.js","sourcesContent":["<template>\n  <div>\n    <v-favorite-list> </v-favorite-list>\n  </div>\n</template>\n\n<script>\nimport vFavoriteList from \"@/components/favorites/v-favorite-list\";\nimport { mapActions, mapGetters } from \"vuex\";\nexport default {\n  name: \"v-favorite\",\n  components: {\n    vFavoriteList,\n  },\n  methods: {\n    ...mapActions([\"SET_SAVED_FAVORITES\"]),\n    getFavorites() {\n      if (this.FAVORITES.length <= 0) {\n        this.SET_SAVED_FAVORITES(localStorage.getItem(\"SAVED_FAVORITES\"));\n      }\n    },\n  },\n  computed: {\n    ...mapGetters([\"FAVORITES\"]),\n  },\n  mounted() {\n    this.getFavorites();\n  },\n};\n</script>\n\n<style lang=\"scss\"></style>\n","<template>\n  <div class=\"favorites favorites__list\">\n    <v-favorite-item\n      v-for=\"favorite in FAVORITES\"\n      :key=\"favorite.product_id\"\n      :favorite_data=\"favorite\"\n    >\n    </v-favorite-item>\n  </div>\n</template>\n<script>\nimport vFavoriteItem from \"@/components/favorites/v-favorite-item\";\nimport { mapGetters } from \"vuex\";\nexport default {\n  name: \"v-favorite-list\",\n  components: {\n    vFavoriteItem,\n  },\n  methods: {},\n  computed: {\n    ...mapGetters([\"FAVORITES\"]),\n  },\n};\n</script>\n<style lang=\"scss\" scoped>\n.fix {\n  margin-right: 20px;\n}\n\n.favorites {\n  margin-left: 20px;\n  &__list {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -ms-flex-wrap: wrap;\n    flex-wrap: wrap;\n  }\n}\n</style>\n","<template>\n  <article class=\"favorite\" @click=\"getProductInfo\">\n    <slot>\n      <div class=\"favorite__head\">\n        <picture class=\"favorite__image\">\n          <source\n            :srcset=\"`${this.$store.state.appURL}/products/${favorite_data.image}.png`\"\n          />\n          <img\n            :src=\"`${this.$store.state.appURL}/products/${favorite_data.image}.png`\"\n            alt=\"\"\n          />\n        </picture>\n        <v-favorite-btn v-if=\"!favorite_data.favorites\"></v-favorite-btn>\n        <v-favorite-btn-active\n          v-if=\"favorite_data.favorites == true\"\n        ></v-favorite-btn-active>\n      </div>\n      <div class=\"favorite__body\">\n        <h3 class=\"favorite__title\">{{ favorite_data.name }}</h3>\n        <p class=\"favorite__description\">\n          {{ favorite_data.description }}\n        </p>\n      </div>\n      <div class=\"favorite__footer buy-btn\">\n        <p class=\"favorite__price\">{{ favorite_data.total_price }} ₽</p>\n        <v-icon name=\"plus-icon\" class=\"plus-icon\"></v-icon>\n      </div>\n    </slot>\n  </article>\n  <transition name=\"popup\" mode=\"out-in\">\n    <v-product-popup v-if=\"PRODUCT_INFO.name\"></v-product-popup>\n  </transition>\n</template>\n<script>\nimport { mapActions, mapGetters } from \"vuex\";\nexport default {\n  name: \"v-favorite-item\",\n  props: {\n    favorite_data: {\n      type: Object,\n      default() {\n        return {};\n      },\n    },\n  },\n  methods: {\n    ...mapActions([\n      \"GET_PRODUCT_INFO\",\n      \"GET_POPULAR_FROM_API\",\n      \"ADD_TO_CART\",\n      \"ADD_TO_FAVORITES\",\n      \"SET_SAVED_FAVORITES\",\n    ]),\n    reset() {\n      this.size = \"small-size\";\n    },\n    getCategoryID(data) {\n      data = this.PRODUCT_INFO.menu_category_id;\n      console.log(data);\n    },\n    async getProductInfo(e, data) {\n      data = this.favorite_data;\n      if (e.target.classList.contains(\"buy-btn\")) {\n        await this.GET_PRODUCT_INFO(data);\n        await this.ADD_TO_CART(data);\n        this.$store.state.product = { product: \"empty\" };\n      } else if (\n        e.target.parentNode.classList.contains(\"favorite-btn\") ||\n        e.target.classList.contains(\"favorite-icon-path\") ||\n        e.target.classList.contains(\"favorite-icon-active\") ||\n        e.target.classList.contains(\"favorite-icon\")\n      ) {\n        this.ADD_TO_FAVORITES(data);\n      } else {\n        this.GET_PRODUCT_INFO(data);\n      }\n    },\n  },\n  computed: {\n    ...mapGetters([\"PRODUCT_INFO\", \"POPULAR\"]),\n  },\n  mounted() {\n    this.SET_SAVED_FAVORITES();\n  },\n};\n</script>\n<style lang=\"scss\" scoped>\n// .favorite {\n//   margin-left: 20px;\n// }\n\n.favorite {\n  @include container;\n  min-width: 176px;\n  max-width: 176px;\n  width: 100%;\n  padding: 12px 9px;\n  min-height: 208px;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n  -ms-flex-direction: column;\n  flex-direction: column;\n  margin-right: 20px;\n  margin-bottom: 20px;\n  &__head {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: start;\n    -ms-flex-align: start;\n    align-items: flex-start;\n    -webkit-box-pack: justify;\n    -ms-flex-pack: justify;\n    justify-content: space-between;\n    margin-bottom: 10px;\n  }\n  &__image * {\n    max-width: 120px;\n    max-height: 100%;\n    min-height: 78px;\n  }\n  &__body {\n    -webkit-box-flex: 1;\n    -ms-flex: 1 1 auto;\n    flex: 1 1 auto;\n  }\n  &__title {\n    @include h3;\n    margin-bottom: 10px;\n  }\n  &__description {\n    color: $second-black;\n    font-size: 12px;\n    overflow: hidden;\n    white-space: nowrap;\n    -o-text-overflow: ellipsis;\n    text-overflow: ellipsis;\n  }\n  &__footer {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n    -ms-flex-align: center;\n    align-items: center;\n    -webkit-box-pack: justify;\n    -ms-flex-pack: justify;\n    justify-content: space-between;\n  }\n  &__price {\n    font-weight: 500;\n  }\n}\n.popup-enter-from,\n.popup-leave-to {\n  -webkit-transform: translateX(-100%);\n  -ms-transform: translateX(-100%);\n  transform: translateX(-100%);\n}\n\n.popup-enter-active,\n.popup-leave-active {\n  -webkit-transition: -webkit-transform 0.4s ease-in-out;\n  transition: -webkit-transform 0.4s ease-in-out;\n  -o-transition: transform 0.4s ease-in-out;\n  transition: transform 0.4s ease-in-out;\n  transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;\n}\n@media (max-width: 416px) {\n  .favorite {\n    min-width: initial;\n    max-width: 47%;\n    margin-right: 0;\n    position: relative;\n    .favorite-btn {\n      position: absolute;\n      top: 12px;\n      right: 9px;\n    }\n  }\n}\n</style>\n","import { render } from \"./v-favorite-item.vue?vue&type=template&id=f5093cd6&scoped=true\"\nimport script from \"./v-favorite-item.vue?vue&type=script&lang=js\"\nexport * from \"./v-favorite-item.vue?vue&type=script&lang=js\"\n\nimport \"./v-favorite-item.vue?vue&type=style&index=0&id=f5093cd6&lang=scss&scoped=true\"\n\nimport exportComponent from \"/Users/macbookpro/Desktop/relocation/Clients/Clients_projects/gurmani-kzn-dev/gurmani-vue/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-f5093cd6\"]])\n\nexport default __exports__","import { render } from \"./v-favorite-list.vue?vue&type=template&id=23905a64&scoped=true\"\nimport script from \"./v-favorite-list.vue?vue&type=script&lang=js\"\nexport * from \"./v-favorite-list.vue?vue&type=script&lang=js\"\n\nimport \"./v-favorite-list.vue?vue&type=style&index=0&id=23905a64&lang=scss&scoped=true\"\n\nimport exportComponent from \"/Users/macbookpro/Desktop/relocation/Clients/Clients_projects/gurmani-kzn-dev/gurmani-vue/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-23905a64\"]])\n\nexport default __exports__","import { render } from \"./Favorite.vue?vue&type=template&id=59ffa6ad\"\nimport script from \"./Favorite.vue?vue&type=script&lang=js\"\nexport * from \"./Favorite.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/Users/macbookpro/Desktop/relocation/Clients/Clients_projects/gurmani-kzn-dev/gurmani-vue/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","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-v16/dist/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-v16/dist/index.js??ref--0-1!./v-favorite-item.vue?vue&type=style&index=0&id=f5093cd6&lang=scss&scoped=true\"","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-v16/dist/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-v16/dist/index.js??ref--0-1!./v-favorite-list.vue?vue&type=style&index=0&id=23905a64&lang=scss&scoped=true\""],"sourceRoot":""}