@trimble-oss/modus-docs-hugo-theme 1.0.0-alpha2 → 1.0.0-alpha20

package/README.md

@@ -1,8 +1,12 @@
 # Modus Docs Hugo Theme (Experimental)
 
+[![LICENSE](https://img.shields.io/badge/license-MIT-lightgrey.svg)](https://raw.githubusercontent.com/trimble-oss/modus-docs-hugo-theme/main/LICENSE)
+[![GitHub Super-Linter](https://github.com/trimble-oss/modus-docs-hugo-theme/workflows/Lint%20Code%20Base/badge.svg)](https://github.com/marketplace/actions/super-linter)
+[![npm Version](https://img.shields.io/npm/v/@trimble-oss/modus-docs-hugo-theme)](https://www.npmjs.com/package/@trimble-oss/modus-docs-hugo-theme)
+
 A documentation theme for Hugo.
 
-Status: Alpha. This theme is currently under development and is not yet ready for production use.
+**Status: Alpha. This theme is currently under development.**
 
 ## Installation
 

package/assets/{styles → css}/_article.scss

@@ -14,6 +14,11 @@ h5:hover .header-link {
   transition: 0.3s all;
 }
 
+.header-link:focus-visible {
+  opacity: 1;
+  pointer-events: visible;
+}
+
 // title of article shouldn't have margin-top
 main article h2.h1:first-of-type {
   margin-top: 0 !important;
@@ -28,17 +33,17 @@ header {
 // external links have an icon
 .menu-right a[href^="http"]::after,
 article a:not(.stretched-link)[href^="https"]::after {
-  content: "";
-  width: 12px;
-  height: 12px;
-  margin-left: 4px;
-  margin-bottom: -1px;
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19.78 19.78H4.22V4.22h6.67c.61 0 1.11-.5 1.11-1.11C12 2.5 11.5 2 10.89 2H3c-.55 0-1 .45-1 1v18c0 .55.45 1 1 1h18c.55 0 1-.45 1-1v-7.89c0-.61-.5-1.11-1.11-1.11-.61 0-1.11.5-1.11 1.11v6.67ZM14.22 3.11c0 .61.5 1.11 1.11 1.11h2.88L8.07 14.36c-.43.43-.43 1.13 0 1.57.43.43 1.13.43 1.57 0L19.78 5.79v2.88c0 .61.5 1.11 1.11 1.11.61 0 1.11-.5 1.11-1.11V3c0-.55-.45-1-1-1h-5.67c-.61 0-1.11.5-1.11 1.11Z'/%3E%3C/svg%3E");
   background-position: bottom;
   background-repeat: no-repeat;
   background-size: contain;
+  content: "";
   display: inline-block;
+  height: 12px;
+  margin-bottom: -1px;
+  margin-left: 4px;
   opacity: 0.7;
+  width: 12px;
 }
 
 main .sticky-offset {
@@ -48,20 +53,24 @@ main .sticky-offset {
 // offsets the anchors to adjust for the fixed navbar
 article h2:target::before,
 article h3:target::before {
-  display: block;
   content: " ";
+  display: block;
   height: 80px;
   margin-top: -80px;
   visibility: hidden;
 }
 
+#main {
+  max-width: 1090px;
+}
+
 #main::before {
-  display: block;
   content: " ";
+  display: block;
   height: 80px;
   margin-top: -80px;
-  visibility: hidden;
   top: 80px;
+  visibility: hidden;
 }
 
 // anchors # for deep links within docs
@@ -72,15 +81,15 @@ a.header-link {
 
 a.header-link::after {
   content: "#";
-  min-width: 20px;
   display: inline-block;
+  min-width: 20px;
 }
 
 .docs-callout {
-  margin-top: 1.25rem;
-  margin-bottom: 1.25rem;
   border-left-width: 0.25rem !important;
   border-radius: 0.25rem;
+  margin-bottom: 1.25rem;
+  margin-top: 1.25rem;
 }
 
 .docs-callout-danger {
@@ -112,3 +121,4 @@ article .nav-tabs .nav-link::after {
 article table {
   width: 100%;
 }
+

package/assets/css/_col-sidebar.scss

@@ -0,0 +1,27 @@
+.col-sidebar {
+  width: 64px !important;
+}
+
+.col-sidebar .list-group {
+  height: calc(100dvh - 66px);
+}
+
+[data-bs-theme="light"] {
+  .col-sidebar a.btn:hover,
+  .col-sidebar button:hover {
+    background-color: #e0e1e9 !important;
+  }
+}
+
+[data-bs-theme="dark"] {
+  .col-sidebar a.btn:hover,
+  .col-sidebar button:hover {
+    background-color: #424649 !important;
+  }
+}
+
+.col-sidebar button.list-group-item {
+  height: 48px;
+  margin-left: 6px;
+  width: 48px;
+}

package/assets/{styles → css}/_mobile.scss

@@ -29,8 +29,8 @@
 /* SM */
 @media (max-width: 767px) {
   #sidebar.show {
-    width: calc(100% - 68px) !important;
     min-width: calc(100% - 68px) !important;
+    width: calc(100% - 68px) !important;
   }
 
   #sidebar.show + div {
@@ -38,7 +38,7 @@
     width: 0;
   }
 
-  .collapsing {
+  #sidebar.collapsing {
     transition: none !important;
   }
 }
@@ -46,7 +46,7 @@
 /* SM Only */
 @media (min-width: 575px) and (max-width: 767px) {
   #sidebar-menu .list-unstyled li {
-    width: 50%;
     display: inline-block;
+    width: 50%;
   }
 }

package/assets/css/_navbar-search.scss

@@ -0,0 +1,54 @@
+.search-container {
+  left: -12px;
+  width: 40px;
+}
+
+.form-control-search {
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m16.38 14.92-.66.05-.41-.41c2.44-2.81 2.28-7.1-.5-9.7S7.8 2.4 5.17 4.94a6.988 6.988 0 0 0-.08 9.98c2.61 2.61 6.77 2.72 9.52.34l.41.41-.05.65 3.89 3.89a.996.996 0 1 0 1.41-1.41l-3.88-3.88Zm-2.81-1.41a5.016 5.016 0 0 1-7.08 0c-1.95-1.95-1.95-5.13 0-7.08s5.13-1.95 7.08 0 1.95 5.13 0 7.08Z'/%3E%3C/svg%3E");
+  background-position: 5px center;
+  background-repeat: no-repeat;
+  background-size: 20px;
+  border-left: 0;
+  border-right: 0;
+  left: auto;
+  padding: 0;
+  right: 5px;
+  top: 10px;
+  transition: all 0.2s;
+  width: 0 !important;
+  z-index: 1210;
+}
+
+.form-control-search:focus {
+  max-width: calc(100vw - 200px);
+  padding: 0 4px 4px 16px;
+  text-indent: 18px;
+  visibility: visible;
+  width: 363px !important;
+}
+
+.form-control-search:focus + .btn-search {
+  background-color: transparent;
+  pointer-events: none !important;
+  transition: all 1s;
+}
+
+.form-control-search:focus + .btn-search img {
+  opacity: 0;
+}
+
+.btn-search {
+  top: 0;
+}
+
+.btn-search i {
+  margin-top: 18px;
+}
+
+[data-bs-theme="dark"] .form-control-search {
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath d='m16.38 14.92-.66.05-.41-.41c2.44-2.81 2.28-7.1-.5-9.7S7.8 2.4 5.17 4.94a6.988 6.988 0 0 0-.08 9.98c2.61 2.61 6.77 2.72 9.52.34l.41.41-.05.65 3.89 3.89a.996.996 0 1 0 1.41-1.41l-3.88-3.88Zm-2.81-1.41a5.016 5.016 0 0 1-7.08 0c-1.95-1.95-1.95-5.13 0-7.08s5.13-1.95 7.08 0 1.95 5.13 0 7.08Z'/%3E%3C/svg%3E") !important;
+}
+
+[data-bs-theme="dark"] .btn-search img {
+  filter: invert(1);
+}

package/assets/css/_navbar.scss

@@ -0,0 +1,27 @@
+html[data-bs-theme="dark"] {
+  nav.navbar-blue .dropdown-menu img {
+    filter: invert(1);
+  }
+}
+
+.navbar-site-title {
+  margin-top: 12px;
+}
+
+nav.navbar-blue {
+  label.btn,
+  button.btn {
+    border-color: transparent !important;
+
+    &:hover {
+      background-color: #217cbb !important;
+      border: 1px solid #019aeb !important;
+      border-color: #019aeb;
+    }
+  }
+}
+
+nav.navbar-blue .dropdown-menu {
+  min-width: 250px;
+  z-index: 1030;
+}

package/assets/{styles → css}/_sidebar.scss

@@ -48,11 +48,11 @@
 }
 
 .row-main {
-  height: calc(100dvh - 66px);
+  min-height: calc(100dvh - 66px);
 }
 
 #sidebar.collapsing {
-  transition: none;
+  transition: none !important;
 }
 
 #sidebar.collapsing + div,

package/assets/{styles → css}/_skippy.scss

@@ -8,8 +8,8 @@
   outline: 1px dotted;
 }
 
-.sr-only-focusable:focus {
-  top: 0 !important;
+.visually-hidden-focusable:focus {
   margin-bottom: 30px;
+  top: 0 !important;
   z-index: 22222;
 }

package/assets/css/_tables.scss

@@ -0,0 +1,34 @@
+main table {
+  border: 1px solid rgba(133, 133, 133, 0.1);
+  margin-bottom: 1rem;
+  vertical-align: top;
+  width: 100%;
+
+  // border-color: var(--bs-table-border-color);
+}
+
+main table thead th {
+  border-bottom-width: 1px;
+  line-height: 1.25;
+  vertical-align: middle;
+}
+
+main table thead tr {
+  background-color: rgba(133, 133, 133, 0.1);
+}
+
+main table td {
+  font-size: 0.875rem;
+  vertical-align: middle;
+}
+
+.table-bordered > :not(caption) > * > * {
+  border-width: 0 var(--bs-border-width);
+}
+
+table > :not(caption) > * > * {
+  background-color: var(--bs-table-bg);
+  border-bottom-width: var(--bs-border-width);
+  box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
+  padding: 0.25rem 1rem;
+}

package/assets/{styles → css}/_was-this-page-helpful.scss

@@ -1,10 +1,10 @@
 .feedback {
-  border-color: #90939f !important;
+  border-color: #90939f;
 }
 
 .btn-feedback {
-  opacity: 0.7;
   min-width: 32px;
+  opacity: 0.7;
 }
 
 .btn-feedback svg {
@@ -16,8 +16,8 @@
 }
 
 .btn-feedback[disabled] {
-  opacity: 0.4;
   cursor: default;
+  opacity: 0.4;
   pointer-events: none;
 }
 

package/assets/{styles/styles.scss → css/modus-docs.scss}

@@ -17,7 +17,8 @@
 @import "news";
 @import "posts";
 @import "print";
-@import "scroll-to-top-btn";
+
+// @import "scroll-to-top-btn";
 @import "skippy"; // skip to content accessibility
 @import "tables";
 @import "footer";
@@ -40,7 +41,7 @@ h6 {
 }
 
 // underline links
-main a {
+main a:not([class], li.breadcrumb-item a) {
   text-decoration: underline;
 }
 
@@ -62,5 +63,5 @@ code {
 }
 
 main {
-  min-height: calc(100vh - 418px);
+  min-height: calc(100vh - 340px);
 }

package/assets/js/auto-complete.min.js

@@ -1 +1 @@
-var autoComplete=function(){function e(e){function t(e,t){return e.classList?e.classList.contains(t):new RegExp("\\b"+t+"\\b").test(e.className)}function o(e,t,o){e.attachEvent?e.attachEvent("on"+t,o):e.addEventListener(t,o)}function s(e,t,o){e.detachEvent?e.detachEvent("on"+t,o):e.removeEventListener(t,o)}function n(e,s,n,l){o(l||document,s,function(o){for(var s,l=o.target||o.srcElement;l&&!(s=t(l,e));)l=l.parentElement;s&&n.call(l,o)})}if(document.querySelector){var l={selector:0,source:0,minChars:3,delay:150,offsetLeft:0,offsetTop:1,cache:1,menuClass:"",renderItem:function(e,t){t=t.replace(/[-\/\\^$*+?.()|[\]{}]/g,"\\$&");var o=new RegExp("("+t.split(" ").join("|")+")","gi");return'<div class="autocomplete-suggestion" data-val="'+e+'">'+e.replace(o,"<b>$1</b>")+"</div>"},onSelect:function(){}};for(var c in e)e.hasOwnProperty(c)&&(l[c]=e[c]);for(var a="object"==typeof l.selector?[l.selector]:document.querySelectorAll(l.selector),u=0;u<a.length;u++){var i=a[u];i.sc=document.createElement("div"),i.sc.className="autocomplete-suggestions "+l.menuClass,i.autocompleteAttr=i.getAttribute("autocomplete"),i.setAttribute("autocomplete","off"),i.cache={},i.last_val="",i.updateSC=function(e,t){var o=i.getBoundingClientRect();if(i.sc.style.left=Math.round(o.left+(window.pageXOffset||document.documentElement.scrollLeft)+l.offsetLeft)+"px",i.sc.style.top=Math.round(o.bottom+(window.pageYOffset||document.documentElement.scrollTop)+l.offsetTop)+"px",i.sc.style.width=Math.round(o.right-o.left)+"px",!e&&(i.sc.style.display="block",i.sc.maxHeight||(i.sc.maxHeight=parseInt((window.getComputedStyle?getComputedStyle(i.sc,null):i.sc.currentStyle).maxHeight)),i.sc.suggestionHeight||(i.sc.suggestionHeight=i.sc.querySelector(".autocomplete-suggestion").offsetHeight),i.sc.suggestionHeight))if(t){var s=i.sc.scrollTop,n=t.getBoundingClientRect().top-i.sc.getBoundingClientRect().top;n+i.sc.suggestionHeight-i.sc.maxHeight>0?i.sc.scrollTop=n+i.sc.suggestionHeight+s-i.sc.maxHeight:0>n&&(i.sc.scrollTop=n+s)}else i.sc.scrollTop=0},o(window,"resize",i.updateSC),document.body.appendChild(i.sc),n("autocomplete-suggestion","mouseleave",function(){var e=i.sc.querySelector(".autocomplete-suggestion.selected");e&&setTimeout(function(){e.className=e.className.replace("selected","")},20)},i.sc),n("autocomplete-suggestion","mouseover",function(){var e=i.sc.querySelector(".autocomplete-suggestion.selected");e&&(e.className=e.className.replace("selected","")),this.className+=" selected"},i.sc),n("autocomplete-suggestion","mousedown",function(e){if(t(this,"autocomplete-suggestion")){var o=this.getAttribute("data-val");i.value=o,l.onSelect(e,o,this),i.sc.style.display="none"}},i.sc),i.blurHandler=function(){try{var e=document.querySelector(".autocomplete-suggestions:hover")}catch(t){var e=0}e?i!==document.activeElement&&setTimeout(function(){i.focus()},20):(i.last_val=i.value,i.sc.style.display="none",setTimeout(function(){i.sc.style.display="none"},350))},o(i,"blur",i.blurHandler);var r=function(e){var t=i.value;if(i.cache[t]=e,e.length&&t.length>=l.minChars){for(var o="",s=0;s<e.length;s++)o+=l.renderItem(e[s],t);i.sc.innerHTML=o,i.updateSC(0)}else i.sc.style.display="none"};i.keydownHandler=function(e){var t=window.event?e.keyCode:e.which;if((40==t||38==t)&&i.sc.innerHTML){var o,s=i.sc.querySelector(".autocomplete-suggestion.selected");return s?(o=40==t?s.nextSibling:s.previousSibling,o?(s.className=s.className.replace("selected",""),o.className+=" selected",i.value=o.getAttribute("data-val")):(s.className=s.className.replace("selected",""),i.value=i.last_val,o=0)):(o=40==t?i.sc.querySelector(".autocomplete-suggestion"):i.sc.childNodes[i.sc.childNodes.length-1],o.className+=" selected",console.log(o),i.value=o.getAttribute("data-val")),i.updateSC(0,o),!1}if(27==t)i.value=i.last_val,i.sc.style.display="none";else if(13==t||9==t){var s=i.sc.querySelector(".autocomplete-suggestion.selected");s&&"none"!=i.sc.style.display&&(l.onSelect(e,s.getAttribute("data-val"),s),setTimeout(function(){i.sc.style.display="none"},20))}},o(i,"keydown",i.keydownHandler),i.keyupHandler=function(e){var t=window.event?e.keyCode:e.which;if(!t||(35>t||t>40)&&13!=t&&27!=t){var o=i.value;if(o.length>=l.minChars){if(o!=i.last_val){if(i.last_val=o,clearTimeout(i.timer),l.cache){if(o in i.cache)return void r(i.cache[o]);for(var s=1;s<o.length-l.minChars;s++){var n=o.slice(0,o.length-s);if(n in i.cache&&!i.cache[n].length)return void r([])}}i.timer=setTimeout(function(){l.source(o,r)},l.delay)}}else i.last_val=o,i.sc.style.display="none"}},o(i,"keyup",i.keyupHandler),i.focusHandler=function(e){i.last_val="\n",i.keyupHandler(e)},l.minChars||o(i,"focus",i.focusHandler)}this.destroy=function(){for(var e=0;e<a.length;e++){var t=a[e];s(window,"resize",t.updateSC),s(t,"blur",t.blurHandler),s(t,"focus",t.focusHandler),s(t,"keydown",t.keydownHandler),s(t,"keyup",t.keyupHandler),t.autocompleteAttr?t.setAttribute("autocomplete",t.autocompleteAttr):t.removeAttribute("autocomplete"),document.body.removeChild(t.sc),t=null}}}}return e}();!function(){"function"==typeof define&&define.amd?define("autoComplete",function(){return autoComplete}):"undefined"!=typeof module&&module.exports?module.exports=autoComplete:window.autoComplete=autoComplete}();
+var autoComplete=function(){function e(e){function t(e,t){return e.classList?e.classList.contains(t):new RegExp("\\b"+t+"\\b").test(e.className)}function o(e,t,o){e.attachEvent?e.attachEvent("on"+t,o):e.addEventListener(t,o)}function s(e,t,o){e.detachEvent?e.detachEvent("on"+t,o):e.removeEventListener(t,o)}function n(e,s,n,l){o(l||document,s,function(o){for(var s,l=o.target||o.srcElement;l&&!(s=t(l,e));)l=l.parentElement;s&&n.call(l,o)})}if(document.querySelector){var l={selector:0,source:0,minChars:3,delay:150,offsetLeft:0,offsetTop:1,cache:1,menuClass:"",renderItem:function(e,t){t=t.replace(/[-\/\\^$*+?.()|[\]{}]/g,"\\$&");var o=new RegExp("("+t.split(" ").join("|")+")","gi");return'<div class="autocomplete-suggestion" role="link" data-val="'+e+'">'+e.replace(o,"<b>$1</b>")+"</div>"},onSelect:function(){}};for(var c in e)e.hasOwnProperty(c)&&(l[c]=e[c]);for(var a="object"==typeof l.selector?[l.selector]:document.querySelectorAll(l.selector),u=0;u<a.length;u++){var i=a[u];i.sc=document.createElement("div"),i.sc.className="autocomplete-suggestions"+l.menuClass,i.autocompleteAttr=i.getAttribute("autocomplete"),i.setAttribute("autocomplete","off"),i.cache={},i.last_val="",i.updateSC=function(e,t){var o=i.getBoundingClientRect();if(i.sc.style.left=Math.round(o.left+(window.pageXOffset||document.documentElement.scrollLeft)+l.offsetLeft)+"px",i.sc.style.top=Math.round(o.bottom+(window.pageYOffset||document.documentElement.scrollTop)+l.offsetTop)+"px",i.sc.style.width=Math.round(o.right-o.left)+"px",!e&&(i.sc.style.display="block",i.sc.maxHeight||(i.sc.maxHeight=parseInt((window.getComputedStyle?getComputedStyle(i.sc,null):i.sc.currentStyle).maxHeight)),i.sc.suggestionHeight||(i.sc.suggestionHeight=i.sc.querySelector(".autocomplete-suggestion").offsetHeight),i.sc.suggestionHeight))if(t){var s=i.sc.scrollTop,n=t.getBoundingClientRect().top-i.sc.getBoundingClientRect().top;n+i.sc.suggestionHeight-i.sc.maxHeight>0?i.sc.scrollTop=n+i.sc.suggestionHeight+s-i.sc.maxHeight:0>n&&(i.sc.scrollTop=n+s)}else i.sc.scrollTop=0},o(window,"resize",i.updateSC),document.body.appendChild(i.sc),n("autocomplete-suggestion","mouseleave",function(){var e=i.sc.querySelector(".autocomplete-suggestion.selected");e&&setTimeout(function(){e.className=e.className.replace("selected","")},20)},i.sc),n("autocomplete-suggestion","mouseover",function(){var e=i.sc.querySelector(".autocomplete-suggestion.selected");e&&(e.className=e.className.replace("selected","")),this.className+=" selected"},i.sc),n("autocomplete-suggestion","mousedown",function(e){if(t(this,"autocomplete-suggestion")){var o=this.getAttribute("data-val");i.value=o,l.onSelect(e,o,this),i.sc.style.display="none"}},i.sc),i.blurHandler=function(){try{var e=document.querySelector(".autocomplete-suggestions:hover")}catch(t){var e=0}e?i!==document.activeElement&&setTimeout(function(){i.focus()},20):(i.last_val=i.value,i.sc.style.display="none",setTimeout(function(){i.sc.style.display="none"},350))},o(i,"blur",i.blurHandler);var r=function(e){var t=i.value;if(i.cache[t]=e,e.length&&t.length>=l.minChars){for(var o="",s=0;s<e.length;s++)o+=l.renderItem(e[s],t);i.sc.innerHTML=o,i.updateSC(0)}else i.sc.style.display="none"};i.keydownHandler=function(e){var t=window.event?e.keyCode:e.which;if((40==t||38==t)&&i.sc.innerHTML){var o,s=i.sc.querySelector(".autocomplete-suggestion.selected");return s?(o=40==t?s.nextSibling:s.previousSibling,o?(s.className=s.className.replace("selected",""),o.className+=" selected",i.value=o.getAttribute("data-val")):(s.className=s.className.replace("selected",""),i.value=i.last_val,o=0)):(o=40==t?i.sc.querySelector(".autocomplete-suggestion"):i.sc.childNodes[i.sc.childNodes.length-1],o.className+=" selected",console.log(o),i.value=o.getAttribute("data-val")),i.updateSC(0,o),!1}if(27==t)i.value=i.last_val,i.sc.style.display="none";else if(13==t||9==t){var s=i.sc.querySelector(".autocomplete-suggestion.selected");s&&"none"!=i.sc.style.display&&(l.onSelect(e,s.getAttribute("data-val"),s),setTimeout(function(){i.sc.style.display="none"},20))}},o(i,"keydown",i.keydownHandler),i.keyupHandler=function(e){var t=window.event?e.keyCode:e.which;if(!t||(35>t||t>40)&&13!=t&&27!=t){var o=i.value;if(o.length>=l.minChars){if(o!=i.last_val){if(i.last_val=o,clearTimeout(i.timer),l.cache){if(o in i.cache)return void r(i.cache[o]);for(var s=1;s<o.length-l.minChars;s++){var n=o.slice(0,o.length-s);if(n in i.cache&&!i.cache[n].length)return void r([])}}i.timer=setTimeout(function(){l.source(o,r)},l.delay)}}else i.last_val=o,i.sc.style.display="none"}},o(i,"keyup",i.keyupHandler),i.focusHandler=function(e){i.last_val="\n",i.keyupHandler(e)},l.minChars||o(i,"focus",i.focusHandler)}this.destroy=function(){for(var e=0;e<a.length;e++){var t=a[e];s(window,"resize",t.updateSC),s(t,"blur",t.blurHandler),s(t,"focus",t.focusHandler),s(t,"keydown",t.keydownHandler),s(t,"keyup",t.keyupHandler),t.autocompleteAttr?t.setAttribute("autocomplete",t.autocompleteAttr):t.removeAttribute("autocomplete"),document.body.removeChild(t.sc),t=null}}}}return e}();!function(){"function"==typeof define&&define.amd?define("autoComplete",function(){return autoComplete}):"undefined"!=typeof module&&module.exports?module.exports=autoComplete:window.autoComplete=autoComplete}();

package/assets/js/search.min.js

@@ -1 +1 @@
-var lunrIndex,pagesIndex;function endsWith(a,b){return-1!==a.indexOf(b,a.length-b.length)}function initLunr(){endsWith(baseurl,"/")||(baseurl+="/");jQuery.getJSON(baseurl+"index.json").done(function(a){pagesIndex=a,lunrIndex=lunr(function(){this.ref("uri"),this.field("title",{boost:15}),this.field("tags",{boost:10}),this.field("content",{boost:5}),this.pipeline.remove(lunr.stemmer),this.searchPipeline.remove(lunr.stemmer),pagesIndex.forEach(function(a){this.add(a)},this)})}).fail(function(a,b,c){console.error("Error getting Hugo index file:",b+", "+c)})}function search(a){return lunrIndex.search(a+"^100 "+a+"*^10 *"+a+"^10 "+a+"~2^1").map(function(a){return pagesIndex.filter(function(b){return b.uri===a.ref})[0]})}initLunr(),jQuery(document).ready(function(){new autoComplete({selector:jQuery("#search-by").get(0),source:function(a,b){b(search(a))},renderItem:function(a,b){var c=a.content.match("(?:\\s?(?:[\\w]+)\\s?){0,2}"+b+"(?:\\s?(?:[\\w]+)\\s?){0,"+2+"}");return a.context=c,"<div class=\"autocomplete-suggestion\" data-term=\""+b+"\" data-title=\""+a.title+"\" data-uri=\""+a.uri+"?q="+b+"#"+b+"\" data-context=\""+a.context+"\">\xBB "+a.title+"<div class=\"context\">"+(a.context||"")+"</div></div>"},onSelect:function(a,b,c){location.href=c.getAttribute("data-uri")}})});
+var lunrIndex,pagesIndex;function endsWith(a,b){return-1!==a.indexOf(b,a.length-b.length)}function initLunr(){endsWith(baseurl,"/")||(baseurl+="/");jQuery.getJSON(baseurl+"index.json").done(function(a){pagesIndex=a,lunrIndex=lunr(function(){this.ref("uri"),this.field("title",{boost:15}),this.field("tags",{boost:10}),this.field("content",{boost:5}),this.pipeline.remove(lunr.stemmer),this.searchPipeline.remove(lunr.stemmer),pagesIndex.forEach(function(a){this.add(a)},this)})}).fail(function(a,b,c){console.error("Error getting Hugo index file:",b+", "+c)})}function search(a){return lunrIndex.search(a+"^100 "+a+"*^10 *"+a+"^10 "+a+"~2^1").map(function(a){return pagesIndex.filter(function(b){return b.uri===a.ref})[0]})}initLunr(),jQuery(document).ready(function(){new autoComplete({selector:jQuery("#search-by").get(0),source:function(a,b){b(search(a))},renderItem:function(a,b){var c=a.content.match("(?:\\s?(?:[\\w]+)\\s?){0,2}"+b+"(?:\\s?(?:[\\w]+)\\s?){0,"+2+"}");return a.context=c,"<div class=\"autocomplete-suggestion\" role=\"link\" data-term=\""+b+"\" aria-label=\""+a.title+"\" data-title=\""+a.title+"\" data-uri=\""+a.uri+"?q="+b+"#"+b+"\" data-context=\""+a.context+"\">\xBB "+a.title+"<div aria-hidden=\"true\" class=\"context\">"+(a.context||"")+"</div></div>"},onSelect:function(a,b,c){location.href=c.getAttribute("data-uri")}})});

package/assets/js/was-this-page-helpful.js

@@ -1,15 +1,22 @@
 $(function () {
-  $('.feedback').fadeIn('slow').addClass('d-block').removeClass('d-none');
+  $('.feedback').fadeIn('slow').addClass('d-block');
   $('.btn-feedback').click(function () {
     $('.btn-feedback').addClass('img-grayscale').attr('disabled', 'disabled');
     $('.feedback-thanks').fadeIn('slow').addClass('d-block');
   });
+
   $('.btn-feedback-helpful').click(function () {
     $('.feedback-helpful').fadeIn('slow').addClass('d-block');
-    $('.feedback-helpful').removeClass('d-none');
+    $('.icon-helpful-solid').addClass('d-block');
+    $('.icon-helpful-solid').removeClass('d-none');
+    $('.icon-helpful-outlined').removeClass('d-block');
+    $('.icon-helpful-outlined').addClass('d-none');
   });
   $('.btn-feedback-not-helpful').click(function () {
     $('.feedback-not-helpful').fadeIn('slow').addClass('d-block');
-    $('.feedback-not-helpful').removeClass('d-none');
+    $('.icon-not-helpful-solid').addClass('d-block');
+    $('.icon-not-helpful-solid').removeClass('d-none');
+    $('.icon-not-helpful-solid').removeClass('d-none');
+    $('.icon-not-helpful-outlined').addClass('d-none');
   });
 });

package/data/navbar_apps.yml

@@ -1,15 +1,19 @@
+- title: Modus Style Guide
+  icon: "/img/icons/trimble.svg"
+  url: "https://modus.trimble.com/"
+
 - title: Modus Web Components
-  icon: ""
+  icon: "/img/icons/web-components.svg"
   url: "https://modus-web-components.trimble.com/"
 
 - title: Modus Icons
-  icon: ""
+  icon: "/img/icons/check-circle-outlined.svg"
   url: "https://modus-icons.trimble.com"
 
 - title: Modus Bootstrap
-  icon: ""
+  icon: "/img/icons/code.svg"
   url: "https://modus-bootstrap.trimble.com/"
 
 - title: Modus on GitHub
-  icon: ""
+  icon: "/img/icons/github.svg"
   url: "https://github.com/trimble-oss/?q=modus&type=all&language=&sort=stargazers"

package/layouts/_default/_markup/render-heading.html

@@ -1,4 +1,4 @@
-<h{{ .Level }} id="{{ .Anchor | safeURL }}"
+<h{{ .Level }} id="{{- .Anchor | safeURL -}}"
   class="{{- if (eq .Level 2 ) }}
   h1 mt-5 {{- end -}}
  {{- if (eq .Level 3 ) }}
@@ -20,4 +20,4 @@
   {{ if and (ne .Anchor "use-when") (ne .Anchor "dont-use-when") }}
   <a class="header-link text-light text-decoration-none fw-normal" href="#{{- .Anchor | safeURL -}}"
     aria-label="anchor"></a>{{ end }}
-</h{{ .Level }}>
+</h{{ .Level }}>

package/layouts/_default/_markup/render-link.html

@@ -1,4 +1,4 @@
-<a href="{{ .Destination | safeURL }}" {{ with .Title}} title="{{ . }}"
-  {{- end -}}{{ if strings.HasPrefix .Destination "http" }} target="_blank" rel="noopener" {{ end }}>
+<a href="{{- .Destination | safeURL -}}" {{ with .Title}} title="{{- . -}}"
+  {{- end -}}{{ if strings.HasPrefix .Destination "http" }} target="_blank" rel="noopener" {{- end -}}>
   {{- .Text | safeHTML -}}
-</a>
+</a>

package/layouts/_default/baseof.html

@@ -1,5 +1,6 @@
 <!doctype html>
-<html lang="en-US" class="h-100 no-js {{ with .Page.Params.html_class }}{{ . -}}{{- end -}}">
+<html lang="{{ with .Site.LanguageCode }}{{- . -}}{{ else }}en-US{{- end -}}"
+  class="h-100 no-js {{ with .Page.Params.html_class }}{{ . -}}{{- end -}}">
 
 <head>
   {{ partial "meta" . }}
@@ -7,6 +8,7 @@
 
 <body data-url="{{ .RelPermalink }}" class="overflow-x-hidden {{ with .Page.Params.body_class -}}{{ . -}}{{- end -}}"
   {{ if not .Params.disableScrollSpy }}{{- end -}}>
+  {{ partial "skippy" . }}
   {{ if not .Params.NavbarFalse }}{{ partial "navbar" . }}{{ end }}
   {{ block "body" . }}{{ block "main" . }}
   {{- end -}}
@@ -26,7 +28,10 @@
       if (event.which === 27) {
         const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]');
         tooltipTriggerList.forEach(function (tooltipTriggerEl) {
-          $(tooltipTriggerEl).tooltip('hide');
+          var bootstrapTooltip = bootstrap.Tooltip.getInstance(tooltipTriggerEl);
+          if (bootstrapTooltip) {
+            bootstrapTooltip.hide();
+          }
         });
       }
     });
@@ -36,6 +41,8 @@
     const popoverTriggerList = document.querySelectorAll('[data-bs-toggle="popover"]')
     const popoverList = [...popoverTriggerList].map(popoverTriggerEl => new bootstrap.Popover(popoverTriggerEl))
   </script>
+
+  {{- if not .IsHome -}}
   <script>
     // Disable all links with #
     var links = document.querySelectorAll('a[href="#"]');
@@ -47,7 +54,6 @@
       });
     });
   </script>
