@perevorot/shop 2.0.100 → 2.0.103

package/dist/components/shop/cart/Cart.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("vue"),t=require("vuex"),n=require("@perevorot/shop/dist/helpers"),l=require("swiper");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=o(l),c=e.defineComponent({name:"cart",props:{isModal:{type:Boolean,default:!0}},setup:function(){var o=t.useStore(),c=e.ref(!1),a=e.computed((function(){return o.getters["cart/items"]})),s=e.computed((function(){return o.getters["cart/modal"]})),i=e.computed((function(){return o.getters["cart/total"]})),d=e.computed((function(){return o.getters["cart/quantity"]})),u=function(){o.commit("cart/modal",null)};o.dispatch("cart/get",{finally:function(){}}),document.body.addEventListener("click",(function(e){s.value&&!e.target.closest(".cart")&&u()})),window.addEventListener("keyup",(function(e){s.value&&"Escape"===e.key&&u()}));var m,p,v=e.ref(null),E=e.ref(null),k=e.ref(null),f=e.computed((function(){var e=o.getters["cart/cross"];return v.value&&(m&&m.destroy(),e.length&&(m=new r.default(v.value,{slidesPerView:1,slidesPerGroup:1,breakpoints:{768:{slidesPerView:2,slidesPerGroup:2}},spaceBetween:0,allowTouchMove:!0,modules:[l.Navigation],mousewheel:{forceToAxis:!0},navigation:{nextEl:E.value,prevEl:k.value}}))),e})),N=e.ref(null),V=e.ref(null),g=e.ref(null),h=e.computed((function(){var e=o.getters["cart/bundles"];return N.value&&(p&&p.destroy(),e.length&&(p=new r.default(N.value,{slidesPerView:1,spaceBetween:0,allowTouchMove:!0,mousewheel:{forceToAxis:!0},navigation:{nextEl:V.value,prevEl:g.value}}))),e}));window.addEventListener("beforeunload",(function(){o.commit("cart/modal",null)})),window.addEventListener("pagehide",(function(){o.commit("cart/modal",null)}));var y=e.ref(!1);return{loading:c,items:a,modal:s,total:i,quantity:d,open:function(){o.commit("cart/modal",s.value?null:"cart")},close:u,clear:function(){c.value=!0,o.dispatch("cart/clear",{finally:function(){c.value=!1}})},pluralize:n.pluralize,goto:function(e){window.addEventListener("beforeunload",(function(){o.commit("cart/modal",null)})),window.addEventListener("pagehide",(function(){o.commit("cart/modal",null)})),window.location.href=e},cross:f,crossSlider:v,crossSliderPrev:k,crossSliderNext:E,bundles:h,bundlesSlider:N,bundlesSliderPrev:g,bundlesSliderNext:V,checkout:function(){try{y.value=!0;var e=[];a.value.forEach((function(t){e.push({name:t.name,id:t.attributes.code,price:t.attributes.price,brand:t.attributes.brand,category:t.attributes.category,quantity:t.quantity})}));var t={ecommerce:{checkout:{products:[e]}},event:"gtm-ee-event","gtm-ee-event-category":"Ecommerce","gtm-ee-event-action":"Checkout","gtm-ee-event-non-interaction":"False",eventCallback:function(){window.location.href=$ziggy("shop.checkout")},eventTimeout:2e3};window.dataLayer?(window.dataLayer.push({ecommerce:null}),window.dataLayer.push(t)):window.location.href=$ziggy("shop.checkout"),setTimeout((function(){window.location.href=$ziggy("shop.checkout")}),2e3)}catch(e){console.error(e),window.location.href=$ziggy("shop.checkout")}},isLoading:y}}}),a={class:"dropdown is-right is-hoverable"},s={class:"dropdown-trigger"},i=e.createElementVNode("i",{class:"fas fa-shopping-cart"},null,-1),d=e.createElementVNode("span",{class:"icon is-small"},[e.createElementVNode("i",{class:"fas fa-angle-down","aria-hidden":"true"})],-1),u={class:"dropdown-menu",role:"menu"},m={key:0,class:"dropdown-content"},p={class:"dropdown-item"},v={class:"columns"},E={class:"column"},k=["innerHTML"],f=e.createElementVNode("div",{class:"dropdown-divider"},null,-1),N={class:"dropdown-item has-text-centered"},V={class:"dropdown-item has-text-centered"},g={key:1,class:"dropdown-content"},h={class:"dropdown-item"},y={class:"modal-content"},w=[e.createElementVNode("svg",{class:"icon close"},[e.createElementVNode("use",{"xlink:href":"#close"})],-1)],B={class:"box"},b={class:"cart-title"},C=["textContent"],_={key:0,class:"items-wrapper"},x={class:"items"},S={class:"columns is-gapless is-vcentered main-actions"},L={class:"column"},T={class:"column has-text-right"},M={class:"totals"},D={class:"title"},$=["innerHTML"],H={class:"column is-narrow"},q={key:0,class:"cross"},z={class:"title"},P={class:"swiper",ref:"crossSlider"},F={class:"swiper-wrapper"},O={class:"columns is-gapless"},A={class:"column is-narrow"},G=["onClick"],j=["src"],R={key:1},I=[e.createElementVNode("use",{"xlink:href":"#logo"},null,-1)],J={class:"column"},K=["data-code"],Q={class:"name"},U=["onClick"],W={class:"columns is-gapless is-vcentered"},X={class:"column is-narrow"},Y={class:"prices"},Z=["innerHTML"],ee=["innerHTML"],te={class:"column"},ne=e.createElementVNode("svg",null,[e.createElementVNode("use",{"xlink:href":"#cart-alternate"})],-1),le={class:"swiper-nav prev",ref:"crossSliderPrev"},oe=[e.createElementVNode("use",{"xlink:href":"#arrow-submenu"},null,-1)],re={class:"swiper-nav next",ref:"crossSliderNext"},ce=[e.createElementVNode("use",{"xlink:href":"#arrow-submenu"},null,-1)],ae={key:1,class:"bundles"},se={class:"title"},ie={class:"swiper",ref:"bundlesSlider"},de={class:"swiper-wrapper"},ue={class:"column is-narrow"},me=["onClick"],pe=["src"],ve={key:1},Ee=[e.createElementVNode("use",{"xlink:href":"#logo"},null,-1)],ke={class:"column"},fe={class:"product"},Ne={class:"name"},Ve=["onClick"],ge={class:"columns is-gapless is-vcentered"},he={class:"prices"},ye=["innerHTML"],we=e.createElementVNode("div",{class:"column is-narrow"},[e.createElementVNode("svg",{class:"bundle-icon plus"},[e.createElementVNode("use",{"xlink:href":"#bundle-plus"})])],-1),Be={class:"column is-narrow"},be=["onClick"],Ce=["src"],_e={key:1},xe=[e.createElementVNode("use",{"xlink:href":"#logo"},null,-1)],Se={class:"column"},Le={class:"product"},Te={class:"name"},Me=["onClick"],De={class:"columns is-gapless is-vcentered"},$e={class:"prices"},He=["innerHTML"],qe={key:0,class:"column is-narrow"},ze=[e.createElementVNode("svg",{class:"bundle-icon plus"},[e.createElementVNode("use",{"xlink:href":"#bundle-plus"})],-1)],Pe={key:1,class:"column is-narrow"},Fe=["onClick"],Oe=["src"],Ae={key:1},Ge=[e.createElementVNode("use",{"xlink:href":"#logo"},null,-1)],je={key:2,class:"column"},Re={class:"product"},Ie={class:"name"},Je=["onClick"],Ke={class:"columns is-gapless is-vcentered"},Qe={class:"prices"},Ue=["innerHTML"],We={class:"columns is-vcentered"},Xe={class:"column"},Ye=["innerHTML"],Ze=["innerHTML"],et={class:"column"},tt={class:"is-flex is-align-items-center"},nt=["innerHTML"],lt={class:"swiper-nav prev",ref:"bundlesSliderPrev"},ot=[e.createElementVNode("use",{"xlink:href":"#arrow-submenu"},null,-1)],rt={class:"swiper-nav next",ref:"bundlesSliderNext"},ct=[e.createElementVNode("use",{"xlink:href":"#arrow-submenu"},null,-1)],at={key:1,class:"empty"},st={class:"title"},it={class:"message"},dt=["href"],ut=e.createTextVNode(", "),mt=e.createElementVNode("br",null,null,-1),pt={class:"viewed-wrapper"};c.render=function(t,n,l,o,r,c){var vt=e.resolveComponent("cart-item"),Et=e.resolveComponent("cart-add"),kt=e.resolveComponent("bundle-add"),ft=e.resolveComponent("viewed");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["cart",{"is-open":t.modal}])},[e.createElementVNode("div",a,[e.createElementVNode("div",s,[e.renderSlot(t.$slots,"default",{total:t.quantity,open:t.open},(function(){return[e.createElementVNode("button",{class:"button",onClick:n[0]||(n[0]=function(){return t.open&&t.open.apply(t,arguments)})},[e.createElementVNode("span",null,[i,e.createTextVNode(" "+e.toDisplayString(t.quantity),1)]),d])]}))]),e.createElementVNode("div",u,[t.items.length?(e.openBlock(),e.createElementBlock("div",m,[e.createElementVNode("div",p,[e.createElementVNode("div",v,[e.createElementVNode("div",E,e.toDisplayString(t.__("shop.cart.total")),1),e.createElementVNode("div",{class:"column has-text-right",innerHTML:t.$filters.price(t.total)},null,8,k)])]),f,e.createElementVNode("div",N,[e.createElementVNode("a",{onClick:n[1]||(n[1]=function(){return t.checkout&&t.checkout.apply(t,arguments)}),class:e.normalizeClass(["button is-link",{"is-disabled":t.isLoading}])},e.toDisplayString(t.__("shop.cart.checkout")),3)]),e.createElementVNode("div",V,[e.renderSlot(t.$slots,"open",{open:t.open},(function(){return[e.createElementVNode("a",{onClick:n[2]||(n[2]=function(){return t.open&&t.open.apply(t,arguments)})},e.toDisplayString(t.__("shop.cart.open")),1)]}))])])):(e.openBlock(),e.createElementBlock("div",g,[e.renderSlot(t.$slots,"empty",{},(function(){return[e.createElementVNode("div",h,e.toDisplayString(t.__("shop.cart.empty")),1)]}))]))])]),t.isModal?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["modal",{"is-active":t.modal}])},[e.createElementVNode("div",{class:"modal-background",onClick:n[3]||(n[3]=function(){return t.close&&t.close.apply(t,arguments)})}),e.createElementVNode("div",y,[e.createElementVNode("button",{class:"modal-close is-large",onClick:n[4]||(n[4]=function(){return t.close&&t.close.apply(t,arguments)})},w),e.createElementVNode("div",B,[e.createElementVNode("div",b,[e.createTextVNode(e.toDisplayString(t.__("shop.cart.title"))+" ",1),t.quantity?(e.openBlock(),e.createElementBlock("span",{key:0,textContent:e.toDisplayString(t.pluralize(t.quantity,t.__("shop.pluralize.products")))},null,8,C)):e.createCommentVNode("v-if",!0)]),e.renderSlot(t.$slots,"clear",{clear:t.clear,quantity:t.quantity}),t.items.length?(e.openBlock(),e.createElementBlock("div",_,[e.createElementVNode("div",x,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(function(n){return e.openBlock(),e.createBlock(vt,{key:n.id,item:n},e.createSlots({_:2},[e.renderList(t.$slots,(function(n,l){return{name:l,fn:e.withCtx((function(n){return[e.renderSlot(t.$slots,l,e.normalizeProps(e.guardReactiveProps(n||{})))]}))}}))]),1032,["item"])})),128))]),e.createElementVNode("div",S,[e.createElementVNode("div",L,[e.createElementVNode("button",{class:"button continue",onClick:n[5]||(n[5]=function(){return t.close&&t.close.apply(t,arguments)})},e.toDisplayString(t.__("shop.cart.continue")),1)]),e.createElementVNode("div",T,[e.createElementVNode("div",M,[e.createElementVNode("div",D,[e.createTextVNode(e.toDisplayString(t.__("shop.cart.total"))+" ",1),e.createElementVNode("span",{innerHTML:t.$filters.price(t.total)},null,8,$)])])]),e.createElementVNode("div",H,[e.createElementVNode("a",{onClick:n[6]||(n[6]=function(){return t.checkout&&t.checkout.apply(t,arguments)}),class:"button is-link checkout"},e.toDisplayString(t.__("shop.cart.go_checkout")),1)])]),t.cross.length?(e.openBlock(),e.createElementBlock("div",q,[e.createElementVNode("div",z,e.toDisplayString(t.__("shop.cart.cross")),1),e.createElementVNode("div",P,[e.createElementVNode("div",F,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.cross,(function(n){return e.openBlock(),e.createElementBlock("div",{class:"swiper-slide",key:n.id},[e.createElementVNode("div",O,[e.createElementVNode("div",A,[e.createElementVNode("a",{onClick:function(e){return t.goto(n.href)}},[e.createElementVNode("figure",{class:e.normalizeClass(["image is-square",{"no-thumb":!n.image}])},[n.image?(e.openBlock(),e.createElementBlock("img",{key:0,src:n.image},null,8,j)):(e.openBlock(),e.createElementBlock("svg",R,I))],2)],8,G)]),e.createElementVNode("div",J,[e.createElementVNode("div",{class:"product","data-code":n.code,"shop-product":""},[e.createElementVNode("div",Q,[e.createElementVNode("a",{onClick:function(e){return t.goto(n.href)},"shop-product-name":""},e.toDisplayString(n.name),9,U)]),e.createElementVNode("div",W,[e.createElementVNode("div",X,[e.createElementVNode("div",Y,[n.priceOld?(e.openBlock(),e.createElementBlock("div",{key:0,class:"price-old",innerHTML:t.$filters.price(n.priceOld)},null,8,Z)):e.createCommentVNode("v-if",!0),e.createElementVNode("div",{class:"price",innerHTML:t.$filters.price(n.price),"shop-product-price":""},null,8,ee)])]),e.createElementVNode("div",te,[e.createVNode(Et,{id:n.id,"is-simple":!0},{default:e.withCtx((function(){return[ne]})),_:2},1032,["id"])])])],8,K)])])])})),128))]),(e.openBlock(),e.createElementBlock("svg",le,oe,512)),(e.openBlock(),e.createElementBlock("svg",re,ce,512))],512)])):e.createCommentVNode("v-if",!0),t.bundles.length?(e.openBlock(),e.createElementBlock("div",ae,[e.createElementVNode("div",se,e.toDisplayString(t.__("shop.cart.bundle")),1),e.createElementVNode("div",ie,[e.createElementVNode("div",de,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.bundles,(function(n){return e.openBlock(),e.createElementBlock("div",{class:"swiper-slide",key:n.id},[e.createElementVNode("div",{class:e.normalizeClass(["columns is-gapless is-vcentered",{"is-third":n.third}])},[e.createElementVNode("div",ue,[e.createElementVNode("a",{onClick:function(e){return t.goto(n.href)}},[e.createElementVNode("figure",{class:e.normalizeClass(["image is-square",{"no-thumb":!n.image}])},[n.image?(e.openBlock(),e.createElementBlock("img",{key:0,src:n.image},null,8,pe)):(e.openBlock(),e.createElementBlock("svg",ve,Ee))],2)],8,me)]),e.createElementVNode("div",ke,[e.createElementVNode("div",fe,[e.createElementVNode("div",Ne,[e.createElementVNode("a",{onClick:function(e){return t.goto(n.href)}},e.toDisplayString(n.name),9,Ve)]),e.createElementVNode("div",ge,[e.createElementVNode("div",he,[e.createElementVNode("div",{class:"price",innerHTML:t.$filters.price(n.price)},null,8,ye)])])])]),we,e.createElementVNode("div",Be,[e.createElementVNode("a",{onClick:function(e){return t.goto(n.second.href)}},[e.createElementVNode("figure",{class:e.normalizeClass(["image is-square",{"no-thumb":!n.second.image}])},[n.second.image?(e.openBlock(),e.createElementBlock("img",{key:0,src:n.second.image},null,8,Ce)):(e.openBlock(),e.createElementBlock("svg",_e,xe))],2)],8,be)]),e.createElementVNode("div",Se,[e.createElementVNode("div",Le,[e.createElementVNode("div",Te,[e.createElementVNode("a",{onClick:function(e){return t.goto(n.second.href)}},e.toDisplayString(n.second.name),9,Me)]),e.createElementVNode("div",De,[e.createElementVNode("div",$e,[e.createElementVNode("div",{class:"price",innerHTML:t.$filters.price(n.second.price)},null,8,He)])])])]),n.third?(e.openBlock(),e.createElementBlock("div",qe,ze)):e.createCommentVNode("v-if",!0),n.third?(e.openBlock(),e.createElementBlock("div",Pe,[e.createElementVNode("a",{onClick:function(e){return t.goto(n.third.href)}},[e.createElementVNode("figure",{class:e.normalizeClass(["image is-square",{"no-thumb":!n.third.image}])},[n.third.image?(e.openBlock(),e.createElementBlock("img",{key:0,src:n.third.image},null,8,Oe)):(e.openBlock(),e.createElementBlock("svg",Ae,Ge))],2)],8,Fe)])):e.createCommentVNode("v-if",!0),n.third?(e.openBlock(),e.createElementBlock("div",je,[e.createElementVNode("div",Re,[e.createElementVNode("div",Ie,[e.createElementVNode("a",{onClick:function(e){return t.goto(n.third.href)}},e.toDisplayString(n.third.name),9,Je)]),e.createElementVNode("div",Ke,[e.createElementVNode("div",Qe,[e.createElementVNode("div",{class:"price",innerHTML:t.$filters.price(n.third.price)},null,8,Ue)])])])])):e.createCommentVNode("v-if",!0)],2),e.createElementVNode("div",We,[e.createElementVNode("div",Xe,[e.createElementVNode("span",{class:"total-old",innerHTML:t.$filters.price(n.bundle.priceOld)},null,8,Ye),e.createElementVNode("span",{class:"bundle-amount",innerHTML:t.__("shop.cart.bundle_amount")+n.bundle.amount},null,8,Ze)]),e.createElementVNode("div",et,[e.createElementVNode("div",tt,[e.createElementVNode("span",{class:"total",innerHTML:t.$filters.price(n.bundle.price)},null,8,nt),e.createVNode(kt,{id:n.id,second:n.second.id,third:n.third?n.third.id:null},null,8,["id","second","third"])])])])])})),128))])],512),(e.openBlock(),e.createElementBlock("svg",lt,ot,512)),(e.openBlock(),e.createElementBlock("svg",rt,ct,512))])):e.createCommentVNode("v-if",!0)])):(e.openBlock(),e.createElementBlock("div",at,[e.createElementVNode("div",st,e.toDisplayString(t.__("shop.cart.no_no")),1),e.createElementVNode("div",it,[e.createTextVNode(e.toDisplayString(t.__("shop.cart.no_prop"))+" ",1),e.createElementVNode("a",{href:t.$env.locale.url?t.$env.locale.url:"/"},e.toDisplayString(t.__("shop.cart.no_home")),9,dt),ut,mt,e.createTextVNode(e.toDisplayString(t.__("shop.cart.no_search")),1)]),e.createElementVNode("button",{class:"button continue",onClick:n[7]||(n[7]=function(){return t.close&&t.close.apply(t,arguments)})},e.toDisplayString(t.__("shop.cart.continue")),1),e.createElementVNode("div",pt,[e.createVNode(ft,{slider:!0})])]))])])],2)):e.createCommentVNode("v-if",!0)],2)},module.exports=c;
+"use strict";var e=require("vue"),t=require("vuex"),n=require("@perevorot/shop/dist/helpers"),l=require("swiper");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=o(l),c=e.defineComponent({name:"cart",props:{isModal:{type:Boolean,default:!0}},setup:function(){var o=t.useStore(),c=e.ref(!1),a=e.computed((function(){return o.getters["cart/items"]})),s=e.computed((function(){return o.getters["cart/modal"]})),i=e.computed((function(){return o.getters["cart/total"]})),d=e.computed((function(){return o.getters["cart/quantity"]})),u=function(){o.commit("cart/modal",null)};o.dispatch("cart/get",{finally:function(){}}),document.body.addEventListener("click",(function(e){s.value&&!e.target.closest(".cart")&&u()})),window.addEventListener("keyup",(function(e){s.value&&"Escape"===e.key&&u()}));var m,p,v=e.ref(null),E=e.ref(null),k=e.ref(null),N=e.computed((function(){var e=o.getters["cart/cross"];return v.value&&(m&&m.destroy(),e.length&&(m=new r.default(v.value,{slidesPerView:1,slidesPerGroup:1,breakpoints:{768:{slidesPerView:2,slidesPerGroup:2}},spaceBetween:0,allowTouchMove:!0,modules:[l.Navigation],mousewheel:{forceToAxis:!0},navigation:{nextEl:E.value,prevEl:k.value}}))),e})),V=e.ref(null),f=e.ref(null),g=e.ref(null),h=e.computed((function(){var e=o.getters["cart/bundles"];return V.value&&(p&&p.destroy(),e.length&&(p=new r.default(V.value,{slidesPerView:1,spaceBetween:0,allowTouchMove:!0,mousewheel:{forceToAxis:!0},navigation:{nextEl:f.value,prevEl:g.value}}))),e}));window.addEventListener("beforeunload",(function(){o.commit("cart/modal",null)})),window.addEventListener("pagehide",(function(){o.commit("cart/modal",null)}));var y=e.ref(!1);return{loading:c,items:a,modal:s,total:i,quantity:d,open:function(){o.commit("cart/modal",s.value?null:"cart")},close:u,clear:function(){c.value=!0,o.dispatch("cart/clear",{finally:function(){c.value=!1}})},pluralize:n.pluralize,goto:function(e){window.addEventListener("beforeunload",(function(){o.commit("cart/modal",null)})),window.addEventListener("pagehide",(function(){o.commit("cart/modal",null)})),window.location.href=e},cross:N,crossSlider:v,crossSliderPrev:k,crossSliderNext:E,bundles:h,bundlesSlider:V,bundlesSliderPrev:g,bundlesSliderNext:f,checkout:function(){y.value=!0,window.location.href=$ziggy("shop.checkout")},isLoading:y}}}),a={class:"dropdown is-right is-hoverable"},s={class:"dropdown-trigger"},i=e.createElementVNode("i",{class:"fas fa-shopping-cart"},null,-1),d=e.createElementVNode("span",{class:"icon is-small"},[e.createElementVNode("i",{class:"fas fa-angle-down","aria-hidden":"true"})],-1),u={class:"dropdown-menu",role:"menu"},m={key:0,class:"dropdown-content"},p={class:"dropdown-item"},v={class:"columns"},E={class:"column"},k=["innerHTML"],N=e.createElementVNode("div",{class:"dropdown-divider"},null,-1),V={class:"dropdown-item has-text-centered"},f={class:"dropdown-item has-text-centered"},g={key:1,class:"dropdown-content"},h={class:"dropdown-item"},y={class:"modal-content"},w=[e.createElementVNode("svg",{class:"icon close"},[e.createElementVNode("use",{"xlink:href":"#close"})],-1)],B={class:"box"},b={class:"cart-title"},C=["textContent"],_={key:0,class:"items-wrapper"},x={class:"items"},S={class:"columns is-gapless is-vcentered main-actions"},L={class:"column"},T={class:"column has-text-right"},M={class:"totals"},D={class:"title"},H=["innerHTML"],$={class:"column is-narrow"},q={key:0,class:"cross"},z={class:"title"},P={class:"swiper",ref:"crossSlider"},F={class:"swiper-wrapper"},O={class:"columns is-gapless"},A={class:"column is-narrow"},G=["onClick"],j=["src"],R={key:1},I=[e.createElementVNode("use",{"xlink:href":"#logo"},null,-1)],J={class:"column"},K=["data-code"],Q={class:"name"},U=["onClick"],W={class:"columns is-gapless is-vcentered"},X={class:"column is-narrow"},Y={class:"prices"},Z=["innerHTML"],ee=["innerHTML"],te={class:"column"},ne=e.createElementVNode("svg",null,[e.createElementVNode("use",{"xlink:href":"#cart-alternate"})],-1),le={class:"swiper-nav prev",ref:"crossSliderPrev"},oe=[e.createElementVNode("use",{"xlink:href":"#arrow-submenu"},null,-1)],re={class:"swiper-nav next",ref:"crossSliderNext"},ce=[e.createElementVNode("use",{"xlink:href":"#arrow-submenu"},null,-1)],ae={key:1,class:"bundles"},se={class:"title"},ie={class:"swiper",ref:"bundlesSlider"},de={class:"swiper-wrapper"},ue={class:"column is-narrow"},me=["onClick"],pe=["src"],ve={key:1},Ee=[e.createElementVNode("use",{"xlink:href":"#logo"},null,-1)],ke={class:"column"},Ne={class:"product"},Ve={class:"name"},fe=["onClick"],ge={class:"columns is-gapless is-vcentered"},he={class:"prices"},ye=["innerHTML"],we=e.createElementVNode("div",{class:"column is-narrow"},[e.createElementVNode("svg",{class:"bundle-icon plus"},[e.createElementVNode("use",{"xlink:href":"#bundle-plus"})])],-1),Be={class:"column is-narrow"},be=["onClick"],Ce=["src"],_e={key:1},xe=[e.createElementVNode("use",{"xlink:href":"#logo"},null,-1)],Se={class:"column"},Le={class:"product"},Te={class:"name"},Me=["onClick"],De={class:"columns is-gapless is-vcentered"},He={class:"prices"},$e=["innerHTML"],qe={key:0,class:"column is-narrow"},ze=[e.createElementVNode("svg",{class:"bundle-icon plus"},[e.createElementVNode("use",{"xlink:href":"#bundle-plus"})],-1)],Pe={key:1,class:"column is-narrow"},Fe=["onClick"],Oe=["src"],Ae={key:1},Ge=[e.createElementVNode("use",{"xlink:href":"#logo"},null,-1)],je={key:2,class:"column"},Re={class:"product"},Ie={class:"name"},Je=["onClick"],Ke={class:"columns is-gapless is-vcentered"},Qe={class:"prices"},Ue=["innerHTML"],We={class:"columns is-vcentered"},Xe={class:"column"},Ye=["innerHTML"],Ze=["innerHTML"],et={class:"column"},tt={class:"is-flex is-align-items-center"},nt=["innerHTML"],lt={class:"swiper-nav prev",ref:"bundlesSliderPrev"},ot=[e.createElementVNode("use",{"xlink:href":"#arrow-submenu"},null,-1)],rt={class:"swiper-nav next",ref:"bundlesSliderNext"},ct=[e.createElementVNode("use",{"xlink:href":"#arrow-submenu"},null,-1)],at={key:1,class:"empty"},st={class:"title"},it={class:"message"},dt=["href"],ut=e.createTextVNode(", "),mt=e.createElementVNode("br",null,null,-1),pt={class:"viewed-wrapper"};c.render=function(t,n,l,o,r,c){var vt=e.resolveComponent("cart-item"),Et=e.resolveComponent("cart-add"),kt=e.resolveComponent("bundle-add"),Nt=e.resolveComponent("viewed");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["cart",{"is-open":t.modal}])},[e.createElementVNode("div",a,[e.createElementVNode("div",s,[e.renderSlot(t.$slots,"default",{total:t.quantity,open:t.open},(function(){return[e.createElementVNode("button",{class:"button",onClick:n[0]||(n[0]=function(){return t.open&&t.open.apply(t,arguments)})},[e.createElementVNode("span",null,[i,e.createTextVNode(" "+e.toDisplayString(t.quantity),1)]),d])]}))]),e.createElementVNode("div",u,[t.items.length?(e.openBlock(),e.createElementBlock("div",m,[e.createElementVNode("div",p,[e.createElementVNode("div",v,[e.createElementVNode("div",E,e.toDisplayString(t.__("shop.cart.total")),1),e.createElementVNode("div",{class:"column has-text-right",innerHTML:t.$filters.price(t.total)},null,8,k)])]),N,e.createElementVNode("div",V,[e.createElementVNode("a",{onClick:n[1]||(n[1]=function(){return t.checkout&&t.checkout.apply(t,arguments)}),class:e.normalizeClass(["button is-link",{"is-disabled":t.isLoading}])},e.toDisplayString(t.__("shop.cart.checkout")),3)]),e.createElementVNode("div",f,[e.renderSlot(t.$slots,"open",{open:t.open},(function(){return[e.createElementVNode("a",{onClick:n[2]||(n[2]=function(){return t.open&&t.open.apply(t,arguments)})},e.toDisplayString(t.__("shop.cart.open")),1)]}))])])):(e.openBlock(),e.createElementBlock("div",g,[e.renderSlot(t.$slots,"empty",{},(function(){return[e.createElementVNode("div",h,e.toDisplayString(t.__("shop.cart.empty")),1)]}))]))])]),t.isModal?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["modal",{"is-active":t.modal}])},[e.createElementVNode("div",{class:"modal-background",onClick:n[3]||(n[3]=function(){return t.close&&t.close.apply(t,arguments)})}),e.createElementVNode("div",y,[e.createElementVNode("button",{class:"modal-close is-large",onClick:n[4]||(n[4]=function(){return t.close&&t.close.apply(t,arguments)})},w),e.createElementVNode("div",B,[e.createElementVNode("div",b,[e.createTextVNode(e.toDisplayString(t.__("shop.cart.title"))+" ",1),t.quantity?(e.openBlock(),e.createElementBlock("span",{key:0,textContent:e.toDisplayString(t.pluralize(t.quantity,t.__("shop.pluralize.products")))},null,8,C)):e.createCommentVNode("v-if",!0)]),e.renderSlot(t.$slots,"clear",{clear:t.clear,quantity:t.quantity}),t.items.length?(e.openBlock(),e.createElementBlock("div",_,[e.createElementVNode("div",x,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(function(n){return e.openBlock(),e.createBlock(vt,{key:n.id,item:n},e.createSlots({_:2},[e.renderList(t.$slots,(function(n,l){return{name:l,fn:e.withCtx((function(n){return[e.renderSlot(t.$slots,l,e.normalizeProps(e.guardReactiveProps(n||{})))]}))}}))]),1032,["item"])})),128))]),e.createElementVNode("div",S,[e.createElementVNode("div",L,[e.createElementVNode("button",{class:"button continue",onClick:n[5]||(n[5]=function(){return t.close&&t.close.apply(t,arguments)})},e.toDisplayString(t.__("shop.cart.continue")),1)]),e.createElementVNode("div",T,[e.createElementVNode("div",M,[e.createElementVNode("div",D,[e.createTextVNode(e.toDisplayString(t.__("shop.cart.total"))+" ",1),e.createElementVNode("span",{innerHTML:t.$filters.price(t.total)},null,8,H)])])]),e.createElementVNode("div",$,[e.createElementVNode("a",{onClick:n[6]||(n[6]=function(){return t.checkout&&t.checkout.apply(t,arguments)}),class:"button is-link checkout"},e.toDisplayString(t.__("shop.cart.go_checkout")),1)])]),t.cross.length?(e.openBlock(),e.createElementBlock("div",q,[e.createElementVNode("div",z,e.toDisplayString(t.__("shop.cart.cross")),1),e.createElementVNode("div",P,[e.createElementVNode("div",F,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.cross,(function(n){return e.openBlock(),e.createElementBlock("div",{class:"swiper-slide",key:n.id},[e.createElementVNode("div",O,[e.createElementVNode("div",A,[e.createElementVNode("a",{onClick:function(e){return t.goto(n.href)}},[e.createElementVNode("figure",{class:e.normalizeClass(["image is-square",{"no-thumb":!n.image}])},[n.image?(e.openBlock(),e.createElementBlock("img",{key:0,src:n.image},null,8,j)):(e.openBlock(),e.createElementBlock("svg",R,I))],2)],8,G)]),e.createElementVNode("div",J,[e.createElementVNode("div",{class:"product","data-code":n.code,"shop-product":""},[e.createElementVNode("div",Q,[e.createElementVNode("a",{onClick:function(e){return t.goto(n.href)},"shop-product-name":""},e.toDisplayString(n.name),9,U)]),e.createElementVNode("div",W,[e.createElementVNode("div",X,[e.createElementVNode("div",Y,[n.priceOld?(e.openBlock(),e.createElementBlock("div",{key:0,class:"price-old",innerHTML:t.$filters.price(n.priceOld)},null,8,Z)):e.createCommentVNode("v-if",!0),e.createElementVNode("div",{class:"price",innerHTML:t.$filters.price(n.price),"shop-product-price":""},null,8,ee)])]),e.createElementVNode("div",te,[e.createVNode(Et,{id:n.id,"is-simple":!0},{default:e.withCtx((function(){return[ne]})),_:2},1032,["id"])])])],8,K)])])])})),128))]),(e.openBlock(),e.createElementBlock("svg",le,oe,512)),(e.openBlock(),e.createElementBlock("svg",re,ce,512))],512)])):e.createCommentVNode("v-if",!0),t.bundles.length?(e.openBlock(),e.createElementBlock("div",ae,[e.createElementVNode("div",se,e.toDisplayString(t.__("shop.cart.bundle")),1),e.createElementVNode("div",ie,[e.createElementVNode("div",de,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.bundles,(function(n){return e.openBlock(),e.createElementBlock("div",{class:"swiper-slide",key:n.id},[e.createElementVNode("div",{class:e.normalizeClass(["columns is-gapless is-vcentered",{"is-third":n.third}])},[e.createElementVNode("div",ue,[e.createElementVNode("a",{onClick:function(e){return t.goto(n.href)}},[e.createElementVNode("figure",{class:e.normalizeClass(["image is-square",{"no-thumb":!n.image}])},[n.image?(e.openBlock(),e.createElementBlock("img",{key:0,src:n.image},null,8,pe)):(e.openBlock(),e.createElementBlock("svg",ve,Ee))],2)],8,me)]),e.createElementVNode("div",ke,[e.createElementVNode("div",Ne,[e.createElementVNode("div",Ve,[e.createElementVNode("a",{onClick:function(e){return t.goto(n.href)}},e.toDisplayString(n.name),9,fe)]),e.createElementVNode("div",ge,[e.createElementVNode("div",he,[e.createElementVNode("div",{class:"price",innerHTML:t.$filters.price(n.price)},null,8,ye)])])])]),we,e.createElementVNode("div",Be,[e.createElementVNode("a",{onClick:function(e){return t.goto(n.second.href)}},[e.createElementVNode("figure",{class:e.normalizeClass(["image is-square",{"no-thumb":!n.second.image}])},[n.second.image?(e.openBlock(),e.createElementBlock("img",{key:0,src:n.second.image},null,8,Ce)):(e.openBlock(),e.createElementBlock("svg",_e,xe))],2)],8,be)]),e.createElementVNode("div",Se,[e.createElementVNode("div",Le,[e.createElementVNode("div",Te,[e.createElementVNode("a",{onClick:function(e){return t.goto(n.second.href)}},e.toDisplayString(n.second.name),9,Me)]),e.createElementVNode("div",De,[e.createElementVNode("div",He,[e.createElementVNode("div",{class:"price",innerHTML:t.$filters.price(n.second.price)},null,8,$e)])])])]),n.third?(e.openBlock(),e.createElementBlock("div",qe,ze)):e.createCommentVNode("v-if",!0),n.third?(e.openBlock(),e.createElementBlock("div",Pe,[e.createElementVNode("a",{onClick:function(e){return t.goto(n.third.href)}},[e.createElementVNode("figure",{class:e.normalizeClass(["image is-square",{"no-thumb":!n.third.image}])},[n.third.image?(e.openBlock(),e.createElementBlock("img",{key:0,src:n.third.image},null,8,Oe)):(e.openBlock(),e.createElementBlock("svg",Ae,Ge))],2)],8,Fe)])):e.createCommentVNode("v-if",!0),n.third?(e.openBlock(),e.createElementBlock("div",je,[e.createElementVNode("div",Re,[e.createElementVNode("div",Ie,[e.createElementVNode("a",{onClick:function(e){return t.goto(n.third.href)}},e.toDisplayString(n.third.name),9,Je)]),e.createElementVNode("div",Ke,[e.createElementVNode("div",Qe,[e.createElementVNode("div",{class:"price",innerHTML:t.$filters.price(n.third.price)},null,8,Ue)])])])])):e.createCommentVNode("v-if",!0)],2),e.createElementVNode("div",We,[e.createElementVNode("div",Xe,[e.createElementVNode("span",{class:"total-old",innerHTML:t.$filters.price(n.bundle.priceOld)},null,8,Ye),e.createElementVNode("span",{class:"bundle-amount",innerHTML:t.__("shop.cart.bundle_amount")+n.bundle.amount},null,8,Ze)]),e.createElementVNode("div",et,[e.createElementVNode("div",tt,[e.createElementVNode("span",{class:"total",innerHTML:t.$filters.price(n.bundle.price)},null,8,nt),e.createVNode(kt,{id:n.id,second:n.second.id,third:n.third?n.third.id:null},null,8,["id","second","third"])])])])])})),128))])],512),(e.openBlock(),e.createElementBlock("svg",lt,ot,512)),(e.openBlock(),e.createElementBlock("svg",rt,ct,512))])):e.createCommentVNode("v-if",!0)])):(e.openBlock(),e.createElementBlock("div",at,[e.createElementVNode("div",st,e.toDisplayString(t.__("shop.cart.no_no")),1),e.createElementVNode("div",it,[e.createTextVNode(e.toDisplayString(t.__("shop.cart.no_prop"))+" ",1),e.createElementVNode("a",{href:t.$env.locale.url?t.$env.locale.url:"/"},e.toDisplayString(t.__("shop.cart.no_home")),9,dt),ut,mt,e.createTextVNode(e.toDisplayString(t.__("shop.cart.no_search")),1)]),e.createElementVNode("button",{class:"button continue",onClick:n[7]||(n[7]=function(){return t.close&&t.close.apply(t,arguments)})},e.toDisplayString(t.__("shop.cart.continue")),1),e.createElementVNode("div",pt,[e.createVNode(Nt,{slider:!0})])]))])])],2)):e.createCommentVNode("v-if",!0)],2)},module.exports=c;
 //# sourceMappingURL=Cart.js.map

