').attr('class', 'item-href').text(itemRawHref);
+ var itemBriefNode = $('
').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');
+ }
+
+ // Scroll to active item
+ 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');
+
+ $('.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 (e) {
+ var val = this.value;
+ //Save filter string to local session storage
+ if (typeof(Storage) !== "undefined") {
+ try {
+ sessionStorage.filterString = val;
+ }
+ catch(e)
+ {}
+ }
+ if (val === '') {
+ // Clear 'filtered' class
+ $('#toc li').removeClass(filtered).removeClass(hide);
+ tocFilterClearButton.fadeOut();
+ return;
+ }
+ tocFilterClearButton.fadeIn();
+
+ // set all parent nodes status
+ $('#toc li>a').filter(function (i, e) {
+ return $(e).siblings().length > 0
+ }).each(function (i, anchor) {
+ var parent = $(anchor).parent();
+ parent.addClass(hide);
+ parent.removeClass(show);
+ parent.removeClass(filtered);
+ })
+
+ // Get 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 i = 0; i < parentNodes.length; i++) {
+ var parentText = $(parentNodes[i]).children('a').attr('title');
+ if (parentText) text = parentText + '.' + text;
+ };
+ if (filterNavItem(text, val)) {
+ parent.addClass(show);
+ parent.removeClass(hide);
+ } else {
+ parent.addClass(hide);
+ parent.removeClass(show);
+ }
+ });
+ $('#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);
+ parent.addClass(filtered);
+ parent.removeClass(hide);
+ } else {
+ parent.addClass(hide);
+ parent.removeClass(show);
+ parent.removeClass(filtered);
+ }
+ })
+
+ function filterNavItem(name, text) {
+ if (!text) return true;
+ if (name && name.toLowerCase().indexOf(text.toLowerCase()) > -1) return true;
+ return false;
+ }
+ });
+
+ // toc filter clear button
+ tocFilterClearButton.hide();
+ tocFilterClearButton.on("click", function(e){
+ tocFilterInput.val("");
+ tocFilterInput.trigger('input');
+ if (typeof(Storage) !== "undefined") {
+ try {
+ sessionStorage.filterString = "";
+ }
+ catch(e)
+ {}
+ }
+ });
+
+ //Set toc filter from local session storage on page load
+ 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 = '';
+ if (index > -1) {
+ tocrel = 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();
+ });
+
+ 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, '&')
+ .replace(/"/g, '"')
+ .replace(/'/g, ''')
+ .replace(//g, '>');
+ }
+
+ function htmlDecode(value) {
+ if (!str) return str;
+ return value
+ .replace(/"/g, '"')
+ .replace(/'/g, "'")
+ .replace(/</g, '<')
+ .replace(/>/g, '>')
+ .replace(/&/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");
+
+ $(".sidetoc").css({ "bottom": 0 });
+ $(".sideaffix").css({ "bottom": 0 });
+ }
+
+ function shiftUpBottomCss() {
+ $(".sidetoc").addClass("shiftup");
+ $(".sideaffix").addClass("shiftup");
+ var footheight = $('footer').height();
+
+
+ $(".sidetoc").css({ "bottom": footheight });
+ $(".sideaffix").css({ "bottom": footheight });
+
+
+ var footheight = $('footer').height();
+ var sideberheight = $('.sidetoc.shiftup').height();
+ var vh = (sideberheight - footheight)-120;
+
+ console.log(vh);
+
+ // $('.sidetoc.shiftup').css({ "height": vh + '%' });
+
+ }
+ }
+
+ 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 = '
';
+ 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 ? '- ' + name + '' : '
- ' + name;
+ html += getList(item, cls) || '';
+ html += '
';
+ }
+ html += '
';
+ return html;
+ }
+ }
+
+ /**
+ * Add
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$2$4')
+ }
+
+ /**
+ * Add 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() == this.text()) {
+ 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); });
+ });
+ }
+});
diff --git a/docs/template/styles/main.css b/docs/template/styles/main.css
new file mode 100644
index 00000000000..2def073e4d8
--- /dev/null
+++ b/docs/template/styles/main.css
@@ -0,0 +1,361 @@
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;300;400;500;600;700;800;900&family=Roboto+Mono:wght@100;200;300;400;500;600;700&display=swap');
+
+body{
+ color: #b5c3d7;
+ font-family: Inter;
+ font-size: 16px;
+ font-weight: 400;
+ line-height: 28px;
+ letter-spacing: 0.04442743px;
+ background-color: #0F172B;
+}
+#wrapper{
+ background-color: #0F172B;
+}
+header .navbar{
+ background-color: #0f172b;
+ border-bottom: 1px solid #2a2a2a;
+ background-image: url(/images/header.svg);
+ background-repeat: no-repeat;
+ background-position: 90% 0%;
+}
+.navbar-brand .svg{
+ height: 60px;
+}
+header .subnav.navbar{
+ display: none;
+}
+
+.sidefilter{
+ top: 60px;
+ background: transparent;
+ border-left: 0px;
+ border-right: 1px solid #2a2a2a;
+}
+.sidetoc{
+ top: 120px;
+ background: none;
+ border-left: dashed 1px #2a2a2a;
+ border-right: dashed 1px #2a2a2a;
+
+}
+.sidetoc .toc{background: none; overflow-y: hidden ;}
+.toc .level2{
+ margin-left: -10px;
+}
+
+.toc .nav > li > a{
+ padding: 5px 0px;
+ color: #94a3b8;
+ font-family: Inter;
+ font-size: 13px;
+ font-weight: 500;
+ line-height: 16px;
+ letter-spacing: 0.036097284px;
+}
+.toc .nav > li > a:hover, .toc .nav > li > a:focus {
+ color: #6dc9ed;
+}
+.toc .nav > li.active > a{
+ color: #e2e8f0;
+ font-size: 15px;
+ font-weight: 600;
+ line-height: 18px;
+ letter-spacing: 0.041650712px;
+}
+.toc .nav > li ul > li{
+ padding-left: 9px;
+}
+
+.toc .nav > li> .expand-stub{
+ color: #fff;
+}
+.toc .nav > li ul > li .expand-stub{
+ left: 0px;
+}
+.toc .nav > li.active ul > li.active{
+ border-left: 2px solid #6dc9ed;
+ background: #17243c;
+}
+
+.toc .nav > li.active ul > li.active > a{
+ color: #6dc9ed;
+ font-family: Inter;
+ font-size: 13px;
+ font-weight: 600;
+ line-height: 16px;
+ letter-spacing: 0.036097284px;
+}
+
+.table-striped>tbody>tr:nth-of-type(odd) {
+ background-color: transparent !important;
+}
+
+.article{
+ margin-top: 90px;
+}
+
+.navbar-inverse .navbar-nav>li>a, .navbar-inverse .navbar-text{
+ color: #e2e8f0;
+ font-family: Inter;
+ font-size: 13px;
+ font-weight: 500;
+ line-height: 16px;
+ letter-spacing: 0.036097284px;
+ padding-top: 22px;
+ padding-bottom: 22px;
+}
+header .navbar .navbar-nav >li.active{
+ border-bottom: 1px solid #6dc9ed;
+
+}
+
+.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
+ color: #6dc9ed;
+ background-color: transparent;
+}
+.toc-filter{
+ border-radius: 8px;
+ border: solid 2px #383838;
+ background: transparent;
+ color: #94a3b8;
+ font-family: Inter;
+ font-size: 13px;
+ font-weight: 500;
+ line-height: 16px;
+ letter-spacing: 0.036097284px;
+
+}
+.toc-filter > input{
+ color: #94a3b8;
+ font-family: Inter;
+ font-size: 13px;
+ font-weight: 500;
+ line-height: 16px;
+ letter-spacing: 0.036097284px;
+ background: transparent;
+}
+.affix{
+ height: auto;
+}
+.affix h5
+{
+ color: #e2e8f0;
+ font-family: Inter;
+ font-size: 14px;
+ font-weight: 600;
+ line-height: 17px;
+ letter-spacing: 0.038874px;
+}
+.affix ul > li > a
+{
+ color: #94a3b8;
+ font-family: Inter;
+ font-size: 14px;
+ font-weight: 500;
+ line-height: 17px;
+ letter-spacing: 0.038874px;
+}
+.affix ul > li.active > a, .affix ul > li.active > a:before{
+ color: #6dc9ed;
+ font-family: Inter;
+ font-size: 14px;
+ font-weight: 500;
+ line-height: 17px;
+ letter-spacing: 0.038874px;
+}
+.level1.nav.bs-docs-sidenav{
+ border-bottom: dashed 1px #2a2a2a;
+}
+.sideaffix .contribution {
+ margin-top: 10px;
+}
+.sideaffix .contribution .heading{
+ color: #e2e8f0;
+ font-family: Inter;
+ font-size: 14px;
+ font-weight: 600;
+ line-height: 17px;
+ letter-spacing: 0.038874px;
+}
+.sideaffix .contribution .nav li a img{
+ width: 16px;
+ margin-right: 10px;
+}
+.sideaffix .contribution .nav li a {
+ color: #e2e8f0;
+ font-family: Inter;
+ font-size: 14px;
+ font-weight: 600;
+ line-height: 17px;
+ letter-spacing: 0.038874px;
+
+}
+.sideaffix > div.contribution > ul > li > a.contribution-link:hover{
+ background-color: transparent;
+ color: #6dc9ed;
+}
+
+.toc .nav > li.active > .expand-stub::before, .toc .nav > li.in > .expand-stub::before, .toc .nav > li.in.active > .expand-stub::before, .toc .nav > li.filtered > .expand-stub::before{
+ content: "\e113";
+ font-family:"Glyphicons Halflings";
+ font-size: 12px;
+ font-weight: 400;
+}
+.toc .nav > li > .expand-stub::before, .toc .nav > li.active > .expand-stub::before{
+ content: "\e114";
+ font-family:"Glyphicons Halflings";
+ font-size: 12px;
+ font-weight: 400;
+}
+article, article p{
+ color: #b5c3d7;
+ font-family: Inter;
+ font-size: 16px;
+ font-weight: 400;
+ line-height: 28px;
+ letter-spacing: 0.04442743px;
+}
+article h1{
+ color: #e2e8f0;
+ font-family: Inter;
+ font-size: 32px;
+ font-weight: 700;
+ line-height: 39px;
+ letter-spacing: 0.08885486px;
+}
+article h2
+{
+ color: #e2e8f0;
+ font-family: Inter;
+ font-size: 24px;
+ font-weight: 700;
+ line-height: 29px;
+ letter-spacing: 0.066641144px;
+
+}
+
+ul li::marker{
+ color: #547ea4;
+ font-size: 19px;
+}
+.article.grid-right{
+ padding-bottom: 35px;
+}
+.sidetoc.shiftup{
+ bottom: 0;
+}
+
+
+footer{
+ position: relative !important;
+ opacity: 1 !important;
+ display: block !important;
+}
+
+.footer{
+ background: url(/images/footer.png) no-repeat left top, linear-gradient(270deg, #FFFFFF, #6DC9ED);
+
+ color: #222322;
+ font-family: Inter;
+ font-size: 15px;
+ font-weight: 600;
+ line-height: 18px;
+ letter-spacing: 0.041650712px;
+
+ padding: 20px 0;
+}
+.footer ul{
+ margin: 10px 0px;
+ padding: 0px;
+}
+.footer ul li {
+ list-style: none;
+ margin: 10px 0px;
+}
+
+.footer ul li a{
+ color: #3f678b;
+ font-family: Inter;
+ font-size: 13px;
+ font-weight: 600;
+ line-height: 16px;
+ letter-spacing: 0.036097284px;
+}
+.footer ul li a:hover{
+ color: #17243c;
+}
+
+code{
+ background: #0f172b;
+ color: #b5c3d7;
+ font-weight: 600;
+}
+pre{
+ border-radius: 8px;
+ background: #040e1c;
+ padding: 15px;
+ color: #7dd3fc;
+ font-family: "Roboto Mono";
+ font-size: 14px;
+ font-weight: 400;
+ line-height: 22px;
+}
+.hljs-attr, .hljs-selector-attr, .hljs-selector-class, .hljs-selector-id, .hljs-selector-pseudo, .hljs-title{
+ color: #F472B6;
+}
+pre code{
+ color: #E2E8F0 !important;
+}
+
+.hljs-keyword {
+ color: #7DD3FC;
+}
+.alert p{color:#fff}
+.alert-info {
+ color: #004085;
+ background-color: #cce5ff;
+ border-color: #b8daff;
+}
+.alert-info p{
+ color: #004085;
+}
+.alert-info a{
+ color: #25aae1;
+}
+.alert-warning {
+ background-color: #e0aa94;
+ border-color: #d69d85;
+}
+.alert-danger {
+ background-color: #f27f7f;
+ border-color: #fa7979;
+}
+
+
+.article .content.wrap img {
+ background: #25aae1;
+ padding: 10px;
+ border-radius: 6px;
+
+}
+
+@media (min-width: 768px) {
+ .navbar-brand{
+ width: 260px;
+ }
+ .svg.akka-logo{
+ margin: auto;
+
+ }
+
+}
+
+.pb-logo{
+ width: 60px;
+ height: 60px;
+}
+
+.jumbotron{
+ background-color: #040e1c;
+}
\ No newline at end of file
{{__global.improveThisDoc}}