@@ -0,0 +155,4 @@
+
+      this.initializeSearch(shelf);
+
+      this.waiting = false;

@@ -0,0 +159,4 @@
+    },
+    start(): void {
+      this.onPageChange();
+      window.navigation.addEventListener('navigate', this.onPageChange);

@@ -0,0 +73,4 @@
+      const existingContainer = document.getElementById(PlaylistSearchBoxID);
+
+      if (existingContainer) {
+        this.searchContainer = existingContainer as HTMLDivElement;

@@ -0,0 +84,4 @@
+      this.currentSearchTerm = '';
+      this.searchContainer = document.createElement(
+        'ytmusic-search-box'
+      ) as HTMLDivElement;

@@ -0,0 +121,4 @@
+          const newSearchTerm = (e.target as HTMLInputElement).value;
+          this.currentSearchTerm = newSearchTerm;
+          debouncedFilter(newSearchTerm, shelf);
+        });

@@ -0,0 +131,4 @@
+          if (this.currentSearchTerm) {
+            debouncedFilter(this.currentSearchTerm, shelf);
+          }
+        });

@@ -0,0 +149,4 @@
+
+      const shelf =
+        document.querySelector(PlaylistShelfComponent) ??
+        document.querySelector(AlbumShelfComponent);

@@ -0,0 +43,4 @@
+
+    // methods
+    containsSearchTerm(element: Element, searchTerm: string): boolean {
+      //normalize the text to remove accents for easier search

@@ -0,0 +94,4 @@
+        shelf.insertBefore(this.searchContainer, shelf.firstChild);
+
+        // modify the ytmusic search box to our needs after it's inserted
+        this.searchInput = this.searchContainer.querySelector('input')!;

@@ -0,0 +135,4 @@
+
+        this.songListObserver.observe(shelf.querySelector('#contents')!, {
+          childList: true,
+        });

@@ -0,0 +155,4 @@
+
+      this.initializeSearch(shelf);
+
+      this.waiting = false;