@ecomplus/storefront-components/dist/1.storefront-components.min.js

Vue components for E-Com Plus Storefront

(window.webpackJsonp_storefrontComponents=window.webpackJsonp_storefrontComponents||[]).push([[1],{150:function(t,e,i){var r=i(152);r.__esModule&&(r=r.default),"string"==typeof r&&(r=[[t.i,r,""]]),r.locals&&(t.exports=r.locals);(0,i(6).default)("6ce3efd4",r,!0,{})},151:function(t,e,i){"use strict";i(150)},152:function(t,e,i){(e=i(5)(!1)).push([t.i,".product-quickview__box{border-radius:0;left:0;max-height:100vh;overflow-y:auto;position:fixed;top:0;width:100vw;z-index:1090}@media(min-width:576px){.product-quickview__box{border-radius:var(--border-radius);margin-left:5vw;margin-top:5vh;max-height:90vh;width:90vw}}.product-quickview__loading{padding:var(--spacer-5);text-align:center}.product-quickview__loading .spinner-border{height:5rem;width:5rem}.product-quickview__btn-redirect{display:block;margin:var(--spacer-4) auto var(--spacer-5);max-width:400px}",""]),t.exports=e},155:function(t,e,i){"use strict";i.r(e);var r=i(149),s=i(32),a=i(40),o=i(53),d=i(16),c={name:"ProductQuickView",components:{Portal:a.a,TheProduct:o.a,ABackdrop:d.a},props:{productId:String,product:Object,portalId:{type:String,default:"quickview"}},data:()=>({productName:"",productLink:"",isVisible:!1}),computed:{i19close:()=>Object(s.a)(r.n),i19seeMoreInfo:()=>Object(s.a)(r.yb)},methods:{setProduct({name:t,slug:e}){this.productName=t,this.productLink="/"+e},hide(){this.isVisible=!1,setTimeout(()=>{this.isVisible||this.$destroy()},450)}},created(){let t=document.getElementById(this.portalId);t?t.innerHTML="":(t=document.createElement("div"),t.setAttribute("id",this.portalId),document.body.appendChild(t)),this.product&&this.setProduct(this.product),this.isVisible=!0}},n=(i(151),i(1)),u=Object(n.a)(c,(function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("portal",{attrs:{selector:"#"+t.portalId}},[i("div",{staticClass:"product-quickview"},[i("a-backdrop",{attrs:{"is-visible":t.isVisible},on:{hide:t.hide}}),i("transition",{attrs:{"enter-active-class":"animated zoomIn","leave-active-class":"animated fadeOutUp slow"}},[t.isVisible?i("div",{staticClass:"product-quickview__box card"},[t._t("header",(function(){return[i("div",{staticClass:"product-quickview__header card-header"},[t._v(" "+t._s(t.productName)+" "),i("button",{staticClass:"close",attrs:{type:"button","aria-label":t.i19close},on:{click:t.hide}},[i("span",{attrs:{"aria-hidden":"true"}},[t._v("×")])])])]})),i("div",{staticClass:"product-quickview__body card-body"},[t.productName?t._e():i("div",{staticClass:"product-quickview__loading"},[i("div",{staticClass:"spinner-border",attrs:{role:"status"}},[i("span",{staticClass:"sr-only"},[t._v("Loading...")])])]),i("div",{staticClass:"container"},[i("the-product",{attrs:{"is-quickview":"","product-id":t.productId,product:t.product},on:{"update:product":t.setProduct,buy:t.hide}})],1),t.productName?i("a",{staticClass:"product-quickview__btn-redirect btn btn-secondary",attrs:{href:t.productLink}},[t._v(" "+t._s(t.i19seeMoreInfo)+" ")]):t._e()])],2):t._e()])],1)])}),[],!1,null,null,null);e.default=u.exports}}]);
//# sourceMappingURL=1.storefront-components.min.js.map