101 lines
3.0 KiB
JavaScript
101 lines
3.0 KiB
JavaScript
|
"use strict";
|
||
|
|
(self["__WordPressPrivateInteractivityAPI__"] = self["__WordPressPrivateInteractivityAPI__"] || []).push([[222],{
|
||
|
|
|
||
|
|
/***/ 534:
|
||
|
|
/***/ (function(__unused_webpack_module, __unused_webpack___webpack_exports__, __webpack_require__) {
|
||
|
|
|
||
|
|
/* harmony import */ var _wordpress_interactivity__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(754);
|
||
|
|
/**
|
||
|
|
* WordPress dependencies
|
||
|
|
*/
|
||
|
|
|
||
|
|
(0,_wordpress_interactivity__WEBPACK_IMPORTED_MODULE_0__/* .store */ .h)({
|
||
|
|
selectors: {
|
||
|
|
core: {
|
||
|
|
search: {
|
||
|
|
ariaLabel: ({
|
||
|
|
context
|
||
|
|
}) => {
|
||
|
|
const {
|
||
|
|
ariaLabelCollapsed,
|
||
|
|
ariaLabelExpanded
|
||
|
|
} = context.core.search;
|
||
|
|
return context.core.search.isSearchInputVisible ? ariaLabelExpanded : ariaLabelCollapsed;
|
||
|
|
},
|
||
|
|
ariaControls: ({
|
||
|
|
context
|
||
|
|
}) => {
|
||
|
|
return context.core.search.isSearchInputVisible ? null : context.core.search.inputId;
|
||
|
|
},
|
||
|
|
type: ({
|
||
|
|
context
|
||
|
|
}) => {
|
||
|
|
return context.core.search.isSearchInputVisible ? 'submit' : 'button';
|
||
|
|
},
|
||
|
|
tabindex: ({
|
||
|
|
context
|
||
|
|
}) => {
|
||
|
|
return context.core.search.isSearchInputVisible ? '0' : '-1';
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
actions: {
|
||
|
|
core: {
|
||
|
|
search: {
|
||
|
|
openSearchInput: ({
|
||
|
|
context,
|
||
|
|
event,
|
||
|
|
ref
|
||
|
|
}) => {
|
||
|
|
if (!context.core.search.isSearchInputVisible) {
|
||
|
|
event.preventDefault();
|
||
|
|
context.core.search.isSearchInputVisible = true;
|
||
|
|
ref.parentElement.querySelector('input').focus();
|
||
|
|
}
|
||
|
|
},
|
||
|
|
closeSearchInput: ({
|
||
|
|
context
|
||
|
|
}) => {
|
||
|
|
context.core.search.isSearchInputVisible = false;
|
||
|
|
},
|
||
|
|
handleSearchKeydown: store => {
|
||
|
|
const {
|
||
|
|
actions,
|
||
|
|
event,
|
||
|
|
ref
|
||
|
|
} = store;
|
||
|
|
// If Escape close the menu.
|
||
|
|
if (event?.key === 'Escape') {
|
||
|
|
actions.core.search.closeSearchInput(store);
|
||
|
|
ref.querySelector('button').focus();
|
||
|
|
}
|
||
|
|
},
|
||
|
|
handleSearchFocusout: store => {
|
||
|
|
const {
|
||
|
|
actions,
|
||
|
|
event,
|
||
|
|
ref
|
||
|
|
} = store;
|
||
|
|
// 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) && event.target !== window.document.activeElement) {
|
||
|
|
actions.core.search.closeSearchInput(store);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
/***/ })
|
||
|
|
|
||
|
|
},
|
||
|
|
/******/ function(__webpack_require__) { // webpackRuntimeModules
|
||
|
|
/******/ var __webpack_exec__ = function(moduleId) { return __webpack_require__(__webpack_require__.s = moduleId); }
|
||
|
|
/******/ var __webpack_exports__ = (__webpack_exec__(534));
|
||
|
|
/******/ }
|
||
|
|
]);
|