@brillout/docpress 0.1.20 → 0.2.1

package/dist/renderer/_default.page.client.css

@@ -0,0 +1,264 @@
+@import "balloon-css";
+
+/* src/css/reset.css */
+* {
+  box-sizing: border-box;
+}
+body {
+  margin: 0;
+}
+iframe {
+  max-width: 100%;
+}
+
+/* src/css/colorize-on-hover.css */
+.colorize-on-hover,
+.colorize-on-hover [class^=decolorize-],
+.colorize-on-hover [class*=" decolorize-"] {
+  transition: filter 0.3s ease-in-out;
+}
+.colorize-on-hover:hover,
+.colorize-on-hover:hover [class^=decolorize-],
+.colorize-on-hover:hover [class*=" decolorize-"] {
+  filter: grayscale(0) opacity(1) !important;
+}
+.decolorize-7 {
+  filter: grayscale(1) opacity(0.7);
+}
+.decolorize-6 {
+  filter: grayscale(1) opacity(0.6);
+}
+.decolorize-5 {
+  filter: grayscale(1) opacity(0.5);
+}
+.decolorize-4 {
+  filter: grayscale(1) opacity(0.4);
+}
+
+/* src/css/heading.css */
+.doc-page h2 {
+  margin-top: 50px;
+  margin-bottom: 16px;
+}
+.doc-page h2[id] {
+  cursor: pointer;
+  position: relative;
+  padding-left: 20px;
+  margin-left: -20px;
+}
+.doc-page h2[id]:hover::before {
+  content: "#";
+  position: absolute;
+  left: calc(-1 * (0.75em - 20px));
+  color: #aaa;
+}
+.doc-page h1 + h2 {
+  margin-top: 0;
+}
+.doc-page h4 {
+  margin-top: 32px;
+  margin-bottom: 16px;
+}
+
+/* src/css/button.css */
+button,
+a.button {
+  background-color: #fafafa;
+  border: 1px solid #aaa;
+  border-radius: 5px;
+  cursor: pointer;
+}
+
+/* src/css/link.css */
+a {
+  color: #4747ff;
+  text-decoration: none;
+}
+a > button {
+  color: var(--color-text);
+}
+
+/* src/css/font.css */
+body {
+  font-family: "Inter";
+}
+button {
+  font-family: inherit;
+}
+body {
+  --color-text: #323d48;
+  color: var(--color-text);
+  line-height: 1.5;
+}
+@font-face {
+  font-family: "Inter";
+  font-weight: 100 900;
+  font-stretch: 75% 125%;
+  font-style: oblique 0deg 12deg;
+  src: url(/assets/Inter-Var-IOAEQULN.ttf) format("truetype-variations");
+}
+
+/* src/css/code/inline.css */
+code {
+  padding: 2px 5px;
+}
+code {
+  display: inline-block;
+}
+@media screen and (max-width: 500px) {
+  code {
+    word-break: break-word;
+    display: inline;
+  }
+}
+.inline-code-break code {
+  display: inline;
+  word-break: break-word;
+}
+code.long {
+  word-break: break-word;
+  display: inline;
+}
+
+/* src/css/code/block.css */
+pre > code {
+  padding: 16px !important;
+}
+@media screen and (max-width: 900px) {
+  pre > code {
+    font-size: 0.7em;
+  }
+}
+pre {
+  display: grid;
+}
+pre > code {
+  padding-right: 0px !important;
+  overflow-x: auto;
+}
+@media screen and (max-width: 1139px) {
+  pre > code {
+    font-size: 0.95em;
+  }
+}
+@media screen and (max-width: 1040px) {
+  pre > code {
+    font-size: 0.8em;
+  }
+}
+@media screen and (max-width: 940px) {
+  pre > code {
+    font-size: 0.7em;
+  }
+}
+pre > code {
+  display: reset;
+  word-break: reset;
+}
+
+/* src/css/code.css */
+code {
+  background-color: rgba(0, 0, 0, 0.043137255);
+  border-radius: 4px;
+}
+code {
+  font-size: 1.1em;
+}
+pre > code {
+  font-size: 1em;
+}
+
+/* src/css/note.css */
+blockquote {
+  --color:
+    0,
+    0,
+    0;
+  --color-strengh-bg: 0.7;
+  --color-strengh-border: 1.5;
+  border-left: 8px solid rgba(var(--color), calc(0.06 * var(--color-strengh-border)));
+  background-color: rgba(var(--color), calc(0.03 * var(--color-strengh-bg)));
+  margin-left: 0;
+  margin-right: 0;
+  padding: 4px 16px;
+}
+blockquote.error {
+  --color-strengh-bg: 1.7;
+  --color-strengh-border: 6;
+  --color:
+    190,
+    25,
+    49;
+}
+blockquote.warning {
+  --color-strengh-bg: 4;
+  --color-strengh-border: 8;
+  --color:
+    255,
+    204,
+    50;
+}
+blockquote > p:first-child::before,
+blockquote > div.paragraph:first-child::before {
+  font-family: emoji;
+  content: "\2139\fe0f";
+  margin-right: 4px;
+}
+
+/* src/css/table.css */
+table th {
+  background-color: #f7f7f7;
+}
+table {
+  border-collapse: collapse;
+}
+table td,
+table th {
+  padding: 8px;
+  border: 1px solid #ccc;
+}
+table th {
+  text-align: left;
+}
+
+/* src/css/tooltip.css */
+:root {
+  --balloon-color: #444;
+  --balloon-move: 2px;
+  --balloon-font-size: 14px;
+  --balloon-border-radius: 5px;
+}
+[aria-label][data-balloon-pos]:after {
+  font-family: "Inter";
+}
+
+/* src/algolia/DocSearch.css */
+#docsearch-desktop {
+  max-width: 110px !important;
+}
+#docsearch-desktop .DocSearch-Button-Placeholder {
+  display: none;
+  padding: 0 !important;
+}
+#docsearch-desktop .DocSearch-Search-Icon {
+  margin-right: 6px !important;
+}
+#docsearch-desktop .DocSearch-Button {
+  margin-right: 3px !important;
+  margin-left: 1px !important;
+}
+#docsearch-mobile {
+  margin-left: auto !important;
+  padding-right: 20px !important;
+}
+#docsearch-mobile .DocSearch-Button {
+  margin-left: 0px !important;
+}
+@media screen and (max-width: 339px) {
+  #docsearch-mobile {
+    padding-right: 6px !important;
+  }
+}
+
+/* src/css/index.css */
+/*# sourceMappingURL=_default.page.client.css.map */

