{
  "file": "addon/components/fountainhead-pages/guide.js",
  "content": "<pre class=\"language-javascript line-numbers\"><code class=\"language-javascript}\"><span aria-hidden=\"true\" role=\"presentation\" class=\"line-numbers-rows\"><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></span><span class=\"token keyword\">import</span> hbs <span class=\"token keyword\">from</span> <span class=\"token string\">'htmlbars-inline-precompile'</span><span class=\"token punctuation\">;</span>\n<span class=\"token keyword\">import</span> BasePage <span class=\"token keyword\">from</span> <span class=\"token string\">'./base-page'</span><span class=\"token punctuation\">;</span>\n\n<span class=\"token comment\" spellcheck=\"true\">/**\n * Fountainhead `/guide` page component\n * @class FountainheadPages.Guide\n * @constructor\n * @extends FountainheadPages.BasePage\n * @experimental\n */</span>\n<span class=\"token keyword\">export</span> <span class=\"token keyword\">default</span> BasePage<span class=\"token punctuation\">.</span><span class=\"token function\">extend</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">{</span>\n\n  <span class=\"token comment\" spellcheck=\"true\">// Passed Properties</span>\n  <span class=\"token comment\" spellcheck=\"true\">// ---------------------------------------------------------------------------</span>\n  <span class=\"token comment\" spellcheck=\"true\">/**\n   * Guide backing model matching structure:\n   * ```javascript\n   * {\n   *   id\n   *   attributes\n   *   body,\n   * }\n   * ```\n   * @property file\n   * @type {string}\n   * @default ''\n   */</span>\n  guide<span class=\"token punctuation\">:</span> <span class=\"token keyword\">null</span><span class=\"token punctuation\">,</span>\n\n  <span class=\"token comment\" spellcheck=\"true\">// Layout</span>\n  <span class=\"token comment\" spellcheck=\"true\">// ---------------------------------------------------------------------------</span>\n  layout<span class=\"token punctuation\">:</span> hbs<span class=\"token template-string\"><span class=\"token string\">`\n    &lt;div class='fh-page-in-page-wrapper'>\n      &lt;div class='page-title'>\n        {{#if guide.attributes.title}}\n          &lt;h1>{{guide.attributes.title}}&lt;/h1>\n        {{/if}}\n      &lt;/div>\n      &lt;main class='guide-page fh-wrapper'>\n        &lt;div class='guide-content'>\n          {{fountainhead-runtime-description\n            description=guide.body}}\n        &lt;/div>\n        {{navigation-guides meta=fountainhead.meta}}\n      &lt;/main>\n    &lt;/div>\n  `</span></span>\n<span class=\"token punctuation\">}</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n</code></pre>"
}