package/dist/components/shop/cart/Cart.js.map

@@ -1 +1 @@
-{"version":3,"file":"Cart.js","sources":["../../../../src/components/shop/cart/Cart.vue","../../../../src/components/shop/cart/Cart.vue?vue&type=template&id=7759facf&lang.js"],"sourcesContent":["<template>\n    <div class=\"cart\" v-bind:class=\"{ 'is-open': modal }\">\n        <div class=\"dropdown is-right is-hoverable\">\n            <div class=\"dropdown-trigger\">\n                <slot :total=\"quantity\" :open=\"open\">\n                    <button class=\"button\" @click=\"open\">\n                        <span>\n                            <i class=\"fas fa-shopping-cart\"></i>\n                            {{ quantity }}\n                        </span>\n                        <span class=\"icon is-small\">\n                            <i class=\"fas fa-angle-down\" aria-hidden=\"true\"></i>\n                        </span>\n                    </button>\n                </slot>\n            </div>\n            <div class=\"dropdown-menu\" role=\"menu\">\n                <div class=\"dropdown-content\" v-if=\"items.length\">\n                    <div class=\"dropdown-item\">\n                        <div class=\"columns\">\n                            <div class=\"column\">{{ __('shop.cart.total') }}</div>\n                            <div class=\"column has-text-right\" v-html=\"$filters.price(total)\"></div>\n                        </div>\n                    </div>\n                    <div class=\"dropdown-divider\"></div>\n                    <div class=\"dropdown-item has-text-centered\">\n                        <a @click=\"checkout\" class=\"button is-link\" v-bind:class=\"{ 'is-disabled': isLoading }\">{{ __('shop.cart.checkout') }}</a>\n                    </div>\n                    <div class=\"dropdown-item has-text-centered\">\n                        <slot name=\"open\" :open=\"open\">\n                            <a @click=\"open\">{{ __('shop.cart.open') }}</a>\n                        </slot>\n                    </div>\n                </div>\n                <div class=\"dropdown-content\" v-else>\n                    <slot name=\"empty\">\n                        <div class=\"dropdown-item\">{{ __('shop.cart.empty') }}</div>\n                    </slot>\n                </div>\n            </div>\n        </div>\n        <div class=\"modal\" v-if=\"isModal\" v-bind:class=\"{ 'is-active': modal }\">\n            <div class=\"modal-background\" @click=\"close\"></div>\n            <div class=\"modal-content\">\n                <button class=\"modal-close is-large\" @click=\"close\">\n                    <svg class=\"icon close\">\n                        <use xlink:href=\"#close\" />\n                    </svg>\n                </button>\n                <div class=\"box\">\n                    <div class=\"cart-title\">\n                        {{ __('shop.cart.title') }}\n                        <span v-if=\"quantity\" v-text=\"pluralize(quantity, __('shop.pluralize.products'))\"></span>\n                    </div>\n                    <slot name=\"clear\" :clear=\"clear\" :quantity=\"quantity\"></slot>\n                    <div class=\"items-wrapper\" v-if=\"items.length\">\n                        <div class=\"items\">\n                            <cart-item v-for=\"item in items\" v-bind:key=\"item.id\" :item=\"item\">\n                                <template v-for=\"(_, name) in $slots\" #[name]=\"slotProps\">\n                                    <slot :name=\"name\" v-bind=\"slotProps || {}\"></slot>\n                                </template>\n                            </cart-item>\n                        </div>\n\n                        <div class=\"columns is-gapless is-vcentered main-actions\">\n                            <div class=\"column\">\n                                <button class=\"button continue\" @click=\"close\">{{ __('shop.cart.continue') }}</button>\n                            </div>\n                            <div class=\"column has-text-right\">\n                                <div class=\"totals\">\n                                    <div class=\"title\">\n                                        {{ __('shop.cart.total') }}\n                                        <span v-html=\"$filters.price(total)\"></span>\n                                    </div>\n                                </div>\n                            </div>\n                            <div class=\"column is-narrow\">\n                                <a @click=\"checkout\" class=\"button is-link checkout\">{{ __('shop.cart.go_checkout') }}</a>\n                            </div>\n                        </div>\n\n                        <div class=\"cross\" v-if=\"cross.length\">\n                            <div class=\"title\">{{ __('shop.cart.cross') }}</div>\n                            <div class=\"swiper\" ref=\"crossSlider\">\n                                <div class=\"swiper-wrapper\">\n                                    <div class=\"swiper-slide\" v-for=\"item in cross\" v-bind:key=\"item.id\">\n                                        <div class=\"columns is-gapless\">\n                                            <div class=\"column is-narrow\">\n                                                <a @click=\"goto(item.href)\">\n                                                    <figure class=\"image is-square\" v-bind:class=\"{ 'no-thumb': !item.image }\">\n                                                        <img :src=\"item.image\" v-if=\"item.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=\"product\" :data-code=\"item.code\" shop-product>\n                                                    <div class=\"name\">\n                                                        <a @click=\"goto(item.href)\" shop-product-name>{{ item.name }}</a>\n                                                    </div>\n                                                    <div class=\"columns is-gapless is-vcentered\">\n                                                        <div class=\"column is-narrow\">\n                                                            <div class=\"prices\">\n                                                                <div class=\"price-old\" v-if=\"item.priceOld\" v-html=\"$filters.price(item.priceOld)\"></div>\n                                                                <div class=\"price\" v-html=\"$filters.price(item.price)\" shop-product-price></div>\n                                                            </div>\n                                                        </div>\n                                                        <div class=\"column\">\n                                                            <cart-add :id=\"item.id\" :is-simple=\"true\">\n                                                                <svg>\n                                                                    <use xlink:href=\"#cart-alternate\" />\n                                                                </svg>\n                                                            </cart-add>\n                                                        </div>\n                                                    </div>\n                                                </div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                                <svg class=\"swiper-nav prev\" ref=\"crossSliderPrev\">\n                                    <use xlink:href=\"#arrow-submenu\" />\n                                </svg>\n                                <svg class=\"swiper-nav next\" ref=\"crossSliderNext\">\n                                    <use xlink:href=\"#arrow-submenu\" />\n                                </svg>\n                            </div>\n                        </div>\n                        <div class=\"bundles\" v-if=\"bundles.length\">\n                            <div class=\"title\">{{ __('shop.cart.bundle') }}</div>\n                            <div class=\"swiper\" ref=\"bundlesSlider\">\n                                <div class=\"swiper-wrapper\">\n                                    <div class=\"swiper-slide\" v-for=\"item in bundles\" v-bind:key=\"item.id\">\n                                        <div class=\"columns is-gapless is-vcentered\" v-bind:class=\"{ 'is-third': item.third }\">\n                                            <div class=\"column is-narrow\">\n                                                <a @click=\"goto(item.href)\">\n                                                    <figure class=\"image is-square\" v-bind:class=\"{ 'no-thumb': !item.image }\">\n                                                        <img :src=\"item.image\" v-if=\"item.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=\"product\">\n                                                    <div class=\"name\">\n                                                        <a @click=\"goto(item.href)\">{{ item.name }}</a>\n                                                    </div>\n                                                    <div class=\"columns is-gapless is-vcentered\">\n                                                        <div class=\"prices\">\n                                                            <div class=\"price\" v-html=\"$filters.price(item.price)\"></div>\n                                                        </div>\n                                                    </div>\n                                                </div>\n                                            </div>\n                                            <div class=\"column is-narrow\">\n                                                <svg class=\"bundle-icon plus\">\n                                                    <use xlink:href=\"#bundle-plus\" />\n                                                </svg>\n                                            </div>\n                                            <div class=\"column is-narrow\">\n                                                <a @click=\"goto(item.second.href)\">\n                                                    <figure class=\"image is-square\" v-bind:class=\"{ 'no-thumb': !item.second.image }\">\n                                                        <img :src=\"item.second.image\" v-if=\"item.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=\"product\">\n                                                    <div class=\"name\">\n                                                        <a @click=\"goto(item.second.href)\">{{ item.second.name }}</a>\n                                                    </div>\n                                                    <div class=\"columns is-gapless is-vcentered\">\n                                                        <div class=\"prices\">\n                                                            <div class=\"price\" v-html=\"$filters.price(item.second.price)\"></div>\n                                                        </div>\n                                                    </div>\n                                                </div>\n                                            </div>\n                                            <div class=\"column is-narrow\" v-if=\"item.third\">\n                                                <svg class=\"bundle-icon plus\">\n                                                    <use xlink:href=\"#bundle-plus\" />\n                                                </svg>\n                                            </div>\n                                            <div class=\"column is-narrow\" v-if=\"item.third\">\n                                                <a @click=\"goto(item.third.href)\">\n                                                    <figure class=\"image is-square\" v-bind:class=\"{ 'no-thumb': !item.third.image }\">\n                                                        <img :src=\"item.third.image\" v-if=\"item.third.image\" />\n                                                        <svg v-else>\n                                                            <use xlink:href=\"#logo\" />\n                                                        </svg>\n                                                    </figure>\n                                                </a>\n                                            </div>\n                                            <div class=\"column\" v-if=\"item.third\">\n                                                <div class=\"product\">\n                                                    <div class=\"name\">\n                                                        <a @click=\"goto(item.third.href)\">{{ item.third.name }}</a>\n                                                    </div>\n                                                    <div class=\"columns is-gapless is-vcentered\">\n                                                        <div class=\"prices\">\n                                                            <div class=\"price\" v-html=\"$filters.price(item.third.price)\"></div>\n                                                        </div>\n                                                    </div>\n                                                </div>\n                                            </div>\n                                        </div>\n                                        <div class=\"columns is-vcentered\">\n                                            <div class=\"column\">\n                                                <span class=\"total-old\" v-html=\"$filters.price(item.bundle.priceOld)\"></span>\n                                                <span class=\"bundle-amount\" v-html=\"__('shop.cart.bundle_amount') + item.bundle.amount\"></span>\n                                            </div>\n                                            <div class=\"column\">\n                                                <div class=\"is-flex is-align-items-center\">\n                                                    <span class=\"total\" v-html=\"$filters.price(item.bundle.price)\"></span>\n                                                    <bundle-add :id=\"item.id\" :second=\"item.second.id\" v-bind:third=\"item.third ? item.third.id : null\"></bundle-add>\n                                                </div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                            <svg class=\"swiper-nav prev\" ref=\"bundlesSliderPrev\">\n                                <use xlink:href=\"#arrow-submenu\" />\n                            </svg>\n                            <svg class=\"swiper-nav next\" ref=\"bundlesSliderNext\">\n                                <use xlink:href=\"#arrow-submenu\" />\n                            </svg>\n                        </div>\n                    </div>\n                    <div v-else class=\"empty\">\n                        <div class=\"title\">{{ __('shop.cart.no_no') }}</div>\n                        <div class=\"message\">\n                            {{ __('shop.cart.no_prop') }}\n                            <a :href=\"$env.locale.url ? $env.locale.url : '/'\">{{ __('shop.cart.no_home') }}</a>, <br />{{ __('shop.cart.no_search') }}\n                        </div>\n                        <button class=\"button continue\" @click=\"close\">{{ __('shop.cart.continue') }}</button>\n                        <div class=\"viewed-wrapper\">\n                            <viewed :slider=\"true\"></viewed>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport { ref, computed, defineComponent } from 'vue';\nimport { useStore } from 'vuex';\nimport { pluralize } from '@perevorot/shop/dist/helpers';\nimport Swiper, { Navigation } from 'swiper';\n\nexport default /*#__PURE__*/ defineComponent({\n    name: 'cart',\n    props: {\n        isModal: {\n            type: Boolean,\n            default: true\n        }\n    },\n    setup() {\n        const store = useStore();\n        const loading = ref(false);\n\n        const items = computed(() => store.getters['cart/items']);\n        const modal = computed(() => store.getters['cart/modal']);\n        const total = computed(() => store.getters['cart/total']);\n        const quantity = computed(() => store.getters['cart/quantity']);\n\n        const open = () => {\n            store.commit('cart/modal', modal.value ? null : 'cart');\n        };\n\n        const close = () => {\n            store.commit('cart/modal', null);\n        };\n\n        const clear = () => {\n            loading.value = true;\n\n            store.dispatch('cart/clear', {\n                finally: () => {\n                    loading.value = false;\n                }\n            });\n        };\n\n        store.dispatch('cart/get', {\n            finally: () => { }\n        });\n\n        document.body.addEventListener('click', (event) => {\n            if (modal.value && !event.target.closest('.cart')) {\n                close();\n            }\n        });\n\n        window.addEventListener('keyup', (e) => {\n            if (modal.value && e.key === 'Escape') {\n                close();\n            }\n        });\n\n        const goto = (href) => {\n            window.addEventListener('beforeunload', () => {\n                store.commit('cart/modal', null);\n            });\n\n            window.addEventListener('pagehide', () => {\n                store.commit('cart/modal', null);\n            });\n\n            window.location.href = href;\n        };\n\n        let crossSwiper;\n        const crossSlider = ref(null);\n        const crossSliderNext = ref(null);\n        const crossSliderPrev = ref(null);\n\n        const cross = computed(() => {\n            const cross = store.getters['cart/cross'];\n\n            if (crossSlider.value) {\n                if (crossSwiper) {\n                    crossSwiper.destroy();\n                }\n\n                if (cross.length) {\n                    crossSwiper = new Swiper(crossSlider.value, {\n                        slidesPerView: 1,\n                        slidesPerGroup: 1,\n                        breakpoints: {\n                            768: {\n                                slidesPerView: 2,\n                                slidesPerGroup: 2\n                            }\n                        },\n                        spaceBetween: 0,\n                        allowTouchMove: true,\n                        modules: [Navigation],\n                        mousewheel: {\n                            forceToAxis: true\n                        },\n                        navigation: {\n                            nextEl: crossSliderNext.value,\n                            prevEl: crossSliderPrev.value\n                        }\n                    });\n                }\n            }\n\n            return cross;\n        });\n\n        let bundlesSwiper;\n        const bundlesSlider = ref(null);\n        const bundlesSliderNext = ref(null);\n        const bundlesSliderPrev = ref(null);\n\n        const bundles = computed(() => {\n            const bundles = store.getters['cart/bundles'];\n\n            if (bundlesSlider.value) {\n                if (bundlesSwiper) {\n                    bundlesSwiper.destroy();\n                }\n\n                if (bundles.length) {\n                    bundlesSwiper = new Swiper(bundlesSlider.value, {\n                        slidesPerView: 1,\n                        spaceBetween: 0,\n                        allowTouchMove: true,\n                        mousewheel: {\n                            forceToAxis: true\n                        },\n                        navigation: {\n                            nextEl: bundlesSliderNext.value,\n                            prevEl: bundlesSliderPrev.value\n                        }\n                    });\n                }\n            }\n\n            return bundles;\n        });\n\n        window.addEventListener('beforeunload', () => {\n            store.commit('cart/modal', null);\n        });\n\n        window.addEventListener('pagehide', () => {\n            store.commit('cart/modal', null);\n        });\n\n        const isLoading = ref(false);\n\n        const checkout = () => {\n            try {\n                isLoading.value = true;\n\n                let products = [];\n\n                items.value.forEach((item) => {\n                    products.push({\n                        name: item.name,\n                        id: item.attributes.code,\n                        price: item.attributes.price,\n                        brand: item.attributes.brand,\n                        category: item.attributes.category,\n                        quantity: item.quantity\n                    });\n                });\n\n                const object = {\n                    ecommerce: {\n                        checkout: {\n                            products: [products]\n                        }\n                    },\n                    event: 'gtm-ee-event',\n                    'gtm-ee-event-category': 'Ecommerce',\n                    'gtm-ee-event-action': 'Checkout',\n                    'gtm-ee-event-non-interaction': 'False',\n                    eventCallback: function () {\n                        window.location.href = $ziggy('shop.checkout');\n                    },\n                    eventTimeout: 2000\n                };\n\n                if (window.dataLayer) {\n                    window.dataLayer.push({\n                        ecommerce: null\n                    });\n\n                    window.dataLayer.push(object);\n                } else {\n                    window.location.href = $ziggy('shop.checkout');\n                }\n\n                setTimeout(() => {\n                    window.location.href = $ziggy('shop.checkout');\n                }, 2000);\n            } catch (error) {\n                console.error(error);\n\n                window.location.href = $ziggy('shop.checkout');\n            }\n        };\n\n        return {\n            loading,\n            items,\n            modal,\n            total,\n            quantity,\n            open,\n            close,\n            clear,\n            pluralize,\n            goto,\n            cross,\n            crossSlider,\n            crossSliderPrev,\n            crossSliderNext,\n            bundles,\n            bundlesSlider,\n            bundlesSliderPrev,\n            bundlesSliderNext,\n            checkout,\n            isLoading,\n        };\n    }\n});\n</script>","<template>\n    <div class=\"cart\" v-bind:class=\"{ 'is-open': modal }\">\n        <div class=\"dropdown is-right is-hoverable\">\n            <div class=\"dropdown-trigger\">\n                <slot :total=\"quantity\" :open=\"open\">\n                    <button class=\"button\" @click=\"open\">\n                        <span>\n                            <i class=\"fas fa-shopping-cart\"></i>\n                            {{ quantity }}\n                        </span>\n                        <span class=\"icon is-small\">\n                            <i class=\"fas fa-angle-down\" aria-hidden=\"true\"></i>\n                        </span>\n                    </button>\n                </slot>\n            </div>\n            <div class=\"dropdown-menu\" role=\"menu\">\n                <div class=\"dropdown-content\" v-if=\"items.length\">\n                    <div class=\"dropdown-item\">\n                        <div class=\"columns\">\n                            <div class=\"column\">{{ __('shop.cart.total') }}</div>\n                            <div class=\"column has-text-right\" v-html=\"$filters.price(total)\"></div>\n                        </div>\n                    </div>\n                    <div class=\"dropdown-divider\"></div>\n                    <div class=\"dropdown-item has-text-centered\">\n                        <a @click=\"checkout\" class=\"button is-link\" v-bind:class=\"{ 'is-disabled': isLoading }\">{{ __('shop.cart.checkout') }}</a>\n                    </div>\n                    <div class=\"dropdown-item has-text-centered\">\n                        <slot name=\"open\" :open=\"open\">\n                            <a @click=\"open\">{{ __('shop.cart.open') }}</a>\n                        </slot>\n                    </div>\n                </div>\n                <div class=\"dropdown-content\" v-else>\n                    <slot name=\"empty\">\n                        <div class=\"dropdown-item\">{{ __('shop.cart.empty') }}</div>\n                    </slot>\n                </div>\n            </div>\n        </div>\n        <div class=\"modal\" v-if=\"isModal\" v-bind:class=\"{ 'is-active': modal }\">\n            <div class=\"modal-background\" @click=\"close\"></div>\n            <div class=\"modal-content\">\n                <button class=\"modal-close is-large\" @click=\"close\">\n                    <svg class=\"icon close\">\n                        <use xlink:href=\"#close\" />\n                    </svg>\n                </button>\n                <div class=\"box\">\n                    <div class=\"cart-title\">\n                        {{ __('shop.cart.title') }}\n                        <span v-if=\"quantity\" v-text=\"pluralize(quantity, __('shop.pluralize.products'))\"></span>\n                    </div>\n                    <slot name=\"clear\" :clear=\"clear\" :quantity=\"quantity\"></slot>\n                    <div class=\"items-wrapper\" v-if=\"items.length\">\n                        <div class=\"items\">\n                            <cart-item v-for=\"item in items\" v-bind:key=\"item.id\" :item=\"item\">\n                                <template v-for=\"(_, name) in $slots\" #[name]=\"slotProps\">\n                                    <slot :name=\"name\" v-bind=\"slotProps || {}\"></slot>\n                                </template>\n                            </cart-item>\n                        </div>\n\n                        <div class=\"columns is-gapless is-vcentered main-actions\">\n                            <div class=\"column\">\n                                <button class=\"button continue\" @click=\"close\">{{ __('shop.cart.continue') }}</button>\n                            </div>\n                            <div class=\"column has-text-right\">\n                                <div class=\"totals\">\n                                    <div class=\"title\">\n                                        {{ __('shop.cart.total') }}\n                                        <span v-html=\"$filters.price(total)\"></span>\n                                    </div>\n                                </div>\n                            </div>\n                            <div class=\"column is-narrow\">\n                                <a @click=\"checkout\" class=\"button is-link checkout\">{{ __('shop.cart.go_checkout') }}</a>\n                            </div>\n                        </div>\n\n                        <div class=\"cross\" v-if=\"cross.length\">\n                            <div class=\"title\">{{ __('shop.cart.cross') }}</div>\n                            <div class=\"swiper\" ref=\"crossSlider\">\n                                <div class=\"swiper-wrapper\">\n                                    <div class=\"swiper-slide\" v-for=\"item in cross\" v-bind:key=\"item.id\">\n                                        <div class=\"columns is-gapless\">\n                                            <div class=\"column is-narrow\">\n                                                <a @click=\"goto(item.href)\">\n                                                    <figure class=\"image is-square\" v-bind:class=\"{ 'no-thumb': !item.image }\">\n                                                        <img :src=\"item.image\" v-if=\"item.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=\"product\" :data-code=\"item.code\" shop-product>\n                                                    <div class=\"name\">\n                                                        <a @click=\"goto(item.href)\" shop-product-name>{{ item.name }}</a>\n                                                    </div>\n                                                    <div class=\"columns is-gapless is-vcentered\">\n                                                        <div class=\"column is-narrow\">\n                                                            <div class=\"prices\">\n                                                                <div class=\"price-old\" v-if=\"item.priceOld\" v-html=\"$filters.price(item.priceOld)\"></div>\n                                                                <div class=\"price\" v-html=\"$filters.price(item.price)\" shop-product-price></div>\n                                                            </div>\n                                                        </div>\n                                                        <div class=\"column\">\n                                                            <cart-add :id=\"item.id\" :is-simple=\"true\">\n                                                                <svg>\n                                                                    <use xlink:href=\"#cart-alternate\" />\n                                                                </svg>\n                                                            </cart-add>\n                                                        </div>\n                                                    </div>\n                                                </div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                                <svg class=\"swiper-nav prev\" ref=\"crossSliderPrev\">\n                                    <use xlink:href=\"#arrow-submenu\" />\n                                </svg>\n                                <svg class=\"swiper-nav next\" ref=\"crossSliderNext\">\n                                    <use xlink:href=\"#arrow-submenu\" />\n                                </svg>\n                            </div>\n                        </div>\n                        <div class=\"bundles\" v-if=\"bundles.length\">\n                            <div class=\"title\">{{ __('shop.cart.bundle') }}</div>\n                            <div class=\"swiper\" ref=\"bundlesSlider\">\n                                <div class=\"swiper-wrapper\">\n                                    <div class=\"swiper-slide\" v-for=\"item in bundles\" v-bind:key=\"item.id\">\n                                        <div class=\"columns is-gapless is-vcentered\" v-bind:class=\"{ 'is-third': item.third }\">\n                                            <div class=\"column is-narrow\">\n                                                <a @click=\"goto(item.href)\">\n                                                    <figure class=\"image is-square\" v-bind:class=\"{ 'no-thumb': !item.image }\">\n                                                        <img :src=\"item.image\" v-if=\"item.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=\"product\">\n                                                    <div class=\"name\">\n                                                        <a @click=\"goto(item.href)\">{{ item.name }}</a>\n                                                    </div>\n                                                    <div class=\"columns is-gapless is-vcentered\">\n                                                        <div class=\"prices\">\n                                                            <div class=\"price\" v-html=\"$filters.price(item.price)\"></div>\n                                                        </div>\n                                                    </div>\n                                                </div>\n                                            </div>\n                                            <div class=\"column is-narrow\">\n                                                <svg class=\"bundle-icon plus\">\n                                                    <use xlink:href=\"#bundle-plus\" />\n                                                </svg>\n                                            </div>\n                                            <div class=\"column is-narrow\">\n                                                <a @click=\"goto(item.second.href)\">\n                                                    <figure class=\"image is-square\" v-bind:class=\"{ 'no-thumb': !item.second.image }\">\n                                                        <img :src=\"item.second.image\" v-if=\"item.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=\"product\">\n                                                    <div class=\"name\">\n                                                        <a @click=\"goto(item.second.href)\">{{ item.second.name }}</a>\n                                                    </div>\n                                                    <div class=\"columns is-gapless is-vcentered\">\n                                                        <div class=\"prices\">\n                                                            <div class=\"price\" v-html=\"$filters.price(item.second.price)\"></div>\n                                                        </div>\n                                                    </div>\n                                                </div>\n                                            </div>\n                                            <div class=\"column is-narrow\" v-if=\"item.third\">\n                                                <svg class=\"bundle-icon plus\">\n                                                    <use xlink:href=\"#bundle-plus\" />\n                                                </svg>\n                                            </div>\n                                            <div class=\"column is-narrow\" v-if=\"item.third\">\n                                                <a @click=\"goto(item.third.href)\">\n                                                    <figure class=\"image is-square\" v-bind:class=\"{ 'no-thumb': !item.third.image }\">\n                                                        <img :src=\"item.third.image\" v-if=\"item.third.image\" />\n                                                        <svg v-else>\n                                                            <use xlink:href=\"#logo\" />\n                                                        </svg>\n                                                    </figure>\n                                                </a>\n                                            </div>\n                                            <div class=\"column\" v-if=\"item.third\">\n                                                <div class=\"product\">\n                                                    <div class=\"name\">\n                                                        <a @click=\"goto(item.third.href)\">{{ item.third.name }}</a>\n                                                    </div>\n                                                    <div class=\"columns is-gapless is-vcentered\">\n                                                        <div class=\"prices\">\n                                                            <div class=\"price\" v-html=\"$filters.price(item.third.price)\"></div>\n                                                        </div>\n                                                    </div>\n                                                </div>\n                                            </div>\n                                        </div>\n                                        <div class=\"columns is-vcentered\">\n                                            <div class=\"column\">\n                                                <span class=\"total-old\" v-html=\"$filters.price(item.bundle.priceOld)\"></span>\n                                                <span class=\"bundle-amount\" v-html=\"__('shop.cart.bundle_amount') + item.bundle.amount\"></span>\n                                            </div>\n                                            <div class=\"column\">\n                                                <div class=\"is-flex is-align-items-center\">\n                                                    <span class=\"total\" v-html=\"$filters.price(item.bundle.price)\"></span>\n                                                    <bundle-add :id=\"item.id\" :second=\"item.second.id\" v-bind:third=\"item.third ? item.third.id : null\"></bundle-add>\n                                                </div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                            <svg class=\"swiper-nav prev\" ref=\"bundlesSliderPrev\">\n                                <use xlink:href=\"#arrow-submenu\" />\n                            </svg>\n                            <svg class=\"swiper-nav next\" ref=\"bundlesSliderNext\">\n                                <use xlink:href=\"#arrow-submenu\" />\n                            </svg>\n                        </div>\n                    </div>\n                    <div v-else class=\"empty\">\n                        <div class=\"title\">{{ __('shop.cart.no_no') }}</div>\n                        <div class=\"message\">\n                            {{ __('shop.cart.no_prop') }}\n                            <a :href=\"$env.locale.url ? $env.locale.url : '/'\">{{ __('shop.cart.no_home') }}</a>, <br />{{ __('shop.cart.no_search') }}\n                        </div>\n                        <button class=\"button continue\" @click=\"close\">{{ __('shop.cart.continue') }}</button>\n                        <div class=\"viewed-wrapper\">\n                            <viewed :slider=\"true\"></viewed>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport { ref, computed, defineComponent } from 'vue';\nimport { useStore } from 'vuex';\nimport { pluralize } from '@perevorot/shop/dist/helpers';\nimport Swiper, { Navigation } from 'swiper';\n\nexport default /*#__PURE__*/ defineComponent({\n    name: 'cart',\n    props: {\n        isModal: {\n            type: Boolean,\n            default: true\n        }\n    },\n    setup() {\n        const store = useStore();\n        const loading = ref(false);\n\n        const items = computed(() => store.getters['cart/items']);\n        const modal = computed(() => store.getters['cart/modal']);\n        const total = computed(() => store.getters['cart/total']);\n        const quantity = computed(() => store.getters['cart/quantity']);\n\n        const open = () => {\n            store.commit('cart/modal', modal.value ? null : 'cart');\n        };\n\n        const close = () => {\n            store.commit('cart/modal', null);\n        };\n\n        const clear = () => {\n            loading.value = true;\n\n            store.dispatch('cart/clear', {\n                finally: () => {\n                    loading.value = false;\n                }\n            });\n        };\n\n        store.dispatch('cart/get', {\n            finally: () => { }\n        });\n\n        document.body.addEventListener('click', (event) => {\n            if (modal.value && !event.target.closest('.cart')) {\n                close();\n            }\n        });\n\n        window.addEventListener('keyup', (e) => {\n            if (modal.value && e.key === 'Escape') {\n                close();\n            }\n        });\n\n        const goto = (href) => {\n            window.addEventListener('beforeunload', () => {\n                store.commit('cart/modal', null);\n            });\n\n            window.addEventListener('pagehide', () => {\n                store.commit('cart/modal', null);\n            });\n\n            window.location.href = href;\n        };\n\n        let crossSwiper;\n        const crossSlider = ref(null);\n        const crossSliderNext = ref(null);\n        const crossSliderPrev = ref(null);\n\n        const cross = computed(() => {\n            const cross = store.getters['cart/cross'];\n\n            if (crossSlider.value) {\n                if (crossSwiper) {\n                    crossSwiper.destroy();\n                }\n\n                if (cross.length) {\n                    crossSwiper = new Swiper(crossSlider.value, {\n                        slidesPerView: 1,\n                        slidesPerGroup: 1,\n                        breakpoints: {\n                            768: {\n                                slidesPerView: 2,\n                                slidesPerGroup: 2\n                            }\n                        },\n                        spaceBetween: 0,\n                        allowTouchMove: true,\n                        modules: [Navigation],\n                        mousewheel: {\n                            forceToAxis: true\n                        },\n                        navigation: {\n                            nextEl: crossSliderNext.value,\n                            prevEl: crossSliderPrev.value\n                        }\n                    });\n                }\n            }\n\n            return cross;\n        });\n\n        let bundlesSwiper;\n        const bundlesSlider = ref(null);\n        const bundlesSliderNext = ref(null);\n        const bundlesSliderPrev = ref(null);\n\n        const bundles = computed(() => {\n            const bundles = store.getters['cart/bundles'];\n\n            if (bundlesSlider.value) {\n                if (bundlesSwiper) {\n                    bundlesSwiper.destroy();\n                }\n\n                if (bundles.length) {\n                    bundlesSwiper = new Swiper(bundlesSlider.value, {\n                        slidesPerView: 1,\n                        spaceBetween: 0,\n                        allowTouchMove: true,\n                        mousewheel: {\n                            forceToAxis: true\n                        },\n                        navigation: {\n                            nextEl: bundlesSliderNext.value,\n                            prevEl: bundlesSliderPrev.value\n                        }\n                    });\n                }\n            }\n\n            return bundles;\n        });\n\n        window.addEventListener('beforeunload', () => {\n            store.commit('cart/modal', null);\n        });\n\n        window.addEventListener('pagehide', () => {\n            store.commit('cart/modal', null);\n        });\n\n        const isLoading = ref(false);\n\n        const checkout = () => {\n            try {\n                isLoading.value = true;\n\n                let products = [];\n\n                items.value.forEach((item) => {\n                    products.push({\n                        name: item.name,\n                        id: item.attributes.code,\n                        price: item.attributes.price,\n                        brand: item.attributes.brand,\n                        category: item.attributes.category,\n                        quantity: item.quantity\n                    });\n                });\n\n                const object = {\n                    ecommerce: {\n                        checkout: {\n                            products: [products]\n                        }\n                    },\n                    event: 'gtm-ee-event',\n                    'gtm-ee-event-category': 'Ecommerce',\n                    'gtm-ee-event-action': 'Checkout',\n                    'gtm-ee-event-non-interaction': 'False',\n                    eventCallback: function () {\n                        window.location.href = $ziggy('shop.checkout');\n                    },\n                    eventTimeout: 2000\n                };\n\n                if (window.dataLayer) {\n                    window.dataLayer.push({\n                        ecommerce: null\n                    });\n\n                    window.dataLayer.push(object);\n                } else {\n                    window.location.href = $ziggy('shop.checkout');\n                }\n\n                setTimeout(() => {\n                    window.location.href = $ziggy('shop.checkout');\n                }, 2000);\n            } catch (error) {\n                console.error(error);\n\n                window.location.href = $ziggy('shop.checkout');\n            }\n        };\n\n        return {\n            loading,\n            items,\n            modal,\n            total,\n            quantity,\n            open,\n            close,\n            clear,\n            pluralize,\n            goto,\n            cross,\n            crossSlider,\n            crossSliderPrev,\n            crossSliderNext,\n            bundles,\n            bundlesSlider,\n            bundlesSliderPrev,\n            bundlesSliderNext,\n            checkout,\n            isLoading,\n        };\n    }\n});\n</script>"],"names":["defineComponent","name","props","isModal","type","Boolean","setup","store","useStore","loading","ref","items","computed","getters","modal","total","quantity","close","commit","dispatch","document","body","addEventListener","event","value","target","closest","window","e","key","crossSwiper","bundlesSwiper","crossSlider","crossSliderNext","crossSliderPrev","cross","destroy","length","Swiper","slidesPerView","slidesPerGroup","breakpoints","spaceBetween","allowTouchMove","modules","Navigation","mousewheel","forceToAxis","navigation","nextEl","prevEl","bundlesSlider","bundlesSliderNext","bundlesSliderPrev","bundles","isLoading","open","clear","pluralize","href","location","checkout","products","forEach","item","push","id","attributes","code","price","brand","category","object","ecommerce","eventCallback","$ziggy","eventTimeout","dataLayer","setTimeout","error","console","_createElementVNode","role","_createElementBlock","_ctx","_hoisted_1","_hoisted_2","_renderSlot","onClick","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","innerHTML","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_19","_hoisted_20","_toDisplayString","_hoisted_22","_hoisted_23","_createBlock","_","slotProps","_hoisted_24","_hoisted_25","_hoisted_26","_hoisted_27","_hoisted_28","_hoisted_30","_hoisted_31","_hoisted_32","_hoisted_33","_hoisted_34","_hoisted_35","_hoisted_36","image","src","_hoisted_42","_hoisted_44","_hoisted_46","_hoisted_47","_hoisted_48","priceOld","_hoisted_51","_createVNode","_hoisted_52","_hoisted_53","_hoisted_56","_hoisted_59","_hoisted_60","_hoisted_61","_hoisted_62","third","_hoisted_63","_hoisted_69","_hoisted_70","_hoisted_71","_hoisted_73","_hoisted_74","_hoisted_76","_hoisted_77","second","_hoisted_83","_hoisted_84","_hoisted_85","_hoisted_87","_hoisted_88","_hoisted_90","_hoisted_93","_hoisted_99","_hoisted_100","_hoisted_101","_hoisted_103","_hoisted_104","_hoisted_106","_hoisted_107","bundle","amount","_hoisted_110","_hoisted_111","_hoisted_113","_hoisted_116","_hoisted_119","_hoisted_120","_hoisted_121","locale","url","_hoisted_124","_hoisted_125","slider"],"mappings":"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"}
+{"version":3,"file":"Cart.js","sources":["../../../../src/components/shop/cart/Cart.vue","../../../../src/components/shop/cart/Cart.vue?vue&type=template&id=a361b206&lang.js"],"sourcesContent":["<template>\n    <div class=\"cart\" v-bind:class=\"{ 'is-open': modal }\">\n        <div class=\"dropdown is-right is-hoverable\">\n            <div class=\"dropdown-trigger\">\n                <slot :total=\"quantity\" :open=\"open\">\n                    <button class=\"button\" @click=\"open\">\n                        <span>\n                            <i class=\"fas fa-shopping-cart\"></i>\n                            {{ quantity }}\n                        </span>\n                        <span class=\"icon is-small\">\n                            <i class=\"fas fa-angle-down\" aria-hidden=\"true\"></i>\n                        </span>\n                    </button>\n                </slot>\n            </div>\n            <div class=\"dropdown-menu\" role=\"menu\">\n                <div class=\"dropdown-content\" v-if=\"items.length\">\n                    <div class=\"dropdown-item\">\n                        <div class=\"columns\">\n                            <div class=\"column\">{{ __('shop.cart.total') }}</div>\n                            <div class=\"column has-text-right\" v-html=\"$filters.price(total)\"></div>\n                        </div>\n                    </div>\n                    <div class=\"dropdown-divider\"></div>\n                    <div class=\"dropdown-item has-text-centered\">\n                        <a @click=\"checkout\" class=\"button is-link\" v-bind:class=\"{ 'is-disabled': isLoading }\">{{ __('shop.cart.checkout') }}</a>\n                    </div>\n                    <div class=\"dropdown-item has-text-centered\">\n                        <slot name=\"open\" :open=\"open\">\n                            <a @click=\"open\">{{ __('shop.cart.open') }}</a>\n                        </slot>\n                    </div>\n                </div>\n                <div class=\"dropdown-content\" v-else>\n                    <slot name=\"empty\">\n                        <div class=\"dropdown-item\">{{ __('shop.cart.empty') }}</div>\n                    </slot>\n                </div>\n            </div>\n        </div>\n        <div class=\"modal\" v-if=\"isModal\" v-bind:class=\"{ 'is-active': modal }\">\n            <div class=\"modal-background\" @click=\"close\"></div>\n            <div class=\"modal-content\">\n                <button class=\"modal-close is-large\" @click=\"close\">\n                    <svg class=\"icon close\">\n                        <use xlink:href=\"#close\" />\n                    </svg>\n                </button>\n                <div class=\"box\">\n                    <div class=\"cart-title\">\n                        {{ __('shop.cart.title') }}\n                        <span v-if=\"quantity\" v-text=\"pluralize(quantity, __('shop.pluralize.products'))\"></span>\n                    </div>\n                    <slot name=\"clear\" :clear=\"clear\" :quantity=\"quantity\"></slot>\n                    <div class=\"items-wrapper\" v-if=\"items.length\">\n                        <div class=\"items\">\n                            <cart-item v-for=\"item in items\" v-bind:key=\"item.id\" :item=\"item\">\n                                <template v-for=\"(_, name) in $slots\" #[name]=\"slotProps\">\n                                    <slot :name=\"name\" v-bind=\"slotProps || {}\"></slot>\n                                </template>\n                            </cart-item>\n                        </div>\n\n                        <div class=\"columns is-gapless is-vcentered main-actions\">\n                            <div class=\"column\">\n                                <button class=\"button continue\" @click=\"close\">{{ __('shop.cart.continue') }}</button>\n                            </div>\n                            <div class=\"column has-text-right\">\n                                <div class=\"totals\">\n                                    <div class=\"title\">\n                                        {{ __('shop.cart.total') }}\n                                        <span v-html=\"$filters.price(total)\"></span>\n                                    </div>\n                                </div>\n                            </div>\n                            <div class=\"column is-narrow\">\n                                <a @click=\"checkout\" class=\"button is-link checkout\">{{ __('shop.cart.go_checkout') }}</a>\n                            </div>\n                        </div>\n\n                        <div class=\"cross\" v-if=\"cross.length\">\n                            <div class=\"title\">{{ __('shop.cart.cross') }}</div>\n                            <div class=\"swiper\" ref=\"crossSlider\">\n                                <div class=\"swiper-wrapper\">\n                                    <div class=\"swiper-slide\" v-for=\"item in cross\" v-bind:key=\"item.id\">\n                                        <div class=\"columns is-gapless\">\n                                            <div class=\"column is-narrow\">\n                                                <a @click=\"goto(item.href)\">\n                                                    <figure class=\"image is-square\" v-bind:class=\"{ 'no-thumb': !item.image }\">\n                                                        <img :src=\"item.image\" v-if=\"item.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=\"product\" :data-code=\"item.code\" shop-product>\n                                                    <div class=\"name\">\n                                                        <a @click=\"goto(item.href)\" shop-product-name>{{ item.name }}</a>\n                                                    </div>\n                                                    <div class=\"columns is-gapless is-vcentered\">\n                                                        <div class=\"column is-narrow\">\n                                                            <div class=\"prices\">\n                                                                <div class=\"price-old\" v-if=\"item.priceOld\" v-html=\"$filters.price(item.priceOld)\"></div>\n                                                                <div class=\"price\" v-html=\"$filters.price(item.price)\" shop-product-price></div>\n                                                            </div>\n                                                        </div>\n                                                        <div class=\"column\">\n                                                            <cart-add :id=\"item.id\" :is-simple=\"true\">\n                                                                <svg>\n                                                                    <use xlink:href=\"#cart-alternate\" />\n                                                                </svg>\n                                                            </cart-add>\n                                                        </div>\n                                                    </div>\n                                                </div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                                <svg class=\"swiper-nav prev\" ref=\"crossSliderPrev\">\n                                    <use xlink:href=\"#arrow-submenu\" />\n                                </svg>\n                                <svg class=\"swiper-nav next\" ref=\"crossSliderNext\">\n                                    <use xlink:href=\"#arrow-submenu\" />\n                                </svg>\n                            </div>\n                        </div>\n                        <div class=\"bundles\" v-if=\"bundles.length\">\n                            <div class=\"title\">{{ __('shop.cart.bundle') }}</div>\n                            <div class=\"swiper\" ref=\"bundlesSlider\">\n                                <div class=\"swiper-wrapper\">\n                                    <div class=\"swiper-slide\" v-for=\"item in bundles\" v-bind:key=\"item.id\">\n                                        <div class=\"columns is-gapless is-vcentered\" v-bind:class=\"{ 'is-third': item.third }\">\n                                            <div class=\"column is-narrow\">\n                                                <a @click=\"goto(item.href)\">\n                                                    <figure class=\"image is-square\" v-bind:class=\"{ 'no-thumb': !item.image }\">\n                                                        <img :src=\"item.image\" v-if=\"item.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=\"product\">\n                                                    <div class=\"name\">\n                                                        <a @click=\"goto(item.href)\">{{ item.name }}</a>\n                                                    </div>\n                                                    <div class=\"columns is-gapless is-vcentered\">\n                                                        <div class=\"prices\">\n                                                            <div class=\"price\" v-html=\"$filters.price(item.price)\"></div>\n                                                        </div>\n                                                    </div>\n                                                </div>\n                                            </div>\n                                            <div class=\"column is-narrow\">\n                                                <svg class=\"bundle-icon plus\">\n                                                    <use xlink:href=\"#bundle-plus\" />\n                                                </svg>\n                                            </div>\n                                            <div class=\"column is-narrow\">\n                                                <a @click=\"goto(item.second.href)\">\n                                                    <figure class=\"image is-square\" v-bind:class=\"{ 'no-thumb': !item.second.image }\">\n                                                        <img :src=\"item.second.image\" v-if=\"item.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=\"product\">\n                                                    <div class=\"name\">\n                                                        <a @click=\"goto(item.second.href)\">{{ item.second.name }}</a>\n                                                    </div>\n                                                    <div class=\"columns is-gapless is-vcentered\">\n                                                        <div class=\"prices\">\n                                                            <div class=\"price\" v-html=\"$filters.price(item.second.price)\"></div>\n                                                        </div>\n                                                    </div>\n                                                </div>\n                                            </div>\n                                            <div class=\"column is-narrow\" v-if=\"item.third\">\n                                                <svg class=\"bundle-icon plus\">\n                                                    <use xlink:href=\"#bundle-plus\" />\n                                                </svg>\n                                            </div>\n                                            <div class=\"column is-narrow\" v-if=\"item.third\">\n                                                <a @click=\"goto(item.third.href)\">\n                                                    <figure class=\"image is-square\" v-bind:class=\"{ 'no-thumb': !item.third.image }\">\n                                                        <img :src=\"item.third.image\" v-if=\"item.third.image\" />\n                                                        <svg v-else>\n                                                            <use xlink:href=\"#logo\" />\n                                                        </svg>\n                                                    </figure>\n                                                </a>\n                                            </div>\n                                            <div class=\"column\" v-if=\"item.third\">\n                                                <div class=\"product\">\n                                                    <div class=\"name\">\n                                                        <a @click=\"goto(item.third.href)\">{{ item.third.name }}</a>\n                                                    </div>\n                                                    <div class=\"columns is-gapless is-vcentered\">\n                                                        <div class=\"prices\">\n                                                            <div class=\"price\" v-html=\"$filters.price(item.third.price)\"></div>\n                                                        </div>\n                                                    </div>\n                                                </div>\n                                            </div>\n                                        </div>\n                                        <div class=\"columns is-vcentered\">\n                                            <div class=\"column\">\n                                                <span class=\"total-old\" v-html=\"$filters.price(item.bundle.priceOld)\"></span>\n                                                <span class=\"bundle-amount\" v-html=\"__('shop.cart.bundle_amount') + item.bundle.amount\"></span>\n                                            </div>\n                                            <div class=\"column\">\n                                                <div class=\"is-flex is-align-items-center\">\n                                                    <span class=\"total\" v-html=\"$filters.price(item.bundle.price)\"></span>\n                                                    <bundle-add :id=\"item.id\" :second=\"item.second.id\" v-bind:third=\"item.third ? item.third.id : null\"></bundle-add>\n                                                </div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                            <svg class=\"swiper-nav prev\" ref=\"bundlesSliderPrev\">\n                                <use xlink:href=\"#arrow-submenu\" />\n                            </svg>\n                            <svg class=\"swiper-nav next\" ref=\"bundlesSliderNext\">\n                                <use xlink:href=\"#arrow-submenu\" />\n                            </svg>\n                        </div>\n                    </div>\n                    <div v-else class=\"empty\">\n                        <div class=\"title\">{{ __('shop.cart.no_no') }}</div>\n                        <div class=\"message\">\n                            {{ __('shop.cart.no_prop') }}\n                            <a :href=\"$env.locale.url ? $env.locale.url : '/'\">{{ __('shop.cart.no_home') }}</a>, <br />{{ __('shop.cart.no_search') }}\n                        </div>\n                        <button class=\"button continue\" @click=\"close\">{{ __('shop.cart.continue') }}</button>\n                        <div class=\"viewed-wrapper\">\n                            <viewed :slider=\"true\"></viewed>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport { ref, computed, defineComponent } from 'vue';\nimport { useStore } from 'vuex';\nimport { pluralize } from '@perevorot/shop/dist/helpers';\nimport Swiper, { Navigation } from 'swiper';\n\nexport default /*#__PURE__*/ defineComponent({\n    name: 'cart',\n    props: {\n        isModal: {\n            type: Boolean,\n            default: true\n        }\n    },\n    setup() {\n        const store = useStore();\n        const loading = ref(false);\n\n        const items = computed(() => store.getters['cart/items']);\n        const modal = computed(() => store.getters['cart/modal']);\n        const total = computed(() => store.getters['cart/total']);\n        const quantity = computed(() => store.getters['cart/quantity']);\n\n        const open = () => {\n            store.commit('cart/modal', modal.value ? null : 'cart');\n        };\n\n        const close = () => {\n            store.commit('cart/modal', null);\n        };\n\n        const clear = () => {\n            loading.value = true;\n\n            store.dispatch('cart/clear', {\n                finally: () => {\n                    loading.value = false;\n                }\n            });\n        };\n\n        store.dispatch('cart/get', {\n            finally: () => { }\n        });\n\n        document.body.addEventListener('click', (event) => {\n            if (modal.value && !event.target.closest('.cart')) {\n                close();\n            }\n        });\n\n        window.addEventListener('keyup', (e) => {\n            if (modal.value && e.key === 'Escape') {\n                close();\n            }\n        });\n\n        const goto = (href) => {\n            window.addEventListener('beforeunload', () => {\n                store.commit('cart/modal', null);\n            });\n\n            window.addEventListener('pagehide', () => {\n                store.commit('cart/modal', null);\n            });\n\n            window.location.href = href;\n        };\n\n        let crossSwiper;\n        const crossSlider = ref(null);\n        const crossSliderNext = ref(null);\n        const crossSliderPrev = ref(null);\n\n        const cross = computed(() => {\n            const cross = store.getters['cart/cross'];\n\n            if (crossSlider.value) {\n                if (crossSwiper) {\n                    crossSwiper.destroy();\n                }\n\n                if (cross.length) {\n                    crossSwiper = new Swiper(crossSlider.value, {\n                        slidesPerView: 1,\n                        slidesPerGroup: 1,\n                        breakpoints: {\n                            768: {\n                                slidesPerView: 2,\n                                slidesPerGroup: 2\n                            }\n                        },\n                        spaceBetween: 0,\n                        allowTouchMove: true,\n                        modules: [Navigation],\n                        mousewheel: {\n                            forceToAxis: true\n                        },\n                        navigation: {\n                            nextEl: crossSliderNext.value,\n                            prevEl: crossSliderPrev.value\n                        }\n                    });\n                }\n            }\n\n            return cross;\n        });\n\n        let bundlesSwiper;\n        const bundlesSlider = ref(null);\n        const bundlesSliderNext = ref(null);\n        const bundlesSliderPrev = ref(null);\n\n        const bundles = computed(() => {\n            const bundles = store.getters['cart/bundles'];\n\n            if (bundlesSlider.value) {\n                if (bundlesSwiper) {\n                    bundlesSwiper.destroy();\n                }\n\n                if (bundles.length) {\n                    bundlesSwiper = new Swiper(bundlesSlider.value, {\n                        slidesPerView: 1,\n                        spaceBetween: 0,\n                        allowTouchMove: true,\n                        mousewheel: {\n                            forceToAxis: true\n                        },\n                        navigation: {\n                            nextEl: bundlesSliderNext.value,\n                            prevEl: bundlesSliderPrev.value\n                        }\n                    });\n                }\n            }\n\n            return bundles;\n        });\n\n        window.addEventListener('beforeunload', () => {\n            store.commit('cart/modal', null);\n        });\n\n        window.addEventListener('pagehide', () => {\n            store.commit('cart/modal', null);\n        });\n\n        const isLoading = ref(false);\n\n        const checkout = () => {\n            isLoading.value = true;\n            window.location.href = $ziggy('shop.checkout');\n        };\n\n        return {\n            loading,\n            items,\n            modal,\n            total,\n            quantity,\n            open,\n            close,\n            clear,\n            pluralize,\n            goto,\n            cross,\n            crossSlider,\n            crossSliderPrev,\n            crossSliderNext,\n            bundles,\n            bundlesSlider,\n            bundlesSliderPrev,\n            bundlesSliderNext,\n            checkout,\n            isLoading,\n        };\n    }\n});\n</script>","<template>\n    <div class=\"cart\" v-bind:class=\"{ 'is-open': modal }\">\n        <div class=\"dropdown is-right is-hoverable\">\n            <div class=\"dropdown-trigger\">\n                <slot :total=\"quantity\" :open=\"open\">\n                    <button class=\"button\" @click=\"open\">\n                        <span>\n                            <i class=\"fas fa-shopping-cart\"></i>\n                            {{ quantity }}\n                        </span>\n                        <span class=\"icon is-small\">\n                            <i class=\"fas fa-angle-down\" aria-hidden=\"true\"></i>\n                        </span>\n                    </button>\n                </slot>\n            </div>\n            <div class=\"dropdown-menu\" role=\"menu\">\n                <div class=\"dropdown-content\" v-if=\"items.length\">\n                    <div class=\"dropdown-item\">\n                        <div class=\"columns\">\n                            <div class=\"column\">{{ __('shop.cart.total') }}</div>\n                            <div class=\"column has-text-right\" v-html=\"$filters.price(total)\"></div>\n                        </div>\n                    </div>\n                    <div class=\"dropdown-divider\"></div>\n                    <div class=\"dropdown-item has-text-centered\">\n                        <a @click=\"checkout\" class=\"button is-link\" v-bind:class=\"{ 'is-disabled': isLoading }\">{{ __('shop.cart.checkout') }}</a>\n                    </div>\n                    <div class=\"dropdown-item has-text-centered\">\n                        <slot name=\"open\" :open=\"open\">\n                            <a @click=\"open\">{{ __('shop.cart.open') }}</a>\n                        </slot>\n                    </div>\n                </div>\n                <div class=\"dropdown-content\" v-else>\n                    <slot name=\"empty\">\n                        <div class=\"dropdown-item\">{{ __('shop.cart.empty') }}</div>\n                    </slot>\n                </div>\n            </div>\n        </div>\n        <div class=\"modal\" v-if=\"isModal\" v-bind:class=\"{ 'is-active': modal }\">\n            <div class=\"modal-background\" @click=\"close\"></div>\n            <div class=\"modal-content\">\n                <button class=\"modal-close is-large\" @click=\"close\">\n                    <svg class=\"icon close\">\n                        <use xlink:href=\"#close\" />\n                    </svg>\n                </button>\n                <div class=\"box\">\n                    <div class=\"cart-title\">\n                        {{ __('shop.cart.title') }}\n                        <span v-if=\"quantity\" v-text=\"pluralize(quantity, __('shop.pluralize.products'))\"></span>\n                    </div>\n                    <slot name=\"clear\" :clear=\"clear\" :quantity=\"quantity\"></slot>\n                    <div class=\"items-wrapper\" v-if=\"items.length\">\n                        <div class=\"items\">\n                            <cart-item v-for=\"item in items\" v-bind:key=\"item.id\" :item=\"item\">\n                                <template v-for=\"(_, name) in $slots\" #[name]=\"slotProps\">\n                                    <slot :name=\"name\" v-bind=\"slotProps || {}\"></slot>\n                                </template>\n                            </cart-item>\n                        </div>\n\n                        <div class=\"columns is-gapless is-vcentered main-actions\">\n                            <div class=\"column\">\n                                <button class=\"button continue\" @click=\"close\">{{ __('shop.cart.continue') }}</button>\n                            </div>\n                            <div class=\"column has-text-right\">\n                                <div class=\"totals\">\n                                    <div class=\"title\">\n                                        {{ __('shop.cart.total') }}\n                                        <span v-html=\"$filters.price(total)\"></span>\n                                    </div>\n                                </div>\n                            </div>\n                            <div class=\"column is-narrow\">\n                                <a @click=\"checkout\" class=\"button is-link checkout\">{{ __('shop.cart.go_checkout') }}</a>\n                            </div>\n                        </div>\n\n                        <div class=\"cross\" v-if=\"cross.length\">\n                            <div class=\"title\">{{ __('shop.cart.cross') }}</div>\n                            <div class=\"swiper\" ref=\"crossSlider\">\n                                <div class=\"swiper-wrapper\">\n                                    <div class=\"swiper-slide\" v-for=\"item in cross\" v-bind:key=\"item.id\">\n                                        <div class=\"columns is-gapless\">\n                                            <div class=\"column is-narrow\">\n                                                <a @click=\"goto(item.href)\">\n                                                    <figure class=\"image is-square\" v-bind:class=\"{ 'no-thumb': !item.image }\">\n                                                        <img :src=\"item.image\" v-if=\"item.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=\"product\" :data-code=\"item.code\" shop-product>\n                                                    <div class=\"name\">\n                                                        <a @click=\"goto(item.href)\" shop-product-name>{{ item.name }}</a>\n                                                    </div>\n                                                    <div class=\"columns is-gapless is-vcentered\">\n                                                        <div class=\"column is-narrow\">\n                                                            <div class=\"prices\">\n                                                                <div class=\"price-old\" v-if=\"item.priceOld\" v-html=\"$filters.price(item.priceOld)\"></div>\n                                                                <div class=\"price\" v-html=\"$filters.price(item.price)\" shop-product-price></div>\n                                                            </div>\n                                                        </div>\n                                                        <div class=\"column\">\n                                                            <cart-add :id=\"item.id\" :is-simple=\"true\">\n                                                                <svg>\n                                                                    <use xlink:href=\"#cart-alternate\" />\n                                                                </svg>\n                                                            </cart-add>\n                                                        </div>\n                                                    </div>\n                                                </div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                                <svg class=\"swiper-nav prev\" ref=\"crossSliderPrev\">\n                                    <use xlink:href=\"#arrow-submenu\" />\n                                </svg>\n                                <svg class=\"swiper-nav next\" ref=\"crossSliderNext\">\n                                    <use xlink:href=\"#arrow-submenu\" />\n                                </svg>\n                            </div>\n                        </div>\n                        <div class=\"bundles\" v-if=\"bundles.length\">\n                            <div class=\"title\">{{ __('shop.cart.bundle') }}</div>\n                            <div class=\"swiper\" ref=\"bundlesSlider\">\n                                <div class=\"swiper-wrapper\">\n                                    <div class=\"swiper-slide\" v-for=\"item in bundles\" v-bind:key=\"item.id\">\n                                        <div class=\"columns is-gapless is-vcentered\" v-bind:class=\"{ 'is-third': item.third }\">\n                                            <div class=\"column is-narrow\">\n                                                <a @click=\"goto(item.href)\">\n                                                    <figure class=\"image is-square\" v-bind:class=\"{ 'no-thumb': !item.image }\">\n                                                        <img :src=\"item.image\" v-if=\"item.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=\"product\">\n                                                    <div class=\"name\">\n                                                        <a @click=\"goto(item.href)\">{{ item.name }}</a>\n                                                    </div>\n                                                    <div class=\"columns is-gapless is-vcentered\">\n                                                        <div class=\"prices\">\n                                                            <div class=\"price\" v-html=\"$filters.price(item.price)\"></div>\n                                                        </div>\n                                                    </div>\n                                                </div>\n                                            </div>\n                                            <div class=\"column is-narrow\">\n                                                <svg class=\"bundle-icon plus\">\n                                                    <use xlink:href=\"#bundle-plus\" />\n                                                </svg>\n                                            </div>\n                                            <div class=\"column is-narrow\">\n                                                <a @click=\"goto(item.second.href)\">\n                                                    <figure class=\"image is-square\" v-bind:class=\"{ 'no-thumb': !item.second.image }\">\n                                                        <img :src=\"item.second.image\" v-if=\"item.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=\"product\">\n                                                    <div class=\"name\">\n                                                        <a @click=\"goto(item.second.href)\">{{ item.second.name }}</a>\n                                                    </div>\n                                                    <div class=\"columns is-gapless is-vcentered\">\n                                                        <div class=\"prices\">\n                                                            <div class=\"price\" v-html=\"$filters.price(item.second.price)\"></div>\n                                                        </div>\n                                                    </div>\n                                                </div>\n                                            </div>\n                                            <div class=\"column is-narrow\" v-if=\"item.third\">\n                                                <svg class=\"bundle-icon plus\">\n                                                    <use xlink:href=\"#bundle-plus\" />\n                                                </svg>\n                                            </div>\n                                            <div class=\"column is-narrow\" v-if=\"item.third\">\n                                                <a @click=\"goto(item.third.href)\">\n                                                    <figure class=\"image is-square\" v-bind:class=\"{ 'no-thumb': !item.third.image }\">\n                                                        <img :src=\"item.third.image\" v-if=\"item.third.image\" />\n                                                        <svg v-else>\n                                                            <use xlink:href=\"#logo\" />\n                                                        </svg>\n                                                    </figure>\n                                                </a>\n                                            </div>\n                                            <div class=\"column\" v-if=\"item.third\">\n                                                <div class=\"product\">\n                                                    <div class=\"name\">\n                                                        <a @click=\"goto(item.third.href)\">{{ item.third.name }}</a>\n                                                    </div>\n                                                    <div class=\"columns is-gapless is-vcentered\">\n                                                        <div class=\"prices\">\n                                                            <div class=\"price\" v-html=\"$filters.price(item.third.price)\"></div>\n                                                        </div>\n                                                    </div>\n                                                </div>\n                                            </div>\n                                        </div>\n                                        <div class=\"columns is-vcentered\">\n                                            <div class=\"column\">\n                                                <span class=\"total-old\" v-html=\"$filters.price(item.bundle.priceOld)\"></span>\n                                                <span class=\"bundle-amount\" v-html=\"__('shop.cart.bundle_amount') + item.bundle.amount\"></span>\n                                            </div>\n                                            <div class=\"column\">\n                                                <div class=\"is-flex is-align-items-center\">\n                                                    <span class=\"total\" v-html=\"$filters.price(item.bundle.price)\"></span>\n                                                    <bundle-add :id=\"item.id\" :second=\"item.second.id\" v-bind:third=\"item.third ? item.third.id : null\"></bundle-add>\n                                                </div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                            <svg class=\"swiper-nav prev\" ref=\"bundlesSliderPrev\">\n                                <use xlink:href=\"#arrow-submenu\" />\n                            </svg>\n                            <svg class=\"swiper-nav next\" ref=\"bundlesSliderNext\">\n                                <use xlink:href=\"#arrow-submenu\" />\n                            </svg>\n                        </div>\n                    </div>\n                    <div v-else class=\"empty\">\n                        <div class=\"title\">{{ __('shop.cart.no_no') }}</div>\n                        <div class=\"message\">\n                            {{ __('shop.cart.no_prop') }}\n                            <a :href=\"$env.locale.url ? $env.locale.url : '/'\">{{ __('shop.cart.no_home') }}</a>, <br />{{ __('shop.cart.no_search') }}\n                        </div>\n                        <button class=\"button continue\" @click=\"close\">{{ __('shop.cart.continue') }}</button>\n                        <div class=\"viewed-wrapper\">\n                            <viewed :slider=\"true\"></viewed>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport { ref, computed, defineComponent } from 'vue';\nimport { useStore } from 'vuex';\nimport { pluralize } from '@perevorot/shop/dist/helpers';\nimport Swiper, { Navigation } from 'swiper';\n\nexport default /*#__PURE__*/ defineComponent({\n    name: 'cart',\n    props: {\n        isModal: {\n            type: Boolean,\n            default: true\n        }\n    },\n    setup() {\n        const store = useStore();\n        const loading = ref(false);\n\n        const items = computed(() => store.getters['cart/items']);\n        const modal = computed(() => store.getters['cart/modal']);\n        const total = computed(() => store.getters['cart/total']);\n        const quantity = computed(() => store.getters['cart/quantity']);\n\n        const open = () => {\n            store.commit('cart/modal', modal.value ? null : 'cart');\n        };\n\n        const close = () => {\n            store.commit('cart/modal', null);\n        };\n\n        const clear = () => {\n            loading.value = true;\n\n            store.dispatch('cart/clear', {\n                finally: () => {\n                    loading.value = false;\n                }\n            });\n        };\n\n        store.dispatch('cart/get', {\n            finally: () => { }\n        });\n\n        document.body.addEventListener('click', (event) => {\n            if (modal.value && !event.target.closest('.cart')) {\n                close();\n            }\n        });\n\n        window.addEventListener('keyup', (e) => {\n            if (modal.value && e.key === 'Escape') {\n                close();\n            }\n        });\n\n        const goto = (href) => {\n            window.addEventListener('beforeunload', () => {\n                store.commit('cart/modal', null);\n            });\n\n            window.addEventListener('pagehide', () => {\n                store.commit('cart/modal', null);\n            });\n\n            window.location.href = href;\n        };\n\n        let crossSwiper;\n        const crossSlider = ref(null);\n        const crossSliderNext = ref(null);\n        const crossSliderPrev = ref(null);\n\n        const cross = computed(() => {\n            const cross = store.getters['cart/cross'];\n\n            if (crossSlider.value) {\n                if (crossSwiper) {\n                    crossSwiper.destroy();\n                }\n\n                if (cross.length) {\n                    crossSwiper = new Swiper(crossSlider.value, {\n                        slidesPerView: 1,\n                        slidesPerGroup: 1,\n                        breakpoints: {\n                            768: {\n                                slidesPerView: 2,\n                                slidesPerGroup: 2\n                            }\n                        },\n                        spaceBetween: 0,\n                        allowTouchMove: true,\n                        modules: [Navigation],\n                        mousewheel: {\n                            forceToAxis: true\n                        },\n                        navigation: {\n                            nextEl: crossSliderNext.value,\n                            prevEl: crossSliderPrev.value\n                        }\n                    });\n                }\n            }\n\n            return cross;\n        });\n\n        let bundlesSwiper;\n        const bundlesSlider = ref(null);\n        const bundlesSliderNext = ref(null);\n        const bundlesSliderPrev = ref(null);\n\n        const bundles = computed(() => {\n            const bundles = store.getters['cart/bundles'];\n\n            if (bundlesSlider.value) {\n                if (bundlesSwiper) {\n                    bundlesSwiper.destroy();\n                }\n\n                if (bundles.length) {\n                    bundlesSwiper = new Swiper(bundlesSlider.value, {\n                        slidesPerView: 1,\n                        spaceBetween: 0,\n                        allowTouchMove: true,\n                        mousewheel: {\n                            forceToAxis: true\n                        },\n                        navigation: {\n                            nextEl: bundlesSliderNext.value,\n                            prevEl: bundlesSliderPrev.value\n                        }\n                    });\n                }\n            }\n\n            return bundles;\n        });\n\n        window.addEventListener('beforeunload', () => {\n            store.commit('cart/modal', null);\n        });\n\n        window.addEventListener('pagehide', () => {\n            store.commit('cart/modal', null);\n        });\n\n        const isLoading = ref(false);\n\n        const checkout = () => {\n            isLoading.value = true;\n            window.location.href = $ziggy('shop.checkout');\n        };\n\n        return {\n            loading,\n            items,\n            modal,\n            total,\n            quantity,\n            open,\n            close,\n            clear,\n            pluralize,\n            goto,\n            cross,\n            crossSlider,\n            crossSliderPrev,\n            crossSliderNext,\n            bundles,\n            bundlesSlider,\n            bundlesSliderPrev,\n            bundlesSliderNext,\n            checkout,\n            isLoading,\n        };\n    }\n});\n</script>"],"names":["defineComponent","name","props","isModal","type","Boolean","setup","store","useStore","loading","ref","items","computed","getters","modal","total","quantity","close","commit","dispatch","document","body","addEventListener","event","value","target","closest","window","e","key","crossSwiper","bundlesSwiper","crossSlider","crossSliderNext","crossSliderPrev","cross","destroy","length","Swiper","slidesPerView","slidesPerGroup","breakpoints","spaceBetween","allowTouchMove","modules","Navigation","mousewheel","forceToAxis","navigation","nextEl","prevEl","bundlesSlider","bundlesSliderNext","bundlesSliderPrev","bundles","isLoading","open","clear","pluralize","href","location","checkout","$ziggy","_createElementVNode","role","_createElementBlock","_ctx","_hoisted_1","_hoisted_2","_renderSlot","onClick","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","innerHTML","price","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_19","_hoisted_20","_toDisplayString","_hoisted_22","_hoisted_23","item","_createBlock","id","_","slotProps","_hoisted_24","_hoisted_25","_hoisted_26","_hoisted_27","_hoisted_28","_hoisted_30","_hoisted_31","_hoisted_32","_hoisted_33","_hoisted_34","_hoisted_35","_hoisted_36","image","src","_hoisted_42","code","_hoisted_44","_hoisted_46","_hoisted_47","_hoisted_48","priceOld","_hoisted_51","_createVNode","_hoisted_52","_hoisted_53","_hoisted_56","_hoisted_59","_hoisted_60","_hoisted_61","_hoisted_62","third","_hoisted_63","_hoisted_69","_hoisted_70","_hoisted_71","_hoisted_73","_hoisted_74","_hoisted_76","_hoisted_77","second","_hoisted_83","_hoisted_84","_hoisted_85","_hoisted_87","_hoisted_88","_hoisted_90","_hoisted_93","_hoisted_99","_hoisted_100","_hoisted_101","_hoisted_103","_hoisted_104","_hoisted_106","_hoisted_107","bundle","amount","_hoisted_110","_hoisted_111","_hoisted_113","_hoisted_116","_hoisted_119","_hoisted_120","_hoisted_121","locale","url","_hoisted_124","_hoisted_125","slider"],"mappings":"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"}