-  {{- if not .IsHome -}}
   <script>
     // Change Submit buttons within docs examples to type=button
     var article = document.querySelector('article');
@@ -62,4 +68,4 @@
   {{- end -}}
 </body>
 
-</html>
+</html>

package/layouts/_default/home.html

@@ -15,6 +15,18 @@
 
     <div class="col col-auto col-12 col-main border-start p-0 overflow-x-hidden">
 
+      <script>
+        function _calculateScrollbarWidth() {
+          document.documentElement.style.setProperty('--scrollbar-width', (window.innerWidth - document.documentElement.clientWidth) + "px");
+        }
+        // recalculate on resize
+        window.addEventListener('resize', _calculateScrollbarWidth, false);
+        // recalculate on dom load
+        document.addEventListener('DOMContentLoaded', _calculateScrollbarWidth, false);
+        // recalculate on load (assets loaded as well)
+        window.addEventListener('load', _calculateScrollbarWidth);
+      </script>
+
       <main id="main" class="container">
 
         {{ .Content }}
@@ -28,4 +40,4 @@
 
   </div>
 </div>
-{{- end -}}
+{{- end -}}

package/layouts/_default/redirect.html

@@ -1,5 +1,5 @@
 <!doctype html>
-<html lang="en">
+<html lang="{{ with .Site.LanguageCode }}{{- . -}}{{ else }}en-US{{- end -}}">
 
 <head>
   <meta charset="utf-8">

