https://gradio.app/_app/immutable/chunks/Ciyhg3oA.js

1import{A as e,D as t,H as n,J as r,O as i,Y as a,b as o,lt as s,ot as c,q as l,r as u,st as d,ut as f,w as p}from"./DMpphp8D.js";import"./CcthiBXZ.js";import{t as m}from"./D_HVipi9.js";import{t as h}from"./CEs1hdcq2.js";import{a as g,i as _,n as v,r as y,t as b}from"./Cr1AxYim2.js";import"./BlxkdlC52.js";var x=e(`<h3 class="group header-tag" id="example-usage">Example Usage<a href="#example-usage" class="invisible group-hover-visible"><img src="https://raw.githubusercontent.com/gradio-app/gradio/main/js/_website/src/lib/assets/img/anchor.svg" class="anchor-img-small"/></a></h3> <div class="codeblock"><!><pre class="language-python"><code class="language-python"><span class="token keyword">import</span> gradio <span class="token keyword">as</span> gr
2<span class="token keyword">def</span> <span class="token function">update</span><span class="token punctuation">(</span>name<span class="token punctuation">)</span><span class="token punctuation">:</span>
3    <span class="token keyword">return</span> <span class="token string-interpolation"><span class="token string">f"Welcome to Gradio, </span><span class="token interpolation"><span class="token punctuation">&#123;</span>name<span class="token punctuation">&#125;</span></span><span class="token string">!"</span></span>
4
5<span class="token keyword">with</span> gr<span class="token punctuation">.</span>Blocks<span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token keyword">as</span> demo<span class="token punctuation">:</span>
6    gr<span class="token punctuation">.</span>Markdown<span class="token punctuation">(</span><span class="token string">"Start typing below and then click **Run** to see the output."</span><span class="token punctuation">)</span>
7    <span class="token keyword">with</span> gr<span class="token punctuation">.</span>Row<span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">:</span>
8        inp <span class="token operator">=</span> gr<span class="token punctuation">.</span>Textbox<span class="token punctuation">(</span>placeholder<span class="token operator">=</span><span class="token string">"What is your name?"</span><span class="token punctuation">)</span>
9        out <span class="token operator">=</span> gr<span class="token punctuation">.</span>Textbox<span class="token punctuation">(</span><span class="token punctuation">)</span>
10    btn <span class="token operator">=</span> gr<span class="token punctuation">.</span>Button<span class="token punctuation">(</span><span class="token string">"Run"</span><span class="token punctuation">)</span>
11    btn<span class="token punctuation">.</span>click<span class="token punctuation">(</span>fn<span class="token operator">=</span>update<span class="token punctuation">,</span> inputs<span class="token operator">=</span>inp<span class="token punctuation">,</span> outputs<span class="token operator">=</span>out<span class="token punctuation">)</span>
12
13demo<span class="token punctuation">.</span>launch<span class="token punctuation">(</span><span class="token punctuation">)</span></code></pre></div>`,1),S=e(`<h3 class="group header-tag" id="demos">Demos<a href="#demos" class="invisible group-hover-visible"><img src="https://raw.githubusercontent.com/gradio-app/gradio/main/js/_website/src/lib/assets/img/anchor.svg" class="anchor-img-small"/></a></h3> <!>`,1),C=e(`<h3 class="group header-tag" id="methods">Methods<a href="#methods" class="invisible group-hover-visible"><img src="https://raw.githubusercontent.com/gradio-app/gradio/main/js/_website/src/lib/assets/img/anchor.svg" class="anchor-img-small"/></a></h3> <!>`,1),w=e(`<h1> </h1> <div class="codeblock"><!><pre class="language-python"><code class="language-python"><span class="token keyword">with</span> gradio<span class="token punctuation">.</span>Blocks<span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">:</span></code></pre></div> <h3 class="group header-tag" id="description">Description<a href="#description" class="invisible group-hover-visible"><img src="https://raw.githubusercontent.com/gradio-app/gradio/main/js/_website/src/lib/assets/img/anchor.svg" class="anchor-img-small"/></a></h3> <h2></h2> <!> <h3 class="group header-tag" id="initialization">Initialization<a href="#initialization" class="invisible group-hover-visible"><img src="https://raw.githubusercontent.com/gradio-app/gradio/main/js/_website/src/lib/assets/img/anchor.svg" class="anchor-img-small"/></a></h3> <!> <!> <!> <!>`,1);function T(e,T){d(T,!1);let E=h(`blocks`);u();var D=w(),O=r(D),k=l(O,!0);f(O);var A=a(O,2);m(l(A),{content:`with gradio.Blocks():`}),s(),f(A);var j=a(A,4);o(j,()=>y(E.description),!0),f(j);var M=a(j,2),N=e=>{var t=x(),n=a(r(t),2);m(l(n),{content:`import gradio as gr
14def update(name):
15    return f"Welcome to Gradio, {name}!"
16
17with gr.Blocks() as demo:
18    gr.Markdown("Start typing below and then click **Run** to see the output.")
19    with gr.Row():
20        inp = gr.Textbox(placeholder="What is your name?")
21        out = gr.Textbox()
22    btn = gr.Button("Run")
23    btn.click(fn=update, inputs=inp, outputs=out)
24
25demo.launch()`}),s(),f(n),i(e,t)};p(M,e=>{E.example&&e(N)});var P=a(M,4);g(P,{get parameters(){return E.parameters},get anchor_links(){return E.name}});var F=a(P,2),I=e=>{var t=S();_(a(r(t),2),{get demos(){return E.demos}}),i(e,t)};p(F,e=>{E.demos&&E.demos.length>0&&e(I)});var L=a(F,2),R=e=>{var t=C();v(a(r(t),2),{get fns(){return E.fns},event_listeners:!1}),i(e,t)};p(L,e=>{E.fns&&E.fns.length>0&&e(R)});var z=a(L,2),B=e=>{b(e,{get guides(){return E.guides}})};p(z,e=>{E.guides&&E.guides.length>0&&e(B)}),n(()=>t(k,E.name)),i(e,D),c()}export{T as default};