https://visro.ai/_nuxt/DhpRI202.js

1import{h as e,e as t,a,$ as l}from"#entry";import{f as r,g as s,l as o,_ as n,i,b as d,o as u,d as c,y as p,a as m,F as h,H as x,c as b,B as v,w as f,C as w,s as g}from"./CxpHt3i8.js";import{_ as k}from"./CLiBHw5z.js";const y={class:"flex items-center justify-center mb-6 px-2 w-full"},z={class:"relative flex items-center max-w-full rounded-full bg-slate-100/90 dark:bg-neutral-800/90 backdrop-blur-md border border-neutral-200/80 dark:border-neutral-700/80 p-1 shadow-2xs"},_=["disabled"],C=["src"],I=["onClick"],j=["src"],N=["disabled"],S=r({__name:"FaceSwapTabNav",props:{items:{},modelValue:{},showArrows:{type:Boolean,default:!0}},emits:["update:modelValue","change"],setup(r,{emit:k}){const S=r,V=k,B=s(null),F=s(!0),W=s(!1),A=e(),O=e=>l.tempCdnPathPrefix+e,$=e=>{if(void 0!==e.active)return e.active;if(e.to){return A.path.replace(/\/$/,"")===e.to.split("?")[0].replace(/\/$/,"")}return void 0!==S.modelValue&&void 0!==e.value&&S.modelValue===e.value},E=()=>{const e=B.value;e&&(F.value=e.scrollLeft<=5,W.value=e.scrollLeft+e.clientWidth>=e.scrollWidth-5)},L=()=>{B.value?.scrollBy({left:-140,behavior:"smooth"})},P=()=>{B.value?.scrollBy({left:140,behavior:"smooth"})};let R=null;return o(()=>{n(()=>{E(),B.value&&"undefined"!=typeof ResizeObserver&&(R=new ResizeObserver(()=>E()),R.observe(B.value))})}),i(()=>{R?.disconnect()}),(e,l)=>{const s=t,o=a;return u(),d("div",y,[c("div",z,[r.showArrows?(u(),d("button",{key:0,type:"button",class:"sm:hidden size-7 shrink-0 flex items-center justify-center rounded-full text-neutral-400 hover:text-neutral-700 dark:hover:text-neutral-200 hover:bg-white/60 dark:hover:bg-neutral-700/50 transition-all cursor-pointer disabled:opacity-25 disabled:cursor-not-allowed",disabled:F.value,onClick:L,"aria-label":"Scroll left"},[m(s,{name:"solar:alt-arrow-left-linear",class:"size-3.5"})],8,_)):p("",!0),c("div",{ref_key:"scrollContainer",ref:B,class:"flex items-center gap-1.5 overflow-x-auto scrollbar-none scroll-smooth px-1",onScroll:E},[(u(!0),d(h,null,x(r.items,(e,t)=>(u(),d(h,{key:e.value||t},[e.to?(u(),b(o,{key:0,to:e.to,class:v(["group relative inline-flex items-center gap-1.5 px-4 sm:px-5 py-1.5 sm:py-2 rounded-full text-xs sm:text-sm font-semibold transition-all whitespace-nowrap shrink-0",$(e)?"bg-white dark:bg-neutral-900 text-indigo-600 dark:text-indigo-400 shadow-sm font-bold":"text-neutral-600 dar

1k:text-neutral-400 hover:text-neutral-900 dark:hover:text-white hover:bg-white/50 dark:hover:bg-neutral-700/40"])},{default:f(()=>[e.icon?(u(),b(s,{key:0,name:e.icon,class:"size-3.5 sm:size-4 shrink-0 opacity-90"},null,8,["name"])):p("",!0),c("span",null,w(e.label),1),e.isNew?(u(),d("span",{key:1,class:v(e.newImage?"relative inline-flex h-4 w-[50px] shrink-0":"px-1.5 py-0.2 rounded-full text-[9px] font-extrabold bg-gradient-to-r from-red-500 to-indigo-500 text-white shadow-2xs uppercase")},[e.newImage?(u(),d("img",{key:0,src:O(e.newImage),alt:"new",class:"absolute left-[-8px] top-[-10px] h-7 max-w-none"},null,8,C)):(u(),d(h,{key:1},[g("NEW")],64))],2)):p("",!0)]),_:2},1032,["to","class"])):(u(),d("button",{key:1,type:"button",class:v(["group relative inline-flex items-center gap-1.5 px-4 sm:px-5 py-1.5 sm:py-2 rounded-full text-xs sm:text-sm font-semibold transition-all whitespace-nowrap shrink-0 cursor-pointer",$(e)?"bg-white dark:bg-neutral-900 text-indigo-600 dark:text-indigo-400 shadow-sm font-bold":"text-neutral-600 dar

1k:text-neutral-400 hover:text-neutral-900 dark:hover:text-white hover:bg-white/50 dark:hover:bg-neutral-700/40"]),onClick:t=>(e=>{void 0!==e.value&&V("update:modelValue",e.value),V("change",e)})(e)},[e.icon?(u(),b(s,{key:0,name:e.icon,class:"size-3.5 sm:size-4 shrink-0 opacity-90"},null,8,["name"])):p("",!0),c("span",null,w(e.label),1),e.isNew?(u(),d("span",{key:1,class:v(e.newImage?"relative inline-flex h-4 w-[50px] shrink-0":"px-1.5 py-0.2 rounded-full text-[9px] font-extrabold bg-gradient-to-r from-red-500 to-indigo-500 text-white shadow-2xs uppercase")},[e.newImage?(u(),d("img",{key:0,src:O(e.newImage),alt:"new",class:"absolute left-[-8px] top-[-10px] h-7 max-w-none"},null,8,j)):(u(),d(h,{key:1},[g("NEW")],64))],2)):p("",!0)],10,I))],64))),128))],544),r.showArrows?(u(),d("button",{key:1,type:"button",class:"sm:hidden size-7 shrink-0 flex items-center justify-center rounded-full text-neutral-400 hover:text-neutral-700 dark:hover:text-neutral-200 hover:bg-white/60 dark:hover:bg-neutral-700/50 transition-all cursor-pointer disabled:opacity-25 disabled:cursor-not-allowed",disabled:W.value,onClick:P,"aria-label":"Scroll right"},[m(s,{name:"solar:alt-arrow-right-linear",class:"size-3.5"})],8,N)):p("",!0)])])}}}),V=Object.assign(k(S,[["__scopeId","data-v-0d625bca"]]),{__name:"CommonFaceSwapTabNav"});export{V as F};