package/layouts/_default/single.html

@@ -17,7 +17,7 @@
 
       {{ partial "header" . }}
 
-      <main class="container mx-auto mt-5" style="max-width: 1090px;">
+      <main class="container mx-auto mt-5" id="main">
         <div class="row">
           <div class="col-12 col-xl-9">
             {{ if .Params.blog }}
@@ -26,9 +26,9 @@
             </h1>
             <div class="d-flex">
               <div class="mx-3">
-                <img src="/img/author/{{ .Params.author | urlize }}.jpg"
+                <img src="/img/author/{{- .Params.author | urlize -}}.jpg"
                   class="bg-light rounded-circle mx-auto text-center border" height="44" width="44"
-                  alt="{{ .Params.author }}">
+                  alt="{{- .Params.author -}}">
               </div>
               <div>
                 <div class="text-body fw-bold">
@@ -110,4 +110,4 @@
 
   </div>
 </div>
-{{ end }}
+{{ end }}

package/layouts/index.json

@@ -6,7 +6,7 @@
 {{- if and $index (gt $index 0) -}},{{- end }}
 {
   "uri": "{{- $page.Permalink -}}",
-  "title": "{{- htmlEscape $page.Title }} {{ if in .Params.tags "in-field" }}(In-Field){{end}}{{ if .Params.componentsWeb }}(Web){{end}}{{ if in .Params.tags "xr" }}(XR){{end}}{{ if in .Params.tags "mobile" }}(Mobile){{end}}",
+  "title": "{{- htmlEscape $page.Title -}}",
   "tags": [{{ range $tindex, $tag := $page.Params.tags }}{{ if $tindex }}, {{ end }}"{{ $tag| htmlEscape }}"{{ end }}],
   "description": "{{- htmlEscape .Description -}}",
   "content": {{- $page.Plain | jsonify -}}

package/layouts/partials/analytics.html

@@ -1,9 +1,12 @@
-{{- if not .Site.IsServer -}}
+{{- if not hugo.IsServer -}}
 
-<!--
-<script defer data-domain="yourdomain.com" src="https://plausible.io/js/script.js"></script>
+{{ template "_internal/google_analytics.html" . }}
+
+{{- with .Site.Params.PlausibleAnalyticsDomain -}}
+<script defer data-domain="{{- . -}}" src="https://plausible.io/js/script.outbound-links.js"></script>
 <script>
   window.plausible = window.plausible || function () { (window.plausible.q = window.plausible.q || []).push(arguments) }
 </script>
--->
+{{- end -}}
+
 {{- end -}}

package/layouts/partials/blog-brief.html

@@ -2,7 +2,7 @@
 <div class="col-12 col-lg-6 col-xl-4 my-3">
   <div class="card card-blog-brief h-100">
     <div class="card-header top-rounded mb-0 pb-0 border-0"
-      style="background-image: url({{ .Params.Image | relURL }}); background-color: {{ .Params.headerBgColor }}">
+      style="background-image: url({{- .Params.Image | relURL -}}); background-color: {{- .Params.headerBgColor -}}">
     </div>
     <div class="card-body border-0 pb-0">
       <h3 class="card-title text-body px-2 ms-n2 name" {{ if .Params.TitleNoTranslate }}translate="no" {{- end -}}>
@@ -19,12 +19,12 @@
     <div class="card-footer bg-transparent border-0 py-0">
       <div class="d-flex mb-1">
         <div class="me-2">
-          <img src="/img/author/{{ .Params.author | urlize }}.jpg"
+          <img src="/img/author/{{- .Params.author | urlize -}}.jpg"
             class="bg-light rounded-circle mx-auto text-center img-fluid ms-2" height="40" width="40"
-            alt="{{ .Params.author }}">
+            alt="{{- .Params.author -}}">
         </div>
         <div>
-          <p class="text-muted small mb-0">{{ .Params.author }}</p>
+          <p class="text-muted small mb-0">{{- .Params.author -}}</p>
           <p class="text-muted small">{{- .Date.Format "Jan 2, 2006" }}</p>
         </div>
       </div>