import{s as tt,n as et,o as st}from"../chunks/scheduler.d6170356.js";import{S as lt,i as at,g as p,s as a,r as b,A as nt,h as i,f as s,c as n,j as D,u as $,x as w,k as X,y as ot,a as l,v as B,d as I,t as v,w as E}from"../chunks/index.fcd4cc08.js";import{C as O}from"../chunks/CodeBlock.7b16bdef.js";import{H as K,E as pt}from"../chunks/EditOnGithub.da2b595c.js";function it(Y){let o,U,J,C,m,x,c,R='<strong>Model Card Components</strong> are special elements that you can inject directly into your Model Card markdown to display powerful custom components in your model page. These components are authored by us, feel free to share ideas about new Model Card component in <a href="https://huggingface.co/spaces/huggingface/HuggingDiscussions/discussions/17" rel="nofollow">this discussion</a>.',H,u,_,d,N="Add the <code>&lt;Gallery /&gt;</code> component to your text-to-image model card to showcase your images generation.",G,M,P="For example,",Z,h,k,r,Q='<img class="block dark:hidden" src="https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/hub/models-gallery.png"/> <img class="hidden dark:block" src="https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/hub/models-gallery-dark.png"/>',W,g,z='The <code>&lt;Gallery/&gt;</code> component will use your Model Card <a href="/docs/hub/models-widgets-examples#text-to-image">widget metadata</a> to display the images with each associated prompt.',q,f,A,j,F="<p>Hint: Support of Card Components through the GUI editor coming soon…</p>",S,T,V,y,L;return m=new K({props:{title:"Model Card components",local:"model-card-components",headingTag:"h1"}}),u=new K({props:{title:"The Gallery component",local:"the-gallery-component",headingTag:"h2"}}),h=new O({props:{code:"JTBBJTNDR2FsbGVyeSUyMCUyRiUzRSUwQSUwQSUyMyUyMyUyME1vZGVsJTIwZGVzY3JpcHRpb24lMEElMEFUaW50aW5JQSUyMGlzJTIwZmluZS10dW5lZCUyMHZlcnNpb24lMjBvZiUyMFN0YWJsZS1EaWZmdXNpb24teGwlMjB0cmFpbmVkJTIwb24lMjAxMjUlMjBjb21pY3MlMjBwYW5lbHMlMjBmcm9tJTIwVGludGluJTIwYWxidW0uJTIwJTBB",highlighted:`
<span class="language-xml"><span class="hljs-tag">&lt;<span class="hljs-name">Gallery</span> /&gt;</span></span>

<span class="hljs-section">## Model description</span>

TintinIA is fine-tuned version of Stable-Diffusion-xl trained on 125 comics panels from Tintin album. 
`,wrap:!1}}),f=new O({props:{code:"d2lkZ2V0JTNBJTBBLSUyMHRleHQlM0ElMjAlMjJkcmF3aW5nJTIwb2YlMjB0aW50aW4lMjBpbiUyMGElMjBzaG9wJTIyJTBBJTIwJTIwb3V0cHV0JTNBJTBBJTIwJTIwJTIwJTIwdXJsJTNBJTIwJTIyaW1hZ2VzJTJGc2hvcC5wbmclMjIlMEEtJTIwdGV4dCUzQSUyMCUyMmRyYXdpbmclMjBvZiUyMHRpbnRpbiUyMHdhdGNoaW5nJTIwcnVnYnklMjIlMEElMjAlMjBvdXRwdXQlM0ElMEElMjAlMjAlMjAlMjB1cmwlM0ElMjAlMjJpbWFnZXMlMkZydWdieS5wbmclMjIlMEElMjAlMjBwYXJhbWV0ZXJzJTNBJTBBJTIwJTIwJTIwJTIwbmVnYXRpdmVfcHJvbXB0JTNBJTIwJTIyYmx1cnJ5JTIyJTBBLSUyMHRleHQlM0ElMjAlMjJ0aW50aW4lMjB3b3JraW5nJTIwYXQlMjB0aGUlMjBvZmZpY2UlMjIlMEElMjAlMjBvdXRwdXQlM0ElMEElMjAlMjAlMjAlMjB1cmwlM0ElMjAlMjJpbWFnZXMlMkZvZmZpY2UucG5nJTIy",highlighted:`<span class="hljs-attr">widget:</span>
<span class="hljs-bullet">-</span> <span class="hljs-attr">text:</span> <span class="hljs-string">&quot;drawing of tintin in a shop&quot;</span>
  <span class="hljs-attr">output:</span>
    <span class="hljs-attr">url:</span> <span class="hljs-string">&quot;images/shop.png&quot;</span>
<span class="hljs-bullet">-</span> <span class="hljs-attr">text:</span> <span class="hljs-string">&quot;drawing of tintin watching rugby&quot;</span>
  <span class="hljs-attr">output:</span>
    <span class="hljs-attr">url:</span> <span class="hljs-string">&quot;images/rugby.png&quot;</span>
  <span class="hljs-attr">parameters:</span>
    <span class="hljs-attr">negative_prompt:</span> <span class="hljs-string">&quot;blurry&quot;</span>
<span class="hljs-bullet">-</span> <span class="hljs-attr">text:</span> <span class="hljs-string">&quot;tintin working at the office&quot;</span>
  <span class="hljs-attr">output:</span>
    <span class="hljs-attr">url:</span> <span class="hljs-string">&quot;images/office.png&quot;</span>`,wrap:!1}}),T=new pt({props:{source:"https://github.com/huggingface/hub-docs/blob/main/docs/hub/model-cards-components.md"}}),{c(){o=p("meta"),U=a(),J=p("p"),C=a(),b(m.$$.fragment),x=a(),c=p("p"),c.innerHTML=R,H=a(),b(u.$$.fragment),_=a(),d=p("p"),d.innerHTML=N,G=a(),M=p("p"),M.textContent=P,Z=a(),b(h.$$.fragment),k=a(),r=p("div"),r.innerHTML=Q,W=a(),g=p("p"),g.innerHTML=z,q=a(),b(f.$$.fragment),A=a(),j=p("blockquote"),j.innerHTML=F,S=a(),b(T.$$.fragment),V=a(),y=p("p"),this.h()},l(t){const e=nt("svelte-u9bgzb",document.head);o=i(e,"META",{name:!0,content:!0}),e.forEach(s),U=n(t),J=i(t,"P",{}),D(J).forEach(s),C=n(t),$(m.$$.fragment,t),x=n(t),c=i(t,"P",{"data-svelte-h":!0}),w(c)!=="svelte-h2nkcr"&&(c.innerHTML=R),H=n(t),$(u.$$.fragment,t),_=n(t),d=i(t,"P",{"data-svelte-h":!0}),w(d)!=="svelte-90h7l5"&&(d.innerHTML=N),G=n(t),M=i(t,"P",{"data-svelte-h":!0}),w(M)!=="svelte-1fsq83t"&&(M.textContent=P),Z=n(t),$(h.$$.fragment,t),k=n(t),r=i(t,"DIV",{class:!0,"data-svelte-h":!0}),w(r)!=="svelte-185eq7n"&&(r.innerHTML=Q),W=n(t),g=i(t,"P",{"data-svelte-h":!0}),w(g)!=="svelte-zmo7um"&&(g.innerHTML=z),q=n(t),$(f.$$.fragment,t),A=n(t),j=i(t,"BLOCKQUOTE",{"data-svelte-h":!0}),w(j)!=="svelte-tmvbpg"&&(j.innerHTML=F),S=n(t),$(T.$$.fragment,t),V=n(t),y=i(t,"P",{}),D(y).forEach(s),this.h()},h(){X(o,"name","hf:doc:metadata"),X(o,"content",rt),X(r,"class","flex justify-center")},m(t,e){ot(document.head,o),l(t,U,e),l(t,J,e),l(t,C,e),B(m,t,e),l(t,x,e),l(t,c,e),l(t,H,e),B(u,t,e),l(t,_,e),l(t,d,e),l(t,G,e),l(t,M,e),l(t,Z,e),B(h,t,e),l(t,k,e),l(t,r,e),l(t,W,e),l(t,g,e),l(t,q,e),B(f,t,e),l(t,A,e),l(t,j,e),l(t,S,e),B(T,t,e),l(t,V,e),l(t,y,e),L=!0},p:et,i(t){L||(I(m.$$.fragment,t),I(u.$$.fragment,t),I(h.$$.fragment,t),I(f.$$.fragment,t),I(T.$$.fragment,t),L=!0)},o(t){v(m.$$.fragment,t),v(u.$$.fragment,t),v(h.$$.fragment,t),v(f.$$.fragment,t),v(T.$$.fragment,t),L=!1},d(t){t&&(s(U),s(J),s(C),s(x),s(c),s(H),s(_),s(d),s(G),s(M),s(Z),s(k),s(r),s(W),s(g),s(q),s(A),s(j),s(S),s(V),s(y)),s(o),E(m,t),E(u,t),E(h,t),E(f,t),E(T,t)}}}const rt='{"title":"Model Card components","local":"model-card-components","sections":[{"title":"The Gallery component","local":"the-gallery-component","sections":[],"depth":2}],"depth":1}';function mt(Y){return st(()=>{new URLSearchParams(window.location.search).get("fw")}),[]}class ht extends lt{constructor(o){super(),at(this,o,mt,it,tt,{})}}export{ht as component};
