[{"data":1,"prerenderedAt":2940},["ShallowReactive",2],{"\u002Fv5\u002Fdodock\u002Fdeveloppeurs\u002Fcanvas-automatisation":3,"section:\u002Fv5\u002Fdodock\u002Fdeveloppeurs\u002Fcanvas-automatisation":2939},{"id":4,"title":5,"body":6,"description":2927,"extension":2928,"meta":2929,"navigation":527,"path":2935,"seo":2936,"stem":2937,"__hash__":2938},"docs\u002F1.v5\u002F3.dodock\u002F10.developpeurs\u002Fcanvas-automatisation.md","Canvas d'automatisation",{"type":7,"value":8,"toc":2901},"minimark",[9,22,27,34,133,137,145,165,172,176,1661,1665,1795,1799,1897,1903,1913,2035,2039,2050,2112,2116,2123,2190,2196,2300,2307,2522,2528,2563,2566,2572,2575,2683,2689,2742,2745,2749,2867,2871,2878,2892,2897],[10,11,12,13,17,18,21],"p",{},"Le composant ",[14,15,16],"code",{},"AutomationCanvas"," permet de dessiner un flux d'automatisation dans n'importe quelle application. Il vient du constructeur de workflows du CRM et fait partie du paquet ",[14,19,20],{},"@framework\u002Fui",".",[23,24,26],"h2",{"id":25},"importation","Importation",[10,28,29,30,33],{},"Importez le composant depuis ",[14,31,32],{},"@framework\u002Fui\u002FAutomationCanvas",". Il n'est pas exposé sur le barrel racine : les applications qui ne l'utilisent pas ne chargent pas Vue Flow.",[35,36,41],"pre",{"className":37,"code":38,"language":39,"meta":40,"style":40},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { AutomationCanvas } from '@framework\u002Fui\u002FAutomationCanvas'\nimport type {\n  AutomationCanvasNode,\n  AutomationCanvasEdge,\n  AutomationCanvasNodeData,\n  AutomationCanvasOptionGroup,\n} from '@framework\u002Fui\u002FAutomationCanvas'\n","ts","",[14,42,43,75,86,95,103,111,119],{"__ignoreMap":40},[44,45,48,52,56,60,63,66,69,72],"span",{"class":46,"line":47},"line",1,[44,49,51],{"class":50},"s7zQu","import",[44,53,55],{"class":54},"sMK4o"," {",[44,57,59],{"class":58},"sTEyZ"," AutomationCanvas",[44,61,62],{"class":54}," }",[44,64,65],{"class":50}," from",[44,67,68],{"class":54}," '",[44,70,32],{"class":71},"sfazB",[44,73,74],{"class":54},"'\n",[44,76,78,80,83],{"class":46,"line":77},2,[44,79,51],{"class":50},[44,81,82],{"class":50}," type",[44,84,85],{"class":54}," {\n",[44,87,89,92],{"class":46,"line":88},3,[44,90,91],{"class":58},"  AutomationCanvasNode",[44,93,94],{"class":54},",\n",[44,96,98,101],{"class":46,"line":97},4,[44,99,100],{"class":58},"  AutomationCanvasEdge",[44,102,94],{"class":54},[44,104,106,109],{"class":46,"line":105},5,[44,107,108],{"class":58},"  AutomationCanvasNodeData",[44,110,94],{"class":54},[44,112,114,117],{"class":46,"line":113},6,[44,115,116],{"class":58},"  AutomationCanvasOptionGroup",[44,118,94],{"class":54},[44,120,122,125,127,129,131],{"class":46,"line":121},7,[44,123,124],{"class":54},"}",[44,126,65],{"class":50},[44,128,68],{"class":54},[44,130,32],{"class":71},[44,132,74],{"class":54},[23,134,136],{"id":135},"principe-de-fonctionnement","Principe de fonctionnement",[10,138,139,140,144],{},"Le composant est ",[141,142,143],"strong",{},"contrôlé",". Votre application possède le flux et sa disposition :",[146,147,148,159,162],"ul",{},[149,150,151,152,155,156],"li",{},"Vous fournissez les ",[14,153,154],{},"nodes"," et les ",[14,157,158],{},"edges",[149,160,161],{},"Vous réagissez aux événements pour modifier le flux",[149,163,164],{},"Le canvas ne modifie jamais le flux lui-même",[10,166,167,168,171],{},"Les positions des nœuds doivent être persistées par votre application lorsque l'événement ",[14,169,170],{},"move"," est émis.",[23,173,175],{"id":174},"exemple-dutilisation","Exemple d'utilisation",[35,177,181],{"className":178,"code":179,"language":180,"meta":40,"style":40},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ctemplate>\n  \u003CAutomationCanvas\n    :nodes=\"nodes\"\n    :edges=\"edges\"\n    :selected-id=\"selectedId\"\n    :start-options=\"startOptions\"\n    :block-options=\"blockOptions\"\n    :readonly=\"false\"\n    @select=\"onSelect\"\n    @pick-start=\"onPickStart\"\n    @add-node=\"onAddNode\"\n    @move=\"onMove\"\n  >\n    \u003Ctemplate #toolbar=\"{ selectedId }\">\n      \u003CButton\n        v-if=\"selectedId\"\n        icon=\"lucide-trash-2\"\n        variant=\"ghost\"\n        @click=\"deleteNode(selectedId)\"\n      \u002F>\n    \u003C\u002Ftemplate>\n  \u003C\u002FAutomationCanvas>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup lang=\"ts\">\nimport { ref } from 'vue'\nimport { AutomationCanvas } from '@framework\u002Fui\u002FAutomationCanvas'\nimport type {\n  AutomationCanvasNode,\n  AutomationCanvasEdge,\n  AutomationCanvasOptionGroup,\n  AutomationCanvasAddNodePayload,\n  AutomationCanvasMovePayload,\n} from '@framework\u002Fui\u002FAutomationCanvas'\n\nconst nodes = ref\u003CAutomationCanvasNode[]>([\n  {\n    id: 'start',\n    position: { x: 0, y: 0 },\n    data: {\n      kicker: 'Déclencheur',\n      label: 'Nouveau document',\n      detail: 'Quand un document est créé',\n      icon: 'lucide-play',\n      tone: 'blue',\n      start: true,\n    },\n  },\n])\n\nconst edges = ref\u003CAutomationCanvasEdge[]>([])\nconst selectedId = ref\u003Cstring>()\n\nconst startOptions: AutomationCanvasOptionGroup[] = [\n  {\n    group: 'Documents',\n    options: [\n      {\n        value: 'created',\n        label: 'Document créé',\n        description: \"Se déclenche à la création d'un document\",\n        icon: 'lucide-play',\n        tone: 'blue',\n      },\n    ],\n  },\n]\n\nconst blockOptions: AutomationCanvasOptionGroup[] = [\n  {\n    group: 'Actions',\n    options: [\n      {\n        value: 'email',\n        label: 'Envoyer un email',\n        icon: 'lucide-mail',\n        tone: 'violet',\n      },\n    ],\n  },\n]\n\nfunction onSelect(nodeId: string) {\n  selectedId.value = nodeId\n}\n\nfunction onPickStart(value: string) {\n  \u002F\u002F Mettre à jour le nœud de départ avec la valeur choisie\n}\n\nfunction onAddNode(payload: AutomationCanvasAddNodePayload) {\n  \u002F\u002F Ajouter un nouveau nœud après `payload.afterId` (ou au début si null)\n  \u002F\u002F sur la branche `payload.branch` (ou null) avec la valeur `payload.value`\n}\n\nfunction onMove(payload: AutomationCanvasMovePayload) {\n  \u002F\u002F Persister la nouvelle position du nœud\n  const node = nodes.value.find(n => n.id === payload.nodeId)\n  if (node) {\n    node.position = payload.position\n  }\n}\n\nfunction deleteNode(nodeId: string) {\n  nodes.value = nodes.value.filter(n => n.id !== nodeId)\n  edges.value = edges.value.filter(\n    e => e.source !== nodeId && e.target !== nodeId\n  )\n  selectedId.value = undefined\n}\n\u003C\u002Fscript>\n","vue",[14,182,183,195,203,222,236,252,268,284,302,320,337,354,370,376,406,415,429,444,459,486,492,502,512,522,529,553,573,592,601,608,615,622,630,638,651,656,684,690,709,741,751,768,785,802,819,836,849,855,861,867,872,896,917,922,943,948,965,975,981,998,1015,1033,1048,1064,1070,1078,1083,1089,1094,1112,1117,1133,1142,1147,1163,1179,1195,1211,1216,1223,1228,1233,1238,1262,1279,1285,1290,1310,1317,1322,1327,1349,1355,1361,1366,1371,1392,1398,1450,1468,1488,1494,1499,1504,1524,1567,1593,1627,1633,1647,1652],{"__ignoreMap":40},[44,184,185,188,192],{"class":46,"line":47},[44,186,187],{"class":54},"\u003C",[44,189,191],{"class":190},"swJcz","template",[44,193,194],{"class":54},">\n",[44,196,197,200],{"class":46,"line":77},[44,198,199],{"class":54},"  \u003C",[44,201,202],{"class":190},"AutomationCanvas\n",[44,204,205,208,211,214,217,219],{"class":46,"line":88},[44,206,207],{"class":54},"    :",[44,209,154],{"class":210},"spNyl",[44,212,213],{"class":54},"=",[44,215,216],{"class":54},"\"",[44,218,154],{"class":58},[44,220,221],{"class":54},"\"\n",[44,223,224,226,228,230,232,234],{"class":46,"line":97},[44,225,207],{"class":54},[44,227,158],{"class":210},[44,229,213],{"class":54},[44,231,216],{"class":54},[44,233,158],{"class":58},[44,235,221],{"class":54},[44,237,238,240,243,245,247,250],{"class":46,"line":105},[44,239,207],{"class":54},[44,241,242],{"class":210},"selected-id",[44,244,213],{"class":54},[44,246,216],{"class":54},[44,248,249],{"class":58},"selectedId",[44,251,221],{"class":54},[44,253,254,256,259,261,263,266],{"class":46,"line":113},[44,255,207],{"class":54},[44,257,258],{"class":210},"start-options",[44,260,213],{"class":54},[44,262,216],{"class":54},[44,264,265],{"class":58},"startOptions",[44,267,221],{"class":54},[44,269,270,272,275,277,279,282],{"class":46,"line":121},[44,271,207],{"class":54},[44,273,274],{"class":210},"block-options",[44,276,213],{"class":54},[44,278,216],{"class":54},[44,280,281],{"class":58},"blockOptions",[44,283,221],{"class":54},[44,285,287,289,292,294,296,300],{"class":46,"line":286},8,[44,288,207],{"class":54},[44,290,291],{"class":210},"readonly",[44,293,213],{"class":54},[44,295,216],{"class":54},[44,297,299],{"class":298},"sfNiH","false",[44,301,221],{"class":54},[44,303,305,308,311,313,315,318],{"class":46,"line":304},9,[44,306,307],{"class":54},"    @",[44,309,310],{"class":210},"select",[44,312,213],{"class":54},[44,314,216],{"class":54},[44,316,317],{"class":58},"onSelect",[44,319,221],{"class":54},[44,321,323,325,328,330,332,335],{"class":46,"line":322},10,[44,324,307],{"class":54},[44,326,327],{"class":210},"pick-start",[44,329,213],{"class":54},[44,331,216],{"class":54},[44,333,334],{"class":58},"onPickStart",[44,336,221],{"class":54},[44,338,340,342,345,347,349,352],{"class":46,"line":339},11,[44,341,307],{"class":54},[44,343,344],{"class":210},"add-node",[44,346,213],{"class":54},[44,348,216],{"class":54},[44,350,351],{"class":58},"onAddNode",[44,353,221],{"class":54},[44,355,357,359,361,363,365,368],{"class":46,"line":356},12,[44,358,307],{"class":54},[44,360,170],{"class":210},[44,362,213],{"class":54},[44,364,216],{"class":54},[44,366,367],{"class":58},"onMove",[44,369,221],{"class":54},[44,371,373],{"class":46,"line":372},13,[44,374,375],{"class":54},"  >\n",[44,377,379,382,384,387,390,392,394,397,400,402,404],{"class":46,"line":378},14,[44,380,381],{"class":54},"    \u003C",[44,383,191],{"class":190},[44,385,386],{"class":54}," #",[44,388,389],{"class":210},"toolbar",[44,391,213],{"class":54},[44,393,216],{"class":54},[44,395,396],{"class":54},"{",[44,398,399],{"class":58}," selectedId ",[44,401,124],{"class":54},[44,403,216],{"class":54},[44,405,194],{"class":54},[44,407,409,412],{"class":46,"line":408},15,[44,410,411],{"class":54},"      \u003C",[44,413,414],{"class":190},"Button\n",[44,416,418,421,423,425,427],{"class":46,"line":417},16,[44,419,420],{"class":50},"        v-if",[44,422,213],{"class":54},[44,424,216],{"class":54},[44,426,249],{"class":58},[44,428,221],{"class":54},[44,430,432,435,437,439,442],{"class":46,"line":431},17,[44,433,434],{"class":210},"        icon",[44,436,213],{"class":54},[44,438,216],{"class":54},[44,440,441],{"class":71},"lucide-trash-2",[44,443,221],{"class":54},[44,445,447,450,452,454,457],{"class":46,"line":446},18,[44,448,449],{"class":210},"        variant",[44,451,213],{"class":54},[44,453,216],{"class":54},[44,455,456],{"class":71},"ghost",[44,458,221],{"class":54},[44,460,462,465,468,470,472,476,479,481,484],{"class":46,"line":461},19,[44,463,464],{"class":54},"        @",[44,466,467],{"class":210},"click",[44,469,213],{"class":54},[44,471,216],{"class":54},[44,473,475],{"class":474},"s2Zo4","deleteNode",[44,477,478],{"class":54},"(",[44,480,249],{"class":58},[44,482,483],{"class":54},")",[44,485,221],{"class":54},[44,487,489],{"class":46,"line":488},20,[44,490,491],{"class":54},"      \u002F>\n",[44,493,495,498,500],{"class":46,"line":494},21,[44,496,497],{"class":54},"    \u003C\u002F",[44,499,191],{"class":190},[44,501,194],{"class":54},[44,503,505,508,510],{"class":46,"line":504},22,[44,506,507],{"class":54},"  \u003C\u002F",[44,509,16],{"class":190},[44,511,194],{"class":54},[44,513,515,518,520],{"class":46,"line":514},23,[44,516,517],{"class":54},"\u003C\u002F",[44,519,191],{"class":190},[44,521,194],{"class":54},[44,523,525],{"class":46,"line":524},24,[44,526,528],{"emptyLinePlaceholder":527},true,"\n",[44,530,532,534,537,540,543,545,547,549,551],{"class":46,"line":531},25,[44,533,187],{"class":54},[44,535,536],{"class":190},"script",[44,538,539],{"class":210}," setup",[44,541,542],{"class":210}," lang",[44,544,213],{"class":54},[44,546,216],{"class":54},[44,548,39],{"class":71},[44,550,216],{"class":54},[44,552,194],{"class":54},[44,554,556,558,560,563,565,567,569,571],{"class":46,"line":555},26,[44,557,51],{"class":50},[44,559,55],{"class":54},[44,561,562],{"class":58}," ref",[44,564,62],{"class":54},[44,566,65],{"class":50},[44,568,68],{"class":54},[44,570,180],{"class":71},[44,572,74],{"class":54},[44,574,576,578,580,582,584,586,588,590],{"class":46,"line":575},27,[44,577,51],{"class":50},[44,579,55],{"class":54},[44,581,59],{"class":58},[44,583,62],{"class":54},[44,585,65],{"class":50},[44,587,68],{"class":54},[44,589,32],{"class":71},[44,591,74],{"class":54},[44,593,595,597,599],{"class":46,"line":594},28,[44,596,51],{"class":50},[44,598,82],{"class":50},[44,600,85],{"class":54},[44,602,604,606],{"class":46,"line":603},29,[44,605,91],{"class":58},[44,607,94],{"class":54},[44,609,611,613],{"class":46,"line":610},30,[44,612,100],{"class":58},[44,614,94],{"class":54},[44,616,618,620],{"class":46,"line":617},31,[44,619,116],{"class":58},[44,621,94],{"class":54},[44,623,625,628],{"class":46,"line":624},32,[44,626,627],{"class":58},"  AutomationCanvasAddNodePayload",[44,629,94],{"class":54},[44,631,633,636],{"class":46,"line":632},33,[44,634,635],{"class":58},"  AutomationCanvasMovePayload",[44,637,94],{"class":54},[44,639,641,643,645,647,649],{"class":46,"line":640},34,[44,642,124],{"class":54},[44,644,65],{"class":50},[44,646,68],{"class":54},[44,648,32],{"class":71},[44,650,74],{"class":54},[44,652,654],{"class":46,"line":653},35,[44,655,528],{"emptyLinePlaceholder":527},[44,657,659,662,665,667,669,671,675,678,681],{"class":46,"line":658},36,[44,660,661],{"class":210},"const",[44,663,664],{"class":58}," nodes ",[44,666,213],{"class":54},[44,668,562],{"class":474},[44,670,187],{"class":54},[44,672,674],{"class":673},"sBMFI","AutomationCanvasNode",[44,676,677],{"class":58},"[]",[44,679,680],{"class":54},">",[44,682,683],{"class":58},"([\n",[44,685,687],{"class":46,"line":686},37,[44,688,689],{"class":54},"  {\n",[44,691,693,696,699,701,704,707],{"class":46,"line":692},38,[44,694,695],{"class":190},"    id",[44,697,698],{"class":54},":",[44,700,68],{"class":54},[44,702,703],{"class":71},"start",[44,705,706],{"class":54},"'",[44,708,94],{"class":54},[44,710,712,715,717,719,722,724,728,731,734,736,738],{"class":46,"line":711},39,[44,713,714],{"class":190},"    position",[44,716,698],{"class":54},[44,718,55],{"class":54},[44,720,721],{"class":190}," x",[44,723,698],{"class":54},[44,725,727],{"class":726},"sbssI"," 0",[44,729,730],{"class":54},",",[44,732,733],{"class":190}," y",[44,735,698],{"class":54},[44,737,727],{"class":726},[44,739,740],{"class":54}," },\n",[44,742,744,747,749],{"class":46,"line":743},40,[44,745,746],{"class":190},"    data",[44,748,698],{"class":54},[44,750,85],{"class":54},[44,752,754,757,759,761,764,766],{"class":46,"line":753},41,[44,755,756],{"class":190},"      kicker",[44,758,698],{"class":54},[44,760,68],{"class":54},[44,762,763],{"class":71},"Déclencheur",[44,765,706],{"class":54},[44,767,94],{"class":54},[44,769,771,774,776,778,781,783],{"class":46,"line":770},42,[44,772,773],{"class":190},"      label",[44,775,698],{"class":54},[44,777,68],{"class":54},[44,779,780],{"class":71},"Nouveau document",[44,782,706],{"class":54},[44,784,94],{"class":54},[44,786,788,791,793,795,798,800],{"class":46,"line":787},43,[44,789,790],{"class":190},"      detail",[44,792,698],{"class":54},[44,794,68],{"class":54},[44,796,797],{"class":71},"Quand un document est créé",[44,799,706],{"class":54},[44,801,94],{"class":54},[44,803,805,808,810,812,815,817],{"class":46,"line":804},44,[44,806,807],{"class":190},"      icon",[44,809,698],{"class":54},[44,811,68],{"class":54},[44,813,814],{"class":71},"lucide-play",[44,816,706],{"class":54},[44,818,94],{"class":54},[44,820,822,825,827,829,832,834],{"class":46,"line":821},45,[44,823,824],{"class":190},"      tone",[44,826,698],{"class":54},[44,828,68],{"class":54},[44,830,831],{"class":71},"blue",[44,833,706],{"class":54},[44,835,94],{"class":54},[44,837,839,842,844,847],{"class":46,"line":838},46,[44,840,841],{"class":190},"      start",[44,843,698],{"class":54},[44,845,846],{"class":298}," true",[44,848,94],{"class":54},[44,850,852],{"class":46,"line":851},47,[44,853,854],{"class":54},"    },\n",[44,856,858],{"class":46,"line":857},48,[44,859,860],{"class":54},"  },\n",[44,862,864],{"class":46,"line":863},49,[44,865,866],{"class":58},"])\n",[44,868,870],{"class":46,"line":869},50,[44,871,528],{"emptyLinePlaceholder":527},[44,873,875,877,880,882,884,886,889,891,893],{"class":46,"line":874},51,[44,876,661],{"class":210},[44,878,879],{"class":58}," edges ",[44,881,213],{"class":54},[44,883,562],{"class":474},[44,885,187],{"class":54},[44,887,888],{"class":673},"AutomationCanvasEdge",[44,890,677],{"class":58},[44,892,680],{"class":54},[44,894,895],{"class":58},"([])\n",[44,897,899,901,903,905,907,909,912,914],{"class":46,"line":898},52,[44,900,661],{"class":210},[44,902,399],{"class":58},[44,904,213],{"class":54},[44,906,562],{"class":474},[44,908,187],{"class":54},[44,910,911],{"class":673},"string",[44,913,680],{"class":54},[44,915,916],{"class":58},"()\n",[44,918,920],{"class":46,"line":919},53,[44,921,528],{"emptyLinePlaceholder":527},[44,923,925,927,930,932,935,938,940],{"class":46,"line":924},54,[44,926,661],{"class":210},[44,928,929],{"class":58}," startOptions",[44,931,698],{"class":54},[44,933,934],{"class":673}," AutomationCanvasOptionGroup",[44,936,937],{"class":58},"[] ",[44,939,213],{"class":54},[44,941,942],{"class":58}," [\n",[44,944,946],{"class":46,"line":945},55,[44,947,689],{"class":54},[44,949,951,954,956,958,961,963],{"class":46,"line":950},56,[44,952,953],{"class":190},"    group",[44,955,698],{"class":54},[44,957,68],{"class":54},[44,959,960],{"class":71},"Documents",[44,962,706],{"class":54},[44,964,94],{"class":54},[44,966,968,971,973],{"class":46,"line":967},57,[44,969,970],{"class":190},"    options",[44,972,698],{"class":54},[44,974,942],{"class":58},[44,976,978],{"class":46,"line":977},58,[44,979,980],{"class":54},"      {\n",[44,982,984,987,989,991,994,996],{"class":46,"line":983},59,[44,985,986],{"class":190},"        value",[44,988,698],{"class":54},[44,990,68],{"class":54},[44,992,993],{"class":71},"created",[44,995,706],{"class":54},[44,997,94],{"class":54},[44,999,1001,1004,1006,1008,1011,1013],{"class":46,"line":1000},60,[44,1002,1003],{"class":190},"        label",[44,1005,698],{"class":54},[44,1007,68],{"class":54},[44,1009,1010],{"class":71},"Document créé",[44,1012,706],{"class":54},[44,1014,94],{"class":54},[44,1016,1018,1021,1023,1026,1029,1031],{"class":46,"line":1017},61,[44,1019,1020],{"class":190},"        description",[44,1022,698],{"class":54},[44,1024,1025],{"class":54}," \"",[44,1027,1028],{"class":71},"Se déclenche à la création d'un document",[44,1030,216],{"class":54},[44,1032,94],{"class":54},[44,1034,1036,1038,1040,1042,1044,1046],{"class":46,"line":1035},62,[44,1037,434],{"class":190},[44,1039,698],{"class":54},[44,1041,68],{"class":54},[44,1043,814],{"class":71},[44,1045,706],{"class":54},[44,1047,94],{"class":54},[44,1049,1051,1054,1056,1058,1060,1062],{"class":46,"line":1050},63,[44,1052,1053],{"class":190},"        tone",[44,1055,698],{"class":54},[44,1057,68],{"class":54},[44,1059,831],{"class":71},[44,1061,706],{"class":54},[44,1063,94],{"class":54},[44,1065,1067],{"class":46,"line":1066},64,[44,1068,1069],{"class":54},"      },\n",[44,1071,1073,1076],{"class":46,"line":1072},65,[44,1074,1075],{"class":58},"    ]",[44,1077,94],{"class":54},[44,1079,1081],{"class":46,"line":1080},66,[44,1082,860],{"class":54},[44,1084,1086],{"class":46,"line":1085},67,[44,1087,1088],{"class":58},"]\n",[44,1090,1092],{"class":46,"line":1091},68,[44,1093,528],{"emptyLinePlaceholder":527},[44,1095,1097,1099,1102,1104,1106,1108,1110],{"class":46,"line":1096},69,[44,1098,661],{"class":210},[44,1100,1101],{"class":58}," blockOptions",[44,1103,698],{"class":54},[44,1105,934],{"class":673},[44,1107,937],{"class":58},[44,1109,213],{"class":54},[44,1111,942],{"class":58},[44,1113,1115],{"class":46,"line":1114},70,[44,1116,689],{"class":54},[44,1118,1120,1122,1124,1126,1129,1131],{"class":46,"line":1119},71,[44,1121,953],{"class":190},[44,1123,698],{"class":54},[44,1125,68],{"class":54},[44,1127,1128],{"class":71},"Actions",[44,1130,706],{"class":54},[44,1132,94],{"class":54},[44,1134,1136,1138,1140],{"class":46,"line":1135},72,[44,1137,970],{"class":190},[44,1139,698],{"class":54},[44,1141,942],{"class":58},[44,1143,1145],{"class":46,"line":1144},73,[44,1146,980],{"class":54},[44,1148,1150,1152,1154,1156,1159,1161],{"class":46,"line":1149},74,[44,1151,986],{"class":190},[44,1153,698],{"class":54},[44,1155,68],{"class":54},[44,1157,1158],{"class":71},"email",[44,1160,706],{"class":54},[44,1162,94],{"class":54},[44,1164,1166,1168,1170,1172,1175,1177],{"class":46,"line":1165},75,[44,1167,1003],{"class":190},[44,1169,698],{"class":54},[44,1171,68],{"class":54},[44,1173,1174],{"class":71},"Envoyer un email",[44,1176,706],{"class":54},[44,1178,94],{"class":54},[44,1180,1182,1184,1186,1188,1191,1193],{"class":46,"line":1181},76,[44,1183,434],{"class":190},[44,1185,698],{"class":54},[44,1187,68],{"class":54},[44,1189,1190],{"class":71},"lucide-mail",[44,1192,706],{"class":54},[44,1194,94],{"class":54},[44,1196,1198,1200,1202,1204,1207,1209],{"class":46,"line":1197},77,[44,1199,1053],{"class":190},[44,1201,698],{"class":54},[44,1203,68],{"class":54},[44,1205,1206],{"class":71},"violet",[44,1208,706],{"class":54},[44,1210,94],{"class":54},[44,1212,1214],{"class":46,"line":1213},78,[44,1215,1069],{"class":54},[44,1217,1219,1221],{"class":46,"line":1218},79,[44,1220,1075],{"class":58},[44,1222,94],{"class":54},[44,1224,1226],{"class":46,"line":1225},80,[44,1227,860],{"class":54},[44,1229,1231],{"class":46,"line":1230},81,[44,1232,1088],{"class":58},[44,1234,1236],{"class":46,"line":1235},82,[44,1237,528],{"emptyLinePlaceholder":527},[44,1239,1241,1244,1247,1249,1253,1255,1258,1260],{"class":46,"line":1240},83,[44,1242,1243],{"class":210},"function",[44,1245,1246],{"class":474}," onSelect",[44,1248,478],{"class":54},[44,1250,1252],{"class":1251},"sHdIc","nodeId",[44,1254,698],{"class":54},[44,1256,1257],{"class":673}," string",[44,1259,483],{"class":54},[44,1261,85],{"class":54},[44,1263,1265,1268,1270,1273,1276],{"class":46,"line":1264},84,[44,1266,1267],{"class":58},"  selectedId",[44,1269,21],{"class":54},[44,1271,1272],{"class":58},"value",[44,1274,1275],{"class":54}," =",[44,1277,1278],{"class":58}," nodeId\n",[44,1280,1282],{"class":46,"line":1281},85,[44,1283,1284],{"class":54},"}\n",[44,1286,1288],{"class":46,"line":1287},86,[44,1289,528],{"emptyLinePlaceholder":527},[44,1291,1293,1295,1298,1300,1302,1304,1306,1308],{"class":46,"line":1292},87,[44,1294,1243],{"class":210},[44,1296,1297],{"class":474}," onPickStart",[44,1299,478],{"class":54},[44,1301,1272],{"class":1251},[44,1303,698],{"class":54},[44,1305,1257],{"class":673},[44,1307,483],{"class":54},[44,1309,85],{"class":54},[44,1311,1313],{"class":46,"line":1312},88,[44,1314,1316],{"class":1315},"sHwdD","  \u002F\u002F Mettre à jour le nœud de départ avec la valeur choisie\n",[44,1318,1320],{"class":46,"line":1319},89,[44,1321,1284],{"class":54},[44,1323,1325],{"class":46,"line":1324},90,[44,1326,528],{"emptyLinePlaceholder":527},[44,1328,1330,1332,1335,1337,1340,1342,1345,1347],{"class":46,"line":1329},91,[44,1331,1243],{"class":210},[44,1333,1334],{"class":474}," onAddNode",[44,1336,478],{"class":54},[44,1338,1339],{"class":1251},"payload",[44,1341,698],{"class":54},[44,1343,1344],{"class":673}," AutomationCanvasAddNodePayload",[44,1346,483],{"class":54},[44,1348,85],{"class":54},[44,1350,1352],{"class":46,"line":1351},92,[44,1353,1354],{"class":1315},"  \u002F\u002F Ajouter un nouveau nœud après `payload.afterId` (ou au début si null)\n",[44,1356,1358],{"class":46,"line":1357},93,[44,1359,1360],{"class":1315},"  \u002F\u002F sur la branche `payload.branch` (ou null) avec la valeur `payload.value`\n",[44,1362,1364],{"class":46,"line":1363},94,[44,1365,1284],{"class":54},[44,1367,1369],{"class":46,"line":1368},95,[44,1370,528],{"emptyLinePlaceholder":527},[44,1372,1374,1376,1379,1381,1383,1385,1388,1390],{"class":46,"line":1373},96,[44,1375,1243],{"class":210},[44,1377,1378],{"class":474}," onMove",[44,1380,478],{"class":54},[44,1382,1339],{"class":1251},[44,1384,698],{"class":54},[44,1386,1387],{"class":673}," AutomationCanvasMovePayload",[44,1389,483],{"class":54},[44,1391,85],{"class":54},[44,1393,1395],{"class":46,"line":1394},97,[44,1396,1397],{"class":1315},"  \u002F\u002F Persister la nouvelle position du nœud\n",[44,1399,1401,1404,1407,1409,1412,1414,1416,1418,1421,1423,1426,1429,1432,1434,1437,1440,1443,1445,1447],{"class":46,"line":1400},98,[44,1402,1403],{"class":210},"  const",[44,1405,1406],{"class":58}," node",[44,1408,1275],{"class":54},[44,1410,1411],{"class":58}," nodes",[44,1413,21],{"class":54},[44,1415,1272],{"class":58},[44,1417,21],{"class":54},[44,1419,1420],{"class":474},"find",[44,1422,478],{"class":190},[44,1424,1425],{"class":1251},"n",[44,1427,1428],{"class":210}," =>",[44,1430,1431],{"class":58}," n",[44,1433,21],{"class":54},[44,1435,1436],{"class":58},"id",[44,1438,1439],{"class":54}," ===",[44,1441,1442],{"class":58}," payload",[44,1444,21],{"class":54},[44,1446,1252],{"class":58},[44,1448,1449],{"class":190},")\n",[44,1451,1453,1456,1459,1462,1465],{"class":46,"line":1452},99,[44,1454,1455],{"class":50},"  if",[44,1457,1458],{"class":190}," (",[44,1460,1461],{"class":58},"node",[44,1463,1464],{"class":190},") ",[44,1466,1467],{"class":54},"{\n",[44,1469,1471,1474,1476,1479,1481,1483,1485],{"class":46,"line":1470},100,[44,1472,1473],{"class":58},"    node",[44,1475,21],{"class":54},[44,1477,1478],{"class":58},"position",[44,1480,1275],{"class":54},[44,1482,1442],{"class":58},[44,1484,21],{"class":54},[44,1486,1487],{"class":58},"position\n",[44,1489,1491],{"class":46,"line":1490},101,[44,1492,1493],{"class":54},"  }\n",[44,1495,1497],{"class":46,"line":1496},102,[44,1498,1284],{"class":54},[44,1500,1502],{"class":46,"line":1501},103,[44,1503,528],{"emptyLinePlaceholder":527},[44,1505,1507,1509,1512,1514,1516,1518,1520,1522],{"class":46,"line":1506},104,[44,1508,1243],{"class":210},[44,1510,1511],{"class":474}," deleteNode",[44,1513,478],{"class":54},[44,1515,1252],{"class":1251},[44,1517,698],{"class":54},[44,1519,1257],{"class":673},[44,1521,483],{"class":54},[44,1523,85],{"class":54},[44,1525,1527,1530,1532,1534,1536,1538,1540,1542,1544,1547,1549,1551,1553,1555,1557,1559,1562,1565],{"class":46,"line":1526},105,[44,1528,1529],{"class":58},"  nodes",[44,1531,21],{"class":54},[44,1533,1272],{"class":58},[44,1535,1275],{"class":54},[44,1537,1411],{"class":58},[44,1539,21],{"class":54},[44,1541,1272],{"class":58},[44,1543,21],{"class":54},[44,1545,1546],{"class":474},"filter",[44,1548,478],{"class":190},[44,1550,1425],{"class":1251},[44,1552,1428],{"class":210},[44,1554,1431],{"class":58},[44,1556,21],{"class":54},[44,1558,1436],{"class":58},[44,1560,1561],{"class":54}," !==",[44,1563,1564],{"class":58}," nodeId",[44,1566,1449],{"class":190},[44,1568,1570,1573,1575,1577,1579,1582,1584,1586,1588,1590],{"class":46,"line":1569},106,[44,1571,1572],{"class":58},"  edges",[44,1574,21],{"class":54},[44,1576,1272],{"class":58},[44,1578,1275],{"class":54},[44,1580,1581],{"class":58}," edges",[44,1583,21],{"class":54},[44,1585,1272],{"class":58},[44,1587,21],{"class":54},[44,1589,1546],{"class":474},[44,1591,1592],{"class":190},"(\n",[44,1594,1596,1599,1601,1604,1606,1609,1611,1613,1616,1618,1620,1623,1625],{"class":46,"line":1595},107,[44,1597,1598],{"class":1251},"    e",[44,1600,1428],{"class":210},[44,1602,1603],{"class":58}," e",[44,1605,21],{"class":54},[44,1607,1608],{"class":58},"source",[44,1610,1561],{"class":54},[44,1612,1564],{"class":58},[44,1614,1615],{"class":54}," &&",[44,1617,1603],{"class":58},[44,1619,21],{"class":54},[44,1621,1622],{"class":58},"target",[44,1624,1561],{"class":54},[44,1626,1278],{"class":58},[44,1628,1630],{"class":46,"line":1629},108,[44,1631,1632],{"class":190},"  )\n",[44,1634,1636,1638,1640,1642,1644],{"class":46,"line":1635},109,[44,1637,1267],{"class":58},[44,1639,21],{"class":54},[44,1641,1272],{"class":58},[44,1643,1275],{"class":54},[44,1645,1646],{"class":54}," undefined\n",[44,1648,1650],{"class":46,"line":1649},110,[44,1651,1284],{"class":54},[44,1653,1655,1657,1659],{"class":46,"line":1654},111,[44,1656,517],{"class":54},[44,1658,536],{"class":190},[44,1660,194],{"class":54},[23,1662,1664],{"id":1663},"propriétés","Propriétés",[1666,1667,1668,1687],"table",{},[1669,1670,1671],"thead",{},[1672,1673,1674,1678,1681,1684],"tr",{},[1675,1676,1677],"th",{},"Propriété",[1675,1679,1680],{},"Type",[1675,1682,1683],{},"Défaut",[1675,1685,1686],{},"Description",[1688,1689,1690,1708,1724,1742,1760,1777],"tbody",{},[1672,1691,1692,1697,1702,1705],{},[1693,1694,1695],"td",{},[14,1696,154],{},[1693,1698,1699],{},[14,1700,1701],{},"AutomationCanvasNode[]",[1693,1703,1704],{},"requis",[1693,1706,1707],{},"Liste des nœuds du flux",[1672,1709,1710,1714,1719,1721],{},[1693,1711,1712],{},[14,1713,158],{},[1693,1715,1716],{},[14,1717,1718],{},"AutomationCanvasEdge[]",[1693,1720,1704],{},[1693,1722,1723],{},"Liste des connexions entre les nœuds",[1672,1725,1726,1730,1734,1739],{},[1693,1727,1728],{},[14,1729,249],{},[1693,1731,1732],{},[14,1733,911],{},[1693,1735,1736],{},[14,1737,1738],{},"\"\"",[1693,1740,1741],{},"ID du nœud actuellement sélectionné",[1672,1743,1744,1748,1753,1757],{},[1693,1745,1746],{},[14,1747,265],{},[1693,1749,1750],{},[14,1751,1752],{},"AutomationCanvasOptionGroup[]",[1693,1754,1755],{},[14,1756,677],{},[1693,1758,1759],{},"Options pour le sélecteur de déclencheur initial",[1672,1761,1762,1766,1770,1774],{},[1693,1763,1764],{},[14,1765,281],{},[1693,1767,1768],{},[14,1769,1752],{},[1693,1771,1772],{},[14,1773,677],{},[1693,1775,1776],{},"Options pour l'ajout de blocs dans le flux",[1672,1778,1779,1783,1788,1792],{},[1693,1780,1781],{},[14,1782,291],{},[1693,1784,1785],{},[14,1786,1787],{},"boolean",[1693,1789,1790],{},[14,1791,299],{},[1693,1793,1794],{},"Désactive les interactions de modification",[23,1796,1798],{"id":1797},"événements","Événements",[1666,1800,1801,1813],{},[1669,1802,1803],{},[1672,1804,1805,1808,1811],{},[1675,1806,1807],{},"Événement",[1675,1809,1810],{},"Payload",[1675,1812,1686],{},[1688,1814,1815,1829,1843,1868,1883],{},[1672,1816,1817,1821,1826],{},[1693,1818,1819],{},[14,1820,310],{},[1693,1822,1823],{},[14,1824,1825],{},"nodeId: string",[1693,1827,1828],{},"Émis quand un nœud est sélectionné",[1672,1830,1831,1835,1840],{},[1693,1832,1833],{},[14,1834,327],{},[1693,1836,1837],{},[14,1838,1839],{},"value: string",[1693,1841,1842],{},"Émis quand un déclencheur initial est choisi dans le sélecteur de départ",[1672,1844,1845,1849,1854],{},[1693,1846,1847],{},[14,1848,344],{},[1693,1850,1851],{},[14,1852,1853],{},"{ afterId: string | null, branch: string | null, value: string }",[1693,1855,1856,1857,1860,1861,1864,1865,1867],{},"Émis pour ajouter un bloc. ",[14,1858,1859],{},"afterId"," indique le nœud après lequel insérer (null pour le début), ",[14,1862,1863],{},"branch"," indique la branche concernée (null pour le flux principal), ",[14,1866,1272],{}," est la valeur de l'option choisie",[1672,1869,1870,1875,1880],{},[1693,1871,1872],{},[14,1873,1874],{},"run-branch",[1693,1876,1877],{},[14,1878,1879],{},"{ nodeId: string, arm: AutomationCanvasArm }",[1693,1881,1882],{},"Émis pour lancer un essai sur une branche spécifique d'un nœud de condition",[1672,1884,1885,1889,1894],{},[1693,1886,1887],{},[14,1888,170],{},[1693,1890,1891],{},[14,1892,1893],{},"{ nodeId: string, position: { x: number, y: number } }",[1693,1895,1896],{},"Émis quand un nœud est déplacé. Utilisez cet événement pour persister la position",[23,1898,1900,1901],{"id":1899},"slot-toolbar","Slot ",[14,1902,389],{},[10,1904,1905,1906,1909,1910,1912],{},"Le slot ",[14,1907,1908],{},"#toolbar"," reçoit ",[14,1911,249],{}," et permet d'ajouter des contrôles personnalisés (annuler, refaire, supprimer, etc.) qui s'affichent avant les boutons de zoom et d'ajustement intégrés.",[35,1914,1916],{"className":178,"code":1915,"language":180,"meta":40,"style":40},"\u003Ctemplate #toolbar=\"{ selectedId }\">\n  \u003CButton\n    v-if=\"selectedId\"\n    icon=\"lucide-trash-2\"\n    variant=\"ghost\"\n    aria-label=\"Supprimer\"\n    @click=\"remove(selectedId)\"\n  \u002F>\n\u003C\u002Ftemplate>\n",[14,1917,1918,1942,1948,1961,1974,1987,2001,2022,2027],{"__ignoreMap":40},[44,1919,1920,1922,1924,1926,1928,1930,1932,1934,1936,1938,1940],{"class":46,"line":47},[44,1921,187],{"class":54},[44,1923,191],{"class":190},[44,1925,386],{"class":54},[44,1927,389],{"class":210},[44,1929,213],{"class":54},[44,1931,216],{"class":54},[44,1933,396],{"class":54},[44,1935,399],{"class":58},[44,1937,124],{"class":54},[44,1939,216],{"class":54},[44,1941,194],{"class":54},[44,1943,1944,1946],{"class":46,"line":77},[44,1945,199],{"class":54},[44,1947,414],{"class":190},[44,1949,1950,1953,1955,1957,1959],{"class":46,"line":88},[44,1951,1952],{"class":50},"    v-if",[44,1954,213],{"class":54},[44,1956,216],{"class":54},[44,1958,249],{"class":58},[44,1960,221],{"class":54},[44,1962,1963,1966,1968,1970,1972],{"class":46,"line":97},[44,1964,1965],{"class":210},"    icon",[44,1967,213],{"class":54},[44,1969,216],{"class":54},[44,1971,441],{"class":71},[44,1973,221],{"class":54},[44,1975,1976,1979,1981,1983,1985],{"class":46,"line":105},[44,1977,1978],{"class":210},"    variant",[44,1980,213],{"class":54},[44,1982,216],{"class":54},[44,1984,456],{"class":71},[44,1986,221],{"class":54},[44,1988,1989,1992,1994,1996,1999],{"class":46,"line":113},[44,1990,1991],{"class":210},"    aria-label",[44,1993,213],{"class":54},[44,1995,216],{"class":54},[44,1997,1998],{"class":71},"Supprimer",[44,2000,221],{"class":54},[44,2002,2003,2005,2007,2009,2011,2014,2016,2018,2020],{"class":46,"line":121},[44,2004,307],{"class":54},[44,2006,467],{"class":210},[44,2008,213],{"class":54},[44,2010,216],{"class":54},[44,2012,2013],{"class":474},"remove",[44,2015,478],{"class":54},[44,2017,249],{"class":58},[44,2019,483],{"class":54},[44,2021,221],{"class":54},[44,2023,2024],{"class":46,"line":286},[44,2025,2026],{"class":54},"  \u002F>\n",[44,2028,2029,2031,2033],{"class":46,"line":304},[44,2030,517],{"class":54},[44,2032,191],{"class":190},[44,2034,194],{"class":54},[23,2036,2038],{"id":2037},"méthodes-exposées","Méthodes exposées",[10,2040,2041,2042,2045,2046,2049],{},"Le composant expose la méthode ",[14,2043,2044],{},"fitView()"," via une ref, qui retourne une ",[14,2047,2048],{},"Promise"," et permet de recadrer la vue sur l'ensemble du flux depuis l'extérieur :",[35,2051,2053],{"className":37,"code":2052,"language":39,"meta":40,"style":40},"const canvasRef = ref()\n\nasync function resetView() {\n  await canvasRef.value?.fitView()\n}\n",[14,2054,2055,2068,2072,2088,2108],{"__ignoreMap":40},[44,2056,2057,2059,2062,2064,2066],{"class":46,"line":47},[44,2058,661],{"class":210},[44,2060,2061],{"class":58}," canvasRef ",[44,2063,213],{"class":54},[44,2065,562],{"class":474},[44,2067,916],{"class":58},[44,2069,2070],{"class":46,"line":77},[44,2071,528],{"emptyLinePlaceholder":527},[44,2073,2074,2077,2080,2083,2086],{"class":46,"line":88},[44,2075,2076],{"class":210},"async",[44,2078,2079],{"class":210}," function",[44,2081,2082],{"class":474}," resetView",[44,2084,2085],{"class":54},"()",[44,2087,85],{"class":54},[44,2089,2090,2093,2096,2098,2100,2103,2106],{"class":46,"line":97},[44,2091,2092],{"class":50},"  await",[44,2094,2095],{"class":58}," canvasRef",[44,2097,21],{"class":54},[44,2099,1272],{"class":58},[44,2101,2102],{"class":54},"?.",[44,2104,2105],{"class":474},"fitView",[44,2107,916],{"class":190},[44,2109,2110],{"class":46,"line":105},[44,2111,1284],{"class":54},[23,2113,2115],{"id":2114},"structure-des-données","Structure des données",[2117,2118,2120,2121,483],"h3",{"id":2119},"nœud-automationcanvasnode","Nœud (",[14,2122,674],{},[35,2124,2126],{"className":37,"code":2125,"language":39,"meta":40,"style":40},"interface AutomationCanvasNode {\n  id: string\n  position: { x: number; y: number }\n  data: AutomationCanvasNodeData\n}\n",[14,2127,2128,2138,2148,2176,2186],{"__ignoreMap":40},[44,2129,2130,2133,2136],{"class":46,"line":47},[44,2131,2132],{"class":210},"interface",[44,2134,2135],{"class":673}," AutomationCanvasNode",[44,2137,85],{"class":54},[44,2139,2140,2143,2145],{"class":46,"line":77},[44,2141,2142],{"class":190},"  id",[44,2144,698],{"class":54},[44,2146,2147],{"class":673}," string\n",[44,2149,2150,2153,2155,2157,2159,2161,2164,2167,2169,2171,2173],{"class":46,"line":88},[44,2151,2152],{"class":190},"  position",[44,2154,698],{"class":54},[44,2156,55],{"class":54},[44,2158,721],{"class":190},[44,2160,698],{"class":54},[44,2162,2163],{"class":673}," number",[44,2165,2166],{"class":54},";",[44,2168,733],{"class":190},[44,2170,698],{"class":54},[44,2172,2163],{"class":673},[44,2174,2175],{"class":54}," }\n",[44,2177,2178,2181,2183],{"class":46,"line":97},[44,2179,2180],{"class":190},"  data",[44,2182,698],{"class":54},[44,2184,2185],{"class":673}," AutomationCanvasNodeData\n",[44,2187,2188],{"class":46,"line":105},[44,2189,1284],{"class":54},[2117,2191,2193,2194,483],{"id":2192},"connexion-automationcanvasedge","Connexion (",[14,2195,888],{},[35,2197,2199],{"className":37,"code":2198,"language":39,"meta":40,"style":40},"interface AutomationCanvasEdge {\n  id: string\n  source: string      \u002F\u002F ID du nœud source\n  target: string      \u002F\u002F ID du nœud cible\n  label?: string      \u002F\u002F Étiquette sur la connexion (ex: \"Si oui\")\n  animated?: boolean  \u002F\u002F Animation de la connexion\n  style?: Record\u003Cstring, string | number>  \u002F\u002F Style CSS personnalisé\n}\n",[14,2200,2201,2210,2218,2230,2242,2255,2268,2296],{"__ignoreMap":40},[44,2202,2203,2205,2208],{"class":46,"line":47},[44,2204,2132],{"class":210},[44,2206,2207],{"class":673}," AutomationCanvasEdge",[44,2209,85],{"class":54},[44,2211,2212,2214,2216],{"class":46,"line":77},[44,2213,2142],{"class":190},[44,2215,698],{"class":54},[44,2217,2147],{"class":673},[44,2219,2220,2223,2225,2227],{"class":46,"line":88},[44,2221,2222],{"class":190},"  source",[44,2224,698],{"class":54},[44,2226,1257],{"class":673},[44,2228,2229],{"class":1315},"      \u002F\u002F ID du nœud source\n",[44,2231,2232,2235,2237,2239],{"class":46,"line":97},[44,2233,2234],{"class":190},"  target",[44,2236,698],{"class":54},[44,2238,1257],{"class":673},[44,2240,2241],{"class":1315},"      \u002F\u002F ID du nœud cible\n",[44,2243,2244,2247,2250,2252],{"class":46,"line":105},[44,2245,2246],{"class":190},"  label",[44,2248,2249],{"class":54},"?:",[44,2251,1257],{"class":673},[44,2253,2254],{"class":1315},"      \u002F\u002F Étiquette sur la connexion (ex: \"Si oui\")\n",[44,2256,2257,2260,2262,2265],{"class":46,"line":113},[44,2258,2259],{"class":190},"  animated",[44,2261,2249],{"class":54},[44,2263,2264],{"class":673}," boolean",[44,2266,2267],{"class":1315},"  \u002F\u002F Animation de la connexion\n",[44,2269,2270,2273,2275,2278,2280,2282,2284,2286,2289,2291,2293],{"class":46,"line":121},[44,2271,2272],{"class":190},"  style",[44,2274,2249],{"class":54},[44,2276,2277],{"class":673}," Record",[44,2279,187],{"class":54},[44,2281,911],{"class":673},[44,2283,730],{"class":54},[44,2285,1257],{"class":673},[44,2287,2288],{"class":54}," |",[44,2290,2163],{"class":673},[44,2292,680],{"class":54},[44,2294,2295],{"class":1315},"  \u002F\u002F Style CSS personnalisé\n",[44,2297,2298],{"class":46,"line":286},[44,2299,1284],{"class":54},[2117,2301,2303,2304,483],{"id":2302},"données-du-nœud-automationcanvasnodedata","Données du nœud (",[14,2305,2306],{},"AutomationCanvasNodeData",[1666,2308,2309,2320],{},[1669,2310,2311],{},[1672,2312,2313,2316,2318],{},[1675,2314,2315],{},"Champ",[1675,2317,1680],{},[1675,2319,1686],{},[1688,2321,2322,2336,2350,2364,2379,2394,2407,2421,2436,2451,2465,2479,2493,2508],{},[1672,2323,2324,2329,2333],{},[1693,2325,2326],{},[14,2327,2328],{},"kicker",[1693,2330,2331],{},[14,2332,911],{},[1693,2334,2335],{},"Catégorie du nœud (ex: \"Action\", \"Condition\", \"Déclencheur\")",[1672,2337,2338,2343,2347],{},[1693,2339,2340],{},[14,2341,2342],{},"label",[1693,2344,2345],{},[14,2346,911],{},[1693,2348,2349],{},"Titre affiché sur le nœud",[1672,2351,2352,2357,2361],{},[1693,2353,2354],{},[14,2355,2356],{},"detail",[1693,2358,2359],{},[14,2360,911],{},[1693,2362,2363],{},"Sous-titre ou description (optionnel)",[1672,2365,2366,2371,2376],{},[1693,2367,2368],{},[14,2369,2370],{},"icon",[1693,2372,2373],{},[14,2374,2375],{},"string | Component",[1693,2377,2378],{},"Icône affichée (nom Lucide ou composant Vue)",[1672,2380,2381,2386,2391],{},[1693,2382,2383],{},[14,2384,2385],{},"tone",[1693,2387,2388],{},[14,2389,2390],{},"AutomationCanvasTone",[1693,2392,2393],{},"Couleur d'identité du nœud (voir ci-dessous)",[1672,2395,2396,2400,2404],{},[1693,2397,2398],{},[14,2399,703],{},[1693,2401,2402],{},[14,2403,1787],{},[1693,2405,2406],{},"Indique le nœud de départ du flux",[1672,2408,2409,2414,2418],{},[1693,2410,2411],{},[14,2412,2413],{},"empty",[1693,2415,2416],{},[14,2417,1787],{},[1693,2419,2420],{},"Nœud de départ vide affichant un sélecteur de déclencheur",[1672,2422,2423,2428,2433],{},[1693,2424,2425],{},[14,2426,2427],{},"issue",[1693,2429,2430],{},[14,2431,2432],{},"AutomationCanvasIssue",[1693,2434,2435],{},"Problème sur le nœud (erreur ou avertissement)",[1672,2437,2438,2443,2448],{},[1693,2439,2440],{},[14,2441,2442],{},"run",[1693,2444,2445],{},[14,2446,2447],{},"AutomationCanvasRun",[1693,2449,2450],{},"État d'un essai (trial run) sur ce nœud",[1672,2452,2453,2458,2462],{},[1693,2454,2455],{},[14,2456,2457],{},"dimmed",[1693,2459,2460],{},[14,2461,1787],{},[1693,2463,2464],{},"Estompe le nœud (utile quand un autre est sélectionné)",[1672,2466,2467,2472,2476],{},[1693,2468,2469],{},[14,2470,2471],{},"branching",[1693,2473,2474],{},[14,2475,1787],{},[1693,2477,2478],{},"Indique un nœud de branchement (condition)",[1672,2480,2481,2486,2490],{},[1693,2482,2483],{},[14,2484,2485],{},"terminal",[1693,2487,2488],{},[14,2489,1787],{},[1693,2491,2492],{},"Nœud final affichant un bouton \"+\" pour continuer",[1672,2494,2495,2500,2505],{},[1693,2496,2497],{},[14,2498,2499],{},"arms",[1693,2501,2502],{},[14,2503,2504],{},"AutomationCanvasArm[]",[1693,2506,2507],{},"Branches vides attendant un contenu",[1672,2509,2510,2515,2519],{},[1693,2511,2512],{},[14,2513,2514],{},"canContinue",[1693,2516,2517],{},[14,2518,1787],{},[1693,2520,2521],{},"Propose une étape \"Après les branches\" quand toutes les branches sont remplies",[2117,2523,2525,2526,483],{"id":2524},"tons-de-couleur-automationcanvastone","Tons de couleur (",[14,2527,2390],{},[10,2529,2530,2531,2533,2534,2533,2537,2533,2540,2533,2543,2533,2545,2533,2548,2533,2551,2533,2554,2533,2557,2533,2560,21],{},"Les valeurs possibles sont : ",[14,2532,831],{},", ",[14,2535,2536],{},"green",[14,2538,2539],{},"teal",[14,2541,2542],{},"amber",[14,2544,1206],{},[14,2546,2547],{},"cyan",[14,2549,2550],{},"orange",[14,2552,2553],{},"pink",[14,2555,2556],{},"red",[14,2558,2559],{},"gray",[14,2561,2562],{},"purple",[10,2564,2565],{},"La couleur s'applique à l'onglet du nœud, au filet et à la sélection.",[2117,2567,2569,2570,483],{"id":2568},"états-dessai-automationcanvasrun","États d'essai (",[14,2571,2447],{},[10,2573,2574],{},"Lors d'un essai (trial run), un nœud peut afficher son état :",[35,2576,2578],{"className":37,"code":2577,"language":39,"meta":40,"style":40},"interface AutomationCanvasRun {\n  status: 'running' | 'Success' | 'Skipped' | 'Failed' | 'Waiting'\n  forced?: boolean           \u002F\u002F L'essai a pris cette branche malgré la condition\n  retryArms?: AutomationCanvasArm[]  \u002F\u002F Branches sautées pouvant être relancées\n  durationMs?: number        \u002F\u002F Durée d'exécution affichée dans le pied du nœud\n}\n",[14,2579,2580,2589,2639,2651,2667,2679],{"__ignoreMap":40},[44,2581,2582,2584,2587],{"class":46,"line":47},[44,2583,2132],{"class":210},[44,2585,2586],{"class":673}," AutomationCanvasRun",[44,2588,85],{"class":54},[44,2590,2591,2594,2596,2598,2601,2603,2605,2607,2610,2612,2614,2616,2619,2621,2623,2625,2628,2630,2632,2634,2637],{"class":46,"line":77},[44,2592,2593],{"class":190},"  status",[44,2595,698],{"class":54},[44,2597,68],{"class":54},[44,2599,2600],{"class":71},"running",[44,2602,706],{"class":54},[44,2604,2288],{"class":54},[44,2606,68],{"class":54},[44,2608,2609],{"class":71},"Success",[44,2611,706],{"class":54},[44,2613,2288],{"class":54},[44,2615,68],{"class":54},[44,2617,2618],{"class":71},"Skipped",[44,2620,706],{"class":54},[44,2622,2288],{"class":54},[44,2624,68],{"class":54},[44,2626,2627],{"class":71},"Failed",[44,2629,706],{"class":54},[44,2631,2288],{"class":54},[44,2633,68],{"class":54},[44,2635,2636],{"class":71},"Waiting",[44,2638,74],{"class":54},[44,2640,2641,2644,2646,2648],{"class":46,"line":88},[44,2642,2643],{"class":190},"  forced",[44,2645,2249],{"class":54},[44,2647,2264],{"class":673},[44,2649,2650],{"class":1315},"           \u002F\u002F L'essai a pris cette branche malgré la condition\n",[44,2652,2653,2656,2658,2661,2664],{"class":46,"line":97},[44,2654,2655],{"class":190},"  retryArms",[44,2657,2249],{"class":54},[44,2659,2660],{"class":673}," AutomationCanvasArm",[44,2662,2663],{"class":58},"[]  ",[44,2665,2666],{"class":1315},"\u002F\u002F Branches sautées pouvant être relancées\n",[44,2668,2669,2672,2674,2676],{"class":46,"line":105},[44,2670,2671],{"class":190},"  durationMs",[44,2673,2249],{"class":54},[44,2675,2163],{"class":673},[44,2677,2678],{"class":1315},"        \u002F\u002F Durée d'exécution affichée dans le pied du nœud\n",[44,2680,2681],{"class":46,"line":113},[44,2682,1284],{"class":54},[2117,2684,2686,2687,483],{"id":2685},"problèmes-automationcanvasissue","Problèmes (",[14,2688,2432],{},[35,2690,2692],{"className":37,"code":2691,"language":39,"meta":40,"style":40},"interface AutomationCanvasIssue {\n  level: 'error' | 'warning'\n  message: string  \u002F\u002F Affiché dans une info-bulle au survol\n}\n",[14,2693,2694,2703,2726,2738],{"__ignoreMap":40},[44,2695,2696,2698,2701],{"class":46,"line":47},[44,2697,2132],{"class":210},[44,2699,2700],{"class":673}," AutomationCanvasIssue",[44,2702,85],{"class":54},[44,2704,2705,2708,2710,2712,2715,2717,2719,2721,2724],{"class":46,"line":77},[44,2706,2707],{"class":190},"  level",[44,2709,698],{"class":54},[44,2711,68],{"class":54},[44,2713,2714],{"class":71},"error",[44,2716,706],{"class":54},[44,2718,2288],{"class":54},[44,2720,68],{"class":54},[44,2722,2723],{"class":71},"warning",[44,2725,74],{"class":54},[44,2727,2728,2731,2733,2735],{"class":46,"line":88},[44,2729,2730],{"class":190},"  message",[44,2732,698],{"class":54},[44,2734,1257],{"class":673},[44,2736,2737],{"class":1315},"  \u002F\u002F Affiché dans une info-bulle au survol\n",[44,2739,2740],{"class":46,"line":97},[44,2741,1284],{"class":54},[10,2743,2744],{},"Un avertissement affiche « Nécessite une configuration », une erreur affiche « Contient des erreurs ».",[2117,2746,2748],{"id":2747},"options-de-sélecteur","Options de sélecteur",[35,2750,2752],{"className":37,"code":2751,"language":39,"meta":40,"style":40},"interface AutomationCanvasOptionGroup {\n  group: string\n  options: AutomationCanvasPickerOption[]\n}\n\ninterface AutomationCanvasPickerOption {\n  value: string\n  label: string\n  description?: string\n  icon?: string | Component\n  tone?: AutomationCanvasTone\n  [key: string]: unknown  \u002F\u002F Propriétés additionnelles personnalisées\n}\n",[14,2753,2754,2762,2771,2784,2788,2792,2800,2809,2817,2826,2840,2850,2863],{"__ignoreMap":40},[44,2755,2756,2758,2760],{"class":46,"line":47},[44,2757,2132],{"class":210},[44,2759,934],{"class":673},[44,2761,85],{"class":54},[44,2763,2764,2767,2769],{"class":46,"line":77},[44,2765,2766],{"class":190},"  group",[44,2768,698],{"class":54},[44,2770,2147],{"class":673},[44,2772,2773,2776,2778,2781],{"class":46,"line":88},[44,2774,2775],{"class":190},"  options",[44,2777,698],{"class":54},[44,2779,2780],{"class":673}," AutomationCanvasPickerOption",[44,2782,2783],{"class":58},"[]\n",[44,2785,2786],{"class":46,"line":97},[44,2787,1284],{"class":54},[44,2789,2790],{"class":46,"line":105},[44,2791,528],{"emptyLinePlaceholder":527},[44,2793,2794,2796,2798],{"class":46,"line":113},[44,2795,2132],{"class":210},[44,2797,2780],{"class":673},[44,2799,85],{"class":54},[44,2801,2802,2805,2807],{"class":46,"line":121},[44,2803,2804],{"class":190},"  value",[44,2806,698],{"class":54},[44,2808,2147],{"class":673},[44,2810,2811,2813,2815],{"class":46,"line":286},[44,2812,2246],{"class":190},[44,2814,698],{"class":54},[44,2816,2147],{"class":673},[44,2818,2819,2822,2824],{"class":46,"line":304},[44,2820,2821],{"class":190},"  description",[44,2823,2249],{"class":54},[44,2825,2147],{"class":673},[44,2827,2828,2831,2833,2835,2837],{"class":46,"line":322},[44,2829,2830],{"class":190},"  icon",[44,2832,2249],{"class":54},[44,2834,1257],{"class":673},[44,2836,2288],{"class":54},[44,2838,2839],{"class":673}," Component\n",[44,2841,2842,2845,2847],{"class":46,"line":339},[44,2843,2844],{"class":190},"  tone",[44,2846,2249],{"class":54},[44,2848,2849],{"class":673}," AutomationCanvasTone\n",[44,2851,2852,2855,2857,2860],{"class":46,"line":356},[44,2853,2854],{"class":58},"  [key: string]",[44,2856,698],{"class":54},[44,2858,2859],{"class":673}," unknown",[44,2861,2862],{"class":1315},"  \u002F\u002F Propriétés additionnelles personnalisées\n",[44,2864,2865],{"class":46,"line":372},[44,2866,1284],{"class":54},[23,2868,2870],{"id":2869},"dépendances","Dépendances",[10,2872,2873,2874,2877],{},"L'ajout de ce composant introduit les dépendances suivantes dans ",[14,2875,2876],{},"ui\u002Fpackage.json"," :",[146,2879,2880,2886],{},[149,2881,2882,2885],{},[14,2883,2884],{},"@vue-flow\u002Fcore"," ^1.48.2",[149,2887,2888,2891],{},[14,2889,2890],{},"@vue-flow\u002Fbackground"," ^1.3.2",[10,2893,2894,2895,21],{},"Ces dépendances ne sont chargées que si vous importez le composant via ",[14,2896,32],{},[2898,2899,2900],"style",{},"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 .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}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 .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 .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}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 pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}",{"title":40,"searchDepth":47,"depth":77,"links":2902},[2903,2904,2905,2906,2907,2908,2910,2911,2926],{"id":25,"depth":77,"text":26},{"id":135,"depth":77,"text":136},{"id":174,"depth":77,"text":175},{"id":1663,"depth":77,"text":1664},{"id":1797,"depth":77,"text":1798},{"id":1899,"depth":77,"text":2909},"Slot toolbar",{"id":2037,"depth":77,"text":2038},{"id":2114,"depth":77,"text":2115,"children":2912},[2913,2915,2917,2919,2921,2923,2925],{"id":2119,"depth":88,"text":2914},"Nœud (AutomationCanvasNode)",{"id":2192,"depth":88,"text":2916},"Connexion (AutomationCanvasEdge)",{"id":2302,"depth":88,"text":2918},"Données du nœud (AutomationCanvasNodeData)",{"id":2524,"depth":88,"text":2920},"Tons de couleur (AutomationCanvasTone)",{"id":2568,"depth":88,"text":2922},"États d'essai (AutomationCanvasRun)",{"id":2685,"depth":88,"text":2924},"Problèmes (AutomationCanvasIssue)",{"id":2747,"depth":88,"text":2748},{"id":2869,"depth":77,"text":2870},"Utiliser le composant AutomationCanvas pour dessiner des flux d'automatisation dans les applications Dokos","md",{"reviewed":527,"last_verified":2930,"sources":2931},"2026-11-03",[2932,2933,2934],"dodock@v5-dev:ui\u002Fsrc\u002Fcomponents\u002FAutomationCanvas\u002FAutomationCanvas.vue","dodock@v5-dev:ui\u002Fsrc\u002Fcomponents\u002FAutomationCanvas\u002Ftypes.ts","dodock@v5-dev:ui\u002Fpackage.json","\u002Fv5\u002Fdodock\u002Fdeveloppeurs\u002Fcanvas-automatisation",{"title":5,"description":2927},"1.v5\u002F3.dodock\u002F10.developpeurs\u002Fcanvas-automatisation","FY4JThDhvI7RDyBcC_6UXEWOWMj39BgWdLVCUaqq99A",{},1793871960439]