import{a as Y,q as be,z as he,m as ge,p as B,j as we,$ as _e,i as K,H as pe,I as fe,b as F}from"./i18n-Dnhn5Rxr.js";import{R as Q,S as Z,V as t,X as s,Y as a,t as P,a0 as d,Z as b,a as h,T as $,W as g,aa as ye,x as R,u as N,v as xe,w as u,a8 as L}from"./index-DWyDLubb.js";import{s as Ce}from"./Blocks-D6_IyY-z.js";import{C as ke}from"./clear-CEoTtSVi.js";import"./ScrollFade.svelte_svelte_type_style_lang-DPHOQHBm.js";import{b as Se}from"./Dropdown-Beu8JVME.js";import"./StreamingBar.svelte_svelte_type_style_lang-Y9omZ2gK.js";/* empty css                                              */import{C as O}from"./Checkbox-HhbcVSTv.js";import"./html-Ih_5QVTo.js";import"./size-CtOeLwIl.js";import"./state.svelte-CXxGByZZ.js";import"./index-CglBvmLb.js";import"./Clear-BF6j078A.js";import"./utils.svelte-CCyS_0CY.js";import"./clone-BkeCM4Nl.js";import"./index-DkrWwIux.js";import"./index-tFQomdd2.js";import"./snippet-BWgYNF9D.js";import"./input-DrerMDOL.js";import"./window-Uydxco8n.js";import"./BlockTitle-BMm9LakX.js";import"./Info-Dzjhnd64.js";import"./DropdownArrow-BOSZEGSp.js";import"./IconButtonWrapper-D0s9l4wW.js";import"./index-B_pwUImq.js";import"./universal-CFOISHmx.js";var Re=g('<h2 class="svelte-xaoy31"><img alt="" class="svelte-xaoy31"/> <div class="title svelte-xaoy31"> <div class="url svelte-xaoy31"> </div></div></h2> <button class="svelte-xaoy31"><!></button>',1);function Le(z,o){Q(o,!0);const i=()=>be(he,"$_",w),[w,_]=ge();var m=Re(),c=Z(m),n=t(c),p=s(n,2),f=t(p),y=s(f),x=t(y,!0);a(y),a(p),a(c);var v=s(c,2),T=t(v);ke(T),a(v),P(C=>{Y(n,"src",Ce),d(f,`${C??""} `),d(x,o.root)},[()=>i()("common.settings")]),b("click",v,()=>o.onclose?.()),h(z,m),$(),_()}const Pe="data:image/svg+xml,%3csvg%20viewBox='0%200%2020%2020'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20fill='%23000000'%3e%3cg%20id='SVGRepo_bgCarrier'%20stroke-width='0'%3e%3c/g%3e%3cg%20id='SVGRepo_tracerCarrier'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3c/g%3e%3cg%20id='SVGRepo_iconCarrier'%3e%3ctitle%3erecord%20[%23982]%3c/title%3e%3cdesc%3eCreated%20with%20Sketch.%3c/desc%3e%3cdefs%3e%3c/defs%3e%3cg%20id='Page-1'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='Dribbble-Light-Preview'%20transform='translate(-380.000000,%20-3839.000000)'%20fill='%23808080'%3e%3cg%20id='icons'%20transform='translate(56.000000,%20160.000000)'%3e%3cpath%20d='M338,3689%20C338,3691.209%20336.209,3693%20334,3693%20C331.791,3693%20330,3691.209%20330,3689%20C330,3686.791%20331.791,3685%20334,3685%20C336.209,3685%20338,3686.791%20338,3689%20M334,3697%20C329.589,3697%20326,3693.411%20326,3689%20C326,3684.589%20329.589,3681%20334,3681%20C338.411,3681%20342,3684.589%20342,3689%20C342,3693.411%20338.411,3697%20334,3697%20M334,3679%20C328.477,3679%20324,3683.477%20324,3689%20C324,3694.523%20328.477,3699%20334,3699%20C339.523,3699%20344,3694.523%20344,3689%20C344,3683.477%20339.523,3679%20334,3679'%20id='record-[%23982]'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e";var ze=g('<div class="banner-wrap svelte-1t60wb3"><h2 class="svelte-1t60wb3"> </h2> <ul class="padded theme-buttons svelte-1t60wb3"><li><button class="svelte-1t60wb3">☀︎ &nbsp;Light</button></li> <li><button class="svelte-1t60wb3">⏾ &nbsp; Dark</button></li> <li><button class="svelte-1t60wb3">🖥︎ &nbsp;System</button></li></ul></div>'),Te=g('You can install this app as a Progressive Web App on your device. Visit <a target="_blank" class="svelte-1t60wb3"> </a> and click the install button in the URL address bar of your browser.',1),Ve=g(`Progressive Web App is not enabled for this app. To enable it, start your
			Gradio app with <code>launch(pwa=True)</code>.`,1),Ge=g(`<div class="banner-wrap svelte-1t60wb3"><!></div> <!> <div class="banner-wrap svelte-1t60wb3"><h2 class="svelte-1t60wb3"> </h2> <p class="padded svelte-1t60wb3"><!></p></div> <div class="banner-wrap svelte-1t60wb3"><h2 class="svelte-1t60wb3"> </h2> <p class="padded svelte-1t60wb3"><!></p></div> <div class="banner-wrap svelte-1t60wb3"><h2 class="svelte-1t60wb3"> <span class="beta-tag svelte-1t60wb3">beta</span></h2> <p class="padded svelte-1t60wb3">Screen Studio allows you to record your screen and generates a video of your
		app with automatically adding zoom in and zoom out effects as well as
		trimming the video to remove the prediction time. <br/><br/> Start recording by clicking the <i>Start Recording</i> button below and then
		sharing the current browser tab of your Gradio demo. Use your app as you
		would normally to generate a prediction. <br/> Stop recording by clicking the <i>Stop Recording</i> button in the footer of
		the demo. <br/><br/> <!> <!></p> <button class="record-button svelte-1t60wb3"><img alt="Start Recording" class="svelte-1t60wb3"/> Start Recording</button></div>`,1);function it(z,o){Q(o,!0);let i=B(o,"root",7),w=B(o,"allow_zoom",15),_=B(o,"allow_video_trim",15);i()===""&&i(location.protocol+"//"+location.host+location.pathname),i().endsWith("/")||i(i()+"/");function m(e){const r=new URL(window.location.href);e==="system"?(r.searchParams.delete("__theme"),R(n,"system")):(r.searchParams.set("__theme",e),R(n,e,!0)),r.searchParams.delete("view"),window.location.href=r.toString()}ye(()=>{"parentIFrame"in window&&window.parentIFrame?.scrollTo(0,0);const r=new URL(window.location.href).searchParams.get("__theme");return R(n,r||"system",!0),()=>{document.body.style.overflow="auto"}});let c=N(xe(we(_e)??"en")),n=N("system");function p(e){fe(e)}function f(e){w(e.detail)}function y(e){_(e.detail)}var x=Ge(),v=Z(x),T=t(v);Le(T,{onclose:()=>o.onclose(),get root(){return i()}}),a(v);var C=s(v,2);{var ee=e=>{var r=ze(),l=t(r),j=t(l,!0);a(l);var J=s(l,2),k=t(J),ve=t(k);a(k);var S=s(k,2),de=t(S);a(S);var A=s(S,2),me=t(A);a(A),a(J),a(r),P(ue=>{d(j,ue),F(k,1,`theme-button ${u(n)==="light"?"current-theme":"inactive-theme"}`,"svelte-1t60wb3"),F(S,1,`theme-button ${u(n)==="dark"?"current-theme":"inactive-theme"}`,"svelte-1t60wb3"),F(A,1,`theme-button ${u(n)==="system"?"current-theme":"inactive-theme"}`,"svelte-1t60wb3")},[()=>o.i18n("common.display_theme")]),b("click",ve,()=>m("light")),b("click",de,()=>m("dark")),b("click",me,()=>m("system")),h(e,r)};K(C,e=>{o.space_id===null&&e(ee)})}var V=s(C,2),G=t(V),te=t(G,!0);a(G);var q=s(G,2),ae=t(q);Se(ae,{label:"Language",get choices(){return pe},show_label:!1,on_change:()=>p(u(c)),get value(){return u(c)},set value(e){R(c,e,!0)}}),a(q),a(V);var I=s(V,2),M=t(I),re=t(M,!0);a(M);var H=s(M,2),oe=t(H);{var se=e=>{var r=Te(),l=s(Z(r)),j=t(l,!0);a(l),L(),P(()=>{Y(l,"href",i()),d(j,i())}),h(e,r)},ie=e=>{var r=Ve();L(2),h(e,r)};K(oe,e=>{o.pwa_enabled?e(se):e(ie,!1)})}a(H),a(I);var X=s(I,2),U=t(X),ne=t(U);L(),a(U);var W=s(U,2),E=s(t(W),13);O(E,{label:"Include automatic zoom in/out",interactive:!0,get value(){return w()},$$events:{change:f}});var le=s(E,2);O(le,{label:"Include automatic video trimming",interactive:!0,get value(){return _()},$$events:{change:y}}),a(W);var D=s(W,2),ce=t(D);L(),a(D),a(X),P((e,r,l)=>{d(te,e),d(re,r),d(ne,`${l??""} `),Y(ce,"src",Pe)},[()=>o.i18n("common.language"),()=>o.i18n("common.pwa"),()=>o.i18n("common.screen_studio")]),b("click",D,()=>{o.onclose?.(),o.start_recording?.()}),h(z,x),$()}export{it as default};
