Changed: more sidebar progress

resources/js/theme-default.js

@@ -1,10 +1,31 @@
-// window.addEventListener('load', function() {
 document.addEventListener('DOMContentLoaded', function() {
-    // const exampleLanguages = JSON.parse(document.body.getAttribute('data-languages'));
     window.hljs.highlightAll();
     // https://jets.js.org/
+    const wrapper = document.getElementById('toc');
     window.jets = new window.Jets({
+        // *OR - Selects elements whose values contains at least one part of search substring
+        searchSelector: '*OR',
         searchTag: '#input-search',
-        contentTag: '#toc li'
+        contentTag: '#toc li',
+        didSearch: function(term) {
+            wrapper.classList.toggle('jets-searching', String(term).length > 0)
+        },
+        // map these accent keys to plain values
+        diacriticsMap: {
+            a: 'ÀÁÂÃÄÅàáâãäåĀāąĄ',
+            c: 'ÇçćĆčČ',
+            d: 'đĐďĎ',
+            e: 'ÈÉÊËèéêëěĚĒēęĘ',
+            i: 'ÌÍÎÏìíîïĪī',
+            l: 'łŁ',
+            n: 'ÑñňŇńŃ',
+            o: 'ÒÓÔÕÕÖØòóôõöøŌō',
+            r: 'řŘ',
+            s: 'ŠšśŚ',
+            t: 'ťŤ',
+            u: 'ÙÚÛÜùúûüůŮŪū',
+            y: 'ŸÿýÝ',
+            z: 'ŽžżŻźŹ'
+        }
     });
 });

resources/views/themes/default/sidebar.blade.php

@@ -4,7 +4,7 @@
         <a href="#{!! Str::slug($group['name']) !!}">{!! $group['name'] !!}</a>
     </li>
     @foreach($group['endpoints'] as $endpoint)
-    <ul class="tocify-subheader" data-tag="{{ $loop->index }}" style="display: block;">
+    <ul class="tocify-subheader" data-tag="{{ $loop->index }}">
         <li class="tocify-item" data-unique="{!! Str::slug($group['name']) !!}-{!! $endpoint->endpointId() !!}">
             <a href="#{!! Str::slug($group['name']) !!}-{!! $endpoint->endpointId() !!}">{{ $endpoint->metadata->title ?: ($endpoint->httpMethods[0]." ".$endpoint->uri)}}</a>
         </li>