@trimble-oss/modus-docs-hugo-theme 1.0.0-alpha3 → 1.0.0-alpha30

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

@@ -33,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 {
@@ -53,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
@@ -77,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 {
@@ -117,3 +121,4 @@ article .nav-tabs .nav-link::after {
 article table {
   width: 100%;
 }
+

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

@@ -1,23 +1,23 @@
 /*! purgecss start ignore */
 .autocomplete-suggestions {
-  cursor: default;
+  background-color: #fff;
   border: 1px solid #cbcdd6;
   border-top: 0;
-  background-color: #fff;
   box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.1);
-  position: absolute;
+  box-sizing: border-box;
+  cursor: default;
   display: none;
-  z-index: 33333; // higher than navbar
   max-height: 254px;
   overflow: hidden;
   overflow-y: auto;
-  box-sizing: border-box;
+  position: absolute;
+  z-index: 33333; // higher than navbar
 }
 
 [data-bs-theme="dark"] {
   .autocomplete-suggestions {
     background-color: #171c1e;
-    color: #f1f1f1 !important;
+    color: var(--bs-body-color);
   }
 
   .autocomplete-suggestion {
@@ -26,19 +26,19 @@
 }
 
 .autocomplete-suggestion {
-  position: relative;
+  color: #353a40;
   cursor: pointer;
-  padding: 7px;
   line-height: 23px;
-  white-space: nowrap;
   overflow: hidden;
+  padding: 7px;
+  position: relative;
   text-overflow: ellipsis;
-  color: #353a40;
+  white-space: nowrap;
 }
 
 .autocomplete-suggestion b {
-  font-weight: 400;
   color: #1f8dd6;
+  font-weight: 400;
 }
 
 .autocomplete-suggestion.selected {
@@ -52,8 +52,8 @@
 }
 
 .autocomplete-suggestion > .context {
-  font-size: 12px;
   color: #7d808d;
+  font-size: 12px;
 }
 
 .autocomplete-suggestion.selected > .context {

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

@@ -1,5 +1,6 @@
 .card-blog-brief {
   min-height: 140px;
+  transition: none;
 }
 
 .card-blog-brief:hover {
@@ -18,8 +19,8 @@
 }
 
 .card-post .card-header {
-  min-height: 89px;
-  background-size: cover;
-  background-position: center;
   aspect-ratio: 4 / 1;
+  background-position: center;
+  background-size: cover;
+  min-height: 89px;
 }

package/assets/{styles → css}/_menu-right.scss

@@ -7,20 +7,21 @@
 #TableOfContents ul ul,
 #TableOfContents ul ul li {
   list-style: none;
+  padding-left: 0 !important;
   text-indent: 10px;
 }
 
 // right menu
 #TableOfContents li a {
-  padding-top: 0.3rem;
-  padding-bottom: 0.3rem;
-  font-size: 13px;
   border-left: 1px solid transparent;
+  font-size: 13px;
+  padding-bottom: 0.3rem;
+  padding-top: 0.3rem;
 }
 
 .menu-right a {
-  font-size: 13px;
   color: #171c1e;
+  font-size: 13px;
 }
 
 [data-bs-theme="dark"] {
@@ -50,6 +51,6 @@ hr {
 
 // scrollspy color
 .menu-right #TableOfContents li .active {
-  color: #000 !important;
   border-left: 1px solid #0d6aa8 !important;
+  color: #000 !important;
 }

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;
+    min-width: 100%;
+    width: 100%
   }
 
   #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/_mq-forced-colors-active.scss

@@ -0,0 +1,29 @@
+@media (forced-colors: active) {
+  nav.navbar.sticky-top {
+    border-bottom: 1px solid transparent;
+  }
+
+  .col-sidebar {
+    border-right: 1px solid transparent;
+  }
+
+  .highlight {
+    margin-bottom: 1rem;
+    outline: 1px solid transparent;
+  }
+
+  .nav-link.active {
+    outline: 1px solid transparent;
+  }
+}
+
+@media (forced-colors: active) and (prefers-color-scheme: light) {
+  nav.navbar.sticky-top .btn svg {
+    fill: ButtonText;
+  }
+
+  nav .navbar-brand svg {
+    filter: invert(1);
+    forced-color-adjust: none;
+  }
+}

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: -6px;
+  top: 0;
+  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 svg {
+  margin-top: 11px;
+}
+
+[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}/_scroll-to-top-btn.scss

@@ -1,14 +1,14 @@
 .btn-to-top {
-  font-size: 18px;
-  line-height: 48px !important;
   background-color: #353a40 !important;
-  width: 48px;
   bottom: 20px;
-  right: 20px;
-  z-index: 6000;
+  font-size: 18px;
+  line-height: 48px !important;
   opacity: 0;
+  right: 20px;
   transform: translateY(100px);
   transition: all 1s ease;
+  width: 48px;
+  z-index: 2000;
 }
 
 .btn-to-top-show {

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

@@ -1,7 +1,3 @@
-.card-blog-brief {
-  transition: none;
-}
-
 #sidebar-menu {
   max-height: calc(100vh - 66px);
 }
@@ -40,7 +36,7 @@
 }
 
 .col-main {
-  max-width: calc(100vw - 81px);
+  width: 100%;
 }
 
 .collapse-horizontal.collapse:not(.show) {
@@ -48,16 +44,12 @@
 }
 
 .row-main {
-  height: calc(100dvh - 66px);
-}
-
-#sidebar.collapsing {
-  transition: none;
+  min-height: calc(100dvh - 66px);
 }
 
 #sidebar.collapsing + div,
 #sidebar.show + div {
