(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["home~31ecd969"],{"00a3":function(t,e,i){},"00e5":function(t,e,i){},"0454":function(t,e,i){"use strict";var s=i("5a0c"),a=i.n(s);const n={computed:{preorder(){return this.info.preorder||{}},displayDeliveryDate(){return a.a.unix(this.preorder.deliveryDate).format("MMM DD")||void 0}}};e["a"]=n},"07f7":function(t,e,i){"use strict";var s=i("707d");const a={props:{maxRetry:{type:Number,default:10}},data(){return{imageSrc:null,imageIndex:0}},methods:{initializeImageSrc(t,e){this.imageSrc=Object(s["a"])(t,e),this.imageIndex=0},retryImageSrc(t,e){this.imageIndex<=this.maxRetry&&(this.imageSrc=Object(s["a"])(t,e)+"-"+this.imageIndex,this.imageIndex++)}}};e["a"]=a},"0b45":function(t,e,i){"use strict";i.r(e);var s=function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("div",{staticClass:"suggest-product-card"},[s("q-img",{staticClass:"suggest-product-card-img",attrs:{basic:"","placeholder-src":i("cbd0"),height:"60px",width:"60px",contain:"",src:t.imageSrc},on:{error:function(e){return t.retryImageSrc(t.info.cprcode,t.info.pr_use_original_img)}}}),s("div",[s("div",{staticClass:"text-primary text-bold"},[t._v(" "+t._s(t.info.hema_name_en)+" ")]),s("div",[t._v(" "+t._s(t.info.hema_brand_en)+" ")])])],1)},a=[],n=i("07f7"),r=i("66e5"),o=i("4074"),c=i("3786");const l={QItem:r["a"],QItemSection:o["a"],QRadio:c["a"]};var d={name:"SuggestProductCard",components:{...l},props:["info","index"],mixins:[n["a"]],data(){return{selected:!1}},mounted(){this.initializeImageSrc(this.info.cprcode,this.info.pr_use_original_img)}},u=d,p=(i("dd79"),i("2877")),h=Object(p["a"])(u,s,a,!1,null,"0fc82492",null);e["default"]=h.exports},"1a0a":function(t,e,i){},"1b09":function(t,e,i){},"1c97":function(t,e,i){"use strict";i("615a")},"22be":function(t,e,i){"use strict";i("1a0a")},2466:function(t,e,i){"use strict";i.r(e);var s=function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("router-link",{staticClass:"card-product row",staticStyle:{"border-right":"1px solid #eee","text-decoration":"none",position:"relative"},attrs:{to:"/product/"+t.info.cprcode}},[s("div",{staticClass:"col-12 flex items-start q-pa-xs"},[s("q-img",{staticClass:"img",attrs:{basic:"","placeholder-src":i("cbd0"),height:"200px",contain:"",src:t.imageSrc},on:{error:function(e){return t.retryImageSrc(t.info.cprcode,t.info.pr_use_original_img)}}})],1),s("div",{staticClass:"col-12 column detail",style:t.showShadow?"box-shadow: -2.8px 0px 2.2px rgba(245, 245, 255, 1);":""},[s("div",[s("div",{staticClass:"brand"},[t._v(t._s(t.info.hema_name_en))]),s("div",{staticClass:"row"},[s("div",{staticClass:"col-6 text-dark-grey description"},[t._v(" "+t._s(t.info.hema_brand_en)+" ")]),s("div",{staticClass:"col-6 text-dark-grey description text-right"},[t._v(" "+t._s(t.info.hema_sizedesc)+" ")])]),s("div",{staticClass:"row q-gutter-xs q-mr-sm q-my-sm"},["PREORDER_RELATIVE"===t.preorder.type?s("q-badge",{staticStyle:{"font-size":"15px"},attrs:{outline:"",color:"lime-10"}},[t._v(t._s(t.preorder.relativeDay)+" day advance order")]):t._e(),"PREORDER_FIXED"===t.preorder.type?s("q-badge",{attrs:{outline:"",color:"lime-10"}},[t._v("Delivery on "+t._s(t.displayDeliveryDate))]):t._e()],1)]),t.two4discount?s("div",[s("q-badge",{attrs:{outline:"",color:"red-10"}},[t._v(" Buy 2 save ฿ "+t._s(t.two4discount)+" ")])],1):t._e(),t.isShopAtStore?s("div",{staticClass:"row q-mb-xs q-mr-sm"},[s("div",{staticClass:"row items-baseline self-end"},[s("div",[s("span",{staticClass:"special-price",staticStyle:{color:"#575757"}},[t._v("฿"+t._s(t.$priceFormat(t.info.price)))]),t.info.lastPrice?s("span",{staticClass:"special-price",staticStyle:{color:"#979797","text-decoration":"line-through","font-size":"12px"}},[t._v(" ฿ "+t._s(t.$priceFormat(t.info.lastPrice))+" ")]):t._e(),t.info.lastPrice?s("span",{staticClass:"discount-price"},[t._v("-"+t._s(t.calculateDiscount)+"%")]):t._e(),t.info.unit?s("span",{staticClass:"unit-price"},[t._v(" /"+t._s(t.info.unit)+" ")]):t._e()])]),s("div",{staticClass:"col-grow"}),s("q-btn",{attrs:{rounded:"",color:"dark",size:"7px","aria-label":"add to cart"}},[s("div",{staticClass:"row items-center no-wrap"},[s("q-icon",{attrs:{left:"",name:"shopping_cart"}}),s("div",{staticClass:"text-center"},[t._v("Store"),s("br"),t._v("Only")])],1)])],1):t.info.pre_type||t.info.stock>0?s("div",{staticClass:"row q-mb-xs q-mr-sm"},[s("div",{staticClass:"row items-baseline self-end"},[s("div",[s("span",{staticClass:"special-price"},[s("span",{staticStyle:{"font-size":"14px"}},[t._v("฿")]),t._v(" "+t._s(t.$priceFormat(t.info.price))+" ")]),t.info.lastPrice?s("span",{staticClass:"special-price",staticStyle:{color:"#575757","text-decoration":"line-through","font-size":"12px"}},[t._v(" ฿ "+t._s(t.$priceFormat(t.info.lastPrice))+" ")]):t._e(),t.info.lastPrice?s("span",{staticClass:"discount-price"},[t._v("-"+t._s(t.calculateDiscount)+"%")]):t._e(),t.info.unit?s("span",{staticClass:"unit-price"},[t._v("/"+t._s(t.info.unit))]):t._e()])]),s("div",{staticClass:"col-grow text-right"},[t.atToCard<=0?s("div",[s("q-btn",{attrs:{round:"",color:"primary",size:"10px",icon:"shopping_cart","aria-label":"add to cart"},on:{click:function(e){return e.preventDefault(),t.onAtToCard(t.info)}}})],1):s("div",{staticStyle:{display:"flex","justify-content":"flex-end","align-items":"center"}},[s("div",[s("q-btn",{attrs:{round:"",dense:"",color:"primary",size:"10px","aria-label":"remove from cart"},on:{click:function(e){return e.preventDefault(),t.subtract(t.info)}}},[s("i",{staticClass:"fas fa-minus"})])],1),s("p",{staticClass:"special-price",staticStyle:{padding:"0 5px",margin:"0px"}},[t._v(" "+t._s(t.atToCard)+" ")]),s("div",[s("q-btn",{attrs:{round:"",dense:"",color:"primary",size:"10px",icon:"add","aria-label":"add to cart"},on:{click:function(e){return e.preventDefault(),t.onAtToCard(t.info)}}})],1)])])]):t.info.stock<=0||void 0===t.info.stock?s("div",{staticClass:"row q-mb-xs q-mr-sm"},[s("div",{staticClass:"row items-baseline self-end"},[s("div",[s("span",{staticClass:"special-price",staticStyle:{color:"#575757"}},[t._v("฿"+t._s(t.$priceFormat(t.info.price)))]),t.info.lastPrice?s("span",{staticClass:"special-price",staticStyle:{color:"#979797","text-decoration":"line-through","font-size":"12px"}},[t._v(" ฿ "+t._s(t.$priceFormat(t.info.lastPrice))+" ")]):t._e(),t.info.lastPrice?s("span",{staticClass:"discount-price"},[t._v("-"+t._s(t.calculateDiscount)+"%")]):t._e(),t.info.unit?s("span",{staticClass:"unit-price"},[t._v(" /"+t._s(t.info.unit)+" ")]):t._e()])]),s("div",{staticClass:"col-grow"}),s("q-btn",{attrs:{rounded:"",color:"dark",size:"7px","aria-label":"add to cart"}},[s("div",{staticClass:"row items-center no-wrap"},[s("q-icon",{attrs:{left:"",name:"shopping_cart"}}),s("div",{staticClass:"text-center"},[t._v("out of"),s("br"),t._v("stock")])],1)])],1):t._e()]),t.badge.left?s("q-img",{staticClass:"overlay",attrs:{basic:"",src:""+t.badge.left}}):t._e(),t.badge.right?s("q-img",{staticClass:"overlay-right",attrs:{basic:"",src:""+t.badge.right}}):t._e()],1)},a=[],n=i("013f"),r=i("07f7"),o=i("0454"),c=i("256a"),l=i("2544"),d=i("d62e"),u=i("58a8"),p={name:"ProductCardHLarge",props:["info"],components:{QBadge:u["a"]},mixins:[r["a"],o["a"],c["a"],l["a"],d["a"]],data(){return{loading:!1,showShadow:!1,atToCard:0}},computed:{badge(){return this.info.badge||{}},two4discount(){return this.info.two4discount}},watch:{"info.cprcode":{handler:function(t){this.initializeImageSrc(t,this.info.pr_use_original_img)}}},mounted(){this.showShadow=!1,this.initializeImageSrc(this.info.cprcode,this.info.pr_use_original_img)},methods:{$priceFormat(t){return Object(n["a"])(t)},async subtract(t){try{const{message:e}=await this.$store.dispatch("cart/Decrement",t);"SUCCESS"===e&&(this.atToCard-=1)}catch(e){}},onAtToCard(t){this.AddToCart(t,t=>{t||(this.atToCard+=1,this.$gtag&&this.$gtag.event("add_to_cart",{currency:"THB",items:[{id:this.info.cprcode,name:this.info.hema_name_en}],value:this.atToCard}))})}}},h=p,m=(i("b312"),i("8bae"),i("2877")),f=Object(m["a"])(h,s,a,!1,null,"210c2f70",null);e["default"]=f.exports},2544:function(t,e,i){"use strict";const s={computed:{calculateDiscount(){return parseInt(100-this.info.price/this.info.lastPrice*100)}}};e["a"]=s},"272c":function(t,e,i){},"2f38":function(t,e,i){},"364d":function(t,e,i){"use strict";i("1b09")},"3aed":function(t,e,i){"use strict";i("00a3")},"415a":function(t,e,i){"use strict";i.r(e);var s=function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("div",{staticClass:"row no-wrap"},[s("q-checkbox",{staticClass:"q-mr-sm",style:t.disable?"display:none":null,attrs:{color:"primary",dense:""},on:{input:t.onSelect},model:{value:t.select,callback:function(e){t.select=e},expression:"select"}}),s("div",{staticClass:"col flex justify-center",staticStyle:{position:"relative"}},[s("q-img",{staticStyle:{"min-width":"100px","min-height":"100px","max-width":"160px","max-height":"160px"},attrs:{basic:"","placeholder-src":i("cbd0"),contain:"",ratio:"1",src:t.imageSrc},on:{error:function(e){return t.retryImageSrc(t.info.cprcode)}}}),t.badge.left?s("q-img",{staticClass:"overlay",attrs:{basic:"",src:""+t.badge.left}}):t._e(),t.badge.right?s("q-img",{staticClass:"overlay-right",attrs:{basic:"",src:""+t.badge.right}}):t._e()],1),s("div",{staticClass:"col row"},[s("div",{staticClass:"col content q-mb-sm"},[s("div",{staticClass:"title text-primary"},[t._v(" "+t._s(t.info.hema_name_en)+" ")]),s("div",{staticClass:"subtitle text-grey-10"},[t._v(" "+t._s(t.info.hema_brand_en)+" ")]),t.preorder.type?s("q-badge",{attrs:{outline:"",color:"lime-10"}},[t._v("Pre Order")]):t._e()],1),s("div",{staticClass:"col-3 text-right"},[s("div",{staticClass:"lastPrice text-grey"},[t._v(" "+t._s(t.$priceFormat(t.info.lastPrice))+" ")]),s("div",{staticClass:"price text-primary"},[t._v(" "+t._s(t.$priceFormat(t.info.price))+" ")]),s("div",{staticClass:"text-grey-10"},[t._v("/"+t._s(t.info.hema_sizedesc))])]),s("div",{staticClass:"col-12 row"},[s("q-input",{staticClass:"text-center",staticStyle:{"max-width":"140px"},attrs:{type:"number",dense:"",outlined:"",disable:t.disable,debounce:200},scopedSlots:t._u([{key:"before",fn:function(){return[s("q-btn",{staticStyle:{color:"#2c2a74"},attrs:{disable:t.disableButton,round:"",dense:"",flat:"",icon:"fas fa-minus-square"},on:{click:t.subtract}})]},proxy:!0},{key:"after",fn:function(){return[s("q-btn",{staticStyle:{color:"#2c2a74"},attrs:{disable:t.disableButton,round:"",dense:"",flat:"",icon:"fas fa-plus-square"},on:{click:t.add}})]},proxy:!0}]),model:{value:t.quantity,callback:function(e){t.quantity=t._n(e)},expression:"quantity"}}),s("div",{staticClass:"col"}),s("q-icon",{staticStyle:{padding:"10px",cursor:"pointer"},attrs:{size:"17px",name:"favorite",color:t.isFavorite?"red":"grey"},on:{click:t.onFavorite}}),s("q-icon",{staticStyle:{color:"#aaa",padding:"10px",cursor:"pointer"},attrs:{size:"17px",name:"far fa-trash-alt"},on:{click:t.onRemove}})],1)]),s("q-dialog",{attrs:{persistent:""},model:{value:t.dialog,callback:function(e){t.dialog=e},expression:"dialog"}},[s("DialogAlert",{attrs:{message:t.message,"left-btn":"Cancel","right-btn":"Confirm"},on:{leftClick:t.onleftClickDialog,rightClick:function(e){return t.onrightClickDialog(t.info.cprcode)}}})],1)],1)},a=[],n=i("8f8e"),r=i("27f9"),o=i("0016"),c=i("24e8"),l=i("58a8"),d=i("013f"),u=i("07f7"),p=i("0454"),h=i("bb5b");const m={QCheckbox:n["a"],QInput:r["a"],QIcon:o["a"],QDialog:c["a"],QBadge:l["a"]};var f={name:"CartItem",props:["disable","info"],components:{...m,DialogAlert:h["default"]},mixins:[u["a"],p["a"]],data(){return{select:!0,loading:!1,disableButton:!1,dialog:!1,dialogFrom:null,message:null,quantity:0,isFavorite:!1}},computed:{badge(){return this.info.badge||{}}},watch:{"info.cprcode":{handler:function(t){let e=this.$store.getters["user/favoriteList"];const i=e.findIndex(e=>e===t);this.isFavorite=i>=0}},"info.selected":{handler:function(t){this.select=t}},"info.quantity":{immediate:!0,handler:function(t){this.quantity=t}},quantity:{handler:function(t,e){this.onUpdate(t,e)}}},created(){this.$store.dispatch("user/CheckUser").then(()=>{let t=this.$store.getters["user/favoriteList"];const e=t.findIndex(t=>t===this.info.cprcode);this.isFavorite=e>=0})},mounted(){this.initializeImageSrc(this.info.cprcode)},methods:{onSelect(t){this.$store.dispatch("cartData/SetSelected",{cprcode:this.info.cprcode,selected:t})},async onUpdate(t,e){if(this.quantity!==this.info.quantity)try{this.loading=!0,this.disableButton=!0;const{error:t,noNotify:e}=await this.$store.dispatch("cart/UpdateQuantity",{product:this.info,quantity:this.quantity});t&&(e||(this.dialog=!0,this.message=t,this.quantity=this.info.quantity))}catch(i){}finally{this.loading=!1,this.disableButton=!1}},async add(){try{this.loading=!0,this.disableButton=!0;const{error:t,noNotify:e}=await this.$store.dispatch("cart/Increment",this.info);t&&(e||(this.dialog=!0,this.message=t))}catch(t){}finally{this.loading=!1,this.disableButton=!1}},async subtract(){if(1===this.info.quantity)return this.dialog=!0,this.dialogFrom="onRemove",void(this.message="Do you want to remove this item ?");try{this.loading=!0,this.disableButton=!0;const{error:t}=await this.$store.dispatch("cart/Decrement",this.info);t&&(this.dialog=!0,this.message=t)}catch(t){}finally{this.loading=!1,this.disableButton=!1}},onRemove(){this.dialog=!0,this.message="Do you want to remove this item ?",this.dialogFrom="onRemove"},onDeleteItem(){this.$store.dispatch("cart/Remove",this.info)},onleftClickDialog(){this.dialog=!1},onrightClickDialog(){this.dialog=!1,"onRemove"===this.dialogFrom&&this.$store.dispatch("cart/Remove",this.info)},async onFavorite(){this.isFavorite=!this.isFavorite,this.$store.dispatch("user/UpdateFavorite",this.info.cprcode)},$priceFormat(t){return Object(d["a"])(t)}}},v=f,g=(i("e6a0"),i("2877")),b=Object(g["a"])(v,s,a,!1,null,"366879a3",null);e["default"]=b.exports},4380:function(t,e,i){"use strict";i("f612")},"48d5":function(t,e,i){"use strict";i.r(e);var s=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"row",staticStyle:{"padding-bottom":"60px"}},[t.$q.screen.lt.sm?i("TitleBar",{attrs:{"center-slot":"Favorites"}}):t._e(),t.$q.screen.lt.sm?t._e():i("div",{staticClass:"title self-center text-primary"},[t._v(" Favorites ")]),i("div",{staticClass:"col-12 row items-stretch",staticStyle:{padding:"16px"}},t._l(t.products,(function(e,s){return i("ProductCardV",{key:s,attrs:{info:e},on:{"add-to-cart":function(i){return t.AddToCart(e)}}})})),1),i("MenuBar")],1)},a=[],n=i("51398"),r=i("2f62"),o=i("256a"),c=i("2ba5"),l={name:"Favorites",components:{ProductCardV:n["default"],TitleBar:()=>i.e("signin~31ecd969").then(i.bind(null,"1e1d")),MenuBar:()=>Promise.resolve().then(i.bind(null,"c247"))},mixins:[o["a"],c["a"]],data(){return{products:[]}},computed:{...Object(r["b"])(["IsProductPriceInventoryLoaded"]),...Object(r["b"])(["user/loading"]),combined(){return!this["user/loading"]&&this.IsProductPriceInventoryLoaded}},watch:{combined:{immediate:!0,handler:function(t){t&&this.loadProducts()}}},created(){this.loadUser()},methods:{async loadProducts(){const t=this.$store.getters["branch/code"],e=this.$store.getters["user/favoriteList"],i=await this.$store.dispatch("catalogs/GetMultiple",{list:e.map(t=>({cprcode:t})),branch:t});this.products=i}}},d=l,u=(i("f126"),i("2877")),p=Object(u["a"])(d,s,a,!1,null,"42bf4a8d",null);e["default"]=p.exports},"4b5f":function(t,e,i){},5018:function(t,e,i){},51398:function(t,e,i){"use strict";i.r(e);var s=function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("router-link",{directives:[{name:"intersection",rawName:"v-intersection.once",value:t.onIntersection,expression:"onIntersection",modifiers:{once:!0}}],class:"col-md-2 col-sm-3 col-xs-"+(t.small?3:6)+" flex",style:"padding: "+(t.small?"0px":"4px")+";min-width: 110px; "+(t.isMobile&&t.small?"max-width: 116px":t.small?"max-width: 160px":"")+";text-decoration:none",attrs:{to:"/product/"+t.info.cprcode}},[s("div",{staticClass:"card-product column full-width"},[s("div",{staticClass:"img",staticStyle:{padding:"4px 1px 0px 1px"}},[t.visible?s("q-img",{staticClass:"product-card-v-image",attrs:{basic:"","placeholder-src":i("cbd0"),height:(t.small?150:200)+"px",contain:"",src:t.imageSrc},on:{error:function(e){return t.retryImageSrc(t.info.cprcode,t.info.pr_use_original_img)}}}):t._e()],1),s("div",{class:t.small?"product-card-v-info-layout":"column reverse col-grow",style:t.showCurve?"padding:4px;border-top-right-radius:30px;box-shadow:0 -2.8px 2.2px "+t.color+",0 -9.7px 10.3px "+t.color+", 0 -15.5px 16px "+t.color+";":"padding:4px;"},[t.info.preload?t._e():s("div",{staticClass:"row"},[t.isShopAtStore?s("div",{staticClass:"col-12 items-end row"},[s("div",{class:"col-"+(t.small?"7":"5")+" row"},[t.info.lastPrice?s("div",{staticClass:"col-12"},[s("span",{staticClass:"special-price",staticStyle:{color:"#979797","text-decoration":"line-through","font-size":"12px"}},[t._v(" ฿ "+t._s(t.$priceFormat(t.info.lastPrice))+" ")]),s("span",{class:t.small?"discount-price-small":"discount-price"},[t._v("-"+t._s(t.calculateDiscount)+"%")])]):t._e(),t.info.price?s("div",{staticClass:"col-12 special-price",staticStyle:{padding:"0px 0 2px 0"},style:"font-size:"+(t.small?18:"")+"px;white-space: nowrap;color: #575757;"},[s("span",{staticStyle:{"font-size":"15px"}},[t._v("฿")]),t._v(" "+t._s(t.$priceFormat(t.info.price))+" "),t.info.unit?s("span",{staticClass:"unit-price"},[t._v("/"+t._s(t.info.unit))]):t._e()]):t._e()]),s("div",{staticClass:"col-grow text-right"},[t.small?s("q-btn",{attrs:{round:"",color:"dark",size:(t.small?8:10)+"px",icon:"shopping_cart","aria-label":"add to cart"},on:{click:function(e){return e.preventDefault(),t.onAtToCard(t.info)}}}):s("q-btn",{attrs:{rounded:"",color:"dark",size:(t.small?7:9)+"px","aria-label":"add to cart"}},[s("div",{staticClass:"row items-center no-wrap"},[s("q-icon",{attrs:{left:"",name:"shopping_cart"}}),s("div",{staticClass:"text-center"},[t._v(" Store"),s("br"),t._v("Only ")])],1)])],1)]):t._e(),t.preorder.qty>0||t.info.stock>0?s("div",{staticClass:"col-12 items-end row"},[s("div",{staticClass:"col-6 row"},[t.info.lastPrice?s("span",{staticClass:"special-price",staticStyle:{color:"#979797","text-decoration":"line-through","font-size":"12px"}},[t._v(" ฿ "+t._s(t.$priceFormat(t.info.lastPrice))+" ")]):t._e(),t.info.lastPrice?s("span",{class:t.small?"discount-price-small":"discount-price"},[t._v("-"+t._s(t.calculateDiscount)+"%")]):t._e(),t.info.price?s("div",{staticClass:"col-12 special-price",staticStyle:{padding:"0px 0 2px 0"},style:"font-size:"+(t.small?15:"")+"px;white-space: nowrap;"},[s("span",{staticStyle:{"font-size":"15px"}},[t._v("฿")]),t._v(" "+t._s(t.$priceFormat(t.info.price))+" "),t.info.unit?s("span",{staticClass:"unit-price"},[t._v("/"+t._s(t.info.unit))]):t._e()]):t._e()]),s("div",{class:t.small?t.atToCard<=0?"col-6 text-right":"col-12":"col-6 text-right"},[t.atToCard<=0?s("div",{staticStyle:{"justify-content":"flex-end",display:"flex"}},[s("q-btn",{attrs:{round:"",color:"primary",size:(t.small?8:10)+"px",icon:"shopping_cart","aria-label":"add to cart"},on:{click:function(e){return e.preventDefault(),t.onAtToCard(t.info)}}})],1):s("div",{staticStyle:{"justify-content":"space-around",display:"flex"}},[s("q-btn",{attrs:{round:"",dense:"",color:"primary",size:(t.small,"10px"),icon:"fas fa-minus","aria-label":"remove from cart"},on:{click:function(e){return e.preventDefault(),t.subtract(t.info)}}}),s("p",{staticClass:"special-price",staticStyle:{padding:"0 5px",margin:"0px","align-items":"center",display:"flex"}},[t._v(" "+t._s(t.atToCard)+" ")]),s("q-btn",{attrs:{round:"",dense:"",color:"primary",size:(t.small,"10px"),icon:"fas fa-plus","aria-label":"add to cart"},on:{click:function(e){return e.preventDefault(),t.onAtToCard(t.info)}}})],1)])]):t._e(),t.info.stock<=0||void 0===t.info.stock?s("div",{staticClass:"col-12 items-end row"},[s("div",{class:"col-6 row"},[t.info.lastPrice?s("div",{staticClass:"col-12"},[s("span",{staticClass:"special-price",staticStyle:{color:"#979797","text-decoration":"line-through","font-size":"12px"}},[t._v(" ฿ "+t._s(t.$priceFormat(t.info.lastPrice))+" ")]),s("span",{class:t.small?"discount-price-small":"discount-price"},[t._v("-"+t._s(t.calculateDiscount)+"%")])]):t._e(),t.info.price?s("div",{staticClass:"col-12 special-price",style:"font-size:"+(t.small?14:"")+"px;white-space: nowrap;color: #575757;"},[s("span",{staticStyle:{"font-size":"15px"}},[t._v("฿")]),t._v(" "+t._s(t.$priceFormat(t.info.price))+" "),t.info.unit?s("span",{staticClass:"unit-price"},[t._v("/"+t._s(t.info.unit))]):t._e()]):t._e()]),s("div",{staticClass:"col-grow text-right"},[s("div",{staticStyle:{"justify-content":"flex-end",display:"flex"}},[t.small?s("q-btn",{attrs:{round:"",color:"dark",size:(t.small?8:10)+"px",icon:"shopping_cart","aria-label":"add to cart"},on:{click:function(e){return e.preventDefault(),t.onAtToCard(t.info)}}}):s("q-btn",{attrs:{rounded:"",color:"dark",size:(t.small?7:9)+"px","aria-label":"add to cart"}},[s("div",{staticClass:"row items-center no-wrap"},[s("q-icon",{attrs:{left:"",name:"shopping_cart"}}),s("div",{staticClass:"text-center"},[t._v(" out of"),s("br"),t._v("stock ")])],1)])],1)])]):t._e()]),t.small?t._e():s("div",{staticStyle:{flex:"1"}}),t.small||"PREORDER_FIXED"!==t.preorder.type?t._e():s("div",{staticClass:"row q-my-sm"},[s("q-badge",{staticStyle:{"font-size":"14px",height:"25px"},attrs:{outline:"",color:"lime-10"}},[t._v("Delivery on "+t._s(t.displayDeliveryDate))])],1),t.small||"PREORDER_RELATIVE"!==t.preorder.type?t._e():s("div",{staticClass:"row q-my-sm"},[s("q-badge",{staticStyle:{"font-size":"14px",height:"25px"},attrs:{outline:"",color:"lime-10"}},[t._v(t._s(t.preorder.relativeDay)+" day advance order")])],1),s("div",{staticStyle:{display:"flex","flex-direction":"row"}},[s("span",{staticClass:"name-item text-dark-grey col-grow",style:"font-size:"+(t.small?12:"")+"px"},[t._v(" "+t._s(t.info.hema_brand_en)+" ")]),s("span",{staticClass:"name-item text-dark-grey col-4 text-right",style:"font-size:"+(t.small?12:"")+"px"},[t._v(" "+t._s(t.info.hema_sizedesc+" ")+" ")])]),s("div",{staticClass:"brand",style:t.small?"font-size:14px;":""},[t._v(" "+t._s(t.info.hema_name_en)+" ")])]),t.badge.left?s("q-img",{class:t.small?"overlay-small":"overlay",attrs:{basic:"",src:""+t.badge.left}}):t._e(),t.badge.right?s("q-img",{class:t.small?"overlay-small-right":"overlay-right",attrs:{basic:"",src:""+t.badge.right}}):t._e()],1)])},a=[],n=i("013f"),r=i("07f7"),o=i("0454"),c=i("256a"),l=i("2544"),d=i("d62e"),u=i("58a8");const p=["rgba(245, 245, 255,1)","rgba(237, 255, 232,1)","rgba(255, 250, 232,1)"];var h={name:"ProductCartV",props:["small","info"],mixins:[r["a"],o["a"],c["a"],l["a"],d["a"]],components:{QBadge:u["a"]},data(){return{visible:!1,showCurve:!1,color:p[0],atToCard:0}},computed:{computedDescription(){if(this.info){if(this.small&&this.info.hema_brand_en&&this.info.hema_sizedesc)return this.info.hema_brand_en;if(this.info.hema_brand_en)return this.info.hema_brand_en}return""},isMobile(){return this.$q.screen.width<1023},badge(){return this.info.badge||{}}},watch:{"info.cprcode":{handler:function(t){this.initializeImageSrc(t,this.info.pr_use_original_img)}}},mounted(){this.showCurve=!1,this.color=p[Math.round(Math.random()*p.length)],this.initializeImageSrc(this.info.cprcode,this.info.pr_use_original_img)},methods:{$priceFormat(t){return Object(n["a"])(t)},onIntersection(t){this.visible=t.isIntersecting},async subtract(t){try{const{message:e}=await this.$store.dispatch("cart/Decrement",t);"SUCCESS"===e&&(this.atToCard-=1)}catch(e){}},onAtToCard(t){this.AddToCart(t,t=>{t||(this.atToCard+=1,this.$gtag&&this.$gtag.event("add_to_cart",{currency:"THB",items:[{id:this.info.cprcode,name:this.info.hema_name_en}],value:this.atToCard}))})}}},m=h,f=(i("22be"),i("2877")),v=Object(f["a"])(m,s,a,!1,null,"b60f9bc8",null);e["default"]=v.exports},"615a":function(t,e,i){},"63a4":function(t,e,i){"use strict";i("f6d1")},"652a":function(t,e,i){},"6a30":function(t,e,i){"use strict";i("4b5f")},"6f55":function(t,e,i){"use strict";i("e28e")},7166:function(t,e,i){"use strict";i("f318")},"84af":function(t,e,i){"use strict";i.r(e);var s=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("q-responsive",{attrs:{ratio:t.ratio?t.ratio:2.5}},[i("q-carousel",{attrs:{animated:"",navigation:"",infinite:"",autoplay:t.autoplay,arrows:"",swipeable:"","transition-prev":"slide-right","transition-next":"slide-left"},on:{mouseenter:function(e){t.autoplay=!1},mouseleave:function(e){t.autoplay=2500}},model:{value:t.slide,callback:function(e){t.slide=e},expression:"slide"}},t._l(t.imageGrouped,(function(e,s){return i("q-carousel-slide",{key:s,staticStyle:{cursor:"pointer","object-fit":"contain!important"},attrs:{name:s,"img-src":e.imageURL},on:{click:function(i){return t.onClickBanner(e)}}})})),1)],1)},a=[],n=(i("5319"),i("2b0e")),r=i("9c40"),o=i("b7fa"),c=i("ae22"),l=i("582c"),d={props:{fullscreen:Boolean,noRouteFullscreenExit:Boolean},data(){return{inFullscreen:!1}},watch:{$route(){!0!==this.noRouteFullscreenExit&&this.exitFullscreen()},fullscreen(t){this.inFullscreen!==t&&this.toggleFullscreen()},inFullscreen(t){this.$emit("update:fullscreen",t),this.$emit("fullscreen",t)}},methods:{toggleFullscreen(){!0===this.inFullscreen?this.exitFullscreen():this.setFullscreen()},setFullscreen(){!0!==this.inFullscreen&&(this.inFullscreen=!0,this.container=this.$el.parentNode,this.container.replaceChild(this.fullscreenFillerNode,this.$el),document.body.appendChild(this.$el),document.body.classList.add("q-body--fullscreen-mixin"),this.__historyFullscreen={handler:this.exitFullscreen},l["a"].add(this.__historyFullscreen))},exitFullscreen(){!0===this.inFullscreen&&(void 0!==this.__historyFullscreen&&(l["a"].remove(this.__historyFullscreen),this.__historyFullscreen=void 0),this.container.replaceChild(this.$el,this.fullscreenFillerNode),document.body.classList.remove("q-body--fullscreen-mixin"),this.inFullscreen=!1,void 0!==this.$el.scrollIntoView&&setTimeout(()=>{this.$el.scrollIntoView()}))}},beforeMount(){this.fullscreenFillerNode=document.createElement("span")},mounted(){!0===this.fullscreen&&this.setFullscreen()},beforeDestroy(){this.exitFullscreen()}},u=i("5ff7"),p=i("dde5"),h=i("0cd3"),m=n["default"].extend({name:"QCarousel",mixins:[o["a"],c["b"],d],props:{height:String,padding:Boolean,controlType:{type:String,validator:t=>["regular","flat","outline","push","unelevated"].includes(t),default:"flat"},controlColor:String,controlTextColor:String,autoplay:[Number,Boolean],arrows:Boolean,prevIcon:String,nextIcon:String,navigation:Boolean,navigationPosition:{type:String,validator:t=>["top","right","bottom","left"].includes(t)},navigationIcon:String,navigationActiveIcon:String,thumbnails:Boolean},computed:{style(){if(!0!==this.inFullscreen&&void 0!==this.height)return{height:this.height}},direction(){return!0===this.vertical?"vertical":"horizontal"},classes(){return`q-carousel q-panel-parent q-carousel--with${!0===this.padding?"":"out"}-padding`+(!0===this.inFullscreen?" fullscreen":"")+(!0===this.isDark?" q-carousel--dark q-dark":"")+(!0===this.arrows?" q-carousel--arrows-"+this.direction:"")+(!0===this.navigation?" q-carousel--navigation-"+this.navigationPositionComputed:"")},arrowIcons(){const t=[this.prevIcon||this.$q.iconSet.carousel[!0===this.vertical?"up":"left"],this.nextIcon||this.$q.iconSet.carousel[!0===this.vertical?"down":"right"]];return!1===this.vertical&&!0===this.$q.lang.rtl?t.reverse():t},navIcon(){return this.navigationIcon||this.$q.iconSet.carousel.navigationIcon},navActiveIcon(){return this.navigationActiveIcon||this.navIcon},navigationPositionComputed(){return this.navigationPosition||(!0===this.vertical?"right":"bottom")},controlProps(){return{color:this.controlColor,textColor:this.controlTextColor,round:!0,[this.controlType]:!0,dense:!0}},transitionPrevComputed(){return this.transitionPrev||"fade"},transitionNextComputed(){return this.transitionNext||"fade"}},watch:{value(){this.autoplay&&(clearInterval(this.timer),this.__startTimer())},autoplay(t){t?this.__startTimer():clearInterval(this.timer)}},methods:{__startTimer(){this.timer=setTimeout(this.next,Object(u["b"])(this.autoplay)?this.autoplay:5e3)},__getNavigationContainer(t,e,i){return t("div",{class:`q-carousel__control q-carousel__navigation no-wrap absolute flex q-carousel__navigation--${e} q-carousel__navigation--${this.navigationPositionComputed}`+(void 0!==this.controlColor?" text-"+this.controlColor:"")},[t("div",{staticClass:"q-carousel__navigation-inner flex flex-center no-wrap"},this.__getEnabledPanels().map(i))])},__getContent(t){const e=[];if(!0===this.navigation){const i=void 0!==this.$scopedSlots["navigation-icon"]?this.$scopedSlots["navigation-icon"]:e=>t(r["a"],{key:"nav"+e.name,class:`q-carousel__navigation-icon q-carousel__navigation-icon--${!0===e.active?"":"in"}active`,props:e.btnProps,on:Object(h["b"])(this,"nav#"+e.name,{click:e.onClick})}),s=this.panels.length-1;e.push(this.__getNavigationContainer(t,"buttons",(t,e)=>{const a=t.componentOptions.propsData.name,n=this.panelIndex===e;return i({index:e,maxIndex:s,name:a,active:n,btnProps:{icon:!0===n?this.navActiveIcon:this.navIcon,size:"sm",...this.controlProps},onClick:()=>{this.goTo(a)}})}))}else if(!0===this.thumbnails){const i=void 0!==this.controlColor?" text-"+this.controlColor:"";e.push(this.__getNavigationContainer(t,"thumbnails",e=>{const s=e.componentOptions.propsData;return t("img",{class:`q-carousel__thumbnail q-carousel__thumbnail--${s.name===this.value?"":"in"}active`+i,attrs:{src:s.imgSrc},key:"tmb#"+s.name,on:Object(h["b"])(this,"tmb#"+s.name,{click:()=>{this.goTo(s.name)}})})}))}return!0===this.arrows&&this.panelIndex>=0&&((!0===this.infinite||this.panelIndex>0)&&e.push(t("div",{key:"prev",staticClass:`q-carousel__control q-carousel__arrow q-carousel__prev-arrow q-carousel__prev-arrow--${this.direction} absolute flex flex-center`},[t(r["a"],{props:{icon:this.arrowIcons[0],...this.controlProps},on:Object(h["b"])(this,"prev",{click:this.previous})})])),(!0===this.infinite||this.panelIndexthis.$q.screen.lt.sm&&t.mobile?{...t,imageURL:t.imageUrlMobile?t.imageUrlMobile[0]:null}:{...t,imageURL:t.imageUrl[0]}).filter(t=>t.imageURL)},isDesktop(){return this.$q.screen.gt.xs}},methods:{onClickBanner(t){if(t.bannerUrl&&t.bannerUrl.length>0)return t.bannerUrl.includes("https://villa.kitchen")?void this.$router.push(t.bannerUrl.replace("https://villa.kitchen","")):void this.$router.push(t.bannerUrl);this.$router.push("/promotions/"+t.id)}}},C=x,w=(i("6f55"),i("63a4"),i("2877")),S=Object(w["a"])(C,s,a,!1,null,"0a58dc64",null);e["default"]=S.exports},"8bae":function(t,e,i){"use strict";i("272c")},"9abb":function(t,e,i){},"9dae":function(t,e,i){},"9e2f":function(t,e,i){"use strict";i("dbf1")},a79f:function(t,e,i){},a914:function(t,e,i){"use strict";i("dbf0")},ae22:function(t,e,i){"use strict";i.d(e,"b",(function(){return v})),i.d(e,"a",(function(){return g}));var s=i("2b0e"),a=i("0967"),n=i("3627"),r=i("d882"),o=i("2248");function c(t){const e=[.06,6,50];return"string"===typeof t&&t.length&&t.split(":").forEach((t,i)=>{const s=parseFloat(t);s&&(e[i]=s)}),e}function l(t){const e=t.__qtouchswipe;void 0!==e&&(Object(r["b"])(e,"main"),Object(r["b"])(e,"temp"),!0===a["a"].is.firefox&&Object(r["j"])(t,!1),void 0!==e.styleCleanup&&e.styleCleanup(),delete t.__qtouchswipe)}var d={name:"touch-swipe",bind(t,{value:e,arg:i,modifiers:s}){if(void 0!==t.__qtouchswipe&&(l(t),t.__qtouchswipe_destroyed=!0),!0!==s.mouse&&!0!==a["a"].has.touch)return;const d=!0===s.mouseCapture?"Capture":"",u={handler:e,sensitivity:c(i),modifiers:s,direction:Object(n["a"])(s),noop:r["g"],mouseStart(t){Object(n["c"])(t,u)&&Object(r["e"])(t)&&(Object(r["a"])(u,"temp",[[document,"mousemove","move","notPassive"+d],[document,"mouseup","end","notPassiveCapture"]]),u.start(t,!0))},touchStart(t){if(Object(n["c"])(t,u)){const e=Object(n["b"])(t.target);Object(r["a"])(u,"temp",[[e,"touchmove","move","notPassiveCapture"],[e,"touchcancel","end","notPassiveCapture"],[e,"touchend","end","notPassiveCapture"]]),u.start(t)}},start(e,i){!0===a["a"].is.firefox&&Object(r["j"])(t,!0);const s=Object(r["h"])(e);u.event={x:s.left,y:s.top,time:Date.now(),mouse:!0===i,dir:!1}},move(t){if(void 0===u.event)return;if(!1!==u.event.dir)return void Object(r["l"])(t);const e=Date.now()-u.event.time;if(0===e)return;const i=Object(r["h"])(t),s=i.left-u.event.x,a=Math.abs(s),n=i.top-u.event.y,c=Math.abs(n);if(!0!==u.event.mouse){if(au.sensitivity[0]&&(u.event.dir=n<0?"up":"down"),!0===u.direction.horizontal&&a>c&&c<100&&l>u.sensitivity[0]&&(u.event.dir=s<0?"left":"right"),!0===u.direction.up&&au.sensitivity[0]&&(u.event.dir="up"),!0===u.direction.down&&a0&&a<100&&d>u.sensitivity[0]&&(u.event.dir="down"),!0===u.direction.left&&a>c&&s<0&&c<100&&l>u.sensitivity[0]&&(u.event.dir="left"),!0===u.direction.right&&a>c&&s>0&&c<100&&l>u.sensitivity[0]&&(u.event.dir="right"),!1!==u.event.dir?(Object(r["l"])(t),!0===u.event.mouse&&(document.body.classList.add("no-pointer-events--children"),document.body.classList.add("non-selectable"),Object(o["a"])(),u.styleCleanup=t=>{u.styleCleanup=void 0,document.body.classList.remove("non-selectable");const e=()=>{document.body.classList.remove("no-pointer-events--children")};!0===t?setTimeout(e,50):e()}),u.handler({evt:t,touch:!0!==u.event.mouse,mouse:u.event.mouse,direction:u.event.dir,duration:e,distance:{x:a,y:c}})):u.end(t)},end(e){void 0!==u.event&&(Object(r["b"])(u,"temp"),!0===a["a"].is.firefox&&Object(r["j"])(t,!1),void 0!==u.styleCleanup&&u.styleCleanup(!0),void 0!==e&&!1!==u.event.dir&&Object(r["l"])(e),u.event=void 0)}};t.__qtouchswipe=u,!0===s.mouse&&Object(r["a"])(u,"main",[[t,"mousedown","mouseStart","passive"+d]]),!0===a["a"].has.touch&&Object(r["a"])(u,"main",[[t,"touchstart","touchStart","passive"+(!0===s.capture?"Capture":"")],[t,"touchmove","noop","notPassiveCapture"]])},update(t,{oldValue:e,value:i}){const s=t.__qtouchswipe;void 0!==s&&e!==i&&("function"!==typeof i&&s.end(),s.handler=i)},unbind(t){void 0===t.__qtouchswipe_destroyed?l(t):delete t.__qtouchswipe_destroyed}},u=i("87e8"),p=i("dde5"),h=i("0cd3");function m(t){return t("div",{staticClass:"q-panel scroll",attrs:{role:"tabpanel"},on:Object(h["b"])(this,"stop",{input:r["k"]})},Object(p["c"])(this,"default"))}const f=s["default"].extend({render:m}),v={mixins:[u["a"]],directives:{TouchSwipe:d},props:{value:{required:!0},animated:Boolean,infinite:Boolean,swipeable:Boolean,vertical:Boolean,transitionPrev:String,transitionNext:String,keepAlive:Boolean,keepAliveInclude:[String,Array,RegExp],keepAliveExclude:[String,Array,RegExp],keepAliveMax:Number},data(){return{panelIndex:null,panelTransition:null}},computed:{panelDirectives(){if(!0===this.swipeable)return[{name:"touch-swipe",value:this.__swipe,modifiers:{horizontal:!0!==this.vertical,vertical:this.vertical,mouse:!0}}]},contentKey(){return"string"===typeof this.value||"number"===typeof this.value?this.value:String(this.value)},transitionPrevComputed(){return this.transitionPrev||"slide-"+(!0===this.vertical?"down":"right")},transitionNextComputed(){return this.transitionNext||"slide-"+(!0===this.vertical?"up":"left")},keepAliveProps(){return{include:this.keepAliveInclude,exclude:this.keepAliveExclude,max:this.keepAliveMax}},needsUniqueWrapper(){return void 0!==this.keepAliveInclude||void 0!==this.keepAliveExclude}},watch:{value(t,e){const i=!0===this.__isValidPanelName(t)?this.__getPanelIndex(t):-1;!0!==this.__forcedPanelTransition&&this.__updatePanelTransition(-1===i?0:i{this.$emit("transition",t,e)}))}},methods:{next(){this.__go(1)},previous(){this.__go(-1)},goTo(t){this.$emit("input",t)},__isValidPanelName(t){return void 0!==t&&null!==t&&""!==t},__getPanelIndex(t){return this.panels.findIndex(e=>{const i=e.componentOptions.propsData;return i.name===t&&""!==i.disable&&!0!==i.disable})},__getEnabledPanels(){return this.panels.filter(t=>{const e=t.componentOptions.propsData;return""!==e.disable&&!0!==e.disable})},__updatePanelTransition(t){const e=0!==t&&!0===this.animated&&-1!==this.panelIndex?"q-transition--"+(-1===t?this.transitionPrevComputed:this.transitionNextComputed):null;this.panelTransition!==e&&(this.panelTransition=e)},__go(t,e=this.panelIndex){let i=e+t;const s=this.panels;while(i>-1&&i{this.__forcedPanelTransition=!1});i+=t}!0===this.infinite&&s.length>0&&-1!==e&&e!==s.length&&this.__go(t,-1===t?s.length:-1)},__swipe(t){const e=!0===this.vertical?"up":"left";this.__go((!0===this.$q.lang.rtl?-1:1)*(t.direction===e?1:-1))},__updatePanelIndex(){const t=this.__getPanelIndex(this.value);return this.panelIndex!==t&&(this.panelIndex=t),!0},__getPanelContent(t){if(0===this.panels.length)return;const e=this.__isValidPanelName(this.value)&&this.__updatePanelIndex()&&this.panels[this.panelIndex],i=!0===this.keepAlive?[t("keep-alive",{props:this.keepAliveProps},[t(!0===this.needsUniqueWrapper?Object(h["a"])(this,this.contentKey,()=>s["default"].extend({name:this.contentKey,render:m})):f,{key:this.contentKey},[e])])]:[t("div",{staticClass:"q-panel scroll",key:this.contentKey,attrs:{role:"tabpanel"},on:Object(h["b"])(this,"stop",{input:r["k"]})},[e])];return!0===this.animated?[t("transition",{props:{name:this.panelTransition}},i)]:i}},render(t){return this.panels=Object(p["c"])(this,"default",[]).filter(t=>void 0!==t&&void 0!==t.componentOptions&&void 0!==t.componentOptions.propsData&&this.__isValidPanelName(t.componentOptions.propsData.name)),this.__renderPanels(t)}},g={mixins:[u["a"]],props:{name:{required:!0},disable:Boolean}}},b312:function(t,e,i){"use strict";i("d5f9")},b3d7:function(t,e,i){"use strict";i.r(e);var s=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"row justify-center"},[i("q-infinite-scroll",{ref:"infscroll",staticClass:"col-12",staticStyle:{padding:"0px 0px 65px 0px"},attrs:{disable:t.disable,debounce:30},on:{load:t.onLoad}},[i("Menu"),t.$q.screen.lt.sm?i("SearchBar",{staticClass:"mobile-search-bar",on:{focus:t.onFocusSearchBar,barcode:t.onBarcode,search:t.onSearch}}):t._e(),i("PresentProduct",{attrs:{"bg-color":"accent",textColor:"white"}}),t.$q.screen.lt.sm?i("Banner",{staticStyle:{margin:"0px 8px","border-radius":"8px",overflow:"hidden"},attrs:{info:t.mainBanner,dot:!0}}):i("div",{staticClass:"row items-stretch",staticStyle:{padding:"0px 0px 0px 16px"}},[i("div",{staticClass:"col-8 flex justify-center items-center"},[i("Banner",{staticClass:"full-width",attrs:{info:t.mainBanner,dot:!0}})],1),i("YoutubeBanner",{staticClass:"col-4"})],1),i("CatalogList",{staticStyle:{padding:"16px 16px 4px 16px"},attrs:{multiline:!0}}),t.$q.screen.lt.sm?i("YoutubeBannerH"):t._e(),i("div",{staticClass:"brand row"},[i("div",{staticClass:"partnership"},[t._v(" Partnership Shops ")]),i("q-space"),i("q-btn",{staticStyle:{"background-color":"rgb(255 255 255 / 0%)","border-radius":"20px"},attrs:{dense:"","no-caps":"",unelevated:""},on:{click:t.onPartnershipshopSeeAll}},[i("span",{staticStyle:{padding:"0 10px","font-size":"1.2rem"}},[t._v("see all")])])],1),i("PartnershipShop",{staticStyle:{padding:"0px 16px 0px 16px"}}),i("div",{staticClass:"row",staticStyle:{"background-color":"#F2F3F4",position:"sticky","z-index":"1",top:"48px"}},[i("div",{staticClass:"col-grow"},[i("q-tabs",{staticClass:"col-12 text-grey",attrs:{dense:"","no-caps":"","active-color":"primary","indicator-color":"primary",align:"justify","narrow-indicator":""},model:{value:t.currentCatagory,callback:function(e){t.currentCatagory=e},expression:"currentCatagory"}},t._l(t.catagoryList,(function(e,s){return i("q-tab",{key:s,staticStyle:{color:"#575757",padding:"5px"},attrs:{name:e,label:e,"content-class":"tab-style"},on:{click:function(i){return t.onTabCategory(e)}}})})),1)],1),i("div",{staticClass:"column justify-center"},[i("q-btn",{attrs:{ripple:{color:"primary"},flat:"",size:"15.3px",color:"dark",icon:t.changeSizeIcon,stack:"","aria-label":"change display size"},on:{click:t.onChangeSize}})],1)]),t.isLoaded?t._e():i("div",{staticClass:"loading"},[i("q-spinner",{attrs:{color:"primary",size:"5em"}})],1),i("SwipeTabPanels",{style:"min-height: "+(t.disable?"unset":"calc(100vh - 48px)"),attrs:{threshold:60,group:t.currentCatagory,groups:t.catagoryList},on:{"update-group":function(e){return t.group=e}}},t._l(Object.keys(t.products),(function(e){return i("q-tab-panel",{key:e,staticClass:"row tab-panel items-stretch",attrs:{name:e}},t._l(t.products[e].list,(function(e,s){return i(t.productCardComponent,{key:s,tag:"component",attrs:{info:e},on:{"add-to-cart":function(i){return t.AddToCart(e)}}})})),1)})),1),t.showAddToHome&&t.isChrome?i("AddToHome"):t._e(),i("MenuBar",{on:{"on-profile":t.onProfile,"on-cart":t.onCart,"on-promotion":t.onPromotion,"on-home":t.onVilla}})],1)],1)},a=[],n=i("2f62"),r=i("256a"),o=i("14ac"),c=function(){var t=this,e=t.$createElement,i=t._self._c||e;return t.$q.screen.lt.sm?t._e():i("div",{staticClass:"row bg-primary",staticStyle:{margin:"0px 16px","border-radius":"8px",overflow:"hidden"}},[i("q-btn",{staticClass:"menu-font",attrs:{flat:"",color:"white",type:"a",to:"/about"}},[t._v(t._s(t.$t("About")))]),i("q-btn",{staticClass:"menu-font",attrs:{flat:"",color:"white",type:"a",to:"/terms"}},[t._v(t._s(t.$t("Terms of service")))]),i("q-btn",{staticClass:"menu-font",attrs:{flat:"",color:"white",type:"a",to:"/privacy-policy"}},[t._v(t._s(t.$t("Privacy policy")))]),i("q-btn",{staticClass:"menu-font",attrs:{flat:"",color:"white",type:"a",to:"/contact"}},[t._v(t._s(t.$t("Contact")))]),i("div",{staticStyle:{flex:"1"}}),i("q-btn-toggle",{attrs:{"no-caps":"","no-wrap":"",unelevated:"","toggle-color":"white",color:"primary","text-color":"white","toggle-text-color":"primary",options:[{slot:"one",value:"en"},{slot:"two",value:"th"}]},scopedSlots:t._u([{key:"one",fn:function(){return[i("div",{staticClass:"row full-width justify-evenly items-baseline no-wrap"},[i("img",{staticClass:"flag",attrs:{src:"https://lipis.github.io/flag-icon-css/flags/4x3/us.svg",alt:"United States of America Flag"}}),i("div",{staticClass:"q-mx-sm"},[t._v("English")])])]},proxy:!0},{key:"two",fn:function(){return[i("div",{staticClass:"row full-width justify-evenly items-baseline no-wrap"},[i("img",{staticClass:"flag",attrs:{src:"https://lipis.github.io/flag-icon-css/flags/4x3/th.svg",alt:"Thailand Flag"}}),i("div",{staticClass:"q-mx-sm"},[t._v("ภาษาไทย")])])]},proxy:!0}],null,!1,1364061144),model:{value:t.lang,callback:function(e){t.lang=e},expression:"lang"}})],1)},l=[],d=i("6a67");const u={QBtnToggle:d["a"]};var p={components:{...u},data(){return{lang:this.$i18n.locale}},watch:{lang:{immediate:!1,handler:function(t){this.$i18n.locale=t}},"$i18n.locale":{immediate:!0,handler:function(t){this.lang=t}}}},h=p,m=(i("db7a"),i("2877")),f=Object(m["a"])(h,c,l,!1,null,"94366184",null),v=f.exports,g=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"bg-info present-product",style:"position:relative;padding-bottom: "+(t.IsMobile?6:16)+"px;",on:{mouseenter:t.showArrow,mouseleave:t.hideArrow}},[i("div",{class:"row justify-center bg-"+t.bgColor+" text-"+t.textColor,style:"padding: 5px;padding-bottom:0px;height: "+(t.IsMobile?242:300)+"px;border-radius:8px;position:relative"},[i("div",{staticClass:"col-12 row justify-between",staticStyle:{height:"25px"}},[i("span",{staticStyle:{"font-size":"17px","font-weight":"800"}},[t._v(" "+t._s(t.title)+" ")]),i("q-btn",{staticStyle:{"background-color":"rgb(255 255 255 / 25%)"},attrs:{type:"a",to:"/recommend",dense:"","no-caps":"",unelevated:"",rounded:"",label:"View all",padding:"0px 10px"},on:{click:t.onViewAll}})],1),i("q-scroll-area",{ref:"presentProduct",staticClass:"col-12 relative",style:"position:absolute;top: 30px;height: "+(t.IsMobile?210:265)+"px;padding: 0px 4px",attrs:{visible:"",horizontal:"","thumb-style":t.thumbStyle,"bar-style":t.barStyle}},[i("div",{staticClass:"row no-wrap",staticStyle:{"padding-bottom":"0px",height:"100%"}},t._l(t.products.list,(function(e,s){return i("ProductCardV",{key:s,attrs:{small:!0,info:e},on:{"add-to-cart":function(i){return t.AddToCart(e)}}})})),1)])],1),t.isShowArrow&&!t.IsMobile?i("div",{staticClass:"present-product-arrow-left-container"},[i("q-btn",{attrs:{size:"lg",color:"primary",round:"",flat:"",icon:"chevron_left"},on:{click:t.onScrollLeft}})],1):t._e(),t.isShowArrow&&!t.IsMobile?i("div",{staticClass:"present-product-arrow-right-container"},[i("q-btn",{attrs:{size:"lg",color:"primary",round:"",flat:"",icon:"chevron_right"},on:{click:t.onScrollRight}})],1):t._e()])},b=[],_=i("51398"),y=i("4983"),x=i("0d59");const C={QScrollArea:y["a"],QSpinner:x["a"]};var w={name:"PresentProduct",props:{bgColor:String,textColor:String},components:{...C,ProductCardV:_["default"]},mixins:[r["a"]],data(){return{isLoaded:!1,isShowArrow:!1,groupName:null,width:"",products:{list:[]},title:"Recommended for you",description:""}},created(){this.$store.dispatch("catalogs/LoadGroups",{branch:this.$store.getters["branch/code"],list:[7e9]}).then(t=>{this.isLoaded=!0,t[0]&&(this.groupName=t[0].groupName,this.products.list=t[0].productList.map(t=>({...t,preload:!0})))})},computed:{...Object(n["b"])(["IsProductPriceInventoryLoaded"]),IsLoaded(){return this.IsProductPriceInventoryLoaded&&this.isLoaded},IsMobile(){return this.$q.screen.width<600},thumbStyle(){return{right:"4px",borderRadius:"10px",backgroundColor:"#FFF",width:"5px",height:"0px",opacity:0}},barStyle(){return{right:"2px",borderRadius:"9px",backgroundColor:"#FFF",width:"9px",height:"0px",opacity:0}}},watch:{IsLoaded:{immediate:!0,handler:function(t){t?this.loadProducts():this.products.list=[]}}},methods:{async loadProducts(){const t=this.$store.getters["branch/code"],e=await this.$store.dispatch("catalogs/GetAvailableList",{levels:[this.groupName],limit:20,branch:t,nextToken:""});this.products.list=e.list},showArrow(){this.isShowArrow=!0},hideArrow(){this.isShowArrow=!1},onScrollLeft(){if(this.$refs["presentProduct"]){const t=this.$refs["presentProduct"].getScrollPosition();this.$refs["presentProduct"].setScrollPosition(t-360)}},onScrollRight(){if(this.$refs["presentProduct"]){const t=this.$refs["presentProduct"].getScrollPosition();this.$refs["presentProduct"].setScrollPosition(t+360)}},onViewAll(){this.$gtag&&this.$gtag.event("select_content",{content_type:"Recommend For You",item_id:"View all"})}}},S=w,P=(i("e7b6"),Object(m["a"])(S,g,b,!1,null,"48356bdc",null)),q=P.exports,$=i("84af"),k=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"bg-info"},[i("q-scroll-area",{staticClass:"catalog-tab-size row",attrs:{horizontal:"",visible:"","thumb-style":t.thumbStyle,"bar-style":t.barStyle}},[t.multiline?i("div",[i("div",{staticClass:"row no-wrap"},t._l(t.categoryL1Top,(function(e,s){return i("div",{key:s,staticClass:"catalog",on:{click:function(i){return t.GoToCategory(e.groupName)}}},[i("div",{staticClass:"text-center"},[e.icon?i("q-img",{attrs:{basic:"",contain:"",height:"53px",src:e.icon}}):t._e(),i("p",[t._v(t._s(e.displayName||e.groupName))])],1)])})),0),i("div",{staticClass:"row no-wrap"},t._l(t.categoryL1Bottom,(function(e,s){return i("div",{key:s,staticClass:"catalog",on:{click:function(i){return t.GoToCategory(e.groupName)}}},[i("div",{staticClass:"text-center"},[e.icon?i("q-img",{attrs:{basic:"",contain:"",height:"53px",src:e.icon}}):t._e(),i("p",[t._v(t._s(e.displayName||e.groupName))])],1)])})),0)]):i("div",[i("div",{staticClass:"row no-wrap"},t._l(t.catalogFrist,(function(e,s){return i("div",{key:s,staticClass:"catalog",on:{click:function(e){return t.ToPage("/catalog/test")}}},[i("div",{staticClass:"text-center"},[e.icon?i("q-img",{attrs:{basic:"",contain:"",height:"53px",src:e.icon}}):t._e(),i("p",[t._v(t._s(e.displayName||e.name))])],1)])})),0)])])],1)},I=[],T=(i("a3cc"),i("bc3a")),j=i.n(T),O=i("8f3c"),L=i.n(O),B=i("9174");const z={QScrollArea:y["a"]};var F={props:["multiline","height","width"],components:{...z},data(){return{categoryL1Top:[],categoryL1Bottom:[],thumbStyle:{right:"4px",borderRadius:"10px",backgroundColor:"#282669",width:"5px",height:"6px",opacity:1},barStyle:{right:"2px",borderRadius:"9px",backgroundColor:"#027be3",width:"9px",opacity:0}}},created(){this.loadCategoryList()},methods:{async loadCategoryList(){const{data:t}=await j.a.get(B["a"]),{categoryList:e}=L.a.parse(t);this.setCategory(this.mapField(e))},mapField(t){return t.map(t=>({icon:t.logoUrl,groupName:t.name,id:t.id}))},setCategory(t){this.categoryL1Top=t.slice(0,Math.ceil(t.length/2)),this.categoryL1Bottom=t.slice(Math.ceil(t.length/2),t.length)},GoToCategory(t){this.$gtag&&this.$gtag.event("select_content",{content_type:"Menu circle icon",item_id:t}),this.$router.push({name:"AllProduct",params:{categoryL1:t}}).catch(()=>{})}}},A=F,D=(i("c697"),Object(m["a"])(A,k,I,!1,null,"f7a918c4",null)),R=D.exports,E=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"bg-info",staticStyle:{padding:"0px 16px 0px 16px",margin:"auto"}},[i("div",{staticClass:"full-width q-px-md q-py-sm",staticStyle:{background:"#2c2a74",color:"white","border-radius":"4px 4px 0px 0px","font-size":"1.2rem"}},[t._v(" Villa Channel ")]),t.src?i("LazyYoutubeVideo",{attrs:{aspectRatio:t.aspectRatio,src:t.src}}):t._e(),i("q-btn",{staticClass:"full-width",staticStyle:{background:"#2c2a74",color:"white"},attrs:{type:"a",size:"md",flat:"",block:"",href:"https://www.youtube.com/channel/UC1fv3d4R7NZxgSesXjU8EOg?sub_confirmation=1"},on:{click:function(e){return e.preventDefault(),t.openURL("https://www.youtube.com/channel/UC1fv3d4R7NZxgSesXjU8EOg?sub_confirmation=1")}}},[t._v("Subscribe Now")])],1)},N=[],U=(i("00e5"),i("2b0e"));function M(t,e,i=0){return t.indexOf(e,i)===i}function V(t){return/^\d+:\d+$/.test(t)}const Q="Video thumbnail",Y="Play video",G="16:9",H=["default","mqdefault","sddefault","hqdefault","maxresdefault"],X=H[4],Z={allowfullscreen:!0,frameborder:0,allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"},K=/^https:\/\/www\.youtube(?:-nocookie)?\.com\/embed\/(.+?)(?:\?.*)?$/,J="https://www.youtube.com/player_api",W=32;var tt;(function(t){t["LOAD_IFRAME"]="load:iframe",t["INIT_PLAYER"]="init:player"})(tt||(tt={}));var et=U["default"].extend({name:"VueLazyYoutubeVideo",props:{src:{type:String,required:!0,validator:t=>M(t,"https://www.youtube.com/embed/")||M(t,"https://www.youtube-nocookie.com/embed/")},alt:{type:String,default:Q},buttonLabel:{type:String,default:Y},aspectRatio:{type:String,default:G,validator:V},previewImageSize:{type:String,default:X,validator:t=>-1!==H.indexOf(t)},thumbnail:{type:Object,validator:t=>"jpg"in t&&"webp"in t},iframeAttributes:{type:Object},webp:{type:Boolean,default:!0},autoplay:{type:Boolean,default:!1},thumbnailListeners:{type:Object},enablejsapi:{type:Boolean,default:!1},playerOptions:{type:Object,default:()=>({})},injectPlayerScript:{type:Boolean,default:!1},parameters:{type:Object,default:()=>({})}},data(){return{activated:this.autoplay,playerInstance:null,__interval__:null}},computed:{id(){const t=K.exec(this.src);return null!==t?t[1]:(this.warn("Failed to extract video id from "+this.src),"")},srcAttribute(){const t=-1!==this.src.indexOf("?"),e=`${this.src}${t?"&":"?"}autoplay=1${this.enablejsapi?"&enablejsapi=1":""}`;return Object.entries(this.parameters).reduce((t,[e,i])=>t+`&${e}=${i}`,e)},styleObj(){return{paddingBottom:this.getPaddingBottom()}}},methods:{clickHandler(){this.activated=!0},getPaddingBottom(){let{aspectRatio:t}=this;const e=`Invalid value ${t} supplied to \`aspectRatio\` property, instead fallback value ${G} is used `;("string"!==typeof t||"string"===typeof t&&!1===V(t))&&(t=G,this.warn(e));const[i,s]=t.split(":").map(Number);return this.getPaddingBottomValue(i,s)},getPaddingBottomValue(t,e){return e/t*100+"%"},onIframeLoad(){if(this.$emit(tt.LOAD_IFRAME,{iframe:this.$refs.iframe}),this.enablejsapi)try{window.YT.Player,this.initPlayerInstance()}catch(t){if(!this.injectPlayerScript)throw console.error("[vue-lazy-youtube-video]: window.YT.Player is not defined. Make sure you either included the IFrame Player API or passed `injectPlayerScript` prop"),t;this.doInjectPlayerScript()}},checkPlayer(){return!!YT.Player&&(this.__interval__&&clearInterval(this.__interval__),this.initPlayerInstance(),!0)},initPlayerInstance(){const{iframe:t}=this.$refs;if(!t)throw new Error("[vue-lazy-youtube-video]: YT.Player can not be instantiated without iframe element");return this.playerInstance=new YT.Player(t,this.playerOptions),this.$emit(tt.INIT_PLAYER,{instance:this.playerInstance}),this.playerInstance},getPlayerInstance(){return this.playerInstance},doInjectPlayerScript(){const t=document.createElement("script");t.setAttribute("src",J),t.onload=()=>{this.__interval__=window.setInterval(()=>{this.checkPlayer()},W)},document.head.appendChild(t)},warn(t){console.warn("[vue-lazy-youtube-video]: "+t)},renderIframe(t){return t("iframe",{ref:"iframe",staticClass:"y-video__media",attrs:{...Z,...this.iframeAttributes,src:this.srcAttribute},on:{load:this.onIframeLoad}})},renderThumbnail(t){return t("picture",{},[this.webp?t("source",{attrs:{srcset:this.thumbnail&&this.thumbnail.webp||`https://i.ytimg.com/vi_webp/${this.id}/${this.previewImageSize}.webp`,type:"image/webp"}}):null,t("img",{staticClass:"y-video__media y-video__media--type--img",attrs:{src:this.thumbnail&&this.thumbnail.jpg||`https://i.ytimg.com/vi/${this.id}/${this.previewImageSize}.jpg`,alt:this.alt},on:this.thumbnailListeners})])},renderButtonIcon(t){return t("svg",{attrs:{viewBox:"0 0 68 48",width:"100%",height:"100%"}},[t("path",{staticClass:"y-video__button-shape",attrs:{d:"M66.5 7.7c-.8-2.9-2.5-5.4-5.4-6.2C55.8.1 34 0 34 0S12.2.1 6.9 1.6c-3 .7-4.6 3.2-5.4 6.1a89.6 89.6 0 0 0 0 32.5c.8 3 2.5 5.5 5.4 6.3C12.2 47.9 34 48 34 48s21.8-.1 27.1-1.6c3-.7 4.6-3.2 5.4-6.1C68 35 68 24 68 24s0-11-1.5-16.3z"}}),t("path",{staticClass:"y-video__button-icon",attrs:{d:"M45 24L27 14v20"}})])}},render(t){return t("div",{staticClass:"y-video",on:{click:()=>this.clickHandler()}},[t("div",{staticClass:"y-video__inner",style:this.styleObj},[this.activated?this.renderIframe(t):[this.renderThumbnail(t),this.$slots.button||t("button",{staticClass:"y-video__button",attrs:{type:"button","aria-label":this.buttonLabel}},[this.$slots.icon||this.renderButtonIcon(t)])]])])}});var it=et,st={name:"YoutubeBanner",components:{LazyYoutubeVideo:it},props:{url:String},data:function(){return{isPlay:!1,aspectRatio:"14:9",src:null,player:null}},created(){this.loadYoutube()},methods:{async loadYoutube(){const{data:t}=await j.a.get(B["a"]),{youTube:e}=L.a.parse(t);this.src=this.createYoutubeURL(e[0].videoID)},createYoutubeURL(t){return`https://www.youtube.com/embed/${t}?autoplay=0&mute=0`},onSubscribe(){window.open("https://www.youtube.com/channel/UC1fv3d4R7NZxgSesXjU8EOg?sub_confirmation=1","_blank")},openURL(t){window.open(t,"_blank")}}},at=st,nt=(i("7166"),Object(m["a"])(at,E,N,!1,null,"57eeddaf",null)),rt=nt.exports,ot=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"bg-info row youtube"},[i("div",{staticClass:"col-6"},[t.src?i("LazyYoutubeVideo",{attrs:{aspectRatio:t.aspectRatio,src:t.src}}):t._e()],1),i("div",{staticClass:"col-6 bg-primary column justify-evenly items-center"},[i("div",{staticStyle:{background:"#2c2a74",color:"white","border-radius":"4px 4px 0px 0px","font-size":"1.2rem"}},[t._v(" Villa Channel ")]),i("q-btn",{attrs:{type:"a",color:"white","text-color":"primary",size:"sm",block:"",href:"https://www.youtube.com/channel/UC1fv3d4R7NZxgSesXjU8EOg?sub_confirmation=1"},on:{click:function(e){return e.preventDefault(),t.openURL("https://www.youtube.com/channel/UC1fv3d4R7NZxgSesXjU8EOg?sub_confirmation=1")}}},[t._v("Subscribe Now")])],1)])},ct=[],lt={name:"YoutubeBannerH",components:{LazyYoutubeVideo:it},data:function(){return{isPlay:!1,aspectRatio:"14:9",src:null,player:null}},created(){this.loadYoutube()},methods:{async loadYoutube(){const{data:t}=await j.a.get(B["a"]),{youTube:e}=L.a.parse(t);this.src=this.createYoutubeURL(e[0].videoID)},createYoutubeURL(t){return`https://www.youtube.com/embed/${t}?autoplay=0&mute=0`},onSubscribe(){window.open("https://www.youtube.com/channel/UC1fv3d4R7NZxgSesXjU8EOg?sub_confirmation=1","_blank")},openURL(t){window.open(t,"_blank")}}},dt=lt,ut=(i("d5b4"),Object(m["a"])(dt,ot,ct,!1,null,"a01ce0ca",null)),pt=ut.exports,ht=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"bg-info"},[i("q-scroll-area",{staticClass:"catalog-tab-size row",attrs:{horizontal:"",visible:"","thumb-style":t.thumbStyle,"bar-style":t.barStyle}},[i("div",{staticClass:"row no-wrap"},t._l(t.shops,(function(e,s){return i("div",{key:s,staticClass:"catalog",on:{click:function(e){return t.onOpenPartnershipShop(s)}}},[e.image?i("q-img",{attrs:{basic:"",contain:"",src:t.proxyImage(e.image)}}):t._e(),i("div",{staticClass:"title text-center text-bold text-primary"},[t._v(" "+t._s(e.name)+" ")])],1)})),0)])],1)},mt=[];i("5319");const ft={QScrollArea:y["a"]};var vt={props:["multiline","height","width"],components:{...ft},data(){return{thumbStyle:{right:"4px",borderRadius:"10px",backgroundColor:"#282669",width:"5px",height:"6px",opacity:1},barStyle:{right:"2px",borderRadius:"9px",backgroundColor:"#027be3",width:"9px",opacity:0},shops:[]}},created(){this.loadPartnershipShopList()},methods:{async loadPartnershipShopList(){const{data:t}=await j.a.get(B["a"]),{partnershipShopsList:e}=L.a.parse(t);this.setShop(this.mapField(e))},mapField(t){return t.map(t=>({image:t.logoUrl,name:t.name,id:t.id,level2:t.level2,level3:t.level3}))},setShop(t){this.shops=t},onOpenPartnershipShop(t){this.shops[t].level2?this.$router.push({name:"AllProduct",params:{categoryL1:"Partnership Shops",categoryL2:this.shops[t].level2.name,categoryL3:this.shops[t].name}}):this.$router.push({name:"AllProduct",params:{categoryL1:"Partnership Shops"}})},proxyImage(t){let e=t.replace("https://group2-image-bucket-dev.s3-ap-southeast-1.amazonaws.com/","https://villa.kitchen/api/group/image/");return e=e.replace("https://group2-image-bucket-dev.s3.ap-southeast-1.amazonaws.com/","https://villa.kitchen/api/group/image/"),e}}},gt=vt,bt=(i("364d"),Object(m["a"])(gt,ht,mt,!1,null,"6329c150",null)),_t=bt.exports,yt=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("q-tab-panels",{attrs:{animated:"","keep-alive":""},on:{touchstart:function(e){return t.onTouchStart(e)},touchmove:function(e){return t.onTouchMove(e)},touchend:function(e){return t.onTouchEnd(e)}},model:{value:t.group,callback:function(e){t.group=e},expression:"group"}},[t._t("default")],2)},xt=[],Ct=i("b7fa"),wt=i("ae22"),St=U["default"].extend({name:"QTabPanels",mixins:[Ct["a"],wt["b"]],computed:{classes(){return"q-tab-panels q-panel-parent"+(!0===this.isDark?" q-tab-panels--dark q-dark":"")}},methods:{__renderPanels(t){return t("div",{class:this.classes,directives:this.panelDirectives,on:{...this.qListeners}},this.__getPanelContent(t))}}});const Pt={QTabPanels:St};var qt={name:"SwipeTabPanels",props:{threshold:Number,group:String,groups:Array},components:Pt,data(){return{touchPoint:{startLeft:0,startTop:0,startTime:0},distance:{left:0,top:0},translateX:0,transitionOrnot:!1,startTranslateX:0}},methods:{onTouchStart(t){const e=t.changedTouches[0]||t.touches[0],i=e.pageX;this.touchPoint.startLeft=i;const s=e.pageY;this.touchPoint.startTop=s;const a=this.translateX;this.startTranslateX=a;const n=(new Date).getTime();this.touchPoint.startTime=n},onTouchMove(t){const e=t.changedTouches[0]||t.touches[0],i=e.pageX-this.touchPoint.startLeft;this.distance.left=i},onTouchEnd(){if(this.distance.left<-this.threshold){const t=this.groups.findIndex(t=>t===this.group),e=this.groups[t+1]?this.groups[t+1]:this.group;this.$emit("update-group",e)}if(this.distance.left>this.threshold){const t=this.groups.findIndex(t=>t===this.group),e=this.groups[t-1]?this.groups[t-1]:this.group;this.$emit("update-group",e)}}}},$t=qt,kt=Object(m["a"])($t,yt,xt,!1,null,null,null),It=kt.exports,Tt=i("ef35"),jt=i("9c40"),Ot=i("068f"),Lt=i("7460"),Bt=i("429b"),zt=i("dde5"),Ft=U["default"].extend({name:"QTabPanel",mixins:[wt["a"]],render(t){return t("div",{staticClass:"q-tab-panel",on:{...this.qListeners}},Object(zt["c"])(this,"default"))}}),At=i("ad56");const Dt={QInfiniteScroll:Tt["a"],QSpinner:x["a"],QBtn:jt["a"],QImg:Ot["a"],QTab:Lt["a"],QTabs:Bt["a"],QTabPanel:Ft,QIntersection:At["a"]};var Rt={name:"Home",components:{...Dt,SearchBar:o["a"],Menu:v,PresentProduct:q,Banner:$["default"],CatalogList:R,ProductCardV:()=>Promise.resolve().then(i.bind(null,"51398")),ProductCardVLarge:()=>i.e("chunk-21d65af0").then(i.bind(null,"9d25")),YoutubeBanner:rt,YoutubeBannerH:pt,PartnershipShop:_t,SwipeTabPanels:It,MenuBar:()=>Promise.resolve().then(i.bind(null,"c247")),AddToHome:()=>i.e("signin~31ecd969").then(i.bind(null,"c68c"))},mixins:[r["a"]],data(){return{isLoaded:!1,disable:!0,currentCatagory:"New Arrival",catagoryList:["New Arrival","Best Seller","Grab & Go","Pre Order"],products:{"New Arrival":{list:[],nextToken:""},"Best Seller":{list:[],nextToken:""},"Grab & Go":{list:[],nextToken:""},"Pre Order":{list:[],nextToken:""}}}},created(){this.loadCategories(),this.$store.commit("cache/setShowAddToHome",!0)},computed:{...Object(n["b"])("settings",["displaySize"]),...Object(n["b"])("cache",["showAddToHome"]),...Object(n["b"])({bannersHome:"banners/home"}),isChrome(){return null!==this.$q.platform.is.chrome&&void 0!==this.$q.platform.is.chrome&&this.$q.platform.is.chrome},mainBanner(){return{height:"27vw",ratio:16/9,images:[],banners:this.bannersHome||[]}},...Object(n["b"])(["IsProductPriceInventoryLoaded"]),IsLoaded(){return this.IsProductPriceInventoryLoaded&&this.isLoaded},productCardComponent(){switch(this.displaySize){case"large":return"ProductCardVLarge";default:return"ProductCardV"}},changeSizeIcon(){switch(this.displaySize){case"large":return"fas fa-th";default:return"fas fa-th-large"}}},watch:{IsLoaded:{immediate:!0,handler:function(t){t&&(this.disable=!0,this.RESET(),this.disable=!1,this.$refs.infscroll.reset(),this.$refs.infscroll.poll())}},currentCatagory(){this.disable=!1,this.$refs.infscroll.poll()}},methods:{RESET(){this.products={"New Arrival":{list:[],nextToken:""},"Best Seller":{list:[],nextToken:""},"Grab & Go":{list:[],nextToken:""},"Pre Order":{list:[],nextToken:""}}},async loadCategories(){await this.$store.dispatch("catalogs/LoadGroups",{branch:this.$store.getters["branch/code"],list:[9000000002]}),this.isLoaded=!0,await this.$store.dispatch("catalogs/LoadGroups",{branch:this.$store.getters["branch/code"],list:[9000000001,5000000063]})},async loadBanners(){},onSubscribe(){window.open("https://www.youtube.com/channel/UC1fv3d4R7NZxgSesXjU8EOg?sub_confirmation=1","_blank")},async onLoad(t,e){const i=this.$store.getters["branch/code"];if(void 0===this.products[this.currentCatagory].nextToken)return this.disable=!0,void e();const s=await this.$store.dispatch("catalogs/GetAvailableList",{levels:[this.currentCatagory],limit:20,branch:i,nextToken:this.products[this.currentCatagory].nextToken});this.products[this.currentCatagory].list=this.products[this.currentCatagory].list.concat(s.list),this.products[this.currentCatagory].nextToken=s.nextToken,void 0!==s.nextToken&&null!==s.nextToken||(this.disable=!0),e()},onSearch(t){},onVilla(){this.$router.go()},onCart(){this.$router.push("/cart")},onBarcode(){this.$router.push("/barcode")},onProfile(){this.$router.push("/profile").catch(()=>{})},onPromotion(){this.$router.push("/promotions")},onChangeSize(){switch(this.sizing){case"fas fa-th-large":this.sizing="fas fa-th",this.$store.commit("settings/setDisplaySize","large");break;default:this.sizing="fas fa-th-large",this.$store.commit("settings/setDisplaySize","small");break}},onFocusSearchBar(){this.$q.platform.is.mobile&&this.$router.push("/search")},onPartnershipshopSeeAll(){this.$router.push({name:"AllProduct",params:{categoryL1:"Partnership Shops"}})},onTabCategory(t){this.$gtag&&this.$gtag.event("select_content",{content_type:"4 Main category bar ",item_id:t})}}},Et=Rt,Nt=(i("9e2f"),i("4380"),Object(m["a"])(Et,s,a,!1,null,"74230ca0",null));e["default"]=Nt.exports},bcd5:function(t,e,i){"use strict";i.r(e);var s=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"row",staticStyle:{"padding-bottom":"60px"}},[t.$q.screen.lt.sm?i("TitleBar",{attrs:{"center-slot":"History Items"}}):t._e(),t.$q.screen.lt.sm?t._e():i("div",{staticClass:"title self-center text-primary"},[t._v(" History Items ")]),i("div",{staticClass:"col-12 row items-stretch",staticStyle:{padding:"16px"}},t._l(t.products,(function(e,s){return i("ProductCardV",{key:s,attrs:{info:e},on:{"add-to-cart":function(i){return t.AddToCart(e)}}})})),1),i("MenuBar")],1)},a=[],n=i("51398"),r=i("2f62"),o=i("256a"),c=i("2ba5"),l={name:"Favorites",components:{ProductCardV:n["default"],TitleBar:()=>i.e("signin~31ecd969").then(i.bind(null,"1e1d")),MenuBar:()=>Promise.resolve().then(i.bind(null,"c247"))},mixins:[o["a"],c["a"]],data(){return{products:[]}},computed:{...Object(r["b"])(["IsProductPriceInventoryLoaded"]),...Object(r["b"])(["user/loading"]),combined(){return!this["user/loading"]&&this.IsProductPriceInventoryLoaded}},watch:{combined:{immediate:!0,handler:function(t){t&&this.loadProducts()}}},created(){this.loadUser()},methods:{async loadProducts(){const t=this.$store.getters["branch/code"],e=await this.$store.dispatch("order/GetHistoryItems");let i=[];for(const a in e)i.push(parseInt(a));const s=await this.$store.dispatch("catalogs/GetMultiple",{list:i.map(t=>({cprcode:t})),branch:t});this.products=s}}},d=l,u=(i("fd69"),i("2877")),p=Object(u["a"])(d,s,a,!1,null,"1e0aa2a6",null);e["default"]=p.exports},c697:function(t,e,i){"use strict";i("2f38")},d5b4:function(t,e,i){"use strict";i("f733")},d5f9:function(t,e,i){},d986:function(t,e,i){},da66:function(t,e,i){"use strict";i.r(e);var s=function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("router-link",{staticClass:"card-product row",staticStyle:{"text-decoration":"none"},attrs:{to:"/product/"+t.info.cprcode}},[s("div",{staticClass:"col-4 flex items-start q-pa-xs"},[s("q-img",{staticClass:"img",attrs:{basic:"","placeholder-src":i("cbd0"),height:"90px",contain:"",src:t.imageSrc},on:{error:function(e){return t.retryImageSrc(t.info.cprcode,t.info.pr_use_original_img)}}})],1),s("div",{staticClass:"col-8 column detail",style:"\n "+(t.showShadow?"box-shadow: -2.8px 0px 2.2px rgba(245, 245, 255, 1);":"")+"\n padding:10px 0\n "},[s("div",[s("div",{staticClass:"brand"},[t._v(t._s(t.info.hema_name_en))]),s("div",{staticClass:"row"},[s("div",{staticClass:"col-6 text-dark-grey description"},[t._v(" "+t._s(t.info.hema_brand_en)+" ")]),s("div",{staticClass:"col-6 text-right text-dark-grey description q-pr-sm"},[t._v(" "+t._s(t.info.hema_sizedesc)+" ")])]),s("div",{staticClass:"row q-gutter-xs q-mr-sm"},["PREORDER_RELATIVE"===t.preorder.type?s("q-badge",{attrs:{outline:"",color:"lime-10"}},[t._v(t._s(t.preorder.relativeDay)+" day advance order")]):t._e(),"PREORDER_FIXED"===t.preorder.type?s("q-badge",{attrs:{outline:"",color:"lime-10"}},[t._v("Delivery on "+t._s(t.displayDeliveryDate))]):t._e()],1)]),t.two4discount?s("div",[s("q-badge",{attrs:{outline:"",color:"red-10"}},[t._v(" Buy 2 save ฿ "+t._s(t.two4discount)+" ")])],1):t._e(),t.isShopAtStore?s("div",{staticClass:"row q-mb-xs q-mr-sm"},[s("div",{staticClass:"row items-baseline self-end"},[s("div",[s("span",{staticClass:"special-price",staticStyle:{color:"#575757"}},[s("span",{staticStyle:{"font-size":"14px"}},[t._v("฿")]),t._v(" "+t._s(t.$priceFormat(t.info.price))+" ")]),t.info.lastPrice?s("span",{staticClass:"special-price",staticStyle:{color:"#979797","text-decoration":"line-through"}},[s("span",{staticStyle:{"font-size":"14px"}},[t._v("฿")]),t._v(" "+t._s(t.$priceFormat(t.info.lastPrice))+" ")]):t._e(),t.info.lastPrice?s("span",{staticClass:"discount-price"},[t._v("-"+t._s(t.calculateDiscount)+"%")]):t._e(),t.info.unit?s("span",{staticClass:"unit-price"},[t._v(" /"+t._s(t.info.unit)+" ")]):t._e()])]),s("div",{staticClass:"col-grow"}),s("q-btn",{attrs:{rounded:"",color:"dark",size:"7px","aria-label":"add to cart"}},[s("div",{staticClass:"row items-center no-wrap"},[s("q-icon",{attrs:{left:"",name:"shopping_cart"}}),s("div",{staticClass:"text-center"},[t._v("Store"),s("br"),t._v("Only")])],1)])],1):t.info.pre_type||t.info.stock>0?s("div",{staticClass:"row q-mb-xs q-mr-sm"},[s("div",{staticClass:"row items-baseline self-end"},[s("div",[s("span",{staticClass:"special-price"},[s("span",{staticStyle:{"font-size":"14px"}},[t._v("฿")]),t._v(" "+t._s(t.$priceFormat(t.info.price))+" ")]),t.info.lastPrice?s("span",{staticClass:"special-price",staticStyle:{color:"#575757","text-decoration":"line-through"}},[s("span",{staticStyle:{"font-size":"14px"}},[t._v("฿")]),t._v(" "+t._s(t.$priceFormat(t.info.lastPrice))+" ")]):t._e(),t.info.lastPrice?s("span",{staticClass:"discount-price"},[t._v("-"+t._s(t.calculateDiscount)+"%")]):t._e(),t.info.unit?s("span",{staticClass:"unit-price"},[t._v("/"+t._s(t.info.unit))]):t._e()])]),s("div",{staticClass:"col-grow text-right"},[t.atToCard<=0?s("div",[s("q-btn",{attrs:{round:"",color:"primary",size:"10px",icon:"shopping_cart","aria-label":"add to cart"},on:{click:function(e){return e.preventDefault(),t.onAtToCard(t.info)}}})],1):s("div",{staticStyle:{display:"flex","justify-content":"flex-end","align-items":"center"}},[s("div",[s("q-btn",{attrs:{round:"",dense:"",color:"primary",size:"10px","aria-label":"remove from cart"},on:{click:function(e){return e.preventDefault(),t.subtract(t.info)}}},[s("i",{staticClass:"fas fa-minus"})])],1),s("p",{staticClass:"special-price",staticStyle:{padding:"0 10px",margin:"0px"}},[t._v(" "+t._s(t.atToCard)+" ")]),s("div",[s("q-btn",{attrs:{round:"",dense:"",color:"primary",size:"10px",icon:"add","aria-label":"add to cart"},on:{click:function(e){return e.preventDefault(),t.onAtToCard(t.info)}}})],1)])])]):t.info.stock<=0||void 0===t.info.stock?s("div",{staticClass:"row q-mb-xs q-mr-sm justify-end"},[s("div",{staticClass:"row items-baseline self-end"},[s("div",[s("span",{staticClass:"special-price",staticStyle:{color:"#575757"}},[s("span",{staticStyle:{"font-size":"14px"}},[t._v("฿")]),t._v(" "+t._s(t.$priceFormat(t.info.price))+" ")]),t.info.lastPrice?s("span",{staticClass:"special-price",staticStyle:{color:"#979797","text-decoration":"line-through"}},[s("span",{staticStyle:{"font-size":"14px"}},[t._v("฿")]),t._v(" "+t._s(t.$priceFormat(t.info.lastPrice))+" ")]):t._e(),t.info.lastPrice?s("span",{staticClass:"discount-price"},[t._v("-"+t._s(t.calculateDiscount)+"%")]):t._e(),t.info.unit?s("span",{staticClass:"unit-price"},[t._v(" /"+t._s(t.info.unit)+" ")]):t._e()])]),s("div",{staticClass:"col-grow"}),s("q-btn",{attrs:{rounded:"",color:"dark",size:"7px","aria-label":"add to cart"}},[s("div",{staticClass:"row items-center no-wrap"},[s("q-icon",{attrs:{left:"",name:"shopping_cart"}}),s("div",{staticClass:"text-center"},[t._v("out of"),s("br"),t._v("stock")])],1)])],1):t._e()]),t.badge.left?s("q-img",{staticClass:"overlay",attrs:{basic:"",src:""+t.badge.left}}):t._e(),t.badge.right?s("q-img",{staticClass:"overlay-right",attrs:{basic:"",src:""+t.badge.right}}):t._e()],1)},a=[],n=i("013f"),r=i("07f7"),o=i("0454"),c=i("256a"),l=i("2544"),d=i("d62e"),u=i("58a8"),p={name:"ProductCardH",props:["info"],components:{QBadge:u["a"]},mixins:[r["a"],o["a"],c["a"],l["a"],d["a"]],data(){return{loading:!1,showShadow:!1,atToCard:0}},computed:{badge(){return this.info.badge||{}},two4discount(){return this.info.two4discount}},watch:{"info.cprcode":{handler:function(t){this.initializeImageSrc(t,this.info.pr_use_original_img)}}},mounted(){this.showShadow=!1,this.initializeImageSrc(this.info.cprcode,this.info.pr_use_original_img)},methods:{$priceFormat(t){return Object(n["a"])(t)},async subtract(t){try{const{message:e}=await this.$store.dispatch("cart/Decrement",t);"SUCCESS"===e&&(this.atToCard-=1)}catch(e){}},onAtToCard(t){this.AddToCart(t,t=>{t||(this.atToCard+=1,this.$gtag&&this.$gtag.event("add_to_cart",{currency:"THB",items:[{id:this.info.cprcode,name:this.info.hema_name_en}],value:this.atToCard}))})}}},h=p,m=(i("3aed"),i("6a30"),i("2877")),f=Object(m["a"])(h,s,a,!1,null,"5fbf54d6",null);e["default"]=f.exports},db7a:function(t,e,i){"use strict";i("a79f")},dbf0:function(t,e,i){},dbf1:function(t,e,i){},dd79:function(t,e,i){"use strict";i("ff4b")},e28e:function(t,e,i){},e346:function(t,e,i){"use strict";i("9abb")},e6a0:function(t,e,i){"use strict";i("9dae")},e7b6:function(t,e,i){"use strict";i("652a")},e98a:function(t,e,i){"use strict";i.r(e);var s=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"row"},[t.$q.screen.lt.sm?i("TitleBar",{attrs:{"center-slot":"Recommend For You"}}):t._e(),t.$q.screen.gt.xs?i("TileBar",{staticClass:"col-12 col-sm-12 col-md-12",attrs:{optionButton:"Back"},on:{"on-button":function(e){return t.$router.go(-1)}}}):t._e(),t.$q.screen.lt.sm?t._e():i("div",{staticClass:"title self-center text-primary"},[t._v(" Recommend For You ")]),i("div",{staticClass:"col-12 row items-stretch",staticStyle:{padding:"16px"}},t._l(t.products.list,(function(e,s){return i("ProductCardV",{key:s,attrs:{info:e},on:{"add-to-cart":function(i){return t.AddToCart(e)}}})})),1)],1)},a=[],n=i("51398"),r=i("2f62"),o=i("256a"),c={components:{ProductCardV:n["default"],TitleBar:()=>i.e("signin~31ecd969").then(i.bind(null,"1e1d")),TileBar:()=>i.e("chunk-5af30cec").then(i.bind(null,"7112"))},mixins:[o["a"]],data(){return{isLoaded:!1,groupName:null,products:{list:[]}}},created(){this.$store.dispatch("catalogs/LoadGroups",{branch:this.$store.getters["branch/code"],list:[7e9]}).then(t=>{this.isLoaded=!0,this.groupName=t[0].groupName})},computed:{...Object(r["b"])(["IsProductPriceInventoryLoaded"]),IsLoaded(){return this.IsProductPriceInventoryLoaded&&this.isLoaded}},watch:{IsLoaded:{immediate:!0,handler:function(t){t?this.loadProducts():this.products.list=[]}}},mounted(){},methods:{async loadProducts(){const t=this.$store.getters["branch/code"],e=await this.$store.dispatch("catalogs/GetAvailableList",{levels:[this.groupName],limit:100,branch:t,nextToken:""});this.products.list=e.list}}},l=c,d=(i("e346"),i("1c97"),i("2877")),u=Object(d["a"])(l,s,a,!1,null,"d106488c",null);e["default"]=u.exports},f126:function(t,e,i){"use strict";i("d986")},f318:function(t,e,i){},f612:function(t,e,i){},f6d1:function(t,e,i){},f733:function(t,e,i){},fd69:function(t,e,i){"use strict";i("5018")},fe55:function(t,e,i){"use strict";i.r(e);var s=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"row",staticStyle:{"padding-bottom":"60px"}},[t.$q.screen.lt.sm?i("TitleBar",{attrs:{"center-slot":"Promotions"}}):t._e(),t.$q.screen.gt.xs?i("TileBar",{staticClass:"col-12 col-sm-12 col-md-12",attrs:{optionButton:"Back"},on:{"on-button":function(e){return t.$router.go(-1)}}}):t._e(),i("q-intersection",{staticClass:"example-item",attrs:{once:""}},[i("q-img",{attrs:{basic:"",src:t.image}})],1),i("div",{staticClass:"q-pt-lg q-pa-sm",staticStyle:{"white-space":"pre-line","font-size":"20px"}},[t._v(" "+t._s(t.description)+" ")]),i("div",{staticClass:"col-12 q-mt-md row items-stretch",staticStyle:{padding:"16px"}},t._l(t.products,(function(e,s){return i("ProductCardV",{key:s,attrs:{info:e},on:{"add-to-cart":function(i){return t.AddToCart(e)}}})})),1),i("MenuBar")],1)},a=[],n=i("51398"),r=i("2f62"),o=i("ad56"),c=i("256a"),l={components:{QIntersection:o["a"],ProductCardV:n["default"],TitleBar:()=>i.e("signin~31ecd969").then(i.bind(null,"1e1d")),TileBar:()=>i.e("chunk-5af30cec").then(i.bind(null,"7112")),MenuBar:()=>Promise.resolve().then(i.bind(null,"c247"))},mixins:[c["a"]],data(){return{products:[]}},computed:{...Object(r["b"])(["IsProductPriceInventoryLoaded"]),...Object(r["b"])(["banners/loading"]),Banner(){return this.$store.getters["banners/bannerById"](this.$route.params.id)},description(){if(this.Banner)return this.Banner.description},image(){return this.Banner?this.Banner.imageUrl[0]:null},productList(){return this.Banner?this.Banner.productList:[]},combined(){return!this["banners/loading"]&&this.IsProductPriceInventoryLoaded}},watch:{combined:{immediate:!0,handler:function(t){t&&this.loadProducts()}},Banner:{immediate:!0,handler:function(t){null!==t&&void 0!==t||this.$store.dispatch("banners/loadBanner",this.$route.params.id)}}},mounted(){},methods:{async loadProducts(){const t=this.$store.getters["branch/code"],e=await this.$store.dispatch("catalogs/GetMultiple",{list:this.productList,branch:t});this.products=e}}},d=l,u=(i("a914"),i("2877")),p=Object(u["a"])(d,s,a,!1,null,"cc2ef464",null);e["default"]=p.exports},ff4b:function(t,e,i){}}]);