[{"data":1,"prerenderedAt":1598},["ShallowReactive",2],{"navigation_docs":3,"-docs-reference-schemas":118,"-docs-reference-schemas-surround":1593},[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":100,"body":120,"description":1587,"extension":1588,"meta":1589,"navigation":1590,"path":101,"seo":1591,"stem":102,"__hash__":1592},"docs\u002Fdocs\u002Freference\u002Fschemas\u002FREADME.md",{"type":121,"value":122,"toc":1573},"minimark",[123,149,224,232,251,256,269,274,319,322,393,399,403,407,425,427,474,477,481,489,493,535,537,721,734,738,742,756,758,894,901,905,909,923,925,1017,1021,1026,1030,1044,1046,1128,1132,1145,1165,1170,1275,1277,1380,1386,1389,1393,1412,1414,1505,1508,1512,1569],[124,125,130],"pre",{"className":126,"code":127,"language":128,"meta":129,"style":129},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","pnpm add @vignettes\u002Fschemas\n","bash","",[131,132,133],"code",{"__ignoreMap":129},[134,135,138,142,146],"span",{"class":136,"line":137},"line",1,[134,139,141],{"class":140},"sBMFI","pnpm",[134,143,145],{"class":144},"sfazB"," add",[134,147,148],{"class":144}," @vignettes\u002Fschemas\n",[124,150,154],{"className":151,"code":152,"language":153,"meta":129,"style":129},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export default defineNuxtConfig({\n  modules: ['@vignettes\u002Fnuxt', '@vignettes\u002Fschemas'],\n})\n","ts",[131,155,156,177,215],{"__ignoreMap":129},[134,157,158,162,165,169,173],{"class":136,"line":137},[134,159,161],{"class":160},"s7zQu","export",[134,163,164],{"class":160}," default",[134,166,168],{"class":167},"s2Zo4"," defineNuxtConfig",[134,170,172],{"class":171},"sTEyZ","(",[134,174,176],{"class":175},"sMK4o","{\n",[134,178,180,184,187,190,193,196,198,201,204,207,209,212],{"class":136,"line":179},2,[134,181,183],{"class":182},"swJcz","  modules",[134,185,186],{"class":175},":",[134,188,189],{"class":171}," [",[134,191,192],{"class":175},"'",[134,194,195],{"class":144},"@vignettes\u002Fnuxt",[134,197,192],{"class":175},[134,199,200],{"class":175},",",[134,202,203],{"class":175}," '",[134,205,206],{"class":144},"@vignettes\u002Fschemas",[134,208,192],{"class":175},[134,210,211],{"class":171},"]",[134,213,214],{"class":175},",\n",[134,216,218,221],{"class":136,"line":217},3,[134,219,220],{"class":175},"}",[134,222,223],{"class":171},")\n",[225,226,227,228,231],"p",{},"The module registers its components globally and declares them to the deck contract, so ",[131,229,230],{},"::Scheme"," and the others resolve in a deck body and the parser knows their shape.",[225,233,234,235,238,239,242,243,246,247,250],{},"Pictograms come from ",[131,236,237],{},"\u002Fpictograms\u002F\u003Cfolder>\u002F\u003Cname>.svg",", served by the application from its public directory or its content space. A ",[131,240,241],{},"boolean"," or ",[131,244,245],{},"number"," attribute takes a colon and a JSON value, as ",[131,248,249],{},":fragments=\"false\"",".",[252,253,255],"h2",{"id":254},"scheme","Scheme",[225,257,258,260,261,264,265,268],{},[131,259,255],{}," lays its ",[131,262,263],{},"Step"," children in a row linked by arrows. Each step is a fragment by default, so the row builds up as the speaker talks. With ",[131,266,267],{},"dim",", the steps already shown fade once a later one is current, and the current step takes an accent frame.",[225,270,271,272,250],{},"Also written ",[131,273,254],{},[124,275,279],{"className":276,"code":277,"language":278,"meta":129,"style":129},"language-markdown shiki shiki-themes material-theme-lighter material-theme material-theme-palenight",":::Scheme\n::Step{n=\"1\" picto=\"buildings\u002Fcity-hall\" title=\"First step\"}\nCaption\n::\n::Step{n=\"2\" picto=\"digital\u002Fcoding\" title=\"Second step\"}\n::\n:::\n","markdown",[131,280,281,286,291,296,302,308,313],{"__ignoreMap":129},[134,282,283],{"class":136,"line":137},[134,284,285],{"class":171},":::Scheme\n",[134,287,288],{"class":136,"line":179},[134,289,290],{"class":171},"::Step{n=\"1\" picto=\"buildings\u002Fcity-hall\" title=\"First step\"}\n",[134,292,293],{"class":136,"line":217},[134,294,295],{"class":171},"Caption\n",[134,297,299],{"class":136,"line":298},4,[134,300,301],{"class":171},"::\n",[134,303,305],{"class":136,"line":304},5,[134,306,307],{"class":171},"::Step{n=\"2\" picto=\"digital\u002Fcoding\" title=\"Second step\"}\n",[134,309,311],{"class":136,"line":310},6,[134,312,301],{"class":171},[134,314,316],{"class":136,"line":315},7,[134,317,318],{"class":171},":::\n",[225,320,321],{},"Attributes:",[323,324,325,342,351,365,377],"ul",{},[326,327,328,331,332,334,335,338,339,341],"li",{},[131,329,330],{},"fragments"," (",[131,333,241],{},", default ",[131,336,337],{},"true","): Reveals each step as a fragment; ",[131,340,249],{}," shows the whole row at once.",[326,343,344,331,346,334,348,350],{},[131,345,267],{},[131,347,241],{},[131,349,337],{},"): Dims the steps already shown once a later one is current.",[326,352,353,331,356,334,358,360,361,364],{},[131,354,355],{},"arrows",[131,357,241],{},[131,359,337],{},"): Links the steps with arrows; ",[131,362,363],{},":arrows=\"false\""," gives a plain row of cards.",[326,366,367,331,370,334,373,376],{},[131,368,369],{},"size",[131,371,372],{},"'sm' | 'md' | 'lg'",[131,374,375],{},"'md'","): Scale of the pictograms.",[326,378,379,331,382,334,385,388,389,392],{},[131,380,381],{},"tiles",[131,383,384],{},"'column' | 'row'",[131,386,387],{},"'column'","): Card shape for every ",[131,390,391],{},"::Step",": pictogram above the text, or beside it.",[225,394,395,396,398],{},"Content: The ",[131,397,391],{}," blocks of the row.",[400,401,263],"h3",{"id":402},"step",[225,404,271,405,250],{},[131,406,402],{},[124,408,410],{"className":276,"code":409,"language":278,"meta":129,"style":129},"::Step{picto=\"digital\u002Fcoding\" title=\"Step\"}\nCaption\n::\n",[131,411,412,417,421],{"__ignoreMap":129},[134,413,414],{"class":136,"line":137},[134,415,416],{"class":171},"::Step{picto=\"digital\u002Fcoding\" title=\"Step\"}\n",[134,418,419],{"class":136,"line":179},[134,420,295],{"class":171},[134,422,423],{"class":136,"line":217},[134,424,301],{"class":171},[225,426,321],{},[323,428,429,445,457,465],{},[326,430,431,331,434,437,438,441,442,250],{},[131,432,433],{},"picto",[131,435,436],{},"string","): Pictogram, as its path under ",[131,439,440],{},"\u002Fpictograms"," without the extension: ",[131,443,444],{},"digital\u002Fcoding",[326,446,447,331,450,452,453,456],{},[131,448,449],{},"icon",[131,451,436],{},"): Remix icon, ",[131,454,455],{},"ri:server-line",", lighter than a pictogram.",[326,458,459,331,462,464],{},[131,460,461],{},"title",[131,463,436],{},"): Title of the step.",[326,466,467,331,470,473],{},[131,468,469],{},"n",[131,471,472],{},"string | number","): Step number shown in a badge.",[225,475,476],{},"Content: The caption, in markdown.",[252,478,480],{"id":479},"diagram","Diagram",[225,482,483,485,486,488],{},[131,484,480],{}," places cards on a grid or ranks them automatically, and links them by drawn arrows. ",[131,487,402],{}," on a node or an edge moves it in the order of the fragments.",[225,490,271,491,250],{},[131,492,479],{},[124,494,496],{"className":276,"code":495,"language":278,"meta":129,"style":129},":::Diagram{layout=\"grid\" cols=\"2\"}\n::Node{id=\"a\" at=\"1,1\" title=\"Source\"}\n::\n::Node{id=\"b\" at=\"2,1\" title=\"Destination\"}\n::\n::Edge{from=\"a\" to=\"b\" label=\"feeds\"}\n::\n:::\n",[131,497,498,503,508,512,517,521,526,530],{"__ignoreMap":129},[134,499,500],{"class":136,"line":137},[134,501,502],{"class":171},":::Diagram{layout=\"grid\" cols=\"2\"}\n",[134,504,505],{"class":136,"line":179},[134,506,507],{"class":171},"::Node{id=\"a\" at=\"1,1\" title=\"Source\"}\n",[134,509,510],{"class":136,"line":217},[134,511,301],{"class":171},[134,513,514],{"class":136,"line":298},[134,515,516],{"class":171},"::Node{id=\"b\" at=\"2,1\" title=\"Destination\"}\n",[134,518,519],{"class":136,"line":304},[134,520,301],{"class":171},[134,522,523],{"class":136,"line":310},[134,524,525],{"class":171},"::Edge{from=\"a\" to=\"b\" label=\"feeds\"}\n",[134,527,528],{"class":136,"line":315},[134,529,301],{"class":171},[134,531,533],{"class":136,"line":532},8,[134,534,318],{"class":171},[225,536,321],{},[323,538,539,565,576,590,598,610,624,633,642,653,664,679,691,710],{},[326,540,541,331,544,334,547,550,551,554,555,558,559,562,563,250],{},[131,542,543],{},"layout",[131,545,546],{},"'grid' | 'auto'",[131,548,549],{},"'grid'","): ",[131,552,553],{},"grid"," places each node at its ",[131,556,557],{},"at"," cell; ",[131,560,561],{},"auto"," ranks the nodes with dagre and ignores ",[131,564,557],{},[326,566,567,331,570,334,572,575],{},[131,568,569],{},"cols",[131,571,472],{},[131,573,574],{},"3","): Number of grid columns.",[326,577,578,331,581,583,584,587,588,250],{},[131,579,580],{},"columns",[131,582,436],{},"): Column tracks as a CSS ",[131,585,586],{},"grid-template-columns"," value; overrides ",[131,589,569],{},[326,591,592,331,595,597],{},[131,593,594],{},"rows",[131,596,472],{},"): Number of grid rows; the grid takes as many as its nodes need when absent.",[326,599,600,331,603,334,606,609],{},[131,601,602],{},"direction",[131,604,605],{},"'LR' | 'TB'",[131,607,608],{},"'LR'","): Rank direction for the automatic layout: left to right or top to bottom.",[326,611,612,331,614,334,617,619,620,623],{},[131,613,369],{},[131,615,616],{},"'xs' | 'sm' | 'md' | 'lg'",[131,618,375],{},"): Scale of the cards; ",[131,621,622],{},"xs"," leaves room for the arrows and their labels in a stack of cards.",[326,625,626,331,628,334,630,632],{},[131,627,330],{},[131,629,241],{},[131,631,337],{},"): Shows the nodes and the edges one at a time, in writing order; each edge appears with the later of its nodes.",[326,634,635,331,637,334,639,641],{},[131,636,267],{},[131,638,241],{},[131,640,337],{},"): Dims the nodes already shown once a later one is current.",[326,643,644,331,647,334,649,652],{},[131,645,646],{},"nodeWidth",[131,648,472],{},[131,650,651],{},"200","): Card width in px for the automatic layout (grid cells size their own).",[326,654,655,331,658,334,660,663],{},[131,656,657],{},"height",[131,659,472],{},[131,661,662],{},"460","): Height budget in px for the automatic layout; a taller graph is scaled down.",[326,665,666,331,669,334,671,674,675,678],{},[131,667,668],{},"gap",[131,670,436],{},[131,672,673],{},"'1.2em 3em'","): Grid gaps as ",[131,676,677],{},"row column"," CSS lengths.",[326,680,681,331,684,334,687,690],{},[131,682,683],{},"route",[131,685,686],{},"'curve' | 'orthogonal'",[131,688,689],{},"'curve'","): Default edge route: curved, or orthogonal elbows.",[326,692,693,331,696,334,699,702,703,706,707,250],{},[131,694,695],{},"cards",[131,697,698],{},"'outlined' | 'plain'",[131,700,701],{},"'outlined'","): Card surface: ",[131,704,705],{},"outlined",", a white card with a border, or ",[131,708,709],{},"plain",[326,711,712,331,714,334,716,388,718,392],{},[131,713,381],{},[131,715,384],{},[131,717,387],{},[131,719,720],{},"::Node",[225,722,395,723,725,726,729,730,733],{},[131,724,720],{},", ",[131,727,728],{},"::Edge"," and ",[131,731,732],{},"::Area"," blocks.",[400,735,737],{"id":736},"node","Node",[225,739,271,740,250],{},[131,741,736],{},[124,743,745],{"className":276,"code":744,"language":278,"meta":129,"style":129},"::Node{id=\"id\" at=\"1,1\" title=\"Title\"}\n::\n",[131,746,747,752],{"__ignoreMap":129},[134,748,749],{"class":136,"line":137},[134,750,751],{"class":171},"::Node{id=\"id\" at=\"1,1\" title=\"Title\"}\n",[134,753,754],{"class":136,"line":179},[134,755,301],{"class":171},[225,757,321],{},[323,759,760,771,785,795,805,813,828,835,842,850,857,876,884],{},[326,761,762,331,765,767,768,770],{},[131,763,764],{},"id",[131,766,436],{},", required): Name the ",[131,769,728],{}," blocks use to reach the node.",[326,772,773,331,775,777,778,781,782,250],{},[131,774,557],{},[131,776,436],{},"): Grid cell as ",[131,779,780],{},"col,row"," (1-based), for ",[131,783,784],{},"layout=\"grid\"",[326,786,787,331,789,791,792,250],{},[131,788,134],{},[131,790,436],{},"): Cells spanned as ",[131,793,794],{},"cols,rows",[326,796,797,331,799,437,801,441,803,250],{},[131,798,433],{},[131,800,436],{},[131,802,440],{},[131,804,444],{},[326,806,807,331,809,452,811,456],{},[131,808,449],{},[131,810,436],{},[131,812,455],{},[326,814,815,331,818,820,821,824,825,250],{},[131,816,817],{},"color",[131,819,436],{},"): Color of the icon and the title: a palette name of the theme, such as ",[131,822,823],{},"green",", or a hexadecimal color or a color function, such as ",[131,826,827],{},"#2a7f62",[326,829,830,331,832,834],{},[131,831,461],{},[131,833,436],{},"): Title of the card.",[326,836,837,331,839,841],{},[131,838,469],{},[131,840,472],{},"): Number in a badge.",[326,843,844,331,847,849],{},[131,845,846],{},"planned",[131,848,241],{},"): Draws a dashed frame, for a target state.",[326,851,852,331,854,856],{},[131,853,402],{},[131,855,472],{},"): Fragment step; defaults to the writing order.",[326,858,859,331,862,550,865,868,869,872,873,875],{},[131,860,861],{},"variant",[131,863,864],{},"'card' | 'entity' | 'flow' | 'plain'",[131,866,867],{},"entity",": left-aligned box whose caption lists attributes, one per list item. ",[131,870,871],{},"flow",": a pill for the data that travels between two machines. ",[131,874,709],{},": title and caption without a card, for a row or column heading.",[326,877,878,331,881,883],{},[131,879,880],{},"emphasis",[131,882,241],{},"): Fills the card with the accent, for the node the slide is about.",[326,885,886,331,889,891,892,250],{},[131,887,888],{},"orientation",[131,890,384],{},"): Pictogram above the text or beside it; defaults to the diagram's ",[131,893,381],{},[225,895,896,897,900],{},"Content: The caption, in markdown; with ",[131,898,899],{},"variant=\"entity\"",", a list of attributes, one per item.",[400,902,904],{"id":903},"edge","Edge",[225,906,271,907,250],{},[131,908,903],{},[124,910,912],{"className":276,"code":911,"language":278,"meta":129,"style":129},"::Edge{from=\"a\" to=\"b\" label=\"label\"}\n::\n",[131,913,914,919],{"__ignoreMap":129},[134,915,916],{"class":136,"line":137},[134,917,918],{"class":171},"::Edge{from=\"a\" to=\"b\" label=\"label\"}\n",[134,920,921],{"class":136,"line":179},[134,922,301],{"class":171},[225,924,321],{},[323,926,927,938,948,956,964,975,982,1007],{},[326,928,929,331,932,934,935,937],{},[131,930,931],{},"from",[131,933,436],{},", required): ",[131,936,764],{}," of the node the arrow leaves.",[326,939,940,331,943,934,945,947],{},[131,941,942],{},"to",[131,944,436],{},[131,946,764],{}," of the node the arrow reaches.",[326,949,950,331,953,955],{},[131,951,952],{},"label",[131,954,436],{},"): Text on the arrow.",[326,957,958,331,961,963],{},[131,959,960],{},"dashed",[131,962,241],{},"): Draws a dashed arrow.",[326,965,966,331,969,550,971,974],{},[131,967,968],{},"arrow",[131,970,241],{},[131,972,973],{},"false"," leaves the arrowhead off, for the leg that reaches a flow box.",[326,976,977,331,979,981],{},[131,978,402],{},[131,980,472],{},"): Fragment step; defaults to the later of the two nodes.",[326,983,984,331,987,989,990,331,993,996,997,996,1000,996,1003,1006],{},[131,985,986],{},"anchors",[131,988,436],{},"): Sides to leave and enter by, ",[131,991,992],{},"from,to",[131,994,995],{},"top"," | ",[131,998,999],{},"right",[131,1001,1002],{},"bottom",[131,1004,1005],{},"left","); without it, the sides follow the position of the cards.",[326,1008,1009,331,1011,1013,1014,1016],{},[131,1010,683],{},[131,1012,686],{},"): Route of this arrow, over the ",[131,1015,683],{}," of the diagram.",[400,1018,1020],{"id":1019},"area","Area",[225,1022,1023,1025],{},[131,1024,1020],{}," draws a named region behind the cards, so an arrow leaving it reads as data going from one machine to another. Regions show with the slide, outside the fragment order.",[225,1027,271,1028,250],{},[131,1029,1019],{},[124,1031,1033],{"className":276,"code":1032,"language":278,"meta":129,"style":129},"::Area{at=\"1,1\" span=\"2,1\" title=\"Area\"}\n::\n",[131,1034,1035,1040],{"__ignoreMap":129},[134,1036,1037],{"class":136,"line":137},[134,1038,1039],{"class":171},"::Area{at=\"1,1\" span=\"2,1\" title=\"Area\"}\n",[134,1041,1042],{"class":136,"line":179},[134,1043,301],{"class":171},[225,1045,321],{},[323,1047,1048,1058,1066,1073,1083,1093,1109,1120],{},[326,1049,1050,331,1052,1054,1055,1057],{},[131,1051,557],{},[131,1053,436],{},"): Grid cell the region starts at, ",[131,1056,780],{}," (1-based).",[326,1059,1060,331,1062,791,1064,250],{},[131,1061,134],{},[131,1063,436],{},[131,1065,794],{},[326,1067,1068,331,1070,1072],{},[131,1069,461],{},[131,1071,436],{},"): Name of the region.",[326,1074,1075,331,1077,437,1079,441,1081,250],{},[131,1076,433],{},[131,1078,436],{},[131,1080,440],{},[131,1082,444],{},[326,1084,1085,331,1087,1089,1090,1092],{},[131,1086,449],{},[131,1088,436],{},"): Remix icon (",[131,1091,455],{},"), lighter than a pictogram on a dense diagram.",[326,1094,1095,331,1098,550,1101,1104,1105,1108],{},[131,1096,1097],{},"tone",[131,1099,1100],{},"'neutral' | 'subject'",[131,1102,1103],{},"subject"," tints the region the slide is about; ",[131,1106,1107],{},"neutral"," is the default.",[326,1110,1111,331,1113,1115,1116,824,1118,250],{},[131,1112,817],{},[131,1114,436],{},"): Color of the title, the surface and the outline of the region: a palette name of the theme, such as ",[131,1117,823],{},[131,1119,827],{},[326,1121,1122,331,1124,1127],{},[131,1123,952],{},[131,1125,1126],{},"'legend' | 'header'","): Where the title sits: on the top border like a legend, or as a header band inside.",[252,1129,1131],{"id":1130},"jsontour","JsonTour",[225,1133,1134,1136,1137,1140,1141,1144],{},[131,1135,1131],{}," shows a file beside the description of what it holds. The fenced code block of its content becomes a panel pinned to the right of the slide. Each ",[131,1138,1139],{},"Zone"," is a fragment that highlights the ",[131,1142,1143],{},"lines"," it names and scrolls the panel to them.",[225,1146,1147,1148,729,1150,1153,1154,1157,1158,1160,1161,1164],{},"A deck that spreads a tour over several slides, one zone per slide, sets ",[131,1149,249],{},[131,1151,1152],{},":current=\"true\""," on the zone of each slide, which takes the accent frame of the current step. With ",[131,1155,1156],{},"image",", each ",[131,1159,1139],{}," names with ",[131,1162,1163],{},"spot"," the area of the image it frames while the rest dims.",[225,1166,271,1167,250],{},[131,1168,1169],{},"json-tour",[124,1171,1173],{"className":276,"code":1172,"language":278,"meta":129,"style":129},":::JsonTour{file=\"example.json\"}\n::Zone{lines=\"2-3\" title=\"Identity\"}\nWhat these lines hold.\n::\n\n```json\n{\n  \"name\": \"example\",\n  \"version\": 1\n}\n```\n\n:::\n",[131,1174,1175,1180,1185,1190,1194,1200,1209,1213,1237,1253,1259,1265,1270],{"__ignoreMap":129},[134,1176,1177],{"class":136,"line":137},[134,1178,1179],{"class":171},":::JsonTour{file=\"example.json\"}\n",[134,1181,1182],{"class":136,"line":179},[134,1183,1184],{"class":171},"::Zone{lines=\"2-3\" title=\"Identity\"}\n",[134,1186,1187],{"class":136,"line":217},[134,1188,1189],{"class":171},"What these lines hold.\n",[134,1191,1192],{"class":136,"line":298},[134,1193,301],{"class":171},[134,1195,1196],{"class":136,"line":304},[134,1197,1199],{"emptyLinePlaceholder":1198},true,"\n",[134,1201,1202,1205],{"class":136,"line":310},[134,1203,1204],{"class":144},"```",[134,1206,1208],{"class":1207},"sJsPd","json\n",[134,1210,1211],{"class":136,"line":315},[134,1212,176],{"class":175},[134,1214,1215,1218,1222,1225,1227,1230,1233,1235],{"class":136,"line":532},[134,1216,1217],{"class":175},"  \"",[134,1219,1221],{"class":1220},"spNyl","name",[134,1223,1224],{"class":175},"\"",[134,1226,186],{"class":175},[134,1228,1229],{"class":175}," \"",[134,1231,1232],{"class":144},"example",[134,1234,1224],{"class":175},[134,1236,214],{"class":175},[134,1238,1240,1242,1245,1247,1249],{"class":136,"line":1239},9,[134,1241,1217],{"class":175},[134,1243,1244],{"class":1220},"version",[134,1246,1224],{"class":175},[134,1248,186],{"class":175},[134,1250,1252],{"class":1251},"sbssI"," 1\n",[134,1254,1256],{"class":136,"line":1255},10,[134,1257,1258],{"class":175},"}\n",[134,1260,1262],{"class":136,"line":1261},11,[134,1263,1264],{"class":144},"```\n",[134,1266,1268],{"class":136,"line":1267},12,[134,1269,1199],{"emptyLinePlaceholder":1198},[134,1271,1273],{"class":136,"line":1272},13,[134,1274,318],{"class":171},[225,1276,321],{},[323,1278,1279,1287,1297,1308,1319,1328,1338,1348,1358,1370],{},[326,1280,1281,331,1284,1286],{},[131,1282,1283],{},"file",[131,1285,436],{},"): File name shown above the code panel.",[326,1288,1289,331,1291,334,1293,1296],{},[131,1290,657],{},[131,1292,436],{},[131,1294,1295],{},"'330px'","): Maximum height of the code panel, in slide pixels.",[326,1298,1299,331,1302,334,1304,1307],{},[131,1300,1301],{},"panel",[131,1303,436],{},[131,1305,1306],{},"'47%'","): Width of the code panel, any CSS length.",[326,1309,1310,331,1312,334,1315,1318],{},[131,1311,369],{},[131,1313,1314],{},"'xs' | 'sm' | 'md'",[131,1316,1317],{},"'sm'","): Scale of the zone cards.",[326,1320,1321,331,1323,334,1325,1327],{},[131,1322,330],{},[131,1324,241],{},[131,1326,337],{},"): Shows the zones one at a time.",[326,1329,1330,331,1333,334,1335,1337],{},[131,1331,1332],{},"stack",[131,1334,241],{},[131,1336,973],{},"): Puts the code panel under the zones, at full width, for a narrow column beside a media pane.",[326,1339,1340,331,1342,1344,1345,1347],{},[131,1341,1156],{},[131,1343,436],{},"): Screenshot shown beside the tour; the current zone's ",[131,1346,1163],{}," is highlighted on it.",[326,1349,1350,331,1353,1355,1356,250],{},[131,1351,1352],{},"alt",[131,1354,436],{},"): Text alternative of ",[131,1357,1156],{},[326,1359,1360,331,1363,1365,1366,1369],{},[131,1361,1362],{},"mark",[131,1364,436],{},"): Words of the file to paint, separated by ",[131,1367,1368],{},"|","; a word matches whole.",[326,1371,1372,331,1375,1377,1378,1369],{},[131,1373,1374],{},"underline",[131,1376,436],{},"): Words of the file to underline, separated by ",[131,1379,1368],{},[225,1381,395,1382,1385],{},[131,1383,1384],{},"::Zone"," blocks, then a fenced code block: the file shown in the panel.",[400,1387,1139],{"id":1388},"zone",[225,1390,271,1391,250],{},[131,1392,1388],{},[124,1394,1396],{"className":276,"code":1395,"language":278,"meta":129,"style":129},"::Zone{lines=\"1-4\" title=\"Title\"}\nWhat these lines hold\n::\n",[131,1397,1398,1403,1408],{"__ignoreMap":129},[134,1399,1400],{"class":136,"line":137},[134,1401,1402],{"class":171},"::Zone{lines=\"1-4\" title=\"Title\"}\n",[134,1404,1405],{"class":136,"line":179},[134,1406,1407],{"class":171},"What these lines hold\n",[134,1409,1410],{"class":136,"line":217},[134,1411,301],{"class":171},[225,1413,321],{},[323,1415,1416,1429,1440,1450,1460,1467,1473,1479,1487,1496],{},[326,1417,1418,331,1420,1422,1423,242,1426,250],{},[131,1419,1143],{},[131,1421,436],{},"): Line range in the file, ",[131,1424,1425],{},"12",[131,1427,1428],{},"12-24",[326,1430,1431,331,1433,1435,1436,1439],{},[131,1432,1163],{},[131,1434,436],{},"): Area to highlight on the tour's image, ",[131,1437,1438],{},"x,y,w,h"," in percent.",[326,1441,1442,331,1444,437,1446,441,1448,250],{},[131,1443,433],{},[131,1445,436],{},[131,1447,440],{},[131,1449,444],{},[326,1451,1452,331,1454,1089,1456,1459],{},[131,1453,449],{},[131,1455,436],{},[131,1457,1458],{},"ri:shield-check-line","), sharper than a pictogram at the xs and sm sizes.",[326,1461,1462,331,1464,1466],{},[131,1463,461],{},[131,1465,436],{},"): Title of the zone card.",[326,1468,1469,331,1471,841],{},[131,1470,469],{},[131,1472,472],{},[326,1474,1475,331,1477,856],{},[131,1476,402],{},[131,1478,472],{},[326,1480,1481,331,1484,1486],{},[131,1482,1483],{},"current",[131,1485,241],{},"): The step this slide is on, for a tour whose steps a deck spreads over several slides.",[326,1488,1489,331,1491,1493,1494,250],{},[131,1490,1362],{},[131,1492,436],{},"): Words of its lines to paint while the zone is current, separated by ",[131,1495,1368],{},[326,1497,1498,331,1500,1502,1503,250],{},[131,1499,1374],{},[131,1501,436],{},"): Words of its lines to underline while the zone is current, separated by ",[131,1504,1368],{},[225,1506,1507],{},"Content: What these lines hold, in markdown.",[252,1509,1511],{"id":1510},"colors","Colors",[225,1513,1514,1516,1517,1519,1520,1522,1523,824,1526,242,1529,1532,1533,1536,1537,725,1540,725,1542,725,1545,725,1548,725,1551,725,1554,729,1557,1560,1561,1564,1565,1568],{},[131,1515,817],{}," on a ",[131,1518,737],{}," or an ",[131,1521,1020],{}," takes the name of a palette entry of the theme, such as ",[131,1524,1525],{},"color=\"green\"",[131,1527,1528],{},"color=\"#2a7f62\"",[131,1530,1531],{},"color=\"oklch(55% 0.1 160)\"",". The node takes the color for its title and its icon; the region takes it for its title, and mixes from it its surface and its outline. ",[131,1534,1535],{},"@vignettes\u002Ftheme-kit"," defines ",[131,1538,1539],{},"blue",[131,1541,823],{},[131,1543,1544],{},"yellow",[131,1546,1547],{},"orange",[131,1549,1550],{},"brown",[131,1552,1553],{},"pink",[131,1555,1556],{},"purple",[131,1558,1559],{},"grey",", and a theme adds names of its own: the ",[131,1562,1563],{},"dsfr"," theme adds the DSFR illustrative palette, such as ",[131,1566,1567],{},"green-emeraude",". A name the theme leaves undefined takes the accent.",[1570,1571,1572],"style",{},"html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}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 .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .sJsPd, html code.shiki .sJsPd{--shiki-light:#90A4AE90;--shiki-default:#EEFFFF90;--shiki-dark:#BABED890}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}",{"title":129,"searchDepth":179,"depth":179,"links":1574},[1575,1578,1583,1586],{"id":254,"depth":179,"text":255,"children":1576},[1577],{"id":402,"depth":217,"text":263},{"id":479,"depth":179,"text":480,"children":1579},[1580,1581,1582],{"id":736,"depth":217,"text":737},{"id":903,"depth":217,"text":904},{"id":1019,"depth":217,"text":1020},{"id":1130,"depth":179,"text":1131,"children":1584},[1585],{"id":1388,"depth":217,"text":1139},{"id":1510,"depth":179,"text":1511},"Deck components that explain a system on a slide: pictogram steps linked by arrows, diagrams whose cards sit on a grid or are ranked automatically, and a file read beside the description of what it holds.","md",{},{"title":100},{"title":100,"description":1587},"TuaNJEEs7X6Pug0I2vLwplgIGcpxK18YmNT5LCqCbSw",[1594,1596],{"title":96,"path":97,"stem":98,"description":1595,"children":-1},"Renders a deck in a Nuxt application: the Reveal layer, the authoring components, the two slide parsers, the theme pipeline and the French orthotypography directive.",{"title":104,"path":105,"stem":106,"description":1597,"children":-1},"Embeds a live Storybook story in a slide. The slide loads the story from the published Storybook, and shows the component as that Storybook renders it when the deck opens.",1793478541234]