-  max-width: calc(100vw - 332px);
+  max-width: 100%;
 }
 
 .col-sidebar .sticky-offset {

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}/_theme-light.scss

@@ -1,5 +1,5 @@
 [data-bs-theme="light"] {
-  article a.btn-primary::after {
+  article a.btn-primary:not(.dropdown-toggle)::after {
     filter: invert(1);
   }
 }

package/assets/{styles → css}/_theme-toggle.scss

@@ -3,11 +3,11 @@
 }
 
 .sun-and-moon > :is(.moon, .sun) {
-  fill: var(--icon-fill);
+  fill: #fff;
 }
 
 .sun-and-moon > .sun-beams {
-  stroke: var(--icon-fill);
+  stroke: #fff;
   stroke-width: 2px;
 }
 
@@ -44,14 +44,10 @@
     }
   }
 
-  [data-bs-theme="dark"] .sun-and-moon > :is(.moon, .sun) {
-    fill: rgb(255, 255, 255);
-  }
-
   [data-bs-theme="dark"] .sun-and-moon > .sun {
     transform: scale(1.75);
-    transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);
     transition-duration: 0.25s;
+    transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);
   }
 
   [data-bs-theme="dark"] .sun-and-moon > .sun-beams {
@@ -66,17 +62,15 @@
 }
 
 .theme-toggle {
-  --icon-fill: rgb(0, 0, 0);
-
   aspect-ratio: 1;
   cursor: pointer;
-  touch-action: manipulation;
   -webkit-tap-highlight-color: transparent;
+  touch-action: manipulation;
 }
 
 .theme-toggle > svg {
-  inline-size: 100%;
   block-size: 100%;
+  inline-size: 100%;
   max-height: 18px;
   max-width: 18px;
   stroke-linecap: round;

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}

@@ -4,11 +4,10 @@
 @import "autocomplete"; // search autocomplete dropdown
 @import "article";
 @import "cards";
-@import "col-sidebar"; // 1st column
 @import "codefences"; // code syntax highlighting
 @import "codefences-dark"; // code syntax highlighting
 @import "javascript-disabled"; // display message at top if JS is disabled
-// @import "list-js";
+@import "mq-forced-colors-active"; // forced colors mode
 @import "sidebar";
 @import "menu-right"; // 'On this page' menu
 @import "mobile"; // optimizations for xxs mobile screens
@@ -17,7 +16,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 +40,7 @@ h6 {
 }
 
 // underline links
-main a {
+main a:not([class], li.breadcrumb-item a) {
   text-decoration: underline;
 }
 
@@ -62,5 +62,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"