https://jkforum.net/_nuxt/XFDqj4-r.js

1import{_ as e}from"./BvMO3yGB.js";import{d as a,bK as l,r as t,az as u,aa as n,cc as v,ae as o,f as s,w as r,q as i,c as d,o as p,e as f,m,k as c,av as y,a as h,h as k,aw as w,ax as x,ap as j,bl as b,ad as S,al as P,b3 as g,b4 as $}from"./lqeRYg_U.js";const _=["activated"],V=["id","name","value"],B=a({__name:"JkfNavMenuItem",props:{value:{},activated:{type:Boolean},noSlide:{type:Boolean},to:{},href:{},external:{type:Boolean},target:{},rel:{},noRel:{type:Boolean},prefetchedClass:{},prefetch:{type:Boolean,default:()=>{}},prefetchOn:{},noPrefetch:{type:Boolean,default:()=>{}},custom:{type:Boolean},activeClass:{},exactActiveClass:{},ariaCurrentValue:{},viewTransition:{type:Boolean,default:()=>{}},replace:{type:Boolean}},setup(a){const w=l(a,["value","activated","noSlide","prefetch","noPrefetch","viewTransition"]),x=t(u()),j=n("elem"),{top:b,left:S,width:P,height:g}=v(j),$=o("jkf-nav-menu"),B=s((()=>a.value||x.value)),M=s((()=>{var e;return(null==(e=null==$?void 0:$.modelValue)?void 0:e.value)===B.value||void 0}));function A(e){(null==$?void 0:$.isSwiping.value)&&(e.preventDefault(),e.stopPropagation())}return r((()=>a.activated),(e=>{var a;e?null==$||$.updateModelValue(B.value):(null==(a=null==$?void 0:$.modelValue)?void 0:a.value)===B.value&&(null==$||$.updateModelValue())}),{immediate:!0}),r((()=>M.value),(e=>{var l;e&&(null==$||$.updateActivated({t:b.value,l:S.value,w:P.value,h:g.value,noSlide:a.noSlide}),null==(l=j.value)||l.scrollIntoView({behavior:"smooth"}))})),r((()=>[b.value,S.value,P.value,g.value]),(([e,l,t,u])=>{M.value&&(null==$||$.updateActivated({t:e,l:l,w:t,h:u,noSlide:a.noSlide}))})),i((()=>{null==$||$.registerItem(B.value),M.value&&(null==$||$.updateActivated({t:b.value,l:S.value,w:P.value,h:g.value,noSlide:a.noSlide}))})),(a,l)=>{const t=e;return p(),d("label",{ref_key:"elem",ref:j,activated:M.value,class:"select-none snap-start snap-always"},[f(t,m(w,{prefetch:a.prefetch,"no-prefetch":a.noPrefetch,"view-transition":a.viewTransition,class:"size-full flex items-center justify-center",draggable:"false",onClickCapture:A}),{default:c((()=>{var e;return[y(a.$slots,"default"),h("input",{id:x.value,type:"radio",class:"hidden",name:null==(e=k($))?void 0:e.id,value:B.value,onClick:l[0]||(l[0]=e=>{var a;return null==(a=k($))?void 0:a.updateModelValue(B.value)})},null,8,V)]})),_:3},16,["prefetch","no-prefetch","view-transition"])],8,_)}}}),M=Object.assign(B,{__name:"JkfNavMenuItem"}),A=["id"],C={class:"pointer-events-none absolute bottom-0 left-0 h-1 mobile:h-0-5 w-8 flex-none transform-translate-x-[calc(var(--jkf-nav-menu-item-l)-var(--jkf-nav-menu-l)+var(--jkf-nav-menu-sx)+(var(--jkf-nav-menu-item-w)-100%)/2)] transform-gpu rounded-t-full bg-jkf-red-500-ext6 duration-150 mobile:w-5 mobile:rounded-b-full"},I=a({__name:"JkfNavMenu",props:w({enableSlide:{type:Boolean,default:!0}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(e){const a=e,l=x(e,"modelValue"),o=t(new Set),s=t(!1),f=t(!1),m=t(u()),c=n("elem"),{x:w}=j(c),{top:_,left:V,width:B,height:M}=v(c),{isSwiping:I,distanceX:T}=b(c,{disableTextSelect:!0,onSwipe(){requestAnimationFrame((()=>{var e;null==(e=c.value)||e.scrollBy({left:T.value,behavior:"smooth"})}))}});return r((()=>[_.value,V.value,B.value,M.value]),(([e,a,l,t])=>{requestAnimationFrame((()=>{var u,n,v,o;null==(u=c.value)||u.style.setProperty("--jkf-nav-menu-t",`${e}px`),null==(n=c.value)||n.style.setProperty("--jkf-nav-menu-l",`${a}px`),null==(v=c.value)||v.style.setProperty("--jkf-nav-menu-w",`${l}px`),null==(o=c.value)||o.style.setProperty("--jkf-nav-menu-h",`${t}px`)}))})),r((()=>B.value),(e=>{c.value&&(e<c.value.scrollWidth||requestAnimationFrame((()=>{c.value&&(w.value=0)})))})),r((()=>I.value),(e=>{e?f.value=!0:setTimeout((()=>{f.value=!1}),0)})),i((()=>{var e,a,l,t;null==(e=c.value)||e.style.setProperty("--jkf-nav-menu-t",`${_.value}px`),null==(a=c.value)||a.style.setProperty("--jkf-nav-menu-l",`${V.value}px`),null==(l=c.value)||l.style.setProperty("--jkf-nav-menu-w",`${B.value}px`),null==(t=c.value)||t.style.setProperty("--jkf-nav-menu-h",`${M.value}px`)})),S("jkf-nav-menu",{id:m.value,modelValue:l,showSlide:s,isSwiping:f,updateModelValue:function(e){l.value=e},updateActivated:function(e){var a,l,t,u;null==(a=c.value)||a.style.setProperty("--jkf-nav-menu-item-t",`${e.t}px`),null==(l=c.value)||l.style.setProperty("--jkf-nav-menu-item-l",`${e.l}px`),null==(t=c.value)||t.style.setProperty("--jkf-nav-menu-item-w",`${e.w}px`),null==(u=c.value)||u.style.setProperty("--jkf-nav-menu-item-h",`${e.h}

1px`),s.value=!e.noSlide},registerItem:function(e){o.value.has(e)||o.value.add(e)}}),(e,t)=>(p(),d("div",{id:m.value,ref_key:"elem",ref:c,class:"relative size-full flex select-none snap-x snap-mandatory items-center overflow-auto",style:P(`--jkf-nav-menu-sx:${k(w)<0?0:k(w)}px`)},[y(e.$slots,"default"),g(h("div",C,null,512),[[$,a.enableSlide&&s.value&&l.value]])],12,A))}}),T=Object.assign(I,{__name:"JkfNavMenu"});export{T as _,M as a};