course/pr_1120/fr/_app/immutable/nodes/71.062d3a4e.js

import{s as rt,a as We,n as it,o as pt}from"../chunks/scheduler.893fe8c9.js";import{S as ut,i as mt,e as o,s as a,c as d,h as ct,a as r,d as s,b as n,f as O,g as f,j as p,k as i,l as dt,m as l,n as y,t as M,o as w,p as h}from"../chunks/index.2d09ebb4.js";import{C as ft,H as ot,E as yt}from"../chunks/MermaidChart.svelte_svelte_type_style_lang.be8852a8.js";import{C as D}from"../chunks/CodeBlock.b3796663.js";import{C as Mt}from"../chunks/CourseFloatingBanner.2900b001.js";function wt(Ve){let b,ee,A,te,g,se,J,le,T,ae,j,ze="Commençons par installer <em>Gradio</em> ! Comme il s’agit d’un <em>package</em> Python, il suffit de l’exécuter :",ne,v,Xe="<code>$ pip install gradio</code>",oe,x,_e=`Vous pouvez exécuter <em>Gradio</em> n’importe où, que ce soit dans votre IDE Python préféré, dans des <em>notebooks</em> ou même dans Google Colab 🤯 !
Alors installez <em>Gradio</em> partout où vous exécutez Python !`,re,B,Qe="Commençons par un exemple simple de type « <em>Hello World</em> » pour nous familiariser avec la syntaxe de <em>Gradio</em>  :",ie,G,pe,U,Ye="Parcourons le code ci-dessus :",ue,I,Se="<li>D’abord, nous définissons une fonction appelée <code>greet()</code>. Dans ce cas, c’est une simple fonction qui ajoute « <em>Hello</em> » devant votre nom, mais cela peut être <em>n’importe quelle</em> fonction Python en général. Par exemple, dans les applications d’apprentissage automatique, cette fonction pourrait <em>appeler un modèle pour faire une prédiction</em> sur une entrée et retourner la sortie.</li> <li>Ensuite, nous créons une <code>Interface</code> <em>Gradio</em> avec trois arguments, <code>fn</code>, <code>inputs</code>, et <code>outputs</code>. Ces arguments définissent la fonction de prédiction, ainsi que le <em>type</em> de composants d’entrée et de sortie que nous souhaitons. Dans notre cas, les deux composants sont de simples boîtes de texte.</li> <li>Nous appelons ensuite la méthode <code>launch()</code> sur l’<code>Interface</code> que nous avons créée.</li>",me,$,Le='Si vous exécutez ce code, l’interface ci-dessous apparaîtra automatiquement dans un <em>notebook</em> Jupyter/Colab ou dans un navigateur sur <strong><a href="http://localhost:7860/" rel="nofollow">http://localhost:7860</a></strong> si vous l’exécutez à partir d’un script.',ce,u,Pe,de,k,Re="Essayez d’utiliser cette interface maintenant avec votre propre nom ou une autre entrée !",fe,Z,Ee=`Vous remarquerez que dedans, <em>Gradio</em> a automatiquement déduit le nom du paramètre d’entrée (<code>name</code>) et l’a appliqué comme étiquette au dessus de la zone de texte. Que faire si vous souhaitez changer cela ?
Ou si vous souhaitez personnaliser la zone de texte d’une autre manière ? Dans ce cas, vous pouvez instancier un objet de classe représentant le composant de saisie.`,ye,C,Fe="Jetez un coup d’œil à l’exemple ci-dessous :",Me,H,we,m,Ne,he,q,De=`Ici, nous avons créé une zone de texte d’entrée avec une étiquette, un espace réservé et un nombre de lignes défini.
Vous pourriez faire la même chose pour la zone de texte de sortie, mais nous allons laisser cela pour le moment.`,be,W,Ae=`Nous avons vu qu’avec seulement quelques lignes de code, <em>Gradio</em> vous permet de créer une interface simple autour de n’importe quelle fonction
avec n’importe quel type d’entrées ou de sorties. Dans cette section, nous avons commencé par une simple boîte de texte mais dans les sections suivantes, nous couvrirons d’autres types d’entrées et de sorties. Voyons maintenant comment inclure un peu de NLP dans une application <em>Gradio</em>.`,ge,V,Je,z,Ke="Construisons maintenant une interface simple qui permet de faire une démo d’un modèle de <strong>génération de texte</strong> comme le GPT-2.",Te,X,Oe=`Nous allons charger notre modèle en utilisant la fonction <code>pipeline()</code> de 🤗 <em>Transformers</em>.
Si vous avez besoin d’un rafraîchissement rapide, vous pouvez revenir à <a href="/course/fr/chapter1/3#text-generation">cette section du chapitre 1</a>.`,je,_,et="Tout d’abord, nous définissons une fonction de prédiction qui prend une invite de texte et renvoie la complétion du texte :",ve,Q,xe,Y,tt="Cette fonction complète le texte que vous fournissez, et vous pouvez l’exécuter avec les votres pour voir comment elle fonctionne. Voici un exemple (vous obtiendrez peut-être un résultat différent) :",Be,S,Ge,L,Ue,P,st="Maintenant que nous avons une fonction pour générer des prédictions, nous pouvons créer et lancer une <code>Interface</code> de la même manière que nous l’avons fait précédemment :",Ie,R,$e,E,lt="C’est fait ! Vous pouvez maintenant utiliser cette interface pour générer du texte en utilisant le modèle GPT-2 comme indiqué ci-dessous 🤯.",ke,c,at,Ze,F,nt="Continuez votre lecture du cours pour voir comment construire d’autres types de démos avec <em>Gradio</em> !",Ce,N,He,K,qe;return g=new ft({props:{containerStyle:"float: right; margin-left: 10px; display: inline-flex; position: relative; z-index: 10;"}}),J=new ot({props:{title:"Construire votre première démo",local:"construire-votre-première-démo",headingTag:"h1"}}),T=new Mt({props:{chapter:9,classNames:"absolute z-10 right-0 top-0",notebooks:[{label:"English",value:"https://colab.research.google.com/github/huggingface/notebooks/blob/master/course/en/chapter9/section2.ipynb"},{label:"Français",value:"https://colab.research.google.com/github/huggingface/notebooks/blob/master/course/fr/chapter9/section2.ipynb"},{label:"English",value:"https://studiolab.sagemaker.aws/import/github/huggingface/notebooks/blob/master/course/en/chapter9/section2.ipynb"},{label:"Français",value:"https://studiolab.sagemaker.aws/import/github/huggingface/notebooks/blob/master/course/fr/chapter9/section2.ipynb"}]}}),G=new D({props:{code:"aW1wb3J0JTIwZ3JhZGlvJTIwYXMlMjBnciUwQSUwQSUwQWRlZiUyMGdyZWV0KG5hbWUpJTNBJTBBJTIwJTIwJTIwJTIwcmV0dXJuJTIwJTIySGVsbG8lMjAlMjIlMjAlMkIlMjBuYW1lJTBBJTBBJTBBZGVtbyUyMCUzRCUyMGdyLkludGVyZmFjZShmbiUzRGdyZWV0JTJDJTIwaW5wdXRzJTNEJTIydGV4dCUyMiUyQyUyMG91dHB1dHMlM0QlMjJ0ZXh0JTIyKSUwQSUwQWRlbW8ubGF1bmNoKCk=",highlighted:`<span class="hljs-keyword">import</span> gradio <span class="hljs-keyword">as</span> gr


<span class="hljs-keyword">def</span> <span class="hljs-title function_">greet</span>(<span class="hljs-params">name</span>):
    <span class="hljs-keyword">return</span> <span class="hljs-string">&quot;Hello &quot;</span> + name


demo = gr.Interface(fn=greet, inputs=<span class="hljs-string">&quot;text&quot;</span>, outputs=<span class="hljs-string">&quot;text&quot;</span>)

demo.launch()`,wrap:!1}}),H=new D({props:{code:"aW1wb3J0JTIwZ3JhZGlvJTIwYXMlMjBnciUwQSUwQSUwQWRlZiUyMGdyZWV0KG5hbWUpJTNBJTBBJTIwJTIwJTIwJTIwcmV0dXJuJTIwJTIySGVsbG8lMjAlMjIlMjAlMkIlMjBuYW1lJTBBJTBBJTBBJTIzJTIwTm91cyUyMGluc3RhbmNpb25zJTIwbGElMjBjbGFzc2UlMjBUZXh0Ym94JTBBdGV4dGJveCUyMCUzRCUyMGdyLlRleHRib3gobGFiZWwlM0QlMjJUeXBlJTIweW91ciUyMG5hbWUlMjBoZXJlJTNBJTIyJTJDJTIwcGxhY2Vob2xkZXIlM0QlMjJKb2huJTIwRG9lJTIyJTJDJTIwbGluZXMlM0QyKSUwQSUwQWdyLkludGVyZmFjZShmbiUzRGdyZWV0JTJDJTIwaW5wdXRzJTNEdGV4dGJveCUyQyUyMG91dHB1dHMlM0QlMjJ0ZXh0JTIyKS5sYXVuY2goKQ==",highlighted:`<span class="hljs-keyword">import</span> gradio <span class="hljs-keyword">as</span> gr


<span class="hljs-keyword">def</span> <span class="hljs-title function_">greet</span>(<span class="hljs-params">name</span>):
    <span class="hljs-keyword">return</span> <span class="hljs-string">&quot;Hello &quot;</span> + name


<span class="hljs-comment"># Nous instancions la classe Textbox</span>
textbox = gr.Textbox(label=<span class="hljs-string">&quot;Type your name here:&quot;</span>, placeholder=<span class="hljs-string">&quot;John Doe&quot;</span>, lines=<span class="hljs-number">2</span>)

gr.Interface(fn=greet, inputs=textbox, outputs=<span class="hljs-string">&quot;text&quot;</span>).launch()`,wrap:!1}}),V=new ot({props:{title:"🤖 Inclure les prédictions du modèle",local:"-inclure-les-prédictions-du-modèle",headingTag:"h2"}}),Q=new D({props:{code:"ZnJvbSUyMHRyYW5zZm9ybWVycyUyMGltcG9ydCUyMHBpcGVsaW5lJTBBJTBBbW9kZWwlMjAlM0QlMjBwaXBlbGluZSglMjJ0ZXh0LWdlbmVyYXRpb24lMjIpJTBBJTBBJTBBZGVmJTIwcHJlZGljdChwcm9tcHQpJTNBJTBBJTIwJTIwJTIwJTIwY29tcGxldGlvbiUyMCUzRCUyMG1vZGVsKHByb21wdCklNUIwJTVEJTVCJTIyZ2VuZXJhdGVkX3RleHQlMjIlNUQlMEElMjAlMjAlMjAlMjByZXR1cm4lMjBjb21wbGV0aW9u",highlighted:`<span class="hljs-keyword">from</span> transformers <span class="hljs-keyword">import</span> pipeline

model = pipeline(<span class="hljs-string">&quot;text-generation&quot;</span>)


<span class="hljs-keyword">def</span> <span class="hljs-title function_">predict</span>(<span class="hljs-params">prompt</span>):
    completion = model(prompt)[<span class="hljs-number">0</span>][<span class="hljs-string">&quot;generated_text&quot;</span>]
    <span class="hljs-keyword">return</span> completion`,wrap:!1}}),S=new D({props:{code:"cHJlZGljdCglMjJNeSUyMGZhdm9yaXRlJTIwcHJvZ3JhbW1pbmclMjBsYW5ndWFnZSUyMGlzJTIyKSUyMCUyMyUyME1vbiUyMGxhbmdhZ2UlMjBkZSUyMHByb2dyYW1tYXRpb24lMjBwciVDMyVBOWYlQzMlQTlyJUMzJUE5JTIwZXN0",highlighted:'<span class="hljs-keyword">predict</span>(<span class="hljs-string">&quot;My favorite programming language is&quot;</span>) # Mon langage <span class="hljs-keyword">de</span> programmation <span class="hljs-keyword">pr</span>éféré <span class="hljs-keyword">est</span>',wrap:!1}}),L=new D({props:{code:"JTNFJTNFJTIwTXklMjBmYXZvcml0ZSUyMHByb2dyYW1taW5nJTIwbGFuZ3VhZ2UlMjBpcyUyMEhhc2tlbGwuJTIwSSUyMHJlYWxseSUyMGVuam95ZWQlMjB0aGUlMjBIYXNrZWxsJTIwbGFuZ3VhZ2UlMkMlMjBidXQlMjBpdCUyMGRvZXNuJ3QlMjBoYXZlJTIwYWxsJTIwdGhlJTIwZmVhdHVyZXMlMjB0aGF0JTIwY2FuJTIwYmUlMjBhcHBsaWVkJTIwdG8lMjBhbnklMjBvdGhlciUyMGxhbmd1YWdlLiUyMEZvciUyMGV4YW1wbGUlMkMlMjBhbGwlMjBpdCUyMGRvZXMlMjBpcyUyMGNvbXBpbGUlMjB0byUyMGElMjBieXRlJTIwYXJyYXkuJTBBJTIzJTIwJTIwTW9uJTIwbGFuZ2FnZSUyMGRlJTIwcHJvZ3JhbW1hdGlvbiUyMHByJUMzJUE5ZiVDMyVBOXIlQzMlQTklMjBlc3QlMjBIYXNrZWxsLiUyMEonYWklMjB2cmFpbWVudCUyMGFwcHIlQzMlQTljaSVDMyVBOSUyMGxlJTIwbGFuZ2FnZSUyMEhhc2tlbGwlMkMlMjBtYWlzJTIwaWwlMjBuJ2ElMjBwYXMlMjB0b3V0ZXMlMjBsZXMlMjBjYXJhY3QlQzMlQTlyaXN0aXF1ZXMlMjBxdWUlMjBsJ29uJTIwcGV1dCUyMGFwcGxpcXVlciUyMCVDMyVBMCUyMG4naW1wb3J0ZSUyMHF1ZWwlMjBhdXRyZSUyMGxhbmdhZ2UuJTIwUGFyJTIwZXhlbXBsZSUyQyUyMGlsJTIwbmUlMjBmYWl0JTIwcXVlJTIwY29tcGlsZXIlMjB1biUyMHRhYmxlYXUlMjBkJ29jdGV0cy4=",highlighted:`&gt;&gt; My favorite programming language <span class="hljs-keyword">is</span> Haskell. I really enjoyed <span class="hljs-keyword">the</span> Haskell language, <span class="hljs-keyword">but</span> <span class="hljs-keyword">it</span> doesn&#x27;t have all <span class="hljs-keyword">the</span> features <span class="hljs-keyword">that</span> can be applied <span class="hljs-keyword">to</span> any other language. For example, all <span class="hljs-keyword">it</span> <span class="hljs-keyword">does</span> <span class="hljs-keyword">is</span> compile <span class="hljs-keyword">to</span> a byte array.
<span class="hljs-comment">#  Mon langage de programmation préféré est Haskell. J&#x27;ai vraiment apprécié le langage Haskell, mais il n&#x27;a pas toutes les caractéristiques que l&#x27;on peut appliquer à n&#x27;importe quel autre langage. Par exemple, il ne fait que compiler un tableau d&#x27;octets.</span>`,wrap:!1}}),R=new D({props:{code:"aW1wb3J0JTIwZ3JhZGlvJTIwYXMlMjBnciUwQSUwQWdyLkludGVyZmFjZShmbiUzRHByZWRpY3QlMkMlMjBpbnB1dHMlM0QlMjJ0ZXh0JTIyJTJDJTIwb3V0cHV0cyUzRCUyMnRleHQlMjIpLmxhdW5jaCgp",highlighted:`<span class="hljs-keyword">import</span> gradio <span class="hljs-keyword">as</span> gr

gr.Interface(fn=predict, inputs=<span class="hljs-string">&quot;text&quot;</span>, outputs=<span class="hljs-string">&quot;text&quot;</span>).launch()`,wrap:!1}}),N=new yt({props:{source:"https://github.com/huggingface/course/blob/main/chapters/fr/chapter9/2.mdx"}}),{c(){b=o("meta"),ee=a(),A=o("p"),te=a(),d(g.$$.fragment),se=a(),d(J.$$.fragment),le=a(),d(T.$$.fragment),ae=a(),j=o("p"),j.innerHTML=ze,ne=a(),v=o("p"),v.innerHTML=Xe,oe=a(),x=o("p"),x.innerHTML=_e,re=a(),B=o("p"),B.innerHTML=Qe,ie=a(),d(G.$$.fragment),pe=a(),U=o("p"),U.textContent=Ye,ue=a(),I=o("ul"),I.innerHTML=Se,me=a(),$=o("p"),$.innerHTML=Le,ce=a(),u=o("iframe"),de=a(),k=o("p"),k.textContent=Re,fe=a(),Z=o("p"),Z.innerHTML=Ee,ye=a(),C=o("p"),C.textContent=Fe,Me=a(),d(H.$$.fragment),we=a(),m=o("iframe"),he=a(),q=o("p"),q.textContent=De,be=a(),W=o("p"),W.innerHTML=Ae,ge=a(),d(V.$$.fragment),Je=a(),z=o("p"),z.innerHTML=Ke,Te=a(),X=o("p"),X.innerHTML=Oe,je=a(),_=o("p"),_.textContent=et,ve=a(),d(Q.$$.fragment),xe=a(),Y=o("p"),Y.textContent=tt,Be=a(),d(S.$$.fragment),Ge=a(),d(L.$$.fragment),Ue=a(),P=o("p"),P.innerHTML=st,Ie=a(),d(R.$$.fragment),$e=a(),E=o("p"),E.textContent=lt,ke=a(),c=o("iframe"),Ze=a(),F=o("p"),F.innerHTML=nt,Ce=a(),d(N.$$.fragment),He=a(),K=o("p"),this.h()},l(e){const t=ct("svelte-u9bgzb",document.head);b=r(t,"META",{name:!0,content:!0}),t.forEach(s),ee=n(e),A=r(e,"P",{}),O(A).forEach(s),te=n(e),f(g.$$.fragment,e),se=n(e),f(J.$$.fragment,e),le=n(e),f(T.$$.fragment,e),ae=n(e),j=r(e,"P",{"data-svelte-h":!0}),p(j)!=="svelte-1opagww"&&(j.innerHTML=ze),ne=n(e),v=r(e,"P",{"data-svelte-h":!0}),p(v)!=="svelte-sv8g3f"&&(v.innerHTML=Xe),oe=n(e),x=r(e,"P",{"data-svelte-h":!0}),p(x)!=="svelte-zhky68"&&(x.innerHTML=_e),re=n(e),B=r(e,"P",{"data-svelte-h":!0}),p(B)!=="svelte-brfno5"&&(B.innerHTML=Qe),ie=n(e),f(G.$$.fragment,e),pe=n(e),U=r(e,"P",{"data-svelte-h":!0}),p(U)!=="svelte-l6wim4"&&(U.textContent=Ye),ue=n(e),I=r(e,"UL",{"data-svelte-h":!0}),p(I)!=="svelte-1fojaql"&&(I.innerHTML=Se),me=n(e),$=r(e,"P",{"data-svelte-h":!0}),p($)!=="svelte-x19o6r"&&($.innerHTML=Le),ce=n(e),u=r(e,"IFRAME",{src:!0,frameborder:!0,height:!0,title:!0,class:!0,allow:!0,sandbox:!0}),O(u).forEach(s),de=n(e),k=r(e,"P",{"data-svelte-h":!0}),p(k)!=="svelte-3zj61d"&&(k.textContent=Re),fe=n(e),Z=r(e,"P",{"data-svelte-h":!0}),p(Z)!=="svelte-pllbhl"&&(Z.innerHTML=Ee),ye=n(e),C=r(e,"P",{"data-svelte-h":!0}),p(C)!=="svelte-8902h3"&&(C.textContent=Fe),Me=n(e),f(H.$$.fragment,e),we=n(e),m=r(e,"IFRAME",{src:!0,frameborder:!0,height:!0,title:!0,class:!0,allow:!0,sandbox:!0}),O(m).forEach(s),he=n(e),q=r(e,"P",{"data-svelte-h":!0}),p(q)!=="svelte-1l4vzw3"&&(q.textContent=De),be=n(e),W=r(e,"P",{"data-svelte-h":!0}),p(W)!=="svelte-2yalt5"&&(W.innerHTML=Ae),ge=n(e),f(V.$$.fragment,e),Je=n(e),z=r(e,"P",{"data-svelte-h":!0}),p(z)!=="svelte-xemxxj"&&(z.innerHTML=Ke),Te=n(e),X=r(e,"P",{"data-svelte-h":!0}),p(X)!=="svelte-ygna1t"&&(X.innerHTML=Oe),je=n(e),_=r(e,"P",{"data-svelte-h":!0}),p(_)!=="svelte-16alvq0"&&(_.textContent=et),ve=n(e),f(Q.$$.fragment,e),xe=n(e),Y=r(e,"P",{"data-svelte-h":!0}),p(Y)!=="svelte-ae03qy"&&(Y.textContent=tt),Be=n(e),f(S.$$.fragment,e),Ge=n(e),f(L.$$.fragment,e),Ue=n(e),P=r(e,"P",{"data-svelte-h":!0}),p(P)!=="svelte-1akaz3q"&&(P.innerHTML=st),Ie=n(e),f(R.$$.fragment,e),$e=n(e),E=r(e,"P",{"data-svelte-h":!0}),p(E)!=="svelte-11lvotm"&&(E.textContent=lt),ke=n(e),c=r(e,"IFRAME",{src:!0,frameborder:!0,height:!0,title:!0,class:!0,allow:!0,sandbox:!0}),O(c).forEach(s),Ze=n(e),F=r(e,"P",{"data-svelte-h":!0}),p(F)!=="svelte-1i3aj01"&&(F.innerHTML=nt),Ce=n(e),f(N.$$.fragment,e),He=n(e),K=r(e,"P",{}),O(K).forEach(s),this.h()},h(){i(b,"name","hf:doc:metadata"),i(b,"content",ht),We(u.src,Pe="https://course-demos-hello-world.hf.space")||i(u,"src",Pe),i(u,"frameborder","0"),i(u,"height","250"),i(u,"title","Gradio app"),i(u,"class","container p-0 flex-grow space-iframe"),i(u,"allow","accelerometer; ambient-light-sensor; autoplay; battery; camera; document-domain; encrypted-media; fullscreen; geolocation; gyroscope; layout-animations; legacy-image-formats; magnetometer; microphone; midi; oversized-images; payment; picture-in-picture; publickey-credentials-get; sync-xhr; usb; vr ; wake-lock; xr-spatial-tracking"),i(u,"sandbox","allow-forms allow-modals allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts allow-downloads"),We(m.src,Ne="https://course-demos-hello-world-custom.hf.space")||i(m,"src",Ne),i(m,"frameborder","0"),i(m,"height","300"),i(m,"title","Gradio app"),i(m,"class","container p-0 flex-grow space-iframe"),i(m,"allow","accelerometer; ambient-light-sensor; autoplay; battery; camera; document-domain; encrypted-media; fullscreen; geolocation; gyroscope; layout-animations; legacy-image-formats; magnetometer; microphone; midi; oversized-images; payment; picture-in-picture; publickey-credentials-get; sync-xhr; usb; vr ; wake-lock; xr-spatial-tracking"),i(m,"sandbox","allow-forms allow-modals allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts allow-downloads"),We(c.src,at="https://course-demos-gpt-2.hf.space")||i(c,"src",at),i(c,"frameborder","0"),i(c,"height","250"),i(c,"title","Gradio app"),i(c,"class","container p-0 flex-grow space-iframe"),i(c,"allow","accelerometer; ambient-light-sensor; autoplay; battery; camera; document-domain; encrypted-media; fullscreen; geolocation; gyroscope; layout-animations; legacy-image-formats; magnetometer; microphone; midi; oversized-images; payment; picture-in-picture; publickey-credentials-get; sync-xhr; usb; vr ; wake-lock; xr-spatial-tracking"),i(c,"sandbox","allow-forms allow-modals allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts allow-downloads")},m(e,t){dt(document.head,b),l(e,ee,t),l(e,A,t),l(e,te,t),y(g,e,t),l(e,se,t),y(J,e,t),l(e,le,t),y(T,e,t),l(e,ae,t),l(e,j,t),l(e,ne,t),l(e,v,t),l(e,oe,t),l(e,x,t),l(e,re,t),l(e,B,t),l(e,ie,t),y(G,e,t),l(e,pe,t),l(e,U,t),l(e,ue,t),l(e,I,t),l(e,me,t),l(e,$,t),l(e,ce,t),l(e,u,t),l(e,de,t),l(e,k,t),l(e,fe,t),l(e,Z,t),l(e,ye,t),l(e,C,t),l(e,Me,t),y(H,e,t),l(e,we,t),l(e,m,t),l(e,he,t),l(e,q,t),l(e,be,t),l(e,W,t),l(e,ge,t),y(V,e,t),l(e,Je,t),l(e,z,t),l(e,Te,t),l(e,X,t),l(e,je,t),l(e,_,t),l(e,ve,t),y(Q,e,t),l(e,xe,t),l(e,Y,t),l(e,Be,t),y(S,e,t),l(e,Ge,t),y(L,e,t),l(e,Ue,t),l(e,P,t),l(e,Ie,t),y(R,e,t),l(e,$e,t),l(e,E,t),l(e,ke,t),l(e,c,t),l(e,Ze,t),l(e,F,t),l(e,Ce,t),y(N,e,t),l(e,He,t),l(e,K,t),qe=!0},p:it,i(e){qe||(M(g.$$.fragment,e),M(J.$$.fragment,e),M(T.$$.fragment,e),M(G.$$.fragment,e),M(H.$$.fragment,e),M(V.$$.fragment,e),M(Q.$$.fragment,e),M(S.$$.fragment,e),M(L.$$.fragment,e),M(R.$$.fragment,e),M(N.$$.fragment,e),qe=!0)},o(e){w(g.$$.fragment,e),w(J.$$.fragment,e),w(T.$$.fragment,e),w(G.$$.fragment,e),w(H.$$.fragment,e),w(V.$$.fragment,e),w(Q.$$.fragment,e),w(S.$$.fragment,e),w(L.$$.fragment,e),w(R.$$.fragment,e),w(N.$$.fragment,e),qe=!1},d(e){e&&(s(ee),s(A),s(te),s(se),s(le),s(ae),s(j),s(ne),s(v),s(oe),s(x),s(re),s(B),s(ie),s(pe),s(U),s(ue),s(I),s(me),s($),s(ce),s(u),s(de),s(k),s(fe),s(Z),s(ye),s(C),s(Me),s(we),s(m),s(he),s(q),s(be),s(W),s(ge),s(Je),s(z),s(Te),s(X),s(je),s(_),s(ve),s(xe),s(Y),s(Be),s(Ge),s(Ue),s(P),s(Ie),s($e),s(E),s(ke),s(c),s(Ze),s(F),s(Ce),s(He),s(K)),s(b),h(g,e),h(J,e),h(T,e),h(G,e),h(H,e),h(V,e),h(Q,e),h(S,e),h(L,e),h(R,e),h(N,e)}}}const ht='{"title":"Construire votre première démo","local":"construire-votre-première-démo","sections":[{"title":"🤖 Inclure les prédictions du modèle","local":"-inclure-les-prédictions-du-modèle","sections":[],"depth":2}],"depth":1}';function bt(Ve){return pt(()=>{new URLSearchParams(window.location.search).get("fw")}),[]}class xt extends ut{constructor(b){super(),mt(this,b,bt,wt,rt,{})}}export{xt as component};