initial commit

CTF/Smol/wordpress.old/wp-includes/blocks/search/view.js

@@ -0,0 +1,69 @@
+/******/ (function() { // webpackBootstrap
+var __webpack_exports__ = {};
+window.addEventListener('DOMContentLoaded', () => {
+  const hiddenClass = 'wp-block-search__searchfield-hidden';
+  Array.from(document.getElementsByClassName('wp-block-search__button-behavior-expand')).forEach(block => {
+    const searchField = block.querySelector('.wp-block-search__input');
+    const searchButton = block.querySelector('.wp-block-search__button');
+    const searchLabel = block.querySelector('.wp-block-search__label');
+    const ariaLabel = searchButton.getAttribute('aria-label');
+    const id = searchField.getAttribute('id');
+
+    const toggleSearchField = showSearchField => {
+      if (showSearchField) {
+        searchField.removeAttribute('aria-hidden');
+        searchField.removeAttribute('tabindex');
+        searchButton.removeAttribute('aria-expanded');
+        searchButton.removeAttribute('aria-controls');
+        searchButton.setAttribute('type', 'submit');
+        searchButton.setAttribute('aria-label', 'Submit Search');
+        return block.classList.remove(hiddenClass);
+      }
+
+      searchButton.removeAttribute('type');
+      searchField.setAttribute('aria-hidden', 'true');
+      searchField.setAttribute('tabindex', '-1');
+      searchButton.setAttribute('aria-expanded', 'false');
+      searchButton.setAttribute('aria-controls', id);
+      searchButton.setAttribute('aria-label', ariaLabel);
+      return block.classList.add(hiddenClass);
+    };
+
+    const hideSearchField = e => {
+      if (!e.target.closest('.wp-block-search')) {
+        return toggleSearchField(false);
+      }
+
+      if (e.key === 'Escape') {
+        searchButton.focus();
+        return toggleSearchField(false);
+      }
+    };
+
+    const handleButtonClick = e => {
+      if (block.classList.contains(hiddenClass)) {
+        e.preventDefault();
+        searchField.focus();
+        toggleSearchField(true);
+      }
+    };
+
+    searchButton.removeAttribute('type');
+    searchField.addEventListener('keydown', e => {
+      hideSearchField(e);
+    });
+    searchButton.addEventListener('click', handleButtonClick);
+    searchButton.addEventListener('keydown', e => {
+      hideSearchField(e);
+    });
+
+    if (searchLabel) {
+      searchLabel.addEventListener('click', handleButtonClick);
+    }
+
+    document.body.addEventListener('click', hideSearchField);
+  });
+});
+
+/******/ })()
+;