https://www.nrw-kultur.de/_assets/1f311b602c3f9c348521b2fbbaec0f6b…/Backend/SearchHelper.js?bust=202610011

1// Define handling for a basic search input
2export function basicSearchInput() {
3    // Register click event for filter search button
4    document.querySelector('.filter-search-toggle-btn')?.addEventListener('click', () => {
5        // Define variables
6        let filterSearchObject             = document.querySelector('.filter-search');
7        let controllingFilterWrapperObject = document.querySelector('.controlling-filter-wrapper');
8        let searchFilter                   = document.querySelector('#search-filter');
9
10        // Check for active-class
11        if (!filterSearchObject.classList.contains('active')) {
12            // Add class
13            filterSearchObject.classList.add('active');
14            controllingFilterWrapperObject.classList.add('active');
15
16            // Set focus into field
17            searchFilter.focus();
18        } else {
19            // Remove focus from field
20            searchFilter.blur();
21
22            // Remove class
23            filterSearchObject.classList.remove('active');
24            controllingFilterWrapperObject.classList.remove('active');
25        }
26    });
27}