{
  "id": "test",
  "title": "Test Code Page",
  "contents": "\n\n\n\n<div class=\"content\">\n  <h1 id=\"test-code-page\">Test Code Page<a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"test#test-code-page\"><i class=\"material-icons\">link</i></a></h1>\n<h2 id=\"code-tabs\">&#x3C;code-tabs><a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"test#code-tabs\"><i class=\"material-icons\">link</i></a></h2>\n<p>No linenums at code-tabs level</p>\n<code-tabs>\n  <code-pane header=\"TS code file\" language=\"ts\">\n  class {\n    foo(param: string) {}\n  }\n  </code-pane>\n  <code-pane header=\"HTML content file\" language=\"html\">&#x3C;h1>Heading&#x3C;/h1></code-pane>\n  <code-pane header=\"JSON data file\" language=\"json\" class=\"avoid\">{ \"key\": \"value\" }</code-pane>\n</code-tabs>\n<p></p>\n<p>linenums=true at code-tabs level</p>\n<code-tabs linenums=\"true\">\n  <code-pane header=\"TS code file\" language=\"ts\">\n  class {\n    foo(param: string) {}\n  }\n  </code-pane>\n  <code-pane header=\"HTML content file\" language=\"html\">&#x3C;h1>Heading&#x3C;/h1></code-pane>\n  <code-pane header=\"JSON data file\" language=\"json\" class=\"avoid\">{ \"key\": \"value\" }</code-pane>\n</code-tabs>\n<p></p>\n<p>No linenums at code-tabs level; linenums=true for second HTML pane</p>\n<code-tabs>\n  <code-pane header=\"TS code file\" language=\"ts\">\n  class {\n    foo(param: string) {}\n  }\n  </code-pane>\n  <code-pane header=\"HTML content file\" language=\"html\" linenums=\"true\">&#x3C;h1>Heading&#x3C;/h1></code-pane>\n  <code-pane header=\"JSON data file\" language=\"json\" class=\"avoid\">{ \"key\": \"value\" }</code-pane>\n</code-tabs>\n<p></p>\n<h2 id=\"code-example\">&#x3C;code-example><a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"test#code-example\"><i class=\"material-icons\">link</i></a></h2>\n<p>One line.</p>\n<code-example>const foo = 'bar'</code-example>\n<p>Multi-line, linenums=true.</p>\n<code-example linenums=\"true\">\n&#x3C;hero-details <em>nghost-pmm-5>\n  &#x3C;h2 </em>ngcontent-pmm-5>Bah Dah Bing&#x3C;/h2>\n  &#x3C;hero-team <em>ngcontent-pmm-5 </em>nghost-pmm-6>\n    &#x3C;h3 _ngcontent-pmm-6>Headless Team&#x3C;/h3>\n  &#x3C;/hero-team>\n&#x3C;/hero-details>\n</code-example>\n<p>Default linenums (false).</p>\n<code-example>\n&#x3C;hero-details <em>nghost-pmm-5>\n  &#x3C;h2 </em>ngcontent-pmm-5>Mister Fantastic&#x3C;/h2>\n  &#x3C;hero-team <em>ngcontent-pmm-5 </em>nghost-pmm-6>\n    &#x3C;h3 _ngcontent-pmm-6>Headless Team&#x3C;/h3>\n  &#x3C;/hero-team>\n&#x3C;/hero-details>\n</code-example>\n<p>Header on this one.</p>\n<code-example header=\"hero-details.component.ts (excerpt)\">\n  &#x3C;hero-details <em>nghost-pmm-5>\n    &#x3C;h2 </em>ngcontent-pmm-5>Mister Fantastic&#x3C;/h2>\n    &#x3C;hero-team <em>ngcontent-pmm-5 </em>nghost-pmm-6>\n      &#x3C;h3 _ngcontent-pmm-6>Winning Team&#x3C;/h3>\n    &#x3C;/hero-team>\n  &#x3C;/hero-details>\n</code-example>\n<p>An \"avoid\" header on this one.</p>\n<code-example class=\"avoid\" header=\"hero-details.component.ts (Avoid)\">\n  &#x3C;hero-details <em>nghost-pmm-5>\n    &#x3C;h2 </em>ngcontent-pmm-5>Mister Fantastic&#x3C;/h2>\n    &#x3C;hero-team <em>ngcontent-pmm-5 </em>nghost-pmm-6>\n      &#x3C;h3 _ngcontent-pmm-6>Losing Team&#x3C;/h3>\n    &#x3C;/hero-team>\n  &#x3C;/hero-details>\n</code-example>\n<h2 id=\"backticked-code-blocks\">Backticked code blocks<a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"test#backticked-code-blocks\"><i class=\"material-icons\">link</i></a></h2>\n<code-example language=\"html\">\n  &#x3C;hero-details>\n    &#x3C;h2>Mister Fantastic&#x3C;/h2>\n    &#x3C;hero-team>\n      &#x3C;h3>Losing Team&#x3C;/h3>\n    &#x3C;/hero-team>\n  &#x3C;/hero-details>\n</code-example>\n<h2 id=\"live-example\">&#x3C;live-example><a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"test#live-example\"><i class=\"material-icons\">link</i></a></h2>\n<p>Plain live-example</p>\nTry this <live-example></live-example>.\n<p>live-example with title atty</p>\n<live-example title=\"Good Example\"></live-example>\n<p>live-example with title body</p>\n<live-example title=\"Good Example\">Try this great example</live-example>\n<p>live-example with name</p>\n<live-example name=\"testy\" title=\"Better Example\"></live-example>\n<p>live-example with spacey name and stackblitz</p>\n<live-example name=\" testy \" stackblitz=\"super-stackblitz\"></live-example>\n<p>live-example with name and stackblitz but no download</p>\n<live-example name=\"testy\" stackblitz=\"super-stackblitz\" nodownload=\"\"></live-example>\n<p>live-example embedded with name and stackblitz</p>\n<live-example embedded=\"\" name=\"testy\" stackblitz=\"super-stackblitz\"></live-example>\n<p>More text follows ...</p>\n<p>Getting Started Widgets</p>\n<p>Interpolation</p>\n<aio-gs-interpolation></aio-gs-interpolation>\n<p>Property Binding</p>\n<aio-gs-property-binding></aio-gs-property-binding>\n<p>Event Binding</p>\n<aio-gs-event-binding></aio-gs-event-binding>\n<p>NgIf</p>\n<aio-gs-ng-if></aio-gs-ng-if>\n<p>NgFor</p>\n<aio-gs-ng-for></aio-gs-ng-for>\n\n  \n</div>\n\n<!-- links to this doc:\n-->\n<!-- links from this doc:\n - test#backticked-code-blocks\n - test#code-example\n - test#code-tabs\n - test#live-example\n - test#test-code-page\n-->"
}