import{s as Q,n as Z,o as k}from"../chunks/scheduler.9cda857a.js";import{S as N,i as R,e as u,s as l,c as v,h as W,a as d,d as s,b as p,f as H,g as E,j as z,k as P,l as J,m as a,n as x,t as B,o as C,p as G}from"../chunks/index.003612b0.js";import{C as q}from"../chunks/CopyLLMTxtMenu.44d08a39.js";import{C as A}from"../chunks/CodeBlock.a90632f1.js";import{H as D,E as V}from"../chunks/MermaidChart.svelte_svelte_type_style_lang.e5cfda8c.js";function Y(T){let n,$,h,M,i,j,r,S,o,L="You can configure your Space’s appearance and other settings inside the <code>YAML</code> block at the top of the <strong>README.md</strong> file at the root of the repository. For example, if you want to create a Space with Gradio named <code>Demo Space</code> with a yellow to orange gradient thumbnail:",b,c,w,m,F='For additional settings, refer to the <a href="./spaces-config-reference">Reference</a> section.',y,f,_,g,U;return i=new q({props:{containerStyle:"float: right; margin-left: 10px; display: inline-flex; position: relative; z-index: 10;"}}),r=new D({props:{title:"Spaces Settings",local:"spaces-settings",headingTag:"h1"}}),c=new A({props:{code:"LS0tJTBBdGl0bGUlM0ElMjBEZW1vJTIwU3BhY2UlMEFlbW9qaSUzQSUyMCVGMCU5RiVBNCU5NyUwQWNvbG9yRnJvbSUzQSUyMHllbGxvdyUwQWNvbG9yVG8lM0ElMjBvcmFuZ2UlMEFzZGslM0ElMjBncmFkaW8lMEFhcHBfZmlsZSUzQSUyMGFwcC5weSUwQXBpbm5lZCUzQSUyMGZhbHNlJTBBLS0t",highlighted:`<span class="hljs-meta">---</span>
<span class="hljs-attr">title:</span> <span class="hljs-string">Demo</span> <span class="hljs-string">Space</span>
<span class="hljs-attr">emoji:</span> <span class="hljs-string">🤗</span>
<span class="hljs-attr">colorFrom:</span> <span class="hljs-string">yellow</span>
<span class="hljs-attr">colorTo:</span> <span class="hljs-string">orange</span>
<span class="hljs-attr">sdk:</span> <span class="hljs-string">gradio</span>
<span class="hljs-attr">app_file:</span> <span class="hljs-string">app.py</span>
<span class="hljs-attr">pinned:</span> <span class="hljs-literal">false</span>
<span class="hljs-meta">---</span>`,wrap:!1}}),f=new V({props:{source:"https://github.com/huggingface/hub-docs/blob/main/docs/hub/spaces-settings.md"}}),{c(){n=u("meta"),$=l(),h=u("p"),M=l(),v(i.$$.fragment),j=l(),v(r.$$.fragment),S=l(),o=u("p"),o.innerHTML=L,b=l(),v(c.$$.fragment),w=l(),m=u("p"),m.innerHTML=F,y=l(),v(f.$$.fragment),_=l(),g=u("p"),this.h()},l(t){const e=W("svelte-u9bgzb",document.head);n=d(e,"META",{name:!0,content:!0}),e.forEach(s),$=p(t),h=d(t,"P",{}),H(h).forEach(s),M=p(t),E(i.$$.fragment,t),j=p(t),E(r.$$.fragment,t),S=p(t),o=d(t,"P",{"data-svelte-h":!0}),z(o)!=="svelte-c8wzrt"&&(o.innerHTML=L),b=p(t),E(c.$$.fragment,t),w=p(t),m=d(t,"P",{"data-svelte-h":!0}),z(m)!=="svelte-1eo2tqv"&&(m.innerHTML=F),y=p(t),E(f.$$.fragment,t),_=p(t),g=d(t,"P",{}),H(g).forEach(s),this.h()},h(){P(n,"name","hf:doc:metadata"),P(n,"content",I)},m(t,e){J(document.head,n),a(t,$,e),a(t,h,e),a(t,M,e),x(i,t,e),a(t,j,e),x(r,t,e),a(t,S,e),a(t,o,e),a(t,b,e),x(c,t,e),a(t,w,e),a(t,m,e),a(t,y,e),x(f,t,e),a(t,_,e),a(t,g,e),U=!0},p:Z,i(t){U||(B(i.$$.fragment,t),B(r.$$.fragment,t),B(c.$$.fragment,t),B(f.$$.fragment,t),U=!0)},o(t){C(i.$$.fragment,t),C(r.$$.fragment,t),C(c.$$.fragment,t),C(f.$$.fragment,t),U=!1},d(t){t&&(s($),s(h),s(M),s(j),s(S),s(o),s(b),s(w),s(m),s(y),s(_),s(g)),s(n),G(i,t),G(r,t),G(c,t),G(f,t)}}}const I='{"title":"Spaces Settings","local":"spaces-settings","sections":[],"depth":1}';function O(T){return k(()=>{new URLSearchParams(window.location.search).get("fw")}),[]}class at extends N{constructor(n){super(),R(this,n,O,Y,Q,{})}}export{at as component};
