{
    "componentChunkName": "component---packages-gatsby-theme-docs-src-templates-page-content-js",
    "path": "/components/mermaid-diagram",
    "result": {"data":{"contentPage":{"title":"Mermaid Diagrams","websitePrimaryColor":"#003037","beta":false,"excludeFromSearchIndex":false,"allowWideContentLayout":false,"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n  \"title\": \"Mermaid Diagrams\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n  return function MDXDefaultShortcode(props) {\n    console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n    return mdx(\"div\", props);\n  };\n};\n\nvar Mermaid = makeShortcode(\"Mermaid\");\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n      props = _objectWithoutProperties(_ref, _excluded);\n\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"section\", {\n    \"id\": \"section-a-sequence-diagram\",\n    \"className\": \"section-h2\"\n  }, mdx(\"h1\", {\n    parentName: \"section\",\n    \"id\": \"a-sequence-diagram\"\n  }, \"A Sequence Diagram\"), mdx(Mermaid, {\n    graph: \"sequenceDiagram\\n  participant CFP\\n  participant HCP API\\n  participant Extension Server\\n  Note over HCP API: Formerly known as CTP\\n  CFP->>+HCP API: Add this to the Cart\\n  HCP API->>+HCP API: Do but don't persist yet\\n  HCP API->>+Extension Server: New cart would be this. Okay?\\n  Extension Server-->>-HCP API: OK, but change this before returning!\\n  HCP API-->>-CFP: Cool, here's your new Cart\\n  alt For comparison without extension\\n  CFP->>+HCP API: A change that has not extension configured\\n  HCP API-->>-CFP: I #9829; you, here's your new resource\\n  end\",\n    mdxType: \"Mermaid\"\n  })), mdx(\"section\", {\n    \"id\": \"section-a-flow-chart\",\n    \"className\": \"section-h2\"\n  }, mdx(\"h1\", {\n    parentName: \"section\",\n    \"id\": \"a-flow-chart\"\n  }, \"A Flow Chart\"), mdx(Mermaid, {\n    graph: \"flowchart LR\\n    subgraph a subgraph\\n    b2-->A\\n    end\\n    A[Start] --> GitHub{GitHub}\\n    GitHub -->|Yes| C[OK]\\n    C --> D[Rethink]\\n    D --> GitHub\\n    GitHub ---->|No| E[End]\\n    click GitHub \\\"http://www.github.com\\\" \\\"B is a link to Github\\\"\",\n    mdxType: \"Mermaid\"\n  })), mdx(\"section\", {\n    \"id\": \"section-a-class-diagram\",\n    \"className\": \"section-h2\"\n  }, mdx(\"h1\", {\n    parentName: \"section\",\n    \"id\": \"a-class-diagram\"\n  }, \"A Class Diagram\"), mdx(Mermaid, {\n    graph: \" classDiagram\\n  Animal <|-- Duck\\n  Animal \\\"1\\\" <|-- \\\"*\\\" Fish\\n  Animal <|-- Zebra\\n  Animal : +int age\\n  Animal : +String gender\\n  Animal: +isMammal()\\n  Animal: +mate()\\n  class Duck{\\n      +String beakColor\\n      +swim()\\n      +quack()\\n  }\\n  class Fish{\\n      -int sizeInFeet\\n      -canEat()\\n  }\\n  class Zebra{\\n      +bool is_wild\\n      +run()\\n  }\\n  classA <|-- classB : implements\\n  classC *-- classD : composition\\n  classE o-- classF : association\",\n    mdxType: \"Mermaid\"\n  })), mdx(\"section\", {\n    \"id\": \"section-state-diagram\",\n    \"className\": \"section-h2\"\n  }, mdx(\"h1\", {\n    parentName: \"section\",\n    \"id\": \"state-diagram\"\n  }, \"State Diagram\"), mdx(Mermaid, {\n    graph: \"stateDiagram-v2\\n    [*] --> Still\\n    Still --> [*]\\n    note right of Still\\n      Important information! You can write\\n      notes.\\n    end note\\n    Still --> Moving\\n    Moving --> Still\\n    Moving --> Crash\\n    Crash --> [*]\",\n    mdxType: \"Mermaid\"\n  })));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"title":"A Sequence Diagram","url":"#a-sequence-diagram"},{"title":"A Flow Chart","url":"#a-flow-chart"},{"title":"A Class Diagram","url":"#a-class-diagram"},{"title":"State Diagram","url":"#state-diagram"}]},"navLevels":3,"showTimeToRead":false,"timeToRead":0,"estimatedTimeToRead":1}},"pageContext":{"slug":"/components/mermaid-diagram","shortTitle":"Mermaid Diagrams","hasReleaseNotes":true}},
    "staticQueryHashes": ["1145184116","2494036674","3295477089","3359654165","3845541775","636942989","801034918"]}