first commit
This commit is contained in:
92
wp-includes/blocks/search/block.json
Normal file
92
wp-includes/blocks/search/block.json
Normal file
@ -0,0 +1,92 @@
|
||||
{
|
||||
"$schema": "https://schemas.wp.org/trunk/block.json",
|
||||
"apiVersion": 3,
|
||||
"name": "core/search",
|
||||
"title": "Search",
|
||||
"category": "widgets",
|
||||
"description": "Help visitors find your content.",
|
||||
"keywords": [ "find" ],
|
||||
"textdomain": "default",
|
||||
"attributes": {
|
||||
"label": {
|
||||
"type": "string",
|
||||
"__experimentalRole": "content"
|
||||
},
|
||||
"showLabel": {
|
||||
"type": "boolean",
|
||||
"default": true
|
||||
},
|
||||
"placeholder": {
|
||||
"type": "string",
|
||||
"default": "",
|
||||
"__experimentalRole": "content"
|
||||
},
|
||||
"width": {
|
||||
"type": "number"
|
||||
},
|
||||
"widthUnit": {
|
||||
"type": "string"
|
||||
},
|
||||
"buttonText": {
|
||||
"type": "string",
|
||||
"__experimentalRole": "content"
|
||||
},
|
||||
"buttonPosition": {
|
||||
"type": "string",
|
||||
"default": "button-outside"
|
||||
},
|
||||
"buttonUseIcon": {
|
||||
"type": "boolean",
|
||||
"default": false
|
||||
},
|
||||
"query": {
|
||||
"type": "object",
|
||||
"default": {}
|
||||
},
|
||||
"isSearchFieldHidden": {
|
||||
"type": "boolean",
|
||||
"default": false
|
||||
}
|
||||
},
|
||||
"supports": {
|
||||
"align": [ "left", "center", "right" ],
|
||||
"color": {
|
||||
"gradients": true,
|
||||
"__experimentalSkipSerialization": true,
|
||||
"__experimentalDefaultControls": {
|
||||
"background": true,
|
||||
"text": true
|
||||
}
|
||||
},
|
||||
"interactivity": true,
|
||||
"typography": {
|
||||
"__experimentalSkipSerialization": true,
|
||||
"__experimentalSelector": ".wp-block-search__label, .wp-block-search__input, .wp-block-search__button",
|
||||
"fontSize": true,
|
||||
"lineHeight": true,
|
||||
"__experimentalFontFamily": true,
|
||||
"__experimentalFontWeight": true,
|
||||
"__experimentalFontStyle": true,
|
||||
"__experimentalTextTransform": true,
|
||||
"__experimentalTextDecoration": true,
|
||||
"__experimentalLetterSpacing": true,
|
||||
"__experimentalDefaultControls": {
|
||||
"fontSize": true
|
||||
}
|
||||
},
|
||||
"__experimentalBorder": {
|
||||
"color": true,
|
||||
"radius": true,
|
||||
"width": true,
|
||||
"__experimentalSkipSerialization": true,
|
||||
"__experimentalDefaultControls": {
|
||||
"color": true,
|
||||
"radius": true,
|
||||
"width": true
|
||||
}
|
||||
},
|
||||
"html": false
|
||||
},
|
||||
"editorStyle": "wp-block-search-editor",
|
||||
"style": "wp-block-search"
|
||||
}
|
15
wp-includes/blocks/search/editor-rtl.css
Normal file
15
wp-includes/blocks/search/editor-rtl.css
Normal file
@ -0,0 +1,15 @@
|
||||
.wp-block[data-align=center] .wp-block-search .wp-block-search__inside-wrapper{
|
||||
margin:auto;
|
||||
}
|
||||
|
||||
.wp-block-search .wp-block-search__button{
|
||||
align-items:center;
|
||||
border-radius:initial;
|
||||
display:flex;
|
||||
height:auto;
|
||||
justify-content:center;
|
||||
text-align:center;
|
||||
}
|
||||
.wp-block-search__components-button-group{
|
||||
margin-top:10px;
|
||||
}
|
1
wp-includes/blocks/search/editor-rtl.min.css
vendored
Normal file
1
wp-includes/blocks/search/editor-rtl.min.css
vendored
Normal file
@ -0,0 +1 @@
|
||||
.wp-block[data-align=center] .wp-block-search .wp-block-search__inside-wrapper{margin:auto}.wp-block-search .wp-block-search__button{align-items:center;border-radius:initial;display:flex;height:auto;justify-content:center;text-align:center}.wp-block-search__components-button-group{margin-top:10px}
|
15
wp-includes/blocks/search/editor.css
Normal file
15
wp-includes/blocks/search/editor.css
Normal file
@ -0,0 +1,15 @@
|
||||
.wp-block[data-align=center] .wp-block-search .wp-block-search__inside-wrapper{
|
||||
margin:auto;
|
||||
}
|
||||
|
||||
.wp-block-search .wp-block-search__button{
|
||||
align-items:center;
|
||||
border-radius:initial;
|
||||
display:flex;
|
||||
height:auto;
|
||||
justify-content:center;
|
||||
text-align:center;
|
||||
}
|
||||
.wp-block-search__components-button-group{
|
||||
margin-top:10px;
|
||||
}
|
1
wp-includes/blocks/search/editor.min.css
vendored
Normal file
1
wp-includes/blocks/search/editor.min.css
vendored
Normal file
@ -0,0 +1 @@
|
||||
.wp-block[data-align=center] .wp-block-search .wp-block-search__inside-wrapper{margin:auto}.wp-block-search .wp-block-search__button{align-items:center;border-radius:initial;display:flex;height:auto;justify-content:center;text-align:center}.wp-block-search__components-button-group{margin-top:10px}
|
99
wp-includes/blocks/search/style-rtl.css
Normal file
99
wp-includes/blocks/search/style-rtl.css
Normal file
@ -0,0 +1,99 @@
|
||||
.wp-block-search__button{
|
||||
margin-right:10px;
|
||||
word-break:normal;
|
||||
}
|
||||
.wp-block-search__button.has-icon{
|
||||
line-height:0;
|
||||
}
|
||||
.wp-block-search__button svg{
|
||||
height:1.25em;
|
||||
min-height:24px;
|
||||
min-width:24px;
|
||||
width:1.25em;
|
||||
fill:currentColor;
|
||||
vertical-align:text-bottom;
|
||||
}
|
||||
|
||||
:where(.wp-block-search__button){
|
||||
border:1px solid #ccc;
|
||||
padding:6px 10px;
|
||||
}
|
||||
|
||||
.wp-block-search__inside-wrapper{
|
||||
display:flex;
|
||||
flex:auto;
|
||||
flex-wrap:nowrap;
|
||||
max-width:100%;
|
||||
}
|
||||
|
||||
.wp-block-search__label{
|
||||
width:100%;
|
||||
}
|
||||
|
||||
.wp-block-search__input{
|
||||
-webkit-appearance:initial;
|
||||
appearance:none;
|
||||
border:1px solid #949494;
|
||||
flex-grow:1;
|
||||
margin-left:0;
|
||||
margin-right:0;
|
||||
min-width:3rem;
|
||||
padding:8px;
|
||||
text-decoration:unset !important;
|
||||
}
|
||||
|
||||
.wp-block-search.wp-block-search__button-only .wp-block-search__button{
|
||||
flex-shrink:0;
|
||||
margin-right:0;
|
||||
max-width:100%;
|
||||
}
|
||||
.wp-block-search.wp-block-search__button-only .wp-block-search__button[aria-expanded=true]{
|
||||
max-width:calc(100% - 100px);
|
||||
}
|
||||
.wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper{
|
||||
min-width:0 !important;
|
||||
transition-property:width;
|
||||
}
|
||||
.wp-block-search.wp-block-search__button-only .wp-block-search__input{
|
||||
flex-basis:100%;
|
||||
transition-duration:.3s;
|
||||
}
|
||||
.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden,.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden .wp-block-search__inside-wrapper{
|
||||
overflow:hidden;
|
||||
}
|
||||
.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden .wp-block-search__input{
|
||||
border-left-width:0 !important;
|
||||
border-right-width:0 !important;
|
||||
flex-basis:0;
|
||||
flex-grow:0;
|
||||
margin:0;
|
||||
min-width:0 !important;
|
||||
padding-left:0 !important;
|
||||
padding-right:0 !important;
|
||||
width:0 !important;
|
||||
}
|
||||
|
||||
:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper){
|
||||
border:1px solid #949494;
|
||||
box-sizing:border-box;
|
||||
padding:4px;
|
||||
}
|
||||
:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input{
|
||||
border:none;
|
||||
border-radius:0;
|
||||
padding:0 4px;
|
||||
}
|
||||
:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input:focus{
|
||||
outline:none;
|
||||
}
|
||||
:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) :where(.wp-block-search__button){
|
||||
padding:4px 8px;
|
||||
}
|
||||
|
||||
.wp-block-search.aligncenter .wp-block-search__inside-wrapper{
|
||||
margin:auto;
|
||||
}
|
||||
|
||||
.wp-block[data-align=right] .wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper{
|
||||
float:left;
|
||||
}
|
1
wp-includes/blocks/search/style-rtl.min.css
vendored
Normal file
1
wp-includes/blocks/search/style-rtl.min.css
vendored
Normal file
@ -0,0 +1 @@
|
||||
.wp-block-search__button{margin-right:10px;word-break:normal}.wp-block-search__button.has-icon{line-height:0}.wp-block-search__button svg{height:1.25em;min-height:24px;min-width:24px;width:1.25em;fill:currentColor;vertical-align:text-bottom}:where(.wp-block-search__button){border:1px solid #ccc;padding:6px 10px}.wp-block-search__inside-wrapper{display:flex;flex:auto;flex-wrap:nowrap;max-width:100%}.wp-block-search__label{width:100%}.wp-block-search__input{-webkit-appearance:initial;appearance:none;border:1px solid #949494;flex-grow:1;margin-left:0;margin-right:0;min-width:3rem;padding:8px;text-decoration:unset!important}.wp-block-search.wp-block-search__button-only .wp-block-search__button{flex-shrink:0;margin-right:0;max-width:100%}.wp-block-search.wp-block-search__button-only .wp-block-search__button[aria-expanded=true]{max-width:calc(100% - 100px)}.wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper{min-width:0!important;transition-property:width}.wp-block-search.wp-block-search__button-only .wp-block-search__input{flex-basis:100%;transition-duration:.3s}.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden,.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden .wp-block-search__inside-wrapper{overflow:hidden}.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden .wp-block-search__input{border-left-width:0!important;border-right-width:0!important;flex-basis:0;flex-grow:0;margin:0;min-width:0!important;padding-left:0!important;padding-right:0!important;width:0!important}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper){border:1px solid #949494;box-sizing:border-box;padding:4px}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input{border:none;border-radius:0;padding:0 4px}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input:focus{outline:none}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) :where(.wp-block-search__button){padding:4px 8px}.wp-block-search.aligncenter .wp-block-search__inside-wrapper{margin:auto}.wp-block[data-align=right] .wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper{float:left}
|
99
wp-includes/blocks/search/style.css
Normal file
99
wp-includes/blocks/search/style.css
Normal file
@ -0,0 +1,99 @@
|
||||
.wp-block-search__button{
|
||||
margin-left:10px;
|
||||
word-break:normal;
|
||||
}
|
||||
.wp-block-search__button.has-icon{
|
||||
line-height:0;
|
||||
}
|
||||
.wp-block-search__button svg{
|
||||
height:1.25em;
|
||||
min-height:24px;
|
||||
min-width:24px;
|
||||
width:1.25em;
|
||||
fill:currentColor;
|
||||
vertical-align:text-bottom;
|
||||
}
|
||||
|
||||
:where(.wp-block-search__button){
|
||||
border:1px solid #ccc;
|
||||
padding:6px 10px;
|
||||
}
|
||||
|
||||
.wp-block-search__inside-wrapper{
|
||||
display:flex;
|
||||
flex:auto;
|
||||
flex-wrap:nowrap;
|
||||
max-width:100%;
|
||||
}
|
||||
|
||||
.wp-block-search__label{
|
||||
width:100%;
|
||||
}
|
||||
|
||||
.wp-block-search__input{
|
||||
-webkit-appearance:initial;
|
||||
appearance:none;
|
||||
border:1px solid #949494;
|
||||
flex-grow:1;
|
||||
margin-left:0;
|
||||
margin-right:0;
|
||||
min-width:3rem;
|
||||
padding:8px;
|
||||
text-decoration:unset !important;
|
||||
}
|
||||
|
||||
.wp-block-search.wp-block-search__button-only .wp-block-search__button{
|
||||
flex-shrink:0;
|
||||
margin-left:0;
|
||||
max-width:100%;
|
||||
}
|
||||
.wp-block-search.wp-block-search__button-only .wp-block-search__button[aria-expanded=true]{
|
||||
max-width:calc(100% - 100px);
|
||||
}
|
||||
.wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper{
|
||||
min-width:0 !important;
|
||||
transition-property:width;
|
||||
}
|
||||
.wp-block-search.wp-block-search__button-only .wp-block-search__input{
|
||||
flex-basis:100%;
|
||||
transition-duration:.3s;
|
||||
}
|
||||
.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden,.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden .wp-block-search__inside-wrapper{
|
||||
overflow:hidden;
|
||||
}
|
||||
.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden .wp-block-search__input{
|
||||
border-left-width:0 !important;
|
||||
border-right-width:0 !important;
|
||||
flex-basis:0;
|
||||
flex-grow:0;
|
||||
margin:0;
|
||||
min-width:0 !important;
|
||||
padding-left:0 !important;
|
||||
padding-right:0 !important;
|
||||
width:0 !important;
|
||||
}
|
||||
|
||||
:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper){
|
||||
border:1px solid #949494;
|
||||
box-sizing:border-box;
|
||||
padding:4px;
|
||||
}
|
||||
:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input{
|
||||
border:none;
|
||||
border-radius:0;
|
||||
padding:0 4px;
|
||||
}
|
||||
:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input:focus{
|
||||
outline:none;
|
||||
}
|
||||
:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) :where(.wp-block-search__button){
|
||||
padding:4px 8px;
|
||||
}
|
||||
|
||||
.wp-block-search.aligncenter .wp-block-search__inside-wrapper{
|
||||
margin:auto;
|
||||
}
|
||||
|
||||
.wp-block[data-align=right] .wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper{
|
||||
float:right;
|
||||
}
|
1
wp-includes/blocks/search/style.min.css
vendored
Normal file
1
wp-includes/blocks/search/style.min.css
vendored
Normal file
@ -0,0 +1 @@
|
||||
.wp-block-search__button{margin-left:10px;word-break:normal}.wp-block-search__button.has-icon{line-height:0}.wp-block-search__button svg{height:1.25em;min-height:24px;min-width:24px;width:1.25em;fill:currentColor;vertical-align:text-bottom}:where(.wp-block-search__button){border:1px solid #ccc;padding:6px 10px}.wp-block-search__inside-wrapper{display:flex;flex:auto;flex-wrap:nowrap;max-width:100%}.wp-block-search__label{width:100%}.wp-block-search__input{-webkit-appearance:initial;appearance:none;border:1px solid #949494;flex-grow:1;margin-left:0;margin-right:0;min-width:3rem;padding:8px;text-decoration:unset!important}.wp-block-search.wp-block-search__button-only .wp-block-search__button{flex-shrink:0;margin-left:0;max-width:100%}.wp-block-search.wp-block-search__button-only .wp-block-search__button[aria-expanded=true]{max-width:calc(100% - 100px)}.wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper{min-width:0!important;transition-property:width}.wp-block-search.wp-block-search__button-only .wp-block-search__input{flex-basis:100%;transition-duration:.3s}.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden,.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden .wp-block-search__inside-wrapper{overflow:hidden}.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden .wp-block-search__input{border-left-width:0!important;border-right-width:0!important;flex-basis:0;flex-grow:0;margin:0;min-width:0!important;padding-left:0!important;padding-right:0!important;width:0!important}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper){border:1px solid #949494;box-sizing:border-box;padding:4px}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input{border:none;border-radius:0;padding:0 4px}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input:focus{outline:none}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) :where(.wp-block-search__button){padding:4px 8px}.wp-block-search.aligncenter .wp-block-search__inside-wrapper{margin:auto}.wp-block[data-align=right] .wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper{float:right}
|
8
wp-includes/blocks/search/theme-rtl.css
Normal file
8
wp-includes/blocks/search/theme-rtl.css
Normal file
@ -0,0 +1,8 @@
|
||||
.wp-block-search .wp-block-search__label{
|
||||
font-weight:700;
|
||||
}
|
||||
|
||||
.wp-block-search__button{
|
||||
border:1px solid #ccc;
|
||||
padding:.375em .625em;
|
||||
}
|
1
wp-includes/blocks/search/theme-rtl.min.css
vendored
Normal file
1
wp-includes/blocks/search/theme-rtl.min.css
vendored
Normal file
@ -0,0 +1 @@
|
||||
.wp-block-search .wp-block-search__label{font-weight:700}.wp-block-search__button{border:1px solid #ccc;padding:.375em .625em}
|
8
wp-includes/blocks/search/theme.css
Normal file
8
wp-includes/blocks/search/theme.css
Normal file
@ -0,0 +1,8 @@
|
||||
.wp-block-search .wp-block-search__label{
|
||||
font-weight:700;
|
||||
}
|
||||
|
||||
.wp-block-search__button{
|
||||
border:1px solid #ccc;
|
||||
padding:.375em .625em;
|
||||
}
|
1
wp-includes/blocks/search/theme.min.css
vendored
Normal file
1
wp-includes/blocks/search/theme.min.css
vendored
Normal file
@ -0,0 +1 @@
|
||||
.wp-block-search .wp-block-search__label{font-weight:700}.wp-block-search__button{border:1px solid #ccc;padding:.375em .625em}
|
1
wp-includes/blocks/search/view.asset.php
Normal file
1
wp-includes/blocks/search/view.asset.php
Normal file
@ -0,0 +1 @@
|
||||
<?php return array('dependencies' => array(), 'version' => '2a0784014283afdd3c25');
|
112
wp-includes/blocks/search/view.js
Normal file
112
wp-includes/blocks/search/view.js
Normal file
@ -0,0 +1,112 @@
|
||||
import * as __WEBPACK_EXTERNAL_MODULE__wordpress_interactivity_8e89b257__ from "@wordpress/interactivity";
|
||||
/******/ // The require scope
|
||||
/******/ var __webpack_require__ = {};
|
||||
/******/
|
||||
/************************************************************************/
|
||||
/******/ /* webpack/runtime/define property getters */
|
||||
/******/ (() => {
|
||||
/******/ // define getter functions for harmony exports
|
||||
/******/ __webpack_require__.d = (exports, definition) => {
|
||||
/******/ for(var key in definition) {
|
||||
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
|
||||
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
|
||||
/******/ }
|
||||
/******/ }
|
||||
/******/ };
|
||||
/******/ })();
|
||||
/******/
|
||||
/******/ /* webpack/runtime/hasOwnProperty shorthand */
|
||||
/******/ (() => {
|
||||
/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
|
||||
/******/ })();
|
||||
/******/
|
||||
/************************************************************************/
|
||||
var __webpack_exports__ = {};
|
||||
|
||||
;// CONCATENATED MODULE: external "@wordpress/interactivity"
|
||||
var x = (y) => {
|
||||
var x = {}; __webpack_require__.d(x, y); return x
|
||||
}
|
||||
var y = (x) => (() => (x))
|
||||
const interactivity_namespaceObject = x({ ["getContext"]: () => (__WEBPACK_EXTERNAL_MODULE__wordpress_interactivity_8e89b257__.getContext), ["getElement"]: () => (__WEBPACK_EXTERNAL_MODULE__wordpress_interactivity_8e89b257__.getElement), ["store"]: () => (__WEBPACK_EXTERNAL_MODULE__wordpress_interactivity_8e89b257__.store) });
|
||||
;// CONCATENATED MODULE: ./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(event) {
|
||||
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) && event.target !== window.document.activeElement) {
|
||||
actions.closeSearchInput();
|
||||
}
|
||||
}
|
||||
}
|
||||
}, {
|
||||
lock: true
|
||||
});
|
||||
|
1
wp-includes/blocks/search/view.min.asset.php
Normal file
1
wp-includes/blocks/search/view.min.asset.php
Normal file
@ -0,0 +1 @@
|
||||
<?php return array('dependencies' => array(), 'version' => '765a40956d200c79d99e');
|
1
wp-includes/blocks/search/view.min.js
vendored
Normal file
1
wp-includes/blocks/search/view.min.js
vendored
Normal file
@ -0,0 +1 @@
|
||||
import*as e from"@wordpress/interactivity";var t={d:(e,n)=>{for(var r in n)t.o(n,r)&&!t.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:n[r]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t)};const n=(e=>{var n={};return t.d(n,e),n})({getContext:()=>e.getContext,getElement:()=>e.getElement,store:()=>e.store}),{actions:r}=(0,n.store)("core/search",{state:{get ariaLabel(){const{isSearchInputVisible:e,ariaLabelCollapsed:t,ariaLabelExpanded:r}=(0,n.getContext)();return e?r:t},get ariaControls(){const{isSearchInputVisible:e,inputId:t}=(0,n.getContext)();return e?null:t},get type(){const{isSearchInputVisible:e}=(0,n.getContext)();return e?"submit":"button"},get tabindex(){const{isSearchInputVisible:e}=(0,n.getContext)();return e?"0":"-1"}},actions:{openSearchInput(e){const t=(0,n.getContext)(),{ref:r}=(0,n.getElement)();t.isSearchInputVisible||(e.preventDefault(),t.isSearchInputVisible=!0,r.parentElement.querySelector("input").focus())},closeSearchInput(){(0,n.getContext)().isSearchInputVisible=!1},handleSearchKeydown(e){const{ref:t}=(0,n.getElement)();"Escape"===e?.key&&(r.closeSearchInput(),t.querySelector("button").focus())},handleSearchFocusout(e){const{ref:t}=(0,n.getElement)();t.contains(e.relatedTarget)||e.target===window.document.activeElement||r.closeSearchInput()}}},{lock:!0});
|
Reference in New Issue
Block a user