package/dist/components/shop/cart/CartAdd.js

@@ -1,2 +1,2 @@
-"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,l,i){return e.openBlock(),e.createElementBlock("div",o,e.toDisplayString(r.translate("shop.cart.message")),1)};var r=a.useToast(),l={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"}},setup:function(a){var o=t.useStore(),l=e.ref(!1),i=e.ref(1),c=e.ref(null),s=e.computed((function(){return o.getters["cart/productQuantity"](a.id)})),d=a.isAlreadyInCart,u=a.isChangeQuantity,p=a.isPlusMinus;a.isSimple&&(d=!1,u=!1,p=!1);return{button:c,loading:l,quantity:i,add:function(){l.value=!0;var e=[];c.value.closest(".product-main")&&document.querySelectorAll("#options input[type=checkbox]:checked").forEach((function(t){e.push(parseInt(t.value))}));var t=Math.max(1,i.value),s=c.value.closest("[shop-product]"),d=s.querySelector("[shop-product-name]").textContent,u=s.querySelector("[shop-product-price]").childNodes[0].nodeValue.replace(/ /g,""),p=s.dataset.code;o.dispatch("cart/add",{product:{id:a.id,quantity:t,options:e},finally:function(){(l.value=!1,i.value=1,"message"==a.after)&&r({component:n},{type:"success-cart"});var e={ecommerce:{currencyCode:"UAH",add:{products:[{name:d,id:p,price:u,quantity:t}]}},event:"gtm-ee-event","gtm-ee-event-category":"Ecommerce","gtm-ee-event-action":"Add to Cart","gtm-ee-event-non-interaction":"False",eventTimeout:2e3};window.dataLayer&&(window.dataLayer.push({ecommerce:null}),window.dataLayer.push(e))}})},remove:function(){l.value=!0,o.dispatch("cart/remove",{id:a.id,finally:function(){l.value=!1}})},cart:s,increase:function(){i.value++},decrease:function(){i.value>1&&i.value--},isAlreadyInCart:d,isChangeQuantity:u,isPlusMinus:p}}},i={class:"cart-add",ref:"button"},c={class:"columns"},s={key:0,class:"column"},d={class:"cart-change-quantity"},u=["disabled"],p=["disabled"],m=["disabled"],y={class:"column is-narrow"},v=["disabled"],f=e.createElementVNode("svg",{class:"icon cart"},[e.createElementVNode("use",{"xlink:href":"#cart-add"})],-1),h={class:"cart-add-button-label"},g={key:0},b=e.createElementVNode("br",null,null,-1),k=["disabled","textContent"];l.render=function(t,a,n,o,r,l){return e.openBlock(),e.createElementBlock("div",i,[e.createElementVNode("div",c,[t.$env.shop.isCustomQuantity&&o.isChangeQuantity?(e.openBlock(),e.createElementBlock("div",s,[e.createElementVNode("div",d,[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,u)):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,p),[[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},"+",8,m)):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},[e.renderSlot(t.$slots,"default",{label:t.__("shop.cart.add")},(function(){return[f,e.createElementVNode("span",h,e.toDisplayString(t.__("shop.cart.add")),1)]}))],8,v)])]),t.$env.shop.isAlreadyInCart&&o.isAlreadyInCart&&o.cart>0?(e.openBlock(),e.createElementBlock("div",g,[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=l;
+"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,l,i){return e.openBlock(),e.createElementBlock("div",o,e.toDisplayString(r.translate("shop.cart.message")),1)};var r=a.useToast(),l={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"}},setup:function(a){var o=t.useStore(),l=e.ref(!1),i=e.ref(1),s=e.ref(null),c=e.computed((function(){return o.getters["cart/productQuantity"](a.id)})),u=a.isAlreadyInCart,d=a.isChangeQuantity,p=a.isPlusMinus;a.isSimple&&(u=!1,d=!1,p=!1);return{button:s,loading:l,quantity:i,add:function(){l.value=!0;var e=[];s.value.closest(".product-main")&&document.querySelectorAll("#options input[type=checkbox]:checked").forEach((function(t){e.push(parseInt(t.value))}));var t=Math.max(1,i.value),c=s.value.closest("[shop-product]"),u=c.querySelector("[shop-product-name]").textContent,d=c.querySelector("[shop-product-price]").childNodes[0].nodeValue.replace(/ /g,""),p=c.dataset.code;o.dispatch("cart/add",{product:{id:a.id,quantity:t,options:e},finally:function(){(l.value=!1,i.value=1,"message"==a.after)&&r({component:n},{type:"success-cart"});var e={ecommerce:{currencyCode:"UAH",items:[{item_name:u,item_id:p,price:parseFloat(d),quantity:t}]},event:"add_to_cart"};$env.debug.ecommerce&&console.log(e),!$env.debug.ecommerce&&window.dataLayer&&(window.dataLayer.push({ecommerce:null}),window.dataLayer.push(e))}})},remove:function(){l.value=!0,o.dispatch("cart/remove",{id:a.id,finally:function(){l.value=!1}})},cart:c,increase:function(){i.value++},decrease:function(){i.value>1&&i.value--},isAlreadyInCart:u,isChangeQuantity:d,isPlusMinus:p}}},i={class:"cart-add",ref:"button"},s={class:"columns"},c={key:0,class:"column"},u={class:"cart-change-quantity"},d=["disabled"],p=["disabled"],m=["disabled"],y={class:"column is-narrow"},v=["disabled"],f=e.createElementVNode("svg",{class:"icon cart"},[e.createElementVNode("use",{"xlink:href":"#cart-add"})],-1),h={class:"cart-add-button-label"},b={key:0},g=e.createElementVNode("br",null,null,-1),k=["disabled","textContent"];l.render=function(t,a,n,o,r,l){return e.openBlock(),e.createElementBlock("div",i,[e.createElementVNode("div",s,[t.$env.shop.isCustomQuantity&&o.isChangeQuantity?(e.openBlock(),e.createElementBlock("div",c,[e.createElementVNode("div",u,[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,p),[[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},"+",8,m)):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},[e.renderSlot(t.$slots,"default",{label:t.__("shop.cart.add")},(function(){return[f,e.createElementVNode("span",h,e.toDisplayString(t.__("shop.cart.add")),1)]}))],8,v)])]),t.$env.shop.isAlreadyInCart&&o.isAlreadyInCart&&o.cart>0?(e.openBlock(),e.createElementBlock("div",b,[e.createTextVNode(e.toDisplayString(t.__("shop.cart.already",{quantity:o.cart}))+" ",1),g,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=l;
 //# sourceMappingURL=CartAdd.js.map

package/dist/components/shop/cart/CartAdd.js.map

@@ -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=58d1184b&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    },\n    setup(props) {\n        const store = useStore();\n        const loading = ref(false);\n        const quantity = ref(1);\n        const button = ref(null);\n\n        const cart = computed(() => store.getters['cart/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            const q = Math.max(1, quantity.value);\n            const product = button.value.closest('[shop-product]');\n            const name = product.querySelector('[shop-product-name]').textContent;\n            const price = product.querySelector('[shop-product-price]').childNodes[0].nodeValue.replace(/ /g, '');\n            const code = product.dataset.code;\n\n            store.dispatch('cart/add', {\n                product: {\n                    id: props.id,\n                    quantity: q,\n                    options: options\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                    const object = {\n                        ecommerce: {\n                            currencyCode: 'UAH',\n                            add: {\n                                products: [\n                                    {\n                                        name: name,\n                                        id: code,\n                                        price: price,\n                                        quantity: q\n                                    }\n                                ]\n                            }\n                        },\n                        event: 'gtm-ee-event',\n                        'gtm-ee-event-category': 'Ecommerce',\n                        'gtm-ee-event-action': 'Add to Cart',\n                        'gtm-ee-event-non-interaction': 'False',\n                        eventTimeout: 2000,\n                    };\n\n                    if (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('cart/remove', {\n                id: props.id,\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    },\n    setup(props) {\n        const store = useStore();\n        const loading = ref(false);\n        const quantity = ref(1);\n        const button = ref(null);\n\n        const cart = computed(() => store.getters['cart/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            const q = Math.max(1, quantity.value);\n            const product = button.value.closest('[shop-product]');\n            const name = product.querySelector('[shop-product-name]').textContent;\n            const price = product.querySelector('[shop-product-price]').childNodes[0].nodeValue.replace(/ /g, '');\n            const code = product.dataset.code;\n\n            store.dispatch('cart/add', {\n                product: {\n                    id: props.id,\n                    quantity: q,\n                    options: options\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                    const object = {\n                        ecommerce: {\n                            currencyCode: 'UAH',\n                            add: {\n                                products: [\n                                    {\n                                        name: name,\n                                        id: code,\n                                        price: price,\n                                        quantity: q\n                                    }\n                                ]\n                            }\n                        },\n                        event: 'gtm-ee-event',\n                        'gtm-ee-event-category': 'Ecommerce',\n                        'gtm-ee-event-action': 'Add to Cart',\n                        'gtm-ee-event-non-interaction': 'False',\n                        eventTimeout: 2000,\n                    };\n\n                    if (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('cart/remove', {\n                id: props.id,\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":["setup","translate","window","__","_createElementBlock","_hoisted_1","$setup","toast","useToast","name","props","id","Number","isChangeQuantity","type","Boolean","isAlreadyInCart","isSimple","isPlusMinus","after","String","store","useStore","loading","ref","quantity","button","cart","computed","getters","add","value","options","closest","document","querySelectorAll","forEach","element","push","parseInt","q","Math","max","product","querySelector","textContent","price","childNodes","nodeValue","replace","code","dataset","dispatch","component","SuccessMessage","object","ecommerce","currencyCode","products","event","eventTimeout","dataLayer","remove","increase","decrease","_createElementVNode","_hoisted_2","_ctx","shop","isCustomQuantity","_hoisted_3","_hoisted_4","onClick","disabled","min","_hoisted_8","_renderSlot","label","_hoisted_10","_hoisted_11","_hoisted_13","_toDisplayString"],"mappings":"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"}
+{"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=f0f7d710&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    },\n    setup(props) {\n        const store = useStore();\n        const loading = ref(false);\n        const quantity = ref(1);\n        const button = ref(null);\n\n        const cart = computed(() => store.getters['cart/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            const q = Math.max(1, quantity.value);\n            const product = button.value.closest('[shop-product]');\n            const name = product.querySelector('[shop-product-name]').textContent;\n            const price = product.querySelector('[shop-product-price]').childNodes[0].nodeValue.replace(/ /g, '');\n            const code = product.dataset.code;\n\n            store.dispatch('cart/add', {\n                product: {\n                    id: props.id,\n                    quantity: q,\n                    options: options\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                    const object = {\n                        ecommerce: {\n                            currencyCode: 'UAH',\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 ($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('cart/remove', {\n                id: props.id,\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    },\n    setup(props) {\n        const store = useStore();\n        const loading = ref(false);\n        const quantity = ref(1);\n        const button = ref(null);\n\n        const cart = computed(() => store.getters['cart/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            const q = Math.max(1, quantity.value);\n            const product = button.value.closest('[shop-product]');\n            const name = product.querySelector('[shop-product-name]').textContent;\n            const price = product.querySelector('[shop-product-price]').childNodes[0].nodeValue.replace(/ /g, '');\n            const code = product.dataset.code;\n\n            store.dispatch('cart/add', {\n                product: {\n                    id: props.id,\n                    quantity: q,\n                    options: options\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                    const object = {\n                        ecommerce: {\n                            currencyCode: 'UAH',\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 ($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('cart/remove', {\n                id: props.id,\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":["setup","translate","window","__","_createElementBlock","_hoisted_1","$setup","toast","useToast","name","props","id","Number","isChangeQuantity","type","Boolean","isAlreadyInCart","isSimple","isPlusMinus","after","String","store","useStore","loading","ref","quantity","button","cart","computed","getters","add","value","options","closest","document","querySelectorAll","forEach","element","push","parseInt","q","Math","max","product","querySelector","textContent","price","childNodes","nodeValue","replace","code","dataset","dispatch","component","SuccessMessage","object","ecommerce","currencyCode","items","item_name","item_id","parseFloat","event","$env","debug","console","log","dataLayer","remove","increase","decrease","_createElementVNode","_hoisted_2","_ctx","shop","isCustomQuantity","_hoisted_3","_hoisted_4","onClick","disabled","min","_hoisted_8","_renderSlot","label","_hoisted_10","_hoisted_11","_hoisted_13","_toDisplayString"],"mappings":"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"}