@forsakringskassan/docs-generator 2.7.0 → 2.8.0

package/dist/{create-markdown-renderer-MuI6-bYd.js → create-markdown-renderer-CYZ6mGXC.js}

@@ -525,6 +525,34 @@ function apiContainer(context) {
   };
 }
 
+function detailsContainer(context, options) {
+  const { md, env } = context;
+  function parseInfo(info) {
+    const customTitle = info ? info.split(" ") : [];
+    if (customTitle.length > 0) {
+      return customTitle.join(" ");
+    } else {
+      return options.title["details"] || "Details";
+    }
+  }
+  return (tokens, index) => {
+    const token = tokens[index];
+    const title = parseInfo(token.info);
+    const text = token.content.trim();
+    return (
+      /* HTML */
+      `
+            <details class="docs-messagebox docs-messagebox--details">
+                <summary class="docs-messagebox__title">
+                    ${md.renderInline(title, env)}
+                </summary>
+                ${md.render(text, env)}
+            </details>
+        `
+    );
+  };
+}
+
 const defaultTitle = {
   info: "INFO",
   warning: "WARNING",
@@ -555,13 +583,15 @@ function messageboxContainer(context, options, alias) {
     const token = tokens[index];
     const { variant, title } = parseInfo(token.info);
     const text = token.content.trim();
-    const content = md.render(text, env);
     return (
       /* HTML */
       `
             <div class="docs-messagebox docs-messagebox--${variant}">
-                ${title ? `<p class="docs-messagebox__title">${title}</p>` : ""}
-                ${content}
+                ${title ? `<p class="docs-messagebox__title">${md.renderInline(
+        title,
+        env
+      )}</p>` : ""}
+                ${md.render(text, env)}
             </div>
         `
     );
@@ -654,6 +684,7 @@ function containerRenderer(docs, env, included, handleSoftError, options) {
     md.use(containerParser, {
       alt: altContainer(context),
       api: apiContainer(context),
+      details: detailsContainer(context, options.messagebox),
       messagebox: messageboxContainer(context, options.messagebox),
       /* aliases for messagebox containers */
       info: messageboxContainer(context, options.messagebox, "info"),

package/dist/index.js

@@ -4,7 +4,7 @@ var fs = require('node:fs/promises');
 var vendor = require('./vendor-B3CU63aM.js');
 var path = require('node:path');
 var require$$1 = require('crypto');
-var createMarkdownRenderer = require('./create-markdown-renderer-MuI6-bYd.js');
+var createMarkdownRenderer = require('./create-markdown-renderer-CYZ6mGXC.js');
 var node_child_process = require('node:child_process');
 var path$1 = require('node:path/posix');
 require('node:crypto');

package/dist/markdown.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var createMarkdownRenderer = require('./create-markdown-renderer-MuI6-bYd.js');
+var createMarkdownRenderer = require('./create-markdown-renderer-CYZ6mGXC.js');
 require('./vendor-B3CU63aM.js');
 require('@vue/compiler-sfc');
 require('typescript');

package/dist/runtime.js

@@ -141839,12 +141839,6 @@ function closePopoverOnEsc(event3, refs) {
     refs.moreButton.focus();
   }
 }
-function onClickItem(event3) {
-  const clickable = event3.target.querySelector(
-    "a, button"
-  );
-  clickable.click();
-}
 function onClickPopover(event3) {
   event3.stopPropagation();
 }
@@ -141888,10 +141882,6 @@ function setup() {
   if (!refs) {
     return;
   }
-  for (const pair of refs.itemPairs) {
-    pair.menu.addEventListener("click", onClickItem);
-    pair.popover.addEventListener("click", onClickItem);
-  }
   refs.moreItem.addEventListener("click", (e6) => togglePopover(e6, refs));
   refs.moreItem.addEventListener("keyup", (e6) => closePopoverOnEsc(e6, refs));
   refs.popoverContainer.addEventListener("click", onClickPopover);

package/dist/style/core.css

@@ -321,6 +321,19 @@ main {
 .docs-messagebox__title {
   font-weight: bold;
 }
+.docs-messagebox--details {
+  border-color: var(--docs-messagebox-details-border);
+  background: var(--docs-messagebox-details-background);
+}
+.docs-messagebox--details summary {
+  cursor: pointer;
+  margin: -1.5rem;
+  padding: 1.5rem;
+}
+.docs-messagebox--details[open] summary {
+  margin-bottom: 0;
+  padding-bottom: 0.75rem;
+}
 .docs-messagebox--info {
   border-color: var(--docs-messagebox-info-border);
   background: var(--docs-messagebox-info-background);

package/dist/style/index.css

@@ -321,6 +321,19 @@ main {
 .docs-messagebox__title {
   font-weight: bold;
 }
+.docs-messagebox--details {
+  border-color: var(--docs-messagebox-details-border);
+  background: var(--docs-messagebox-details-background);
+}
+.docs-messagebox--details summary {
+  cursor: pointer;
+  margin: -1.5rem;
+  padding: 1.5rem;
+}
+.docs-messagebox--details[open] summary {
+  margin-bottom: 0;
+  padding-bottom: 0.75rem;
+}
 .docs-messagebox--info {
   border-color: var(--docs-messagebox-info-border);
   background: var(--docs-messagebox-info-background);
@@ -1215,6 +1228,8 @@ kbd {
   --docs-header-text-color-default: #1b1e23;
   --docs-header-text-color-discrete: #5f6165;
   --docs-menu-width-expanded: 230px;
+  --docs-messagebox-details-border: #bbbbbd;
+  --docs-messagebox-details-background: #f4f4f4;
   --docs-messagebox-info-border: var(--docs-info-color);
   --docs-messagebox-info-background: var(--docs-info-background);
   --docs-messagebox-warning-border: var(--docs-warning-color);

package/dist/style/site.css

@@ -30,6 +30,8 @@
   --docs-header-text-color-default: #1b1e23;
   --docs-header-text-color-discrete: #5f6165;
   --docs-menu-width-expanded: 230px;
+  --docs-messagebox-details-border: #bbbbbd;
+  --docs-messagebox-details-background: #f4f4f4;
   --docs-messagebox-info-border: var(--docs-info-color);
   --docs-messagebox-info-background: var(--docs-info-background);
   --docs-messagebox-warning-border: var(--docs-warning-color);

package/package.json

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