[{"data":1,"prerenderedAt":1274},["ShallowReactive",2],{"\u002Fnext\u002Fdodock\u002Fdeveloppeurs\u002Fcomposant-stepper":3,"section:\u002Fnext\u002Fdodock\u002Fdeveloppeurs\u002Fcomposant-stepper":1273},{"id":4,"title":5,"body":6,"description":1262,"extension":1263,"meta":1264,"navigation":289,"path":1269,"seo":1270,"stem":1271,"__hash__":1272},"docs\u002F2.next\u002F3.dodock\u002F10.developpeurs\u002Fcomposant-stepper.md","Composant Stepper (frappe.ui.Stepper)",{"type":7,"value":8,"toc":1251},"minimark",[9,19,31,43,48,323,334,484,488,785,793,852,856,872,876,1056,1059,1115,1134,1138,1185,1189,1247],[10,11,13,14,18],"h1",{"id":12},"composant-stepper-frappeuistepper","Composant Stepper (",[15,16,17],"code",{},"frappe.ui.Stepper",")",[20,21,22,24,25,30],"p",{},[15,23,17],{}," affiche un parcours sous forme d'étapes reliées par une ligne : assistant de configuration, checklist, onboarding. C'est un composant Espresso du desk, comme ceux de la ",[26,27,29],"a",{"href":28},"\u002Fnext\u002Fdodock\u002Fdeveloppeurs\u002Fcomposants-ui\u002Fcomposants-ui-espresso","référence des composants Espresso",". Il s'utilise depuis n'importe quelle application.",[20,32,33,34,38,39,42],{},"Des exemples interactifs sont disponibles dans l'explorateur de composants de l'interface Desk (page ",[35,36,37],"strong",{},"Component Explorer",", section ",[35,40,41],{},"Stepper",").",[44,45,47],"h2",{"id":46},"créer-un-stepper","Créer un stepper",[49,50,55],"pre",{"className":51,"code":52,"language":53,"meta":54,"style":54},"language-js shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","const stepper = new frappe.ui.Stepper({\n    steps: [\n        { label: __(\"Compte\") },\n        { label: __(\"Configuration\") },\n        { label: __(\"Mise en service\") },\n    ],\n    current: 0,\n    is_locked: (index) => index > 1,\n    on_step_click: (i) => stepper.set_current(i),\n});\n\n$(\".wizard-head\").append(stepper.$el);\n","js","",[15,56,57,97,110,141,165,189,198,212,243,273,284,291],{"__ignoreMap":54},[58,59,62,66,70,74,77,80,83,86,88,91,94],"span",{"class":60,"line":61},"line",1,[58,63,65],{"class":64},"spNyl","const",[58,67,69],{"class":68},"sTEyZ"," stepper ",[58,71,73],{"class":72},"sMK4o","=",[58,75,76],{"class":72}," new",[58,78,79],{"class":68}," frappe",[58,81,82],{"class":72},".",[58,84,85],{"class":68},"ui",[58,87,82],{"class":72},[58,89,41],{"class":90},"s2Zo4",[58,92,93],{"class":68},"(",[58,95,96],{"class":72},"{\n",[58,98,100,104,107],{"class":60,"line":99},2,[58,101,103],{"class":102},"swJcz","    steps",[58,105,106],{"class":72},":",[58,108,109],{"class":68}," [\n",[58,111,113,116,119,121,124,126,129,133,135,138],{"class":60,"line":112},3,[58,114,115],{"class":72},"        {",[58,117,118],{"class":102}," label",[58,120,106],{"class":72},[58,122,123],{"class":90}," __",[58,125,93],{"class":68},[58,127,128],{"class":72},"\"",[58,130,132],{"class":131},"sfazB","Compte",[58,134,128],{"class":72},[58,136,137],{"class":68},") ",[58,139,140],{"class":72},"},\n",[58,142,144,146,148,150,152,154,156,159,161,163],{"class":60,"line":143},4,[58,145,115],{"class":72},[58,147,118],{"class":102},[58,149,106],{"class":72},[58,151,123],{"class":90},[58,153,93],{"class":68},[58,155,128],{"class":72},[58,157,158],{"class":131},"Configuration",[58,160,128],{"class":72},[58,162,137],{"class":68},[58,164,140],{"class":72},[58,166,168,170,172,174,176,178,180,183,185,187],{"class":60,"line":167},5,[58,169,115],{"class":72},[58,171,118],{"class":102},[58,173,106],{"class":72},[58,175,123],{"class":90},[58,177,93],{"class":68},[58,179,128],{"class":72},[58,181,182],{"class":131},"Mise en service",[58,184,128],{"class":72},[58,186,137],{"class":68},[58,188,140],{"class":72},[58,190,192,195],{"class":60,"line":191},6,[58,193,194],{"class":68},"    ]",[58,196,197],{"class":72},",\n",[58,199,201,204,206,210],{"class":60,"line":200},7,[58,202,203],{"class":102},"    current",[58,205,106],{"class":72},[58,207,209],{"class":208},"sbssI"," 0",[58,211,197],{"class":72},[58,213,215,218,220,223,227,229,232,235,238,241],{"class":60,"line":214},8,[58,216,217],{"class":90},"    is_locked",[58,219,106],{"class":72},[58,221,222],{"class":72}," (",[58,224,226],{"class":225},"sHdIc","index",[58,228,18],{"class":72},[58,230,231],{"class":64}," =>",[58,233,234],{"class":68}," index ",[58,236,237],{"class":72},">",[58,239,240],{"class":208}," 1",[58,242,197],{"class":72},[58,244,246,249,251,253,256,258,260,263,265,268,271],{"class":60,"line":245},9,[58,247,248],{"class":90},"    on_step_click",[58,250,106],{"class":72},[58,252,222],{"class":72},[58,254,255],{"class":225},"i",[58,257,18],{"class":72},[58,259,231],{"class":64},[58,261,262],{"class":68}," stepper",[58,264,82],{"class":72},[58,266,267],{"class":90},"set_current",[58,269,270],{"class":68},"(i)",[58,272,197],{"class":72},[58,274,276,279,281],{"class":60,"line":275},10,[58,277,278],{"class":72},"}",[58,280,18],{"class":68},[58,282,283],{"class":72},";\n",[58,285,287],{"class":60,"line":286},11,[58,288,290],{"emptyLinePlaceholder":289},true,"\n",[58,292,294,297,299,301,304,306,308,310,313,316,318,321],{"class":60,"line":293},12,[58,295,296],{"class":90},"$",[58,298,93],{"class":68},[58,300,128],{"class":72},[58,302,303],{"class":131},".wizard-head",[58,305,128],{"class":72},[58,307,18],{"class":68},[58,309,82],{"class":72},[58,311,312],{"class":90},"append",[58,314,315],{"class":68},"(stepper",[58,317,82],{"class":72},[58,319,320],{"class":68},"$el)",[58,322,283],{"class":72},[20,324,325,326,329,330,333],{},"La fabrique ",[15,327,328],{},"frappe.ui.stepper(options)"," renvoie l'élément enveloppé par jQuery ; l'instance se lit ensuite avec ",[15,331,332],{},".data(\"es-stepper\")"," :",[49,335,337],{"className":51,"code":336,"language":53,"meta":54,"style":54},"const $stepper = frappe.ui\n    .stepper({\n        steps: [{ label: __(\"Étape 1\") }, { label: __(\"Étape 2\") }],\n    })\n    .appendTo(\"body\");\nconst stepper = $stepper.data(\"es-stepper\");\n",[15,338,339,355,367,427,435,455],{"__ignoreMap":54},[58,340,341,343,346,348,350,352],{"class":60,"line":61},[58,342,65],{"class":64},[58,344,345],{"class":68}," $stepper ",[58,347,73],{"class":72},[58,349,79],{"class":68},[58,351,82],{"class":72},[58,353,354],{"class":68},"ui\n",[58,356,357,360,363,365],{"class":60,"line":99},[58,358,359],{"class":72},"    .",[58,361,362],{"class":90},"stepper",[58,364,93],{"class":68},[58,366,96],{"class":72},[58,368,369,372,374,377,380,382,384,386,388,390,393,395,397,400,403,405,407,409,411,413,416,418,420,422,425],{"class":60,"line":112},[58,370,371],{"class":102},"        steps",[58,373,106],{"class":72},[58,375,376],{"class":68}," [",[58,378,379],{"class":72},"{",[58,381,118],{"class":102},[58,383,106],{"class":72},[58,385,123],{"class":90},[58,387,93],{"class":68},[58,389,128],{"class":72},[58,391,392],{"class":131},"Étape 1",[58,394,128],{"class":72},[58,396,137],{"class":68},[58,398,399],{"class":72},"},",[58,401,402],{"class":72}," {",[58,404,118],{"class":102},[58,406,106],{"class":72},[58,408,123],{"class":90},[58,410,93],{"class":68},[58,412,128],{"class":72},[58,414,415],{"class":131},"Étape 2",[58,417,128],{"class":72},[58,419,137],{"class":68},[58,421,278],{"class":72},[58,423,424],{"class":68},"]",[58,426,197],{"class":72},[58,428,429,432],{"class":60,"line":143},[58,430,431],{"class":72},"    }",[58,433,434],{"class":68},")\n",[58,436,437,439,442,444,446,449,451,453],{"class":60,"line":167},[58,438,359],{"class":72},[58,440,441],{"class":90},"appendTo",[58,443,93],{"class":68},[58,445,128],{"class":72},[58,447,448],{"class":131},"body",[58,450,128],{"class":72},[58,452,18],{"class":68},[58,454,283],{"class":72},[58,456,457,459,461,463,466,468,471,473,475,478,480,482],{"class":60,"line":191},[58,458,65],{"class":64},[58,460,69],{"class":68},[58,462,73],{"class":72},[58,464,465],{"class":68}," $stepper",[58,467,82],{"class":72},[58,469,470],{"class":90},"data",[58,472,93],{"class":68},[58,474,128],{"class":72},[58,476,477],{"class":131},"es-stepper",[58,479,128],{"class":72},[58,481,18],{"class":68},[58,483,283],{"class":72},[44,485,487],{"id":486},"options","Options",[489,490,491,510],"table",{},[492,493,494],"thead",{},[495,496,497,501,504,507],"tr",{},[498,499,500],"th",{},"Option",[498,502,503],{},"Type",[498,505,506],{},"Défaut",[498,508,509],{},"Description",[511,512,513,532,552,576,604,620,640,655,679,708,735,766],"tbody",{},[495,514,515,521,526,529],{},[516,517,518],"td",{},[15,519,520],{},"steps",[516,522,523],{},[15,524,525],{},"StepperStep[]",[516,527,528],{},"—",[516,530,531],{},"Liste des étapes (obligatoire).",[495,533,534,539,544,549],{},[516,535,536],{},[15,537,538],{},"current",[516,540,541],{},[15,542,543],{},"number",[516,545,546],{},[15,547,548],{},"0",[516,550,551],{},"Index de l'étape active.",[495,553,554,559,564,567],{},[516,555,556],{},[15,557,558],{},"label",[516,560,561],{},[15,562,563],{},"string",[516,565,566],{},"« Steps »",[516,568,569,570,222,573,42],{},"Nom accessible du ",[15,571,572],{},"\u003Cnav>",[15,574,575],{},"aria-label",[495,577,578,583,588,590],{},[516,579,580],{},[15,581,582],{},"is_locked",[516,584,585],{},[15,586,587],{},"(index: number) => boolean",[516,589,528],{},[516,591,592,593,596,597,600,601,82],{},"Verrouille une étape. Une étape verrouillée porte ",[15,594,595],{},"aria-disabled=\"true\""," et non ",[15,598,599],{},"disabled"," : elle reste dans l'ordre de tabulation, mais le clic est bloqué et appelle ",[15,602,603],{},"on_locked_click",[495,605,606,611,615,617],{},[516,607,608],{},[15,609,610],{},"is_completed",[516,612,613],{},[15,614,587],{},[516,616,528],{},[516,618,619],{},"Indique si une étape est terminée. Sans cette fonction, toutes les étapes situées avant l'étape active sont considérées comme terminées.",[495,621,622,627,632,634],{},[516,623,624],{},[15,625,626],{},"on_step_click",[516,628,629],{},[15,630,631],{},"(index: number) => void",[516,633,528],{},[516,635,636,637,639],{},"Appelée au clic sur une étape déverrouillée. Appelez ",[15,638,267],{}," pour déplacer l'étape active.",[495,641,642,646,650,652],{},[516,643,644],{},[15,645,603],{},[516,647,648],{},[15,649,631],{},[516,651,528],{},[516,653,654],{},"Appelée au clic sur une étape verrouillée.",[495,656,657,662,667,672],{},[516,658,659],{},[15,660,661],{},"compact",[516,663,664],{},[15,665,666],{},"boolean",[516,668,669],{},[15,670,671],{},"false",[516,673,674,675,678],{},"Affiche une barre de progression avec un indice « Step x of y » à la place des étapes, pour les mises en page étroites. ",[35,676,677],{},"Horizontal uniquement"," : l'option est ignorée en orientation verticale.",[495,680,681,686,691,694],{},[516,682,683],{},[15,684,685],{},"hint",[516,687,688],{},[15,689,690],{},"(done: number, count: number) => string",[516,692,693],{},"« Step {0} of {1} »",[516,695,696,697,700,701,704,705,82],{},"Texte de progression en mode compact. ",[15,698,699],{},"done"," est le numéro de l'étape en cours, ",[15,702,703],{},"count"," le nombre d'étapes. Le formulaire web l'utilise pour afficher « 2 of 3 » : ",[15,706,707],{},"hint: (done, count) => __(\"{0} of {1}\", [done, count])",[495,709,710,715,724,728],{},[516,711,712],{},[15,713,714],{},"orientation",[516,716,717,720,721],{},[15,718,719],{},"\"horizontal\""," ou ",[15,722,723],{},"\"vertical\"",[516,725,726],{},[15,727,719],{},[516,729,730,731,734],{},"En ",[15,732,733],{},"vertical",", les étapes s'empilent avec leur contenu, pour une checklist qui reste ouverte.",[495,736,737,742,757,761],{},[516,738,739],{},[15,740,741],{},"label_position",[516,743,744,747,748,747,751,720,754],{},[15,745,746],{},"\"right\"",", ",[15,749,750],{},"\"left\"",[15,752,753],{},"\"top\"",[15,755,756],{},"\"bottom\"",[516,758,759],{},[15,760,746],{},[516,762,763,764,82],{},"Position du libellé par rapport au marqueur. ",[35,765,677],{},[495,767,768,773,777,779],{},[516,769,770],{},[15,771,772],{},"css_class",[516,774,775],{},[15,776,563],{},[516,778,528],{},[516,780,781,782,784],{},"Classes supplémentaires ajoutées au ",[15,783,572],{}," racine.",[786,787,789,790,18],"h3",{"id":788},"définition-dune-étape-stepperstep","Définition d'une étape (",[15,791,792],{},"StepperStep",[489,794,795,806],{},[492,796,797],{},[495,798,799,802,804],{},[498,800,801],{},"Propriété",[498,803,503],{},[498,805,509],{},[511,807,808,829],{},[495,809,810,814,818],{},[516,811,812],{},[15,813,558],{},[516,815,816],{},[15,817,563],{},[516,819,820,821,824,825,828],{},"Nom de l'étape, passé par ",[15,822,823],{},"__()"," pour la traduction. Le libellé complet est aussi placé dans l'attribut ",[15,826,827],{},"title"," de l'étape.",[495,830,831,836,849],{},[516,832,833],{},[15,834,835],{},"content",[516,837,838,747,840,747,843,720,846],{},[15,839,563],{},[15,841,842],{},"Element",[15,844,845],{},"JQuery",[15,847,848],{},"(index: number) => string | Element | JQuery",[516,850,851],{},"Contenu affiché à côté de la ligne de marqueurs en orientation verticale. Une chaîne reste du texte : elle n'est jamais interprétée comme du HTML. Le contenu est reconstruit à chaque rendu : à la création, puis à chaque changement d'étape active ou d'état d'une étape.",[44,853,855],{"id":854},"étape-cliquable-ou-lecture-seule","Étape cliquable ou lecture seule",[20,857,858,859,862,863,720,865,867,868,871],{},"Quelle que soit l'orientation, une étape est rendue comme un ",[15,860,861],{},"\u003Cbutton type=\"button\">"," uniquement si ",[15,864,626],{},[15,866,603],{}," est fournie. Sans gestionnaire de clic, l'étape est un simple ",[15,869,870],{},"\u003Cdiv>"," non focusable : un stepper en lecture seule n'ajoute aucune halte morte dans l'ordre de tabulation.",[44,873,875],{"id":874},"orientation-verticale","Orientation verticale",[49,877,879],{"className":51,"code":878,"language":53,"meta":54,"style":54},"frappe.ui.stepper({\n    orientation: \"vertical\",\n    steps: [\n        { label: __(\"Plan comptable\"), content: $actions_comptes },\n        {\n            label: __(\"Soldes d'ouverture\"),\n            content: () =>\n                $(\"\u003Cp>Reprenez les soldes de clôture de vos anciens livres.\u003C\u002Fp>\"),\n        },\n        { label: __(\"Mise en ligne\") },\n    ],\n});\n",[15,880,881,898,914,922,956,961,983,996,1014,1019,1042,1048],{"__ignoreMap":54},[58,882,883,886,888,890,892,894,896],{"class":60,"line":61},[58,884,885],{"class":68},"frappe",[58,887,82],{"class":72},[58,889,85],{"class":68},[58,891,82],{"class":72},[58,893,362],{"class":90},[58,895,93],{"class":68},[58,897,96],{"class":72},[58,899,900,903,905,908,910,912],{"class":60,"line":99},[58,901,902],{"class":102},"    orientation",[58,904,106],{"class":72},[58,906,907],{"class":72}," \"",[58,909,733],{"class":131},[58,911,128],{"class":72},[58,913,197],{"class":72},[58,915,916,918,920],{"class":60,"line":112},[58,917,103],{"class":102},[58,919,106],{"class":72},[58,921,109],{"class":68},[58,923,924,926,928,930,932,934,936,939,941,943,946,949,951,954],{"class":60,"line":143},[58,925,115],{"class":72},[58,927,118],{"class":102},[58,929,106],{"class":72},[58,931,123],{"class":90},[58,933,93],{"class":68},[58,935,128],{"class":72},[58,937,938],{"class":131},"Plan comptable",[58,940,128],{"class":72},[58,942,18],{"class":68},[58,944,945],{"class":72},",",[58,947,948],{"class":102}," content",[58,950,106],{"class":72},[58,952,953],{"class":68}," $actions_comptes ",[58,955,140],{"class":72},[58,957,958],{"class":60,"line":167},[58,959,960],{"class":72},"        {\n",[58,962,963,966,968,970,972,974,977,979,981],{"class":60,"line":191},[58,964,965],{"class":102},"            label",[58,967,106],{"class":72},[58,969,123],{"class":90},[58,971,93],{"class":68},[58,973,128],{"class":72},[58,975,976],{"class":131},"Soldes d'ouverture",[58,978,128],{"class":72},[58,980,18],{"class":68},[58,982,197],{"class":72},[58,984,985,988,990,993],{"class":60,"line":200},[58,986,987],{"class":90},"            content",[58,989,106],{"class":72},[58,991,992],{"class":72}," ()",[58,994,995],{"class":64}," =>\n",[58,997,998,1001,1003,1005,1008,1010,1012],{"class":60,"line":214},[58,999,1000],{"class":90},"                $",[58,1002,93],{"class":68},[58,1004,128],{"class":72},[58,1006,1007],{"class":131},"\u003Cp>Reprenez les soldes de clôture de vos anciens livres.\u003C\u002Fp>",[58,1009,128],{"class":72},[58,1011,18],{"class":68},[58,1013,197],{"class":72},[58,1015,1016],{"class":60,"line":245},[58,1017,1018],{"class":72},"        },\n",[58,1020,1021,1023,1025,1027,1029,1031,1033,1036,1038,1040],{"class":60,"line":275},[58,1022,115],{"class":72},[58,1024,118],{"class":102},[58,1026,106],{"class":72},[58,1028,123],{"class":90},[58,1030,93],{"class":68},[58,1032,128],{"class":72},[58,1034,1035],{"class":131},"Mise en ligne",[58,1037,128],{"class":72},[58,1039,137],{"class":68},[58,1041,140],{"class":72},[58,1043,1044,1046],{"class":60,"line":286},[58,1045,194],{"class":68},[58,1047,197],{"class":72},[58,1049,1050,1052,1054],{"class":60,"line":293},[58,1051,278],{"class":72},[58,1053,18],{"class":68},[58,1055,283],{"class":72},[20,1057,1058],{},"En orientation verticale :",[1060,1061,1062,1074,1088,1094,1097,1107],"ul",{},[1063,1064,1065,1066,1069,1070,1073],"li",{},"les étapes forment une liste ordonnée : un ",[15,1067,1068],{},"\u003Col class=\"es-stepper__list\">"," contenant un ",[15,1071,1072],{},"\u003Cli class=\"es-stepper__item\">"," par étape, pour que les technologies d'assistance annoncent le nombre et l'ordre des étapes ;",[1063,1075,1076,1077,1080,1081,1083,1084,1087],{},"chaque élément contient l'étape, un connecteur ",[15,1078,1079],{},"\u003Cspan class=\"es-stepper__connector\">"," (absent après la dernière étape) et, si l'étape définit un ",[15,1082,835],{},", un bloc ",[15,1085,1086],{},"\u003Cdiv class=\"es-stepper__content\">"," affiché sous le libellé, à côté de la ligne de marqueurs ;",[1063,1089,1090,1091,1093],{},"une étape sans ",[15,1092,835],{}," n'a pas de bloc de contenu ;",[1063,1095,1096],{},"le contenu de chaque étape reste visible : le composant sert de checklist ouverte, pas de parcours à révéler étape par étape ;",[1063,1098,1099,1100,720,1103,1106],{},"le focus est conservé : les nœuds de contenu sont réutilisés à chaque rendu, donc un champ situé dans un contenu retrouve sa valeur et son focus après ",[15,1101,1102],{},"refresh()",[15,1104,1105],{},"set_current()"," ;",[1063,1108,1109,1111,1112,1114],{},[15,1110,661],{}," et ",[15,1113,741],{}," ne s'appliquent pas.",[20,1116,1117,1118,1120,1121,1111,1123,1126,1127,1130,1131,1133],{},"Le ",[15,1119,572],{}," racine porte les classes ",[15,1122,477],{},[15,1124,1125],{},"es-stepper--vertical"," (ainsi que ",[15,1128,1129],{},"es-stepper--label-\u003Cposition>"," en horizontal, quand ",[15,1132,741],{}," est défini).",[44,1135,1137],{"id":1136},"états-et-accessibilité","États et accessibilité",[1060,1139,1140,1149,1167,1175],{},[1063,1141,1142,1143,1111,1146,82],{},"L'étape active porte ",[15,1144,1145],{},"data-state=\"active\"",[15,1147,1148],{},"aria-current=\"step\"",[1063,1150,1151,1152,1111,1155,1158,1159,1162,1163,1166],{},"Une étape terminée porte ",[15,1153,1154],{},"data-state=\"completed\"",[15,1156,1157],{},"data-completed=\"true\"",". L'attribut ",[15,1160,1161],{},"data-completed"," est distinct de ",[15,1164,1165],{},"data-state",", pour qu'une étape terminée revisitée puisse rester active.",[1063,1168,1169,1170,1111,1173,82],{},"Une étape verrouillée porte ",[15,1171,1172],{},"data-state=\"locked\"",[15,1174,595],{},[1063,1176,1177,1178,1181,1182,1184],{},"Les connecteurs sont masqués aux technologies d'assistance (",[15,1179,1180],{},"aria-hidden=\"true\"",") et portent ",[15,1183,1157],{}," lorsqu'ils suivent une étape terminée.",[44,1186,1188],{"id":1187},"méthodes-et-propriétés","Méthodes et propriétés",[489,1190,1191,1200],{},[492,1192,1193],{},[495,1194,1195,1198],{},[498,1196,1197],{},"Membre",[498,1199,509],{},[511,1201,1202,1212,1225,1234],{},[495,1203,1204,1209],{},[516,1205,1206],{},[15,1207,1208],{},"set_current(index)",[516,1210,1211],{},"Déplace l'étape active et provoque un nouveau rendu de toutes les étapes. Un index hors limites est ramené à la première ou à la dernière étape.",[495,1213,1214,1222],{},[516,1215,1216,747,1219],{},[15,1217,1218],{},"next_step()",[15,1220,1221],{},"prev_step()",[516,1223,1224],{},"Passe à l'étape suivante ou précédente. Le verrouillage n'est pas vérifié : validez avant l'appel.",[495,1226,1227,1231],{},[516,1228,1229],{},[15,1230,1102],{},[516,1232,1233],{},"Rend à nouveau les étapes, par exemple après un changement d'état externe (verrouillage, contenu).",[495,1235,1236,1241],{},[516,1237,1238],{},[15,1239,1240],{},"$el",[516,1242,1243,1244,1246],{},"Élément ",[15,1245,572],{}," racine du composant, à insérer dans le DOM.",[1248,1249,1250],"style",{},"html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}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 .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}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);}",{"title":54,"searchDepth":61,"depth":99,"links":1252},[1253,1254,1258,1259,1260,1261],{"id":46,"depth":99,"text":47},{"id":486,"depth":99,"text":487,"children":1255},[1256],{"id":788,"depth":112,"text":1257},"Définition d'une étape (StepperStep)",{"id":854,"depth":99,"text":855},{"id":874,"depth":99,"text":875},{"id":1136,"depth":99,"text":1137},{"id":1187,"depth":99,"text":1188},"Référence développeur du composant frappe.ui.Stepper : parcours d'étapes horizontal ou vertical, contenu par étape, options, états et méthodes.","md",{"reviewed":289,"last_verified":1265,"sources":1266},"2026-11-04",[1267,1268],"dodock@develop:frappe\u002Fpublic\u002Fjs\u002Ffrappe\u002Fui\u002Fcomponents\u002Fstepper.js","dodock@develop:frappe\u002Fpublic\u002Fjs\u002Ffrappe\u002Fweb_form\u002Fweb_form.js","\u002Fnext\u002Fdodock\u002Fdeveloppeurs\u002Fcomposant-stepper",{"title":5,"description":1262},"2.next\u002F3.dodock\u002F10.developpeurs\u002Fcomposant-stepper","3aOw2ijz8YymXfZf0jEb5kJCA_LRAa54lNMfh5uHQmY",{},1793871736464]