@perevorot/shop 3.0.18 → 3.0.20
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("vue"),t=require("vuex"),a=require("vue-toastification"),n={setup:function(){return{translate:window.__}}},
|
|
1
|
+
"use strict";var e=require("vue"),t=require("vuex"),a=require("vue-toastification"),n={setup:function(){return{translate:window.__}}},o={class:"shop-cart-success-message"};n.render=function(t,a,n,r,i,l){return e.openBlock(),e.createElementBlock("div",o,e.toDisplayString(r.translate("shop.cart.message")),1)};var r=a.useToast(),i={name:"cart-add",props:{id:Number,isChangeQuantity:{type:Boolean,default:!0},isAlreadyInCart:{type:Boolean,default:!0},isSimple:{type:Boolean,default:!1},isPlusMinus:{type:Boolean,default:!1},after:{type:String,default:"modal"},property:{type:String,default:null},code:{type:String,default:null},name:{type:String,default:null},price:{type:Number,default:null},cartStorage:{type:String,default:"cart"},maxQuantity:{default:null}},setup:function(a){var o=t.useStore(),i=e.ref(!1),l=e.ref(1),c=e.ref(null),u=a.cartStorage,s=e.computed((function(){return o.getters[u+"/productQuantity"](a.id)})),d=e.computed((function(){return null===a.maxQuantity?1/0:Math.max(0,a.maxQuantity-s.value)})),m=e.computed((function(){return null!==a.maxQuantity&&d.value<=0})),p=e.computed((function(){return null!==a.maxQuantity&&l.value>=d.value})),y=a.isAlreadyInCart,v=a.isChangeQuantity,f=a.isPlusMinus;a.isSimple&&(y=!1,v=!1,f=!1);return{button:c,loading:i,quantity:l,add:function(){var e,t,s,p,y;if(m.value)r(__("shop.fao.no_quantity",{q:d.value}),{type:"error"});else{i.value=!0;var v=[];if(c.value.closest(".product-main"))document.querySelectorAll("#options input[type=checkbox]:checked").forEach((function(e){v.push(parseInt(e.value))}));var f={};window.getTrackingIndexProductsList&&"function"==typeof window.getTrackingIndexProductsList&&(f=window.getTrackingIndexProductsList(c.value));var g=Math.max(1,l.value),h=c.value.closest("[shop-product]"),b=a.name?a.name:null===(e=h.querySelector("[shop-product-name]"))||void 0===e?void 0:e.textContent,k=a.price?a.price:null===(t=h.querySelector("[shop-product-price]"))||void 0===t?void 0:t.childNodes[0].nodeValue.replace(/ /g,""),_=a.property?a.property:null===(s=h.querySelector("[shop-product-property]"))||void 0===s?void 0:s.textContent,x=a.code?a.code:h.dataset.code,S=null===(p=h.querySelector("[shop-product-category]"))||void 0===p?void 0:p.textContent,C=null===(y=h.querySelector("[shop-product-brand]"))||void 0===y?void 0:y.textContent;o.dispatch(u+"/add",{cart:u,after:a.after,product:{id:a.id,quantity:g,options:v,extra:{trackingIndex:f}},finally:function(){(i.value=!1,l.value=1,"message"==a.after)&&r({component:n},{type:"success-cart"})},callback:function(){var e={ecommerce:{currency:"UAH",value:parseFloat(k)*g,items:[{item_name:b,item_id:x,price:parseFloat(k),quantity:g}]},event:"add_to_cart"};f.index&&(e.ecommerce.items[0].index=f.index),f.item_list_name&&(e.ecommerce.items[0].item_list_name=f.item_list_name),C&&(e.ecommerce.items[0].item_brand=C),S&&(-1!==S.indexOf("/")?S.split("/").forEach((function(t,a){e.ecommerce.items[0]["item_category"+(a?a+1:"")]=t.trim()})):e.ecommerce.items[0].item_category=S),_&&(e.ecommerce.items[0].item_variant=_),$env.debug.ecommerce&&console.log(e),!$env.debug.ecommerce&&window.dataLayer&&(window.dataLayer.push({ecommerce:null}),window.dataLayer.push(e))}})}},remove:function(){i.value=!0,o.dispatch(u+"/remove",{id:a.id,cart:u,finally:function(){i.value=!1}})},cart:s,increase:function(){p.value?r(__("shop.fao.no_quantity",{q:d.value}),{type:"error"}):l.value++},decrease:function(){l.value>1&&l.value--},isAlreadyInCart:y,isChangeQuantity:v,isPlusMinus:f,isDisabledByStock:m,isIncreaseLimited:p}}},l={class:"cart-add",ref:"button"},c={class:"columns"},u={key:0,class:"column"},s={class:"cart-change-quantity"},d=["disabled"],m=["disabled"],p=["disabled"],y={class:"column is-narrow"},v=["disabled"],f=e.createElementVNode("svg",{class:"icon cart"},[e.createElementVNode("use",{"xlink:href":"#cart-add"})],-1),g={class:"cart-add-button-label"},h={key:0},b=e.createElementVNode("br",null,null,-1),k=["disabled","textContent"];i.render=function(t,a,n,o,r,i){return e.openBlock(),e.createElementBlock("div",l,[e.createElementVNode("div",c,[t.$env.shop.isCustomQuantity&&o.isChangeQuantity?(e.openBlock(),e.createElementBlock("div",u,[e.createElementVNode("div",s,[o.isPlusMinus?(e.openBlock(),e.createElementBlock("button",{key:0,class:"button is-small decrease",onClick:a[0]||(a[0]=function(){return o.decrease&&o.decrease.apply(o,arguments)}),disabled:o.loading||1==o.quantity},"-",8,d)):e.createCommentVNode("v-if",!0),e.withDirectives(e.createElementVNode("input",{class:"input is-small",type:"number",min:"1","onUpdate:modelValue":a[1]||(a[1]=function(e){return o.quantity=e}),disabled:o.loading},null,8,m),[[e.vModelText,o.quantity]]),o.isPlusMinus?(e.openBlock(),e.createElementBlock("button",{key:1,class:"button is-small increase",onClick:a[2]||(a[2]=function(){return o.increase&&o.increase.apply(o,arguments)}),disabled:o.loading,style:e.normalizeStyle(o.isIncreaseLimited?"opacity: 0.5;cursor: not-allowed;pointer-events: auto;":null)},"+",12,p)):e.createCommentVNode("v-if",!0)])])):e.createCommentVNode("v-if",!0),e.createElementVNode("div",y,[e.createElementVNode("button",{class:"button is-link is-small",onClick:a[3]||(a[3]=function(){return o.add&&o.add.apply(o,arguments)}),disabled:o.loading,style:e.normalizeStyle(o.isDisabledByStock?"opacity: 0.5;cursor: not-allowed;pointer-events: auto;":null)},[e.renderSlot(t.$slots,"default",{label:t.__("shop.cart.add")},(function(){return[f,e.createElementVNode("span",g,e.toDisplayString(t.__("shop.cart.add")),1)]}))],12,v)])]),t.$env.shop.isAlreadyInCart&&o.isAlreadyInCart&&o.cart>0?(e.openBlock(),e.createElementBlock("div",h,[e.createTextVNode(e.toDisplayString(t.__("shop.cart.already",{quantity:o.cart}))+" ",1),b,e.createElementVNode("a",{onClick:a[4]||(a[4]=e.withModifiers((function(){return o.remove&&o.remove.apply(o,arguments)}),["prevent"])),disabled:o.loading,textContent:e.toDisplayString(t.__("shop.cart.remove"))},null,8,k)])):e.createCommentVNode("v-if",!0)],512)},module.exports=i;
|
|
2
2
|
//# sourceMappingURL=CartAdd.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CartAdd.js","sources":["../../../../src/components/shop/cart/SuccessMessage.vue","../../../../src/components/shop/cart/SuccessMessage.vue?vue&type=template&id=75a41ddb&lang.js","../../../../src/components/shop/cart/CartAdd.vue","../../../../src/components/shop/cart/CartAdd.vue?vue&type=template&id=24a33c02&lang.js"],"sourcesContent":["<template>\n <div class=\"shop-cart-success-message\">\n {{ translate(\"shop.cart.message\") }}\n </div>\n</template>\n<script>\nexport default {\n setup() {\n const translate = window.__;\n\n return {\n translate,\n };\n },\n};\n</script>","<template>\n <div class=\"shop-cart-success-message\">\n {{ translate(\"shop.cart.message\") }}\n </div>\n</template>\n<script>\nexport default {\n setup() {\n const translate = window.__;\n\n return {\n translate,\n };\n },\n};\n</script>","<template>\n <div class=\"cart-add\" ref=\"button\">\n <div class=\"columns\">\n <div class=\"column\" v-if=\"$env.shop.isCustomQuantity && isChangeQuantity\">\n <div class=\"cart-change-quantity\">\n <button class=\"button is-small decrease\" @click=\"decrease\" :disabled=\"loading || quantity == 1\" v-if=\"isPlusMinus\">-</button>\n <input class=\"input is-small\" type=\"number\" min=\"1\" v-model=\"quantity\" :disabled=\"loading\" />\n <button class=\"button is-small increase\" @click=\"increase\" :disabled=\"loading\" v-if=\"isPlusMinus\">+</button>\n </div>\n </div>\n <div class=\"column is-narrow\">\n <button class=\"button is-link is-small\" v-on:click=\"add\" :disabled=\"loading\">\n <slot :label=\"__('shop.cart.add')\">\n <svg class=\"icon cart\">\n <use xlink:href=\"#cart-add\" />\n </svg>\n <span class=\"cart-add-button-label\">\n {{ __('shop.cart.add') }}\n </span>\n </slot>\n </button>\n </div>\n </div>\n <div v-if=\"$env.shop.isAlreadyInCart && isAlreadyInCart && cart > 0\">\n {{ __('shop.cart.already', { quantity: cart }) }}\n <br />\n <a v-on:click.prevent=\"remove\" :disabled=\"loading\" v-text=\"__('shop.cart.remove')\"></a>\n </div>\n </div>\n</template>\n<script>\nimport { ref, computed } from 'vue';\nimport { useStore } from 'vuex';\nimport { useToast } from 'vue-toastification';\nimport SuccessMessage from './SuccessMessage.vue';\n\nconst toast = useToast();\n\nexport default {\n name: 'cart-add',\n props: {\n id: Number,\n isChangeQuantity: {\n type: Boolean,\n default: true\n },\n isAlreadyInCart: {\n type: Boolean,\n default: true\n },\n isSimple: {\n type: Boolean,\n default: false\n },\n isPlusMinus: {\n type: Boolean,\n default: false\n },\n after: {\n type: String,\n default: 'modal'\n },\n property: {\n type: String,\n default: null\n },\n code: {\n type: String,\n default: null\n },\n name: {\n type: String,\n default: null\n },\n price: {\n type: Number,\n default: null\n },\n cartStorage: {\n type: String,\n default: 'cart'\n }\n },\n setup(props) {\n const store = useStore();\n const loading = ref(false);\n const quantity = ref(1);\n const button = ref(null);\n const cartStorage = props.cartStorage;\n\n const cart = computed(() => store.getters[cartStorage + '/productQuantity'](props.id));\n\n let isAlreadyInCart = props.isAlreadyInCart;\n let isChangeQuantity = props.isChangeQuantity;\n let isPlusMinus = props.isPlusMinus;\n\n if (props.isSimple) {\n isAlreadyInCart = false;\n isChangeQuantity = false;\n isPlusMinus = false;\n }\n\n const add = () => {\n loading.value = true;\n\n let options = [];\n\n if (button.value.closest('.product-main')) {\n const checkedOptions = document.querySelectorAll('#options input[type=checkbox]:checked');\n\n checkedOptions.forEach((element) => {\n options.push(parseInt(element.value));\n });\n }\n\n let trackingIndex = {};\n\n if (window.getTrackingIndexProductsList && typeof window.getTrackingIndexProductsList === 'function') {\n trackingIndex = window.getTrackingIndexProductsList(button.value);\n }\n\n const q = Math.max(1, quantity.value);\n const product = button.value.closest('[shop-product]');\n const name = props.name ? props.name : product.querySelector('[shop-product-name]')?.textContent;\n const price = props.price ? props.price : product.querySelector('[shop-product-price]')?.childNodes[0].nodeValue.replace(/ /g, '');\n const property = props.property ? props.property : product.querySelector('[shop-product-property]')?.textContent;\n const code = props.code ? props.code : product.dataset.code;\n const category = product.querySelector('[shop-product-category]')?.textContent;\n const brand = product.querySelector('[shop-product-brand]')?.textContent;\n\n store.dispatch(cartStorage + '/add', {\n cart: cartStorage,\n after: props.after,\n product: {\n id: props.id,\n quantity: q,\n options: options,\n extra: {\n trackingIndex: trackingIndex\n }\n },\n finally: () => {\n loading.value = false;\n quantity.value = 1;\n\n if (props.after == 'message') {\n const component = {\n component: SuccessMessage\n };\n\n toast(component, {\n type: 'success-cart'\n });\n }\n },\n callback: () => {\n const object = {\n ecommerce: {\n currency: 'UAH',\n value: parseFloat(price) * q,\n items: [\n {\n item_name: name,\n item_id: code,\n price: parseFloat(price),\n quantity: q,\n }\n ]\n },\n event: 'add_to_cart'\n };\n\n if (trackingIndex.index) {\n object.ecommerce.items[0].index = trackingIndex.index;\n }\n\n if (trackingIndex.item_list_name) {\n object.ecommerce.items[0].item_list_name = trackingIndex.item_list_name;\n }\n\n if (brand) {\n object.ecommerce.items[0].item_brand = brand;\n }\n\n if (category) {\n if (category.indexOf('/') !== -1) {\n category.split('/').forEach((segment, index) => {\n object.ecommerce.items[0]['item_category' + (index ? index + 1 : '')] = segment.trim();\n });\n } else {\n object.ecommerce.items[0].item_category = category;\n }\n }\n\n if (property) {\n object.ecommerce.items[0].item_variant = property;\n }\n\n if ($env.debug.ecommerce) {\n console.log(object);\n }\n\n if (!$env.debug.ecommerce && window.dataLayer) {\n window.dataLayer.push({\n ecommerce: null\n });\n\n window.dataLayer.push(object);\n }\n }\n });\n };\n\n const remove = () => {\n loading.value = true;\n\n store.dispatch(cartStorage + '/remove', {\n id: props.id,\n cart: cartStorage,\n finally: () => {\n loading.value = false;\n }\n });\n };\n\n const increase = () => {\n quantity.value++;\n };\n\n const decrease = () => {\n if (quantity.value > 1) {\n quantity.value--;\n }\n };\n\n return {\n button,\n loading,\n quantity,\n add,\n remove,\n cart,\n increase,\n decrease,\n isAlreadyInCart,\n isChangeQuantity,\n isPlusMinus\n };\n }\n};\n</script>","<template>\n <div class=\"cart-add\" ref=\"button\">\n <div class=\"columns\">\n <div class=\"column\" v-if=\"$env.shop.isCustomQuantity && isChangeQuantity\">\n <div class=\"cart-change-quantity\">\n <button class=\"button is-small decrease\" @click=\"decrease\" :disabled=\"loading || quantity == 1\" v-if=\"isPlusMinus\">-</button>\n <input class=\"input is-small\" type=\"number\" min=\"1\" v-model=\"quantity\" :disabled=\"loading\" />\n <button class=\"button is-small increase\" @click=\"increase\" :disabled=\"loading\" v-if=\"isPlusMinus\">+</button>\n </div>\n </div>\n <div class=\"column is-narrow\">\n <button class=\"button is-link is-small\" v-on:click=\"add\" :disabled=\"loading\">\n <slot :label=\"__('shop.cart.add')\">\n <svg class=\"icon cart\">\n <use xlink:href=\"#cart-add\" />\n </svg>\n <span class=\"cart-add-button-label\">\n {{ __('shop.cart.add') }}\n </span>\n </slot>\n </button>\n </div>\n </div>\n <div v-if=\"$env.shop.isAlreadyInCart && isAlreadyInCart && cart > 0\">\n {{ __('shop.cart.already', { quantity: cart }) }}\n <br />\n <a v-on:click.prevent=\"remove\" :disabled=\"loading\" v-text=\"__('shop.cart.remove')\"></a>\n </div>\n </div>\n</template>\n<script>\nimport { ref, computed } from 'vue';\nimport { useStore } from 'vuex';\nimport { useToast } from 'vue-toastification';\nimport SuccessMessage from './SuccessMessage.vue';\n\nconst toast = useToast();\n\nexport default {\n name: 'cart-add',\n props: {\n id: Number,\n isChangeQuantity: {\n type: Boolean,\n default: true\n },\n isAlreadyInCart: {\n type: Boolean,\n default: true\n },\n isSimple: {\n type: Boolean,\n default: false\n },\n isPlusMinus: {\n type: Boolean,\n default: false\n },\n after: {\n type: String,\n default: 'modal'\n },\n property: {\n type: String,\n default: null\n },\n code: {\n type: String,\n default: null\n },\n name: {\n type: String,\n default: null\n },\n price: {\n type: Number,\n default: null\n },\n cartStorage: {\n type: String,\n default: 'cart'\n }\n },\n setup(props) {\n const store = useStore();\n const loading = ref(false);\n const quantity = ref(1);\n const button = ref(null);\n const cartStorage = props.cartStorage;\n\n const cart = computed(() => store.getters[cartStorage + '/productQuantity'](props.id));\n\n let isAlreadyInCart = props.isAlreadyInCart;\n let isChangeQuantity = props.isChangeQuantity;\n let isPlusMinus = props.isPlusMinus;\n\n if (props.isSimple) {\n isAlreadyInCart = false;\n isChangeQuantity = false;\n isPlusMinus = false;\n }\n\n const add = () => {\n loading.value = true;\n\n let options = [];\n\n if (button.value.closest('.product-main')) {\n const checkedOptions = document.querySelectorAll('#options input[type=checkbox]:checked');\n\n checkedOptions.forEach((element) => {\n options.push(parseInt(element.value));\n });\n }\n\n let trackingIndex = {};\n\n if (window.getTrackingIndexProductsList && typeof window.getTrackingIndexProductsList === 'function') {\n trackingIndex = window.getTrackingIndexProductsList(button.value);\n }\n\n const q = Math.max(1, quantity.value);\n const product = button.value.closest('[shop-product]');\n const name = props.name ? props.name : product.querySelector('[shop-product-name]')?.textContent;\n const price = props.price ? props.price : product.querySelector('[shop-product-price]')?.childNodes[0].nodeValue.replace(/ /g, '');\n const property = props.property ? props.property : product.querySelector('[shop-product-property]')?.textContent;\n const code = props.code ? props.code : product.dataset.code;\n const category = product.querySelector('[shop-product-category]')?.textContent;\n const brand = product.querySelector('[shop-product-brand]')?.textContent;\n\n store.dispatch(cartStorage + '/add', {\n cart: cartStorage,\n after: props.after,\n product: {\n id: props.id,\n quantity: q,\n options: options,\n extra: {\n trackingIndex: trackingIndex\n }\n },\n finally: () => {\n loading.value = false;\n quantity.value = 1;\n\n if (props.after == 'message') {\n const component = {\n component: SuccessMessage\n };\n\n toast(component, {\n type: 'success-cart'\n });\n }\n },\n callback: () => {\n const object = {\n ecommerce: {\n currency: 'UAH',\n value: parseFloat(price) * q,\n items: [\n {\n item_name: name,\n item_id: code,\n price: parseFloat(price),\n quantity: q,\n }\n ]\n },\n event: 'add_to_cart'\n };\n\n if (trackingIndex.index) {\n object.ecommerce.items[0].index = trackingIndex.index;\n }\n\n if (trackingIndex.item_list_name) {\n object.ecommerce.items[0].item_list_name = trackingIndex.item_list_name;\n }\n\n if (brand) {\n object.ecommerce.items[0].item_brand = brand;\n }\n\n if (category) {\n if (category.indexOf('/') !== -1) {\n category.split('/').forEach((segment, index) => {\n object.ecommerce.items[0]['item_category' + (index ? index + 1 : '')] = segment.trim();\n });\n } else {\n object.ecommerce.items[0].item_category = category;\n }\n }\n\n if (property) {\n object.ecommerce.items[0].item_variant = property;\n }\n\n if ($env.debug.ecommerce) {\n console.log(object);\n }\n\n if (!$env.debug.ecommerce && window.dataLayer) {\n window.dataLayer.push({\n ecommerce: null\n });\n\n window.dataLayer.push(object);\n }\n }\n });\n };\n\n const remove = () => {\n loading.value = true;\n\n store.dispatch(cartStorage + '/remove', {\n id: props.id,\n cart: cartStorage,\n finally: () => {\n loading.value = false;\n }\n });\n };\n\n const increase = () => {\n quantity.value++;\n };\n\n const decrease = () => {\n if (quantity.value > 1) {\n quantity.value--;\n }\n };\n\n return {\n button,\n loading,\n quantity,\n add,\n remove,\n cart,\n increase,\n decrease,\n isAlreadyInCart,\n isChangeQuantity,\n isPlusMinus\n };\n }\n};\n</script>"],"names":["script$1","setup","translate","window","__","_hoisted_1","class","_createElementBlock","_toDisplayString","$setup","toast","useToast","script","name","props","id","Number","isChangeQuantity","type","Boolean","default","isAlreadyInCart","isSimple","isPlusMinus","after","String","property","code","price","cartStorage","store","useStore","loading","ref","quantity","button","cart","computed","getters","add","_product$querySelecto","_product$querySelecto2","_product$querySelecto3","_product$querySelecto4","_product$querySelecto5","value","options","closest","document","querySelectorAll","forEach","element","push","parseInt","trackingIndex","getTrackingIndexProductsList","q","Math","max","product","querySelector","textContent","childNodes","nodeValue","replace","dataset","category","brand","dispatch","extra","finally","component","SuccessMessage","callback","object","ecommerce","currency","parseFloat","items","item_name","item_id","event","index","item_list_name","item_brand","indexOf","split","segment","trim","item_category","item_variant","$env","debug","console","log","dataLayer","remove","increase","decrease","_hoisted_2","_hoisted_4","_hoisted_8","_createElementVNode","createElementVNode","xlink:href","_hoisted_11","_openBlock","openBlock","_ctx","shop","isCustomQuantity","createElementBlock","_hoisted_3","onClick","apply","arguments","disabled","_hoisted_5","min","$event","_hoisted_7","_renderSlot","renderSlot","$slots","label","_hoisted_10","_hoisted_12","_hoisted_13"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"CartAdd.js","sources":["../../../../src/components/shop/cart/SuccessMessage.vue","../../../../src/components/shop/cart/SuccessMessage.vue?vue&type=template&id=75a41ddb&lang.js","../../../../src/components/shop/cart/CartAdd.vue","../../../../src/components/shop/cart/CartAdd.vue?vue&type=template&id=5af6c5a4&lang.js"],"sourcesContent":["<template>\n <div class=\"shop-cart-success-message\">\n {{ translate(\"shop.cart.message\") }}\n </div>\n</template>\n<script>\nexport default {\n setup() {\n const translate = window.__;\n\n return {\n translate,\n };\n },\n};\n</script>","<template>\n <div class=\"shop-cart-success-message\">\n {{ translate(\"shop.cart.message\") }}\n </div>\n</template>\n<script>\nexport default {\n setup() {\n const translate = window.__;\n\n return {\n translate,\n };\n },\n};\n</script>","<template>\n <div class=\"cart-add\" ref=\"button\">\n <div class=\"columns\">\n <div class=\"column\" v-if=\"$env.shop.isCustomQuantity && isChangeQuantity\">\n <div class=\"cart-change-quantity\">\n <button class=\"button is-small decrease\" @click=\"decrease\" :disabled=\"loading || quantity == 1\" v-if=\"isPlusMinus\">-</button>\n <input class=\"input is-small\" type=\"number\" min=\"1\" v-model=\"quantity\" :disabled=\"loading\" />\n <button class=\"button is-small increase\" @click=\"increase\" :disabled=\"loading\" :style=\"isIncreaseLimited ? 'opacity: 0.5;cursor: not-allowed;pointer-events: auto;' : null\" v-if=\"isPlusMinus\">+</button>\n </div>\n </div>\n <div class=\"column is-narrow\">\n <button class=\"button is-link is-small\" v-on:click=\"add\" :disabled=\"loading\" :style=\"isDisabledByStock ? 'opacity: 0.5;cursor: not-allowed;pointer-events: auto;' : null\">\n <slot :label=\"__('shop.cart.add')\">\n <svg class=\"icon cart\">\n <use xlink:href=\"#cart-add\" />\n </svg>\n <span class=\"cart-add-button-label\">\n {{ __('shop.cart.add') }}\n </span>\n </slot>\n </button>\n </div>\n </div>\n <div v-if=\"$env.shop.isAlreadyInCart && isAlreadyInCart && cart > 0\">\n {{ __('shop.cart.already', { quantity: cart }) }}\n <br />\n <a v-on:click.prevent=\"remove\" :disabled=\"loading\" v-text=\"__('shop.cart.remove')\"></a>\n </div>\n </div>\n</template>\n<script>\nimport { ref, computed } from 'vue';\nimport { useStore } from 'vuex';\nimport { useToast } from 'vue-toastification';\nimport SuccessMessage from './SuccessMessage.vue';\n\nconst toast = useToast();\n\nexport default {\n name: 'cart-add',\n props: {\n id: Number,\n isChangeQuantity: {\n type: Boolean,\n default: true\n },\n isAlreadyInCart: {\n type: Boolean,\n default: true\n },\n isSimple: {\n type: Boolean,\n default: false\n },\n isPlusMinus: {\n type: Boolean,\n default: false\n },\n after: {\n type: String,\n default: 'modal'\n },\n property: {\n type: String,\n default: null\n },\n code: {\n type: String,\n default: null\n },\n name: {\n type: String,\n default: null\n },\n price: {\n type: Number,\n default: null\n },\n cartStorage: {\n type: String,\n default: 'cart'\n },\n maxQuantity: {\n default: null\n }\n },\n setup(props) {\n const store = useStore();\n const loading = ref(false);\n const quantity = ref(1);\n const button = ref(null);\n const cartStorage = props.cartStorage;\n\n const cart = computed(() => store.getters[cartStorage + '/productQuantity'](props.id));\n\n const availableToAdd = computed(() => {\n if (props.maxQuantity === null) return Infinity;\n return Math.max(0, props.maxQuantity - cart.value);\n });\n\n const isDisabledByStock = computed(() => {\n if (props.maxQuantity === null) return false;\n return availableToAdd.value <= 0;\n });\n\n const isIncreaseLimited = computed(() => {\n if (props.maxQuantity === null) return false;\n return quantity.value >= availableToAdd.value;\n });\n\n let isAlreadyInCart = props.isAlreadyInCart;\n let isChangeQuantity = props.isChangeQuantity;\n let isPlusMinus = props.isPlusMinus;\n\n if (props.isSimple) {\n isAlreadyInCart = false;\n isChangeQuantity = false;\n isPlusMinus = false;\n }\n\n const add = () => {\n if (isDisabledByStock.value) {\n toast(__('shop.fao.no_quantity', { q: availableToAdd.value }), { type: 'error' });\n return;\n }\n\n loading.value = true;\n\n let options = [];\n\n if (button.value.closest('.product-main')) {\n const checkedOptions = document.querySelectorAll('#options input[type=checkbox]:checked');\n\n checkedOptions.forEach((element) => {\n options.push(parseInt(element.value));\n });\n }\n\n let trackingIndex = {};\n\n if (window.getTrackingIndexProductsList && typeof window.getTrackingIndexProductsList === 'function') {\n trackingIndex = window.getTrackingIndexProductsList(button.value);\n }\n\n const q = Math.max(1, quantity.value);\n const product = button.value.closest('[shop-product]');\n const name = props.name ? props.name : product.querySelector('[shop-product-name]')?.textContent;\n const price = props.price ? props.price : product.querySelector('[shop-product-price]')?.childNodes[0].nodeValue.replace(/ /g, '');\n const property = props.property ? props.property : product.querySelector('[shop-product-property]')?.textContent;\n const code = props.code ? props.code : product.dataset.code;\n const category = product.querySelector('[shop-product-category]')?.textContent;\n const brand = product.querySelector('[shop-product-brand]')?.textContent;\n\n store.dispatch(cartStorage + '/add', {\n cart: cartStorage,\n after: props.after,\n product: {\n id: props.id,\n quantity: q,\n options: options,\n extra: {\n trackingIndex: trackingIndex\n }\n },\n finally: () => {\n loading.value = false;\n quantity.value = 1;\n\n if (props.after == 'message') {\n const component = {\n component: SuccessMessage\n };\n\n toast(component, {\n type: 'success-cart'\n });\n }\n },\n callback: () => {\n const object = {\n ecommerce: {\n currency: 'UAH',\n value: parseFloat(price) * q,\n items: [\n {\n item_name: name,\n item_id: code,\n price: parseFloat(price),\n quantity: q,\n }\n ]\n },\n event: 'add_to_cart'\n };\n\n if (trackingIndex.index) {\n object.ecommerce.items[0].index = trackingIndex.index;\n }\n\n if (trackingIndex.item_list_name) {\n object.ecommerce.items[0].item_list_name = trackingIndex.item_list_name;\n }\n\n if (brand) {\n object.ecommerce.items[0].item_brand = brand;\n }\n\n if (category) {\n if (category.indexOf('/') !== -1) {\n category.split('/').forEach((segment, index) => {\n object.ecommerce.items[0]['item_category' + (index ? index + 1 : '')] = segment.trim();\n });\n } else {\n object.ecommerce.items[0].item_category = category;\n }\n }\n\n if (property) {\n object.ecommerce.items[0].item_variant = property;\n }\n\n if ($env.debug.ecommerce) {\n console.log(object);\n }\n\n if (!$env.debug.ecommerce && window.dataLayer) {\n window.dataLayer.push({\n ecommerce: null\n });\n\n window.dataLayer.push(object);\n }\n }\n });\n };\n\n const remove = () => {\n loading.value = true;\n\n store.dispatch(cartStorage + '/remove', {\n id: props.id,\n cart: cartStorage,\n finally: () => {\n loading.value = false;\n }\n });\n };\n\n const increase = () => {\n if (isIncreaseLimited.value) {\n toast(__('shop.fao.no_quantity', { q: availableToAdd.value }), { type: 'error' });\n return;\n }\n quantity.value++;\n };\n\n const decrease = () => {\n if (quantity.value > 1) {\n quantity.value--;\n }\n };\n\n return {\n button,\n loading,\n quantity,\n add,\n remove,\n cart,\n increase,\n decrease,\n isAlreadyInCart,\n isChangeQuantity,\n isPlusMinus,\n isDisabledByStock,\n isIncreaseLimited\n };\n }\n};\n</script>","<template>\n <div class=\"cart-add\" ref=\"button\">\n <div class=\"columns\">\n <div class=\"column\" v-if=\"$env.shop.isCustomQuantity && isChangeQuantity\">\n <div class=\"cart-change-quantity\">\n <button class=\"button is-small decrease\" @click=\"decrease\" :disabled=\"loading || quantity == 1\" v-if=\"isPlusMinus\">-</button>\n <input class=\"input is-small\" type=\"number\" min=\"1\" v-model=\"quantity\" :disabled=\"loading\" />\n <button class=\"button is-small increase\" @click=\"increase\" :disabled=\"loading\" :style=\"isIncreaseLimited ? 'opacity: 0.5;cursor: not-allowed;pointer-events: auto;' : null\" v-if=\"isPlusMinus\">+</button>\n </div>\n </div>\n <div class=\"column is-narrow\">\n <button class=\"button is-link is-small\" v-on:click=\"add\" :disabled=\"loading\" :style=\"isDisabledByStock ? 'opacity: 0.5;cursor: not-allowed;pointer-events: auto;' : null\">\n <slot :label=\"__('shop.cart.add')\">\n <svg class=\"icon cart\">\n <use xlink:href=\"#cart-add\" />\n </svg>\n <span class=\"cart-add-button-label\">\n {{ __('shop.cart.add') }}\n </span>\n </slot>\n </button>\n </div>\n </div>\n <div v-if=\"$env.shop.isAlreadyInCart && isAlreadyInCart && cart > 0\">\n {{ __('shop.cart.already', { quantity: cart }) }}\n <br />\n <a v-on:click.prevent=\"remove\" :disabled=\"loading\" v-text=\"__('shop.cart.remove')\"></a>\n </div>\n </div>\n</template>\n<script>\nimport { ref, computed } from 'vue';\nimport { useStore } from 'vuex';\nimport { useToast } from 'vue-toastification';\nimport SuccessMessage from './SuccessMessage.vue';\n\nconst toast = useToast();\n\nexport default {\n name: 'cart-add',\n props: {\n id: Number,\n isChangeQuantity: {\n type: Boolean,\n default: true\n },\n isAlreadyInCart: {\n type: Boolean,\n default: true\n },\n isSimple: {\n type: Boolean,\n default: false\n },\n isPlusMinus: {\n type: Boolean,\n default: false\n },\n after: {\n type: String,\n default: 'modal'\n },\n property: {\n type: String,\n default: null\n },\n code: {\n type: String,\n default: null\n },\n name: {\n type: String,\n default: null\n },\n price: {\n type: Number,\n default: null\n },\n cartStorage: {\n type: String,\n default: 'cart'\n },\n maxQuantity: {\n default: null\n }\n },\n setup(props) {\n const store = useStore();\n const loading = ref(false);\n const quantity = ref(1);\n const button = ref(null);\n const cartStorage = props.cartStorage;\n\n const cart = computed(() => store.getters[cartStorage + '/productQuantity'](props.id));\n\n const availableToAdd = computed(() => {\n if (props.maxQuantity === null) return Infinity;\n return Math.max(0, props.maxQuantity - cart.value);\n });\n\n const isDisabledByStock = computed(() => {\n if (props.maxQuantity === null) return false;\n return availableToAdd.value <= 0;\n });\n\n const isIncreaseLimited = computed(() => {\n if (props.maxQuantity === null) return false;\n return quantity.value >= availableToAdd.value;\n });\n\n let isAlreadyInCart = props.isAlreadyInCart;\n let isChangeQuantity = props.isChangeQuantity;\n let isPlusMinus = props.isPlusMinus;\n\n if (props.isSimple) {\n isAlreadyInCart = false;\n isChangeQuantity = false;\n isPlusMinus = false;\n }\n\n const add = () => {\n if (isDisabledByStock.value) {\n toast(__('shop.fao.no_quantity', { q: availableToAdd.value }), { type: 'error' });\n return;\n }\n\n loading.value = true;\n\n let options = [];\n\n if (button.value.closest('.product-main')) {\n const checkedOptions = document.querySelectorAll('#options input[type=checkbox]:checked');\n\n checkedOptions.forEach((element) => {\n options.push(parseInt(element.value));\n });\n }\n\n let trackingIndex = {};\n\n if (window.getTrackingIndexProductsList && typeof window.getTrackingIndexProductsList === 'function') {\n trackingIndex = window.getTrackingIndexProductsList(button.value);\n }\n\n const q = Math.max(1, quantity.value);\n const product = button.value.closest('[shop-product]');\n const name = props.name ? props.name : product.querySelector('[shop-product-name]')?.textContent;\n const price = props.price ? props.price : product.querySelector('[shop-product-price]')?.childNodes[0].nodeValue.replace(/ /g, '');\n const property = props.property ? props.property : product.querySelector('[shop-product-property]')?.textContent;\n const code = props.code ? props.code : product.dataset.code;\n const category = product.querySelector('[shop-product-category]')?.textContent;\n const brand = product.querySelector('[shop-product-brand]')?.textContent;\n\n store.dispatch(cartStorage + '/add', {\n cart: cartStorage,\n after: props.after,\n product: {\n id: props.id,\n quantity: q,\n options: options,\n extra: {\n trackingIndex: trackingIndex\n }\n },\n finally: () => {\n loading.value = false;\n quantity.value = 1;\n\n if (props.after == 'message') {\n const component = {\n component: SuccessMessage\n };\n\n toast(component, {\n type: 'success-cart'\n });\n }\n },\n callback: () => {\n const object = {\n ecommerce: {\n currency: 'UAH',\n value: parseFloat(price) * q,\n items: [\n {\n item_name: name,\n item_id: code,\n price: parseFloat(price),\n quantity: q,\n }\n ]\n },\n event: 'add_to_cart'\n };\n\n if (trackingIndex.index) {\n object.ecommerce.items[0].index = trackingIndex.index;\n }\n\n if (trackingIndex.item_list_name) {\n object.ecommerce.items[0].item_list_name = trackingIndex.item_list_name;\n }\n\n if (brand) {\n object.ecommerce.items[0].item_brand = brand;\n }\n\n if (category) {\n if (category.indexOf('/') !== -1) {\n category.split('/').forEach((segment, index) => {\n object.ecommerce.items[0]['item_category' + (index ? index + 1 : '')] = segment.trim();\n });\n } else {\n object.ecommerce.items[0].item_category = category;\n }\n }\n\n if (property) {\n object.ecommerce.items[0].item_variant = property;\n }\n\n if ($env.debug.ecommerce) {\n console.log(object);\n }\n\n if (!$env.debug.ecommerce && window.dataLayer) {\n window.dataLayer.push({\n ecommerce: null\n });\n\n window.dataLayer.push(object);\n }\n }\n });\n };\n\n const remove = () => {\n loading.value = true;\n\n store.dispatch(cartStorage + '/remove', {\n id: props.id,\n cart: cartStorage,\n finally: () => {\n loading.value = false;\n }\n });\n };\n\n const increase = () => {\n if (isIncreaseLimited.value) {\n toast(__('shop.fao.no_quantity', { q: availableToAdd.value }), { type: 'error' });\n return;\n }\n quantity.value++;\n };\n\n const decrease = () => {\n if (quantity.value > 1) {\n quantity.value--;\n }\n };\n\n return {\n button,\n loading,\n quantity,\n add,\n remove,\n cart,\n increase,\n decrease,\n isAlreadyInCart,\n isChangeQuantity,\n isPlusMinus,\n isDisabledByStock,\n isIncreaseLimited\n };\n }\n};\n</script>"],"names":["script$1","setup","translate","window","__","_hoisted_1","class","_createElementBlock","_toDisplayString","$setup","toast","useToast","script","name","props","id","Number","isChangeQuantity","type","Boolean","default","isAlreadyInCart","isSimple","isPlusMinus","after","String","property","code","price","cartStorage","maxQuantity","store","useStore","loading","ref","quantity","button","cart","computed","getters","availableToAdd","Infinity","Math","max","value","isDisabledByStock","isIncreaseLimited","add","_product$querySelecto","_product$querySelecto2","_product$querySelecto3","_product$querySelecto4","_product$querySelecto5","q","options","closest","document","querySelectorAll","forEach","element","push","parseInt","trackingIndex","getTrackingIndexProductsList","product","querySelector","textContent","childNodes","nodeValue","replace","dataset","category","brand","dispatch","extra","finally","component","SuccessMessage","callback","object","ecommerce","currency","parseFloat","items","item_name","item_id","event","index","item_list_name","item_brand","indexOf","split","segment","trim","item_category","item_variant","$env","debug","console","log","dataLayer","remove","increase","decrease","_hoisted_2","_hoisted_4","_hoisted_8","_createElementVNode","createElementVNode","xlink:href","_hoisted_11","_openBlock","openBlock","_ctx","shop","isCustomQuantity","createElementBlock","_hoisted_3","onClick","apply","arguments","disabled","_hoisted_5","min","$event","style","_hoisted_7","_renderSlot","renderSlot","$slots","label","_hoisted_10","_hoisted_12","_hoisted_13"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("vue"),t=require("vuex"),i={name:"CartItem",props:{item:Object},setup:function(i){var o=e.inject("cartStorage");o=o||"cart";var n=t.useStore(),a=e.ref(!1),r=e.ref(),c=e.ref(i.item.attributes.options&&i.item.attributes.options.length?i.item.attributes.options:[]),l=e.ref(!1),s=e.computed((function(){return n.getters["auth/is"]}));i.item.attributes.options&&i.item.attributes.options.length&&(l.value=!0);var m=i.item.name,d=i.item.attributes.price,u=i.item.attributes.code,p=i.item.attributes.categoryFull?i.item.attributes.categoryFull:i.item.attributes.category,b=i.item.attributes.brand,v=i.item.attributes.property,g=i.item.attributes.index,k=i.item.attributes.itemListName,f=function(e){a.value=!0,n.dispatch(o+"/add",{cart:o,product:{id:i.item.id,quantity:e},finally:function(){a.value=!1},callback:function(){if(e>0){i.item.quantity;var t={ecommerce:{currency:"UAH",value:parseFloat(d),items:[{item_name:m,item_id:u,price:parseFloat(d),quantity:1}]},event:"add_to_cart"};b&&(t.ecommerce.items[0].item_brand=b),i.item.attributes.index&&(t.ecommerce.items[0].index=i.item.attributes.index),i.item.attributes.itemListName&&(t.ecommerce.items[0].item_list_name=i.item.attributes.itemListName),p&&(-1!==p.indexOf("/")?p.split("/").forEach((function(e,i){t.ecommerce.items[0]["item_category"+(i?i+1:"")]=e.trim()})):t.ecommerce.items[0].item_category=p),v&&(t.ecommerce.items[0].item_variant=v),$env.debug.ecommerce&&console.log(t),!$env.debug.ecommerce&&window.dataLayer&&(window.dataLayer.push({ecommerce:null}),window.dataLayer.push(t))}}})};i.item.options&&i.item.options.length&&e.watch(c,(function(e){a.value=!0,n.dispatch(o+"/options",{product:{id:i.item.id,options:Object.values(e)},finally:function(){a.value=!1}})}));return{loading:a,increase:function(){f(1)},decrease:function(){f(-1)},remove:function(){a.value=!0,n.dispatch(o+"/remove",{id:i.item.id,cart:o,finally:function(){a.value=!1},callback:function(){var e=i.item.quantity,t={ecommerce:{currency:"UAH",value:parseFloat(d)*e,items:[{item_name:m,item_id:u,price:parseFloat(d),quantity:e}]},event:"remove_from_cart"};p&&(-1!==p.indexOf("/")?p.split("/").forEach((function(e,i){t.ecommerce.items[0]["item_category"+(i?i+1:"")]=e.trim()})):t.ecommerce.items[0].item_category=p),g&&(t.ecommerce.items[0].index=g),k&&(t.ecommerce.items[0].item_list_name=k),v&&(t.ecommerce.items[0].item_variant=v),$env.debug.ecommerce&&console.log(t),!$env.debug.ecommerce&&window.dataLayer&&(window.dataLayer.push({ecommerce:null}),window.dataLayer.push(t))}})},options:c,optionsToggled:l,input:r,gotoProduct:function(e){window.addEventListener("beforeunload",(function(){n.commit(o+"/modal",null)})),window.addEventListener("pagehide",(function(){n.commit(o+"/modal",null)})),window.location.href=e},auth:s}}},o=["data-code"],n={key:0,class:"column is-12"},a={class:"bundle-title"},r={class:"column name"},c={class:"column is-narrow cart-actions-parent"},l={class:"cart-actions"},s=["disabled"],m=[e.createElementVNode("svg",{class:"icon"},[e.createElementVNode("use",{"xlink:href":"#cart-remove"})],-1)],d={class:"column is-narrow image-parent"},u=["src"],p={key:1},b=[e.createElementVNode("use",{"xlink:href":"#logo"},null,-1)],v={class:"column"},g={class:"columns is-gapless mb-0"},k={class:"column"},f={key:0,class:"code"},E={class:"is-hidden","shop-product-category":""},y={class:"title"},N={key:0,"shop-product-name":""},V={key:0,class:"column is-narrow has-text-right is-relative quantity-parent"},h={class:"quantity"},B=["disabled"],w=[e.createElementVNode("svg",null,[e.createElementVNode("use",{"xlink:href":"#cart-minus"})],-1)],C=["disabled"],_=[e.createElementVNode("svg",null,[e.createElementVNode("use",{"xlink:href":"#cart-plus"})],-1)],x={key:0,class:"quantity-price"},L=["innerHTML"],S={class:"column is-2 has-text-right"},q=["innerHTML"],D=["innerHTML"],T=["innerHTML"],H=e.createElementVNode("svg",null,[e.createElementVNode("use",{"xlink:href":"#arrow-down"})],-1),M={class:"wrapper"},$={class:"column is-narrow"},P=["value","id"],z={class:"column"},F=["for"],O={key:0,class:"option-description"},U={class:"column is-2 has-text-right"},j=["innerHTML"],I={key:0,class:"bundle columns"},A=e.createElementVNode("div",{class:"column is-narrow"},[e.createElementVNode("div",{class:"cart-bundle-spacer"})],-1),G={class:"column is-narrow"},J=e.createElementVNode("svg",{class:"bundle-icon"},[e.createElementVNode("use",{"xlink:href":"#bundle-plus"})],-1),K=["src"],Q={key:1},R=[e.createElementVNode("use",{"xlink:href":"#logo"},null,-1)],W={class:"column"},X={key:0,class:"code"},Y={class:"title"},Z={key:1,class:"bundle columns"},ee=e.createElementVNode("div",{class:"column is-narrow"},[e.createElementVNode("div",{class:"cart-bundle-spacer"})],-1),te={class:"column is-narrow"},ie=e.createElementVNode("svg",{class:"bundle-icon"},[e.createElementVNode("use",{"xlink:href":"#bundle-plus"})],-1),oe=["src"],ne={key:1},ae=[e.createElementVNode("use",{"xlink:href":"#logo"},null,-1)],re={class:"column"},ce={key:0,class:"code"},le={class:"title"};i.render=function(t,i,se,me,de,ue){var pe=e.resolveComponent("wishlist-add");return se.item.deleted?e.createCommentVNode("v-if",!0):(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["columns is-multiline shop-cart-item",{inactive:!1===se.item.attributes.active,"is-bundle":se.item.attributes.bundle}]),"data-code":se.item.attributes.code,"shop-product":""},[se.item.attributes.bundle?(e.openBlock(),e.createElementBlock("div",n,[e.createElementVNode("div",a,e.toDisplayString(t.__("shop.cart.bundle")),1)])):e.createCommentVNode("v-if",!0),e.createElementVNode("div",r,[e.createElementVNode("div",{class:e.normalizeClass(["columns",{"mb-0":se.item.attributes.bundle}])},[e.createElementVNode("div",c,[e.createElementVNode("div",l,[e.createElementVNode("button",{class:"remove",onClick:i[0]||(i[0]=function(){return me.remove&&me.remove.apply(me,arguments)}),disabled:me.loading},m,8,s),me.auth&&!se.item.attributes.bundle?(e.openBlock(),e.createBlock(pe,{key:0,id:se.item.attributes.productId?se.item.attributes.productId:se.item.id,item:se.item},null,8,["id","item"])):e.createCommentVNode("v-if",!0)])]),e.createElementVNode("div",d,[e.createElementVNode("a",{onClick:i[1]||(i[1]=function(e){return me.gotoProduct(se.item.attributes.href)})},[e.createElementVNode("figure",{class:e.normalizeClass(["image is-square",{"no-thumb":!se.item.attributes.image}])},[se.item.attributes.image?(e.openBlock(),e.createElementBlock("img",{key:0,src:se.item.attributes.image},null,8,u)):(e.openBlock(),e.createElementBlock("svg",p,b))],2)])]),e.createElementVNode("div",v,[e.createElementVNode("div",g,[e.createElementVNode("div",k,[e.renderSlot(t.$slots,"item-name",{item:se.item,gotoProduct:me.gotoProduct},(function(){return[se.item.attributes.code?(e.openBlock(),e.createElementBlock("div",f,e.toDisplayString(t.__("shop.cart.code"))+" "+e.toDisplayString(se.item.attributes.code),1)):e.createCommentVNode("v-if",!0),e.createElementVNode("div",E,e.toDisplayString(se.item.attributes.categoryFull),1),e.createElementVNode("div",y,[!1===se.item.attributes.active?(e.openBlock(),e.createElementBlock("span",N,e.toDisplayString(se.item.name),1)):(e.openBlock(),e.createElementBlock("a",{key:1,onClick:i[2]||(i[2]=function(e){return me.gotoProduct(se.item.attributes.href)})},e.toDisplayString(se.item.name),1))])]}))]),(e.openBlock(),e.createElementBlock("div",V,[e.createElementVNode("div",h,[e.createElementVNode("button",{class:"button decrease",onClick:i[3]||(i[3]=function(){return me.decrease&&me.decrease.apply(me,arguments)}),disabled:me.loading||1==se.item.quantity},w,8,B),e.withDirectives(e.createElementVNode("input",{class:"input is-small",type:"number",min:"1","onUpdate:modelValue":i[4]||(i[4]=function(e){return se.item.quantity=e}),disabled:""},null,512),[[e.vModelText,se.item.quantity]]),e.createElementVNode("button",{class:"button increase",onClick:i[5]||(i[5]=function(){return me.increase&&me.increase.apply(me,arguments)}),disabled:me.loading},_,8,C)]),se.item.quantity>1?(e.openBlock(),e.createElementBlock("div",x,[e.createElementVNode("span",{innerHTML:t.$filters.price(se.item.attributes.price)},null,8,L),e.createTextVNode(" / "+e.toDisplayString(t.__("shop.cart.q")),1)])):e.createCommentVNode("v-if",!0)])),e.createElementVNode("div",S,[e.renderSlot(t.$slots,"item-price",{item:se.item,filters:t.$filters},(function(){return[e.createElementVNode("div",{class:e.normalizeClass(["price",{"bundle-price":se.item.attributes.bundle}])},[se.item.attributes.priceOld?(e.openBlock(),e.createElementBlock("div",{key:0,class:"price-old",innerHTML:t.$filters.price(se.item.attributes.priceOld*se.item.quantity)},null,8,q)):e.createCommentVNode("v-if",!0),se.item.attributes.bundle&&se.item.attributes.amount?(e.openBlock(),e.createElementBlock("div",{key:1,class:"bundle-amount",innerHTML:t.__("shop.cart.bundle_amount")+(se.item.attributes.amount.percent?se.item.attributes.amount.percent+"%":t.$filters.price(se.item.attributes.amount.sum*se.item.quantity))},null,8,D)):e.createCommentVNode("v-if",!0),e.createElementVNode("div",{innerHTML:t.$filters.price(se.item.attributes.price*se.item.quantity),"shop-product-price":""},null,8,T)],2)]}))])]),se.item.options&&se.item.options.length?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["options",{"is-toggled":me.optionsToggled}])},[e.createElementVNode("div",{class:"toggler",onClick:i[6]||(i[6]=function(e){return me.optionsToggled=!me.optionsToggled})},[e.createElementVNode("span",null,e.toDisplayString(t.__("shop.cart.additional"))+" "+e.toDisplayString(se.item.options.length),1),H]),e.withDirectives(e.createElementVNode("div",M,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(se.item.options,(function(o,n){return e.openBlock(),e.createElementBlock("div",{key:n,class:e.normalizeClass(["columns",{"is-checked":-1!==me.options.indexOf(o.id)}])},[e.createElementVNode("div",$,[e.withDirectives(e.createElementVNode("input",{type:"checkbox",class:"checkbox","onUpdate:modelValue":i[7]||(i[7]=function(e){return me.options=e}),value:o.id,id:"option-"+se.item.id+"-"+o.id},null,8,P),[[e.vModelCheckbox,me.options]])]),e.createElementVNode("div",z,[e.createElementVNode("label",{class:"option-title is-clickable",for:"option-"+se.item.id+"-"+o.id},e.toDisplayString(o.name),9,F),o.description?(e.openBlock(),e.createElementBlock("div",O,e.toDisplayString(o.description),1)):e.createCommentVNode("v-if",!0)]),e.createElementVNode("div",U,[e.createTextVNode("+"),e.createElementVNode("span",{innerHTML:t.$filters.price(o.price)},null,8,j)])],2)})),128))],512),[[e.vShow,me.optionsToggled]])],2)):e.createCommentVNode("v-if",!0)])],2),se.item.attributes.bundle?(e.openBlock(),e.createElementBlock("div",I,[A,e.createElementVNode("div",G,[J,e.createElementVNode("a",{onClick:i[8]||(i[8]=function(e){return me.gotoProduct(se.item.attributes.second.href)})},[e.createElementVNode("figure",{class:e.normalizeClass(["image is-square",{"no-thumb":!se.item.attributes.second.image}])},[se.item.attributes.second.image?(e.openBlock(),e.createElementBlock("img",{key:0,src:se.item.attributes.second.image},null,8,K)):(e.openBlock(),e.createElementBlock("svg",Q,R))],2)])]),e.createElementVNode("div",W,[se.item.attributes.second.code?(e.openBlock(),e.createElementBlock("div",X,e.toDisplayString(t.__("shop.cart.code"))+" "+e.toDisplayString(se.item.attributes.second.code),1)):e.createCommentVNode("v-if",!0),e.createElementVNode("div",Y,[e.createElementVNode("a",{onClick:i[9]||(i[9]=function(e){return me.gotoProduct(se.item.attributes.second.href)})},e.toDisplayString(se.item.attributes.second.name),1)])])])):e.createCommentVNode("v-if",!0),se.item.attributes.bundle&&se.item.attributes.third?(e.openBlock(),e.createElementBlock("div",Z,[ee,e.createElementVNode("div",te,[ie,e.createElementVNode("a",{onClick:i[10]||(i[10]=function(e){return me.gotoProduct(se.item.attributes.third.href)})},[e.createElementVNode("figure",{class:e.normalizeClass(["image is-square",{"no-thumb":!se.item.attributes.third.image}])},[se.item.attributes.third.image?(e.openBlock(),e.createElementBlock("img",{key:0,src:se.item.attributes.third.image},null,8,oe)):(e.openBlock(),e.createElementBlock("svg",ne,ae))],2)])]),e.createElementVNode("div",re,[se.item.attributes.third.code?(e.openBlock(),e.createElementBlock("div",ce,e.toDisplayString(t.__("shop.cart.code"))+" "+e.toDisplayString(se.item.attributes.third.code),1)):e.createCommentVNode("v-if",!0),e.createElementVNode("div",le,[e.createElementVNode("a",{onClick:i[11]||(i[11]=function(e){return me.gotoProduct(se.item.attributes.third.href)})},e.toDisplayString(se.item.attributes.third.name),1)])])])):e.createCommentVNode("v-if",!0)])],10,o))},module.exports=i;
|
|
1
|
+
"use strict";var e=require("vue"),t=require("vuex"),i=require("vue-toastification"),o={name:"CartItem",props:{item:Object},setup:function(o){var n=e.inject("cartStorage");n=n||"cart";var a=t.useStore(),r=i.useToast(),c=e.ref(!1),l=e.ref(),s=e.ref(o.item.attributes.options&&o.item.attributes.options.length?o.item.attributes.options:[]),m=e.ref(!1),d=e.computed((function(){return a.getters["auth/is"]}));o.item.attributes.options&&o.item.attributes.options.length&&(m.value=!0);var u=o.item.name,p=o.item.attributes.price,b=o.item.attributes.code,v=o.item.attributes.categoryFull?o.item.attributes.categoryFull:o.item.attributes.category,g=o.item.attributes.brand,f=o.item.attributes.property,k=o.item.attributes.index,y=o.item.attributes.itemListName,E=function(e){c.value=!0,a.dispatch(n+"/add",{cart:n,product:{id:o.item.id,quantity:e},finally:function(){c.value=!1},callback:function(){if(e>0){o.item.quantity;var t={ecommerce:{currency:"UAH",value:parseFloat(p),items:[{item_name:u,item_id:b,price:parseFloat(p),quantity:1}]},event:"add_to_cart"};g&&(t.ecommerce.items[0].item_brand=g),o.item.attributes.index&&(t.ecommerce.items[0].index=o.item.attributes.index),o.item.attributes.itemListName&&(t.ecommerce.items[0].item_list_name=o.item.attributes.itemListName),v&&(-1!==v.indexOf("/")?v.split("/").forEach((function(e,i){t.ecommerce.items[0]["item_category"+(i?i+1:"")]=e.trim()})):t.ecommerce.items[0].item_category=v),f&&(t.ecommerce.items[0].item_variant=f),$env.debug.ecommerce&&console.log(t),!$env.debug.ecommerce&&window.dataLayer&&(window.dataLayer.push({ecommerce:null}),window.dataLayer.push(t))}}})};o.item.options&&o.item.options.length&&e.watch(s,(function(e){c.value=!0,a.dispatch(n+"/options",{product:{id:o.item.id,options:Object.values(e)},finally:function(){c.value=!1}})}));return{loading:c,increase:function(){"fao"===n&&null!==o.item.attributes.quantity_fao&&void 0!==o.item.attributes.quantity_fao&&o.item.quantity>=o.item.attributes.quantity_fao?r(__("shop.fao.no_quantity",{q:o.item.attributes.quantity_fao}),{type:"error"}):E(1)},decrease:function(){E(-1)},remove:function(){c.value=!0,a.dispatch(n+"/remove",{id:o.item.id,cart:n,finally:function(){c.value=!1},callback:function(){var e=o.item.quantity,t={ecommerce:{currency:"UAH",value:parseFloat(p)*e,items:[{item_name:u,item_id:b,price:parseFloat(p),quantity:e}]},event:"remove_from_cart"};v&&(-1!==v.indexOf("/")?v.split("/").forEach((function(e,i){t.ecommerce.items[0]["item_category"+(i?i+1:"")]=e.trim()})):t.ecommerce.items[0].item_category=v),k&&(t.ecommerce.items[0].index=k),y&&(t.ecommerce.items[0].item_list_name=y),f&&(t.ecommerce.items[0].item_variant=f),$env.debug.ecommerce&&console.log(t),!$env.debug.ecommerce&&window.dataLayer&&(window.dataLayer.push({ecommerce:null}),window.dataLayer.push(t))}})},options:s,optionsToggled:m,input:l,gotoProduct:function(e){window.addEventListener("beforeunload",(function(){a.commit(n+"/modal",null)})),window.addEventListener("pagehide",(function(){a.commit(n+"/modal",null)})),window.location.href=e},auth:d,cartStorage:n}}},n=["data-code"],a={key:0,class:"column is-12"},r={class:"bundle-title"},c={class:"column name"},l={class:"column is-narrow cart-actions-parent"},s={class:"cart-actions"},m=["disabled"],d=[e.createElementVNode("svg",{class:"icon"},[e.createElementVNode("use",{"xlink:href":"#cart-remove"})],-1)],u={class:"column is-narrow image-parent"},p=["src"],b={key:1},v=[e.createElementVNode("use",{"xlink:href":"#logo"},null,-1)],g={class:"column"},f={class:"columns is-gapless mb-0"},k={class:"column"},y={key:0,class:"code"},E={class:"is-hidden","shop-product-category":""},N={class:"title"},V={key:0,"shop-product-name":""},h={key:0,class:"column is-narrow has-text-right is-relative quantity-parent"},B={class:"quantity"},_=["disabled"],w=[e.createElementVNode("svg",null,[e.createElementVNode("use",{"xlink:href":"#cart-minus"})],-1)],C=["disabled"],q=[e.createElementVNode("svg",null,[e.createElementVNode("use",{"xlink:href":"#cart-plus"})],-1)],x={key:0,class:"quantity-price"},S=["innerHTML"],L={class:"column is-2 has-text-right"},D=["innerHTML"],T=["innerHTML"],H=["innerHTML"],M=e.createElementVNode("svg",null,[e.createElementVNode("use",{"xlink:href":"#arrow-down"})],-1),$={class:"wrapper"},z={class:"column is-narrow"},P=["value","id"],F={class:"column"},O=["for"],U={key:0,class:"option-description"},j={class:"column is-2 has-text-right"},I=["innerHTML"],A={key:0,class:"bundle columns"},G=e.createElementVNode("div",{class:"column is-narrow"},[e.createElementVNode("div",{class:"cart-bundle-spacer"})],-1),J={class:"column is-narrow"},K=e.createElementVNode("svg",{class:"bundle-icon"},[e.createElementVNode("use",{"xlink:href":"#bundle-plus"})],-1),Q=["src"],R={key:1},W=[e.createElementVNode("use",{"xlink:href":"#logo"},null,-1)],X={class:"column"},Y={key:0,class:"code"},Z={class:"title"},ee={key:1,class:"bundle columns"},te=e.createElementVNode("div",{class:"column is-narrow"},[e.createElementVNode("div",{class:"cart-bundle-spacer"})],-1),ie={class:"column is-narrow"},oe=e.createElementVNode("svg",{class:"bundle-icon"},[e.createElementVNode("use",{"xlink:href":"#bundle-plus"})],-1),ne=["src"],ae={key:1},re=[e.createElementVNode("use",{"xlink:href":"#logo"},null,-1)],ce={class:"column"},le={key:0,class:"code"},se={class:"title"};o.render=function(t,i,o,me,de,ue){var pe=e.resolveComponent("wishlist-add");return o.item.deleted?e.createCommentVNode("v-if",!0):(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["columns is-multiline shop-cart-item",{inactive:!1===o.item.attributes.active,"is-bundle":o.item.attributes.bundle}]),"data-code":o.item.attributes.code,"shop-product":""},[o.item.attributes.bundle?(e.openBlock(),e.createElementBlock("div",a,[e.createElementVNode("div",r,e.toDisplayString(t.__("shop.cart.bundle")),1)])):e.createCommentVNode("v-if",!0),e.createElementVNode("div",c,[e.createElementVNode("div",{class:e.normalizeClass(["columns",{"mb-0":o.item.attributes.bundle}])},[e.createElementVNode("div",l,[e.createElementVNode("div",s,[e.createElementVNode("button",{class:"remove",onClick:i[0]||(i[0]=function(){return me.remove&&me.remove.apply(me,arguments)}),disabled:me.loading},d,8,m),me.auth&&!o.item.attributes.bundle?(e.openBlock(),e.createBlock(pe,{key:0,id:o.item.attributes.productId?o.item.attributes.productId:o.item.id,item:o.item},null,8,["id","item"])):e.createCommentVNode("v-if",!0)])]),e.createElementVNode("div",u,[e.createElementVNode("a",{onClick:i[1]||(i[1]=function(e){return me.gotoProduct(o.item.attributes.href)})},[e.createElementVNode("figure",{class:e.normalizeClass(["image is-square",{"no-thumb":!o.item.attributes.image}])},[o.item.attributes.image?(e.openBlock(),e.createElementBlock("img",{key:0,src:o.item.attributes.image},null,8,p)):(e.openBlock(),e.createElementBlock("svg",b,v))],2)])]),e.createElementVNode("div",g,[e.createElementVNode("div",f,[e.createElementVNode("div",k,[e.renderSlot(t.$slots,"item-name",{item:o.item,gotoProduct:me.gotoProduct},(function(){return[o.item.attributes.code?(e.openBlock(),e.createElementBlock("div",y,e.toDisplayString(t.__("shop.cart.code"))+" "+e.toDisplayString(o.item.attributes.code),1)):e.createCommentVNode("v-if",!0),e.createElementVNode("div",E,e.toDisplayString(o.item.attributes.categoryFull),1),e.createElementVNode("div",N,[!1===o.item.attributes.active?(e.openBlock(),e.createElementBlock("span",V,e.toDisplayString(o.item.name),1)):(e.openBlock(),e.createElementBlock("a",{key:1,onClick:i[2]||(i[2]=function(e){return me.gotoProduct(o.item.attributes.href)})},e.toDisplayString(o.item.name),1))])]}))]),(e.openBlock(),e.createElementBlock("div",h,[e.createElementVNode("div",B,[e.createElementVNode("button",{class:"button decrease",onClick:i[3]||(i[3]=function(){return me.decrease&&me.decrease.apply(me,arguments)}),disabled:me.loading||1==o.item.quantity},w,8,_),e.withDirectives(e.createElementVNode("input",{class:"input is-small",type:"number",min:"1","onUpdate:modelValue":i[4]||(i[4]=function(e){return o.item.quantity=e}),disabled:""},null,512),[[e.vModelText,o.item.quantity]]),e.createElementVNode("button",{class:"button increase",onClick:i[5]||(i[5]=function(){return me.increase&&me.increase.apply(me,arguments)}),disabled:me.loading,style:e.normalizeStyle("fao"===me.cartStorage&&null!=o.item.attributes.quantity_fao&&o.item.quantity>=o.item.attributes.quantity_fao?"opacity:0.5;cursor:not-allowed;pointer-events:auto;":null)},q,12,C)]),o.item.quantity>1?(e.openBlock(),e.createElementBlock("div",x,[e.createElementVNode("span",{innerHTML:t.$filters.price(o.item.attributes.price)},null,8,S),e.createTextVNode(" / "+e.toDisplayString(t.__("shop.cart.q")),1)])):e.createCommentVNode("v-if",!0)])),e.createElementVNode("div",L,[e.renderSlot(t.$slots,"item-price",{item:o.item,filters:t.$filters},(function(){return[e.createElementVNode("div",{class:e.normalizeClass(["price",{"bundle-price":o.item.attributes.bundle}])},[o.item.attributes.priceOld?(e.openBlock(),e.createElementBlock("div",{key:0,class:"price-old",innerHTML:t.$filters.price(o.item.attributes.priceOld*o.item.quantity)},null,8,D)):e.createCommentVNode("v-if",!0),o.item.attributes.bundle&&o.item.attributes.amount?(e.openBlock(),e.createElementBlock("div",{key:1,class:"bundle-amount",innerHTML:t.__("shop.cart.bundle_amount")+(o.item.attributes.amount.percent?o.item.attributes.amount.percent+"%":t.$filters.price(o.item.attributes.amount.sum*o.item.quantity))},null,8,T)):e.createCommentVNode("v-if",!0),e.createElementVNode("div",{innerHTML:t.$filters.price(o.item.attributes.price*o.item.quantity),"shop-product-price":""},null,8,H)],2)]}))])]),o.item.options&&o.item.options.length?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["options",{"is-toggled":me.optionsToggled}])},[e.createElementVNode("div",{class:"toggler",onClick:i[6]||(i[6]=function(e){return me.optionsToggled=!me.optionsToggled})},[e.createElementVNode("span",null,e.toDisplayString(t.__("shop.cart.additional"))+" "+e.toDisplayString(o.item.options.length),1),M]),e.withDirectives(e.createElementVNode("div",$,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.item.options,(function(n,a){return e.openBlock(),e.createElementBlock("div",{key:a,class:e.normalizeClass(["columns",{"is-checked":-1!==me.options.indexOf(n.id)}])},[e.createElementVNode("div",z,[e.withDirectives(e.createElementVNode("input",{type:"checkbox",class:"checkbox","onUpdate:modelValue":i[7]||(i[7]=function(e){return me.options=e}),value:n.id,id:"option-"+o.item.id+"-"+n.id},null,8,P),[[e.vModelCheckbox,me.options]])]),e.createElementVNode("div",F,[e.createElementVNode("label",{class:"option-title is-clickable",for:"option-"+o.item.id+"-"+n.id},e.toDisplayString(n.name),9,O),n.description?(e.openBlock(),e.createElementBlock("div",U,e.toDisplayString(n.description),1)):e.createCommentVNode("v-if",!0)]),e.createElementVNode("div",j,[e.createTextVNode("+"),e.createElementVNode("span",{innerHTML:t.$filters.price(n.price)},null,8,I)])],2)})),128))],512),[[e.vShow,me.optionsToggled]])],2)):e.createCommentVNode("v-if",!0)])],2),o.item.attributes.bundle?(e.openBlock(),e.createElementBlock("div",A,[G,e.createElementVNode("div",J,[K,e.createElementVNode("a",{onClick:i[8]||(i[8]=function(e){return me.gotoProduct(o.item.attributes.second.href)})},[e.createElementVNode("figure",{class:e.normalizeClass(["image is-square",{"no-thumb":!o.item.attributes.second.image}])},[o.item.attributes.second.image?(e.openBlock(),e.createElementBlock("img",{key:0,src:o.item.attributes.second.image},null,8,Q)):(e.openBlock(),e.createElementBlock("svg",R,W))],2)])]),e.createElementVNode("div",X,[o.item.attributes.second.code?(e.openBlock(),e.createElementBlock("div",Y,e.toDisplayString(t.__("shop.cart.code"))+" "+e.toDisplayString(o.item.attributes.second.code),1)):e.createCommentVNode("v-if",!0),e.createElementVNode("div",Z,[e.createElementVNode("a",{onClick:i[9]||(i[9]=function(e){return me.gotoProduct(o.item.attributes.second.href)})},e.toDisplayString(o.item.attributes.second.name),1)])])])):e.createCommentVNode("v-if",!0),o.item.attributes.bundle&&o.item.attributes.third?(e.openBlock(),e.createElementBlock("div",ee,[te,e.createElementVNode("div",ie,[oe,e.createElementVNode("a",{onClick:i[10]||(i[10]=function(e){return me.gotoProduct(o.item.attributes.third.href)})},[e.createElementVNode("figure",{class:e.normalizeClass(["image is-square",{"no-thumb":!o.item.attributes.third.image}])},[o.item.attributes.third.image?(e.openBlock(),e.createElementBlock("img",{key:0,src:o.item.attributes.third.image},null,8,ne)):(e.openBlock(),e.createElementBlock("svg",ae,re))],2)])]),e.createElementVNode("div",ce,[o.item.attributes.third.code?(e.openBlock(),e.createElementBlock("div",le,e.toDisplayString(t.__("shop.cart.code"))+" "+e.toDisplayString(o.item.attributes.third.code),1)):e.createCommentVNode("v-if",!0),e.createElementVNode("div",se,[e.createElementVNode("a",{onClick:i[11]||(i[11]=function(e){return me.gotoProduct(o.item.attributes.third.href)})},e.toDisplayString(o.item.attributes.third.name),1)])])])):e.createCommentVNode("v-if",!0)])],10,n))},module.exports=o;
|
|
2
2
|
//# sourceMappingURL=CartItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CartItem.js","sources":["../../../../src/components/shop/cart/CartItem.vue","../../../../src/components/shop/cart/CartItem.vue?vue&type=template&id=30ed1a56&lang.js"],"sourcesContent":["<template>\n <div class=\"columns is-multiline shop-cart-item\" v-if=\"!item.deleted\" v-bind:class=\"{ inactive: item.attributes.active === false, 'is-bundle': item.attributes.bundle }\" :data-code=\"item.attributes.code\" shop-product>\n <div class=\"column is-12\" v-if=\"item.attributes.bundle\">\n <div class=\"bundle-title\">{{ __('shop.cart.bundle') }}</div>\n </div>\n <div class=\"column name\">\n <div class=\"columns\" v-bind:class=\"{ 'mb-0': item.attributes.bundle }\">\n <div class=\"column is-narrow cart-actions-parent\">\n <div class=\"cart-actions\">\n <button class=\"remove\" @click=\"remove\" :disabled=\"loading\">\n <svg class=\"icon\">\n <use xlink:href=\"#cart-remove\" />\n </svg>\n </button>\n <wishlist-add :id=\"item.attributes.productId ? item.attributes.productId : item.id\" :item=\"item\" v-if=\"auth && !item.attributes.bundle\"></wishlist-add>\n </div>\n </div>\n <div class=\"column is-narrow image-parent\">\n <a @click=\"gotoProduct(item.attributes.href)\">\n <figure class=\"image is-square\" v-bind:class=\"{ 'no-thumb': !item.attributes.image }\">\n <img :src=\"item.attributes.image\" v-if=\"item.attributes.image\" />\n <svg v-else>\n <use xlink:href=\"#logo\" />\n </svg>\n </figure>\n </a>\n </div>\n <div class=\"column\">\n <div class=\"columns is-gapless mb-0\">\n <div class=\"column\">\n <slot name=\"item-name\" :item=\"item\" :gotoProduct=\"gotoProduct\">\n <div class=\"code\" v-if=\"item.attributes.code\">{{ __('shop.cart.code') }} {{ item.attributes.code }}</div>\n <div class=\"is-hidden\" shop-product-category>{{ item.attributes.categoryFull }}</div>\n <div class=\"title\">\n <span v-if=\"item.attributes.active === false\" shop-product-name>\n {{ item.name }}\n </span>\n <a @click=\"gotoProduct(item.attributes.href)\" v-else>{{ item.name }}</a>\n </div>\n </slot>\n </div>\n <div class=\"column is-narrow has-text-right is-relative quantity-parent\" v-if=\"true || $env.shop.isChangeQuantity\">\n <div class=\"quantity\">\n <button class=\"button decrease\" @click=\"decrease\" :disabled=\"loading || item.quantity == 1\">\n <svg>\n <use xlink:href=\"#cart-minus\" />\n </svg>\n </button>\n <input class=\"input is-small\" type=\"number\" min=\"1\" v-model=\"item.quantity\" disabled />\n <button class=\"button increase\" @click=\"increase\" :disabled=\"loading\">\n <svg>\n <use xlink:href=\"#cart-plus\" />\n </svg>\n </button>\n </div>\n <div class=\"quantity-price\" v-if=\"item.quantity > 1\"><span v-html=\"$filters.price(item.attributes.price)\"></span> / {{ __('shop.cart.q') }}</div>\n </div>\n <div class=\"column is-narrow has-text-right\" v-else>{{ item.quantity }}✕</div>\n <div class=\"column is-2 has-text-right\">\n <slot name=\"item-price\" :item=\"item\" :filters=\"$filters\">\n <div class=\"price\" v-bind:class=\"{ 'bundle-price': item.attributes.bundle }\">\n <div v-if=\"item.attributes.priceOld\" class=\"price-old\" v-html=\"$filters.price(item.attributes.priceOld * item.quantity)\"></div>\n <div class=\"bundle-amount\" v-if=\"item.attributes.bundle && item.attributes.amount\" v-html=\"__('shop.cart.bundle_amount') + (item.attributes.amount.percent ? item.attributes.amount.percent + '%' : $filters.price(item.attributes.amount.sum * item.quantity))\"></div>\n <div v-html=\"$filters.price(item.attributes.price * item.quantity)\" shop-product-price></div>\n </div>\n </slot>\n </div>\n </div>\n <div class=\"options\" v-if=\"item.options && item.options.length\" v-bind:class=\"{ 'is-toggled': optionsToggled }\">\n <div class=\"toggler\" @click=\"optionsToggled = !optionsToggled\">\n <span>{{ __('shop.cart.additional') }} {{ item.options.length }}</span>\n <svg>\n <use xlink:href=\"#arrow-down\" />\n </svg>\n </div>\n <div class=\"wrapper\" v-show=\"optionsToggled\">\n <div v-for=\"(option, index) in item.options\" v-bind:key=\"index\" class=\"columns\" v-bind:class=\"{ 'is-checked': options.indexOf(option.id) !== -1 }\">\n <div class=\"column is-narrow\">\n <input type=\"checkbox\" class=\"checkbox\" v-model=\"options\" :value=\"option.id\" :id=\"'option-' + item.id + '-' + option.id\" />\n </div>\n <div class=\"column\">\n <label class=\"option-title is-clickable\" :for=\"'option-' + item.id + '-' + option.id\">{{ option.name }}</label>\n <div class=\"option-description\" v-if=\"option.description\">{{ option.description }}</div>\n </div>\n <div class=\"column is-2 has-text-right\">+<span v-html=\"$filters.price(option.price)\"></span></div>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"bundle columns\" v-if=\"item.attributes.bundle\">\n <div class=\"column is-narrow\">\n <div class=\"cart-bundle-spacer\"></div>\n </div>\n <div class=\"column is-narrow\">\n <svg class=\"bundle-icon\">\n <use xlink:href=\"#bundle-plus\" />\n </svg>\n <a @click=\"gotoProduct(item.attributes.second.href)\">\n <figure class=\"image is-square\" v-bind:class=\"{ 'no-thumb': !item.attributes.second.image }\">\n <img :src=\"item.attributes.second.image\" v-if=\"item.attributes.second.image\" />\n <svg v-else>\n <use xlink:href=\"#logo\" />\n </svg>\n </figure>\n </a>\n </div>\n <div class=\"column\">\n <div class=\"code\" v-if=\"item.attributes.second.code\">{{ __('shop.cart.code') }} {{ item.attributes.second.code }}</div>\n <div class=\"title\">\n <a @click=\"gotoProduct(item.attributes.second.href)\">{{ item.attributes.second.name }}</a>\n </div>\n </div>\n </div>\n <div class=\"bundle columns\" v-if=\"item.attributes.bundle && item.attributes.third\">\n <div class=\"column is-narrow\">\n <div class=\"cart-bundle-spacer\"></div>\n </div>\n <div class=\"column is-narrow\">\n <svg class=\"bundle-icon\">\n <use xlink:href=\"#bundle-plus\" />\n </svg>\n <a @click=\"gotoProduct(item.attributes.third.href)\">\n <figure class=\"image is-square\" v-bind:class=\"{ 'no-thumb': !item.attributes.third.image }\">\n <img :src=\"item.attributes.third.image\" v-if=\"item.attributes.third.image\" />\n <svg v-else>\n <use xlink:href=\"#logo\" />\n </svg>\n </figure>\n </a>\n </div>\n <div class=\"column\">\n <div class=\"code\" v-if=\"item.attributes.third.code\">{{ __('shop.cart.code') }} {{ item.attributes.third.code }}</div>\n <div class=\"title\">\n <a @click=\"gotoProduct(item.attributes.third.href)\">{{ item.attributes.third.name }}</a>\n </div>\n </div>\n </div>\n </div>\n </div>\n</template>\n<script>\nimport { ref, computed, watch, inject } from 'vue';\nimport { useStore } from 'vuex';\n\nexport default {\n name: 'CartItem',\n props: {\n item: Object\n },\n setup(props) {\n let cartStorage = inject('cartStorage');\n cartStorage = cartStorage ? cartStorage : 'cart';\n\n const store = useStore();\n const loading = ref(false);\n const input = ref();\n const options = ref(props.item.attributes.options && props.item.attributes.options.length ? props.item.attributes.options : []);\n const optionsToggled = ref(false);\n const auth = computed(() => store.getters['auth/is']);\n\n if (props.item.attributes.options && props.item.attributes.options.length) {\n optionsToggled.value = true;\n }\n\n const name = props.item.name;\n const price = props.item.attributes.price;\n const code = props.item.attributes.code;\n const category = props.item.attributes.categoryFull ? props.item.attributes.categoryFull : props.item.attributes.category;\n const brand = props.item.attributes.brand;\n const property = props.item.attributes.property;\n const index = props.item.attributes.index;\n const itemListName = props.item.attributes.itemListName;\n\n const remove = () => {\n loading.value = true;\n\n store.dispatch(cartStorage + '/remove', {\n id: props.item.id,\n cart: cartStorage,\n finally: () => {\n loading.value = false;\n },\n callback: () => {\n const q = props.item.quantity;\n\n const object = {\n ecommerce: {\n currency: 'UAH',\n value: parseFloat(price) * q,\n items: [\n {\n item_name: name,\n item_id: code,\n price: parseFloat(price),\n quantity: q,\n }\n ]\n },\n event: 'remove_from_cart'\n };\n\n if (category) {\n if (category.indexOf('/') !== -1) {\n category.split('/').forEach((segment, index) => {\n object.ecommerce.items[0]['item_category' + (index ? index + 1 : '')] = segment.trim();\n });\n } else {\n object.ecommerce.items[0].item_category = category;\n }\n }\n\n if (index) {\n object.ecommerce.items[0].index = index;\n }\n\n if (itemListName) {\n object.ecommerce.items[0].item_list_name = itemListName;\n }\n\n if (property) {\n object.ecommerce.items[0].item_variant = property;\n }\n\n if ($env.debug.ecommerce) {\n console.log(object);\n }\n\n if (!$env.debug.ecommerce && window.dataLayer) {\n window.dataLayer.push({\n ecommerce: null\n });\n\n window.dataLayer.push(object);\n }\n }\n });\n };\n\n const increase = () => {\n quantity(+1);\n };\n\n const decrease = () => {\n quantity(-1);\n };\n\n const quantity = (difference) => {\n loading.value = true;\n\n store.dispatch(cartStorage + '/add', {\n cart: cartStorage,\n product: {\n id: props.item.id,\n quantity: difference\n },\n finally: () => {\n loading.value = false;\n },\n callback: () => {\n if (difference > 0) {\n const q = props.item.quantity;\n\n const object = {\n ecommerce: {\n currency: 'UAH',\n value: parseFloat(price),\n items: [\n {\n item_name: name,\n item_id: code,\n price: parseFloat(price),\n quantity: 1,\n }\n ]\n },\n event: 'add_to_cart'\n };\n\n if (brand) {\n object.ecommerce.items[0].item_brand = brand;\n }\n\n if (props.item.attributes.index) {\n object.ecommerce.items[0].index = props.item.attributes.index;\n }\n\n if (props.item.attributes.itemListName) {\n object.ecommerce.items[0].item_list_name = props.item.attributes.itemListName;\n }\n\n if (category) {\n if (category.indexOf('/') !== -1) {\n category.split('/').forEach((segment, index) => {\n object.ecommerce.items[0]['item_category' + (index ? index + 1 : '')] = segment.trim();\n });\n } else {\n object.ecommerce.items[0].item_category = category;\n }\n }\n\n if (property) {\n object.ecommerce.items[0].item_variant = property;\n }\n\n if ($env.debug.ecommerce) {\n console.log(object);\n }\n\n if (!$env.debug.ecommerce && window.dataLayer) {\n window.dataLayer.push({\n ecommerce: null\n });\n\n window.dataLayer.push(object);\n }\n }\n }\n });\n };\n\n if (props.item.options && props.item.options.length) {\n watch(options, (options) => {\n loading.value = true;\n\n store.dispatch(cartStorage + '/options', {\n product: {\n id: props.item.id,\n options: Object.values(options)\n },\n finally: () => {\n loading.value = false;\n }\n });\n });\n }\n\n const gotoProduct = (href) => {\n window.addEventListener('beforeunload', () => {\n store.commit(cartStorage + '/modal', null);\n });\n\n window.addEventListener('pagehide', () => {\n store.commit(cartStorage + '/modal', null);\n });\n\n window.location.href = href;\n };\n\n return {\n loading,\n increase,\n decrease,\n remove,\n options,\n optionsToggled,\n input,\n gotoProduct,\n auth\n };\n }\n};\n</script>","<template>\n <div class=\"columns is-multiline shop-cart-item\" v-if=\"!item.deleted\" v-bind:class=\"{ inactive: item.attributes.active === false, 'is-bundle': item.attributes.bundle }\" :data-code=\"item.attributes.code\" shop-product>\n <div class=\"column is-12\" v-if=\"item.attributes.bundle\">\n <div class=\"bundle-title\">{{ __('shop.cart.bundle') }}</div>\n </div>\n <div class=\"column name\">\n <div class=\"columns\" v-bind:class=\"{ 'mb-0': item.attributes.bundle }\">\n <div class=\"column is-narrow cart-actions-parent\">\n <div class=\"cart-actions\">\n <button class=\"remove\" @click=\"remove\" :disabled=\"loading\">\n <svg class=\"icon\">\n <use xlink:href=\"#cart-remove\" />\n </svg>\n </button>\n <wishlist-add :id=\"item.attributes.productId ? item.attributes.productId : item.id\" :item=\"item\" v-if=\"auth && !item.attributes.bundle\"></wishlist-add>\n </div>\n </div>\n <div class=\"column is-narrow image-parent\">\n <a @click=\"gotoProduct(item.attributes.href)\">\n <figure class=\"image is-square\" v-bind:class=\"{ 'no-thumb': !item.attributes.image }\">\n <img :src=\"item.attributes.image\" v-if=\"item.attributes.image\" />\n <svg v-else>\n <use xlink:href=\"#logo\" />\n </svg>\n </figure>\n </a>\n </div>\n <div class=\"column\">\n <div class=\"columns is-gapless mb-0\">\n <div class=\"column\">\n <slot name=\"item-name\" :item=\"item\" :gotoProduct=\"gotoProduct\">\n <div class=\"code\" v-if=\"item.attributes.code\">{{ __('shop.cart.code') }} {{ item.attributes.code }}</div>\n <div class=\"is-hidden\" shop-product-category>{{ item.attributes.categoryFull }}</div>\n <div class=\"title\">\n <span v-if=\"item.attributes.active === false\" shop-product-name>\n {{ item.name }}\n </span>\n <a @click=\"gotoProduct(item.attributes.href)\" v-else>{{ item.name }}</a>\n </div>\n </slot>\n </div>\n <div class=\"column is-narrow has-text-right is-relative quantity-parent\" v-if=\"true || $env.shop.isChangeQuantity\">\n <div class=\"quantity\">\n <button class=\"button decrease\" @click=\"decrease\" :disabled=\"loading || item.quantity == 1\">\n <svg>\n <use xlink:href=\"#cart-minus\" />\n </svg>\n </button>\n <input class=\"input is-small\" type=\"number\" min=\"1\" v-model=\"item.quantity\" disabled />\n <button class=\"button increase\" @click=\"increase\" :disabled=\"loading\">\n <svg>\n <use xlink:href=\"#cart-plus\" />\n </svg>\n </button>\n </div>\n <div class=\"quantity-price\" v-if=\"item.quantity > 1\"><span v-html=\"$filters.price(item.attributes.price)\"></span> / {{ __('shop.cart.q') }}</div>\n </div>\n <div class=\"column is-narrow has-text-right\" v-else>{{ item.quantity }}✕</div>\n <div class=\"column is-2 has-text-right\">\n <slot name=\"item-price\" :item=\"item\" :filters=\"$filters\">\n <div class=\"price\" v-bind:class=\"{ 'bundle-price': item.attributes.bundle }\">\n <div v-if=\"item.attributes.priceOld\" class=\"price-old\" v-html=\"$filters.price(item.attributes.priceOld * item.quantity)\"></div>\n <div class=\"bundle-amount\" v-if=\"item.attributes.bundle && item.attributes.amount\" v-html=\"__('shop.cart.bundle_amount') + (item.attributes.amount.percent ? item.attributes.amount.percent + '%' : $filters.price(item.attributes.amount.sum * item.quantity))\"></div>\n <div v-html=\"$filters.price(item.attributes.price * item.quantity)\" shop-product-price></div>\n </div>\n </slot>\n </div>\n </div>\n <div class=\"options\" v-if=\"item.options && item.options.length\" v-bind:class=\"{ 'is-toggled': optionsToggled }\">\n <div class=\"toggler\" @click=\"optionsToggled = !optionsToggled\">\n <span>{{ __('shop.cart.additional') }} {{ item.options.length }}</span>\n <svg>\n <use xlink:href=\"#arrow-down\" />\n </svg>\n </div>\n <div class=\"wrapper\" v-show=\"optionsToggled\">\n <div v-for=\"(option, index) in item.options\" v-bind:key=\"index\" class=\"columns\" v-bind:class=\"{ 'is-checked': options.indexOf(option.id) !== -1 }\">\n <div class=\"column is-narrow\">\n <input type=\"checkbox\" class=\"checkbox\" v-model=\"options\" :value=\"option.id\" :id=\"'option-' + item.id + '-' + option.id\" />\n </div>\n <div class=\"column\">\n <label class=\"option-title is-clickable\" :for=\"'option-' + item.id + '-' + option.id\">{{ option.name }}</label>\n <div class=\"option-description\" v-if=\"option.description\">{{ option.description }}</div>\n </div>\n <div class=\"column is-2 has-text-right\">+<span v-html=\"$filters.price(option.price)\"></span></div>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"bundle columns\" v-if=\"item.attributes.bundle\">\n <div class=\"column is-narrow\">\n <div class=\"cart-bundle-spacer\"></div>\n </div>\n <div class=\"column is-narrow\">\n <svg class=\"bundle-icon\">\n <use xlink:href=\"#bundle-plus\" />\n </svg>\n <a @click=\"gotoProduct(item.attributes.second.href)\">\n <figure class=\"image is-square\" v-bind:class=\"{ 'no-thumb': !item.attributes.second.image }\">\n <img :src=\"item.attributes.second.image\" v-if=\"item.attributes.second.image\" />\n <svg v-else>\n <use xlink:href=\"#logo\" />\n </svg>\n </figure>\n </a>\n </div>\n <div class=\"column\">\n <div class=\"code\" v-if=\"item.attributes.second.code\">{{ __('shop.cart.code') }} {{ item.attributes.second.code }}</div>\n <div class=\"title\">\n <a @click=\"gotoProduct(item.attributes.second.href)\">{{ item.attributes.second.name }}</a>\n </div>\n </div>\n </div>\n <div class=\"bundle columns\" v-if=\"item.attributes.bundle && item.attributes.third\">\n <div class=\"column is-narrow\">\n <div class=\"cart-bundle-spacer\"></div>\n </div>\n <div class=\"column is-narrow\">\n <svg class=\"bundle-icon\">\n <use xlink:href=\"#bundle-plus\" />\n </svg>\n <a @click=\"gotoProduct(item.attributes.third.href)\">\n <figure class=\"image is-square\" v-bind:class=\"{ 'no-thumb': !item.attributes.third.image }\">\n <img :src=\"item.attributes.third.image\" v-if=\"item.attributes.third.image\" />\n <svg v-else>\n <use xlink:href=\"#logo\" />\n </svg>\n </figure>\n </a>\n </div>\n <div class=\"column\">\n <div class=\"code\" v-if=\"item.attributes.third.code\">{{ __('shop.cart.code') }} {{ item.attributes.third.code }}</div>\n <div class=\"title\">\n <a @click=\"gotoProduct(item.attributes.third.href)\">{{ item.attributes.third.name }}</a>\n </div>\n </div>\n </div>\n </div>\n </div>\n</template>\n<script>\nimport { ref, computed, watch, inject } from 'vue';\nimport { useStore } from 'vuex';\n\nexport default {\n name: 'CartItem',\n props: {\n item: Object\n },\n setup(props) {\n let cartStorage = inject('cartStorage');\n cartStorage = cartStorage ? cartStorage : 'cart';\n\n const store = useStore();\n const loading = ref(false);\n const input = ref();\n const options = ref(props.item.attributes.options && props.item.attributes.options.length ? props.item.attributes.options : []);\n const optionsToggled = ref(false);\n const auth = computed(() => store.getters['auth/is']);\n\n if (props.item.attributes.options && props.item.attributes.options.length) {\n optionsToggled.value = true;\n }\n\n const name = props.item.name;\n const price = props.item.attributes.price;\n const code = props.item.attributes.code;\n const category = props.item.attributes.categoryFull ? props.item.attributes.categoryFull : props.item.attributes.category;\n const brand = props.item.attributes.brand;\n const property = props.item.attributes.property;\n const index = props.item.attributes.index;\n const itemListName = props.item.attributes.itemListName;\n\n const remove = () => {\n loading.value = true;\n\n store.dispatch(cartStorage + '/remove', {\n id: props.item.id,\n cart: cartStorage,\n finally: () => {\n loading.value = false;\n },\n callback: () => {\n const q = props.item.quantity;\n\n const object = {\n ecommerce: {\n currency: 'UAH',\n value: parseFloat(price) * q,\n items: [\n {\n item_name: name,\n item_id: code,\n price: parseFloat(price),\n quantity: q,\n }\n ]\n },\n event: 'remove_from_cart'\n };\n\n if (category) {\n if (category.indexOf('/') !== -1) {\n category.split('/').forEach((segment, index) => {\n object.ecommerce.items[0]['item_category' + (index ? index + 1 : '')] = segment.trim();\n });\n } else {\n object.ecommerce.items[0].item_category = category;\n }\n }\n\n if (index) {\n object.ecommerce.items[0].index = index;\n }\n\n if (itemListName) {\n object.ecommerce.items[0].item_list_name = itemListName;\n }\n\n if (property) {\n object.ecommerce.items[0].item_variant = property;\n }\n\n if ($env.debug.ecommerce) {\n console.log(object);\n }\n\n if (!$env.debug.ecommerce && window.dataLayer) {\n window.dataLayer.push({\n ecommerce: null\n });\n\n window.dataLayer.push(object);\n }\n }\n });\n };\n\n const increase = () => {\n quantity(+1);\n };\n\n const decrease = () => {\n quantity(-1);\n };\n\n const quantity = (difference) => {\n loading.value = true;\n\n store.dispatch(cartStorage + '/add', {\n cart: cartStorage,\n product: {\n id: props.item.id,\n quantity: difference\n },\n finally: () => {\n loading.value = false;\n },\n callback: () => {\n if (difference > 0) {\n const q = props.item.quantity;\n\n const object = {\n ecommerce: {\n currency: 'UAH',\n value: parseFloat(price),\n items: [\n {\n item_name: name,\n item_id: code,\n price: parseFloat(price),\n quantity: 1,\n }\n ]\n },\n event: 'add_to_cart'\n };\n\n if (brand) {\n object.ecommerce.items[0].item_brand = brand;\n }\n\n if (props.item.attributes.index) {\n object.ecommerce.items[0].index = props.item.attributes.index;\n }\n\n if (props.item.attributes.itemListName) {\n object.ecommerce.items[0].item_list_name = props.item.attributes.itemListName;\n }\n\n if (category) {\n if (category.indexOf('/') !== -1) {\n category.split('/').forEach((segment, index) => {\n object.ecommerce.items[0]['item_category' + (index ? index + 1 : '')] = segment.trim();\n });\n } else {\n object.ecommerce.items[0].item_category = category;\n }\n }\n\n if (property) {\n object.ecommerce.items[0].item_variant = property;\n }\n\n if ($env.debug.ecommerce) {\n console.log(object);\n }\n\n if (!$env.debug.ecommerce && window.dataLayer) {\n window.dataLayer.push({\n ecommerce: null\n });\n\n window.dataLayer.push(object);\n }\n }\n }\n });\n };\n\n if (props.item.options && props.item.options.length) {\n watch(options, (options) => {\n loading.value = true;\n\n store.dispatch(cartStorage + '/options', {\n product: {\n id: props.item.id,\n options: Object.values(options)\n },\n finally: () => {\n loading.value = false;\n }\n });\n });\n }\n\n const gotoProduct = (href) => {\n window.addEventListener('beforeunload', () => {\n store.commit(cartStorage + '/modal', null);\n });\n\n window.addEventListener('pagehide', () => {\n store.commit(cartStorage + '/modal', null);\n });\n\n window.location.href = href;\n };\n\n return {\n loading,\n increase,\n decrease,\n remove,\n options,\n optionsToggled,\n input,\n gotoProduct,\n auth\n };\n }\n};\n</script>"],"names":["script","name","props","item","Object","setup","cartStorage","inject","store","useStore","loading","ref","input","options","attributes","length","optionsToggled","auth","computed","getters","value","price","code","category","categoryFull","brand","property","index","itemListName","quantity","difference","dispatch","cart","product","id","finally","callback","object","ecommerce","currency","parseFloat","items","item_name","item_id","event","item_brand","item_list_name","indexOf","split","forEach","segment","trim","item_category","item_variant","$env","debug","console","log","window","dataLayer","push","watch","values","increase","decrease","remove","q","gotoProduct","href","addEventListener","commit","location","class","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_createElementVNode","createElementVNode","xlink:href","_hoisted_10","_hoisted_15","_hoisted_16","_hoisted_17","shop-product-category","_hoisted_20","shop-product-name","_hoisted_23","_hoisted_33","_hoisted_38","_hoisted_39","_hoisted_41","_hoisted_44","_hoisted_48","_hoisted_54","_hoisted_56","_hoisted_59","_hoisted_65","_hoisted_67","$props","deleted","_createElementBlock","createElementBlock","_normalizeClass","inactive","active","is-bundle","bundle","data-code","shop-product","_openBlock","_hoisted_2","_toDisplayString","_ctx","__","mb-0","onClick","$setup","apply","arguments","disabled","_createBlock","_component_wishlist_add","productId","no-thumb","image","src","_hoisted_12","_hoisted_14","_renderSlot","$slots","_hoisted_18","toDisplayString","_hoisted_19","openBlock","_hoisted_21","_hoisted_22","type","min","onUpdate:modelValue","_cache","$event","_vModelText","_hoisted_30","innerHTML","_createTextVNode","renderSlot","filters","$filters","bundle-price","priceOld","amount","percent","sum","shop-product-price","_hoisted_37","_withDirectives","_Fragment","option","key","is-checked","for","_hoisted_42","description","_hoisted_43","_hoisted_46","_hoisted_47","_hoisted_49","second","_hoisted_51","_hoisted_53","_hoisted_55","third","_hoisted_57","_hoisted_58","_hoisted_60","_hoisted_62","_hoisted_64","_hoisted_66"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"CartItem.js","sources":["../../../../src/components/shop/cart/CartItem.vue","../../../../src/components/shop/cart/CartItem.vue?vue&type=template&id=0755c062&lang.js"],"sourcesContent":["<template>\n <div class=\"columns is-multiline shop-cart-item\" v-if=\"!item.deleted\" v-bind:class=\"{ inactive: item.attributes.active === false, 'is-bundle': item.attributes.bundle }\" :data-code=\"item.attributes.code\" shop-product>\n <div class=\"column is-12\" v-if=\"item.attributes.bundle\">\n <div class=\"bundle-title\">{{ __('shop.cart.bundle') }}</div>\n </div>\n <div class=\"column name\">\n <div class=\"columns\" v-bind:class=\"{ 'mb-0': item.attributes.bundle }\">\n <div class=\"column is-narrow cart-actions-parent\">\n <div class=\"cart-actions\">\n <button class=\"remove\" @click=\"remove\" :disabled=\"loading\">\n <svg class=\"icon\">\n <use xlink:href=\"#cart-remove\" />\n </svg>\n </button>\n <wishlist-add :id=\"item.attributes.productId ? item.attributes.productId : item.id\" :item=\"item\" v-if=\"auth && !item.attributes.bundle\"></wishlist-add>\n </div>\n </div>\n <div class=\"column is-narrow image-parent\">\n <a @click=\"gotoProduct(item.attributes.href)\">\n <figure class=\"image is-square\" v-bind:class=\"{ 'no-thumb': !item.attributes.image }\">\n <img :src=\"item.attributes.image\" v-if=\"item.attributes.image\" />\n <svg v-else>\n <use xlink:href=\"#logo\" />\n </svg>\n </figure>\n </a>\n </div>\n <div class=\"column\">\n <div class=\"columns is-gapless mb-0\">\n <div class=\"column\">\n <slot name=\"item-name\" :item=\"item\" :gotoProduct=\"gotoProduct\">\n <div class=\"code\" v-if=\"item.attributes.code\">{{ __('shop.cart.code') }} {{ item.attributes.code }}</div>\n <div class=\"is-hidden\" shop-product-category>{{ item.attributes.categoryFull }}</div>\n <div class=\"title\">\n <span v-if=\"item.attributes.active === false\" shop-product-name>\n {{ item.name }}\n </span>\n <a @click=\"gotoProduct(item.attributes.href)\" v-else>{{ item.name }}</a>\n </div>\n </slot>\n </div>\n <div class=\"column is-narrow has-text-right is-relative quantity-parent\" v-if=\"true || $env.shop.isChangeQuantity\">\n <div class=\"quantity\">\n <button class=\"button decrease\" @click=\"decrease\" :disabled=\"loading || item.quantity == 1\">\n <svg>\n <use xlink:href=\"#cart-minus\" />\n </svg>\n </button>\n <input class=\"input is-small\" type=\"number\" min=\"1\" v-model=\"item.quantity\" disabled />\n <button class=\"button increase\" @click=\"increase\" :disabled=\"loading\" :style=\"cartStorage === 'fao' && item.attributes.quantity_fao != null && item.quantity >= item.attributes.quantity_fao ? 'opacity:0.5;cursor:not-allowed;pointer-events:auto;' : null\">\n <svg>\n <use xlink:href=\"#cart-plus\" />\n </svg>\n </button>\n </div>\n <div class=\"quantity-price\" v-if=\"item.quantity > 1\"><span v-html=\"$filters.price(item.attributes.price)\"></span> / {{ __('shop.cart.q') }}</div>\n </div>\n <div class=\"column is-narrow has-text-right\" v-else>{{ item.quantity }}✕</div>\n <div class=\"column is-2 has-text-right\">\n <slot name=\"item-price\" :item=\"item\" :filters=\"$filters\">\n <div class=\"price\" v-bind:class=\"{ 'bundle-price': item.attributes.bundle }\">\n <div v-if=\"item.attributes.priceOld\" class=\"price-old\" v-html=\"$filters.price(item.attributes.priceOld * item.quantity)\"></div>\n <div class=\"bundle-amount\" v-if=\"item.attributes.bundle && item.attributes.amount\" v-html=\"__('shop.cart.bundle_amount') + (item.attributes.amount.percent ? item.attributes.amount.percent + '%' : $filters.price(item.attributes.amount.sum * item.quantity))\"></div>\n <div v-html=\"$filters.price(item.attributes.price * item.quantity)\" shop-product-price></div>\n </div>\n </slot>\n </div>\n </div>\n <div class=\"options\" v-if=\"item.options && item.options.length\" v-bind:class=\"{ 'is-toggled': optionsToggled }\">\n <div class=\"toggler\" @click=\"optionsToggled = !optionsToggled\">\n <span>{{ __('shop.cart.additional') }} {{ item.options.length }}</span>\n <svg>\n <use xlink:href=\"#arrow-down\" />\n </svg>\n </div>\n <div class=\"wrapper\" v-show=\"optionsToggled\">\n <div v-for=\"(option, index) in item.options\" v-bind:key=\"index\" class=\"columns\" v-bind:class=\"{ 'is-checked': options.indexOf(option.id) !== -1 }\">\n <div class=\"column is-narrow\">\n <input type=\"checkbox\" class=\"checkbox\" v-model=\"options\" :value=\"option.id\" :id=\"'option-' + item.id + '-' + option.id\" />\n </div>\n <div class=\"column\">\n <label class=\"option-title is-clickable\" :for=\"'option-' + item.id + '-' + option.id\">{{ option.name }}</label>\n <div class=\"option-description\" v-if=\"option.description\">{{ option.description }}</div>\n </div>\n <div class=\"column is-2 has-text-right\">+<span v-html=\"$filters.price(option.price)\"></span></div>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"bundle columns\" v-if=\"item.attributes.bundle\">\n <div class=\"column is-narrow\">\n <div class=\"cart-bundle-spacer\"></div>\n </div>\n <div class=\"column is-narrow\">\n <svg class=\"bundle-icon\">\n <use xlink:href=\"#bundle-plus\" />\n </svg>\n <a @click=\"gotoProduct(item.attributes.second.href)\">\n <figure class=\"image is-square\" v-bind:class=\"{ 'no-thumb': !item.attributes.second.image }\">\n <img :src=\"item.attributes.second.image\" v-if=\"item.attributes.second.image\" />\n <svg v-else>\n <use xlink:href=\"#logo\" />\n </svg>\n </figure>\n </a>\n </div>\n <div class=\"column\">\n <div class=\"code\" v-if=\"item.attributes.second.code\">{{ __('shop.cart.code') }} {{ item.attributes.second.code }}</div>\n <div class=\"title\">\n <a @click=\"gotoProduct(item.attributes.second.href)\">{{ item.attributes.second.name }}</a>\n </div>\n </div>\n </div>\n <div class=\"bundle columns\" v-if=\"item.attributes.bundle && item.attributes.third\">\n <div class=\"column is-narrow\">\n <div class=\"cart-bundle-spacer\"></div>\n </div>\n <div class=\"column is-narrow\">\n <svg class=\"bundle-icon\">\n <use xlink:href=\"#bundle-plus\" />\n </svg>\n <a @click=\"gotoProduct(item.attributes.third.href)\">\n <figure class=\"image is-square\" v-bind:class=\"{ 'no-thumb': !item.attributes.third.image }\">\n <img :src=\"item.attributes.third.image\" v-if=\"item.attributes.third.image\" />\n <svg v-else>\n <use xlink:href=\"#logo\" />\n </svg>\n </figure>\n </a>\n </div>\n <div class=\"column\">\n <div class=\"code\" v-if=\"item.attributes.third.code\">{{ __('shop.cart.code') }} {{ item.attributes.third.code }}</div>\n <div class=\"title\">\n <a @click=\"gotoProduct(item.attributes.third.href)\">{{ item.attributes.third.name }}</a>\n </div>\n </div>\n </div>\n </div>\n </div>\n</template>\n<script>\nimport { ref, computed, watch, inject } from 'vue';\nimport { useStore } from 'vuex';\nimport { useToast } from 'vue-toastification';\n\nexport default {\n name: 'CartItem',\n props: {\n item: Object\n },\n setup(props) {\n let cartStorage = inject('cartStorage');\n cartStorage = cartStorage ? cartStorage : 'cart';\n\n const store = useStore();\n const toast = useToast();\n const loading = ref(false);\n const input = ref();\n const options = ref(props.item.attributes.options && props.item.attributes.options.length ? props.item.attributes.options : []);\n const optionsToggled = ref(false);\n const auth = computed(() => store.getters['auth/is']);\n\n if (props.item.attributes.options && props.item.attributes.options.length) {\n optionsToggled.value = true;\n }\n\n const name = props.item.name;\n const price = props.item.attributes.price;\n const code = props.item.attributes.code;\n const category = props.item.attributes.categoryFull ? props.item.attributes.categoryFull : props.item.attributes.category;\n const brand = props.item.attributes.brand;\n const property = props.item.attributes.property;\n const index = props.item.attributes.index;\n const itemListName = props.item.attributes.itemListName;\n\n const remove = () => {\n loading.value = true;\n\n store.dispatch(cartStorage + '/remove', {\n id: props.item.id,\n cart: cartStorage,\n finally: () => {\n loading.value = false;\n },\n callback: () => {\n const q = props.item.quantity;\n\n const object = {\n ecommerce: {\n currency: 'UAH',\n value: parseFloat(price) * q,\n items: [\n {\n item_name: name,\n item_id: code,\n price: parseFloat(price),\n quantity: q,\n }\n ]\n },\n event: 'remove_from_cart'\n };\n\n if (category) {\n if (category.indexOf('/') !== -1) {\n category.split('/').forEach((segment, index) => {\n object.ecommerce.items[0]['item_category' + (index ? index + 1 : '')] = segment.trim();\n });\n } else {\n object.ecommerce.items[0].item_category = category;\n }\n }\n\n if (index) {\n object.ecommerce.items[0].index = index;\n }\n\n if (itemListName) {\n object.ecommerce.items[0].item_list_name = itemListName;\n }\n\n if (property) {\n object.ecommerce.items[0].item_variant = property;\n }\n\n if ($env.debug.ecommerce) {\n console.log(object);\n }\n\n if (!$env.debug.ecommerce && window.dataLayer) {\n window.dataLayer.push({\n ecommerce: null\n });\n\n window.dataLayer.push(object);\n }\n }\n });\n };\n\n const increase = () => {\n if (cartStorage === 'fao' && props.item.attributes.quantity_fao !== null && props.item.attributes.quantity_fao !== undefined) {\n if (props.item.quantity >= props.item.attributes.quantity_fao) {\n toast(__('shop.fao.no_quantity', { q: props.item.attributes.quantity_fao }), { type: 'error' });\n return;\n }\n }\n quantity(+1);\n };\n\n const decrease = () => {\n quantity(-1);\n };\n\n const quantity = (difference) => {\n loading.value = true;\n\n store.dispatch(cartStorage + '/add', {\n cart: cartStorage,\n product: {\n id: props.item.id,\n quantity: difference\n },\n finally: () => {\n loading.value = false;\n },\n callback: () => {\n if (difference > 0) {\n const q = props.item.quantity;\n\n const object = {\n ecommerce: {\n currency: 'UAH',\n value: parseFloat(price),\n items: [\n {\n item_name: name,\n item_id: code,\n price: parseFloat(price),\n quantity: 1,\n }\n ]\n },\n event: 'add_to_cart'\n };\n\n if (brand) {\n object.ecommerce.items[0].item_brand = brand;\n }\n\n if (props.item.attributes.index) {\n object.ecommerce.items[0].index = props.item.attributes.index;\n }\n\n if (props.item.attributes.itemListName) {\n object.ecommerce.items[0].item_list_name = props.item.attributes.itemListName;\n }\n\n if (category) {\n if (category.indexOf('/') !== -1) {\n category.split('/').forEach((segment, index) => {\n object.ecommerce.items[0]['item_category' + (index ? index + 1 : '')] = segment.trim();\n });\n } else {\n object.ecommerce.items[0].item_category = category;\n }\n }\n\n if (property) {\n object.ecommerce.items[0].item_variant = property;\n }\n\n if ($env.debug.ecommerce) {\n console.log(object);\n }\n\n if (!$env.debug.ecommerce && window.dataLayer) {\n window.dataLayer.push({\n ecommerce: null\n });\n\n window.dataLayer.push(object);\n }\n }\n }\n });\n };\n\n if (props.item.options && props.item.options.length) {\n watch(options, (options) => {\n loading.value = true;\n\n store.dispatch(cartStorage + '/options', {\n product: {\n id: props.item.id,\n options: Object.values(options)\n },\n finally: () => {\n loading.value = false;\n }\n });\n });\n }\n\n const gotoProduct = (href) => {\n window.addEventListener('beforeunload', () => {\n store.commit(cartStorage + '/modal', null);\n });\n\n window.addEventListener('pagehide', () => {\n store.commit(cartStorage + '/modal', null);\n });\n\n window.location.href = href;\n };\n\n return {\n loading,\n increase,\n decrease,\n remove,\n options,\n optionsToggled,\n input,\n gotoProduct,\n auth,\n cartStorage\n };\n }\n};\n</script>","<template>\n <div class=\"columns is-multiline shop-cart-item\" v-if=\"!item.deleted\" v-bind:class=\"{ inactive: item.attributes.active === false, 'is-bundle': item.attributes.bundle }\" :data-code=\"item.attributes.code\" shop-product>\n <div class=\"column is-12\" v-if=\"item.attributes.bundle\">\n <div class=\"bundle-title\">{{ __('shop.cart.bundle') }}</div>\n </div>\n <div class=\"column name\">\n <div class=\"columns\" v-bind:class=\"{ 'mb-0': item.attributes.bundle }\">\n <div class=\"column is-narrow cart-actions-parent\">\n <div class=\"cart-actions\">\n <button class=\"remove\" @click=\"remove\" :disabled=\"loading\">\n <svg class=\"icon\">\n <use xlink:href=\"#cart-remove\" />\n </svg>\n </button>\n <wishlist-add :id=\"item.attributes.productId ? item.attributes.productId : item.id\" :item=\"item\" v-if=\"auth && !item.attributes.bundle\"></wishlist-add>\n </div>\n </div>\n <div class=\"column is-narrow image-parent\">\n <a @click=\"gotoProduct(item.attributes.href)\">\n <figure class=\"image is-square\" v-bind:class=\"{ 'no-thumb': !item.attributes.image }\">\n <img :src=\"item.attributes.image\" v-if=\"item.attributes.image\" />\n <svg v-else>\n <use xlink:href=\"#logo\" />\n </svg>\n </figure>\n </a>\n </div>\n <div class=\"column\">\n <div class=\"columns is-gapless mb-0\">\n <div class=\"column\">\n <slot name=\"item-name\" :item=\"item\" :gotoProduct=\"gotoProduct\">\n <div class=\"code\" v-if=\"item.attributes.code\">{{ __('shop.cart.code') }} {{ item.attributes.code }}</div>\n <div class=\"is-hidden\" shop-product-category>{{ item.attributes.categoryFull }}</div>\n <div class=\"title\">\n <span v-if=\"item.attributes.active === false\" shop-product-name>\n {{ item.name }}\n </span>\n <a @click=\"gotoProduct(item.attributes.href)\" v-else>{{ item.name }}</a>\n </div>\n </slot>\n </div>\n <div class=\"column is-narrow has-text-right is-relative quantity-parent\" v-if=\"true || $env.shop.isChangeQuantity\">\n <div class=\"quantity\">\n <button class=\"button decrease\" @click=\"decrease\" :disabled=\"loading || item.quantity == 1\">\n <svg>\n <use xlink:href=\"#cart-minus\" />\n </svg>\n </button>\n <input class=\"input is-small\" type=\"number\" min=\"1\" v-model=\"item.quantity\" disabled />\n <button class=\"button increase\" @click=\"increase\" :disabled=\"loading\" :style=\"cartStorage === 'fao' && item.attributes.quantity_fao != null && item.quantity >= item.attributes.quantity_fao ? 'opacity:0.5;cursor:not-allowed;pointer-events:auto;' : null\">\n <svg>\n <use xlink:href=\"#cart-plus\" />\n </svg>\n </button>\n </div>\n <div class=\"quantity-price\" v-if=\"item.quantity > 1\"><span v-html=\"$filters.price(item.attributes.price)\"></span> / {{ __('shop.cart.q') }}</div>\n </div>\n <div class=\"column is-narrow has-text-right\" v-else>{{ item.quantity }}✕</div>\n <div class=\"column is-2 has-text-right\">\n <slot name=\"item-price\" :item=\"item\" :filters=\"$filters\">\n <div class=\"price\" v-bind:class=\"{ 'bundle-price': item.attributes.bundle }\">\n <div v-if=\"item.attributes.priceOld\" class=\"price-old\" v-html=\"$filters.price(item.attributes.priceOld * item.quantity)\"></div>\n <div class=\"bundle-amount\" v-if=\"item.attributes.bundle && item.attributes.amount\" v-html=\"__('shop.cart.bundle_amount') + (item.attributes.amount.percent ? item.attributes.amount.percent + '%' : $filters.price(item.attributes.amount.sum * item.quantity))\"></div>\n <div v-html=\"$filters.price(item.attributes.price * item.quantity)\" shop-product-price></div>\n </div>\n </slot>\n </div>\n </div>\n <div class=\"options\" v-if=\"item.options && item.options.length\" v-bind:class=\"{ 'is-toggled': optionsToggled }\">\n <div class=\"toggler\" @click=\"optionsToggled = !optionsToggled\">\n <span>{{ __('shop.cart.additional') }} {{ item.options.length }}</span>\n <svg>\n <use xlink:href=\"#arrow-down\" />\n </svg>\n </div>\n <div class=\"wrapper\" v-show=\"optionsToggled\">\n <div v-for=\"(option, index) in item.options\" v-bind:key=\"index\" class=\"columns\" v-bind:class=\"{ 'is-checked': options.indexOf(option.id) !== -1 }\">\n <div class=\"column is-narrow\">\n <input type=\"checkbox\" class=\"checkbox\" v-model=\"options\" :value=\"option.id\" :id=\"'option-' + item.id + '-' + option.id\" />\n </div>\n <div class=\"column\">\n <label class=\"option-title is-clickable\" :for=\"'option-' + item.id + '-' + option.id\">{{ option.name }}</label>\n <div class=\"option-description\" v-if=\"option.description\">{{ option.description }}</div>\n </div>\n <div class=\"column is-2 has-text-right\">+<span v-html=\"$filters.price(option.price)\"></span></div>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"bundle columns\" v-if=\"item.attributes.bundle\">\n <div class=\"column is-narrow\">\n <div class=\"cart-bundle-spacer\"></div>\n </div>\n <div class=\"column is-narrow\">\n <svg class=\"bundle-icon\">\n <use xlink:href=\"#bundle-plus\" />\n </svg>\n <a @click=\"gotoProduct(item.attributes.second.href)\">\n <figure class=\"image is-square\" v-bind:class=\"{ 'no-thumb': !item.attributes.second.image }\">\n <img :src=\"item.attributes.second.image\" v-if=\"item.attributes.second.image\" />\n <svg v-else>\n <use xlink:href=\"#logo\" />\n </svg>\n </figure>\n </a>\n </div>\n <div class=\"column\">\n <div class=\"code\" v-if=\"item.attributes.second.code\">{{ __('shop.cart.code') }} {{ item.attributes.second.code }}</div>\n <div class=\"title\">\n <a @click=\"gotoProduct(item.attributes.second.href)\">{{ item.attributes.second.name }}</a>\n </div>\n </div>\n </div>\n <div class=\"bundle columns\" v-if=\"item.attributes.bundle && item.attributes.third\">\n <div class=\"column is-narrow\">\n <div class=\"cart-bundle-spacer\"></div>\n </div>\n <div class=\"column is-narrow\">\n <svg class=\"bundle-icon\">\n <use xlink:href=\"#bundle-plus\" />\n </svg>\n <a @click=\"gotoProduct(item.attributes.third.href)\">\n <figure class=\"image is-square\" v-bind:class=\"{ 'no-thumb': !item.attributes.third.image }\">\n <img :src=\"item.attributes.third.image\" v-if=\"item.attributes.third.image\" />\n <svg v-else>\n <use xlink:href=\"#logo\" />\n </svg>\n </figure>\n </a>\n </div>\n <div class=\"column\">\n <div class=\"code\" v-if=\"item.attributes.third.code\">{{ __('shop.cart.code') }} {{ item.attributes.third.code }}</div>\n <div class=\"title\">\n <a @click=\"gotoProduct(item.attributes.third.href)\">{{ item.attributes.third.name }}</a>\n </div>\n </div>\n </div>\n </div>\n </div>\n</template>\n<script>\nimport { ref, computed, watch, inject } from 'vue';\nimport { useStore } from 'vuex';\nimport { useToast } from 'vue-toastification';\n\nexport default {\n name: 'CartItem',\n props: {\n item: Object\n },\n setup(props) {\n let cartStorage = inject('cartStorage');\n cartStorage = cartStorage ? cartStorage : 'cart';\n\n const store = useStore();\n const toast = useToast();\n const loading = ref(false);\n const input = ref();\n const options = ref(props.item.attributes.options && props.item.attributes.options.length ? props.item.attributes.options : []);\n const optionsToggled = ref(false);\n const auth = computed(() => store.getters['auth/is']);\n\n if (props.item.attributes.options && props.item.attributes.options.length) {\n optionsToggled.value = true;\n }\n\n const name = props.item.name;\n const price = props.item.attributes.price;\n const code = props.item.attributes.code;\n const category = props.item.attributes.categoryFull ? props.item.attributes.categoryFull : props.item.attributes.category;\n const brand = props.item.attributes.brand;\n const property = props.item.attributes.property;\n const index = props.item.attributes.index;\n const itemListName = props.item.attributes.itemListName;\n\n const remove = () => {\n loading.value = true;\n\n store.dispatch(cartStorage + '/remove', {\n id: props.item.id,\n cart: cartStorage,\n finally: () => {\n loading.value = false;\n },\n callback: () => {\n const q = props.item.quantity;\n\n const object = {\n ecommerce: {\n currency: 'UAH',\n value: parseFloat(price) * q,\n items: [\n {\n item_name: name,\n item_id: code,\n price: parseFloat(price),\n quantity: q,\n }\n ]\n },\n event: 'remove_from_cart'\n };\n\n if (category) {\n if (category.indexOf('/') !== -1) {\n category.split('/').forEach((segment, index) => {\n object.ecommerce.items[0]['item_category' + (index ? index + 1 : '')] = segment.trim();\n });\n } else {\n object.ecommerce.items[0].item_category = category;\n }\n }\n\n if (index) {\n object.ecommerce.items[0].index = index;\n }\n\n if (itemListName) {\n object.ecommerce.items[0].item_list_name = itemListName;\n }\n\n if (property) {\n object.ecommerce.items[0].item_variant = property;\n }\n\n if ($env.debug.ecommerce) {\n console.log(object);\n }\n\n if (!$env.debug.ecommerce && window.dataLayer) {\n window.dataLayer.push({\n ecommerce: null\n });\n\n window.dataLayer.push(object);\n }\n }\n });\n };\n\n const increase = () => {\n if (cartStorage === 'fao' && props.item.attributes.quantity_fao !== null && props.item.attributes.quantity_fao !== undefined) {\n if (props.item.quantity >= props.item.attributes.quantity_fao) {\n toast(__('shop.fao.no_quantity', { q: props.item.attributes.quantity_fao }), { type: 'error' });\n return;\n }\n }\n quantity(+1);\n };\n\n const decrease = () => {\n quantity(-1);\n };\n\n const quantity = (difference) => {\n loading.value = true;\n\n store.dispatch(cartStorage + '/add', {\n cart: cartStorage,\n product: {\n id: props.item.id,\n quantity: difference\n },\n finally: () => {\n loading.value = false;\n },\n callback: () => {\n if (difference > 0) {\n const q = props.item.quantity;\n\n const object = {\n ecommerce: {\n currency: 'UAH',\n value: parseFloat(price),\n items: [\n {\n item_name: name,\n item_id: code,\n price: parseFloat(price),\n quantity: 1,\n }\n ]\n },\n event: 'add_to_cart'\n };\n\n if (brand) {\n object.ecommerce.items[0].item_brand = brand;\n }\n\n if (props.item.attributes.index) {\n object.ecommerce.items[0].index = props.item.attributes.index;\n }\n\n if (props.item.attributes.itemListName) {\n object.ecommerce.items[0].item_list_name = props.item.attributes.itemListName;\n }\n\n if (category) {\n if (category.indexOf('/') !== -1) {\n category.split('/').forEach((segment, index) => {\n object.ecommerce.items[0]['item_category' + (index ? index + 1 : '')] = segment.trim();\n });\n } else {\n object.ecommerce.items[0].item_category = category;\n }\n }\n\n if (property) {\n object.ecommerce.items[0].item_variant = property;\n }\n\n if ($env.debug.ecommerce) {\n console.log(object);\n }\n\n if (!$env.debug.ecommerce && window.dataLayer) {\n window.dataLayer.push({\n ecommerce: null\n });\n\n window.dataLayer.push(object);\n }\n }\n }\n });\n };\n\n if (props.item.options && props.item.options.length) {\n watch(options, (options) => {\n loading.value = true;\n\n store.dispatch(cartStorage + '/options', {\n product: {\n id: props.item.id,\n options: Object.values(options)\n },\n finally: () => {\n loading.value = false;\n }\n });\n });\n }\n\n const gotoProduct = (href) => {\n window.addEventListener('beforeunload', () => {\n store.commit(cartStorage + '/modal', null);\n });\n\n window.addEventListener('pagehide', () => {\n store.commit(cartStorage + '/modal', null);\n });\n\n window.location.href = href;\n };\n\n return {\n loading,\n increase,\n decrease,\n remove,\n options,\n optionsToggled,\n input,\n gotoProduct,\n auth,\n cartStorage\n };\n }\n};\n</script>"],"names":["script","name","props","item","Object","setup","cartStorage","inject","store","useStore","toast","useToast","loading","ref","input","options","attributes","length","optionsToggled","auth","computed","getters","value","price","code","category","categoryFull","brand","property","index","itemListName","quantity","difference","dispatch","cart","product","id","finally","callback","object","ecommerce","currency","parseFloat","items","item_name","item_id","event","item_brand","item_list_name","indexOf","split","forEach","segment","trim","item_category","item_variant","$env","debug","console","log","window","dataLayer","push","watch","values","increase","quantity_fao","undefined","__","q","type","decrease","remove","gotoProduct","href","addEventListener","commit","location","class","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_createElementVNode","createElementVNode","xlink:href","_hoisted_10","_hoisted_15","_hoisted_16","_hoisted_17","shop-product-category","_hoisted_20","shop-product-name","_hoisted_23","_hoisted_33","_hoisted_38","_hoisted_39","_hoisted_41","_hoisted_44","_hoisted_48","_hoisted_54","_hoisted_56","_hoisted_59","_hoisted_65","_hoisted_67","$props","deleted","_createElementBlock","createElementBlock","_normalizeClass","inactive","active","is-bundle","bundle","data-code","shop-product","_openBlock","_hoisted_2","_toDisplayString","_ctx","mb-0","onClick","$setup","apply","arguments","disabled","_createBlock","_component_wishlist_add","productId","no-thumb","image","src","_hoisted_12","_hoisted_14","_renderSlot","$slots","_hoisted_18","toDisplayString","_hoisted_19","openBlock","_hoisted_21","_hoisted_22","min","onUpdate:modelValue","_cache","$event","_vModelText","style","_hoisted_30","innerHTML","_createTextVNode","renderSlot","filters","$filters","bundle-price","priceOld","amount","percent","sum","shop-product-price","_hoisted_37","_withDirectives","_Fragment","option","key","is-checked","for","_hoisted_42","description","_hoisted_43","_hoisted_46","_hoisted_47","_hoisted_49","second","_hoisted_51","_hoisted_53","_hoisted_55","third","_hoisted_57","_hoisted_58","_hoisted_60","_hoisted_62","_hoisted_64","_hoisted_66"],"mappings":"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"}
|