respective book and chapter structure added.

[bookstack] / resources / js / components / dropdown-search.js

diff --git a/resources/js/components/dropdown-search.js b/resources/js/components/dropdown-search.js
index 81fa940c24ca7cf4a38ba66fe7b55e300d746100..2344619f5e9b794de3177c6c4acf8a5c7550b351 100644 (file)
--- a/resources/js/components/dropdown-search.js
+++ b/resources/js/components/dropdown-search.js
@@ -1,7 +1,8 @@
-import {debounce} from "../services/util";
-import {transitionHeight} from "../services/animations";
+import {debounce} from '../services/util';
+import {transitionHeight} from '../services/animations';
+import {Component} from './component';

 
 

-class DropdownSearch {
+export class DropdownSearch extends Component {

 
     setup() {
         this.elem = this.$el;
 
     setup() {
         this.elem = this.$el;


@@ -39,7 +40,7 @@ class DropdownSearch {
 
     runLocalSearch(searchTerm) {
         const listItems = this.listContainerElem.querySelectorAll(this.localSearchSelector);
 
     runLocalSearch(searchTerm) {
         const listItems = this.listContainerElem.querySelectorAll(this.localSearchSelector);

-        for (let listItem of listItems) {
+        for (const listItem of listItems) {

             const match = !searchTerm || listItem.textContent.toLowerCase().includes(searchTerm);
             listItem.style.display = match ? 'flex' : 'none';
             listItem.classList.toggle('hidden', !match);
             const match = !searchTerm || listItem.textContent.toLowerCase().includes(searchTerm);
             listItem.style.display = match ? 'flex' : 'none';
             listItem.classList.toggle('hidden', !match);


@@ -79,5 +80,3 @@ class DropdownSearch {
     }
 
 }
     }
 
 }

-
-export default DropdownSearch;
\ No newline at end of file