@healthcatalyst/catalyst-docfx-template 1.0.153 → 1.0.154

package/layout/_master.tmpl

@@ -19,7 +19,12 @@
         {{>partials/breadcrumb}}
         {{/_enableBreadcrumb}}
       </header>
-        <div role="main" class="docs-container body-content">
+            {{#_enableSearch}}
+      <div class="container-fluid body-content">
+        {{>partials/searchResults}}
+      </div>
+      {{/_enableSearch}}
+        <div role="main" class="docs-container body-content hide-when-search">
       {{^_enableToc}}
         <div class="article row grid">
       {{/_enableToc}}
@@ -44,9 +49,6 @@
             <article class="content wrap" id="_content" data-uid="{{uid}}">
                 {{!body}}
             </article>
-            {{#_enableSearch}}
-                {{>partials/searchResults}}
-            {{/_enableSearch}}
             {{#_enableFeedback}}
             {{>partials/feedback}}
             {{/_enableFeedback}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@healthcatalyst/catalyst-docfx-template",
-  "version": "1.0.153",
+  "version": "1.0.154",
   "license": "MIT",
   "description": "A DocFX Template patching the Default template.",
   "publishConfig": {

package/partials/breadcrumb.tmpl.partial

@@ -17,5 +17,13 @@
         </ul>
       </div>
 	    </div>
+		<div class="docs-subnav-right" id="subnav-right">
+			<div class="docs-search">
+				<span class="docs-subnav-search-icon"><i class="fa fa-search" aria-hidden="true"></i></span>
+				<form role="search" id="search" style="display: block;">
+					<input type="text" id="search-query" placeholder="Search">
+				</form>
+			</div>
+		</div>
     </div>
 </div>

package/styles/main.css

@@ -739,7 +739,6 @@ output {
 
 #search {
     border: none;
-    display:block;
 }
 
 
@@ -1159,8 +1158,8 @@ output {
     border: 1px lightgray solid;
     display: flex;
     align-items: center;
-    width: 100%;
-    /*padding: 2px 2px 2px 10px;*/
+    width: 180px;
+    padding: 2px 2px 2px 10px;
     margin: 6px 5px 6px auto;
 }
 
@@ -2100,78 +2099,3 @@ article .tabGroup > ul > li {
 #faqTable tr.header, #faqTable tr:hover {
   background-color: #f1f1f1;
 }
-
-/* Side search styling */
-.sidefilter .docs-search {
-  padding: 0px;
-  background: transparent;
-  border: 0px;
-}
-
-.sidefilter .side-search {
-  position: relative;
-  display: flex;
-  align-items: center;
-  margin: 0;
-  width:100%;
-}
-
-.sidefilter #search-query {
-  width: 100%;
-  height:35px;
-  padding: 8px 12px 8px 35px;
-  border: 1px solid #ced4da;
-  border-radius: 4px;
-  font-size: 14px;
-  box-sizing: border-box;
-  background-color: #fff;
-  outline: none;
-}
-
-.sidefilter #search-query:focus {
-  border-color: #00aeff;
-  box-shadow: 0 0 0 0.2rem rgba(0, 174, 255, 0.25);
-}
-
-.sidefilter #search-query::placeholder {
-  color: #a1a1a1;
-  opacity: 1;
-}
-
-/* Search icon */
-.sidefilter .side-search::before {
-  content: "\f002"; /* FontAwesome search icon */
-  font-family: "FontAwesome", "Font Awesome 5 Free";
-  font-weight: 900;
-  position: absolute;
-  left: 12px;
-  top:50%;
-  transform: translateY(-50%);
-  color: #6c757d;
-  pointer-events: none;
-  z-index: 1;
-}
-
-#search-results {
-  max-width: 935px;
-  margin: 0;
-  padding: 0 0 32px;
-  position: relative;
-  z-index: 1;
-}
-
-#search { position:relative; }
-#search-clear {
-  position:absolute;
-  top:50%;
-  right:8px;
-  transform:translateY(-50%);
-  background:none;
-  border:0;
-  padding:0;
-  font-size:18px;
-  line-height:1;
-  cursor:pointer;
-  color:#666;
-}
-#search-clear:hover { color:#000; }

package/partials/searchResults.tmpl.partial

@@ -1,9 +0,0 @@
-{{!Licensed to the .NET Foundation under one or more agreements. The .NET Foundation licenses this file to you under the MIT license.}}
-
-<div id="search-results" style="display:none;">
-  <div class="search-list">{{__global.searchResults}} <span></span></div>
-  <div class="sr-items">
-    <p><i class="glyphicon glyphicon-refresh index-loading"></i></p>
-  </div>
-  <ul id="pagination" data-first={{__global.pageFirst}} data-prev={{__global.pagePrev}} data-next={{__global.pageNext}} data-last={{__global.pageLast}}></ul>
-</div>

package/styles/docfx.js

@@ -1,1198 +0,0 @@
-// Licensed to the .NET Foundation under one or more agreements.
-// The .NET Foundation licenses this file to you under the MIT license.
-$(function () {
-  var active = 'active';
-  var expanded = 'in';
-  var collapsed = 'collapsed';
-  var filtered = 'filtered';
-  var show = 'show';
-  var hide = 'hide';
-  var util = new utility();
-
-  workAroundFixedHeaderForAnchors();
-  highlight();
-  enableSearch();
-
-  renderTables();
-  renderAlerts();
-  renderLinks();
-  renderNavbar();
-  renderSidebar();
-  renderAffix();
-  renderFooter();
-  renderLogo();
-
-  breakText();
-  renderTabs();
-
-  window.refresh = function (article) {
-    // Update markup result
-    if (typeof article == 'undefined' || typeof article.content == 'undefined')
-      console.error("Null Argument");
-    $("article.content").html(article.content);
-
-    highlight();
-    renderTables();
-    renderAlerts();
-    renderAffix();
-    renderTabs();
-  }
-
-  // Add this event listener when needed
-  // window.addEventListener('content-update', contentUpdate);
-
-  function breakText() {
-    $(".xref").addClass("text-break");
-    var texts = $(".text-break");
-    texts.each(function () {
-      $(this).breakWord();
-    });
-  }
-
-  // Styling for tables in conceptual documents using Bootstrap.
-  // See http://getbootstrap.com/css/#tables
-  function renderTables() {
-    $('table').addClass('table table-bordered table-condensed').wrap('<div class=\"table-responsive\"></div>');
-  }
-
-  // Styling for alerts.
-  function renderAlerts() {
-    $('.NOTE, .TIP').addClass('alert alert-info');
-    $('.WARNING').addClass('alert alert-warning');
-    $('.IMPORTANT, .CAUTION').addClass('alert alert-danger');
-  }
-
-  // Enable anchors for headings.
-  (function () {
-    anchors.options = {
-      placement: 'left',
-      visible: 'hover'
-    };
-    anchors.add('article h2:not(.no-anchor), article h3:not(.no-anchor), article h4:not(.no-anchor)');
-  })();
-
-  // Open links to different host in a new window.
-  function renderLinks() {
-    if ($("meta[property='docfx:newtab']").attr("content") === "true") {
-      $(document.links).filter(function () {
-        return this.hostname !== window.location.hostname;
-      }).attr('target', '_blank');
-    }
-  }
-
-  // Enable highlight.js
-  function highlight() {
-    $('pre code').each(function (i, block) {
-      hljs.highlightElement(block);
-    });
-    $('pre code[highlight-lines]').each(function (i, block) {
-      if (block.innerHTML === "") return;
-      var lines = block.innerHTML.split('\n');
-
-      queryString = block.getAttribute('highlight-lines');
-      if (!queryString) return;
-
-      var ranges = queryString.split(',');
-      for (var j = 0, range; range = ranges[j++];) {
-        var found = range.match(/^(\d+)\-(\d+)?$/);
-        if (found) {
-          // consider region as `{startlinenumber}-{endlinenumber}`, in which {endlinenumber} is optional
-          var start = +found[1];
-          var end = +found[2];
-          if (isNaN(end) || end > lines.length) {
-            end = lines.length;
-          }
-        } else {
-          // consider region as a sigine line number
-          if (isNaN(range)) continue;
-          var start = +range;
-          var end = start;
-        }
-        if (start <= 0 || end <= 0 || start > end || start > lines.length) {
-          // skip current region if invalid
-          continue;
-        }
-        lines[start - 1] = '<span class="line-highlight">' + lines[start - 1];
-        lines[end - 1] = lines[end - 1] + '</span>';
-      }
-
-      block.innerHTML = lines.join('\n');
-    });
-  }
-
-  // Support full-text-search
-  function enableSearch() {
-    var query;
-    var relHref = $("meta[property='docfx\\:rel']").attr("content");
-    if (typeof relHref === 'undefined') {
-      return;
-    }
-    try {
-      if(!window.Worker){
-        return;
-      }
-      webWorkerSearch();
-      renderSearchBox();
-      highlightKeywords();
-      addSearchEvent();
-    } catch (e) {
-      console.error(e);
-    }
-
-    //Adjust the position of search box in navbar
-    function renderSearchBox() {
-      autoCollapse();
-      $(window).on('resize', autoCollapse);
-      $(document).on('click', '.navbar-collapse.in', function (e) {
-        if ($(e.target).is('a')) {
-          $(this).collapse('hide');
-        }
-      });
-
-      function autoCollapse() {
-        var navbar = $('#autocollapse');
-        if (navbar.height() === null) {
-          setTimeout(autoCollapse, 300);
-        }
-        navbar.removeClass(collapsed);
-        if (navbar.height() > 60) {
-          navbar.addClass(collapsed);
-        }
-      }
-    }
-
-    function webWorkerSearch() {
-      var indexReady = $.Deferred();
-
-      var worker = new Worker(relHref + 'styles/search-worker.min.js');
-      worker.onerror = function (oEvent) {
-        console.error('Error occurred at search-worker. message: ' + oEvent.message);
-      }
-
-      worker.onmessage = function (oEvent) {
-        switch (oEvent.data.e) {
-          case 'index-ready':
-            indexReady.resolve();
-            break;
-          case 'query-ready':
-            var hits = oEvent.data.d;
-            handleSearchResults(hits);
-            break;
-        }
-      }
-
-      indexReady.promise().done(function () {
-        $("body").bind("queryReady", function () {
-          worker.postMessage({ q: query });
-        });
-        if (query && (query.length >= 3)) {
-          worker.postMessage({ q: query });
-        }
-      });
-    }
-
-    // Highlight the searching keywords
-    function highlightKeywords() {
-      var q = url('?q');
-      if (q) {
-        var keywords = q.split("%20");
-        keywords.forEach(function (keyword) {
-          if (keyword !== "") {
-            $('.data-searchable *').mark(keyword);
-            $('article *').mark(keyword);
-          }
-        });
-      }
-    }
-
-    function addSearchEvent() {
-      $('body').on("searchEvent", function () {
-      var $input = $('#search-query');
-      var $clear = $('#search-clear');
-      if (!$input.length) return;
-
-      $input.off('keydown keypress input');
-      $clear.off('click');
-
-      // Prevent default submit
-      $input.on('keypress', function(e){ if (e.which === 13) e.preventDefault(); });
-
-      // Enter triggers search
-      $input.on('keydown', function(e){
-        if (e.key === 'Enter') {
-          e.preventDefault();
-          query = $(this).val().trim();
-          if (!query || query.length < 3) {
-            flipContents("show");
-            $('#search-results .sr-items').empty();
-            return;
-          }
-          flipContents("hide");
-          $('#search-results .search-list span').text('"' + query + '"');
-          $('body').trigger('queryReady');
-        }
-        // Escape cancels
-        if (e.key === 'Escape') {
-          $input.val('');
-          query = '';
-          flipContents("show");
-          $('#search-results .sr-items').empty();
-        }
-      });
-
-      // If user manually deletes all text
-      $input.on('input', function(){
-        if (this.value.trim() === '') {
-          query = '';
-          flipContents("show");
-          $('#search-results .sr-items').empty();
-        }
-      });
-
-      // Clear button
-      $clear.on('click', function(){
-        $input.val('').focus();
-        query = '';
-        flipContents("show");
-        $('#search-results .sr-items').empty();
-      });
-    });
-  }
-    function flipContents(action) {
-      if (action === "show") {
-        $('#search-results').hide();
-        // Show real article bodies
-        $('article.content').not('#search-results').show();
-      } else {
-        $('#search-results').show();
-        // Hide only main article bodies, keep search results visible
-        $('article.content').not('#search-results').hide();
-      }
-    }
-
-    function relativeUrlToAbsoluteUrl(currentUrl, relativeUrl) {
-      var currentItems = currentUrl.split(/\/+/);
-      var relativeItems = relativeUrl.split(/\/+/);
-      var depth = currentItems.length - 1;
-      var items = [];
-      for (var i = 0; i < relativeItems.length; i++) {
-        if (relativeItems[i] === '..') {
-          depth--;
-        } else if (relativeItems[i] !== '.') {
-          items.push(relativeItems[i]);
-        }
-      }
-      return currentItems.slice(0, depth).concat(items).join('/');
-    }
-
-    function extractContentBrief(content) {
-      if (!content) {
-        return
-      }
-      var briefOffset = 512;
-      var words = query.split(/\s+/g);
-      var queryIndex = content.indexOf(words[0]);
-      var briefContent;
-      if (queryIndex > briefOffset) {
-        return "..." + content.slice(queryIndex - briefOffset, queryIndex + briefOffset) + "...";
-      } else if (queryIndex <= briefOffset) {
-        return content.slice(0, queryIndex + briefOffset) + "...";
-      }
-    }
-
-    function handleSearchResults(hits) {
-      var numPerPage = 10;
-      var pagination = $('#pagination');
-      pagination.empty();
-      pagination.removeData("twbs-pagination");
-      if (hits.length === 0) {
-        $('#search-results>.sr-items').html('<p>No results found</p>');
-      } else {
-        pagination.twbsPagination({
-          first: pagination.data('first'),
-          prev: pagination.data('prev'),
-          next: pagination.data('next'),
-          last: pagination.data('last'),
-          totalPages: Math.ceil(hits.length / numPerPage),
-          visiblePages: 5,
-          onPageClick: function (event, page) {
-            var start = (page - 1) * numPerPage;
-            var curHits = hits.slice(start, start + numPerPage);
-            $('#search-results>.sr-items').empty().append(
-              curHits.map(function (hit) {
-                var currentUrl = window.location.href;
-                var itemRawHref = relativeUrlToAbsoluteUrl(currentUrl, relHref + hit.href);
-                var itemHref = relHref + hit.href + "?q=" + query;
-                var itemTitle = hit.title;
-                var itemBrief = extractContentBrief(hit.summary || '');
-
-                var itemNode = $('<div>').attr('class', 'sr-item');
-                var itemTitleNode = $('<div>').attr('class', 'item-title').append($('<a>').attr('href', itemHref).attr("target", "_blank").attr("rel", "noopener noreferrer").text(itemTitle));
-                var itemHrefNode = $('<div>').attr('class', 'item-href').text(itemRawHref);
-                var itemBriefNode = $('<div>').attr('class', 'item-brief').text(itemBrief);
-                itemNode.append(itemTitleNode).append(itemHrefNode).append(itemBriefNode);
-                return itemNode;
-              })
-            );
-            query.split(/\s+/).forEach(function (word) {
-              if (word !== '') {
-                $('#search-results>.sr-items *').mark(word);
-              }
-            });
-          }
-        });
-      }
-    }
-  };
-
-  // Update href in navbar
-  function renderNavbar() {
-    var navbar = $('#navbar ul')[0];
-    if (typeof (navbar) === 'undefined') {
-      loadNavbar();
-    } else {
-      $('#navbar ul a.active').parents('li').addClass(active);
-      renderBreadcrumb();
-      showSearch();
-    }
-
-    function showSearch() {
-      if ($('#search-results').length !== 0) {
-          $('#search').show();
-          $('body').trigger("searchEvent");
-      }
-    }
-
-    function loadNavbar() {
-      var navbarPath = $("meta[property='docfx\\:navrel']").attr("content");
-      if (!navbarPath) {
-        return;
-      }
-      navbarPath = navbarPath.replace(/\\/g, '/');
-      var tocPath = $("meta[property='docfx\\:tocrel']").attr("content") || '';
-      if (tocPath) tocPath = tocPath.replace(/\\/g, '/');
-      $.get(navbarPath, function (data) {
-        $(data).find("#toc>ul").appendTo("#navbar");
-        showSearch();
-        var index = navbarPath.lastIndexOf('/');
-        var navrel = '';
-        if (index > -1) {
-          navrel = navbarPath.substr(0, index + 1);
-        }
-        $('#navbar>ul').addClass('navbar-nav');
-        var currentAbsPath = util.getCurrentWindowAbsolutePath();
-        // set active item
-        $('#navbar').find('a[href]').each(function (i, e) {
-          var href = $(e).attr("href");
-          if (util.isRelativePath(href)) {
-            href = navrel + href;
-            $(e).attr("href", href);
-
-            var isActive = false;
-            var originalHref = e.name;
-            if (originalHref) {
-              originalHref = navrel + originalHref;
-              if (util.getDirectory(util.getAbsolutePath(originalHref)) === util.getDirectory(util.getAbsolutePath(tocPath))) {
-                isActive = true;
-              }
-            } else {
-              if (util.getAbsolutePath(href) === currentAbsPath) {
-                var dropdown = $(e).attr('data-toggle') == "dropdown"
-                if (!dropdown) {
-                  isActive = true;
-                }
-              }
-            }
-            if (isActive) {
-              $(e).addClass(active);
-            }
-          }
-        });
-        renderNavbar();
-      });
-    }
-  }
-
-function renderSidebar() {
-    var sidetoc = $('#sidetoggle .sidetoc')[0];
-    if (typeof sidetoc === 'undefined') {
-      loadToc();
-    } else {
-      registerTocEvents();
-      if ($('footer').is(':visible')) $('.sidetoc').addClass('shiftup');
-
-      var top = 0;
-      $('#toc a.active').parents('li').each(function (i, e) {
-        $(e).addClass(active).addClass(expanded);
-        $(e).children('a').addClass(active);
-      });
-      $('#toc a.active').parents('li').each(function (i, e) {
-        top += $(e).position().top;
-      });
-      $('.sidetoc').scrollTop(top - 50);
-
-      if ($('footer').is(':visible')) $('.sidetoc').addClass('shiftup');
-      renderBreadcrumb();
-    }
-
-    function registerTocEvents() {
-      var tocFilterInput = $('#toc_filter_input');
-      var tocFilterClearButton = $('#toc_filter_clear');
-
-      // Guard: TOC filter removed
-      if (tocFilterInput.length === 0 || tocFilterClearButton.length === 0) return;
-
-      $('.toc .nav > li > .expand-stub').click(function (e) {
-        $(e.target).parent().toggleClass(expanded);
-      });
-      $('.toc .nav > li > .expand-stub + a:not([href])').click(function (e) {
-        $(e.target).parent().toggleClass(expanded);
-      });
-
-      tocFilterInput.on('input', function () {
-        var val = this.value;
-        if (typeof Storage !== 'undefined') {
-          try { sessionStorage.filterString = val; } catch (e) {}
-        }
-        if (val === '') {
-          $('#toc li').removeClass(filtered).removeClass(hide);
-            tocFilterClearButton.fadeOut();
-          return;
-        }
-        tocFilterClearButton.fadeIn();
-
-        // Hide parent nodes initially
-        $('#toc li>a').filter(function (i, e) {
-          return $(e).siblings().length > 0;
-        }).each(function (i, anchor) {
-          var parent = $(anchor).parent();
-          parent.addClass(hide).removeClass(show).removeClass(filtered);
-        });
-
-        // Leaf nodes
-        $('#toc li>a').filter(function (i, e) {
-          return $(e).siblings().length === 0;
-        }).each(function (i, anchor) {
-          var text = $(anchor).attr('title');
-          var parent = $(anchor).parent();
-          var parentNodes = parent.parents('ul>li');
-          for (var j = 0; j < parentNodes.length; j++) {
-            var parentText = $(parentNodes[j]).children('a').attr('title');
-            if (parentText) text = parentText + '.' + text;
-          }
-          if (filterNavItem(text, val)) {
-            parent.addClass(show).removeClass(hide);
-          } else {
-            parent.addClass(hide).removeClass(show);
-          }
-        });
-
-        // Parents with visible children
-        $('#toc li>a').filter(function (i, e) {
-          return $(e).siblings().length > 0;
-        }).each(function (i, anchor) {
-          var parent = $(anchor).parent();
-          if (parent.find('li.show').length > 0) {
-            parent.addClass(show).addClass(filtered).removeClass(hide);
-          } else {
-            parent.addClass(hide).removeClass(show).removeClass(filtered);
-          }
-        });
-
-        function filterNavItem(name, text) {
-          if (!text) return true;
-          return name && name.toLowerCase().indexOf(text.toLowerCase()) > -1;
-        }
-      });
-
-      tocFilterClearButton.hide().on('click', function () {
-        tocFilterInput.val('').trigger('input');
-        if (typeof Storage !== 'undefined') {
-          try { sessionStorage.filterString = ''; } catch (e) {}
-        }
-      });
-
-      // Restore previous filter
-      if (typeof Storage !== 'undefined') {
-        try {
-          tocFilterInput.val(sessionStorage.filterString || '');
-          tocFilterInput.trigger('input');
-        } catch (e) {}
-      }
-    }
-
-    function loadToc() {
-      var tocPath = $("meta[property='docfx\\:tocrel']").attr("content");
-      if (!tocPath) return;
-      tocPath = tocPath.replace(/\\/g, '/');
-      $('#sidetoc').load(tocPath + " #sidetoggle > div", function () {
-        var index = tocPath.lastIndexOf('/');
-        var tocrel = index > -1 ? tocPath.substr(0, index + 1) : '';
-        var currentHref = util.getCurrentWindowAbsolutePath();
-        if (!currentHref.endsWith('.html')) currentHref += '.html';
-
-        $('#sidetoc').find('a[href]').each(function (i, e) {
-          var href = $(e).attr('href');
-          if (util.isRelativePath(href)) {
-            href = tocrel + href;
-            $(e).attr('href', href);
-          }
-          if (util.getAbsolutePath(e.href) === currentHref) {
-            $(e).addClass(active);
-          }
-          $(e).breakWord();
-        });
-
-         // Added: initialize sidebar search after TOC loads
-        if ($('#search-results').length && $('#search-query').length) {
-          $('#search').show();
-          $('body').trigger('searchEvent');
-        }
-
-        renderSidebar();
-      });
-    }
-  }
-
-  function renderBreadcrumb() {
-    var breadcrumb = [];
-    $('#navbar a.active').each(function (i, e) {
-      breadcrumb.push({
-        href: e.href,
-        name: e.innerHTML
-      });
-    })
-    $('#toc a.active').each(function (i, e) {
-      breadcrumb.push({
-        href: e.href,
-        name: e.innerHTML
-      });
-    })
-
-    var html = util.formList(breadcrumb, 'breadcrumb');
-    $('#breadcrumb').html(html);
-  }
-
-  //Setup Affix
-  function renderAffix() {
-    var hierarchy = getHierarchy();
-    if (!hierarchy || hierarchy.length <= 0) {
-      $("#affix").hide();
-    }
-    else {
-      var html = util.formList(hierarchy, ['nav', 'bs-docs-sidenav']);
-      $("#affix>div").empty().append(html);
-      if ($('footer').is(':visible')) {
-        $(".sideaffix").css("bottom", "70px");
-      }
-      $('#affix a').click(function(e) {
-        var scrollspy = $('[data-spy="scroll"]').data()['bs.scrollspy'];
-        var target = e.target.hash;
-        if (scrollspy && target) {
-          scrollspy.activate(target);
-        }
-      });
-    }
-
-    function getHierarchy() {
-      // supported headers are h1, h2, h3, and h4
-      var $headers = $($.map(['h1', 'h2', 'h3', 'h4'], function (h) { return ".article article " + h; }).join(", "));
-
-      // a stack of hierarchy items that are currently being built
-      var stack = [];
-      $headers.each(function (i, e) {
-        if (!e.id) {
-          return;
-        }
-
-        var item = {
-          name: htmlEncode($(e).text()),
-          href: "#" + e.id,
-          items: []
-        };
-
-        if (!stack.length) {
-          stack.push({ type: e.tagName, siblings: [item] });
-          return;
-        }
-
-        var frame = stack[stack.length - 1];
-        if (e.tagName === frame.type) {
-          frame.siblings.push(item);
-        } else if (e.tagName[1] > frame.type[1]) {
-          // we are looking at a child of the last element of frame.siblings.
-          // push a frame onto the stack. After we've finished building this item's children,
-          // we'll attach it as a child of the last element
-          stack.push({ type: e.tagName, siblings: [item] });
-        } else {  // e.tagName[1] < frame.type[1]
-          // we are looking at a sibling of an ancestor of the current item.
-          // pop frames from the stack, building items as we go, until we reach the correct level at which to attach this item.
-          while (e.tagName[1] < stack[stack.length - 1].type[1]) {
-            buildParent();
-          }
-          if (e.tagName === stack[stack.length - 1].type) {
-            stack[stack.length - 1].siblings.push(item);
-          } else {
-            stack.push({ type: e.tagName, siblings: [item] });
-          }
-        }
-      });
-      while (stack.length > 1) {
-        buildParent();
-      }
-
-      function buildParent() {
-        var childrenToAttach = stack.pop();
-        var parentFrame = stack[stack.length - 1];
-        var parent = parentFrame.siblings[parentFrame.siblings.length - 1];
-        $.each(childrenToAttach.siblings, function (i, child) {
-          parent.items.push(child);
-        });
-      }
-      if (stack.length > 0) {
-
-        var topLevel = stack.pop().siblings;
-        if (topLevel.length === 1) {  // if there's only one topmost header, dump it
-          return topLevel[0].items;
-        }
-        return topLevel;
-      }
-      return undefined;
-    }
-
-    function htmlEncode(str) {
-      if (!str) return str;
-      return str
-        .replace(/&/g, '&amp;')
-        .replace(/"/g, '&quot;')
-        .replace(/'/g, '&#39;')
-        .replace(/</g, '&lt;')
-        .replace(/>/g, '&gt;');
-    }
-
-    function htmlDecode(value) {
-      if (!str) return str;
-      return value
-        .replace(/&quot;/g, '"')
-        .replace(/&#39;/g, "'")
-        .replace(/&lt;/g, '<')
-        .replace(/&gt;/g, '>')
-        .replace(/&amp;/g, '&');
-    }
-
-    function cssEscape(str) {
-      // see: http://stackoverflow.com/questions/2786538/need-to-escape-a-special-character-in-a-jquery-selector-string#answer-2837646
-      if (!str) return str;
-      return str
-        .replace(/[!"#$%&'()*+,.\/:;<=>?@[\\\]^`{|}~]/g, "\\$&");
-    }
-  }
-
-  // Show footer
-  function renderFooter() {
-    initFooter();
-    $(window).on("scroll", showFooterCore);
-
-    function initFooter() {
-      if (needFooter()) {
-        shiftUpBottomCss();
-        $("footer").show();
-      } else {
-        resetBottomCss();
-        $("footer").hide();
-      }
-    }
-
-    function showFooterCore() {
-      if (needFooter()) {
-        shiftUpBottomCss();
-        $("footer").fadeIn();
-      } else {
-        resetBottomCss();
-        $("footer").fadeOut();
-      }
-    }
-
-    function needFooter() {
-      var scrollHeight = $(document).height();
-      var scrollPosition = $(window).height() + $(window).scrollTop();
-      return (scrollHeight - scrollPosition) < 1;
-    }
-
-    function resetBottomCss() {
-      $(".sidetoc").removeClass("shiftup");
-      $(".sideaffix").removeClass("shiftup");
-    }
-
-    function shiftUpBottomCss() {
-      $(".sidetoc").addClass("shiftup");
-      $(".sideaffix").addClass("shiftup");
-    }
-  }
-
-  function renderLogo() {
-    // For LOGO SVG
-    // Replace SVG with inline SVG
-    // http://stackoverflow.com/questions/11978995/how-to-change-color-of-svg-image-using-css-jquery-svg-image-replacement
-    jQuery('img.svg').each(function () {
-      var $img = jQuery(this);
-      var imgID = $img.attr('id');
-      var imgClass = $img.attr('class');
-      var imgURL = $img.attr('src');
-
-      jQuery.get(imgURL, function (data) {
-        // Get the SVG tag, ignore the rest
-        var $svg = jQuery(data).find('svg');
-
-        // Add replaced image's ID to the new SVG
-        if (typeof imgID !== 'undefined') {
-          $svg = $svg.attr('id', imgID);
-        }
-        // Add replaced image's classes to the new SVG
-        if (typeof imgClass !== 'undefined') {
-          $svg = $svg.attr('class', imgClass + ' replaced-svg');
-        }
-
-        // Remove any invalid XML tags as per http://validator.w3.org
-        $svg = $svg.removeAttr('xmlns:a');
-
-        // Replace image with new SVG
-        $img.replaceWith($svg);
-
-      }, 'xml');
-    });
-  }
-
-  function renderTabs() {
-    var contentAttrs = {
-      id: 'data-bi-id',
-      name: 'data-bi-name',
-      type: 'data-bi-type'
-    };
-
-    var Tab = (function () {
-      function Tab(li, a, section) {
-        this.li = li;
-        this.a = a;
-        this.section = section;
-      }
-      Object.defineProperty(Tab.prototype, "tabIds", {
-        get: function () { return this.a.getAttribute('data-tab').split(' '); },
-        enumerable: true,
-        configurable: true
-      });
-      Object.defineProperty(Tab.prototype, "condition", {
-        get: function () { return this.a.getAttribute('data-condition'); },
-        enumerable: true,
-        configurable: true
-      });
-      Object.defineProperty(Tab.prototype, "visible", {
-        get: function () { return !this.li.hasAttribute('hidden'); },
-        set: function (value) {
-          if (value) {
-            this.li.removeAttribute('hidden');
-            this.li.removeAttribute('aria-hidden');
-          }
-          else {
-            this.li.setAttribute('hidden', 'hidden');
-            this.li.setAttribute('aria-hidden', 'true');
-          }
-        },
-        enumerable: true,
-        configurable: true
-      });
-      Object.defineProperty(Tab.prototype, "selected", {
-        get: function () { return !this.section.hasAttribute('hidden'); },
-        set: function (value) {
-          if (value) {
-            this.a.setAttribute('aria-selected', 'true');
-            this.a.tabIndex = 0;
-            this.section.removeAttribute('hidden');
-            this.section.removeAttribute('aria-hidden');
-          }
-          else {
-            this.a.setAttribute('aria-selected', 'false');
-            this.a.tabIndex = -1;
-            this.section.setAttribute('hidden', 'hidden');
-            this.section.setAttribute('aria-hidden', 'true');
-          }
-        },
-        enumerable: true,
-        configurable: true
-      });
-      Tab.prototype.focus = function () {
-        this.a.focus();
-      };
-      return Tab;
-    }());
-
-    initTabs(document.body);
-
-    function initTabs(container) {
-      var queryStringTabs = readTabsQueryStringParam();
-      var elements = container.querySelectorAll('.tabGroup');
-      var state = { groups: [], selectedTabs: [] };
-      for (var i = 0; i < elements.length; i++) {
-        var group = initTabGroup(elements.item(i));
-        if (!group.independent) {
-          updateVisibilityAndSelection(group, state);
-          state.groups.push(group);
-        }
-      }
-      container.addEventListener('click', function (event) { return handleClick(event, state); });
-      if (state.groups.length === 0) {
-        return state;
-      }
-      selectTabs(queryStringTabs, container);
-      updateTabsQueryStringParam(state);
-      notifyContentUpdated();
-      return state;
-    }
-
-    function initTabGroup(element) {
-      var group = {
-        independent: element.hasAttribute('data-tab-group-independent'),
-        tabs: []
-      };
-      var li = element.firstElementChild.firstElementChild;
-      while (li) {
-        var a = li.firstElementChild;
-        a.setAttribute(contentAttrs.name, 'tab');
-        var dataTab = a.getAttribute('data-tab').replace(/\+/g, ' ');
-        a.setAttribute('data-tab', dataTab);
-        var section = element.querySelector("[id=\"" + a.getAttribute('aria-controls') + "\"]");
-        var tab = new Tab(li, a, section);
-        group.tabs.push(tab);
-        li = li.nextElementSibling;
-      }
-      element.setAttribute(contentAttrs.name, 'tab-group');
-      element.tabGroup = group;
-      return group;
-    }
-
-    function updateVisibilityAndSelection(group, state) {
-      var anySelected = false;
-      var firstVisibleTab;
-      for (var _i = 0, _a = group.tabs; _i < _a.length; _i++) {
-        var tab = _a[_i];
-        tab.visible = tab.condition === null || state.selectedTabs.indexOf(tab.condition) !== -1;
-        if (tab.visible) {
-          if (!firstVisibleTab) {
-            firstVisibleTab = tab;
-          }
-        }
-        tab.selected = tab.visible && arraysIntersect(state.selectedTabs, tab.tabIds);
-        anySelected = anySelected || tab.selected;
-      }
-      if (!anySelected) {
-        for (var _b = 0, _c = group.tabs; _b < _c.length; _b++) {
-          var tabIds = _c[_b].tabIds;
-          for (var _d = 0, tabIds_1 = tabIds; _d < tabIds_1.length; _d++) {
-            var tabId = tabIds_1[_d];
-            var index = state.selectedTabs.indexOf(tabId);
-            if (index === -1) {
-              continue;
-            }
-            state.selectedTabs.splice(index, 1);
-          }
-        }
-        var tab = firstVisibleTab;
-        tab.selected = true;
-        state.selectedTabs.push(tab.tabIds[0]);
-      }
-    }
-
-    function getTabInfoFromEvent(event) {
-      if (!(event.target instanceof HTMLElement)) {
-        return null;
-      }
-      var anchor = event.target.closest('a[data-tab]');
-      if (anchor === null) {
-        return null;
-      }
-      var tabIds = anchor.getAttribute('data-tab').split(' ');
-      var group = anchor.parentElement.parentElement.parentElement.tabGroup;
-      if (group === undefined) {
-        return null;
-      }
-      return { tabIds: tabIds, group: group, anchor: anchor };
-    }
-
-    function handleClick(event, state) {
-      var info = getTabInfoFromEvent(event);
-      if (info === null) {
-        return;
-      }
-      event.preventDefault();
-      info.anchor.href = 'javascript:';
-      setTimeout(function () { return info.anchor.href = '#' + info.anchor.getAttribute('aria-controls'); });
-      var tabIds = info.tabIds, group = info.group;
-      var originalTop = info.anchor.getBoundingClientRect().top;
-      if (group.independent) {
-        for (var _i = 0, _a = group.tabs; _i < _a.length; _i++) {
-          var tab = _a[_i];
-          tab.selected = arraysIntersect(tab.tabIds, tabIds);
-        }
-      }
-      else {
-        if (arraysIntersect(state.selectedTabs, tabIds)) {
-          return;
-        }
-        var previousTabId = group.tabs.filter(function (t) { return t.selected; })[0].tabIds[0];
-        state.selectedTabs.splice(state.selectedTabs.indexOf(previousTabId), 1, tabIds[0]);
-        for (var _b = 0, _c = state.groups; _b < _c.length; _b++) {
-          var group_1 = _c[_b];
-          updateVisibilityAndSelection(group_1, state);
-        }
-        updateTabsQueryStringParam(state);
-      }
-      notifyContentUpdated();
-      var top = info.anchor.getBoundingClientRect().top;
-      if (top !== originalTop && event instanceof MouseEvent) {
-        window.scrollTo(0, window.pageYOffset + top - originalTop);
-      }
-    }
-
-    function selectTabs(tabIds) {
-      for (var _i = 0, tabIds_1 = tabIds; _i < tabIds_1.length; _i++) {
-        var tabId = tabIds_1[_i];
-        var a = document.querySelector(".tabGroup > ul > li > a[data-tab=\"" + tabId + "\"]:not([hidden])");
-        if (a === null) {
-          return;
-        }
-        a.dispatchEvent(new CustomEvent('click', { bubbles: true }));
-      }
-    }
-
-    function readTabsQueryStringParam() {
-      var qs = parseQueryString(window.location.search);
-      var t = qs.tabs;
-      if (t === undefined || t === '') {
-        return [];
-      }
-      return t.split(',');
-    }
-
-    function updateTabsQueryStringParam(state) {
-      var qs = parseQueryString(window.location.search);
-      qs.tabs = state.selectedTabs.join();
-      var url = location.protocol + "//" + location.host + location.pathname + "?" + toQueryString(qs) + location.hash;
-      if (location.href === url) {
-        return;
-      }
-      history.replaceState({}, document.title, url);
-    }
-
-    function toQueryString(args) {
-      var parts = [];
-      for (var name_1 in args) {
-        if (args.hasOwnProperty(name_1) && args[name_1] !== '' && args[name_1] !== null && args[name_1] !== undefined) {
-          parts.push(encodeURIComponent(name_1) + '=' + encodeURIComponent(args[name_1]));
-        }
-      }
-      return parts.join('&');
-    }
-
-    function parseQueryString(queryString) {
-      var match;
-      var pl = /\+/g;
-      var search = /([^&=]+)=?([^&]*)/g;
-      var decode = function (s) { return decodeURIComponent(s.replace(pl, ' ')); };
-      if (queryString === undefined) {
-        queryString = '';
-      }
-      queryString = queryString.substring(1);
-      var urlParams = {};
-      while (match = search.exec(queryString)) {
-        urlParams[decode(match[1])] = decode(match[2]);
-      }
-      return urlParams;
-    }
-
-    function arraysIntersect(a, b) {
-      for (var _i = 0, a_1 = a; _i < a_1.length; _i++) {
-        var itemA = a_1[_i];
-        for (var _a = 0, b_1 = b; _a < b_1.length; _a++) {
-          var itemB = b_1[_a];
-          if (itemA === itemB) {
-            return true;
-          }
-        }
-      }
-      return false;
-    }
-
-    function notifyContentUpdated() {
-      // Dispatch this event when needed
-      // window.dispatchEvent(new CustomEvent('content-update'));
-    }
-  }
-
-  function utility() {
-    this.getAbsolutePath = getAbsolutePath;
-    this.isRelativePath = isRelativePath;
-    this.isAbsolutePath = isAbsolutePath;
-    this.getCurrentWindowAbsolutePath = getCurrentWindowAbsolutePath;
-    this.getDirectory = getDirectory;
-    this.formList = formList;
-
-    function getAbsolutePath(href) {
-      if (isAbsolutePath(href)) return href;
-      var currentAbsPath = getCurrentWindowAbsolutePath();
-      var stack = currentAbsPath.split("/");
-      stack.pop();
-      var parts = href.split("/");
-      for (var i=0; i< parts.length; i++) {
-        if (parts[i] == ".") continue;
-        if (parts[i] == ".." && stack.length > 0)
-          stack.pop();
-        else
-          stack.push(parts[i]);
-      }
-      var p = stack.join("/");
-      return p;
-    }
-
-    function isRelativePath(href) {
-      if (href === undefined || href === '' || href[0] === '/') {
-        return false;
-      }
-      return !isAbsolutePath(href);
-    }
-
-    function isAbsolutePath(href) {
-      return (/^(?:[a-z]+:)?\/\//i).test(href);
-    }
-
-    function getCurrentWindowAbsolutePath() {
-      return window.location.origin + window.location.pathname;
-    }
-    function getDirectory(href) {
-      if (!href) return '';
-      var index = href.lastIndexOf('/');
-      if (index == -1) return '';
-      if (index > -1) {
-        return href.substr(0, index);
-      }
-    }
-
-    function formList(item, classes) {
-      var level = 1;
-      var model = {
-        items: item
-      };
-      var cls = [].concat(classes).join(" ");
-      return getList(model, cls);
-
-      function getList(model, cls) {
-        if (!model || !model.items) return null;
-        var l = model.items.length;
-        if (l === 0) return null;
-        var html = '<ul class="level' + level + ' ' + (cls || '') + '">';
-        level++;
-        for (var i = 0; i < l; i++) {
-          var item = model.items[i];
-          var href = item.href;
-          var name = item.name;
-          if (!name) continue;
-          html += href ? '<li><a href="' + href + '">' + name + '</a>' : '<li>' + name;
-          html += getList(item, cls) || '';
-          html += '</li>';
-        }
-        html += '</ul>';
-        return html;
-      }
-    }
-
-    /**
-     * Add <wbr> into long word.
-     * @param {String} text - The word to break. It should be in plain text without HTML tags.
-     */
-    function breakPlainText(text) {
-      if (!text) return text;
-      return text.replace(/([a-z])([A-Z])|(\.)(\w)/g, '$1$3<wbr>$2$4')
-    }
-
-    /**
-     * Add <wbr> into long word. The jQuery element should contain no html tags.
-     * If the jQuery element contains tags, this function will not change the element.
-     */
-    $.fn.breakWord = function () {
-      if (!this.html().match(/(<\w*)((\s\/>)|(.*<\/\w*>))/g)) {
-        this.html(function (index, text) {
-          return breakPlainText(text);
-        })
-      }
-      return this;
-    }
-  }
-
-  // adjusted from https://stackoverflow.com/a/13067009/1523776
-  function workAroundFixedHeaderForAnchors() {
-    var HISTORY_SUPPORT = !!(history && history.pushState);
-    var ANCHOR_REGEX = /^#[^ ]+$/;
-
-    function getFixedOffset() {
-      return $('header').first().height();
-    }
-
-    /**
-     * If the provided href is an anchor which resolves to an element on the
-     * page, scroll to it.
-     * @param  {String} href
-     * @return {Boolean} - Was the href an anchor.
-     */
-    function scrollIfAnchor(href, pushToHistory) {
-      var match, rect, anchorOffset;
-
-      if (!ANCHOR_REGEX.test(href)) {
-        return false;
-      }
-
-      match = document.getElementById(href.slice(1));
-
-      if (match) {
-        rect = match.getBoundingClientRect();
-        anchorOffset = window.pageYOffset + rect.top - getFixedOffset();
-        window.scrollTo(window.pageXOffset, anchorOffset);
-
-        // Add the state to history as-per normal anchor links
-        if (HISTORY_SUPPORT && pushToHistory) {
-          history.pushState({}, document.title, location.pathname + href);
-        }
-      }
-
-      return !!match;
-    }
-
-    /**
-     * Attempt to scroll to the current location's hash.
-     */
-    function scrollToCurrent() {
-      scrollIfAnchor(window.location.hash);
-    }
-
-    /**
-     * If the click event's target was an anchor, fix the scroll position.
-     */
-    function delegateAnchors(e) {
-      var elem = e.target;
-
-      if (scrollIfAnchor(elem.getAttribute('href'), true)) {
-        e.preventDefault();
-      }
-    }
-
-    $(window).on('hashchange', scrollToCurrent);
-
-    $(window).on('load', function () {
-        // scroll to the anchor if present, offset by the header
-        scrollToCurrent();
-    });
-
-    $(document).ready(function () {
-        // Exclude tabbed content case
-        $('a:not([data-tab])').click(function (e) { delegateAnchors(e); });
-    });
-  }
-});

package/toc.html.primary.tmpl

@@ -1,48 +0,0 @@
-{{!Licensed to the .NET Foundation under one or more agreements. The .NET Foundation licenses this file to you under the MIT license.}}
-
-<div id="sidetoggle">
-  <div>
-    {{^_disableSideFilter}}
-    <div class="sidefilter">
-      <div class="docs-search">
-        <form role="search" id="search" class="side-search">
-          <input type="text" id="search-query" placeholder="Search this site" autocomplete="off" aria-label="Search the site">
-          <button type="button" id="search-clear" aria-label="Clear search" style="position:absolute;right:8px;background:none;border:0;cursor:pointer;font-size:16px;line-height:1;color:#666;">×</button>
-        </form>
-      </div>
-    </div>
-    {{/_disableSideFilter}}
-    <div class="sidetoc">
-      <div class="toc" id="toc">
-        {{^leaf}}
-          {{>partials/li}}
-        {{/leaf}}
-      </div>
-    </div>
-  </div>
-</div>
-
-<script>
-(function() {
-  // Wait for DOM and search to be ready
-  $(document).ready(function() {
-    var searchInput = $('#search-query');
-    if (!searchInput.length) return;
-    
-    // Trigger the existing searchEvent
-    $('body').trigger('searchEvent');
-    
-    // Ensure search input triggers query
-    searchInput.on('input', function() {
-      var query = $(this).val();
-      if (query && query.length >= 3) {
-        $('body').trigger('queryReady');
-        $('#search-results>.search-list>span').text('"' + query + '"');
-      } else if (query === '') {
-        $('.hide-when-search').show();
-        $('#search-results').hide();
-      }
-    });
-  });
-})();
-</script>