https://gak.vn/_nuxt/CtweCawR.js

1import{_ as de,m as pe,H as me,a as fe,r as f,x as ge,y as re,D as _e,E as be,i as I,f as b,B as ve,b as u,d as r,c as v,g as n,t as k,e as C,F as R,h as q,j as N,q as Z,s as he,z as ye,l as xe,p as we,k as ke}from"./BsztAE7R.js";import Ce from"./C_xNibtf.js";import De from"./DmdRhR4h.js";import Le from"./Dd1wGGcm.js";import ze from"./CMK6KNxA.js";import{u as Se,a as Te}from"./CQFFgcqh.js";import{u as oe}from"./B5ncmkVK.js";import{a as Ee,S as Pe}from"./B21C5Nu9.js";import{g as $e,c as je,n as He,e as Ve}from"./Ba_1-N2O.js";import{c as Oe}from"./BvJpK_W-.js";import{P as ie}from"./D--iSfNA.js";import{u as Ae}from"./GjcCaxn3.js";import"./CQVAFrnp.js";import"./CBPZeWmQ.js";import"./DWbn02_I.js";import"./HjpDKbth.js";import"./Cy-kQQHm.js";import"./BZGb0MM9.js";import"./Dp-dJ4Vx.js";import"./jQ4HBlfF.js";import"./B08LnwSc.js";import"./CxIZtCgj.js";import"./DKYSSvv7.js";import"./mUcD73Oc.js";import"./DBjuQfgi.js";import"./Bk5vvaBX.js";import"./A-tG7lWR.js";import"./LfzR3MiP.js";import"./DRQOZBbO.js";import"./BpxL3LdH.js";/* empty css        */function Be(ee){let{swiper:e,extendParams:E,on:w,emit:g}=ee;const P=$e();let $=!1,U=null,j=null,O,_,h,H;E({scrollbar:{el:null,dragSize:"auto",hide:!1,draggable:!1,snapOnRelease:!0,lockClass:"swiper-scrollbar-lock",dragClass:"swiper-scrollbar-drag",scrollbarDisabledClass:"swiper-scrollbar-disabled",horizontalClass:"swiper-scrollbar-horizontal",verticalClass:"swiper-scrollbar-vertical"}}),e.scrollbar={el:null,dragEl:null};function y(){if(!e.params.scrollbar.el||!e.scrollbar.el)return;const{scrollbar:a,rtlTranslate:o}=e,{dragEl:t,el:s}=a,l=e.params.scrollbar,c=e.params.loop?e.progressLoop:e.progress;let m=_,i=(h-_)*c;o?(i=-i,i>0?(m=_-i,i=0):-i+_>h&&(m=h+i)):i<0?(m=_+i,i=0):i+_>h&&(m=h-i),e.isHorizontal()?(t.style.transform=`translate3d(${i}px, 0, 0)`,t.style.width=`${m}px`):(t.style.transform=`translate3d(0px, ${i}px, 0)`,t.style.height=`${m}px`),l.hide&&(clearTimeout(U),s.style.opacity=1,U=setTimeout(()=>{s.style.opacity=0,s.style.transitionDuration="400ms"},1e3))}function A(a){!e.params.scrollbar.el||!e.scrollbar.el||(e.scrollbar.dragEl.style.transitionDuration=`${a}ms`)}function x(){if(!e.params.scrollbar.el||!e.scrollbar.el)return;const{scrollbar:a}=e,{dragEl:o,el:t}=a;o.style.width="",o.style.height="",h=e.isHorizontal()?t.offsetWidth:t.offsetHeight,H=e.size/(e.virtualSize+e.params.slidesOffsetBefore-(e.params.centeredSlides?e.snapGrid[0]:0)),e.params.scrollbar.dragSize==="auto"?_=h*H:_=parseInt(e.params.scrollbar.dragSize,10),e.isHorizontal()?o.style.width=`${_}px`:o.style.height=`${_}px`,H>=1?t.style.display="none":t.style.display="",e.params.scrollbar.hide&&(t.style.opacity=0),e.params.watchOverflow&&e.enabled&&a.el.classList[e.isLocked?"add":"remove"](e.params.scrollbar.lockClass)}function G(a){return e.isHorizontal()?a.clientX:a.clientY}function F(a){const{scrollbar:o,rtlTranslate:t}=e,{el:s}=o;let l;l=(G(a)-Ve(s)[e.isHorizontal()?"left":"top"]-(O!==null?O:_/2))/(h-_),l=Math.max(Math.min(l,1),0),t&&(l=1-l);const c=e.minTranslate()+(e.maxTranslate()-e.minTranslate())*l;e.updateProgress(c),e.setTranslate(c),e.updateActiveIndex(),e.updateSlidesClasses()}function Y(a){const o=e.params.scrollbar,{scrollbar:t,wrapperEl:s}=e,{el:l,dragEl:c}=t;$=!0,O=a.target===c?G(a)-a.target.getBoundingClientRect()[e.isHorizontal()?"left":"top"]:null,a.preventDefault(),a.stopPropagation(),s.style.transitionDuration="100ms",c.style.transitionDuration="100ms",F(a),clearTimeout(j),l.style.transitionDuration="0ms",o.hide&&(l.style.opacity=1),e.params.cssMode&&(e.wrapperEl.style["scroll-snap-type"]="none"),g("scrollbarDragStart",a)}function J(a){const{scrollbar:o,wrapperEl:t}=e,{el:s,dragEl:l}=o;$&&(a.preventDefault?a.preventDefault():a.returnValue=!1,F(a),t.style.transitionDuration="0ms",s.style.transitionDuration="0ms",l.style.transitionDuration="0ms",g("scrollbarDragMove",a))}function p(a){const o=e.params.scrollbar,{scrollbar:t,wrapperEl:s}=e,{el:l}=t;$&&($=!1,e.params.cssMode&&(e.wrapperEl.style["scroll-snap-type"]="",s.style.transitionDuration=""),o.hide&&(clearTimeout(j),j=He(()=>{l.style.opacity=0,l.style.transitionDuration="400ms"},1e3)),g("scrollbarDragEnd",a),o.snapOnRelease&&e.slideToClosest())}function B(a){const{scrollbar:o,params:t}=e,s=o.el;if(!s)return;const l=s,c=t.passiveListeners?{passive:!1,capture:!1}:!1,m=t.passiveListeners?{passive:!0,capture:!1}:!1;if(!l)return;const i=a==="on"?"addEventListener":"removeEventListener";l[i]("pointerdown",Y,c),P[i]("pointermove",J,c),P[i]("pointerup",p,m)}function K(){!e.params.scrollbar.el||!e.scrollbar.el||B("on")}function L(){!e.params.scrollbar.el||!e.scrollbar.el||B("off")}function z(){const{scrollbar:a,el:o}=e;e.params.scrollbar=Oe(e,e.originalParams.scrollbar,e.params.scrollbar,{el:"swiper-scrollbar"});const t=e.params.scrollbar;if(!t.el)return;let s;typeof t.el=="string"&&e.isElement&&(s=e.el.querySelector(t.el)),!s&&typeof t.el=="string"?s=P.querySelectorAll(t.el):s||(s=t.el),e.params.uniqueNavElements&&typeof t.el=="string"&&s.length>1&&o.querySelectorAll(t.el).length===1&&(s=o.querySelector(t.el)),s.length>0&&(s=s[0]),s.classList.add(e.isHorizontal()?t.horizontalClass:t.verticalClass);let l;s&&(l=s.querySelector(`.${e.params.scrollbar.dragClass}`),l||(l=je("div",e.params.scrollbar.dragClass),s.append(l))),Object.assign(a,{el:s,dragEl:l}),t.draggable&&K(),s&&s.classList[e.enabled?"remove":"add"](e.params.scrollbar.lockClass)}function D(){const a=e.params.scrollbar,o=e.scrollbar.el;o&&o.classList.remove(e.isHorizontal()?a.horizontalClass:a.verticalClass),L()}w("init",()=>{e.params.scrollbar.enabled===!1?M():(z(),x(),y())}),w("update resize observerUpdate lock unlock",()=>{x()}),w("setTranslate",()=>{y()}),w("setTransition",(a,o)=>{A(o)}),w("enable disable",()=>{const{el:a}=e.scrollbar;a&&a.classList[e.enabled?"remove":"add"](e.params.scrollbar.lockClass)}),w("destroy",()=>{D()});const V=()=>{e.el.classList.remove(e.params.scrollbar.scrollbarDisabledClass),e.scrollbar.el&&e.scrollbar.el.classList.remove(e.params.scrollbar.scrollbarDisabledClass),z(),x(),y()},M=()=>{e.el.classList.add(e.params.scrollbar.scrollbarDisabledClass),e.scrollbar.el&&e.scrollbar.el.classList.add(e.params.scrollbar.scrollbarDisabledClass),D()};Object.assign(e.scrollbar,{enable:V,disable:M,updateSize:x,setTranslate:y,init:z,destroy:D})}const Me={key:0,class:"category-page pt-8 bg-white"},Ie={class:"px-4 md:px-8"},Re={class:"category-header mb-6"},qe={class:"category-header-title"},Ne={class:"font-bold uppercase !text-2xl lg:!text-4xl"},Ue={key:0,class:"category-tabs w-full"}

