bajo-spatial 2.2.0 → 2.3.0

package/docs/scripts/core.js

@@ -1,115 +1,115 @@
 /* global document */
-const accordionLocalStorageKey = 'accordion-id'
-const themeLocalStorageKey = 'theme'
-const fontSizeLocalStorageKey = 'font-size'
-const html = document.querySelector('html')
+var accordionLocalStorageKey = 'accordion-id';
+var themeLocalStorageKey = 'theme';
+var fontSizeLocalStorageKey = 'font-size';
+var html = document.querySelector('html');
 
-const MAX_FONT_SIZE = 30
-const MIN_FONT_SIZE = 10
+var MAX_FONT_SIZE = 30;
+var MIN_FONT_SIZE = 10;
 
 // eslint-disable-next-line no-undef
-const localStorage = window.localStorage
+var localStorage = window.localStorage;
 
-function getTheme () {
-  let theme = localStorage.getItem(themeLocalStorageKey)
+function getTheme() {
+    var theme = localStorage.getItem(themeLocalStorageKey);
 
-  if (theme) return theme
+    if (theme) return theme;
 
-  theme = document.body.getAttribute('data-theme')
+    theme = document.body.getAttribute('data-theme');
 
-  switch (theme) {
-    case 'dark':
-    case 'light':
-      return theme
-    case 'fallback-dark':
-      if (
-      // eslint-disable-next-line no-undef
-        window.matchMedia('(prefers-color-scheme)').matches &&
+    switch (theme) {
+        case 'dark':
+        case 'light':
+            return theme;
+        case 'fallback-dark':
+            if (
+                // eslint-disable-next-line no-undef
+                window.matchMedia('(prefers-color-scheme)').matches &&
                 // eslint-disable-next-line no-undef
                 window.matchMedia('(prefers-color-scheme: light)').matches
-      ) {
-        return 'light'
-      }
+            ) {
+                return 'light';
+            }
 
-      return 'dark'
+            return 'dark';
 
-    case 'fallback-light':
-      if (
-      // eslint-disable-next-line no-undef
-        window.matchMedia('(prefers-color-scheme)').matches &&
+        case 'fallback-light':
+            if (
+                // eslint-disable-next-line no-undef
+                window.matchMedia('(prefers-color-scheme)').matches &&
                 // eslint-disable-next-line no-undef
                 window.matchMedia('(prefers-color-scheme: dark)').matches
-      ) {
-        return 'dark'
-      }
+            ) {
+                return 'dark';
+            }
 
-      return 'light'
+            return 'light';
 
-    default:
-      return 'dark'
-  }
+        default:
+            return 'dark';
+    }
 }
 
-function localUpdateTheme (theme) {
-  const body = document.body
-  const svgUse = document.querySelectorAll('.theme-svg-use')
-  const iconID = theme === 'dark' ? '#light-theme-icon' : '#dark-theme-icon'
+function localUpdateTheme(theme) {
+    var body = document.body;
+    var svgUse = document.querySelectorAll('.theme-svg-use');
+    var iconID = theme === 'dark' ? '#light-theme-icon' : '#dark-theme-icon';
 
-  body.setAttribute('data-theme', theme)
-  body.classList.remove('dark', 'light')
-  body.classList.add(theme)
+    body.setAttribute('data-theme', theme);
+    body.classList.remove('dark', 'light');
+    body.classList.add(theme);
 
-  svgUse.forEach(function (svg) {
-    svg.setAttribute('xlink:href', iconID)
-  })
+    svgUse.forEach(function (svg) {
+        svg.setAttribute('xlink:href', iconID);
+    });
 }
 
-function updateTheme (theme) {
-  localUpdateTheme(theme)
-  localStorage.setItem(themeLocalStorageKey, theme)
+function updateTheme(theme) {
+    localUpdateTheme(theme);
+    localStorage.setItem(themeLocalStorageKey, theme);
 }
 
-function toggleTheme () {
-  const body = document.body
-  const theme = body.getAttribute('data-theme')
+function toggleTheme() {
+    var body = document.body;
+    var theme = body.getAttribute('data-theme');
 
-  const newTheme = theme === 'dark' ? 'light' : 'dark'
+    var newTheme = theme === 'dark' ? 'light' : 'dark';
 
-  updateTheme(newTheme)
+    updateTheme(newTheme);
 }
 
 (function () {
-  const theme = getTheme()
+    var theme = getTheme();
 
-  updateTheme(theme)
-})()
+    updateTheme(theme);
+})();
 
 /**
  * Function to set accordion id to localStorage.
  * @param {string} id Accordion id
  */
-function setAccordionIdToLocalStorage (id) {
-  /**
+function setAccordionIdToLocalStorage(id) {
+    /**
      * @type {object}
      */
-  const ids = JSON.parse(localStorage.getItem(accordionLocalStorageKey))
+    var ids = JSON.parse(localStorage.getItem(accordionLocalStorageKey));
 
-  ids[id] = id
-  localStorage.setItem(accordionLocalStorageKey, JSON.stringify(ids))
+    ids[id] = id;
+    localStorage.setItem(accordionLocalStorageKey, JSON.stringify(ids));
 }
 
 /**
  * Function to remove accordion id from localStorage.
  * @param {string} id Accordion id
  */
-function removeAccordionIdFromLocalStorage (id) {
-  /**
+function removeAccordionIdFromLocalStorage(id) {
+    /**
      * @type {object}
      */
-  const ids = JSON.parse(localStorage.getItem(accordionLocalStorageKey))
+    var ids = JSON.parse(localStorage.getItem(accordionLocalStorageKey));
 
-  delete ids[id]
-  localStorage.setItem(accordionLocalStorageKey, JSON.stringify(ids))
+    delete ids[id];
+    localStorage.setItem(accordionLocalStorageKey, JSON.stringify(ids));
 }
 
 /**
@@ -117,374 +117,374 @@ function removeAccordionIdFromLocalStorage (id) {
  *
  * @returns {object}
  */
-function getAccordionIdsFromLocalStorage () {
-  /**
+function getAccordionIdsFromLocalStorage() {
+    /**
      * @type {object}
      */
-  const ids = JSON.parse(localStorage.getItem(accordionLocalStorageKey))
+    var ids = JSON.parse(localStorage.getItem(accordionLocalStorageKey));
 
-  return ids || {}
+    return ids || {};
 }
 
-function toggleAccordion (element) {
-  const currentNode = element
-  const isCollapsed = currentNode.getAttribute('data-isopen') === 'false'
+function toggleAccordion(element) {
+    var currentNode = element;
+    var isCollapsed = currentNode.getAttribute('data-isopen') === 'false';
 
-  if (isCollapsed) {
-    currentNode.setAttribute('data-isopen', 'true')
-    setAccordionIdToLocalStorage(currentNode.id)
-  } else {
-    currentNode.setAttribute('data-isopen', 'false')
-    removeAccordionIdFromLocalStorage(currentNode.id)
-  }
+    if (isCollapsed) {
+        currentNode.setAttribute('data-isopen', 'true');
+        setAccordionIdToLocalStorage(currentNode.id);
+    } else {
+        currentNode.setAttribute('data-isopen', 'false');
+        removeAccordionIdFromLocalStorage(currentNode.id);
+    }
 }
 
-function initAccordion () {
-  if (
-    localStorage.getItem(accordionLocalStorageKey) === undefined ||
+function initAccordion() {
+    if (
+        localStorage.getItem(accordionLocalStorageKey) === undefined ||
         localStorage.getItem(accordionLocalStorageKey) === null
-  ) {
-    localStorage.setItem(accordionLocalStorageKey, '{}')
-  }
-  const allAccordion = document.querySelectorAll('.sidebar-section-title')
-  const ids = getAccordionIdsFromLocalStorage()
-
-  allAccordion.forEach(function (item) {
-    item.addEventListener('click', function () {
-      toggleAccordion(item)
-    })
-    if (item.id in ids) {
-      toggleAccordion(item)
+    ) {
+        localStorage.setItem(accordionLocalStorageKey, '{}');
     }
-  })
+    var allAccordion = document.querySelectorAll('.sidebar-section-title');
+    var ids = getAccordionIdsFromLocalStorage();
+
+    allAccordion.forEach(function (item) {
+        item.addEventListener('click', function () {
+            toggleAccordion(item);
+        });
+        if (item.id in ids) {
+            toggleAccordion(item);
+        }
+    });
 }
 
-function isSourcePage () {
-  return Boolean(document.querySelector('#source-page'))
+function isSourcePage() {
+    return Boolean(document.querySelector('#source-page'));
 }
 
-function bringElementIntoView (element, updateHistory = true) {
-  // If element is null then we are not going further
-  if (!element) {
-    return
-  }
+function bringElementIntoView(element, updateHistory = true) {
+    // If element is null then we are not going further
+    if (!element) {
+        return;
+    }
 
-  /**
+    /**
      * tocbotInstance is defined in layout.tmpl
      * It is defined when we are initializing tocbot.
      *
      */
-  // eslint-disable-next-line no-undef
-  if (tocbotInstance) {
-    setTimeout(
-      // eslint-disable-next-line no-undef
-      () => tocbotInstance.updateTocListActiveElement(element),
-      60
-    )
-  }
-  const navbar = document.querySelector('.navbar-container')
-  const body = document.querySelector('.main-content')
-  const elementTop = element.getBoundingClientRect().top
-
-  let offset = 16
-
-  if (navbar) {
-    offset += navbar.scrollHeight
-  }
-
-  if (body) {
-    body.scrollBy(0, elementTop - offset)
-  }
-
-  if (updateHistory) {
     // eslint-disable-next-line no-undef
-    history.pushState(null, null, '#' + element.id)
-  }
+    if (tocbotInstance) {
+        setTimeout(
+            // eslint-disable-next-line no-undef
+            () => tocbotInstance.updateTocListActiveElement(element),
+            60
+        );
+    }
+    var navbar = document.querySelector('.navbar-container');
+    var body = document.querySelector('.main-content');
+    var elementTop = element.getBoundingClientRect().top;
+
+    var offset = 16;
+
+    if (navbar) {
+        offset += navbar.scrollHeight;
+    }
+
+    if (body) {
+        body.scrollBy(0, elementTop - offset);
+    }
+
+    if (updateHistory) {
+        // eslint-disable-next-line no-undef
+        history.pushState(null, null, '#' + element.id);
+    }
 }
 
 // eslint-disable-next-line no-unused-vars
-function bringLinkToView (event) {
-  event.preventDefault()
-  event.stopPropagation()
-  const id = event.currentTarget.getAttribute('href')
+function bringLinkToView(event) {
+    event.preventDefault();
+    event.stopPropagation();
+    var id = event.currentTarget.getAttribute('href');
 
-  if (!id) {
-    return
-  }
+    if (!id) {
+        return;
+    }
 
-  const element = document.getElementById(id.slice(1))
+    var element = document.getElementById(id.slice(1));
 
-  if (element) {
-    bringElementIntoView(element)
-  }
+    if (element) {
+        bringElementIntoView(element);
+    }
 }
 
-function bringIdToViewOnMount () {
-  if (isSourcePage()) {
-    return
-  }
+function bringIdToViewOnMount() {
+    if (isSourcePage()) {
+        return;
+    }
 
-  // eslint-disable-next-line no-undef
-  let id = window.location.hash
+    // eslint-disable-next-line no-undef
+    var id = window.location.hash;
 
-  if (id === '') {
-    return
-  }
+    if (id === '') {
+        return;
+    }
 
-  let element = document.getElementById(id.slice(1))
+    var element = document.getElementById(id.slice(1));
 
-  if (!element) {
-    id = decodeURI(id)
-    element = document.getElementById(id.slice(1))
-  }
+    if (!element) {
+        id = decodeURI(id);
+        element = document.getElementById(id.slice(1));
+    }
 
-  if (element) {
-    bringElementIntoView(element, false)
-  }
+    if (element) {
+        bringElementIntoView(element, false);
+    }
 }
 
-function createAnchorElement (id) {
-  const anchor = document.createElement('a')
+function createAnchorElement(id) {
+    var anchor = document.createElement('a');
 
-  anchor.textContent = '#'
-  anchor.href = '#' + id
-  anchor.classList.add('link-anchor')
-  anchor.onclick = bringLinkToView
+    anchor.textContent = '#';
+    anchor.href = '#' + id;
+    anchor.classList.add('link-anchor');
+    anchor.onclick = bringLinkToView;
 
-  return anchor
+    return anchor;
 }
 
-function addAnchor () {
-  const main = document.querySelector('.main-content').querySelector('section')
+function addAnchor() {
+    var main = document.querySelector('.main-content').querySelector('section');
 
-  const h1 = main.querySelectorAll('h1')
-  const h2 = main.querySelectorAll('h2')
-  const h3 = main.querySelectorAll('h3')
-  const h4 = main.querySelectorAll('h4')
+    var h1 = main.querySelectorAll('h1');
+    var h2 = main.querySelectorAll('h2');
+    var h3 = main.querySelectorAll('h3');
+    var h4 = main.querySelectorAll('h4');
 
-  const targets = [h1, h2, h3, h4]
+    var targets = [h1, h2, h3, h4];
 
-  targets.forEach(function (target) {
-    target.forEach(function (heading) {
-      const anchor = createAnchorElement(heading.id)
+    targets.forEach(function (target) {
+        target.forEach(function (heading) {
+            var anchor = createAnchorElement(heading.id);
 
-      heading.classList.add('has-anchor')
-      heading.append(anchor)
-    })
-  })
+            heading.classList.add('has-anchor');
+            heading.append(anchor);
+        });
+    });
 }
 
 /**
  *
  * @param {string} value
  */
-function copy (value) {
-  const el = document.createElement('textarea')
+function copy(value) {
+    const el = document.createElement('textarea');
 
-  el.value = value
-  document.body.appendChild(el)
-  el.select()
-  document.execCommand('copy')
-  document.body.removeChild(el)
+    el.value = value;
+    document.body.appendChild(el);
+    el.select();
+    document.execCommand('copy');
+    document.body.removeChild(el);
 }
 
-function showTooltip (id) {
-  const tooltip = document.getElementById(id)
+function showTooltip(id) {
+    var tooltip = document.getElementById(id);
 
-  tooltip.classList.add('show-tooltip')
-  setTimeout(function () {
-    tooltip.classList.remove('show-tooltip')
-  }, 3000)
+    tooltip.classList.add('show-tooltip');
+    setTimeout(function () {
+        tooltip.classList.remove('show-tooltip');
+    }, 3000);
 }
 
 /* eslint-disable-next-line */
 function copyFunction(id) {
-  // selecting the pre element
-  const code = document.getElementById(id)
+    // selecting the pre element
+    var code = document.getElementById(id);
 
-  // selecting the ol.linenums
-  let element = code.querySelector('.linenums')
+    // selecting the ol.linenums
+    var element = code.querySelector('.linenums');
 
-  if (!element) {
-    // selecting the code block
-    element = code.querySelector('code')
-  }
+    if (!element) {
+        // selecting the code block
+        element = code.querySelector('code');
+    }
 
-  // copy
-  copy(element.innerText.trim().replace(/(^\t)/gm, ''))
+    // copy
+    copy(element.innerText.trim().replace(/(^\t)/gm, ''));
 
-  // show tooltip
-  showTooltip('tooltip-' + id)
+    // show tooltip
+    showTooltip('tooltip-' + id);
 }
 
-function hideTocOnSourcePage () {
-  if (isSourcePage()) {
-    document.querySelector('.toc-container').style.display = 'none'
-  }
+function hideTocOnSourcePage() {
+    if (isSourcePage()) {
+        document.querySelector('.toc-container').style.display = 'none';
+    }
 }
 
-function getPreTopBar (id, lang = '') {
-  // tooltip
-  const tooltip = '<div class="tooltip" id="tooltip-' + id + '">Copied!</div>'
+function getPreTopBar(id, lang = '') {
+    // tooltip
+    var tooltip = '<div class="tooltip" id="tooltip-' + id + '">Copied!</div>';
 
-  // template of copy to clipboard icon container
-  const copyToClipboard =
+    // template of copy to clipboard icon container
+    var copyToClipboard =
         '<button aria-label="copy code" class="icon-button copy-code" onclick="copyFunction(\'' +
         id +
         '\')"><svg class="sm-icon" alt="click to copy"><use xlink:href="#copy-icon"></use></svg>' +
         tooltip +
-        '</button>'
+        '</button>';
 
-  const langNameDiv =
+    var langNameDiv =
         '<div class="code-lang-name-container"><div class="code-lang-name">' +
         lang.toLocaleUpperCase() +
-        '</div></div>'
+        '</div></div>';
 
-  const topBar =
+    var topBar =
         '<div class="pre-top-bar-container">' +
         langNameDiv +
         copyToClipboard +
-        '</div>'
+        '</div>';
 
-  return topBar
+    return topBar;
 }
 
-function getPreDiv () {
-  const divElement = document.createElement('div')
+function getPreDiv() {
+    var divElement = document.createElement('div');
 
-  divElement.classList.add('pre-div')
+    divElement.classList.add('pre-div');
 
-  return divElement
+    return divElement;
 }
 
-function processAllPre () {
-  const targets = document.querySelectorAll('pre')
-  const footer = document.querySelector('#PeOAagUepe')
-  const navbar = document.querySelector('#VuAckcnZhf')
+function processAllPre() {
+    var targets = document.querySelectorAll('pre');
+    var footer = document.querySelector('#PeOAagUepe');
+    var navbar = document.querySelector('#VuAckcnZhf');
 
-  let navbarHeight = 0
-  let footerHeight = 0
+    var navbarHeight = 0;
+    var footerHeight = 0;
 
-  if (footer) {
-    footerHeight = footer.getBoundingClientRect().height
-  }
+    if (footer) {
+        footerHeight = footer.getBoundingClientRect().height;
+    }
 
-  if (navbar) {
-    navbarHeight = navbar.getBoundingClientRect().height
-  }
+    if (navbar) {
+        navbarHeight = navbar.getBoundingClientRect().height;
+    }
 
-  // eslint-disable-next-line no-undef
-  const preMaxHeight = window.innerHeight - navbarHeight - footerHeight - 250
+    // eslint-disable-next-line no-undef
+    var preMaxHeight = window.innerHeight - navbarHeight - footerHeight - 250;
 
-  targets.forEach(function (pre, idx) {
-    const parent = pre.parentNode
+    targets.forEach(function (pre, idx) {
+        var parent = pre.parentNode;
 
-    if (parent && parent.getAttribute('data-skip-pre-process') === 'true') {
-      return
-    }
+        if (parent && parent.getAttribute('data-skip-pre-process') === 'true') {
+            return;
+        }
 
-    const div = getPreDiv()
-    const id = 'ScDloZOMdL' + idx
+        var div = getPreDiv();
+        var id = 'ScDloZOMdL' + idx;
 
-    const lang = pre.getAttribute('data-lang') || 'code'
-    const topBar = getPreTopBar(id, lang)
+        var lang = pre.getAttribute('data-lang') || 'code';
+        var topBar = getPreTopBar(id, lang);
 
-    div.innerHTML = topBar
+        div.innerHTML = topBar;
 
-    pre.style.maxHeight = preMaxHeight + 'px'
-    pre.id = id
-    pre.classList.add('prettyprint')
-    pre.parentNode.insertBefore(div, pre)
-    div.appendChild(pre)
-  })
+        pre.style.maxHeight = preMaxHeight + 'px';
+        pre.id = id;
+        pre.classList.add('prettyprint');
+        pre.parentNode.insertBefore(div, pre);
+        div.appendChild(pre);
+    });
 }
 
-function highlightAndBringLineIntoView () {
-  // eslint-disable-next-line no-undef
-  const lineNumber = window.location.hash.replace('#line', '')
+function highlightAndBringLineIntoView() {
+    // eslint-disable-next-line no-undef
+    var lineNumber = window.location.hash.replace('#line', '');
 
-  try {
-    const selector = '[data-line-number="' + lineNumber + '"'
+    try {
+        var selector = '[data-line-number="' + lineNumber + '"';
 
-    const element = document.querySelector(selector)
+        var element = document.querySelector(selector);
 
-    element.scrollIntoView()
-    element.parentNode.classList.add('selected')
-  } catch (error) {
-    console.error(error)
-  }
+        element.scrollIntoView();
+        element.parentNode.classList.add('selected');
+    } catch (error) {
+        console.error(error);
+    }
 }
 
-function getFontSize () {
-  let currentFontSize = 16
+function getFontSize() {
+    var currentFontSize = 16;
 
-  try {
-    currentFontSize = Number.parseInt(
-      html.style.fontSize.split('px')[0],
-      10
-    )
-  } catch (error) {
-    console.log(error)
-  }
+    try {
+        currentFontSize = Number.parseInt(
+            html.style.fontSize.split('px')[0],
+            10
+        );
+    } catch (error) {
+        console.log(error);
+    }
 
-  return currentFontSize
+    return currentFontSize;
 }
 
-function localUpdateFontSize (fontSize) {
-  html.style.fontSize = fontSize + 'px'
+function localUpdateFontSize(fontSize) {
+    html.style.fontSize = fontSize + 'px';
 
-  const fontSizeText = document.querySelector(
-    '#b77a68a492f343baabea06fad81f651e'
-  )
+    var fontSizeText = document.querySelector(
+        '#b77a68a492f343baabea06fad81f651e'
+    );
 
-  if (fontSizeText) {
-    fontSizeText.innerHTML = fontSize
-  }
+    if (fontSizeText) {
+        fontSizeText.innerHTML = fontSize;
+    }
 }
 
-function updateFontSize (fontSize) {
-  localUpdateFontSize(fontSize)
-  localStorage.setItem(fontSizeLocalStorageKey, fontSize)
+function updateFontSize(fontSize) {
+    localUpdateFontSize(fontSize);
+    localStorage.setItem(fontSizeLocalStorageKey, fontSize);
 }
 
 (function () {
-  const fontSize = getFontSize()
-  const fontSizeInLocalStorage = localStorage.getItem(fontSizeLocalStorageKey)
-
-  if (fontSizeInLocalStorage) {
-    const n = Number.parseInt(fontSizeInLocalStorage, 10)
-
-    if (n === fontSize) {
-      return
+    var fontSize = getFontSize();
+    var fontSizeInLocalStorage = localStorage.getItem(fontSizeLocalStorageKey);
+
+    if (fontSizeInLocalStorage) {
+        var n = Number.parseInt(fontSizeInLocalStorage, 10);
+
+        if (n === fontSize) {
+            return;
+        }
+        updateFontSize(n);
+    } else {
+        updateFontSize(fontSize);
     }
-    updateFontSize(n)
-  } else {
-    updateFontSize(fontSize)
-  }
-})()
+})();
 
 // eslint-disable-next-line no-unused-vars
-function incrementFont (event) {
-  const n = getFontSize()
+function incrementFont(event) {
+    var n = getFontSize();
 
-  if (n < MAX_FONT_SIZE) {
-    updateFontSize(n + 1)
-  }
+    if (n < MAX_FONT_SIZE) {
+        updateFontSize(n + 1);
+    }
 }
 
 // eslint-disable-next-line no-unused-vars
-function decrementFont (event) {
-  const n = getFontSize()
+function decrementFont(event) {
+    var n = getFontSize();
 
-  if (n > MIN_FONT_SIZE) {
-    updateFontSize(n - 1)
-  }
+    if (n > MIN_FONT_SIZE) {
+        updateFontSize(n - 1);
+    }
 }
 
-function fontSizeTooltip () {
-  const fontSize = getFontSize()
+function fontSizeTooltip() {
+    var fontSize = getFontSize();
 
-  return `
+    return `
   <div class="font-size-tooltip">
     <button aria-label="decrease-font-size" class="icon-button ${
         fontSize >= MAX_FONT_SIZE ? 'disabled' : ''
@@ -510,216 +510,217 @@ function fontSizeTooltip () {
     </button>
   </div>
 
-  `
-}
-
-function initTooltip () {
-  // add tooltip to navbar item
-  // eslint-disable-next-line no-undef
-  tippy('.theme-toggle', {
-    content: 'Toggle Theme',
-    delay: 500
-  })
-
-  // eslint-disable-next-line no-undef
-  tippy('.search-button', {
-    content: 'Search',
-    delay: 500
-  })
+  `;
+}
+
+function initTooltip() {
+    // add tooltip to navbar item
+    // eslint-disable-next-line no-undef
+    tippy('.theme-toggle', {
+        content: 'Toggle Theme',
+        delay: 500,
+    });
+
+    // eslint-disable-next-line no-undef
+    tippy('.search-button', {
+        content: 'Search',
+        delay: 500,
+    });
 
-  // eslint-disable-next-line no-undef
-  tippy('.font-size', {
-    content: 'Change font size',
-    delay: 500
-  })
+    // eslint-disable-next-line no-undef
+    tippy('.font-size', {
+        content: 'Change font size',
+        delay: 500,
+    });
 
-  // eslint-disable-next-line no-undef
-  tippy('.codepen-button', {
-    content: 'Open code in CodePen',
-    placement: 'left'
-  })
+    // eslint-disable-next-line no-undef
+    tippy('.codepen-button', {
+        content: 'Open code in CodePen',
+        placement: 'left',
+    });
 
-  // eslint-disable-next-line no-undef
-  tippy('.copy-code', {
-    content: 'Copy this code',
-    placement: 'left'
-  })
+    // eslint-disable-next-line no-undef
+    tippy('.copy-code', {
+        content: 'Copy this code',
+        placement: 'left',
+    });
 
-  // eslint-disable-next-line no-undef
-  tippy('.font-size', {
-    content: fontSizeTooltip(),
-    trigger: 'click',
-    interactive: true,
-    allowHTML: true,
-    placement: 'left'
-  })
+    // eslint-disable-next-line no-undef
+    tippy('.font-size', {
+        content: fontSizeTooltip(),
+        trigger: 'click',
+        interactive: true,
+        allowHTML: true,
+        placement: 'left',
+    });
 }
 
-function fixTable () {
-  const tables = document.querySelectorAll('table')
+function fixTable() {
+    const tables = document.querySelectorAll('table');
+
+    for (const table of tables) {
+        if (table.classList.contains('hljs-ln')) {
+            // don't want to wrap code blocks.
+            return;
+        }
 
-  for (const table of tables) {
-    if (table.classList.contains('hljs-ln')) {
-      // don't want to wrap code blocks.
-      return
+        var div = document.createElement('div');
+
+        div.classList.add('table-div');
+        table.parentNode.insertBefore(div, table);
+        div.appendChild(table);
     }
+}
 
-    const div = document.createElement('div')
+function hideMobileMenu() {
+    var mobileMenuContainer = document.querySelector('#mobile-sidebar');
+    var target = document.querySelector('#mobile-menu');
+    var svgUse = target.querySelector('use');
 
-    div.classList.add('table-div')
-    table.parentNode.insertBefore(div, table)
-    div.appendChild(table)
-  }
+    if (mobileMenuContainer) {
+        mobileMenuContainer.classList.remove('show');
+    }
+    if (target) {
+        target.setAttribute('data-isopen', 'false');
+    }
+    if (svgUse) {
+        svgUse.setAttribute('xlink:href', '#menu-icon');
+    }
 }
 
-function hideMobileMenu () {
-  const mobileMenuContainer = document.querySelector('#mobile-sidebar')
-  const target = document.querySelector('#mobile-menu')
-  const svgUse = target.querySelector('use')
+function showMobileMenu() {
+    var mobileMenuContainer = document.querySelector('#mobile-sidebar');
+    var target = document.querySelector('#mobile-menu');
+    var svgUse = target.querySelector('use');
 
-  if (mobileMenuContainer) {
-    mobileMenuContainer.classList.remove('show')
-  }
-  if (target) {
-    target.setAttribute('data-isopen', 'false')
-  }
-  if (svgUse) {
-    svgUse.setAttribute('xlink:href', '#menu-icon')
-  }
+    if (mobileMenuContainer) {
+        mobileMenuContainer.classList.add('show');
+    }
+    if (target) {
+        target.setAttribute('data-isopen', 'true');
+    }
+    if (svgUse) {
+        svgUse.setAttribute('xlink:href', '#close-icon');
+    }
 }
 
-function showMobileMenu () {
-  const mobileMenuContainer = document.querySelector('#mobile-sidebar')
-  const target = document.querySelector('#mobile-menu')
-  const svgUse = target.querySelector('use')
+function onMobileMenuClick() {
+    var target = document.querySelector('#mobile-menu');
+    var isOpen = target.getAttribute('data-isopen') === 'true';
 
-  if (mobileMenuContainer) {
-    mobileMenuContainer.classList.add('show')
-  }
-  if (target) {
-    target.setAttribute('data-isopen', 'true')
-  }
-  if (svgUse) {
-    svgUse.setAttribute('xlink:href', '#close-icon')
-  }
+    if (isOpen) {
+        hideMobileMenu();
+    } else {
+        showMobileMenu();
+    }
 }
 
-function onMobileMenuClick () {
-  const target = document.querySelector('#mobile-menu')
-  const isOpen = target.getAttribute('data-isopen') === 'true'
+function initMobileMenu() {
+    var menu = document.querySelector('#mobile-menu');
 
-  if (isOpen) {
-    hideMobileMenu()
-  } else {
-    showMobileMenu()
-  }
-}
-
-function initMobileMenu () {
-  const menu = document.querySelector('#mobile-menu')
-
-  if (menu) {
-    menu.addEventListener('click', onMobileMenuClick)
-  }
-}
-
-function addHrefToSidebarTitle () {
-  const titles = document.querySelectorAll('.sidebar-title-anchor')
+    if (menu) {
+        menu.addEventListener('click', onMobileMenuClick);
+    }
+}
 
-  titles.forEach(function (title) {
-    // eslint-disable-next-line no-undef
-    title.setAttribute('href', baseURL)
-  })
+function addHrefToSidebarTitle() {
+    var titles = document.querySelectorAll('.sidebar-title-anchor');
+
+    titles.forEach(function (title) {
+        // eslint-disable-next-line no-undef
+        title.setAttribute('href', baseURL);
+    });
 }
 
-function highlightActiveLinkInSidebar () {
-  const list = document.location.href.split('/')
-  const targetURL = decodeURI(list[list.length - 1])
-  let element = document.querySelector(`.sidebar a[href*='${targetURL}']`)
+function highlightActiveLinkInSidebar() {
+    const list = document.location.href.split('/');
+    const targetURL = decodeURI(list[list.length - 1]);
+    let element = document.querySelector(`.sidebar a[href*='${targetURL}']`);
 
-  if (!element) {
-    try {
-      element = document.querySelector(
+    if (!element) {
+        try {
+            element = document.querySelector(
                 `.sidebar a[href*='${targetURL.split('#')[0]}']`
-      )
-    } catch (e) {
-      console.error(e)
+            );
+        } catch (e) {
+            console.error(e);
 
-      return
+            return;
+        }
     }
-  }
 
-  if (!element) return
+    if (!element) return;
 
-  element.parentElement.classList.add('active')
-  element.scrollIntoView()
+    element.parentElement.classList.add('active');
+    element.scrollIntoView();
 }
 
-function onDomContentLoaded () {
-  const themeButton = document.querySelectorAll('.theme-toggle')
-
-  initMobileMenu()
-
-  if (themeButton) {
-    themeButton.forEach(function (button) {
-      button.addEventListener('click', toggleTheme)
-    })
-  }
+function onDomContentLoaded() {
+    var themeButton = document.querySelectorAll('.theme-toggle');
 
-  // Highlighting code
+    initMobileMenu();
 
-  // eslint-disable-next-line no-undef
-  hljs.addPlugin({
-    'after:highlightElement': function (obj) {
-      // Replace 'code' with result.language when
-      // we are able to cross-check the correctness of
-      // result.
-      obj.el.parentNode.setAttribute('data-lang', 'code')
+    if (themeButton) {
+        themeButton.forEach(function (button) {
+            button.addEventListener('click', toggleTheme);
+        });
     }
-  })
-  // eslint-disable-next-line no-undef
-  hljs.highlightAll()
-  // eslint-disable-next-line no-undef
-  hljs.initLineNumbersOnLoad({
-    singleLine: true
-  })
 
-  // Highlight complete
+    // Highlighting code
 
-  initAccordion()
-  addAnchor()
-  processAllPre()
-  hideTocOnSourcePage()
-  setTimeout(function () {
-    bringIdToViewOnMount()
-    if (isSourcePage()) {
-      highlightAndBringLineIntoView()
-    }
-  }, 1000)
-  initTooltip()
-  fixTable()
-  addHrefToSidebarTitle()
-  highlightActiveLinkInSidebar()
+    // eslint-disable-next-line no-undef
+    hljs.addPlugin({
+        'after:highlightElement': function (obj) {
+            // Replace 'code' with result.language when
+            // we are able to cross-check the correctness of
+            // result.
+            obj.el.parentNode.setAttribute('data-lang', 'code');
+        },
+    });
+    // eslint-disable-next-line no-undef
+    hljs.highlightAll();
+    // eslint-disable-next-line no-undef
+    hljs.initLineNumbersOnLoad({
+        singleLine: true,
+    });
+
+    // Highlight complete
+
+    initAccordion();
+    addAnchor();
+    processAllPre();
+    hideTocOnSourcePage();
+    setTimeout(function () {
+        bringIdToViewOnMount();
+        if (isSourcePage()) {
+            highlightAndBringLineIntoView();
+        }
+    }, 1000);
+    initTooltip();
+    fixTable();
+    addHrefToSidebarTitle();
+    highlightActiveLinkInSidebar();
 }
 
 // eslint-disable-next-line no-undef
-window.addEventListener('DOMContentLoaded', onDomContentLoaded)
+window.addEventListener('DOMContentLoaded', onDomContentLoaded);
 
 // eslint-disable-next-line no-undef
 window.addEventListener('hashchange', (event) => {
-  const url = new URL(event.newURL)
+    const url = new URL(event.newURL);
 
-  if (url.hash !== '') {
-    bringIdToViewOnMount(url.hash)
-  }
-})
+    if (url.hash !== '') {
+        bringIdToViewOnMount(url.hash);
+    }
+});
 
 // eslint-disable-next-line no-undef
 window.addEventListener('storage', (event) => {
-  if (event.newValue === 'undefined') return
+    if (event.newValue === 'undefined') return;
 
-  initTooltip()
+    initTooltip();
 
-  if (event.key === themeLocalStorageKey) localUpdateTheme(event.newValue)
-  if (event.key === fontSizeLocalStorageKey) { localUpdateFontSize(event.newValue) }
-})
+    if (event.key === themeLocalStorageKey) localUpdateTheme(event.newValue);
+    if (event.key === fontSizeLocalStorageKey)
+        localUpdateFontSize(event.newValue);
+});