dobo 2.0.1 → 2.2.1

package/docs/scripts/core.js

@@ -1,115 +1,115 @@
 /* global document */
-var accordionLocalStorageKey = 'accordion-id';
-var themeLocalStorageKey = 'theme';
-var fontSizeLocalStorageKey = 'font-size';
-var html = document.querySelector('html');
+const accordionLocalStorageKey = 'accordion-id'
+const themeLocalStorageKey = 'theme'
+const fontSizeLocalStorageKey = 'font-size'
+const html = document.querySelector('html')
 
-var MAX_FONT_SIZE = 30;
-var MIN_FONT_SIZE = 10;
+const MAX_FONT_SIZE = 30
+const MIN_FONT_SIZE = 10
 
 // eslint-disable-next-line no-undef
-var localStorage = window.localStorage;
+const localStorage = window.localStorage
 
-function getTheme() {
-    var theme = localStorage.getItem(themeLocalStorageKey);
+function getTheme () {
+  let 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) {
-    var body = document.body;
-    var svgUse = document.querySelectorAll('.theme-svg-use');
-    var iconID = theme === 'dark' ? '#light-theme-icon' : '#dark-theme-icon';
+function localUpdateTheme (theme) {
+  const body = document.body
+  const svgUse = document.querySelectorAll('.theme-svg-use')
+  const 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() {
-    var body = document.body;
-    var theme = body.getAttribute('data-theme');
+function toggleTheme () {
+  const body = document.body
+  const theme = body.getAttribute('data-theme')
 
-    var newTheme = theme === 'dark' ? 'light' : 'dark';
+  const newTheme = theme === 'dark' ? 'light' : 'dark'
 
-    updateTheme(newTheme);
+  updateTheme(newTheme)
 }
 
 (function () {
-    var theme = getTheme();
+  const 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}
      */
-    var ids = JSON.parse(localStorage.getItem(accordionLocalStorageKey));
+  const 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}
      */
-    var ids = JSON.parse(localStorage.getItem(accordionLocalStorageKey));
+  const 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}
      */
-    var ids = JSON.parse(localStorage.getItem(accordionLocalStorageKey));
+  const ids = JSON.parse(localStorage.getItem(accordionLocalStorageKey))
 
-    return ids || {};
+  return ids || {}
 }
 
-function toggleAccordion(element) {
-    var currentNode = element;
-    var isCollapsed = currentNode.getAttribute('data-isopen') === 'false';
+function toggleAccordion (element) {
+  const currentNode = element
+  const 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, '{}');
-    }
-    var allAccordion = document.querySelectorAll('.sidebar-section-title');
-    var ids = getAccordionIdsFromLocalStorage();
+  ) {
+    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);
-        }
-    });
+  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
-    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);
-    }
+    history.pushState(null, null, '#' + element.id)
+  }
 }
 
 // eslint-disable-next-line no-unused-vars
