https://heinrichhimmler1-tokenhoster.hf.space/assets/Index-BsrvkG8M.js

1import{p as O,w as $e,x as U,e as Ue,i as R,s as pe,b as ee,a as E,f as ze,q as ye,m as Xe,k as Ye,d as te,u as Ze,r as Fe}from"./i18n-BlwlR3g4.js";import{R as Te,a3 as h,w as e,a4 as Je,aa as Ke,x as m,ax as Ne,as as se,a1 as X,G as Ie,a2 as Qe,Z as Re,aw as et,V as $,X as Y,Y as w,t as G,z as v,a as u,T as Be,M as Se,U as Z,S as M,a6 as ae,W as j,a0 as ve,a7 as tt,f as st,y as at}from"./index-B5CnGmTK.js";import{G as lt}from"./utils.svelte-Cn7aBojF.js";import{T as it,a as rt}from"./Walkthrough.svelte_svelte_type_style_lang-rs0AIEfA.js";import"./clone-CePNcxlk.js";import"./event-modifiers-CdEA5IGF.js";var nt=j('<p class="step-title"><strong> </strong> </p>'),dt=st('<svg width="12" height="10" viewBox="0 0 12 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 5L4.5 8.5L11 1.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg>'),ot=j("<span> </span>"),ct=j("<div></div>"),_t=j('<div class="step-item svelte-1xpzbgb"><button role="tab"><span class="step-number svelte-1xpzbgb"><!></span> <!></button></div> <!>',1),vt=j('<!> <div class="stepper-wrapper svelte-1xpzbgb"><div class="stepper-container svelte-1xpzbgb" role="tablist"></div></div>',1),pt=j("<div><!> <!></div>");function bt(le,b){Te(b,!1);const p=()=>ye(L,"$selected_tab",H),t=()=>ye(Q,"$selected_tab_index",H),[H,ie]=Xe(),F=h(),J=h();let d=O(b,"visible",12,!0),i=O(b,"elem_id",12,""),S=O(b,"elem_classes",28,()=>[]),o=O(b,"selected",12),z=O(b,"initial_tabs",12),l=h([...z()]),T=h(),K=h(!0),re=h(),B=h([]),N=h([]),be=h(0),y=h(!1),ne=!0;const L=$e(o()||e(l)[0]?.id||!1),Q=$e(e(l).findIndex(s=>s?.id===o())||0),ue=Je();async function V(){if(!e(T)||!e(re)||!ne)return;ne=!1,await Se(),m(K,!0),await Se();const _=e(B)[0].getBoundingClientRect().width*e(B).length+50*(e(B).length-1),x=e(T).getBoundingClientRect().width;if(!(_<x)){m(K,!1),m(y,!0);return}let k=0,P=!1,I=0;for(const f of e(N)){const{height:a,width:n,left:D,right:q}=f.getBoundingClientRect();a>k&&(k=a),I&&D-10<I&&!P&&(P=!0),I=q}m(be,k),P&&m(K,!1)}let fe=0;Ke(()=>{V();const s=new ResizeObserver(_=>{_[0].contentRect.width!==fe&&(fe=_[0].contentRect.width,m(y,!1),ne=!0,V())});return e(T)&&s.observe(e(T)),()=>{s.disconnect()}}),Ne(it,{register_tab:(s,_)=>(se(l,e(l)[_]=s),p()===!1&&s.visible&&s.interactive&&(U(L,s.id),U(Q,_)),_),unregister_tab:(s,_)=>{p()===s.id&&U(L,e(l)[0]?.id||!1),se(l,e(l)[_]=null)},selected_tab:L,selected_tab_index:Q});function ge(s,_){const x=e(l).find(C=>C?.id===s);s!==void 0&&x&&x.interactive&&x.visible&&p()!==x.id&&(o(s),U(L,s),U(Q,e(l).findIndex(C=>C?.id===s)),ue("change"))}X(()=>e(l),()=>{m(F,e(l).length>0)}),X(()=>(e(l),Ie(o())),()=>{e(l),o()!==null&&ge(o(),e(l).findIndex(s=>s?.id===o()))}),X(()=>e(l),()=>{e(l),V()}),X(()=>t(),()=>{t(),V()}),X(()=>(e(l),t()),()=>{m(J,e(l)[t()>=0?t():0]?.scale)}),Qe();var We={get visible(){return d()},set visible(s){d(s),Z()},get elem_id(){return i()},set elem_id(s){i(s),Z()},get elem_classes(){return S()},set elem_classes(s){S(s),Z()},get selected(){return o()},set selected(s){o(s),Z()},get initial_tabs(){return z()},set initial_tabs(s){z(s),Z()}};Ue();var W=pt();Re("resize",et,V);let he,me;var xe=$(W);{var Ce=s=>{var _=vt(),x=M(_);{var C=f=>{var a=nt(),n=$(a),D=$(n);w(n);var q=Y(n);w(a),G(()=>{ve(D,`Step ${(t()||0)+1}/${e(l),v(()=>e(l).length)??""}:`),ve(q,` ${e(l),t(),v(()=>e(l)[t()]?.label||"Walkthrough")??""}`)}),u(f,a)};R(x,f=>{e(y)&&f(C)})}var k=Y(x,2);let P;var I=$(k);Ye(I,5,()=>e(l),Ze,(f,a,n)=>{var D=ae(),q=M(D);{var Ee=de=>{var we=_t(),oe=M(we),g=$(oe);let ke;var ce=$(g),Ge=$(ce);{var Me=r=>{var c=dt();u(r,c)},je=r=>{var c=tt();c.nodeValue=n+1,u(r,c)};R(Ge,r=>{e(a),p(),v(()=>e(a).id<p())?r(Me):r(je,!1)})}w(ce);var He=Y(ce,2);{var Le=r=>{var c=ot();let A;var Ae=$(c,!0);w(c),te(c,(_e,Oe)=>se(N,e(N)[Oe]=_e),_e=>e(N)?.[_e],()=>[n]),G(()=>{A=ee(c,1,"step-label svelte-1xpzbgb",null,A,{visible:e(K)||n===t()}),ve(Ae,(e(a),v(()=>e(a)?.label!==void 0?e(a)?.label:"Step "+(n+1))))}),u(r,c)};R(He,r=>{e(y)||r(Le)})}w(g),te(g,(r,c)=>se(B,e(B)[c]=r),r=>e(B)?.[r],()=>[n]),w(oe);var Ve=Y(oe,2);{var qe=r=>{var c=ct();let A;G(()=>A=ee(c,1,"step-connector svelte-1xpzbgb",null,A,{completed:n<t()})),u(r,c)};R(Ve,r=>{e(l),e(y),v(()=>n<e(l).length-1&&!e(y))&&r(qe)})}G(()=>{ke=ee(g,1,"step-button svelte-1xpzbgb",null,ke,{active:e(a).id===p(),completed:e(a

1).id<p(),pending:e(a).id>p()}),E(g,"aria-selected",(e(a),p(),v(()=>e(a).id===p()))),E(g,"aria-controls",(e(a),v(()=>e(a).elem_id))),g.disabled=(e(a),t(),v(()=>!e(a).interactive||n>t())),E(g,"aria-disabled",(e(a),t(),v(()=>!e(a).interactive||n>t()))),E(g,"id",(e(a),v(()=>e(a).elem_id?e(a).elem_id+"-button":null))),E(g,"data-tab-id",(e(a),v(()=>e(a).id)))}),Re("click",g,()=>{n<=t()&&e(a).id!==p()&&(ge(e(a).id),ue("select",{value:e(a).label,index:n}))}),u(de,we)};R(q,de=>{e(a),v(()=>e(a)?.visible)&&de(Ee)})}u(f,D)}),w(I),te(I,f=>m(re,f),()=>e(re)),w(k),te(k,f=>m(T,f),()=>e(T)),G(()=>P=ze(k,"",P,{"--label-height":e(be)+"px"})),u(s,_)};R(xe,s=>{e(F)&&s(Ce)})}var Pe=Y(xe,2);pe(Pe,b,"default",{}),w(W),G(s=>{he=ee(W,1,`stepper ${s??""}`,"svelte-1xpzbgb",he,{hide:!d(),compact:e(y)}),E(W,"id",i()),me=ze(W,"",me,{"flex-grow":e(J)})},[()=>(Ie(S()),v(()=>S().join(" ")))]),u(le,W);var De=Be(We);return ie(),De}function wt(le,b){Te(b,!0);let p=Fe(b,["$$slots","$$events","$$legacy"]);const t=new lt(p);at(()=>{t.props.selected&&v(()=>{const d=t.props.initial_tabs.findIndex(i=>i.id===t.props.selected);t.dispatch("gradio_tab_select",{value:t.props.initial_tabs[d].label,index:d,id:t.props.initial_tabs[d].id,component_id:t.props.initial_tabs[d].component_id})})});var H=ae(),ie=M(H);{var F=d=>{bt(d,{get visible(){return t.shared.visible},get elem_id(){return t.shared.elem_id},get elem_classes(){return t.shared.elem_classes},get initial_tabs(){return t.props.initial_tabs},get selected(){return t.props.selected},set selected(i){t.props.selected=i},$$events:{change:()=>t.dispatch("change"),select:i=>{t.dispatch("select",i.detail),t.dispatch("gradio_tab_select",i.detail)}},children:(i,S)=>{var o=ae(),z=M(o);pe(z,b,"default",{}),u(i,o)},$$slots:{default:!0}})},J=d=>{rt(d,{get visible(){return t.shared.visible},get elem_id(){return t.shared.elem_id},get elem_classes(){return t.shared.elem_classes},get initial_tabs(){return t.props.initial_tabs},get selected(){return t.props.selected},set selected(i){t.props.selected=i},$$events:{change:()=>t.dispatch("change"),select:i=>{t.dispatch("select",i.detail),t.dispatch("gradio_tab_select",i.detail)}},children:(i,S)=>{var o=ae(),z=M(o);pe(z,b,"default",{}),u(i,o)},$$slots:{default:!0}})};R(ie,d=>{t.props.name==="walkthrough"?d(F):d(J,!1)})}u(le,H),Be()}export{rt as BaseTabs,it as TABS,wt as default};