From 8a865383fa6f741811c2e98fd7a45daeea62a092 Mon Sep 17 00:00:00 2001
From: "Umang G. Patel" <23169768+robonetphy@users.noreply.github.com>
Date: Mon, 19 Sep 2022 21:48:35 +0530
Subject: [PATCH] sidebar search class added

---
 src/frontend/js/classes/sidebar-search.js | 14 +++++---------
 1 file changed, 5 insertions(+), 9 deletions(-)

diff --git a/src/frontend/js/classes/sidebar-search.js b/src/frontend/js/classes/sidebar-search.js
index 5b1a05f..5226157 100644
--- a/src/frontend/js/classes/sidebar-search.js
+++ b/src/frontend/js/classes/sidebar-search.js
@@ -15,7 +15,9 @@ export default class SidebarSearch {
   static get CSS() {
     return {
       sectionHidden: 'docs-sidebar__section--hidden',
+      sectionTitle: 'docs-sidebar__section-title',
       sectionTitleSelected: 'docs-sidebar__section-title--selected',
+      sectionList: 'docs-sidebar__section-list',
       sectionListItem: 'docs-sidebar__section-list-item',
       sectionListItemWrapperHidden: 'docs-sidebar__section-list-item-wrapper--hidden',
       sectionListItemSlelected: 'docs-sidebar__section-list-item--selected',
@@ -62,10 +64,10 @@ export default class SidebarSearch {
     this.search.addEventListener('input', e => {
       e.stopImmediatePropagation();
       e.preventDefault();
-      this.search(e.target.value);
+      this.filterSections(e.target.value);
     });
     // Initialize the search results.
-    this.search('');
+    this.filterSections('');
 
     // Add event listener for keyboard events.
     this.search.addEventListener('keydown', e => this.handleKeyboardEventOnSearch(e));
@@ -189,12 +191,7 @@ export default class SidebarSearch {
     }
   }
 
-  /**
-   * Search for items in the sidebar.
-   *
-   * @param {InputEvent} searchValue - search value.
-   */
-  search(searchValue) {
+  filterSections(searchValue) {
     // remove selection from previous search results.
     if (this.selectedSearchResultIndex) {
       const { element, type } = this.searchResults[this.selectedSearchResultIndex];
@@ -212,7 +209,6 @@ export default class SidebarSearch {
     }
     // empty search results.
     this.searchResults = [];
-
     // match search value with sidebar sections.
     this.sections.forEach(section => {
       // match with section title.