@forsakringskassan/docs-generator 2.5.0 → 2.7.0

package/dist/{vue3-Cv0MDe04.js → vue3-D4vqQB-D.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var require$$0 = require('@vue/compiler-sfc');
-require('./vendor-BFdBzDIw.js');
+require('./vendor-B3CU63aM.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.7.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,22 +1,34 @@
-<nav class="imenu imenu--horizontal" aria-label="Primär">
-    <ul class="imenu__list">
+<nav id="topnav" class="docs-topnav" aria-label="Primär">
+    <ul class="docs-topnav__list">
         <!-- 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="imenu__list__item {% if activePage %}imenu__list__item--highlight{% endif %}">
-            <div
-                class="imenu__list__anchor-container {% if activePage %}imenu__list__anchor-container--highlight{% endif %}"
-            >
-                <a
-                    class="imenu__list__anchor {% if activePage %}imenu__list__anchor--highlight{% endif %}"
-                    href="{{ nav.path | relative(doc) }}"
-                >
-                    {{ nav.title }}
-                </a>
-            </div>
+        <li class="docs-topnav__item {% if activePage %}highlight{% endif %}">
+            <a class="docs-topnav__anchor" href="{{ nav.path | relative(doc) }}"> {{ nav.title }} </a>
         </li>
         {%- endfor -%}
+        <li class="docs-topnav__item docs-topnav__item--more" style="visibility: hidden">
+            <button type="button" class="docs-topnav__anchor" aria-expanded="false">
+                <span>Mer</span>
+                <svg class="icon" focusable="false" aria-hidden="true">
+                    <use xlink:href="#docs-icon-arrow-down"></use>
+                </svg>
+            </button>
+            <div class="docs-contextmenu">
+                <ul class="docs-contextmenu__list">
+                    <!-- 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="docs-contextmenu__item {% if activePage %}highlight{% endif %}" style="display: none">
+                        <a class="docs-contextmenu__anchor" 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>