[{"data":1,"prerenderedAt":1838},["ShallowReactive",2],{"navigation_docs":3,"-docs-ecrire-composants":118,"-docs-ecrire-composants-surround":1833},[4,19,49,75,89],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":18},"Démarrer","i-lucide-rocket","\u002Fdocs\u002Fdemarrer","docs\u002F1.demarrer",[10,14],{"title":11,"path":12,"stem":13},"Première présentation","\u002Fdocs\u002Fdemarrer\u002Fpremiere-presentation","docs\u002F1.demarrer\u002F1.premiere-presentation",{"title":15,"path":16,"stem":17},"Le Markdown","\u002Fdocs\u002Fdemarrer\u002Fle-markdown","docs\u002F1.demarrer\u002F2.le-markdown",false,{"title":20,"icon":21,"path":22,"stem":23,"children":24,"page":18},"Écrire","i-lucide-pen-line","\u002Fdocs\u002Fecrire","docs\u002F2.ecrire",[25,29,33,37,41,45],{"title":26,"path":27,"stem":28},"La syntaxe","\u002Fdocs\u002Fecrire\u002Fsyntaxe","docs\u002F2.ecrire\u002F1.syntaxe",{"title":30,"path":31,"stem":32},"Les composants","\u002Fdocs\u002Fecrire\u002Fcomposants","docs\u002F2.ecrire\u002F2.composants",{"title":34,"path":35,"stem":36},"Story Storybook","\u002Fdocs\u002Fecrire\u002Fstory-storybook","docs\u002F2.ecrire\u002F3.story-storybook",{"title":38,"path":39,"stem":40},"Image et texte","\u002Fdocs\u002Fecrire\u002Fimage-a-cote-du-texte","docs\u002F2.ecrire\u002F4.image-a-cote-du-texte",{"title":42,"path":43,"stem":44},"Présenter et exporter","\u002Fdocs\u002Fecrire\u002Fpresenter","docs\u002F2.ecrire\u002F5.presenter",{"title":46,"path":47,"stem":48},"Écrire avec un agent","\u002Fdocs\u002Fecrire\u002Fecrire-avec-un-agent","docs\u002F2.ecrire\u002F6.ecrire-avec-un-agent",{"title":50,"icon":51,"path":52,"stem":53,"children":54,"page":18},"Studio","i-lucide-layout-grid","\u002Fdocs\u002Fstudio","docs\u002F3.studio",[55,59,63,67,71],{"title":56,"path":57,"stem":58},"Rôles et partage","\u002Fdocs\u002Fstudio\u002Froles-et-partage","docs\u002F3.studio\u002F1.roles-et-partage",{"title":60,"path":61,"stem":62},"Versions et brouillon","\u002Fdocs\u002Fstudio\u002Fversions-et-brouillon","docs\u002F3.studio\u002F2.versions-et-brouillon",{"title":64,"path":65,"stem":66},"Organiser le catalogue","\u002Fdocs\u002Fstudio\u002Forganiser-le-catalogue","docs\u002F3.studio\u002F3.organiser-le-catalogue",{"title":68,"path":69,"stem":70},"Jetons d'accès","\u002Fdocs\u002Fstudio\u002Fjetons-d-acces","docs\u002F3.studio\u002F4.jetons-d-acces",{"title":72,"path":73,"stem":74},"Problèmes fréquents","\u002Fdocs\u002Fstudio\u002Fproblemes-frequents","docs\u002F3.studio\u002F5.problemes-frequents",{"title":76,"icon":77,"path":78,"stem":79,"children":80,"page":18},"Thèmes","i-lucide-palette","\u002Fdocs\u002Fthemes","docs\u002F4.themes",[81,85],{"title":82,"path":83,"stem":84},"Thème DSFR","\u002Fdocs\u002Fthemes\u002Ftheme-dsfr","docs\u002F4.themes\u002F1.theme-dsfr",{"title":86,"path":87,"stem":88},"Thème d'équipe","\u002Fdocs\u002Fthemes\u002Ftheme-de-votre-equipe","docs\u002F4.themes\u002F2.theme-de-votre-equipe",{"title":90,"icon":91,"path":92,"stem":93,"children":94,"page":18},"Référence","i-lucide-book-open","\u002Fdocs\u002Freference","docs\u002F5.reference",[95,99,103,107,111,115],{"title":96,"path":97,"stem":98},"Module de rendu","\u002Fdocs\u002Freference\u002Fnuxt","docs\u002F5.reference\u002F1.nuxt",{"title":100,"path":101,"stem":102},"Composants de schéma","\u002Fdocs\u002Freference\u002Fschemas","docs\u002F5.reference\u002F2.schemas",{"title":104,"path":105,"stem":106},"Composants Storybook","\u002Fdocs\u002Freference\u002Fstorybook","docs\u002F5.reference\u002F3.storybook",{"title":108,"path":109,"stem":110},"Système de thèmes","\u002Fdocs\u002Freference\u002Ftheme-system","docs\u002F5.reference\u002F4.theme-system",{"title":112,"path":113,"stem":114},"Kit de thèmes","\u002Fdocs\u002Freference\u002Ftheme-kit","docs\u002F5.reference\u002F5.theme-kit",{"title":82,"path":116,"stem":117},"\u002Fdocs\u002Freference\u002Ftheme-dsfr","docs\u002F5.reference\u002F6.theme-dsfr",{"id":119,"title":30,"body":120,"description":1829,"extension":219,"meta":1830,"navigation":273,"path":31,"seo":1831,"stem":32,"__hash__":1832},"docs\u002Fdocs\u002F2.ecrire\u002F2.composants.md",{"type":121,"value":122,"toc":1819},"minimark",[123,127,158,184,193,198,243,354,367,371,378,429,436,466,470,491,604,612,616,634,719,734,742,745,748,774,975,1005,1418,1432,1484,1494,1666,1685,1689,1699,1729,1734,1738,1751,1755,1758,1815],[124,125,126],"p",{},"Un composant est un bloc nommé, qui met en forme une partie de la diapositive. Le nombre de deux-points dit ce qu'il contient :",[128,129,130,142,152],"ul",{},[131,132,133,137,138,141],"li",{},[134,135,136],"code",{},"::Nom"," entoure du texte, jusqu'à la ligne ",[134,139,140],{},"::"," qui le ferme ;",[131,143,144,147,148,151],{},[134,145,146],{},":::Nom"," contient d'autres composants, jusqu'à la ligne ",[134,149,150],{},":::"," ;",[131,153,154,157],{},[134,155,156],{},":nom{…}"," est un composant en ligne, dans une phrase.",[124,159,160,161,164,165,168,169,172,173,175,176,179,180,183],{},"On écrit les attributs d'un composant entre accolades : ",[134,162,163],{},"::Quote{author=\"…\"}",". On écrit un attribut vrai ou faux précédé de ",[134,166,167],{},":",", comme ",[134,170,171],{},":fragments=\"false\""," ; sans les deux-points, la valeur est un texte. Dans l'éditeur, le bouton « Aide » liste les composants et les insère dans le texte. ",[134,174,140],{}," propose les composants qui ont leur place à cet endroit : dans un ",[134,177,178],{},":::Scheme",", seulement ",[134,181,182],{},"::Step",". Le curseur dans un composant, le bouton « Propriétés » de la barre d'outils présente ses attributs avec leur description, et chaque choix réécrit ses accolades.",[124,185,186,187,192],{},"Cette page présente les familles de composants et le cas où chacune sert. La ",[188,189,191],"a",{"href":190},"#la-r%C3%A9f%C3%A9rence-des-composants","référence"," donne tous les attributs de chaque composant, avec leur valeur par défaut.",[194,195,197],"h2",{"id":196},"mettre-une-phrase-en-valeur","Mettre une phrase en valeur",[124,199,200,201,204,205,208,209,212,213,216,217,216,220,223,224,227,228,231,232,238,239,242],{},"Une diapositive contient souvent une phrase que le public doit retenir : un verbatim d'usager, un chiffre, une conclusion. ",[134,202,203],{},"Quote"," présente une citation avec son auteur, et ",[134,206,207],{},"Highlight"," un message en gras, dans la couleur d'accent, avec un liseré à gauche ; il garde la taille du texte, et ",[134,210,211],{},"size"," l'agrandit selon l'échelle typographique du thème (",[134,214,215],{},"sm",", ",[134,218,219],{},"md",[134,221,222],{},"lg"," ou ",[134,225,226],{},"xl","). Dans un titre ou une phrase, ",[134,229,230],{},":i{name=\"…\"}"," ajoute une icône du jeu ",[188,233,237],{"href":234,"rel":235},"https:\u002F\u002Fremixicon.com",[236],"nofollow","Remix Icon",", dont le nom commence par ",[134,240,241],{},"ri:",".",[244,245,246],"deck-example",{},[247,248,253],"pre",{"className":249,"code":250,"language":251,"meta":252,"style":252},"language-mdc shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","### :i{name=\"ri:chat-quote-line\"} Ce que disent les usagers\n\n::Quote{author=\"Une usagère\" role=\"Entretien du 3 octobre\"}\nJe retrouve ma demande sans chercher.\n::\n\n::Highlight\nQuinze jours en moyenne, du dépôt à la réponse.\n::\n","mdc","",[134,254,255,268,275,317,324,330,335,343,349],{"__ignoreMap":252},[256,257,260,264],"span",{"class":258,"line":259},"line",1,[256,261,263],{"class":262},"sMK4o","### ",[256,265,267],{"class":266},"sBMFI",":i{name=\"ri:chat-quote-line\"} Ce que disent les usagers\n",[256,269,271],{"class":258,"line":270},2,[256,272,274],{"emptyLinePlaceholder":273},true,"\n",[256,276,278,280,283,286,290,293,296,300,302,305,307,309,312,314],{"class":258,"line":277},3,[256,279,140],{"class":262},[256,281,203],{"class":282},"swJcz",[256,284,285],{"class":262},"{",[256,287,289],{"class":288},"spNyl","author",[256,291,292],{"class":262},"=",[256,294,295],{"class":262},"\"",[256,297,299],{"class":298},"sfazB","Une usagère",[256,301,295],{"class":262},[256,303,304],{"class":288}," role",[256,306,292],{"class":262},[256,308,295],{"class":262},[256,310,311],{"class":298},"Entretien du 3 octobre",[256,313,295],{"class":262},[256,315,316],{"class":262},"}\n",[256,318,320],{"class":258,"line":319},4,[256,321,323],{"class":322},"sTEyZ","Je retrouve ma demande sans chercher.\n",[256,325,327],{"class":258,"line":326},5,[256,328,329],{"class":262},"::\n",[256,331,333],{"class":258,"line":332},6,[256,334,274],{"emptyLinePlaceholder":273},[256,336,338,340],{"class":258,"line":337},7,[256,339,140],{"class":262},[256,341,342],{"class":282},"Highlight\n",[256,344,346],{"class":258,"line":345},8,[256,347,348],{"class":322},"Quinze jours en moyenne, du dépôt à la réponse.\n",[256,350,352],{"class":258,"line":351},9,[256,353,329],{"class":262},[124,355,356,357,216,360,216,363,242],{},"Attributs : ",[188,358,203],{"href":359},"\u002Fdocs\u002Freference\u002Fnuxt#quote",[188,361,207],{"href":362},"\u002Fdocs\u002Freference\u002Fnuxt#highlight",[188,364,366],{"href":365},"\u002Fdocs\u002Freference\u002Fnuxt#iconinline","IconInline",[194,368,370],{"id":369},"montrer-les-points-un-par-un","Montrer les points un par un",[124,372,373,374,377],{},"Quand vous commentez une liste, le public lit plus vite que vous ne parlez. Dans ",[134,375,376],{},"Fragments",", chaque élément de la liste apparaît à l'appui suivant sur la flèche droite, et le public suit le point dont vous parlez.",[244,379,380],{},[247,381,383],{"className":249,"code":382,"language":251,"meta":252,"style":252},"### Les trois étapes\n\n::Fragments\n- La demande est déposée.\n- Un agent l'instruit.\n- L'usager reçoit la réponse.\n::\n",[134,384,385,392,396,403,411,418,425],{"__ignoreMap":252},[256,386,387,389],{"class":258,"line":259},[256,388,263],{"class":262},[256,390,391],{"class":266},"Les trois étapes\n",[256,393,394],{"class":258,"line":270},[256,395,274],{"emptyLinePlaceholder":273},[256,397,398,400],{"class":258,"line":277},[256,399,140],{"class":262},[256,401,402],{"class":282},"Fragments\n",[256,404,405,408],{"class":258,"line":319},[256,406,407],{"class":262},"-",[256,409,410],{"class":322}," La demande est déposée.\n",[256,412,413,415],{"class":258,"line":326},[256,414,407],{"class":262},[256,416,417],{"class":322}," Un agent l'instruit.\n",[256,419,420,422],{"class":258,"line":332},[256,421,407],{"class":262},[256,423,424],{"class":322}," L'usager reçoit la réponse.\n",[256,426,427],{"class":258,"line":337},[256,428,329],{"class":262},[124,430,431,432,435],{},"Les éléments encore cachés gardent leur place sur la diapositive. Avec ",[134,433,434],{},"::Fragments{collapse}",", un élément caché ne prend pas de place, et le moteur place de nouveau le contenu de la diapositive à chaque étape.",[124,437,438,439,216,442,445,446,449,450,454,455,458,459,462,463,242],{},"Les schémas ",[134,440,441],{},"Scheme",[134,443,444],{},"Diagram"," et ",[134,447,448],{},"JsonTour"," de la section ",[188,451,453],{"href":452},"#expliquer-un-syst%C3%A8me","Expliquer un système"," apparaissent aussi étape par étape, et ",[134,456,457],{},"Mermaid"," avec son attribut ",[134,460,461],{},"steps",". Attributs : ",[188,464,376],{"href":465},"\u002Fdocs\u002Freference\u002Fnuxt#fragments",[194,467,469],{"id":468},"comparer-en-colonnes","Comparer en colonnes",[124,471,472,475,476,479,480,482,483,486,487,490],{},[134,473,474],{},"Columns"," place ses composants ",[134,477,478],{},"Column"," côte à côte, pour comparer deux publics, deux options ou un avant et un après. ",[134,481,256],{}," donne la largeur relative d'une colonne : ",[134,484,485],{},"span=\"2\""," à côté de ",[134,488,489],{},"span=\"1\""," partage la largeur en deux tiers et un tiers.",[244,492,493],{},[247,494,496],{"className":249,"code":495,"language":251,"meta":252,"style":252},"### Ce qui change\n\n:::Columns\n::Column{span=\"2\"}\n#### Pour l'usager\nIl suit sa demande en ligne et reçoit un message à chaque étape.\n::\n\n::Column{span=\"1\"}\n#### Pour l'agent\nIl voit les pièces manquantes.\n::\n:::\n",[134,497,498,505,509,516,537,545,550,554,558,579,587,593,598],{"__ignoreMap":252},[256,499,500,502],{"class":258,"line":259},[256,501,263],{"class":262},[256,503,504],{"class":266},"Ce qui change\n",[256,506,507],{"class":258,"line":270},[256,508,274],{"emptyLinePlaceholder":273},[256,510,511,513],{"class":258,"line":277},[256,512,150],{"class":262},[256,514,515],{"class":282},"Columns\n",[256,517,518,520,522,524,526,528,530,533,535],{"class":258,"line":319},[256,519,140],{"class":262},[256,521,478],{"class":282},[256,523,285],{"class":262},[256,525,256],{"class":288},[256,527,292],{"class":262},[256,529,295],{"class":262},[256,531,532],{"class":298},"2",[256,534,295],{"class":262},[256,536,316],{"class":262},[256,538,539,542],{"class":258,"line":326},[256,540,541],{"class":262},"#### ",[256,543,544],{"class":266},"Pour l'usager\n",[256,546,547],{"class":258,"line":332},[256,548,549],{"class":322},"Il suit sa demande en ligne et reçoit un message à chaque étape.\n",[256,551,552],{"class":258,"line":337},[256,553,329],{"class":262},[256,555,556],{"class":258,"line":345},[256,557,274],{"emptyLinePlaceholder":273},[256,559,560,562,564,566,568,570,572,575,577],{"class":258,"line":351},[256,561,140],{"class":262},[256,563,478],{"class":282},[256,565,285],{"class":262},[256,567,256],{"class":288},[256,569,292],{"class":262},[256,571,295],{"class":262},[256,573,574],{"class":298},"1",[256,576,295],{"class":262},[256,578,316],{"class":262},[256,580,582,584],{"class":258,"line":581},10,[256,583,541],{"class":262},[256,585,586],{"class":266},"Pour l'agent\n",[256,588,590],{"class":258,"line":589},11,[256,591,592],{"class":322},"Il voit les pièces manquantes.\n",[256,594,596],{"class":258,"line":595},12,[256,597,329],{"class":262},[256,599,601],{"class":258,"line":600},13,[256,602,603],{"class":262},":::\n",[124,605,356,606,216,609,242],{},[188,607,474],{"href":608},"\u002Fdocs\u002Freference\u002Fnuxt#columns",[188,610,478],{"href":611},"\u002Fdocs\u002Freference\u002Fnuxt#column",[194,613,615],{"id":614},"montrer-une-image-ou-une-page-web","Montrer une image ou une page web",[124,617,618,621,622,625,626,629,630,242],{},[134,619,620],{},"Image"," affiche une image et sa légende dans le texte de la diapositive, et ",[134,623,624],{},"Iframe"," affiche une page web. Pour une image ou une page à côté du texte, au-dessus, en dessous ou derrière lui, utilisez l'annotation ",[134,627,628],{},":layout",", décrite dans ",[188,631,633],{"href":632},"\u002Fdocs\u002Fecrire\u002Fsyntaxe#les-mises-en-page","Les mises en page",[244,635,636],{},[247,637,639],{"className":249,"code":638,"language":251,"meta":252,"style":252},"### Le parcours\n\n::Image{src=\"\u002Fimages\u002Fplaceholder.svg\" alt=\"Des montagnes sous un soleil\" width=\"60%\" :preview=\"true\"}\nLes trois étapes du parcours.\n::\n",[134,640,641,648,652,710,715],{"__ignoreMap":252},[256,642,643,645],{"class":258,"line":259},[256,644,263],{"class":262},[256,646,647],{"class":266},"Le parcours\n",[256,649,650],{"class":258,"line":270},[256,651,274],{"emptyLinePlaceholder":273},[256,653,654,656,658,660,663,665,667,670,672,675,677,679,682,684,687,689,691,694,696,699,701,703,706,708],{"class":258,"line":277},[256,655,140],{"class":262},[256,657,620],{"class":282},[256,659,285],{"class":262},[256,661,662],{"class":288},"src",[256,664,292],{"class":262},[256,666,295],{"class":262},[256,668,669],{"class":298},"\u002Fimages\u002Fplaceholder.svg",[256,671,295],{"class":262},[256,673,674],{"class":288}," alt",[256,676,292],{"class":262},[256,678,295],{"class":262},[256,680,681],{"class":298},"Des montagnes sous un soleil",[256,683,295],{"class":262},[256,685,686],{"class":288}," width",[256,688,292],{"class":262},[256,690,295],{"class":262},[256,692,693],{"class":298},"60%",[256,695,295],{"class":262},[256,697,698],{"class":288}," :preview",[256,700,292],{"class":262},[256,702,295],{"class":262},[256,704,705],{"class":298},"true",[256,707,295],{"class":262},[256,709,316],{"class":262},[256,711,712],{"class":258,"line":319},[256,713,714],{"class":322},"Les trois étapes du parcours.\n",[256,716,717],{"class":258,"line":326},[256,718,329],{"class":262},[124,720,721,722,725,726,729,730,733],{},"Une image, une vidéo ou une page web doit être servie en ",[134,723,724],{},"https:\u002F\u002F",". Une adresse en ",[134,727,728],{},"http:\u002F\u002F"," donne un cadre vide, sauf sur ",[134,731,732],{},"localhost"," pendant le développement.",[124,735,356,736,216,739,242],{},[188,737,620],{"href":738},"\u002Fdocs\u002Freference\u002Fnuxt#image",[188,740,624],{"href":741},"\u002Fdocs\u002Freference\u002Fnuxt#iframe",[194,743,453],{"id":744},"expliquer-un-système",[124,746,747],{},"Quatre composants dessinent un schéma. Choisissez le composant selon ce que vous expliquez.",[124,749,750,751,753,754,757,758,761,762,766,767,770,771,773],{},"Pour un enchaînement d'étapes que vous racontez dans l'ordre, ",[134,752,441],{}," aligne des étapes ",[134,755,756],{},"Step"," reliées par des flèches. Chaque étape a un numéro, un titre, une icône dans ",[134,759,760],{},"icon"," ou un ",[188,763,765],{"href":764},"\u002Fdocs\u002Fthemes\u002Ftheme-dsfr#les-pictogrammes","pictogramme"," dans ",[134,768,769],{},"picto",", et un texte. Elle apparaît à l'appui suivant sur la flèche droite ; avec ",[134,772,171],{},", toute la ligne est affichée dès l'arrivée sur la diapositive.",[244,775,776],{},[247,777,779],{"className":249,"code":778,"language":251,"meta":252,"style":252},"### Le parcours d'une demande\n\n:::Scheme{:fragments=\"false\"}\n::Step{n=\"1\" icon=\"ri:file-add-line\" title=\"Dépôt\"}\nL'usager remplit le formulaire.\n::\n::Step{n=\"2\" icon=\"ri:loader-2-line\" title=\"Instruction\"}\nUn agent vérifie les pièces.\n::\n::Step{n=\"3\" icon=\"ri:mail-send-line\" title=\"Réponse\"}\nL'usager reçoit un message.\n::\n:::\n",[134,780,781,788,792,814,859,864,868,910,915,919,962,967,971],{"__ignoreMap":252},[256,782,783,785],{"class":258,"line":259},[256,784,263],{"class":262},[256,786,787],{"class":266},"Le parcours d'une demande\n",[256,789,790],{"class":258,"line":270},[256,791,274],{"emptyLinePlaceholder":273},[256,793,794,796,798,800,803,805,807,810,812],{"class":258,"line":277},[256,795,150],{"class":262},[256,797,441],{"class":282},[256,799,285],{"class":262},[256,801,802],{"class":288},":fragments",[256,804,292],{"class":262},[256,806,295],{"class":262},[256,808,809],{"class":298},"false",[256,811,295],{"class":262},[256,813,316],{"class":262},[256,815,816,818,820,822,825,827,829,831,833,836,838,840,843,845,848,850,852,855,857],{"class":258,"line":319},[256,817,140],{"class":262},[256,819,756],{"class":282},[256,821,285],{"class":262},[256,823,824],{"class":288},"n",[256,826,292],{"class":262},[256,828,295],{"class":262},[256,830,574],{"class":298},[256,832,295],{"class":262},[256,834,835],{"class":288}," icon",[256,837,292],{"class":262},[256,839,295],{"class":262},[256,841,842],{"class":298},"ri:file-add-line",[256,844,295],{"class":262},[256,846,847],{"class":288}," title",[256,849,292],{"class":262},[256,851,295],{"class":262},[256,853,854],{"class":298},"Dépôt",[256,856,295],{"class":262},[256,858,316],{"class":262},[256,860,861],{"class":258,"line":326},[256,862,863],{"class":322},"L'usager remplit le formulaire.\n",[256,865,866],{"class":258,"line":332},[256,867,329],{"class":262},[256,869,870,872,874,876,878,880,882,884,886,888,890,892,895,897,899,901,903,906,908],{"class":258,"line":337},[256,871,140],{"class":262},[256,873,756],{"class":282},[256,875,285],{"class":262},[256,877,824],{"class":288},[256,879,292],{"class":262},[256,881,295],{"class":262},[256,883,532],{"class":298},[256,885,295],{"class":262},[256,887,835],{"class":288},[256,889,292],{"class":262},[256,891,295],{"class":262},[256,893,894],{"class":298},"ri:loader-2-line",[256,896,295],{"class":262},[256,898,847],{"class":288},[256,900,292],{"class":262},[256,902,295],{"class":262},[256,904,905],{"class":298},"Instruction",[256,907,295],{"class":262},[256,909,316],{"class":262},[256,911,912],{"class":258,"line":345},[256,913,914],{"class":322},"Un agent vérifie les pièces.\n",[256,916,917],{"class":258,"line":351},[256,918,329],{"class":262},[256,920,921,923,925,927,929,931,933,936,938,940,942,944,947,949,951,953,955,958,960],{"class":258,"line":581},[256,922,140],{"class":262},[256,924,756],{"class":282},[256,926,285],{"class":262},[256,928,824],{"class":288},[256,930,292],{"class":262},[256,932,295],{"class":262},[256,934,935],{"class":298},"3",[256,937,295],{"class":262},[256,939,835],{"class":288},[256,941,292],{"class":262},[256,943,295],{"class":262},[256,945,946],{"class":298},"ri:mail-send-line",[256,948,295],{"class":262},[256,950,847],{"class":288},[256,952,292],{"class":262},[256,954,295],{"class":262},[256,956,957],{"class":298},"Réponse",[256,959,295],{"class":262},[256,961,316],{"class":262},[256,963,964],{"class":258,"line":589},[256,965,966],{"class":322},"L'usager reçoit un message.\n",[256,968,969],{"class":258,"line":595},[256,970,329],{"class":262},[256,972,973],{"class":258,"line":600},[256,974,603],{"class":262},[124,976,977,978,980,981,984,985,988,989,992,993,996,997,1000,1001,1004],{},"Pour les parties d'un système et ce qui circule entre elles, ",[134,979,444],{}," place des cartes ",[134,982,983],{},"Node"," sur une grille, à la case que donne ",[134,986,987],{},"at=\"colonne,rangée\"",", et les relie par des flèches ",[134,990,991],{},"Edge",". Une zone ",[134,994,995],{},"Area"," regroupe les cartes d'une même machine ou d'une même équipe. ",[134,998,999],{},"color"," donne une teinte à une carte ou à une zone, par un nom de la palette du thème comme ",[134,1002,1003],{},"green",", ou par une couleur CSS.",[244,1006,1007],{},[247,1008,1010],{"className":249,"code":1009,"language":251,"meta":252,"style":252},"### D'où viennent les données\n\n:::Diagram{layout=\"grid\" cols=\"3\" :fragments=\"false\"}\n::Area{at=\"2,1\" span=\"2,1\" title=\"Le service\" color=\"blue\"}\n::\n::Node{id=\"src\" at=\"1,1\" icon=\"ri:file-list-3-line\" title=\"Formulaire\"}\n::\n::Node{id=\"api\" at=\"2,1\" icon=\"ri:server-line\" title=\"API\"}\n::\n::Node{id=\"base\" at=\"3,1\" icon=\"ri:database-2-line\" title=\"Base\" :planned=\"true\"}\nPrévue en mars\n::\n::Edge{from=\"src\" to=\"api\" label=\"envoie\"}\n::\n::Edge{from=\"api\" to=\"base\" :dashed=\"true\"}\n::\n:::\n",[134,1011,1012,1019,1023,1067,1123,1127,1182,1186,1239,1243,1308,1313,1317,1361,1366,1408,1413],{"__ignoreMap":252},[256,1013,1014,1016],{"class":258,"line":259},[256,1015,263],{"class":262},[256,1017,1018],{"class":266},"D'où viennent les données\n",[256,1020,1021],{"class":258,"line":270},[256,1022,274],{"emptyLinePlaceholder":273},[256,1024,1025,1027,1029,1031,1034,1036,1038,1041,1043,1046,1048,1050,1052,1054,1057,1059,1061,1063,1065],{"class":258,"line":277},[256,1026,150],{"class":262},[256,1028,444],{"class":282},[256,1030,285],{"class":262},[256,1032,1033],{"class":288},"layout",[256,1035,292],{"class":262},[256,1037,295],{"class":262},[256,1039,1040],{"class":298},"grid",[256,1042,295],{"class":262},[256,1044,1045],{"class":288}," cols",[256,1047,292],{"class":262},[256,1049,295],{"class":262},[256,1051,935],{"class":298},[256,1053,295],{"class":262},[256,1055,1056],{"class":288}," :fragments",[256,1058,292],{"class":262},[256,1060,295],{"class":262},[256,1062,809],{"class":298},[256,1064,295],{"class":262},[256,1066,316],{"class":262},[256,1068,1069,1071,1073,1075,1078,1080,1082,1085,1087,1090,1092,1094,1096,1098,1100,1102,1104,1107,1109,1112,1114,1116,1119,1121],{"class":258,"line":319},[256,1070,140],{"class":262},[256,1072,995],{"class":282},[256,1074,285],{"class":262},[256,1076,1077],{"class":288},"at",[256,1079,292],{"class":262},[256,1081,295],{"class":262},[256,1083,1084],{"class":298},"2,1",[256,1086,295],{"class":262},[256,1088,1089],{"class":288}," span",[256,1091,292],{"class":262},[256,1093,295],{"class":262},[256,1095,1084],{"class":298},[256,1097,295],{"class":262},[256,1099,847],{"class":288},[256,1101,292],{"class":262},[256,1103,295],{"class":262},[256,1105,1106],{"class":298},"Le service",[256,1108,295],{"class":262},[256,1110,1111],{"class":288}," color",[256,1113,292],{"class":262},[256,1115,295],{"class":262},[256,1117,1118],{"class":298},"blue",[256,1120,295],{"class":262},[256,1122,316],{"class":262},[256,1124,1125],{"class":258,"line":326},[256,1126,329],{"class":262},[256,1128,1129,1131,1133,1135,1138,1140,1142,1144,1146,1149,1151,1153,1156,1158,1160,1162,1164,1167,1169,1171,1173,1175,1178,1180],{"class":258,"line":332},[256,1130,140],{"class":262},[256,1132,983],{"class":282},[256,1134,285],{"class":262},[256,1136,1137],{"class":288},"id",[256,1139,292],{"class":262},[256,1141,295],{"class":262},[256,1143,662],{"class":298},[256,1145,295],{"class":262},[256,1147,1148],{"class":288}," at",[256,1150,292],{"class":262},[256,1152,295],{"class":262},[256,1154,1155],{"class":298},"1,1",[256,1157,295],{"class":262},[256,1159,835],{"class":288},[256,1161,292],{"class":262},[256,1163,295],{"class":262},[256,1165,1166],{"class":298},"ri:file-list-3-line",[256,1168,295],{"class":262},[256,1170,847],{"class":288},[256,1172,292],{"class":262},[256,1174,295],{"class":262},[256,1176,1177],{"class":298},"Formulaire",[256,1179,295],{"class":262},[256,1181,316],{"class":262},[256,1183,1184],{"class":258,"line":337},[256,1185,329],{"class":262},[256,1187,1188,1190,1192,1194,1196,1198,1200,1203,1205,1207,1209,1211,1213,1215,1217,1219,1221,1224,1226,1228,1230,1232,1235,1237],{"class":258,"line":345},[256,1189,140],{"class":262},[256,1191,983],{"class":282},[256,1193,285],{"class":262},[256,1195,1137],{"class":288},[256,1197,292],{"class":262},[256,1199,295],{"class":262},[256,1201,1202],{"class":298},"api",[256,1204,295],{"class":262},[256,1206,1148],{"class":288},[256,1208,292],{"class":262},[256,1210,295],{"class":262},[256,1212,1084],{"class":298},[256,1214,295],{"class":262},[256,1216,835],{"class":288},[256,1218,292],{"class":262},[256,1220,295],{"class":262},[256,1222,1223],{"class":298},"ri:server-line",[256,1225,295],{"class":262},[256,1227,847],{"class":288},[256,1229,292],{"class":262},[256,1231,295],{"class":262},[256,1233,1234],{"class":298},"API",[256,1236,295],{"class":262},[256,1238,316],{"class":262},[256,1240,1241],{"class":258,"line":351},[256,1242,329],{"class":262},[256,1244,1245,1247,1249,1251,1253,1255,1257,1260,1262,1264,1266,1268,1271,1273,1275,1277,1279,1282,1284,1286,1288,1290,1293,1295,1298,1300,1302,1304,1306],{"class":258,"line":581},[256,1246,140],{"class":262},[256,1248,983],{"class":282},[256,1250,285],{"class":262},[256,1252,1137],{"class":288},[256,1254,292],{"class":262},[256,1256,295],{"class":262},[256,1258,1259],{"class":298},"base",[256,1261,295],{"class":262},[256,1263,1148],{"class":288},[256,1265,292],{"class":262},[256,1267,295],{"class":262},[256,1269,1270],{"class":298},"3,1",[256,1272,295],{"class":262},[256,1274,835],{"class":288},[256,1276,292],{"class":262},[256,1278,295],{"class":262},[256,1280,1281],{"class":298},"ri:database-2-line",[256,1283,295],{"class":262},[256,1285,847],{"class":288},[256,1287,292],{"class":262},[256,1289,295],{"class":262},[256,1291,1292],{"class":298},"Base",[256,1294,295],{"class":262},[256,1296,1297],{"class":288}," :planned",[256,1299,292],{"class":262},[256,1301,295],{"class":262},[256,1303,705],{"class":298},[256,1305,295],{"class":262},[256,1307,316],{"class":262},[256,1309,1310],{"class":258,"line":589},[256,1311,1312],{"class":322},"Prévue en mars\n",[256,1314,1315],{"class":258,"line":595},[256,1316,329],{"class":262},[256,1318,1319,1321,1323,1325,1328,1330,1332,1334,1336,1339,1341,1343,1345,1347,1350,1352,1354,1357,1359],{"class":258,"line":600},[256,1320,140],{"class":262},[256,1322,991],{"class":282},[256,1324,285],{"class":262},[256,1326,1327],{"class":288},"from",[256,1329,292],{"class":262},[256,1331,295],{"class":262},[256,1333,662],{"class":298},[256,1335,295],{"class":262},[256,1337,1338],{"class":288}," to",[256,1340,292],{"class":262},[256,1342,295],{"class":262},[256,1344,1202],{"class":298},[256,1346,295],{"class":262},[256,1348,1349],{"class":288}," label",[256,1351,292],{"class":262},[256,1353,295],{"class":262},[256,1355,1356],{"class":298},"envoie",[256,1358,295],{"class":262},[256,1360,316],{"class":262},[256,1362,1364],{"class":258,"line":1363},14,[256,1365,329],{"class":262},[256,1367,1369,1371,1373,1375,1377,1379,1381,1383,1385,1387,1389,1391,1393,1395,1398,1400,1402,1404,1406],{"class":258,"line":1368},15,[256,1370,140],{"class":262},[256,1372,991],{"class":282},[256,1374,285],{"class":262},[256,1376,1327],{"class":288},[256,1378,292],{"class":262},[256,1380,295],{"class":262},[256,1382,1202],{"class":298},[256,1384,295],{"class":262},[256,1386,1338],{"class":288},[256,1388,292],{"class":262},[256,1390,295],{"class":262},[256,1392,1259],{"class":298},[256,1394,295],{"class":262},[256,1396,1397],{"class":288}," :dashed",[256,1399,292],{"class":262},[256,1401,295],{"class":262},[256,1403,705],{"class":298},[256,1405,295],{"class":262},[256,1407,316],{"class":262},[256,1409,1411],{"class":258,"line":1410},16,[256,1412,329],{"class":262},[256,1414,1416],{"class":258,"line":1415},17,[256,1417,603],{"class":262},[124,1419,1420,1421,1423,1424,1428,1429,242],{},"Pour un flux que vous décrivez en quelques lignes, sans régler la place de chaque élément, ",[134,1422,457],{}," dessine un diagramme écrit avec la syntaxe de ",[188,1425,457],{"href":1426,"rel":1427},"https:\u002F\u002Fmermaid.js.org",[236],", dans un bloc de code ",[134,1430,1431],{},"mermaid",[244,1433,1434],{},[247,1435,1437],{"className":249,"code":1436,"language":251,"meta":252,"style":252},"### Le parcours d'une demande\n\n::Mermaid\n```mermaid\nflowchart LR\n  depot[Dépôt] --> instruction[Instruction] --> reponse[Réponse]\n```\n::\n",[134,1438,1439,1445,1449,1456,1465,1470,1475,1480],{"__ignoreMap":252},[256,1440,1441,1443],{"class":258,"line":259},[256,1442,263],{"class":262},[256,1444,787],{"class":266},[256,1446,1447],{"class":258,"line":270},[256,1448,274],{"emptyLinePlaceholder":273},[256,1450,1451,1453],{"class":258,"line":277},[256,1452,140],{"class":262},[256,1454,1455],{"class":282},"Mermaid\n",[256,1457,1458,1461],{"class":258,"line":319},[256,1459,1460],{"class":298},"```",[256,1462,1464],{"class":1463},"sJsPd","mermaid\n",[256,1466,1467],{"class":258,"line":326},[256,1468,1469],{"class":1463},"flowchart LR\n",[256,1471,1472],{"class":258,"line":332},[256,1473,1474],{"class":1463},"  depot[Dépôt] --> instruction[Instruction] --> reponse[Réponse]\n",[256,1476,1477],{"class":258,"line":337},[256,1478,1479],{"class":298},"```\n",[256,1481,1482],{"class":258,"line":345},[256,1483,329],{"class":262},[124,1485,1486,1487,1489,1490,1493],{},"Pour le contenu d'un fichier, partie par partie, ",[134,1488,448],{}," affiche le fichier à droite de la diapositive, et chaque zone ",[134,1491,1492],{},"Zone"," surligne les lignes qu'elle décrit, à l'appui suivant sur la flèche droite.",[244,1495,1496],{},[247,1497,1499],{"className":249,"code":1498,"language":251,"meta":252,"style":252},"### Le fichier d'une présentation\n\n:::JsonTour{file=\"deck.json\"}\n::Zone{lines=\"2-3\" title=\"Identité\"}\nLe nom et la version.\n::\n::Zone{lines=\"4\" title=\"Contenu\"}\nLe nombre de diapositives.\n::\n\n```json\n{\n  \"name\": \"bilan\",\n  \"version\": 3,\n  \"slides\": 12\n}\n```\n\n:::\n",[134,1500,1501,1508,1512,1534,1567,1572,1576,1608,1613,1617,1621,1628,1633,1638,1643,1648,1652,1656,1661],{"__ignoreMap":252},[256,1502,1503,1505],{"class":258,"line":259},[256,1504,263],{"class":262},[256,1506,1507],{"class":266},"Le fichier d'une présentation\n",[256,1509,1510],{"class":258,"line":270},[256,1511,274],{"emptyLinePlaceholder":273},[256,1513,1514,1516,1518,1520,1523,1525,1527,1530,1532],{"class":258,"line":277},[256,1515,150],{"class":262},[256,1517,448],{"class":282},[256,1519,285],{"class":262},[256,1521,1522],{"class":288},"file",[256,1524,292],{"class":262},[256,1526,295],{"class":262},[256,1528,1529],{"class":298},"deck.json",[256,1531,295],{"class":262},[256,1533,316],{"class":262},[256,1535,1536,1538,1540,1542,1545,1547,1549,1552,1554,1556,1558,1560,1563,1565],{"class":258,"line":319},[256,1537,140],{"class":262},[256,1539,1492],{"class":282},[256,1541,285],{"class":262},[256,1543,1544],{"class":288},"lines",[256,1546,292],{"class":262},[256,1548,295],{"class":262},[256,1550,1551],{"class":298},"2-3",[256,1553,295],{"class":262},[256,1555,847],{"class":288},[256,1557,292],{"class":262},[256,1559,295],{"class":262},[256,1561,1562],{"class":298},"Identité",[256,1564,295],{"class":262},[256,1566,316],{"class":262},[256,1568,1569],{"class":258,"line":326},[256,1570,1571],{"class":322},"Le nom et la version.\n",[256,1573,1574],{"class":258,"line":332},[256,1575,329],{"class":262},[256,1577,1578,1580,1582,1584,1586,1588,1590,1593,1595,1597,1599,1601,1604,1606],{"class":258,"line":337},[256,1579,140],{"class":262},[256,1581,1492],{"class":282},[256,1583,285],{"class":262},[256,1585,1544],{"class":288},[256,1587,292],{"class":262},[256,1589,295],{"class":262},[256,1591,1592],{"class":298},"4",[256,1594,295],{"class":262},[256,1596,847],{"class":288},[256,1598,292],{"class":262},[256,1600,295],{"class":262},[256,1602,1603],{"class":298},"Contenu",[256,1605,295],{"class":262},[256,1607,316],{"class":262},[256,1609,1610],{"class":258,"line":345},[256,1611,1612],{"class":322},"Le nombre de diapositives.\n",[256,1614,1615],{"class":258,"line":351},[256,1616,329],{"class":262},[256,1618,1619],{"class":258,"line":581},[256,1620,274],{"emptyLinePlaceholder":273},[256,1622,1623,1625],{"class":258,"line":589},[256,1624,1460],{"class":298},[256,1626,1627],{"class":1463},"json\n",[256,1629,1630],{"class":258,"line":595},[256,1631,1632],{"class":1463},"{\n",[256,1634,1635],{"class":258,"line":600},[256,1636,1637],{"class":1463},"  \"name\": \"bilan\",\n",[256,1639,1640],{"class":258,"line":1363},[256,1641,1642],{"class":1463},"  \"version\": 3,\n",[256,1644,1645],{"class":258,"line":1368},[256,1646,1647],{"class":1463},"  \"slides\": 12\n",[256,1649,1650],{"class":258,"line":1410},[256,1651,316],{"class":1463},[256,1653,1654],{"class":258,"line":1415},[256,1655,1479],{"class":298},[256,1657,1659],{"class":258,"line":1658},18,[256,1660,274],{"emptyLinePlaceholder":273},[256,1662,1664],{"class":258,"line":1663},19,[256,1665,603],{"class":262},[124,1667,356,1668,216,1671,216,1674,216,1677,1680,1681,242],{},[188,1669,441],{"href":1670},"\u002Fdocs\u002Freference\u002Fschemas#scheme",[188,1672,444],{"href":1673},"\u002Fdocs\u002Freference\u002Fschemas#diagram",[188,1675,448],{"href":1676},"\u002Fdocs\u002Freference\u002Fschemas#jsontour",[188,1678,457],{"href":1679},"\u002Fdocs\u002Freference\u002Fnuxt#mermaid",", et les ",[188,1682,1684],{"href":1683},"\u002Fdocs\u002Freference\u002Fschemas#colors","couleurs",[194,1686,1688],{"id":1687},"préparer-ce-que-vous-direz","Préparer ce que vous direz",[124,1690,1691,1694,1695,1698],{},[134,1692,1693],{},"Notes"," contient vos notes pour une diapositive, en Markdown, à n'importe quel endroit de la diapositive. Vous les lisez dans la vue conférencier (",[188,1696,42],{"href":1697},"\u002Fdocs\u002Fecrire\u002Fpresenter#la-vue-conf%C3%A9rencier",").",[247,1700,1702],{"className":249,"code":1701,"language":251,"meta":252,"style":252},"::Notes\n- Le délai est compté du dépôt à la réponse.\n- Rappeler que deux agents ont rejoint l'équipe en mars.\n::\n",[134,1703,1704,1711,1718,1725],{"__ignoreMap":252},[256,1705,1706,1708],{"class":258,"line":259},[256,1707,140],{"class":262},[256,1709,1710],{"class":282},"Notes\n",[256,1712,1713,1715],{"class":258,"line":270},[256,1714,407],{"class":262},[256,1716,1717],{"class":322}," Le délai est compté du dépôt à la réponse.\n",[256,1719,1720,1722],{"class":258,"line":277},[256,1721,407],{"class":262},[256,1723,1724],{"class":322}," Rappeler que deux agents ont rejoint l'équipe en mars.\n",[256,1726,1727],{"class":258,"line":319},[256,1728,329],{"class":262},[124,1730,356,1731,242],{},[188,1732,1693],{"href":1733},"\u002Fdocs\u002Freference\u002Fnuxt#notes",[194,1735,1737],{"id":1736},"montrer-un-écran-de-votre-storybook","Montrer un écran de votre Storybook",[124,1739,1740,445,1743,1746,1747,1750],{},[134,1741,1742],{},"StoryFrame",[134,1744,1745],{},"Screens"," affichent des stories de votre Storybook : ",[188,1748,1749],{"href":35},"Intégrer une story"," les décrit.",[194,1752,1754],{"id":1753},"la-référence-des-composants","La référence des composants",[124,1756,1757],{},"Chaque page de la référence donne, pour chaque composant, ses autres noms quand il en a, un exemple minimal, chacun de ses attributs avec son type, ses valeurs et sa valeur par défaut, et le contenu qu'il attend :",[128,1759,1760,1786,1807],{},[131,1761,1762,1765,1766,216,1768,216,1770,216,1772,216,1774,216,1776,216,1778,216,1780,216,1782,445,1784,151],{},[188,1763,96],{"href":1764},"\u002Fdocs\u002Freference\u002Fnuxt#components"," : ",[134,1767,203],{},[134,1769,207],{},[134,1771,376],{},[134,1773,366],{},[134,1775,474],{},[134,1777,478],{},[134,1779,620],{},[134,1781,624],{},[134,1783,457],{},[134,1785,1693],{},[131,1787,1788,1765,1790,216,1792,216,1794,216,1796,216,1798,216,1800,216,1802,216,1804,1806],{},[188,1789,100],{"href":101},[134,1791,441],{},[134,1793,756],{},[134,1795,444],{},[134,1797,983],{},[134,1799,991],{},[134,1801,995],{},[134,1803,448],{},[134,1805,1492],{}," et leurs couleurs ;",[131,1808,1809,1765,1811,445,1813,242],{},[188,1810,104],{"href":105},[134,1812,1742],{},[134,1814,1745],{},[1816,1817,1818],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sJsPd, html code.shiki .sJsPd{--shiki-light:#90A4AE90;--shiki-default:#EEFFFF90;--shiki-dark:#BABED890}",{"title":252,"searchDepth":270,"depth":270,"links":1820},[1821,1822,1823,1824,1825,1826,1827,1828],{"id":196,"depth":270,"text":197},{"id":369,"depth":270,"text":370},{"id":468,"depth":270,"text":469},{"id":614,"depth":270,"text":615},{"id":744,"depth":270,"text":453},{"id":1687,"depth":270,"text":1688},{"id":1736,"depth":270,"text":1737},{"id":1753,"depth":270,"text":1754},"À quoi sert chaque famille de composants, et laquelle choisir pour une diapositive.",{},{"title":30,"description":1829},"CObID7l8UjyWQbnaY53URmOdLLmBG7FXR6YJhBiXTfY",[1834,1836],{"title":26,"path":27,"stem":28,"description":1835,"children":-1},"L'en-tête d'une présentation, le découpage en diapositives, les annotations et les mises en page.",{"title":34,"path":35,"stem":36,"description":1837,"children":-1},"Afficher dans une diapositive une story du Storybook de votre équipe, publié pour la branche principale ou pour une branche en cours, rendue en direct.",1793478538007]