1import{p as N,D as ke,E as Q,e as Qe,i as R,s as pe,b as te,a as D,f as ze,u as ye,t as Ue,q as Ve,d as se,w as Xe,G as Ye,r as Ze}from"./i18n-Cp0K4Pzb.js";import{M as Te,a0 as h,Z as e,a1 as Fe,a7 as Je,$ as m,av as Ke,aq as ae,Y as U,x as Ie,_ as et,U as Re,au as tt,Q as z,S as V,T as $,t as E,v,a as b,O as Be,G as Se,P as X,N as G,a3 as le,R as M,X as ve,a4 as st,f as at,ac as lt}from"./index-CTFdGFMX.js";import{T as it,a as rt}from"./Walkthrough.svelte_svelte_type_style_lang-DBgsQkoF.js";import"./event-modifiers-CdEA5IGF.js";var nt=M('<p class="step-title"><strong> </strong> </p>'),dt=at('<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=M("<span> </span>"),ct=M("<div></div>"),_t=M('<div class="step-item svelte-1xpzbgb"><button role="tab"><span class="step-number svelte-1xpzbgb"><!></span> <!></button></div> <!>',1),vt=M('<!> <div class="stepper-wrapper svelte-1xpzbgb"><div class="stepper-container svelte-1xpzbgb" role="tablist"></div></div>',1),pt=M("<div><!> <!></div>");function bt(ie,p){Te(p,!1);const _=()=>ye(H,"$selected_tab",j),t=()=>ye(ee,"$selected_tab_index",j),[j,Y]=Ue(),Z=h(),F=h();let q=N(p,"visible",12,!0),n=N(p,"elem_id",12,""),i=N(p,"elem_classes",28,()=>[]),u=N(p,"selected",12),x=N(p,"initial_tabs",12),l=h([...x()]),S=h(),J=h(!0),re=h(),T=h([]),K=h([]),be=h(0),y=h(!1),ne=!0;const H=ke(u()||e(l)[0]?.id||!1),ee=ke(e(l).findIndex(s=>s?.id===u())||0),ue=Fe();async function L(){if(!e(S)||!e(re)||!ne)return;ne=!1,await Se(),m(J,!0),await Se();const c=e(T)[0].getBoundingClientRect().width*e(T).length+50*(e(T).length-1),w=e(S).getBoundingClientRect().width;if(!(c<w)){m(J,!1),m(y,!0);return}let k=0,P=!1,I=0;for(const f of e(K)){const{height:a,width:d,left:W,right:O}=f.getBoundingClientRect();a>k&&(k=a),I&&W-10<I&&!P&&(P=!0),I=O}m(be,k),P&&m(J,!1)}let fe=0;Je(()=>{L();const s=new ResizeObserver(c=>{c[0].contentRect.width!==fe&&(fe=c[0].contentRect.width,m(y,!1),ne=!0,L())});return e(S)&&s.observe(e(S)),()=>{s.disconnect()}}),Ke(it,{register_tab:(s,c)=>(ae(l,e(l)[c]=s),_()===!1&&s.visible&&s.interactive&&(Q(H,s.id),Q(ee,c)),c),unregister_tab:(s,c)=>{_()===s.id&&Q(H,e(l)[0]?.id||!1),ae(l,e(l)[c]=null)},selected_tab:H,selected_tab_index:ee});function ge(s,c){const w=e(l).find(C=>C?.id===s);s!==void 0&&w&&w.interactive&&w.visible&&_()!==w.id&&(u(s),Q(H,s),Q(ee,e(l).findIndex(C=>C?.id===s)),ue("change"))}U(()=>e(l),()=>{m(Z,e(l).length>0)}),U(()=>(e(l),Ie(u())),()=>{e(l),u()!==null&&ge(u(),e(l).findIndex(s=>s?.id===u()))}),U(()=>e(l),()=>{e(l),L()}),U(()=>t(),()=>{t(),L()}),U(()=>(e(l),t()),()=>{m(F,e(l)[t()>=0?t():0]?.scale)}),et();var Ce={get visible(){return q()},set visible(s){q(s),X()},get elem_id(){return n()},set elem_id(s){n(s),X()},get elem_classes(){return i()},set elem_classes(s){i(s),X()},get selected(){return u()},set selected(s){u(s),X()},get initial_tabs(){return x()},set initial_tabs(s){x(s),X()}};Qe();var B=pt();Re("resize",tt,L);let he,me;var xe=z(B);{var Pe=s=>{var c=vt(),w=G(c);{var C=f=>{var a=nt(),d=z(a),W=z(d);$(d);var O=V(d);$(a),E(()=>{ve(W,`Step ${(t()||0)+1}/${e(l),v(()=>e(l).length)??""}:`),ve(O,` ${e(l),t(),v(()=>e(l)[t()]?.label||"Walkthrough")??""}`)}),b(f,a)};R(w,f=>{e(y)&&f(C)})}var k=V(w,2);let P;var I=z(k);Ve(I,5,()=>e(l),Xe,(f,a,d)=>{var W=le(),O=G(W);{var Ee=de=>{var we=_t(),oe=G(we),g=z(oe);let $e;var ce=z(g),Ge=z(ce);{var Me=r=>{var o=dt();b(r,o)},je=r=>{var o=st();o.nodeValue=d+1,b(r,o)};R(Ge,r=>{e(a),_(),v(()=>e(a).id<_())?r(Me):r(je,!1)})}$(ce);var qe=V(ce,2);{var He=r=>{var o=ot();let A;var Ae=z(o,!0);$(o),se(o,(_e,Ne)=>ae(K,e(K)[Ne]=_e),_e=>e(K)?.[_e],()=>[d]),E(()=>{A=te(o,1,"step-label svelte-1xpzbgb",null,A,{visible:e(J)||d===t()}),ve(Ae,(e(a),v(()=>e(a)?.label!==void 0?e(a)?.label:"Step "+(d+1))))}),b(r,o)};R(qe,r=>{e(y)||r(He)})}$(g),se(g,(r,o)=>ae(T,e(T)[o]=r),r=>e(T)?.[r],()=>[d]),$(oe);var Le=V(oe,2);{var Oe=r=>{var o=ct();let A;E(()=>A=te(o,1,"step-connector svelte-1xpzbgb",null,A,{completed:d<t()})),b(r,o)};R(Le,r=>{e(l),e(y),v(()=>d<e(l).length-1&&!e(y))&&r(Oe)})}E(()=>{$e=te(g,1,"step-button svelte-1xpzbgb",null,$e,{active:e(a).id===_(),completed:e(a
1).id<_(),pending:e(a).id>_()}),D(g,"aria-selected",(e(a),_(),v(()=>e(a).id===_()))),D(g,"aria-controls",(e(a),v(()=>e(a).elem_id))),g.disabled=(e(a),t(),v(()=>!e(a).interactive||d>t())),D(g,"aria-disabled",(e(a),t(),v(()=>!e(a).interactive||d>t()))),D(g,"id",(e(a),v(()=>e(a).elem_id?e(a).elem_id+"-button":null))),D(g,"data-tab-id",(e(a),v(()=>e(a).id)))}),Re("click",g,()=>{d<=t()&&e(a).id!==_()&&(ge(e(a).id),ue("select",{value:e(a).label,index:d}))}),b(de,we)};R(O,de=>{e(a),v(()=>e(a)?.visible)&&de(Ee)})}b(f,W)}),$(I),se(I,f=>m(re,f),()=>e(re)),$(k),se(k,f=>m(S,f),()=>e(S)),E(()=>P=ze(k,"",P,{"--label-height":e(be)+"px"})),b(s,c)};R(xe,s=>{e(Z)&&s(Pe)})}var We=V(xe,2);pe(We,p,"default",{}),$(B),E(s=>{he=te(B,1,`stepper ${s??""}`,"svelte-1xpzbgb",he,{hide:!q(),compact:e(y)}),D(B,"id",n()),me=ze(B,"",me,{"flex-grow":e(F)})},[()=>(Ie(i()),v(()=>i().join(" ")))]),b(ie,B);var De=Be(Ce);return Y(),De}function mt(ie,p){Te(p,!0);let _=Ze(p,["$$slots","$$events","$$legacy"]);const t=new Ye(_);let j=t.props.selected;lt(()=>{if(j!==t.props.selected){const n=t.props.initial_tabs.findIndex(i=>i.id===t.props.selected);n>=0&&t.dispatch("gradio_tab_select",{value:t.props.initial_tabs[n].label,index:n,id:t.props.initial_tabs[n].id,component_id:t.props.initial_tabs[n].component_id}),j=t.props.selected}});var Y=le(),Z=G(Y);{var F=n=>{bt(n,{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,u)=>{var x=le(),l=G(x);pe(l,p,"default",{}),b(i,x)},$$slots:{default:!0}})},q=n=>{rt(n,{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,u)=>{var x=le(),l=G(x);pe(l,p,"default",{}),b(i,x)},$$slots:{default:!0}})};R(Z,n=>{t.props.name==="walkthrough"?n(F):n(q,!1)})}b(ie,Y),Be()}export{rt as BaseTabs,it as TABS,mt as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.