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