-function bringLinkToView(event) {
-    event.preventDefault();
-    event.stopPropagation();
-    var id = event.currentTarget.getAttribute('href');
+function bringLinkToView (event) {
+  event.preventDefault()
+  event.stopPropagation()
+  const id = event.currentTarget.getAttribute('href')
 
-    if (!id) {
-        return;
-    }
+  if (!id) {
+    return
+  }
 
-    var element = document.getElementById(id.slice(1));
+  const 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
-    var id = window.location.hash;
+  // eslint-disable-next-line no-undef
+  let id = window.location.hash
 
-    if (id === '') {
-        return;
-    }
+  if (id === '') {
+    return
+  }
 
-    var element = document.getElementById(id.slice(1));
+  let 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) {
-    var anchor = document.createElement('a');
+function createAnchorElement (id) {
+  const 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() {
-    var main = document.querySelector('.main-content').querySelector('section');
+function addAnchor () {
+  const main = document.querySelector('.main-content').querySelector('section')
 
-    var h1 = main.querySelectorAll('h1');
-    var h2 = main.querySelectorAll('h2');
-    var h3 = main.querySelectorAll('h3');
-    var h4 = main.querySelectorAll('h4');
+  const h1 = main.querySelectorAll('h1')
+  const h2 = main.querySelectorAll('h2')
+  const h3 = main.querySelectorAll('h3')
+  const h4 = main.querySelectorAll('h4')
 
-    var targets = [h1, h2, h3, h4];
+  const targets = [h1, h2, h3, h4]
 
-    targets.forEach(function (target) {
-        target.forEach(function (heading) {
-            var anchor = createAnchorElement(heading.id);
+  targets.forEach(function (target) {
+    target.forEach(function (heading) {
+      const 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) {
-    var tooltip = document.getElementById(id);
+function showTooltip (id) {
+  const 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
-    var code = document.getElementById(id);
+  // selecting the pre element
+  const code = document.getElementById(id)
 
-    // selecting the ol.linenums
-    var element = code.querySelector('.linenums');
+  // selecting the ol.linenums
+  let 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
-    var tooltip = '<div class="tooltip" id="tooltip-' + id + '">Copied!</div>';
+function getPreTopBar (id, lang = '') {
+  // tooltip
+  const tooltip = '<div class="tooltip" id="tooltip-' + id + '">Copied!</div>'
 
-    // template of copy to clipboard icon container
-    var copyToClipboard =
+  // template of copy to clipboard icon container
+  const 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>'
 
-    var langNameDiv =
+  const langNameDiv =
         '<div class="code-lang-name-container"><div class="code-lang-name">' +
         lang.toLocaleUpperCase() +
-        '</div></div>';
+        '</div></div>'
 
-    var topBar =
+  const topBar =
         '<div class="pre-top-bar-container">' +
         langNameDiv +
         copyToClipboard +
-        '</div>';
+        '</div>'
 
-    return topBar;
+  return topBar
 }
 
-function getPreDiv() {
-    var divElement = document.createElement('div');
+function getPreDiv () {
+  const divElement = document.createElement('div')
 
-    divElement.classList.add('pre-div');
+  divElement.classList.add('pre-div')
 
-    return divElement;
+  return divElement
 }
 
-function processAllPre() {
-    var targets = document.querySelectorAll('pre');
-    var footer = document.querySelector('#PeOAagUepe');
-    var navbar = document.querySelector('#VuAckcnZhf');
+function processAllPre () {
+  const targets = document.querySelectorAll('pre')
+  const footer = document.querySelector('#PeOAagUepe')
+  const navbar = document.querySelector('#VuAckcnZhf')
 
-    var navbarHeight = 0;
-    var footerHeight = 0;
+  let navbarHeight = 0
+  let 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
-    var preMaxHeight = window.innerHeight - navbarHeight - footerHeight - 250;
+  // eslint-disable-next-line no-undef
+  const preMaxHeight = window.innerHeight - navbarHeight - footerHeight - 250
 
-    targets.forEach(function (pre, idx) {
-        var parent = pre.parentNode;
+  targets.forEach(function (pre, idx) {
+    const parent = pre.parentNode
 
-        if (parent && parent.getAttribute('data-skip-pre-process') === 'true') {
-            return;
-        }
+    if (parent && parent.getAttribute('data-skip-pre-process') === 'true') {
+      return
+    }
 
-        var div = getPreDiv();
-        var id = 'ScDloZOMdL' + idx;
+    const div = getPreDiv()
+    const id = 'ScDloZOMdL' + idx
 
-        var lang = pre.getAttribute('data-lang') || 'code';
-        var topBar = getPreTopBar(id, lang);
+    const lang = pre.getAttribute('data-lang') || 'code'
+    const 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
-    var lineNumber = window.location.hash.replace('#line', '');
+function highlightAndBringLineIntoView () {
+  // eslint-disable-next-line no-undef
+  const lineNumber = window.location.hash.replace('#line', '')
 
-    try {
-        var selector = '[data-line-number="' + lineNumber + '"';
+  try {
+    const selector = '[data-line-number="' + lineNumber + '"'
 
-        var element = document.querySelector(selector);
+    const 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() {
-    var currentFontSize = 16;
+function getFontSize () {
+  let 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'
 
-    var fontSizeText = document.querySelector(
-        '#b77a68a492f343baabea06fad81f651e'
-    );
+  const 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 () {
-    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);
+  const fontSize = getFontSize()
+  const fontSizeInLocalStorage = localStorage.getItem(fontSizeLocalStorageKey)
+
+  if (fontSizeInLocalStorage) {
+    const n = Number.parseInt(fontSizeInLocalStorage, 10)
+
+    if (n === fontSize) {
+      return
     }
-})();
+    updateFontSize(n)
+  } else {
+    updateFontSize(fontSize)
+  }
+})()
 
 // eslint-disable-next-line no-unused-vars
-function incrementFont(event) {
-    var n = getFontSize();
+function incrementFont (event) {
+  const 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) {
-    var n = getFontSize();
+function decrementFont (event) {
+  const n = getFontSize()
 
-    if (n > MIN_FONT_SIZE) {
-        updateFontSize(n - 1);
-    }
+  if (n > MIN_FONT_SIZE) {
+    updateFontSize(n - 1)
+  }
 }
 
-function fontSizeTooltip() {
-    var fontSize = getFontSize();
+function fontSizeTooltip () {
+  const fontSize = getFontSize()
 
-    return `
+  return `
   <div class="font-size-tooltip">
     <button aria-label="decrease-font-size" class="icon-button ${
         fontSize >= MAX_FONT_SIZE ? 'disabled' : ''
@@ -510,217 +510,216 @@ 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');
-
-    for (const table of tables) {
-        if (table.classList.contains('hljs-ln')) {
-            // don't want to wrap code blocks.
-            return;
-        }
+function fixTable () {
+  const tables = document.querySelectorAll('table')
 
-        var div = document.createElement('div');
-
-        div.classList.add('table-div');
-        table.parentNode.insertBefore(div, table);
-        div.appendChild(table);
+  for (const table of tables) {
+    if (table.classList.contains('hljs-ln')) {
+      // don't want to wrap code blocks.
+      return
     }
-}
 
-function hideMobileMenu() {
-    var mobileMenuContainer = document.querySelector('#mobile-sidebar');
-    var target = document.querySelector('#mobile-menu');
-    var svgUse = target.querySelector('use');
+    const div = document.createElement('div')
 
-    if (mobileMenuContainer) {
-        mobileMenuContainer.classList.remove('show');
-    }
-    if (target) {
-        target.setAttribute('data-isopen', 'false');
-    }
-    if (svgUse) {
-        svgUse.setAttribute('xlink:href', '#menu-icon');
-    }
+    div.classList.add('table-div')
+    table.parentNode.insertBefore(div, table)
+    div.appendChild(table)
+  }
 }
 
-function showMobileMenu() {
-    var mobileMenuContainer = document.querySelector('#mobile-sidebar');
-    var target = document.querySelector('#mobile-menu');
-    var svgUse = target.querySelector('use');
+function hideMobileMenu () {
+  const mobileMenuContainer = document.querySelector('#mobile-sidebar')
+  const target = document.querySelector('#mobile-menu')
+  const svgUse = target.querySelector('use')
 
-    if (mobileMenuContainer) {
-        mobileMenuContainer.classList.add('show');
-    }
-    if (target) {
-        target.setAttribute('data-isopen', 'true');
-    }
-    if (svgUse) {
-        svgUse.setAttribute('xlink:href', '#close-icon');
-    }
+  if (mobileMenuContainer) {
+    mobileMenuContainer.classList.remove('show')
+  }
+  if (target) {
+    target.setAttribute('data-isopen', 'false')
+  }
+  if (svgUse) {
+    svgUse.setAttribute('xlink:href', '#menu-icon')
+  }
 }
 
-function onMobileMenuClick() {
-    var target = document.querySelector('#mobile-menu');
-    var isOpen = target.getAttribute('data-isopen') === 'true';
+function showMobileMenu () {
+  const mobileMenuContainer = document.querySelector('#mobile-sidebar')
+  const target = document.querySelector('#mobile-menu')
+  const svgUse = target.querySelector('use')
 
-    if (isOpen) {
-        hideMobileMenu();
-    } else {
-        showMobileMenu();
-    }
+  if (mobileMenuContainer) {
+    mobileMenuContainer.classList.add('show')
+  }
+  if (target) {
+    target.setAttribute('data-isopen', 'true')
+  }
+  if (svgUse) {
+    svgUse.setAttribute('xlink:href', '#close-icon')
+  }
 }
 
-function initMobileMenu() {
-    var menu = document.querySelector('#mobile-menu');
+function onMobileMenuClick () {
+  const target = document.querySelector('#mobile-menu')
+  const isOpen = target.getAttribute('data-isopen') === 'true'
 
-    if (menu) {
-        menu.addEventListener('click', onMobileMenuClick);
-    }
-}
+  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')
 
-function addHrefToSidebarTitle() {
-    var titles = document.querySelectorAll('.sidebar-title-anchor');
-
-    titles.forEach(function (title) {
-        // eslint-disable-next-line no-undef
-        title.setAttribute('href', baseURL);
-    });
+  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() {
-    var themeButton = document.querySelectorAll('.theme-toggle');
+function onDomContentLoaded () {
+  const themeButton = document.querySelectorAll('.theme-toggle')
+
+  initMobileMenu()
+
+  if (themeButton) {
+    themeButton.forEach(function (button) {
+      button.addEventListener('click', toggleTheme)
+    })
+  }
 
-    initMobileMenu();
+  // Highlighting code
 
-    if (themeButton) {
-        themeButton.forEach(function (button) {
-            button.addEventListener('click', toggleTheme);
-        });
+  // 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
+  })
 
-    // Highlighting code
+  // Highlight complete
 
-    // 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();
+  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) }
+})