import{S as ht,i as ct,s as ft,e as a,k as c,w as Fe,t as i,M as ut,c as r,d as o,m as f,a as l,x as Me,h as n,b as h,G as t,g as u,y as Be,L as dt,q as ze,o as Ue,B as We,v as pt}from"../../chunks/vendor-hf-doc-builder.js";import{I as st}from"../../chunks/IconCopyLink-hf-doc-builder.js";import{C as mt}from"../../chunks/CourseFloatingBanner-hf-doc-builder.js";function vt(je){let v,O,w,_,N,k,ne,F,se,J,E,R,q,he,K,d,$,ce,M,fe,ue,de,x,pe,G,me,ve,we,B,ge,_e,z,ye,ke,U,Ee,Q,C,$e,V,g,y,W,I,xe,j,Ge,X,D,Ie,Y,p,b,be,A,Ae,Le,He,L,Se,H,Pe,qe,Ce,S,De,P,Te,Ne,Z;return k=new st({}),E=new mt({props:{chapter:9,classNames:"absolute z-10 right-0 top-0"}}),I=new st({}),{c(){v=a("meta"),O=c(),w=a("h1"),_=a("a"),N=a("span"),Fe(k.$$.fragment),ne=c(),F=a("span"),se=i("Gradio, check!"),J=c(),Fe(E.$$.fragment),R=c(),q=a("p"),he=i("This wraps up the chapter on building cool ML demos with Gradio - we hope you enjoyed it! To recap, in this chapter we learned:"),K=c(),d=a("ul"),$=a("li"),ce=i("How to create Gradio demos with the high-level "),M=a("code"),fe=i("Interface"),ue=i(" API, and how to configure different input and output modalities."),de=c(),x=a("li"),pe=i("Different ways to share Gradio demos, through temporary links and hosting on "),G=a("a"),me=i("Hugging Face Spaces"),ve=i("."),we=c(),B=a("li"),ge=i("How to integrate Gradio demos with models and Spaces on the Hugging Face Hub."),_e=c(),z=a("li"),ye=i("Advanced features like storing state in a demo or providing authentication."),ke=c(),U=a("li"),Ee=i("How to have full control of the data flow and layout of your demo with Gradio Blocks."),Q=c(),C=a("p"),$e=i("If you\u2019d like to test your understanding of the concepts covered in this chapter, check out the quiz in the next section!"),V=c(),g=a("h2"),y=a("a"),W=a("span"),Fe(I.$$.fragment),xe=c(),j=a("span"),Ge=i("Where to next?"),X=c(),D=a("p"),Ie=i("If you want to learn more about Gradio you can"),Y=c(),p=a("ul"),b=a("li"),be=i("Take a look at "),A=a("a"),Ae=i("Demos"),Le=i(" in the repo, there are quite a lot of examples there."),He=c(),L=a("li"),Se=i("See the "),H=a("a"),Pe=i("Guides"),qe=i(" page, where you can find guides about cool and advanced features."),Ce=c(),S=a("li"),De=i("Check the "),P=a("a"),Te=i("Docs"),Ne=i(" page to learn the details."),this.h()},l(e){const s=ut('[data-svelte="svelte-1phssyn"]',document.head);v=r(s,"META",{name:!0,content:!0}),s.forEach(o),O=f(e),w=r(e,"H1",{class:!0});var ee=l(w);_=r(ee,"A",{id:!0,class:!0,href:!0});var Oe=l(_);N=r(Oe,"SPAN",{});var Je=l(N);Me(k.$$.fragment,Je),Je.forEach(o),Oe.forEach(o),ne=f(ee),F=r(ee,"SPAN",{});var Re=l(F);se=n(Re,"Gradio, check!"),Re.forEach(o),ee.forEach(o),J=f(e),Me(E.$$.fragment,e),R=f(e),q=r(e,"P",{});var Ke=l(q);he=n(Ke,"This wraps up the chapter on building cool ML demos with Gradio - we hope you enjoyed it! To recap, in this chapter we learned:"),Ke.forEach(o),K=f(e),d=r(e,"UL",{});var m=l(d);$=r(m,"LI",{});var te=l($);ce=n(te,"How to create Gradio demos with the high-level "),M=r(te,"CODE",{});var Qe=l(M);fe=n(Qe,"Interface"),Qe.forEach(o),ue=n(te," API, and how to configure different input and output modalities."),te.forEach(o),de=f(m),x=r(m,"LI",{});var oe=l(x);pe=n(oe,"Different ways to share Gradio demos, through temporary links and hosting on "),G=r(oe,"A",{href:!0,rel:!0});var Ve=l(G);me=n(Ve,"Hugging Face Spaces"),Ve.forEach(o),ve=n(oe,"."),oe.forEach(o),we=f(m),B=r(m,"LI",{});var Xe=l(B);ge=n(Xe,"How to integrate Gradio demos with models and Spaces on the Hugging Face Hub."),Xe.forEach(o),_e=f(m),z=r(m,"LI",{});var Ye=l(z);ye=n(Ye,"Advanced features like storing state in a demo or providing authentication."),Ye.forEach(o),ke=f(m),U=r(m,"LI",{});var Ze=l(U);Ee=n(Ze,"How to have full control of the data flow and layout of your demo with Gradio Blocks."),Ze.forEach(o),m.forEach(o),Q=f(e),C=r(e,"P",{});var et=l(C);$e=n(et,"If you\u2019d like to test your understanding of the concepts covered in this chapter, check out the quiz in the next section!"),et.forEach(o),V=f(e),g=r(e,"H2",{class:!0});var ae=l(g);y=r(ae,"A",{id:!0,class:!0,href:!0});var tt=l(y);W=r(tt,"SPAN",{});var ot=l(W);Me(I.$$.fragment,ot),ot.forEach(o),tt.forEach(o),xe=f(ae),j=r(ae,"SPAN",{});var at=l(j);Ge=n(at,"Where to next?"),at.forEach(o),ae.forEach(o),X=f(e),D=r(e,"P",{});var rt=l(D);Ie=n(rt,"If you want to learn more about Gradio you can"),rt.forEach(o),Y=f(e),p=r(e,"UL",{});var T=l(p);b=r(T,"LI",{});var re=l(b);be=n(re,"Take a look at "),A=r(re,"A",{href:!0,rel:!0});var lt=l(A);Ae=n(lt,"Demos"),lt.forEach(o),Le=n(re," in the repo, there are quite a lot of examples there."),re.forEach(o),He=f(T),L=r(T,"LI",{});var le=l(L);Se=n(le,"See the "),H=r(le,"A",{href:!0,rel:!0});var it=l(H);Pe=n(it,"Guides"),it.forEach(o),qe=n(le," page, where you can find guides about cool and advanced features."),le.forEach(o),Ce=f(T),S=r(T,"LI",{});var ie=l(S);De=n(ie,"Check the "),P=r(ie,"A",{href:!0,rel:!0});var nt=l(P);Te=n(nt,"Docs"),nt.forEach(o),Ne=n(ie," page to learn the details."),ie.forEach(o),T.forEach(o),this.h()},h(){h(v,"name","hf:doc:metadata"),h(v,"content",JSON.stringify(wt)),h(_,"id","gradio-check"),h(_,"class","header-link block pr-1.5 text-lg no-hover:hidden with-hover:absolute with-hover:p-1.5 with-hover:opacity-0 with-hover:group-hover:opacity-100 with-hover:right-full"),h(_,"href","#gradio-check"),h(w,"class","relative group"),h(G,"href","https://huggingface.co/spaces"),h(G,"rel","nofollow"),h(y,"id","where-to-next"),h(y,"class","header-link block pr-1.5 text-lg no-hover:hidden with-hover:absolute with-hover:p-1.5 with-hover:opacity-0 with-hover:group-hover:opacity-100 with-hover:right-full"),h(y,"href","#where-to-next"),h(g,"class","relative group"),h(A,"href","https://github.com/gradio-app/gradio/tree/main/demo"),h(A,"rel","nofollow"),h(H,"href","https://gradio.app/guides/"),h(H,"rel","nofollow"),h(P,"href","https://gradio.app/docs/"),h(P,"rel","nofollow")},m(e,s){t(document.head,v),u(e,O,s),u(e,w,s),t(w,_),t(_,N),Be(k,N,null),t(w,ne),t(w,F),t(F,se),u(e,J,s),Be(E,e,s),u(e,R,s),u(e,q,s),t(q,he),u(e,K,s),u(e,d,s),t(d,$),t($,ce),t($,M),t(M,fe),t($,ue),t(d,de),t(d,x),t(x,pe),t(x,G),t(G,me),t(x,ve),t(d,we),t(d,B),t(B,ge),t(d,_e),t(d,z),t(z,ye),t(d,ke),t(d,U),t(U,Ee),u(e,Q,s),u(e,C,s),t(C,$e),u(e,V,s),u(e,g,s),t(g,y),t(y,W),Be(I,W,null),t(g,xe),t(g,j),t(j,Ge),u(e,X,s),u(e,D,s),t(D,Ie),u(e,Y,s),u(e,p,s),t(p,b),t(b,be),t(b,A),t(A,Ae),t(b,Le),t(p,He),t(p,L),t(L,Se),t(L,H),t(H,Pe),t(L,qe),t(p,Ce),t(p,S),t(S,De),t(S,P),t(P,Te),t(S,Ne),Z=!0},p:dt,i(e){Z||(ze(k.$$.fragment,e),ze(E.$$.fragment,e),ze(I.$$.fragment,e),Z=!0)},o(e){Ue(k.$$.fragment,e),Ue(E.$$.fragment,e),Ue(I.$$.fragment,e),Z=!1},d(e){o(v),e&&o(O),e&&o(w),We(k),e&&o(J),We(E,e),e&&o(R),e&&o(q),e&&o(K),e&&o(d),e&&o(Q),e&&o(C),e&&o(V),e&&o(g),We(I),e&&o(X),e&&o(D),e&&o(Y),e&&o(p)}}}const wt={local:"gradio-check",sections:[{local:"where-to-next",title:"Where to next?"}],title:"Gradio, check!"};function gt(je){return pt(()=>{new URLSearchParams(window.location.search).get("fw")}),[]}class Et extends ht{constructor(v){super();ct(this,v,gt,vt,ft,{})}}export{Et as default,wt as metadata};
