https://ioh.co.id/_nuxt/BoKX5_OS.js

1import{_ as Q}from"./k5mfIBr3.js";import{d as U,u as W,e as $,c as i,g as s,i as m,f as t,v as F,h as f,q as u,a6 as X,T as z,C as P,o,p as I,t as v,a9 as V,aa as j,F as w,s as N,A as T,a4 as Y,r as b,j as D,ai as Z,I as ee}from"./fKDK9Na9.js";const te={class:"relative flex gap-6"},ae={class:"flex flex-col gap-3 flex-1"},se={class:"font-bold text-base"},oe={class:"flex gap-6"},le={class:"flex gap-3"},ne={class:"font-bold text-base"},ie={class:"text-sm hover:text-[#EC008C]"},ue=U({name:"NavigationItem",__name:"CorporateSiteMenu",props:{sitesMenuInformation:{},route:{},lang:{},isNested:{type:Boolean}},emits:["close-all"],setup(c,{emit:L}){const a=c,E=L,A=W(),l=b(!1),p=b(null),x=D(()=>a.route.metaData?.children??[]),h=D(()=>x.value.length>0),S=D(()=>a.sitesMenuInformation?.type??"Default Menu"),k=D(()=>A.fullPath.includes(a.route.path)),O=()=>{h.value&&(clearTimeout(p.value),l.value=!0)},_=()=>{clearTimeout(p.value),p.value=setTimeout(()=>{l.value=!1},200)},B=()=>{clearTimeout(p.value)},q=()=>{h.value&&(l.value=!l.value)},M=()=>{l.value=!1},y=()=>{M(),E("close-all")};$(()=>A.fullPath,()=>{M()});const R=b(null),C=b("top-full mt-4 left-0"),H=()=>{const d=R.value;if(!d)return;d.getBoundingClientRect().bottom>window.innerHeight?C.value="bottom-full mb-4 left-0":C.value="top-full mt-4 left-0"};return $(()=>l.value,d=>{d&&ee(()=>{H()})}),(d,n)=>{const g=Q,G=P("vue-feather"),J=P("NavigationItem"),K=Z("click-outside");return o(),i("div",{class:m(["relative text-gray-700 transition-colors font-medium select-none",[c.isNested?"w-full":"ml-2"]])},[s("div",{class:m(["flex justify-between items-center gap-3 rounded-full px-4 py-1 transition-all duration-300",[c.isNested?"hover:bg-white group/item cursor-pointer py-2":"hover:text-white hover:bg-[#EC008C]",(t(l)||t(k))&&!c.isNested?"text-white bg-[#EC008C]":""]]),onMouseenter:O,onMouseleave:_},[c.isNested?(o(),i("span",{key:0,class:m(["absolute -left-6.75 w-2.5 h-2.5 rounded-full border-2 border-white",{"bg-[#EC008C]":t(l)||t(k),"bg-[#AAAAAA]":!t(k)}])},null,2)):F("",!0),f(g,{to:`${a.route.metaData.sectionId?a.route.path+"#"+a.route.metaData.sectionId:a.route.path}`,external:a.route.metaData?.external,class:m(["text-xs font-bold flex-1",[c.isNested?"text-gray-700 group-hover/item:text-[#EC008C]":""]]),onClick:y},{default:u(()=>[I(v(a.route.label),1)]),_:1},8,["to","external","class"]),t(h)?(o(),i("div",{key:1,class:"flex justify-center items-center",onClick:X(q,["stop"])},[f(G,{type:c.isNested?"chevron-right":t(l)?"chevron-up":"chevron-down",class:"w-4 transition-all duration-300"},null,8,["type"])])):F("",!0)],34),f(z,{"enter-active-class":"transition duration-200 ease-out","enter-from-class":"opacity-0 translate-y-2 scale-95","enter-to-class":"opacity-100 translate-y-0 scale-100","leave-active-class":"transition duration-150 ease-in","leave-from-class":"opacity-100 translate-y-0 scale-100","leave-to-class":"opacity-0 translate-y-2 scale-95"},{default:u(()=>[V((o(),i("div",{class:m(["absolute z-50 bg-[#F6F6F6] shadow-xl rounded-3xl px-8 py-6 min-w-60 origin-top",[c.isNested?"left-[120%] top-0 ml-2 max-h-[calc(100vh-120px)] overflow-y-auto":t(C)]]),ref_key:"dropdownRef",ref:R,onMouseenter:B,onMouseleave:_},[s("div",te,[n[1]||(n[1]=s("div",{class:"relative flex items-center"},[s("div",{class:"absolute top-0 bottom-0 left-px w-px bg-[#E0E0E0]"})],-1)),s("div",ae,[(o(!0),i(w,null,N(t(x),e=>(o(),T(J,{key:e.path,route:e,"sites-menu-information":a.sitesMenuInformation,lang:a.lang,"is-nested":!0,onCloseAll:n[0]||(n[0]=r=>E("close-all"))},null,8,["route","sites-menu-information","lang"]))),128))])])],34)),[[j,t(l)&&t(h)&&t(S)==="Default Menu"],[K,M]])]),_:1}),f(z,{"enter-active-class":"transition duration-300 ease-out","enter-from-class":"opacity-0 translate-y-4 scale-95","enter-to-class":"opacity-100 translate-y-0 scale-100","leave-active-class":"transition duration-200 ease-in","leave-from-class":"opacity-100 translate-y-0 scale-100","leave-to-class":"opacity-0 translate-y-4 scale-95"},{default:u(()=>[V(s("div",{class:"fixed top-34 inset-x-0 mx-auto lg:w-328 bg-white shadow-sm rounded-t-3xl rounded-b-4xl px-9 pt-6 pb-11 z-50 origin-top",onMouseenter:B,onMouseleave:_},[s("p",se,v(a.route.label),1),n[3]||(n[3]=s("hr",{class:"my-3"},null,-1)),s("div",oe,[(o(!0),i(w,null,N(t(x),e=>(o(),i(w,{key:e.path},[n[2]||(n[2]=I(" 2 ",-1)),e.metaData.children.length<1?(o(),T(g,{key:0,to:`${e.metaData.sectionId?e.path+"#"+e.metaData.sectionId:e.path}`,external:e.metaData.external,class:"w-full",onClick:y},{default:u(()=>[s("div",le,[s("div",ne,v(e.label),1)])]),_:2},1032,["to","external"])):(o(),i("div",{key:1,class:"flex flex-col gap-4",style:Y({width:`${100/(a.sitesMenuInformation?.totalColumn??1)}%`})},[f(g,{to:`${e.metaData.sectionId?e.path+"#"+e.metaData.sectionId:e.path}`,class:"font-bold text-xl text-[#EC008C]",onClick:y},{default:u(()=>[I(v(e.label),1)]),_:2},1032,["to"]),(o(!0),i(w,null,N(e.metaData.children,r=>(o(),T(g,{key:r.path,to:`${r.metaData.sectionId?r.path+"#"+r.metaData.sectionId:r.path}`,onClick:y},{default:u(()=>[s("div",ie,v(r.label),1)]),_:2},1032,["to"]))),128))],4))],64))),128))])],544),[[j,t(l)&&t(x).length!==0&&t(S)==="Mega Menu"]])]),_:1})],2)}}});

1export{ue as _};