1,Ge=["src"],Fe={class:"category-name text-center xl:text-left font-semibold min-h-[40px] sm:min-h-0"},Ke={class:"category-main flex lg:flex-row flex-col justify-between w-full gap-6 mt-12"},We={class:"category-main-left w-full lg:max-w-[350px] md:pr-4"},Xe={class:"flex flex-col gap-4 justify-start w-full"},Ye={class:"filter-result text-sm font-semibold w-full pb-2 border-b border-gray-400 flex items-center justify-between gap-4"},Je={class:"filter-options grid grid-cols-1 sm:grid-cols-2 lg:flex hidden lg:flex-wrap lg:flex-col gap-4"},Qe={class:"filter-option-item flex flex-col gap-4"},Ze={class:"truncate text-gray-700"},et={class:"flex flex-col gap-4"},tt={class:"italic text-gray-900 dark:text-white text-center !mx-4"},st={class:"category-data flex flex-col gap-4 flex-1"},at={class:"flex justify-between gap-6 w-full"},lt={class:"category-filter-data flex items-center z-50 w-full gap-4"},rt={class:"uppercase text-gray-500 fs-14 font-medium"},ot={key:0,class:"category-data-list"},it={key:1,class:"category-data-list"},nt={key:2,class:"category-data-list"},ct={class:"h-48 w-full text-center p-6 border border-dashed border-gray-400 rounded-lg flex items-center justify-center"},ut={class:"category-description flex items-center mt-6 bg-[#f1f1f1] p-6 w-full min-h-[250px]"},dt={class:"container mx-auto md:max-w-[1280px] p-4"},pt={class:"text-gray-500 font-medium fs-20 leading-relaxed"},mt=["innerHTML"],ft={__name:"[slug]",async setup(ee){let e,E;const{locale:w,t:g}=pe(),P=me(),$=fe(),U=[Be],j=f(!1);f(!0);const O=f(0),_=Ae(),{link:h}=ge(_);h.value=null;const H=f([{name:g("Latest"),value:0},{name:g("Oldest"),value:1},{name:g("Price: Low to High"),value:2},{name:g("Price: High to Low"),value:3}]),y=f(H.value[0]);f({}),f({}),f(null);const A=f(0);let x=f({});const G=()=>{x.value={},A.value++},F=(t,s)=>{x.value[t]=s,x.value[t]||delete x.value[t],A.value++},Y=t=>{O.value=t,j.value=!0,setTimeout(()=>{j.value=!1},500)},J=async()=>{let t={category_slug:P.currentRoute.value.params.slug,lang:w.value},s=Object.entries(x.value).map(([l,c])=>({key:l,value:c}));switch(s.length>0&&(s=s.filter(l=>l.value==!0),s.forEach((l,c)=>{l.value&&(t[`attributes[${c}]`]=l.key)})),y.value.value){case 0:t["sort[desc][0]"]="id";break;case 1:t["sort[asc][0]"]="id";break;case 2:t["sort[desc][0]"]="price_discount";break;case 3:t["sort[asc][0]"]="price_discount";break}return t},{data:p,status:B,error:K}=([e,E]=re(()=>Se("collection-category",async()=>oe(`/api/v1/categories/${P.currentRoute.value.params.slug}`,{params:{lang:w.value}}))),e=await e,E(),e),{data:L,status:z}=([e,E]=re(async()=>Te("product-category",async()=>oe("/api/v1/products",{params:await J()}),{default:()=>[],watch:[y,A]})),e=await e,E(),e);K.value&&_e({path:`/${w.value}/404`},{redirectCode:301,replace:!0});const D=f(""),V=f(""),M=f(""),a=f(),o=f({});return be(t=>{var s,l,c,m,i,W,X;B.value==="success"&&(D.value=(s=p.value.item)==null?void 0:s.meta_title,V.value=(l=p.value.item)==null?void 0:l.meta_description,M.value=(c=p.value.item)==null?void 0:c.meta_key,a.value=(m=p.value.item)==null?void 0:m.image_url,(i=p.value.item)!=null&&i.slug_other&&(w.value=="vi"?h.value=`/en/collection/${(W=p.value.item)==null?void 0:W.slug_other}`:h.value=`/vi/collection/${(X=p.value.item)==null?void 0:X.slug_other}`),o.value={description:V.value,ogDescription:V.value,ogTitle:D.value,title:D.value,twitterTitle:D.value,twitterImage:a.value,twitterImageAlt:D.value,twitterDescription:V.value,keywords:M.value,image:a.value,ogImage:a.value,ogImageAlt:D.value},ye(o.value),B.value="pending")}),(t,s)=>{const l=ke,c=Ce,m=xe,i=we,W=De,X=Le,ne=ze,ce=ve;return u(),I(ce,{name:"main"},{default:b(()=>{var te,se,ae,le;return[r(K)?N("",!0):(u(),v("div",Me,[n("div",Ie,[n("div",Re,[n("div",qe,[n("h1",Ne,k((te=r(p))==null?void 0:te.item.name),1)]),((se=r(p))==null?void 0:se.item.descendants.length)>0?(u(),v("div",Ue,[C(r(Ee),{slidesPerView:2,spaceBetween:8,slidesPerGroup:2,scrollbar:!0,modules:U,breakpoints:{1280:{slidesPerView:5,slidesPerGroup:5,spaceBetween:16},992:{slidesPerView:4,slidesPerGroup:4,spaceBetween:16},768:{slidesPerView:3,slidesPerGroup:3,spaceBetween:15}},class:"swiper category-swiper min-w-0 relative z-10"},{default:b(()=>{var d;return[(u(!0),v(R,null,q((d=r(p))==null?void 0:d.item.descendants,(S,T)=>

1(u(),I(r(Pe),{key:t.product,class:"!h-[300px] xl:!h-[400px] w-[200px] mr-4"},{default:b(()=>[C(c,{ui:{wrapper:"",shadow:"",ring:"",body:{base:"h-full",padding:"p-0 sm:p-2"}},class:"category-card h-full",onClick:Q=>Y(T)},{default:b(()=>[C(l,{to:r($)({name:"collection-slug",params:{slug:S.slug}}),class:"category-item flex flex-col justify-between gap-2 h-full"},{default:b(()=>[n("img",{src:S.image_url,format:"webp",class:"w-full object-contain object-center xl:object-left rounded-md h-[90%]"},null,8,Ge),n("div",Fe,k(S.name),1)]),_:2},1032,["to"])]),_:2},1032,["onClick"])]),_:2},1024))),128))]}),_:1})])):N("",!0)]),n("div",Ke,[n("div",We,[n("div",Xe,[n("div",Ye,[Z(k((r(z)=="success"&&r(L).data?r(L).data.length:"")+" "+r(g)("Result"))+" ",1),Object.keys(r(x)).length>0?(u(),I(m,{key:0,size:"lg",variant:"ghost",color:"none",class:"border rounded-3xl border-black font-bold",onClick:G},{default:b(()=>[Z(k(r(g)("Clear filtering")),1)]),_:1})):N("",!0)]),n("div",Je,[(u(!0),v(R,null,q(r(p).variants,d=>(u(),v("div",Qe,[(u(),I(X,{items:[d],key:d,defaultOpen:!1},{default:b(({item:S,index:T,open:Q})=>[C(m,{color:"none",variant:"ghost",class:"border-b border-gray-200 dark:border-gray-700 pl-0",ui:{rounded:"rounded-none",padding:{sm:"p-3"}}},{trailing:b(()=>[C(i,{name:Q?"i-heroicons-minus":"i-heroicons-plus",class:"w-5 h-5 ms-auto transform transition-transform duration-200"},null,8,["name"])]),default:b(()=>[n("span",Ze,k(S.name)+" ("+k(S.attributes.length)+")",1)]),_:2},1024)]),item:b(({item:S})=>[(u(!0),v(R,null,q(S.attributes,(T,Q)=>(u(),v("div",et,[n("p",tt,[C(W,{modelValue:r(x)[T.id],onChange:ue=>F(T.id,ue),size:"lg",class:"rounded-full",name:T.name,ui:{inner:"w-full text-left"},label:T.name},null,8,["modelValue","onChange","name","label"])])]))),256))]),_:2},1032,["items","defaultOpen"]))]))),256))])])]),n("div",st,[n("div",at,[n("div",lt,[n("span",rt,k(r(g)("Classification")),1),C(ne,{modelValue:r(y),"onUpdate:modelValue":s[0]||(s[0]=d=>he(y)?y.value=d:null),options:r(H),"option-attribute":"name",class:"w-full max-w-[200px]"},{option:b(({option:d})=>[n("span",null,k(d.name),1)]),default:b(()=>[C(m,{size:"lg",color:"gray",class:"flex-1 justify-between"},{default:b(()=>[Z(k(r(y)?r(y).name:r(g)("Sort by"))+" ",1),C(i,{name:"i-heroicons-chevron-right-20-solid",class:"w-5 h-5 transition-transform transform rotate-90 text-gray-400 dark:text-gray-500"})]),_:1})]),_:1},8,["modelValue","options"])])]),r(z)=="pending"?(u(),v("div",ot,[(u(),v(R,null,q(8,d=>n("div",{class:"category-data-item",key:d},[C(r(ie))])),64))])):r(z)=="success"&&r(L).data&&r(L).data.length>0?(u(),v("div",it,[(u(!0),v(R,null,q(r(L).data,d=>(u(),v("div",{class:"category-data-item",key:d},[C(r(ie),{product:d},null,8,["product"])]))),128))])):r(z)=="success"&&r(L).data&&r(L).data.length==0?(u(),v("div",nt,[n("div",ct,k(r(g)("There are no products in this category")),1)])):N("",!0)])])]),n("div",ut,[n("div",dt,[n("span",pt,k(r(g)("GAK is a pioneer in delivering high-quality, precisely customized products tailored to customer needs, with a steadfast commitment to continuous improvement")),1)])])])),(le=(ae=r(p))==null?void 0:ae.item)!=null&&le.content_seo?(u(),I(c,{key:1,class:"m-6 prose prose-lg max-w-full"},{default:b(()=>{var d;return[n("div",{innerHTML:(d=r(p))==null?void 0:d.item.content_seo},null,8,mt)]}),_:1})):N("",!0)]}),_:1})}}},Ft=de(ft,[["__scopeId","data-v-e3120ef9"]]);export{Ft as default};