@forsakringskassan/docs-generator 2.5.0 → 2.6.0

package/dist/{vue3-Cv0MDe04.js → vue3-CNEpTgeX.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var require$$0 = require('@vue/compiler-sfc');
-require('./vendor-BFdBzDIw.js');
+require('./vendor-CYT__b1C.js');
 
 var __create = Object.create;
 var __defProp = Object.defineProperty;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@forsakringskassan/docs-generator",
-  "version": "2.5.0",
+  "version": "2.6.0",
   "description": "Documentation generator",
   "keywords": [
     "documentation"

package/templates/article.template.html

@@ -0,0 +1,11 @@
+{% set showAside = true %} {% extends "content-with-menu.template.html" %}
+
+<!-- prettier-ignore -->
+{% block aside %}
+<dl></dl>
+{% endblock %}
+
+<!-- prettier-ignore -->
+{% block content %}
+{{ doc.body | marked }}
+{% endblock %}

package/templates/base.template.html

@@ -83,13 +83,13 @@
                 <main>
                     <!-- [html-validate-disable-next heading-level, no-unused-disable -- allowed sectioning root] -->
                     <h1 id="title">{{ doc.attributes.title }}</h1>
-                    {% set arr = ['component', 'pattern'] %} {% if doc.attributes.layout in arr %}
+
+                    {% if showAside %}
                     <div id="aside">
                         <!-- prettier-ignore -->
                         {%- block aside %}
                         {%- endblock %}
 
-
                         {% if doc.outline | length %}
                         <details id="outline">
                             <summary class="outline__heading">Innehåll</summary>

package/templates/component.template.html

@@ -1,4 +1,4 @@
-{% extends "content-with-menu.template.html" %}
+{% set showAside = true %} {% extends "content-with-menu.template.html" %}
 
 <!-- prettier-ignore -->
 {% block aside %}

package/templates/partials/topnav.html

@@ -1,4 +1,4 @@
-<nav class="imenu imenu--horizontal" aria-label="Primär">
+<nav id="topnav" class="imenu imenu--horizontal" aria-label="Primär">
     <ul class="imenu__list">
         <!-- prettier-ignore -->
         {%- for nav in topnav.children -%}
@@ -18,5 +18,28 @@
             </div>
         </li>
         {%- endfor -%}
+        <li class="imenu__list__item imenu__list__item--more">
+            <div class="imenu__list__anchor-container">
+                <button type="button" class="imenu__list__anchor" aria-expanded="false">
+                    Mer<span class="imenu__list__anchor-span"></span>
+                    <svg class="imenu__list__anchor-icon-right icon" focusable="false" aria-hidden>
+                        <use xlink:href="#docs-icon-arrow-down"></use>
+                    </svg>
+                </button>
+            </div>
+            <div class="ipopupmenu ipopupmenu--vertical">
+                <ul class="ipopupmenu__list ipopupmenu__list--more">
+                    <!-- prettier-ignore -->
+                    {%- for nav in topnav.children -%}
+                    {% set navPath = nav.path | replace("html", "") %}
+                    {% set navPath = navPath | replace(".", "") %}
+                    {% set activePage = navPath in doc.fileInfo.fullPath %}
+                    <li class="ipopupmenu__list__item {% if activePage %}ipopupmenu__list__item--highlight{% endif %}">
+                        <a href="{{ nav.path | relative(doc) }}"> {{ nav.title }} </a>
+                    </li>
+                    {%- endfor -%}
+                </ul>
+            </div>
+        </li>
     </ul>
 </nav>

package/templates/pattern.template.html

@@ -1,4 +1,5 @@
-{% extends "content-with-menu.template.html" %}
+{% set showAside = true %} {% extends "content-with-menu.template.html" %}
+
 <!-- prettier-ignore -->
 {% block aside %}
 <dl>