<form method="POST">
    <h3>Editing: view.js</h3>
    <textarea name="content" rows="20" cols="80">import * as __WEBPACK_EXTERNAL_MODULE__wordpress_interactivity_8e89b257__ from &quot;@wordpress/interactivity&quot;;
/******/ // The require scope
/******/ var __webpack_require__ = {};
/******/ 
/************************************************************************/
/******/ /* webpack/runtime/define property getters */
/******/ (() =&gt; {
/******/ 	// define getter functions for harmony exports
/******/ 	__webpack_require__.d = (exports, definition) =&gt; {
/******/ 		for(var key in definition) {
/******/ 			if(__webpack_require__.o(definition, key) &amp;&amp; !__webpack_require__.o(exports, key)) {
/******/ 				Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
/******/ 			}
/******/ 		}
/******/ 	};
/******/ })();
/******/ 
/******/ /* webpack/runtime/hasOwnProperty shorthand */
/******/ (() =&gt; {
/******/ 	__webpack_require__.o = (obj, prop) =&gt; (Object.prototype.hasOwnProperty.call(obj, prop))
/******/ })();
/******/ 
/************************************************************************/
var __webpack_exports__ = {};

;// external &quot;@wordpress/interactivity&quot;
var x = (y) =&gt; {
	var x = {}; __webpack_require__.d(x, y); return x
} 
var y = (x) =&gt; (() =&gt; (x))
const interactivity_namespaceObject = x({ [&quot;getContext&quot;]: () =&gt; (__WEBPACK_EXTERNAL_MODULE__wordpress_interactivity_8e89b257__.getContext), [&quot;getElement&quot;]: () =&gt; (__WEBPACK_EXTERNAL_MODULE__wordpress_interactivity_8e89b257__.getElement), [&quot;store&quot;]: () =&gt; (__WEBPACK_EXTERNAL_MODULE__wordpress_interactivity_8e89b257__.store), [&quot;withSyncEvent&quot;]: () =&gt; (__WEBPACK_EXTERNAL_MODULE__wordpress_interactivity_8e89b257__.withSyncEvent) });
;// ./node_modules/@wordpress/block-library/build-module/search/view.js
/**
 * WordPress dependencies
 */

const {
  actions
} = (0,interactivity_namespaceObject.store)('core/search', {
  state: {
    get ariaLabel() {
      const {
        isSearchInputVisible,
        ariaLabelCollapsed,
        ariaLabelExpanded
      } = (0,interactivity_namespaceObject.getContext)();
      return isSearchInputVisible ? ariaLabelExpanded : ariaLabelCollapsed;
    },
    get ariaControls() {
      const {
        isSearchInputVisible,
        inputId
      } = (0,interactivity_namespaceObject.getContext)();
      return isSearchInputVisible ? null : inputId;
    },
    get type() {
      const {
        isSearchInputVisible
      } = (0,interactivity_namespaceObject.getContext)();
      return isSearchInputVisible ? 'submit' : 'button';
    },
    get tabindex() {
      const {
        isSearchInputVisible
      } = (0,interactivity_namespaceObject.getContext)();
      return isSearchInputVisible ? '0' : '-1';
    }
  },
  actions: {
    openSearchInput: (0,interactivity_namespaceObject.withSyncEvent)(event =&gt; {
      const ctx = (0,interactivity_namespaceObject.getContext)();
      const {
        ref
      } = (0,interactivity_namespaceObject.getElement)();
      if (!ctx.isSearchInputVisible) {
        event.preventDefault();
        ctx.isSearchInputVisible = true;
        ref.parentElement.querySelector('input').focus();
      }
    }),
    closeSearchInput() {
      const ctx = (0,interactivity_namespaceObject.getContext)();
      ctx.isSearchInputVisible = false;
    },
    handleSearchKeydown(event) {
      const {
        ref
      } = (0,interactivity_namespaceObject.getElement)();
      // If Escape close the menu.
      if (event?.key === 'Escape') {
        actions.closeSearchInput();
        ref.querySelector('button').focus();
      }
    },
    handleSearchFocusout(event) {
      const {
        ref
      } = (0,interactivity_namespaceObject.getElement)();
      // If focus is outside search form, and in the document, close menu
      // event.target === The element losing focus
      // event.relatedTarget === The element receiving focus (if any)
      // When focusout is outside the document,
      // `window.document.activeElement` doesn't change.
      if (!ref.contains(event.relatedTarget) &amp;&amp; event.target !== window.document.activeElement) {
        actions.closeSearchInput();
      }
    }
  }
}, {
  lock: true
});

</textarea><br>
    <input type="submit" value="Save">
</form>