vuepress-theme-plume/assets/flowchart-C4Od_IJj.js

import{$ as e,B as t,P as n,_ as r,f as i,g as a,h as o,l as s}from"./runtime-core.esm-bundler-CZvn3YaB.js";import{t as c}from"./plugin-vue_export-helper-CxTVcLa7.js";var l=JSON.parse(`{"path":"/en/guide/chart/flowchart/","title":"flowchart | Guide","lang":"en-US","frontmatter":{"title":"flowchart","createTime":"2025/10/08 19:34:31","icon":"f7:flowchart","permalink":"/en/guide/chart/flowchart/","description":"Overview The theme supports embedding flowchart diagrams within articles. This feature is powered by @vuepress/plugin-markdown-chart. Configuration This feature is disabled by d...","head":[["script",{"type":"application/ld+json"},"{\\"@context\\":\\"https://schema.org\\",\\"@type\\":\\"Article\\",\\"headline\\":\\"flowchart\\",\\"image\\":[\\"\\"],\\"dateModified\\":\\"2026-03-05T07:34:11.000Z\\",\\"author\\":[]}"],["meta",{"property":"og:url","content":"https://theme-plume.vuejs.press/en/guide/chart/flowchart/"}],["meta",{"property":"og:site_name","content":"Plume Theme"}],["meta",{"property":"og:title","content":"flowchart"}],["meta",{"property":"og:description","content":"Overview The theme supports embedding flowchart diagrams within articles. This feature is powered by @vuepress/plugin-markdown-chart. Configuration This feature is disabled by d..."}],["meta",{"property":"og:type","content":"article"}],["meta",{"property":"og:locale","content":"en-US"}],["meta",{"property":"og:locale:alternate","content":"zh-CN"}],["meta",{"property":"og:updated_time","content":"2026-03-05T07:34:11.000Z"}],["meta",{"property":"article:modified_time","content":"2026-03-05T07:34:11.000Z"}],["link",{"rel":"alternate","hreflang":"zh-cn","href":"https://theme-plume.vuejs.press/guide/chart/flowchart/"}]]},"readingTime":{"minutes":2.69,"words":806},"git":{"createdTime":1759995965000,"updatedTime":1772696051000,"contributors":[{"name":"pengzhanbo","username":"pengzhanbo","email":"volodymyr@foxmail.com","commits":2,"avatar":"https://avatars.githubusercontent.com/pengzhanbo?v=4","url":"https://github.com/pengzhanbo"}],"changelog":[{"hash":"9b9f8f3f77f8ec801e99e9aad8555bab2244dc63","time":1772696051000,"email":"volodymyr@foxmail.com","author":"pengzhanbo","message":"style: lint fix"},{"hash":"385059f214cb07fc9a098859e889432fb81f998b","time":1759995965000,"email":"volodymyr@foxmail.com","author":"pengzhanbo","message":"docs: update en docs (#708)"}]},"autoDesc":true,"filePathRelative":"en/guide/chart/flowchart.md","headers":[],"bulletin":false}`),u={name:`flowchart.md`},d={class:`code-block-title`,"data-title":`.vuepress/config.ts`},f={class:`code-block-title-bar`},p={class:`title`};function m(c,l,u,m,h,g){let _=t(`VPIcon`),v=t(`CodeTabs`),y=t(`FlowChart`),b=t(`VPDemoBasic`);return n(),i(`div`,null,[l[17]||=o(`<h2 id="overview" tabindex="-1"><a class="header-anchor" href="#overview"><span>Overview</span></a></h2><p>The theme supports embedding <a href="http://flowchart.js.org/" target="_blank" rel="noopener noreferrer">flowchart</a> diagrams within articles.</p><p>This feature is powered by <a href="https://ecosystem.vuejs.press/plugins/markdown/markdown-chart/" target="_blank" rel="noopener noreferrer">@vuepress/plugin-markdown-chart</a>.</p><h2 id="configuration" tabindex="-1"><a class="header-anchor" href="#configuration"><span>Configuration</span></a></h2><p>This feature is disabled by default in the theme.</p><p>You need to install the <a href="http://flowchart.js.org/" target="_blank" rel="noopener noreferrer">flowchart.ts</a> library in your project.</p>`,6),r(v,{id:`0`,data:[{id:`pnpm`},{id:`yarn`},{id:`npm`}],"tab-id":`npm-to-pnpm-yarn-npm`},{title0:e(({value:e,isActive:t})=>[r(_,{provider:`iconify`,name:`vscode-icons:file-type-light-pnpm`}),l[0]||=s(`span`,null,`pnpm`,-1)]),title1:e(({value:e,isActive:t})=>[r(_,{provider:`iconify`,name:`vscode-icons:file-type-yarn`}),l[1]||=s(`span`,null,`yarn`,-1)]),title2:e(({value:e,isActive:t})=>[r(_,{provider:`iconify`,name:`logos:npm-icon`}),l[2]||=s(`span`,null,`npm`,-1)]),tab0:e(({value:e,isActive:t})=>[...l[3]||=[s(`div`,{class:`language-sh`,"data-highlighter":`shiki`,"data-ext":`sh`,style:{"--shiki-light":`#393a34`,"--shiki-dark":`#dbd7caee`,"--shiki-light-bg":`#ffffff`,"--shiki-dark-bg":`#121212`}},[s(`pre`,{class:`shiki shiki-themes vitesse-light vitesse-dark vp-code`},[s(`code`,{class:`language-sh`},[s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#59873A`,"--shiki-dark":`#80A665`}},`pnpm`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` add`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` flowchart.ts`)])])])],-1)]]),tab1:e(({value:e,isActive:t})=>[...l[4]||=[s(`div`,{class:`language-sh`,"data-highlighter":`shiki`,"data-ext":`sh`,style:{"--shiki-light":`#393a34`,"--shiki-dark":`#dbd7caee`,"--shiki-light-bg":`#ffffff`,"--shiki-dark-bg":`#121212`}},[s(`pre`,{class:`shiki shiki-themes vitesse-light vitesse-dark vp-code`},[s(`code`,{class:`language-sh`},[s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#59873A`,"--shiki-dark":`#80A665`}},`yarn`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` add`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` flowchart.ts`)])])])],-1)]]),tab2:e(({value:e,isActive:t})=>[...l[5]||=[s(`div`,{class:`language-sh`,"data-highlighter":`shiki`,"data-ext":`sh`,style:{"--shiki-light":`#393a34`,"--shiki-dark":`#dbd7caee`,"--shiki-light-bg":`#ffffff`,"--shiki-dark-bg":`#121212`}},[s(`pre`,{class:`shiki shiki-themes vitesse-light vitesse-dark vp-code`},[s(`code`,{class:`language-sh`},[s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#59873A`,"--shiki-dark":`#80A665`}},`npm`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` install`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` flowchart.ts`)])])])],-1)]]),_:1}),l[18]||=s(`p`,null,[a(`Then, enable the feature in the `),s(`code`,null,`.vuepress/config.ts`),a(` configuration file:`)],-1),s(`div`,d,[s(`div`,f,[s(`span`,p,[r(_,{provider:`iconify`,name:`vscode-icons:file-type-typescript`}),l[6]||=a(`.vuepress/config.ts`,-1)])]),l[7]||=o(`<div class="language-ts" data-highlighter="shiki" data-ext="ts" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212;"><pre class="shiki shiki-themes vitesse-light vitesse-dark has-diff vp-code"><code class="language-ts"><span class="line"><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;">export</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;"> default</span><span style="--shiki-light:#59873A;--shiki-dark:#80A665;"> defineUserConfig</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">({</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;">  theme</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">: </span><span style="--shiki-light:#59873A;--shiki-dark:#80A665;">plumeTheme</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">({</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;">    markdown</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">: {</span></span>
<span class="line diff add"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;">      flowchart</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">: </span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;">true</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">, </span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">    },</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">  })</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">})</span></span></code></pre></div>`,1)]),l[19]||=o('<div class="hint-container note"><p class="hint-container-title">Note</p><p>The following documentation is forked from <a href="https://ecosystem.vuejs.press/plugins/markdown/markdown-chart/flowchart.html" target="_blank" rel="noopener noreferrer">@vuepress/plugin-markdown-chart</a>, licensed under <a href="https://github.com/vuepress/ecosystem/blob/main/LICENSE" target="_blank" rel="noopener noreferrer">MIT</a>.</p></div><h2 id="syntax" tabindex="-1"><a class="header-anchor" href="#syntax"><span>Syntax</span></a></h2><div class="language-md" data-highlighter="shiki" data-ext="md" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212;"><pre class="shiki shiki-themes vitesse-light vitesse-dark vp-code"><code class="language-md"><span class="line"><span style="--shiki-light:#A0ADA0;--shiki-dark:#758575DD;">&lt;!------- ↓ :preset is optional --&gt;</span></span>\n<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">```</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">flow:preset</span></span>\n<span class="line"></span>\n<span class="line"><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">&lt;!-- Place your flowchart code here --&gt;</span></span>\n<span class="line"></span>\n<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">```</span></span></code></pre></div><p>Currently available presets:</p><ul><li>vue (default)</li><li>ant</li><li>pie</li></ul><h2 id="demo" tabindex="-1"><a class="header-anchor" href="#demo"><span>Demo</span></a></h2>',6),r(b,{type:`markdown`,title:`Vue Theme`},{code:e(()=>[...l[8]||=[s(`div`,{class:`language-md line-numbers-mode`,"data-highlighter":`shiki`,"data-ext":`md`,style:{"--shiki-light":`#393a34`,"--shiki-dark":`#dbd7caee`,"--shiki-light-bg":`#ffffff`,"--shiki-dark-bg":`#121212`}},[s(`pre`,{class:`shiki shiki-themes vitesse-light vitesse-dark vp-code`},[s(`code`,{class:`language-md`},[s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},"```"),s(`span`,{style:{"--shiki-light":`#393A34`,"--shiki-dark":`#DBD7CAEE`}},`flow`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#393A34`,"--shiki-dark":`#DBD7CAEE`}},`st=>start: Start|past:>http://www.google.com[blank]`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#393A34`,"--shiki-dark":`#DBD7CAEE`}},`e=>end: End|future:>http://www.google.com`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#393A34`,"--shiki-dark":`#DBD7CAEE`}},`op1=>operation: Operation 1|past`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#393A34`,"--shiki-dark":`#DBD7CAEE`}},`op2=>operation: Operation 2|current`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#393A34`,"--shiki-dark":`#DBD7CAEE`}},`sub1=>subroutine: Subroutine|invalid`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#393A34`,"--shiki-dark":`#DBD7CAEE`}},`cond=>condition: Yes/No?|approved:>http://www.google.com`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#393A34`,"--shiki-dark":`#DBD7CAEE`}},`c2=>condition: Condition 2|rejected`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#393A34`,"--shiki-dark":`#DBD7CAEE`}},`io=>inputoutput: Process input...|future`)]),a(`
`),s(`span`,{class:`line`}),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#393A34`,"--shiki-dark":`#DBD7CAEE`}},`st->op1(right)->cond`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#393A34`,"--shiki-dark":`#DBD7CAEE`}},`cond(yes, right)->c2`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#393A34`,"--shiki-dark":`#DBD7CAEE`}},`cond(no)->sub1(left)->op1`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#393A34`,"--shiki-dark":`#DBD7CAEE`}},`c2(yes)->io->e`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#393A34`,"--shiki-dark":`#DBD7CAEE`}},`c2(no)->op2->e`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},"```")])])]),s(`div`,{class:`line-numbers`,"aria-hidden":`true`,style:{"counter-reset":`line-number 0`}},[s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`})])],-1)]]),default:e(()=>[r(y,{code:`eJx1ULFOxDAM3fMVGQ+JtmrHSg0DYgUkJoQYcomvFyhxlDhXIfXjcXrc6ZYujp/z/PzsRINKpCP18q08S9CJenUkCn3TzPNcj4jjBLXBn4/9pP33p4BBgbe9fPJ2OWTKETYaBIZ2UBgganLoe/lySWW7DmJCt0HoFpNjBE8i5T2rcIyYyXlgp9d8cf6kJ2eFQW8HVaI7K71Dap7xYdEhRDyB3bJo2MBN2+MlZQMRvsAQWOFwUM6HTDyUYy9fIxpISa7Fuq7/zyBEoorXaXfRjUe6q1bl1dvuF9K9vJa7c9Ejg7LfboJD+eBedlTIDBxWCgpcaXyqAv8A95CZMg==`,preset:`vue`})]),_:1}),r(b,{type:`markdown`,title:`Ant Theme`},{code:e(()=>[...l[9]||=[s(`div`,{class:`language-md line-numbers-mode`,"data-highlighter":`shiki`,"data-ext":`md`,style:{"--shiki-light":`#393a34`,"--shiki-dark":`#dbd7caee`,"--shiki-light-bg":`#ffffff`,"--shiki-dark-bg":`#121212`}},[s(`pre`,{class:`shiki shiki-themes vitesse-light vitesse-dark vp-code`},[s(`code`,{class:`language-md`},[s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},"```"),s(`span`,{style:{"--shiki-light":`#393A34`,"--shiki-dark":`#DBD7CAEE`}},`flow:ant`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#393A34`,"--shiki-dark":`#DBD7CAEE`}},`st=>start: Start|past:>http://www.google.com[blank]`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#393A34`,"--shiki-dark":`#DBD7CAEE`}},`e=>end: End|future:>http://www.google.com`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#393A34`,"--shiki-dark":`#DBD7CAEE`}},`op1=>operation: Operation 1|past`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#393A34`,"--shiki-dark":`#DBD7CAEE`}},`op2=>operation: Operation 2|current`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#393A34`,"--shiki-dark":`#DBD7CAEE`}},`sub1=>subroutine: Subroutine|invalid`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#393A34`,"--shiki-dark":`#DBD7CAEE`}},`cond=>condition: Yes/No?|approved:>http://www.google.com`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#393A34`,"--shiki-dark":`#DBD7CAEE`}},`c2=>condition: Condition 2|rejected`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#393A34`,"--shiki-dark":`#DBD7CAEE`}},`io=>inputoutput: Process input...|future`)]),a(`
`),s(`span`,{class:`line`}),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#393A34`,"--shiki-dark":`#DBD7CAEE`}},`st->op1(right)->cond`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#393A34`,"--shiki-dark":`#DBD7CAEE`}},`cond(yes, right)->c2`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#393A34`,"--shiki-dark":`#DBD7CAEE`}},`cond(no)->sub1(left)->op1`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#393A34`,"--shiki-dark":`#DBD7CAEE`}},`c2(yes)->io->e`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#393A34`,"--shiki-dark":`#DBD7CAEE`}},`c2(no)->op2->e`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},"```")])])]),s(`div`,{class:`line-numbers`,"aria-hidden":`true`,style:{"counter-reset":`line-number 0`}},[s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`})])],-1)]]),default:e(()=>[r(y,{code:`eJx1ULFOxDAM3fMVGQ+JtmrHSg0DYgUkJoQYcomvFyhxlDhXIfXjcXrc6ZYujp/z/PzsRINKpCP18q08S9CJenUkCn3TzPNcj4jjBLXBn4/9pP33p4BBgbe9fPJ2OWTKETYaBIZ2UBgganLoe/lySWW7DmJCt0HoFpNjBE8i5T2rcIyYyXlgp9d8cf6kJ2eFQW8HVaI7K71Dap7xYdEhRDyB3bJo2MBN2+MlZQMRvsAQWOFwUM6HTDyUYy9fIxpISa7Fuq7/zyBEoorXaXfRjUe6q1bl1dvuF9K9vJa7c9Ejg7LfboJD+eBedlTIDBxWCgpcaXyqAv8A95CZMg==`,preset:`ant`})]),_:1}),r(b,{type:`markdown`,title:`Pie Theme`},{code:e(()=>[...l[10]||=[s(`div`,{class:`language-md line-numbers-mode`,"data-highlighter":`shiki`,"data-ext":`md`,style:{"--shiki-light":`#393a34`,"--shiki-dark":`#dbd7caee`,"--shiki-light-bg":`#ffffff`,"--shiki-dark-bg":`#121212`}},[s(`pre`,{class:`shiki shiki-themes vitesse-light vitesse-dark vp-code`},[s(`code`,{class:`language-md`},[s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},"```"),s(`span`,{style:{"--shiki-light":`#393A34`,"--shiki-dark":`#DBD7CAEE`}},`flow:pie`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#393A34`,"--shiki-dark":`#DBD7CAEE`}},`st=>start: Start|past:>http://www.google.com[blank]`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#393A34`,"--shiki-dark":`#DBD7CAEE`}},`e=>end: End|future:>http://www.google.com`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#393A34`,"--shiki-dark":`#DBD7CAEE`}},`op1=>operation: Operation 1|past`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#393A34`,"--shiki-dark":`#DBD7CAEE`}},`op2=>operation: Operation 2|current`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#393A34`,"--shiki-dark":`#DBD7CAEE`}},`sub1=>subroutine: Subroutine|invalid`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#393A34`,"--shiki-dark":`#DBD7CAEE`}},`cond=>condition: Yes/No?|approved:>http://www.google.com`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#393A34`,"--shiki-dark":`#DBD7CAEE`}},`c2=>condition: Condition 2|rejected`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#393A34`,"--shiki-dark":`#DBD7CAEE`}},`io=>inputoutput: Process input...|future`)]),a(`
`),s(`span`,{class:`line`}),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#393A34`,"--shiki-dark":`#DBD7CAEE`}},`st->op1(right)->cond`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#393A34`,"--shiki-dark":`#DBD7CAEE`}},`cond(yes, right)->c2`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#393A34`,"--shiki-dark":`#DBD7CAEE`}},`cond(no)->sub1(left)->op1`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#393A34`,"--shiki-dark":`#DBD7CAEE`}},`c2(yes)->io->e`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#393A34`,"--shiki-dark":`#DBD7CAEE`}},`c2(no)->op2->e`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},"```")])])]),s(`div`,{class:`line-numbers`,"aria-hidden":`true`,style:{"counter-reset":`line-number 0`}},[s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`})])],-1)]]),default:e(()=>[r(y,{code:`eJx1ULFOxDAM3fMVGQ+JtmrHSg0DYgUkJoQYcomvFyhxlDhXIfXjcXrc6ZYujp/z/PzsRINKpCP18q08S9CJenUkCn3TzPNcj4jjBLXBn4/9pP33p4BBgbe9fPJ2OWTKETYaBIZ2UBgganLoe/lySWW7DmJCt0HoFpNjBE8i5T2rcIyYyXlgp9d8cf6kJ2eFQW8HVaI7K71Dap7xYdEhRDyB3bJo2MBN2+MlZQMRvsAQWOFwUM6HTDyUYy9fIxpISa7Fuq7/zyBEoorXaXfRjUe6q1bl1dvuF9K9vJa7c9Ejg7LfboJD+eBedlTIDBxWCgpcaXyqAv8A95CZMg==`,preset:`pie`})]),_:1}),l[20]||=o(`<h2 id="flowchart-introduction" tabindex="-1"><a class="header-anchor" href="#flowchart-introduction"><span>Flowchart Introduction</span></a></h2><h3 id="node-types" tabindex="-1"><a class="header-anchor" href="#node-types"><span>Node Types</span></a></h3><p>Define node shapes.</p><h4 id="start-end" tabindex="-1"><a class="header-anchor" href="#start-end"><span>Start &amp; End</span></a></h4><ul><li><p><code>[Variable]-&gt;start: [Text]</code></p><p>Used for the first node in the flowchart. Default text is <code>Start</code>.</p></li><li><p><code>[Variable]-&gt;end: [Text]</code></p><p>Used for the last node in the flowchart. Default text is <code>End</code>.</p></li></ul>`,5),r(b,{type:`markdown`,title:`Start & End`},{code:e(()=>[...l[11]||=[s(`div`,{class:`language-md`,"data-highlighter":`shiki`,"data-ext":`md`,style:{"--shiki-light":`#393a34`,"--shiki-dark":`#dbd7caee`,"--shiki-light-bg":`#ffffff`,"--shiki-dark-bg":`#121212`}},[s(`pre`,{class:`shiki shiki-themes vitesse-light vitesse-dark vp-code`},[s(`code`,{class:`language-md`},[s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},"```"),s(`span`,{style:{"--shiki-light":`#393A34`,"--shiki-dark":`#DBD7CAEE`}},`flow`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#393A34`,"--shiki-dark":`#DBD7CAEE`}},`st=>start: Start`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#393A34`,"--shiki-dark":`#DBD7CAEE`}},`e=>end: End`)]),a(`
`),s(`span`,{class:`line`}),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#393A34`,"--shiki-dark":`#DBD7CAEE`}},`st->e`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},"```")])])])],-1)]]),default:e(()=>[r(y,{code:`eJwrLrG1Ky5JLCqxUggGUVyptnapeSlWCq55KVxcxSW6dqlcAOP4C2A=`,preset:`vue`})]),_:1}),l[21]||=s(`h4`,{id:`operation`,tabindex:`-1`},[s(`a`,{class:`header-anchor`,href:`#operation`},[s(`span`,null,`Operation`)])],-1),l[22]||=s(`p`,null,[s(`code`,null,`[Variable]->operation: [Text]`)],-1),r(b,{type:`markdown`,title:`Operation`},{code:e(()=>[...l[12]||=[s(`div`,{class:`language-md`,"data-highlighter":`shiki`,"data-ext":`md`,style:{"--shiki-light":`#393a34`,"--shiki-dark":`#dbd7caee`,"--shiki-light-bg":`#ffffff`,"--shiki-dark-bg":`#121212`}},[s(`pre`,{class:`shiki shiki-themes vitesse-light vitesse-dark vp-code`},[s(`code`,{class:`language-md`},[s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},"```"),s(`span`,{style:{"--shiki-light":`#393A34`,"--shiki-dark":`#DBD7CAEE`}},`flow`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#393A34`,"--shiki-dark":`#DBD7CAEE`}},`process=>operation: Operation`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#393A34`,"--shiki-dark":`#DBD7CAEE`}},`e=>end: End`)]),a(`
`),s(`span`,{class:`line`}),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#393A34`,"--shiki-dark":`#DBD7CAEE`}},`process->e`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},"```")])])])],-1)]]),default:e(()=>[r(y,{code:`eJwrKMpPTi0utrXLL0gtSizJzM+zUvCHMblSbe1S81KsFFzzUri4oEp17VK5ACXfEtY=`,preset:`vue`})]),_:1}),l[23]||=s(`h4`,{id:`input-output`,tabindex:`-1`},[s(`a`,{class:`header-anchor`,href:`#input-output`},[s(`span`,null,`Input/Output`)])],-1),l[24]||=s(`p`,null,[s(`code`,null,`[Variable]->inputoutput: [Text]`)],-1),r(b,{type:`markdown`,title:`Input/Output`},{code:e(()=>[...l[13]||=[s(`div`,{class:`language-md`,"data-highlighter":`shiki`,"data-ext":`md`,style:{"--shiki-light":`#393a34`,"--shiki-dark":`#dbd7caee`,"--shiki-light-bg":`#ffffff`,"--shiki-dark-bg":`#121212`}},[s(`pre`,{class:`shiki shiki-themes vitesse-light vitesse-dark vp-code`},[s(`code`,{class:`language-md`},[s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},"```"),s(`span`,{style:{"--shiki-light":`#393A34`,"--shiki-dark":`#DBD7CAEE`}},`flow`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#393A34`,"--shiki-dark":`#DBD7CAEE`}},`process=>inputoutput: Input/Output`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#393A34`,"--shiki-dark":`#DBD7CAEE`}},`e=>end: End`)]),a(`
`),s(`span`,{class:`line`}),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#393A34`,"--shiki-dark":`#DBD7CAEE`}},`process->e`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},"```")])])])],-1)]]),default:e(()=>[r(y,{code:`eJwrKMpPTi0utrXLzCsoLckvLQGSVgqeII6+P5jHlWprl5qXYqXgmpfCxQVVr2uXygUAn1sVBQ==`,preset:`vue`})]),_:1}),l[25]||=s(`h4`,{id:`subroutine`,tabindex:`-1`},[s(`a`,{class:`header-anchor`,href:`#subroutine`},[s(`span`,null,`Subroutine`)])],-1),l[26]||=s(`p`,null,[s(`code`,null,`[Variable]->subroutine: [Text]`)],-1),r(b,{type:`markdown`,title:`Subroutine`},{code:e(()=>[...l[14]||=[s(`div`,{class:`language-md`,"data-highlighter":`shiki`,"data-ext":`md`,style:{"--shiki-light":`#393a34`,"--shiki-dark":`#dbd7caee`,"--shiki-light-bg":`#ffffff`,"--shiki-dark-bg":`#121212`}},[s(`pre`,{class:`shiki shiki-themes vitesse-light vitesse-dark vp-code`},[s(`code`,{class:`language-md`},[s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},"```"),s(`span`,{style:{"--shiki-light":`#393A34`,"--shiki-dark":`#DBD7CAEE`}},`flow`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#393A34`,"--shiki-dark":`#DBD7CAEE`}},`process=>subroutine: Subroutine`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#393A34`,"--shiki-dark":`#DBD7CAEE`}},`e=>end: End`)]),a(`
`),s(`span`,{class:`line`}),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#393A34`,"--shiki-dark":`#DBD7CAEE`}},`process->e`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},"```")])])])],-1)]]),default:e(()=>[r(y,{code:`eJwrKMpPTi0utrUrLk0qyi8tycxLtVIIhrO5Um3tUvNSrBRc81K4uKCKde1SuQBZbhPU`,preset:`vue`})]),_:1}),l[27]||=s(`h4`,{id:`condition`,tabindex:`-1`},[s(`a`,{class:`header-anchor`,href:`#condition`},[s(`span`,null,`Condition`)])],-1),l[28]||=s(`ul`,null,[s(`li`,null,[s(`p`,null,[s(`code`,null,`[Variable]->condition: [Text]`)])]),s(`li`,null,[s(`p`,null,[s(`code`,null,`[Variable]([yesText])->[Position]`)])]),s(`li`,null,[s(`p`,null,[s(`code`,null,`[Variable]([noText])->[Position]`)])])],-1),r(b,{type:`markdown`,title:`Condition`},{code:e(()=>[...l[15]||=[s(`div`,{class:`language-md`,"data-highlighter":`shiki`,"data-ext":`md`,style:{"--shiki-light":`#393a34`,"--shiki-dark":`#dbd7caee`,"--shiki-light-bg":`#ffffff`,"--shiki-dark-bg":`#121212`}},[s(`pre`,{class:`shiki shiki-themes vitesse-light vitesse-dark vp-code`},[s(`code`,{class:`language-md`},[s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},"```"),s(`span`,{style:{"--shiki-light":`#393A34`,"--shiki-dark":`#DBD7CAEE`}},`flow`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#393A34`,"--shiki-dark":`#DBD7CAEE`}},`cond=>condition: Execute operation?`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#393A34`,"--shiki-dark":`#DBD7CAEE`}},`process=>operation: Operation`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#393A34`,"--shiki-dark":`#DBD7CAEE`}},`e=>end: End`)]),a(`
`),s(`span`,{class:`line`}),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#393A34`,"--shiki-dark":`#DBD7CAEE`}},`cond(yes)->process->e`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#393A34`,"--shiki-dark":`#DBD7CAEE`}},`cond(no)->e`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},"```")])])])],-1)]]),default:e(()=>[r(y,{code:`eJxLzs9LsbUDkZklmfl5VgquFanJpSWpCvkFqUWJICF7roKi/OTU4mJbO7iYlYI/jMmVamuXmpcC1JiXwsUFMkijMrVYU9cOqkvXLhUimpcPFEzlAgAwZyeA`,preset:`vue`})]),_:1}),l[29]||=s(`h4`,{id:`parallel`,tabindex:`-1`},[s(`a`,{class:`header-anchor`,href:`#parallel`},[s(`span`,null,`Parallel`)])],-1),l[30]||=s(`p`,null,`Define multiple processes that start simultaneously.`,-1),l[31]||=s(`ul`,null,[s(`li`,null,[s(`code`,null,`[Variable]->parallel: [Text]`)]),s(`li`,null,[s(`code`,null,`[Variable](path1, direction)->[Position]`)]),s(`li`,null,[s(`code`,null,`[Variable](path1, direction)->[Position]`)])],-1),r(b,{type:`markdown`,title:`Parallel`},{code:e(()=>[...l[16]||=[s(`div`,{class:`language-md`,"data-highlighter":`shiki`,"data-ext":`md`,style:{"--shiki-light":`#393a34`,"--shiki-dark":`#dbd7caee`,"--shiki-light-bg":`#ffffff`,"--shiki-dark-bg":`#121212`}},[s(`pre`,{class:`shiki shiki-themes vitesse-light vitesse-dark vp-code`},[s(`code`,{class:`language-md`},[s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},"```"),s(`span`,{style:{"--shiki-light":`#393A34`,"--shiki-dark":`#DBD7CAEE`}},`flow`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#393A34`,"--shiki-dark":`#DBD7CAEE`}},`para=>parallel: Parallel tasks`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#393A34`,"--shiki-dark":`#DBD7CAEE`}},`process=>operation: Operation`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#393A34`,"--shiki-dark":`#DBD7CAEE`}},`e=>end: End`)]),a(`
`),s(`span`,{class:`line`}),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#393A34`,"--shiki-dark":`#DBD7CAEE`}},`para(path1, bottom)->process->e`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#393A34`,"--shiki-dark":`#DBD7CAEE`}},`para(path2)->e`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},"```")])])])],-1)]]),default:e(()=>[r(y,{code:`eJwrSCxKtLUDkTk5qTlWCgFQlkJJYnF2MVdBUX5yanGxrV1+QWpRYklmfp6Vgj+MyZVqa5eal2Kl4JqXwsUFMkOjILEkw1BHISm/pCQ/V1PXDqpf1y4VIW8EFE/lAgBerynm`,preset:`vue`})]),_:1}),l[32]||=o(`<h3 id="connections" tabindex="-1"><a class="header-anchor" href="#connections"><span>Connections</span></a></h3><p>Connections are described after node definitions in the flowchart, using <code>-&gt;</code> to specify links between nodes, e.g., <code>nodeVar1-&gt;nodeVar2-&gt;nodeVar3</code></p><p>Flows can be split:</p><div class="language-md" data-highlighter="shiki" data-ext="md" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212;"><pre class="shiki shiki-themes vitesse-light vitesse-dark vp-code"><code class="language-md"><span class="line"><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">nodeVar1-&gt;nodeVar2</span></span>
<span class="line"><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">nodeVar2-&gt;nodeVar3</span></span></code></pre></div><p>Connection format is defined as:</p><p><code>&lt;node variable name&gt;[(&lt;specification1&gt;[, &lt;specification2])]-&gt;&lt;node variable name&gt;[[(&lt;specification1&gt;[, &lt;specification2])]-&gt;&lt;node variable name&gt;]</code></p><p>Items in <code>[]</code> are optional.</p><h3 id="directions" tabindex="-1"><a class="header-anchor" href="#directions"><span>Directions</span></a></h3><p>The following directions are available and define which direction the connection will leave the node. If more than one specifier is present, the last one takes precedence. All nodes have default directions, making this an optional specification. Available values for <code>&lt;direction&gt;</code> are:</p><ul><li><code>left</code></li><li><code>right</code></li><li><code>top</code></li><li><code>bottom</code></li></ul><h3 id="node-specific-specifiers" tabindex="-1"><a class="header-anchor" href="#node-specific-specifiers"><span>Node-specific Specifiers</span></a></h3><p>Each node variable has optional specifiers, such as direction, and some variables have special specifiers depending on the node type defined below. Add specifiers after the variable name in <code>()</code> separated by <code>,</code>, e.g., <code>nodeVar (spec1, spec2)</code>.</p><ul><li><p><strong>start</strong><strong>operation</strong><strong>inputoutput</strong><strong>subroutine</strong></p><p>Optional direction</p><p><code>startVar(&lt;direction&gt;)-&gt;nextNode</code></p><p><code>operationVar(&lt;direction&gt;)-&gt;nextNode</code></p><p><code>inputoutputVar(&lt;direction&gt;)-&gt;nextNode</code></p><p><code>subroutineVar(&lt;direction&gt;)-&gt;nextNode</code></p></li><li><p><strong>condition</strong></p><p>Must specify <code>yes</code> or <code>no</code></p><p>Optional direction</p><div class="language-md" data-highlighter="shiki" data-ext="md" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212;"><pre class="shiki shiki-themes vitesse-light vitesse-dark vp-code"><code class="language-md"><span class="line"><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">conditionalVar(yes, </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">&lt;</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;">direction</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">&gt;</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">)-&gt;nextNode1</span></span>
<span class="line"><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">conditionalVar(no, </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">&lt;</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;">direction</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">&gt;</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">)-&gt;nextNode2</span></span></code></pre></div></li><li><p><strong>parallel</strong></p><p>Must specify path direction <code>path1</code>, <code>path2</code>, or <code>path3</code></p><p>Optional direction</p><div class="language-md" data-highlighter="shiki" data-ext="md" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212;"><pre class="shiki shiki-themes vitesse-light vitesse-dark vp-code"><code class="language-md"><span class="line"><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">parallelVar(path1, </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">&lt;</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;">direction</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">&gt;</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">)-&gt;nextNode1</span></span>
<span class="line"><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">parallelVar(path2, </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">&lt;</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;">direction</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">&gt;</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">)-&gt;nextNode2</span></span>
<span class="line"><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">parallelVar(path3, </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">&lt;</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;">direction</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">&gt;</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">)-&gt;nextNode3</span></span></code></pre></div></li></ul><h3 id="urls" tabindex="-1"><a class="header-anchor" href="#urls"><span>URLs</span></a></h3><p>External links can be added to nodes using the <code>:&gt;</code> operator.</p><p><code>[blank]</code> specifies opening in a new page</p><div class="language-md" data-highlighter="shiki" data-ext="md" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212;"><pre class="shiki shiki-themes vitesse-light vitesse-dark vp-code"><code class="language-md"><span class="line"><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">st=&gt;start: Start:&gt;http://www.google.com</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">[</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;">blank</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">]</span></span>
<span class="line"><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">e=&gt;end: End:&gt;http://www.yahoo.com</span></span></code></pre></div><h3 id="recommendations" tabindex="-1"><a class="header-anchor" href="#recommendations"><span>Recommendations</span></a></h3><p>Symbols that should probably not be used in text: <code>=&gt;</code>, <code>-&gt;</code>, <code>:&gt;</code>, <code>|</code>, <code>@&gt;</code>, and <code>:$</code></p><p>To emphasize a specific path in the flowchart, you can additionally define it as follows:</p><div class="language-md" data-highlighter="shiki" data-ext="md" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212;"><pre class="shiki shiki-themes vitesse-light vitesse-dark vp-code"><code class="language-md"><span class="line"><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">st@&gt;op1({&quot;stroke&quot;:&quot;Red&quot;})@&gt;cond({&quot;stroke&quot;:&quot;Red&quot;,&quot;stroke-width&quot;:6,&quot;arrow-end&quot;:&quot;classic-wide-long&quot;})@&gt;c2({&quot;stroke&quot;:&quot;Red&quot;})@&gt;op2({&quot;stroke&quot;:&quot;Red&quot;})@&gt;e({&quot;stroke&quot;:&quot;Red&quot;})</span></span></code></pre></div>`,21)])}var h=c(u,[[`render`,m]]);export{l as _pageData,h as default};