{% assign buildTime = site.time | date: '%Y%m%d%H%M' %}
<script src="{{ site.baseurl }}/dist/js/bootstrap-italia.bundle.min.js?{{ buildTime }}"></script>
<script>
  bootstrap.loadFonts('{{ site.baseurl }}/dist/fonts')
</script>
{%- if page.layout == "default" or page.layout == "docs" -%}
<script src="{{ site.baseurl }}/docs/assets/dist/js/docs.min.js?{{ buildTime }}"></script>
<script src="{{ site.baseurl }}/docs/assets/src/js/vendor/anchor.min.js"></script>
<script src="{{ site.baseurl }}/docs/assets/src/js/vendor/clipboard.min.js"></script>
<script src="{{ site.baseurl }}/docs/assets/src/js/vendor/tsparticles.min.js"></script>

<script src="{{ site.baseurl }}/docs/assets/src/js/docs.js?{{ buildTime }}"></script>

<script src="{{ site.baseurl }}/docs/assets/src/js/vendor/tweenjs.min.js"></script>
<script src="{{ site.baseurl }}/docs/assets/src/js/vendor/easeljs.min.js"></script>
<script src="{{ site.baseurl }}/docs/assets/src/js/vendor/preloadjs.min.js"></script>

<script>
  var manifest = [
    { src: '{{ site.baseurl }}/docs/assets/img/cover/cover-animation-1.png', id: 'cover-1' },
    { src: '{{ site.baseurl }}/docs/assets/img/cover/cover-animation-2.png', id: 'cover-2' },
    { src: '{{ site.baseurl }}/docs/assets/img/cover/cover-animation-3.png', id: 'cover-3' },
    { src: '{{ site.baseurl }}/docs/assets/img/cover/cover-animation-4.png', id: 'cover-4' },
    { src: '{{ site.baseurl }}/docs/assets/img/cover/cover-animation-5.png', id: 'cover-5' },
    { src: '{{ site.baseurl }}/docs/assets/img/cover/cover-animation-6.png', id: 'cover-6' },
    { src: '{{ site.baseurl }}/docs/assets/img/cover/cover-animation-7.png', id: 'cover-7' },
  ]
</script>
<script src="{{ site.baseurl }}/docs/assets/src/js/cover-animation.js?{{ buildTime }}"></script>
{%- endif -%} {%- if page.layout == "docs" -%} {% comment %}La ricerca è gestita con Algolia DocSearch
https://github.com/algolia/docsearch{% endcomment %}
<script src="{{ site.baseurl }}/docs/assets/src/js/vendor/docsearch.min.js"></script>

<script>
  docsearch({
    apiKey: 'a755e381c276458251a59282bae6ee93',
    indexName: 'bootstrap_italia',
    inputSelector: '#search-input',
    handleSelected: function (input, event, suggestion) {
      var url = suggestion.url
      url = suggestion.isLvl1 ? url.split('#')[0] : url
      // If it's a title we remove the anchor so it does not jump.
      window.location.href = url
    },
    debug: false, // Set debug to true if you want to inspect the dropdown
  })
</script>
{%- endif -%} {%- if page.layout == "base" -%}
<!-- Notification per tornare alla pagina principale -->
<div class="notification dismissable with-icon" role="alert" id="notification-esempi"
  aria-labelledby="notification-esempi-title">
  <h5 id="notification-esempi-title">
    <svg class="icon">
      <use href="{{ site.baseurl }}/dist/svg/sprites.svg#it-info-circle"
        xlink:href="{{ site.baseurl }}/dist/svg/sprites.svg#it-info-circle"></use>
    </svg>
    Esempio di utilizzo
  </h5>
  <p>
    <a href="{{ site.baseurl }}/docs/esempi/">Torna alla pagina principale degli esempi</a>
  </p>
  <button type="button" class="btn notification-close">
    <svg class="icon">
      <use href="{{ site.baseurl }}/dist/svg/sprites.svg#it-close"
        xlink:href="{{ site.baseurl }}/dist/svg/sprites.svg#it-close"></use>
    </svg>
    <span class="visually-hidden">Chiudi notifica: Titolo notification</span>
  </button>
</div>

<script>
  /*$(document).ready(function () {
    notificationShow('notification-esempi')
  })*/
</script>
{%- endif -%}

<script>
  /**
   * Aggiungo il bottone copia negli elementi di esempio codice
   */
  document
    .querySelectorAll('figure.highlight, pre.highlight')
    .forEach(function (node) {
      const button = document.createElement('button'),
        divContainer = document.createElement('div');
      divContainer.classList.add('copy-button-container');
      button.type = 'button';
      button.ariaLabel = 'Copia il codice negli appunti';
      button.innerText = 'Copia';
      button.classList.add('btn', 'btn-primary', 'btn-xs');
      button.setAttribute('type', 'button');
      button.addEventListener('click', function () {
        const code = node.querySelector('code td[class="code"] pre') ?? node.querySelector('code td[class="rouge-code"] pre');
        navigator.clipboard.writeText(code.innerText.trim());
        button.innerText = 'Copiato';
        button.classList.remove('btn-primary');
        button.classList.add('btn-success');
        setTimeout(() => {
          button.classList.remove('btn-success');
          button.classList.add('btn-primary');
          button.innerText = 'Copia';
        }, 5000);
      });
      divContainer.appendChild(button);
      /**
       * Snippet
       * {% capture example %}
       * {% endcapture %}{% include example.html content=example %}  
       */
      if (node.nodeName == 'FIGURE') {
        node.insertBefore(divContainer, node.querySelector('pre'));
      }
      /*
      * Snippet
      * ```html
      * ``` 
      */
      else if (node.nodeName == 'PRE') {
        node.classList.remove("highlight");
        node.insertAdjacentElement('beforebegin', divContainer);
      }
    });
</script>