package/dist/renderer/_default.page.client.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/css/reset.css","../../src/css/colorize-on-hover.css","../../src/css/heading.css","../../src/css/button.css","../../src/css/link.css","../../src/css/font.css","../../src/css/code/inline.css","../../src/css/code/block.css","../../src/css/code.css","../../src/css/note.css","../../src/css/table.css","../../src/css/tooltip.css","../../src/algolia/DocSearch.css"],"sourcesContent":["* {\n  box-sizing: border-box;\n}\nbody {\n  margin: 0;\n}\n\n/* Avoid tweet embeds to overflow the body width.\n * Settings `overflow: hidden` to a container doesn't work (This is a CSS bug?) */\niframe {\n  max-width: 100%;\n}\n",".colorize-on-hover,\n.colorize-on-hover [class^='decolorize-'],\n.colorize-on-hover [class*=' decolorize-'] {\n  transition: filter 0.3s ease-in-out;\n}\n.colorize-on-hover:hover,\n.colorize-on-hover:hover [class^='decolorize-'],\n.colorize-on-hover:hover [class*=' decolorize-'] {\n  filter: grayscale(0) opacity(1) !important;\n}\n\n.decolorize-7 {\n  filter: grayscale(1) opacity(0.7);\n}\n.decolorize-6 {\n  filter: grayscale(1) opacity(0.6);\n}\n.decolorize-5 {\n  filter: grayscale(1) opacity(0.5);\n}\n.decolorize-4 {\n  filter: grayscale(1) opacity(0.4);\n}\n\n/*\n * Twitter opacity(0.7): #ababab > #868686\n * == Following computation does NOT work ==\n * Discord opacity(0.7): #6c6c6c > (0.7 * (#fff - #ababab) = #868686 = x * (#fff - #6c6c6c) <=> x = 0.7 * ((#fff - #ababab) / (#fff - #6c6c6c)) = 0.7 * ((255 - 171) / (255 - 108)) = 0.4)\n */\n",".doc-page h2 {\n  margin-top: 50px;\n  margin-bottom: 16px;\n}\n.doc-page h2[id] {\n  cursor: pointer;\n  position: relative;\n  padding-left: 20px;\n  margin-left: -20px;\n}\n.doc-page h2[id]:hover::before {\n  content: '#';\n  position: absolute;\n  left: calc(-1 * (0.75em - 20px));\n  color: #aaa;\n}\n\n.doc-page h1 + h2 {\n  margin-top: 0;\n}\n\n.doc-page h4 {\n  margin-top: 32px;\n  margin-bottom: 16px;\n}\n","button,\na.button {\n  background-color: #fafafa;\n  border: 1px solid #aaa;\n  border-radius: 5px;\n  cursor: pointer;\n}\n","/*\n:root {\n  --link-color: #4747ff;\n}\n*/\n\na {\n  /*\n  color: inherit;\n  color: var(--link-color);\n  */\n  color: #4747ff;\n  text-decoration: none;\n}\na > button {\n  color: var(--color-text);\n}\n","body {\n  font-family: 'Inter';\n}\nbutton {\n  font-family: inherit;\n}\nbody {\n  --color-text: #323d48;\n  color: var(--color-text);\n  line-height: 1.5;\n}\n\n@font-face {\n  font-family: 'Inter';\n  font-weight: 100 900;\n  font-stretch: 75% 125%;\n  font-style: oblique 0deg 12deg;\n  src: url('./Inter-Var.ttf') format('truetype-variations');\n}\n","code {\n  padding: 2px 5px;\n}\n\n/*\n * Line breaks in `<code>`:\n *  - Avoid them on desktop\n *  - Allow them on mobile\n *  - Allo them for `<code long>`\n */\ncode {\n  display: inline-block;\n}\n@media screen and (max-width: 500px) {\n  code {\n    word-break: break-word;\n    display: inline;\n  }\n}\n.inline-code-break code {\n  display: inline;\n  word-break: break-word;\n}\ncode.long {\n  word-break: break-word;\n  display: inline;\n}\n","pre > code {\n  padding: 16px !important;\n}\n@media screen and (max-width: 900px) {\n  pre > code {\n    font-size: 0.7em;\n  }\n}\npre {\n  display: grid;\n}\npre > code {\n  padding-right: 0px !important;\n  overflow-x: auto;\n}\n\n@media screen and (max-width: 1139px) {\n  pre > code {\n    font-size: 0.95em;\n  }\n}\n@media screen and (max-width: 1040px) {\n  pre > code {\n    font-size: 0.8em;\n  }\n}\n@media screen and (max-width: 940px) {\n  pre > code {\n    font-size: 0.7em;\n  }\n}\n\npre > code {\n  display: reset;\n  word-break: reset;\n}\n","@import './code/inline.css';\n@import './code/block.css';\n\ncode {\n  /*\n  background-color: #f4f4f4;\n  0.043137255 = 1 - (#f4 / #ff)\n  */\n  background-color: rgba(0, 0, 0, 0.043137255);\n  border-radius: 4px;\n}\n\n/* Inline */\ncode {\n  font-size: 1.1em;\n}\n/* Block */\npre > code {\n  font-size: 1em;\n}\n","blockquote {\n  --color: 0, 0, 0;\n  --color-strengh-bg: 0.7;\n  --color-strengh-border: 1.5;\n  border-left: 8px solid rgba(var(--color), calc(0.06 * var(--color-strengh-border)));\n  background-color: rgba(var(--color), calc(0.03 * var(--color-strengh-bg)));\n  margin-left: 0;\n  margin-right: 0;\n  padding: 4px 16px;\n}\nblockquote.error {\n  --color-strengh-bg: 1.7;\n  --color-strengh-border: 6;\n  --color: 190, 25, 49;\n}\nblockquote.warning {\n  --color-strengh-bg: 4;\n  --color-strengh-border: 8;\n  --color: 255, 204, 50;\n}\nblockquote > p:first-child::before,\n/* blockquote > p:first-of-type::before, */\nblockquote > div.paragraph:first-child::before {\n  font-family: emoji;\n  content: 'ℹ️';\n  margin-right: 4px;\n}\n","table th {\n  background-color: #f7f7f7;\n}\ntable {\n  border-collapse: collapse;\n}\ntable td,\ntable th {\n  padding: 8px;\n  border: 1px solid #ccc;\n}\ntable th {\n  text-align: left;\n}\n","@import 'balloon-css';\n\n:root {\n  --balloon-color: #444;\n  --balloon-move: 2px;\n  --balloon-font-size: 14px;\n  --balloon-border-radius: 5px;\n}\n[aria-label][data-balloon-pos]:after {\n  font-family: 'Inter';\n}\n","#docsearch-desktop {\n  max-width: 110px !important;\n}\n#docsearch-desktop .DocSearch-Button-Placeholder {\n  display: none;\n  padding: 0 !important;\n}\n#docsearch-desktop .DocSearch-Search-Icon {\n  margin-right: 6px !important;\n}\n#docsearch-desktop .DocSearch-Button {\n  margin-right: 3px !important;\n  margin-left: 1px !important;\n}\n\n#docsearch-mobile {\n  margin-left: auto !important;\n  padding-right: 20px !important;\n}\n\n#docsearch-mobile .DocSearch-Button {\n  margin-left: 0px !important;\n}\n\n@media screen and (max-width: 339px) {\n  #docsearch-mobile {\n    padding-right: 6px !important;\n  }\n}\n"],"mappings":";;;AAAA;AACE;AAAA;AAEF;AACE;AAAA;AAKF;AACE;AAAA;;;ACVF;AAAA;AAAA;AAGE;AAAA;AAEF;AAAA;AAAA;AAGE;AAAA;AAGF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;;;ACrBF;AACE;AACA;AAAA;AAEF;AACE;AACA;AACA;AACA;AAAA;AAEF;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AAAA;;;ACvBF;AAAA;AAEE;AACA;AACA;AACA;AAAA;;;ACCF;AAKE;AACA;AAAA;AAEF;AACE;AAAA;;;ACfF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AAAA;;;ACjBF;AACE;AAAA;AASF;AACE;AAAA;AAEF;AACE;AACE;AACA;AAAA;AAAA;AAGJ;AACE;AACA;AAAA;AAEF;AACE;AACA;AAAA;;;ACzBF;AACE;AAAA;AAEF;AACE;AACE;AAAA;AAAA;AAGJ;AACE;AAAA;AAEF;AACE;AACA;AAAA;AAGF;AACE;AACE;AAAA;AAAA;AAGJ;AACE;AACE;AAAA;AAAA;AAGJ;AACE;AACE;AAAA;AAAA;AAIJ;AACE;AACA;AAAA;;;AC/BF;AAKE;AACA;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;;;AClBF;AACE;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAEF;AACE;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAEF;AAAA;AAGE;AACA;AACA;AAAA;;;ACzBF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AAAA;AAEE;AACA;AAAA;AAEF;AACE;AAAA;;;ACVF;AACE;AACA;AACA;AACA;AAAA;AAEF;AACE;AAAA;;;ACTF;AACE;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACE;AAAA;AAAA;","names":[]}

package/dist/renderer/_default.page.client.d.ts

@@ -0,0 +1 @@
+

package/dist/renderer/_default.page.client.js

@@ -0,0 +1,180 @@
+import {
+  assert
+} from "../chunk-G2A5MZJA.js";
+import "../chunk-TTLAZ2T2.js";
+
+// src/autoScrollNav.ts
+autoScrollNav();
+function autoScrollNav() {
+  const navigationEl = document.getElementById("navigation-content");
+  assert(navigationEl);
+  const href = window.location.pathname;
+  const navLinks = Array.from(navigationEl.querySelectorAll(`a[href="${href}"]`));
+  assert(navLinks.length <= 1, { navLinks, href });
+  const navLink = navLinks[0];
+  if (!navLink)
+    return;
+  navLink.scrollIntoView({
+    behavior: "auto",
+    block: "center",
+    inline: "center"
+  });
+}
+
+// src/installSectionUrlHashs.ts
+installSectionUrlHashs();
+function installSectionUrlHashs() {
+  const pageContainer = document.querySelector(".doc-page #page-container");
+  if (!pageContainer) {
+    assert(window.location.pathname === "/");
+    return;
+  }
+  const navigationEl = document.getElementById("navigation-content");
+  assert(navigationEl);
+  const docSections = Array.from(document.querySelectorAll("h2"));
+  docSections.forEach((docSection) => {
+    const docTitle = docSection.textContent;
+    assert(docTitle);
+    assert(docSection.id, { docSection });
+    const urlHash = "#" + docSection.id;
+    assertNavLink(navigationEl, urlHash);
+    docSection.onclick = () => {
+      window.location.hash = urlHash;
+      jumpToSection();
+    };
+  });
+}
+function assertNavLink(navigationEl, urlHash) {
+  const parentNavLinkMatch = Array.from(navigationEl.querySelectorAll(`a[href="${window.location.pathname}"]`));
+  assert(parentNavLinkMatch.length <= 1);
+  if (parentNavLinkMatch.length === 0)
+    return;
+  const navLinks = Array.from(navigationEl.querySelectorAll(`a[href="${urlHash}"]`));
+  assert(navLinks.length === 1, { urlHash });
+}
+function jumpToSection() {
+  const { hash } = window.location;
+  if (hash === "" || hash === "#") {
+    return;
+  }
+  assert(hash.startsWith("#"));
+  const target = document.getElementById(hash.slice(1));
+  if (!target) {
+    return;
+  }
+  target.scrollIntoView();
+}
+
+// src/navigation/navigation-fullscreen/initNavigationFullscreen.ts
+var scrollPositionBeforeToggle = 0;
+function initNavigationFullscreen() {
+  updateColumnWidth();
+  window.addEventListener("resize", updateColumnWidth, { passive: true });
+  document.getElementById("navigation-fullscreen-button").onclick = toggleNavExpend;
+  document.getElementById("navigation-fullscreen-close").onclick = toggleNavExpend;
+  document.addEventListener(
+    "keydown",
+    (ev) => {
+      if (ev.key === "Escape")
+        toggleNavExpend();
+    },
+    false
+  );
+}
+function toggleNavExpend() {
+  const navContainer = document.getElementById("navigation-container");
+  const scrollPos = navContainer.scrollTop;
+  document.documentElement.classList.toggle("navigation-fullscreen");
+  if (scrollPositionBeforeToggle !== void 0) {
+    navContainer.scrollTop = scrollPositionBeforeToggle;
+  }
+  scrollPositionBeforeToggle = scrollPos;
+}
+function updateColumnWidth() {
+  const navMinWidth = 299;
+  const navH1Groups = Array.from(document.querySelectorAll(".nav-h1-group"));
+  const numberOfColumnsMax = navH1Groups.length;
+  const widthAvailable = getViewportWidth();
+  const numberOfColumns = Math.max(1, Math.min(numberOfColumnsMax, Math.floor(widthAvailable / navMinWidth)));
+  let columns = navH1Groups.map((navH1Group) => {
+    const column = [
+      {
+        element: navH1Group,
+        elementHeight: navH1Group.children.length
+      }
+    ];
+    return column;
+  });
+  mergeColumns(columns, numberOfColumns);
+  const navContent = document.getElementById("navigation-content");
+  Array.from(navContent.children).forEach((child) => {
+    assert(child.className === "nav-column");
+  });
+  navContent.innerHTML = "";
+  columns.forEach((column) => {
+    const columnEl = document.createElement("div");
+    columnEl.className = "nav-column";
+    column.forEach(({ element }) => {
+      columnEl.appendChild(element);
+    });
+    navContent.appendChild(columnEl);
+  });
+  const navItemMaxWidth = 350;
+  navContent.style.maxWidth = `${numberOfColumns * navItemMaxWidth}px`;
+}
+function getViewportWidth() {
+  return document.documentElement.clientWidth;
+}
+function mergeColumns(columns, maxNumberOfColumns) {
+  assert(columns.length > 0);
+  assert(maxNumberOfColumns > 0);
+  if (columns.length <= maxNumberOfColumns) {
+    return columns;
+  }
+  let mergeCandidate = {
+    i: -1,
+    mergeHeight: Infinity
+  };
+  for (let i = 0; i <= columns.length - 2; i++) {
+    const column1 = columns[i + 0];
+    const column2 = columns[i + 1];
+    const column1Height = sum(column1.map((c) => c.elementHeight));
+    const column2Height = sum(column2.map((c) => c.elementHeight));
+    const mergeHeight = column1Height + column2Height;
+    if (mergeCandidate.mergeHeight > mergeHeight) {
+      mergeCandidate = {
+        i,
+        mergeHeight
+      };
+    }
+  }
+  {
+    const { i } = mergeCandidate;
+    assert(-1 < i && i < columns.length - 1, { i, columnsLength: columns.length, maxNumberOfColumns });
+    columns[i] = [...columns[i], ...columns[i + 1]];
+    columns.splice(i + 1, 1);
+  }
+  mergeColumns(columns, maxNumberOfColumns);
+}
+function sum(arr) {
+  let total = 0;
+  arr.forEach((n) => total += n);
+  return total;
+}
+
+// src/navigation/Navigation.client.ts
+activateNavigationMask();
+activateMenuToggle();
+initNavigationFullscreen();
+function activateMenuToggle() {
+  const menuToggle = document.getElementById("menu-toggle");
+  menuToggle.onclick = toggleNavigation;
+}
+function activateNavigationMask() {
+  const navigationMask = document.getElementById("navigation-mask");
+  navigationMask.onclick = toggleNavigation;
+}
+function toggleNavigation() {
+  document.body.classList.toggle("show-menu");
+}
+//# sourceMappingURL=_default.page.client.js.map

package/dist/renderer/_default.page.client.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/autoScrollNav.ts","../../src/installSectionUrlHashs.ts","../../src/navigation/navigation-fullscreen/initNavigationFullscreen.ts","../../src/navigation/Navigation.client.ts"],"sourcesContent":["import { assert } from './utils/client'\n\nautoScrollNav()\n\nfunction autoScrollNav() {\n  const navigationEl = document.getElementById('navigation-content')\n  assert(navigationEl)\n  const href = window.location.pathname\n  const navLinks: HTMLElement[] = Array.from(navigationEl.querySelectorAll(`a[href=\"${href}\"]`))\n  assert(navLinks.length <= 1, { navLinks, href })\n  const navLink = navLinks[0]\n  if (!navLink) return\n  navLink.scrollIntoView({\n    /*\n    behavior: 'smooth',\n    /*/\n    behavior: 'auto',\n    //*/\n    block: 'center',\n    inline: 'center'\n  })\n}\n","import { assert } from './utils/client'\n\ninstallSectionUrlHashs()\n/* Let browser restore previous scroll\njumpToSection()\n*/\n\nfunction installSectionUrlHashs() {\n  const pageContainer = document.querySelector('.doc-page #page-container')\n  if (!pageContainer) {\n    assert(window.location.pathname === '/')\n    return\n  }\n  const navigationEl = document.getElementById('navigation-content')\n  assert(navigationEl)\n  const docSections = Array.from(document.querySelectorAll('h2'))\n  docSections.forEach((docSection) => {\n    const docTitle = docSection.textContent\n    assert(docTitle)\n    assert(docSection.id, { docSection })\n    const urlHash = '#' + docSection.id\n    assertNavLink(navigationEl, urlHash)\n    docSection.onclick = () => {\n      window.location.hash = urlHash\n      // The browser doesn't jump if hash doesn't change\n      jumpToSection()\n    }\n  })\n}\n\nfunction assertNavLink(navigationEl: HTMLElement, urlHash: string) {\n  const parentNavLinkMatch = Array.from(navigationEl.querySelectorAll(`a[href=\"${window.location.pathname}\"]`))\n  assert(parentNavLinkMatch.length <= 1)\n  if (parentNavLinkMatch.length === 0) return\n  const navLinks: HTMLElement[] = Array.from(navigationEl.querySelectorAll(`a[href=\"${urlHash}\"]`))\n  assert(navLinks.length === 1, { urlHash })\n}\n\nfunction jumpToSection() {\n  const { hash } = window.location\n  if (hash === '' || hash === '#') {\n    return\n  }\n  assert(hash.startsWith('#'))\n  const target = document.getElementById(hash.slice(1))\n  if (!target) {\n    return\n  }\n  target.scrollIntoView()\n}\n","export { initNavigationFullscreen }\n\nimport { assert } from '../../utils/client'\n\nlet scrollPositionBeforeToggle: number = 0\n\nfunction initNavigationFullscreen() {\n  updateColumnWidth()\n  window.addEventListener('resize', updateColumnWidth, { passive: true })\n  document.getElementById('navigation-fullscreen-button')!.onclick = toggleNavExpend\n  document.getElementById('navigation-fullscreen-close')!.onclick = toggleNavExpend\n  document.addEventListener(\n    // We don't use keydown to not interfere with user pressing `<Esc>` for closing the browser's `<Ctrl-F>` search diablog, see https://stackoverflow.com/questions/66595035/how-to-detect-escape-key-if-search-bar-of-browser-is-open\n    'keydown',\n    (ev) => {\n      if (ev.key === 'Escape') toggleNavExpend()\n    },\n    false\n  )\n}\n\nfunction toggleNavExpend() {\n  const navContainer = document.getElementById('navigation-container')!\n  const scrollPos = navContainer.scrollTop\n  document.documentElement.classList.toggle('navigation-fullscreen')\n  if (scrollPositionBeforeToggle !== undefined) {\n    navContainer.scrollTop = scrollPositionBeforeToggle\n  }\n  scrollPositionBeforeToggle = scrollPos\n}\n\nfunction updateColumnWidth() {\n  const navMinWidth = 299\n  const navH1Groups = Array.from(document.querySelectorAll('.nav-h1-group'))\n  const numberOfColumnsMax = navH1Groups.length\n\n  const widthAvailable = getViewportWidth()\n  const numberOfColumns = Math.max(1, Math.min(numberOfColumnsMax, Math.floor(widthAvailable / navMinWidth)))\n\n  let columns = navH1Groups.map((navH1Group) => {\n    const column = [\n      {\n        element: navH1Group,\n        elementHeight: navH1Group.children.length\n      }\n    ]\n    return column\n  })\n\n  mergeColumns(columns, numberOfColumns)\n\n  const navContent = document.getElementById('navigation-content')!\n\n  Array.from(navContent.children).forEach((child) => {\n    assert(child.className === 'nav-column')\n  })\n  navContent.innerHTML = ''\n\n  columns.forEach((column) => {\n    const columnEl = document.createElement('div')\n    columnEl.className = 'nav-column'\n    column.forEach(({ element }) => {\n      columnEl.appendChild(element)\n    })\n    navContent.appendChild(columnEl)\n  })\n\n  const navItemMaxWidth = 350\n  navContent.style.maxWidth = `${numberOfColumns * navItemMaxWidth}px`\n}\nfunction getViewportWidth(): number {\n  // `window.innerWidth` inlcudes scrollbar width: https://developer.mozilla.org/en-US/docs/Web/API/Window/innerWidth#usage_notes\n  return document.documentElement.clientWidth\n}\n\nfunction mergeColumns<T>(columns: { element: T; elementHeight: number }[][], maxNumberOfColumns: number) {\n  assert(columns.length > 0)\n  assert(maxNumberOfColumns > 0)\n  if (columns.length <= maxNumberOfColumns) {\n    return columns\n  }\n\n  let mergeCandidate = {\n    i: -1,\n    mergeHeight: Infinity\n  }\n  for (let i = 0; i <= columns.length - 2; i++) {\n    const column1 = columns[i + 0]\n    const column2 = columns[i + 1]\n    const column1Height = sum(column1.map((c) => c.elementHeight))\n    const column2Height = sum(column2.map((c) => c.elementHeight))\n    const mergeHeight = column1Height + column2Height\n    if (mergeCandidate.mergeHeight > mergeHeight) {\n      mergeCandidate = {\n        i,\n        mergeHeight\n      }\n    }\n  }\n\n  {\n    const { i } = mergeCandidate\n    assert(-1 < i && i < columns.length - 1, { i, columnsLength: columns.length, maxNumberOfColumns })\n    columns[i] = [...columns[i], ...columns[i + 1]]\n    columns.splice(i + 1, 1)\n  }\n\n  mergeColumns(columns, maxNumberOfColumns)\n}\n\nfunction sum(arr: number[]): number {\n  let total = 0\n  arr.forEach((n) => (total += n))\n  return total\n}\n","import { initNavigationFullscreen } from './navigation-fullscreen/initNavigationFullscreen'\n\nactivateNavigationMask()\nactivateMenuToggle()\ninitNavigationFullscreen()\n\nfunction activateMenuToggle() {\n  const menuToggle = document.getElementById('menu-toggle')!\n  menuToggle.onclick = toggleNavigation\n}\n\nfunction activateNavigationMask() {\n  const navigationMask = document.getElementById('navigation-mask')!\n  navigationMask.onclick = toggleNavigation\n}\n\nfunction toggleNavigation() {\n  document.body.classList.toggle('show-menu')\n}\n"],"mappings":";;;;;;AAEA,cAAc;AAEd,SAAS,gBAAgB;AACvB,QAAM,eAAe,SAAS,eAAe,oBAAoB;AACjE,SAAO,YAAY;AACnB,QAAM,OAAO,OAAO,SAAS;AAC7B,QAAM,WAA0B,MAAM,KAAK,aAAa,iBAAiB,WAAW,QAAQ,CAAC;AAC7F,SAAO,SAAS,UAAU,GAAG,EAAE,UAAU,KAAK,CAAC;AAC/C,QAAM,UAAU,SAAS;AACzB,MAAI,CAAC;AAAS;AACd,UAAQ,eAAe;AAAA,IAIrB,UAAU;AAAA,IAEV,OAAO;AAAA,IACP,QAAQ;AAAA,EACV,CAAC;AACH;;;ACnBA,uBAAuB;AAKvB,SAAS,yBAAyB;AAChC,QAAM,gBAAgB,SAAS,cAAc,2BAA2B;AACxE,MAAI,CAAC,eAAe;AAClB,WAAO,OAAO,SAAS,aAAa,GAAG;AACvC;AAAA,EACF;AACA,QAAM,eAAe,SAAS,eAAe,oBAAoB;AACjE,SAAO,YAAY;AACnB,QAAM,cAAc,MAAM,KAAK,SAAS,iBAAiB,IAAI,CAAC;AAC9D,cAAY,QAAQ,CAAC,eAAe;AAClC,UAAM,WAAW,WAAW;AAC5B,WAAO,QAAQ;AACf,WAAO,WAAW,IAAI,EAAE,WAAW,CAAC;AACpC,UAAM,UAAU,MAAM,WAAW;AACjC,kBAAc,cAAc,OAAO;AACnC,eAAW,UAAU,MAAM;AACzB,aAAO,SAAS,OAAO;AAEvB,oBAAc;AAAA,IAChB;AAAA,EACF,CAAC;AACH;AAEA,SAAS,cAAc,cAA2B,SAAiB;AACjE,QAAM,qBAAqB,MAAM,KAAK,aAAa,iBAAiB,WAAW,OAAO,SAAS,YAAY,CAAC;AAC5G,SAAO,mBAAmB,UAAU,CAAC;AACrC,MAAI,mBAAmB,WAAW;AAAG;AACrC,QAAM,WAA0B,MAAM,KAAK,aAAa,iBAAiB,WAAW,WAAW,CAAC;AAChG,SAAO,SAAS,WAAW,GAAG,EAAE,QAAQ,CAAC;AAC3C;AAEA,SAAS,gBAAgB;AACvB,QAAM,EAAE,KAAK,IAAI,OAAO;AACxB,MAAI,SAAS,MAAM,SAAS,KAAK;AAC/B;AAAA,EACF;AACA,SAAO,KAAK,WAAW,GAAG,CAAC;AAC3B,QAAM,SAAS,SAAS,eAAe,KAAK,MAAM,CAAC,CAAC;AACpD,MAAI,CAAC,QAAQ;AACX;AAAA,EACF;AACA,SAAO,eAAe;AACxB;;;AC7CA,IAAI,6BAAqC;AAEzC,SAAS,2BAA2B;AAClC,oBAAkB;AAClB,SAAO,iBAAiB,UAAU,mBAAmB,EAAE,SAAS,KAAK,CAAC;AACtE,WAAS,eAAe,8BAA8B,EAAG,UAAU;AACnE,WAAS,eAAe,6BAA6B,EAAG,UAAU;AAClE,WAAS;AAAA,IAEP;AAAA,IACA,CAAC,OAAO;AACN,UAAI,GAAG,QAAQ;AAAU,wBAAgB;AAAA,IAC3C;AAAA,IACA;AAAA,EACF;AACF;AAEA,SAAS,kBAAkB;AACzB,QAAM,eAAe,SAAS,eAAe,sBAAsB;AACnE,QAAM,YAAY,aAAa;AAC/B,WAAS,gBAAgB,UAAU,OAAO,uBAAuB;AACjE,MAAI,+BAA+B,QAAW;AAC5C,iBAAa,YAAY;AAAA,EAC3B;AACA,+BAA6B;AAC/B;AAEA,SAAS,oBAAoB;AAC3B,QAAM,cAAc;AACpB,QAAM,cAAc,MAAM,KAAK,SAAS,iBAAiB,eAAe,CAAC;AACzE,QAAM,qBAAqB,YAAY;AAEvC,QAAM,iBAAiB,iBAAiB;AACxC,QAAM,kBAAkB,KAAK,IAAI,GAAG,KAAK,IAAI,oBAAoB,KAAK,MAAM,iBAAiB,WAAW,CAAC,CAAC;AAE1G,MAAI,UAAU,YAAY,IAAI,CAAC,eAAe;AAC5C,UAAM,SAAS;AAAA,MACb;AAAA,QACE,SAAS;AAAA,QACT,eAAe,WAAW,SAAS;AAAA,MACrC;AAAA,IACF;AACA,WAAO;AAAA,EACT,CAAC;AAED,eAAa,SAAS,eAAe;AAErC,QAAM,aAAa,SAAS,eAAe,oBAAoB;AAE/D,QAAM,KAAK,WAAW,QAAQ,EAAE,QAAQ,CAAC,UAAU;AACjD,WAAO,MAAM,cAAc,YAAY;AAAA,EACzC,CAAC;AACD,aAAW,YAAY;AAEvB,UAAQ,QAAQ,CAAC,WAAW;AAC1B,UAAM,WAAW,SAAS,cAAc,KAAK;AAC7C,aAAS,YAAY;AACrB,WAAO,QAAQ,CAAC,EAAE,QAAQ,MAAM;AAC9B,eAAS,YAAY,OAAO;AAAA,IAC9B,CAAC;AACD,eAAW,YAAY,QAAQ;AAAA,EACjC,CAAC;AAED,QAAM,kBAAkB;AACxB,aAAW,MAAM,WAAW,GAAG,kBAAkB;AACnD;AACA,SAAS,mBAA2B;AAElC,SAAO,SAAS,gBAAgB;AAClC;AAEA,SAAS,aAAgB,SAAoD,oBAA4B;AACvG,SAAO,QAAQ,SAAS,CAAC;AACzB,SAAO,qBAAqB,CAAC;AAC7B,MAAI,QAAQ,UAAU,oBAAoB;AACxC,WAAO;AAAA,EACT;AAEA,MAAI,iBAAiB;AAAA,IACnB,GAAG;AAAA,IACH,aAAa;AAAA,EACf;AACA,WAAS,IAAI,GAAG,KAAK,QAAQ,SAAS,GAAG,KAAK;AAC5C,UAAM,UAAU,QAAQ,IAAI;AAC5B,UAAM,UAAU,QAAQ,IAAI;AAC5B,UAAM,gBAAgB,IAAI,QAAQ,IAAI,CAAC,MAAM,EAAE,aAAa,CAAC;AAC7D,UAAM,gBAAgB,IAAI,QAAQ,IAAI,CAAC,MAAM,EAAE,aAAa,CAAC;AAC7D,UAAM,cAAc,gBAAgB;AACpC,QAAI,eAAe,cAAc,aAAa;AAC5C,uBAAiB;AAAA,QACf;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA;AACE,UAAM,EAAE,EAAE,IAAI;AACd,WAAO,KAAK,KAAK,IAAI,QAAQ,SAAS,GAAG,EAAE,GAAG,eAAe,QAAQ,QAAQ,mBAAmB,CAAC;AACjG,YAAQ,KAAK,CAAC,GAAG,QAAQ,IAAI,GAAG,QAAQ,IAAI,EAAE;AAC9C,YAAQ,OAAO,IAAI,GAAG,CAAC;AAAA,EACzB;AAEA,eAAa,SAAS,kBAAkB;AAC1C;AAEA,SAAS,IAAI,KAAuB;AAClC,MAAI,QAAQ;AACZ,MAAI,QAAQ,CAAC,MAAO,SAAS,CAAE;AAC/B,SAAO;AACT;;;AChHA,uBAAuB;AACvB,mBAAmB;AACnB,yBAAyB;AAEzB,SAAS,qBAAqB;AAC5B,QAAM,aAAa,SAAS,eAAe,aAAa;AACxD,aAAW,UAAU;AACvB;AAEA,SAAS,yBAAyB;AAChC,QAAM,iBAAiB,SAAS,eAAe,iBAAiB;AAChE,iBAAe,UAAU;AAC3B;AAEA,SAAS,mBAAmB;AAC1B,WAAS,KAAK,UAAU,OAAO,WAAW;AAC5C;","names":[]}