Merge branch 'main' into develop

assets/js/navbar.js

@@ -4,6 +4,8 @@ const togglers = document.querySelectorAll('.main-nav-toggler')
 const modeSelectors = document.querySelectorAll('.switch-mode-collapsed')
 const colorsBG = ['body', 'secondary', 'tertiary']
 
+let scrollPosition = 0
+
 function sleep(ms) {
   return new Promise(resolve => setTimeout(resolve, ms))
 }
@@ -175,6 +177,20 @@ if (navbar !== null && togglers !== null) {
   document.addEventListener('resize', () => fixed && updateNavbar())
   document.addEventListener('scroll', () => fixed && updateNavbar())
 
+  // hook up collapse events
+  document.querySelectorAll('.navbar-collapse').forEach((collapse) => {
+    collapse.addEventListener('show.bs.collapse', function () {
+      scrollPosition = window.pageYOffset
+      document.body.style.top = `-${scrollPosition}px`
+      document.body.classList.add('navbar-open')
+    })
+    collapse.addEventListener('hide.bs.collapse', function () {
+      document.body.classList.remove('navbar-open')
+      document.body.style.top = ''
+      window.scrollTo({ top: scrollPosition, behavior: 'instant' })
+    })
+  })
+
   // observe state changes to the site's color mode
   const html = document.querySelector('html')
   const config = {

assets/scss/components/_navbar.scss

@@ -435,3 +435,9 @@
 ul.inline-menu {
   padding: 0;
 }
+
+body.navbar-open {
+    overflow: hidden;
+    position: fixed;
+    width: 100%;
+}

exampleSite/hugo_stats.json

@@ -248,6 +248,9 @@
       "fa-activity",
       "fa-address-card",
       "fa-angle-left",
+      "fa-angle-right",
+      "fa-angles-left",
+      "fa-angles-right",
       "fa-arrow-left",
       "fa-arrow-right",
       "fa-bootstrap",
@@ -678,11 +681,16 @@
       "docs",
       "documentation",
       "dropdown-nav-0",
-      "dropdown-panel-07d1354ac1f376fa71ba3c17bda5d1e8",
-      "dropdown-panel-9fbb4d11f9789e8d1ac8101f27e50d43",
-      "dropdown-panel-b612d68b0712cd7dad9655013798aaeb",
-      "dropdown-panel-be9ac158248a563331ee993b38022af7",
-      "dropdown-panel-deed5194e569ce126edf85b9ece8aec6",
+      "dropdown-panel-05f2e5ae7cf8c0ab8a49ba311bdc4d7e",
+      "dropdown-panel-256968d78244b40725f5d484ea340a5f",
+      "dropdown-panel-29ba03d101604c5caa618293938833b1",
+      "dropdown-panel-30c508a91fbd512d0bee6f976efc028c",
+      "dropdown-panel-47c670e7ebc8dd6e57f5d70dde479a8b",
+      "dropdown-panel-4c945acd0c9326daa6f433a64262c7a0",
+      "dropdown-panel-552e42166b1b143d516aeccc1fbc7d32",
+      "dropdown-panel-bf5b105df93a1545b2fc424e3ab1c654",
+      "dropdown-panel-e5aba6d799885a8fd4208fade274e3a7",
+      "dropdown-panel-fd6d8a3429e95196931cd8c08072abf3",
       "eerste-artikel",
       "elements-type",
       "entity-relationship-diagram",
@@ -703,16 +711,24 @@
       "fab-whatsapp",
       "fab-x-twitter",
       "faq",
-      "faq-3ab3d1bfbd7996fb6dc7159e57eff8af",
-      "faq-3ab3d1bfbd7996fb6dc7159e57eff8af-heading-faq-3ab3d1bfbd7996fb6dc7159e57eff8af",
-      "faq-3ab3d1bfbd7996fb6dc7159e57eff8af-item-0",
-      "faq-3ab3d1bfbd7996fb6dc7159e57eff8af-item-1",
-      "faq-3ab3d1bfbd7996fb6dc7159e57eff8af-item-2",
+      "faq-726ff0b8b5ec9328cfef51994d523ad1",
+      "faq-726ff0b8b5ec9328cfef51994d523ad1-heading-faq-726ff0b8b5ec9328cfef51994d523ad1",
+      "faq-726ff0b8b5ec9328cfef51994d523ad1-item-0",
+      "faq-726ff0b8b5ec9328cfef51994d523ad1-item-1",
+      "faq-726ff0b8b5ec9328cfef51994d523ad1-item-2",
+      "faq-c610e94909d8dd90e16cbcbc4cc3fe84",
+      "faq-c610e94909d8dd90e16cbcbc4cc3fe84-heading-faq-c610e94909d8dd90e16cbcbc4cc3fe84",
+      "faq-c610e94909d8dd90e16cbcbc4cc3fe84-item-0",
+      "faq-c610e94909d8dd90e16cbcbc4cc3fe84-item-1",
+      "faq-c610e94909d8dd90e16cbcbc4cc3fe84-item-2",
       "fas-1",
       "fas-2",
       "fas-3",
       "fas-address-card",
       "fas-angle-left",
+      "fas-angle-right",
+      "fas-angles-left",
+      "fas-angles-right",
       "fas-arrow-left",
       "fas-arrow-right",
       "fas-chevron-right",
@@ -803,11 +819,16 @@
       "nav-0-btn-1",
       "nav-0-btn-2",
       "nav-nav-0",
-      "nav-panel-07d1354ac1f376fa71ba3c17bda5d1e8",
-      "nav-panel-9fbb4d11f9789e8d1ac8101f27e50d43",
-      "nav-panel-b612d68b0712cd7dad9655013798aaeb",
-      "nav-panel-be9ac158248a563331ee993b38022af7",
-      "nav-panel-deed5194e569ce126edf85b9ece8aec6",
+      "nav-panel-05f2e5ae7cf8c0ab8a49ba311bdc4d7e",
+      "nav-panel-256968d78244b40725f5d484ea340a5f",
+      "nav-panel-29ba03d101604c5caa618293938833b1",
+      "nav-panel-30c508a91fbd512d0bee6f976efc028c",
+      "nav-panel-47c670e7ebc8dd6e57f5d70dde479a8b",
+      "nav-panel-4c945acd0c9326daa6f433a64262c7a0",
+      "nav-panel-552e42166b1b143d516aeccc1fbc7d32",
+      "nav-panel-bf5b105df93a1545b2fc424e3ab1c654",
+      "nav-panel-e5aba6d799885a8fd4208fade274e3a7",
+      "nav-panel-fd6d8a3429e95196931cd8c08072abf3",
       "navbar",
       "navbar-0-collapse",
       "navbar-mode",
@@ -817,36 +838,66 @@
       "notification",
       "over-mij",
       "overview",
-      "panel-07d1354ac1f376fa71ba3c17bda5d1e8-0",
-      "panel-07d1354ac1f376fa71ba3c17bda5d1e8-1",
-      "panel-07d1354ac1f376fa71ba3c17bda5d1e8-2",
-      "panel-07d1354ac1f376fa71ba3c17bda5d1e8-btn-0",
-      "panel-07d1354ac1f376fa71ba3c17bda5d1e8-btn-1",
-      "panel-07d1354ac1f376fa71ba3c17bda5d1e8-btn-2",
-      "panel-9fbb4d11f9789e8d1ac8101f27e50d43-0",
-      "panel-9fbb4d11f9789e8d1ac8101f27e50d43-1",
-      "panel-9fbb4d11f9789e8d1ac8101f27e50d43-2",
-      "panel-9fbb4d11f9789e8d1ac8101f27e50d43-btn-0",
-      "panel-9fbb4d11f9789e8d1ac8101f27e50d43-btn-1",
-      "panel-9fbb4d11f9789e8d1ac8101f27e50d43-btn-2",
-      "panel-b612d68b0712cd7dad9655013798aaeb-0",
-      "panel-b612d68b0712cd7dad9655013798aaeb-1",
-      "panel-b612d68b0712cd7dad9655013798aaeb-2",
-      "panel-b612d68b0712cd7dad9655013798aaeb-btn-0",
-      "panel-b612d68b0712cd7dad9655013798aaeb-btn-1",
-      "panel-b612d68b0712cd7dad9655013798aaeb-btn-2",
-      "panel-be9ac158248a563331ee993b38022af7-0",
-      "panel-be9ac158248a563331ee993b38022af7-1",
-      "panel-be9ac158248a563331ee993b38022af7-2",
-      "panel-be9ac158248a563331ee993b38022af7-btn-0",
-      "panel-be9ac158248a563331ee993b38022af7-btn-1",
-      "panel-be9ac158248a563331ee993b38022af7-btn-2",
-      "panel-deed5194e569ce126edf85b9ece8aec6-0",
-      "panel-deed5194e569ce126edf85b9ece8aec6-1",
-      "panel-deed5194e569ce126edf85b9ece8aec6-2",
-      "panel-deed5194e569ce126edf85b9ece8aec6-btn-0",
-      "panel-deed5194e569ce126edf85b9ece8aec6-btn-1",
-      "panel-deed5194e569ce126edf85b9ece8aec6-btn-2",
+      "panel-05f2e5ae7cf8c0ab8a49ba311bdc4d7e-0",
+      "panel-05f2e5ae7cf8c0ab8a49ba311bdc4d7e-1",
+      "panel-05f2e5ae7cf8c0ab8a49ba311bdc4d7e-2",
+      "panel-05f2e5ae7cf8c0ab8a49ba311bdc4d7e-btn-0",
+      "panel-05f2e5ae7cf8c0ab8a49ba311bdc4d7e-btn-1",
+      "panel-05f2e5ae7cf8c0ab8a49ba311bdc4d7e-btn-2",
+      "panel-256968d78244b40725f5d484ea340a5f-0",
+      "panel-256968d78244b40725f5d484ea340a5f-1",
+      "panel-256968d78244b40725f5d484ea340a5f-2",
+      "panel-256968d78244b40725f5d484ea340a5f-btn-0",
+      "panel-256968d78244b40725f5d484ea340a5f-btn-1",
+      "panel-256968d78244b40725f5d484ea340a5f-btn-2",
+      "panel-29ba03d101604c5caa618293938833b1-0",
+      "panel-29ba03d101604c5caa618293938833b1-1",
+      "panel-29ba03d101604c5caa618293938833b1-2",
+      "panel-29ba03d101604c5caa618293938833b1-btn-0",
+      "panel-29ba03d101604c5caa618293938833b1-btn-1",
+      "panel-29ba03d101604c5caa618293938833b1-btn-2",
+      "panel-30c508a91fbd512d0bee6f976efc028c-0",
+      "panel-30c508a91fbd512d0bee6f976efc028c-1",
+      "panel-30c508a91fbd512d0bee6f976efc028c-2",
+      "panel-30c508a91fbd512d0bee6f976efc028c-btn-0",
+      "panel-30c508a91fbd512d0bee6f976efc028c-btn-1",
+      "panel-30c508a91fbd512d0bee6f976efc028c-btn-2",
+      "panel-47c670e7ebc8dd6e57f5d70dde479a8b-0",
+      "panel-47c670e7ebc8dd6e57f5d70dde479a8b-1",
+      "panel-47c670e7ebc8dd6e57f5d70dde479a8b-2",
+      "panel-47c670e7ebc8dd6e57f5d70dde479a8b-btn-0",
+      "panel-47c670e7ebc8dd6e57f5d70dde479a8b-btn-1",
+      "panel-47c670e7ebc8dd6e57f5d70dde479a8b-btn-2",
+      "panel-4c945acd0c9326daa6f433a64262c7a0-0",
+      "panel-4c945acd0c9326daa6f433a64262c7a0-1",
+      "panel-4c945acd0c9326daa6f433a64262c7a0-2",
+      "panel-4c945acd0c9326daa6f433a64262c7a0-btn-0",
+      "panel-4c945acd0c9326daa6f433a64262c7a0-btn-1",
+      "panel-4c945acd0c9326daa6f433a64262c7a0-btn-2",
+      "panel-552e42166b1b143d516aeccc1fbc7d32-0",
+      "panel-552e42166b1b143d516aeccc1fbc7d32-1",
+      "panel-552e42166b1b143d516aeccc1fbc7d32-2",
+      "panel-552e42166b1b143d516aeccc1fbc7d32-btn-0",
+      "panel-552e42166b1b143d516aeccc1fbc7d32-btn-1",
+      "panel-552e42166b1b143d516aeccc1fbc7d32-btn-2",
+      "panel-bf5b105df93a1545b2fc424e3ab1c654-0",
+      "panel-bf5b105df93a1545b2fc424e3ab1c654-1",
+      "panel-bf5b105df93a1545b2fc424e3ab1c654-2",
+      "panel-bf5b105df93a1545b2fc424e3ab1c654-btn-0",
+      "panel-bf5b105df93a1545b2fc424e3ab1c654-btn-1",
+      "panel-bf5b105df93a1545b2fc424e3ab1c654-btn-2",
+      "panel-e5aba6d799885a8fd4208fade274e3a7-0",
+      "panel-e5aba6d799885a8fd4208fade274e3a7-1",
+      "panel-e5aba6d799885a8fd4208fade274e3a7-2",
+      "panel-e5aba6d799885a8fd4208fade274e3a7-btn-0",
+      "panel-e5aba6d799885a8fd4208fade274e3a7-btn-1",
+      "panel-e5aba6d799885a8fd4208fade274e3a7-btn-2",
+      "panel-fd6d8a3429e95196931cd8c08072abf3-0",
+      "panel-fd6d8a3429e95196931cd8c08072abf3-1",
+      "panel-fd6d8a3429e95196931cd8c08072abf3-2",
+      "panel-fd6d8a3429e95196931cd8c08072abf3-btn-0",
+      "panel-fd6d8a3429e95196931cd8c08072abf3-btn-1",
+      "panel-fd6d8a3429e95196931cd8c08072abf3-btn-2",
       "panels",
       "persona",
       "pie-chart",

layouts/_partials/assets/navbar.html

@@ -135,7 +135,7 @@
                     <div class="d-flex align-items-center">
                         {{- if $sidebar -}}
                             <button class="navbar-toggler collapsed p-0 mx-auto fw-30" type="button" data-bs-toggle="offcanvas"
-                                data-bs-target="#offcanvass-sidebar" aria-controls="offcanvass-sidebar" aria-label="{{ T "toggleSidebar" }}">
+                                data-bs-target="#offcanvas-sidebar" aria-controls="offcanvas-sidebar" aria-label="{{ T "toggleSidebar" }}">
                                 {{- partial "assets/icon.html" (dict "icon" "fas ellipsis fa-fw" "spacing" false) -}}
                             </button>
                         {{- else if eq $align "center" -}}

layouts/single.html

@@ -5,7 +5,7 @@
     {{- $toc := partial "page/panel-toc" . -}}
 
     {{ with $sidebar }}
-        <div class="offcanvas offcanvas-start" tabindex="-1" id="offcanvass-sidebar" aria-labelledby="offcanvas-label">
+        <div class="offcanvas offcanvas-start" tabindex="-1" id="offcanvas-sidebar" aria-labelledby="offcanvas-label">
             <div class="offcanvas-header">
                 <h5 class="offcanvas-title" id="offcanvas-label">{{ strings.FirstUpper $.Section }}</h5>
                 <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="{{ T "close" }}"></button>