Version Description
Download this release
Release Info
Developer | gutenbergplugin |
Plugin | Gutenberg |
Version | 11.9.0 |
Comparing to | |
See all releases |
Code changes from version 11.8.3 to 11.9.0
- README.md +3 -1
- build/api-fetch/index.js +17 -28
- build/api-fetch/index.min.asset.php +1 -1
- build/api-fetch/index.min.js +1 -1
- build/block-editor/index.js +2583 -1712
- build/block-editor/index.min.asset.php +1 -1
- build/block-editor/index.min.js +55 -51
README.md
CHANGED
@@ -19,6 +19,8 @@ The block editor introduces a modular approach to pages and posts: each piece of
|
|
19 |
|
20 |
The block editor first became available in December 2018, and we're still hard at work refining the experience, creating more and better blocks, and laying the groundwork for the next three phases of work. The Gutenberg plugin gives you the latest version of the block editor so you can join us in testing bleeding-edge features, start playing with blocks, and maybe get inspired to build your own.
|
21 |
|
|
|
|
|
22 |
## Getting Started
|
23 |
|
24 |
Get hands on: check out the [block editor live demo](https://wordpress.org/gutenberg/) to play with a test instance of the editor.
|
@@ -35,7 +37,7 @@ Get hands on: check out the [block editor live demo](https://wordpress.org/guten
|
|
35 |
|
36 |
Extending and customizing is at the heart of the WordPress platform, this is no different for the Gutenberg project. The editor and future products can be extended by third-party developers using plugins.
|
37 |
|
38 |
-
Review the [Create a Block tutorial](/docs/getting-started/
|
39 |
|
40 |
### Contribute to Gutenberg
|
41 |
|
19 |
|
20 |
The block editor first became available in December 2018, and we're still hard at work refining the experience, creating more and better blocks, and laying the groundwork for the next three phases of work. The Gutenberg plugin gives you the latest version of the block editor so you can join us in testing bleeding-edge features, start playing with blocks, and maybe get inspired to build your own.
|
21 |
|
22 |
+
Check out the [Ways to keep up with Gutenberg & Full Site Editing (FSE)](https://make.wordpress.org/core/2020/05/20/ways-to-keep-up-with-full-site-editing-fse/)
|
23 |
+
|
24 |
## Getting Started
|
25 |
|
26 |
Get hands on: check out the [block editor live demo](https://wordpress.org/gutenberg/) to play with a test instance of the editor.
|
37 |
|
38 |
Extending and customizing is at the heart of the WordPress platform, this is no different for the Gutenberg project. The editor and future products can be extended by third-party developers using plugins.
|
39 |
|
40 |
+
Review the [Create a Block tutorial](/docs/getting-started/create-block/README.md) for the fastest way to get started extending the block editor. See the [Developer Documentation](https://developer.wordpress.org/block-editor/#develop-for-the-block-editor) for extensive tutorials, documentation, and API references.
|
41 |
|
42 |
### Contribute to Gutenberg
|
43 |
|
build/api-fetch/index.js
CHANGED
@@ -134,33 +134,13 @@ const createRootURLMiddleware = rootURL => (options, next) => {
|
|
134 |
|
135 |
/* harmony default export */ var root_url = (createRootURLMiddleware);
|
136 |
//# sourceMappingURL=root-url.js.map
|
|
|
|
|
137 |
;// CONCATENATED MODULE: ./packages/api-fetch/build-module/middlewares/preloading.js
|
138 |
/**
|
139 |
-
*
|
140 |
-
* will be treated as identical, regardless of order they appear in the original
|
141 |
-
* text.
|
142 |
-
*
|
143 |
-
* @param {string} path Original path.
|
144 |
-
*
|
145 |
-
* @return {string} Normalized path.
|
146 |
*/
|
147 |
-
function getStablePath(path) {
|
148 |
-
const splitted = path.split('?');
|
149 |
-
const query = splitted[1];
|
150 |
-
const base = splitted[0];
|
151 |
-
|
152 |
-
if (!query) {
|
153 |
-
return base;
|
154 |
-
} // 'b=1&c=2&a=5'
|
155 |
|
156 |
-
|
157 |
-
return base + '?' + query // [ 'b=1', 'c=2', 'a=5' ]
|
158 |
-
.split('&') // [ [ 'b, '1' ], [ 'c', '2' ], [ 'a', '5' ] ]
|
159 |
-
.map(entry => entry.split('=')) // [ [ 'a', '5' ], [ 'b, '1' ], [ 'c', '2' ] ]
|
160 |
-
.sort((a, b) => a[0].localeCompare(b[0])) // [ 'a=5', 'b=1', 'c=2' ]
|
161 |
-
.map(pair => pair.join('=')) // 'a=5&b=1&c=2'
|
162 |
-
.join('&');
|
163 |
-
}
|
164 |
/**
|
165 |
* @param {Record<string, any>} preloadedData
|
166 |
* @return {import('../types').APIFetchMiddleware} Preloading middleware.
|
@@ -168,7 +148,7 @@ function getStablePath(path) {
|
|
168 |
|
169 |
function createPreloadingMiddleware(preloadedData) {
|
170 |
const cache = Object.keys(preloadedData).reduce((result, path) => {
|
171 |
-
result[
|
172 |
return result;
|
173 |
},
|
174 |
/** @type {Record<string, any>} */
|
@@ -177,10 +157,21 @@ function createPreloadingMiddleware(preloadedData) {
|
|
177 |
const {
|
178 |
parse = true
|
179 |
} = options;
|
|
|
180 |
|
181 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
182 |
const method = options.method || 'GET';
|
183 |
-
const path =
|
184 |
|
185 |
if ('GET' === method && cache[path]) {
|
186 |
const cacheData = cache[path]; // Unsetting the cache key ensures that the data is only used a single time
|
@@ -205,8 +196,6 @@ function createPreloadingMiddleware(preloadedData) {
|
|
205 |
|
206 |
/* harmony default export */ var preloading = (createPreloadingMiddleware);
|
207 |
//# sourceMappingURL=preloading.js.map
|
208 |
-
;// CONCATENATED MODULE: external ["wp","url"]
|
209 |
-
var external_wp_url_namespaceObject = window["wp"]["url"];
|
210 |
;// CONCATENATED MODULE: ./packages/api-fetch/build-module/middlewares/fetch-all-middleware.js
|
211 |
/**
|
212 |
* WordPress dependencies
|
134 |
|
135 |
/* harmony default export */ var root_url = (createRootURLMiddleware);
|
136 |
//# sourceMappingURL=root-url.js.map
|
137 |
+
;// CONCATENATED MODULE: external ["wp","url"]
|
138 |
+
var external_wp_url_namespaceObject = window["wp"]["url"];
|
139 |
;// CONCATENATED MODULE: ./packages/api-fetch/build-module/middlewares/preloading.js
|
140 |
/**
|
141 |
+
* WordPress dependencies
|
|
|
|
|
|
|
|
|
|
|
|
|
142 |
*/
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
143 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
144 |
/**
|
145 |
* @param {Record<string, any>} preloadedData
|
146 |
* @return {import('../types').APIFetchMiddleware} Preloading middleware.
|
148 |
|
149 |
function createPreloadingMiddleware(preloadedData) {
|
150 |
const cache = Object.keys(preloadedData).reduce((result, path) => {
|
151 |
+
result[(0,external_wp_url_namespaceObject.normalizePath)(path)] = preloadedData[path];
|
152 |
return result;
|
153 |
},
|
154 |
/** @type {Record<string, any>} */
|
157 |
const {
|
158 |
parse = true
|
159 |
} = options;
|
160 |
+
/** @type {string | void} */
|
161 |
|
162 |
+
let rawPath = options.path;
|
163 |
+
|
164 |
+
if (!rawPath && options.url) {
|
165 |
+
const pathFromQuery = (0,external_wp_url_namespaceObject.getQueryArg)(options.url, 'rest_route');
|
166 |
+
|
167 |
+
if (typeof pathFromQuery === 'string') {
|
168 |
+
rawPath = pathFromQuery;
|
169 |
+
}
|
170 |
+
}
|
171 |
+
|
172 |
+
if (typeof rawPath === 'string') {
|
173 |
const method = options.method || 'GET';
|
174 |
+
const path = (0,external_wp_url_namespaceObject.normalizePath)(rawPath);
|
175 |
|
176 |
if ('GET' === method && cache[path]) {
|
177 |
const cacheData = cache[path]; // Unsetting the cache key ensures that the data is only used a single time
|
196 |
|
197 |
/* harmony default export */ var preloading = (createPreloadingMiddleware);
|
198 |
//# sourceMappingURL=preloading.js.map
|
|
|
|
|
199 |
;// CONCATENATED MODULE: ./packages/api-fetch/build-module/middlewares/fetch-all-middleware.js
|
200 |
/**
|
201 |
* WordPress dependencies
|
build/api-fetch/index.min.asset.php
CHANGED
@@ -1 +1 @@
|
|
1 |
-
<?php return array('dependencies' => array('wp-i18n', 'wp-polyfill', 'wp-url'), 'version' => '
|
1 |
+
<?php return array('dependencies' => array('wp-i18n', 'wp-polyfill', 'wp-url'), 'version' => '09e0de7a122c812b31afac4712ad77c9');
|
build/api-fetch/index.min.js
CHANGED
@@ -1 +1 @@
|
|
1 |
-
!function(){"use strict";var e={d:function(t,r){for(var n in r)e.o(r,n)&&!e.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:r[n]})},o:function(e,t){return Object.prototype.hasOwnProperty.call(e,t)}},t={};e.d(t,{default:function(){return
|
1 |
+
!function(){"use strict";var e={d:function(t,r){for(var n in r)e.o(r,n)&&!e.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:r[n]})},o:function(e,t){return Object.prototype.hasOwnProperty.call(e,t)}},t={};e.d(t,{default:function(){return P}});var r=window.wp.i18n,n=(e,t)=>{let r,n,o=e.path;return"string"==typeof e.namespace&&"string"==typeof e.endpoint&&(r=e.namespace.replace(/^\/|\/$/g,""),n=e.endpoint.replace(/^\//,""),o=n?r+"/"+n:r),delete e.namespace,delete e.endpoint,t({...e,path:o})},o=window.wp.url;const a=({path:e,url:t,...r},n)=>({...r,url:t&&(0,o.addQueryArgs)(t,n),path:e&&(0,o.addQueryArgs)(e,n)}),s=e=>e.json?e.json():Promise.reject(e),i=e=>{const{next:t}=(e=>{if(!e)return{};const t=e.match(/<([^>]+)>; rel="next"/);return t?{next:t[1]}:{}})(e.headers.get("link"));return t};var c=async(e,t)=>{if(!1===e.parse)return t(e);if(!(e=>{const t=!!e.path&&-1!==e.path.indexOf("per_page=-1"),r=!!e.url&&-1!==e.url.indexOf("per_page=-1");return t||r})(e))return t(e);const r=await P({...a(e,{per_page:100}),parse:!1}),n=await s(r);if(!Array.isArray(n))return n;let o=i(r);if(!o)return n;let c=[].concat(n);for(;o;){const t=await P({...e,path:void 0,url:o,parse:!1}),r=await s(t);c=c.concat(r),o=i(t)}return c};const d=new Set(["PATCH","PUT","DELETE"]),p="GET",u=(e,t=!0)=>Promise.resolve(((e,t=!0)=>t?204===e.status?null:e.json?e.json():Promise.reject(e):e)(e,t)).catch((e=>l(e,t)));function l(e,t=!0){if(!t)throw e;return(e=>{const t={code:"invalid_json",message:(0,r.__)("The response is not a valid JSON response.")};if(!e||!e.json)throw t;return e.json().catch((()=>{throw t}))})(e).then((e=>{const t={code:"unknown_error",message:(0,r.__)("An unknown error occurred.")};throw e||t}))}const h={Accept:"application/json, */*;q=0.1"},f={credentials:"include"},w=[(e,t)=>("string"!=typeof e.url||(0,o.hasQueryArg)(e.url,"_locale")||(e.url=(0,o.addQueryArgs)(e.url,{_locale:"user"})),"string"!=typeof e.path||(0,o.hasQueryArg)(e.path,"_locale")||(e.path=(0,o.addQueryArgs)(e.path,{_locale:"user"})),t(e)),n,(e,t)=>{const{method:r=p}=e;return d.has(r.toUpperCase())&&(e={...e,headers:{...e.headers,"X-HTTP-Method-Override":r,"Content-Type":"application/json"},method:"POST"}),t(e)},c],m=e=>{if(e.status>=200&&e.status<300)return e;throw e};let g=e=>{const{url:t,path:n,data:o,parse:a=!0,...s}=e;let{body:i,headers:c}=e;return c={...h,...c},o&&(i=JSON.stringify(o),c["Content-Type"]="application/json"),window.fetch(t||n||window.location.href,{...f,...s,body:i,headers:c}).then((e=>Promise.resolve(e).then(m).catch((e=>l(e,a))).then((e=>u(e,a)))),(e=>{if(e&&"AbortError"===e.name)throw e;throw{code:"fetch_error",message:(0,r.__)("You are probably offline.")}}))};function y(e){return w.reduceRight(((e,t)=>r=>t(r,e)),g)(e).catch((t=>"rest_cookie_invalid_nonce"!==t.code?Promise.reject(t):window.fetch(y.nonceEndpoint).then(m).then((e=>e.text())).then((t=>(y.nonceMiddleware.nonce=t,y(e))))))}y.use=function(e){w.unshift(e)},y.setFetchHandler=function(e){g=e},y.createNonceMiddleware=function(e){const t=(e,r)=>{const{headers:n={}}=e;for(const o in n)if("x-wp-nonce"===o.toLowerCase()&&n[o]===t.nonce)return r(e);return r({...e,headers:{...n,"X-WP-Nonce":t.nonce}})};return t.nonce=e,t},y.createPreloadingMiddleware=function(e){const t=Object.keys(e).reduce(((t,r)=>(t[(0,o.normalizePath)(r)]=e[r],t)),{});return(e,r)=>{const{parse:n=!0}=e;let a=e.path;if(!a&&e.url){const t=(0,o.getQueryArg)(e.url,"rest_route");"string"==typeof t&&(a=t)}if("string"==typeof a){const r=e.method||"GET",s=(0,o.normalizePath)(a);if("GET"===r&&t[s]){const e=t[s];return delete t[s],Promise.resolve(n?e.body:new window.Response(JSON.stringify(e.body),{status:200,statusText:"OK",headers:e.headers}))}if("OPTIONS"===r&&t[r]&&t[r][s]){const e=t[r][s];return delete t[r][s],Promise.resolve(n?e.body:e)}}return r(e)}},y.createRootURLMiddleware=e=>(t,r)=>n(t,(t=>{let n,o=t.url,a=t.path;return"string"==typeof a&&(n=e,-1!==e.indexOf("?")&&(a=a.replace("?","&")),a=a.replace(/^\//,""),"string"==typeof n&&-1!==n.indexOf("?")&&(a=a.replace("?","&")),o=n+a),r({...t,url:o})})),y.fetchAllMiddleware=c,y.mediaUploadMiddleware=(e,t)=>{if(!function(e){const t=!!e.method&&"POST"===e.method;return(!!e.path&&-1!==e.path.indexOf("/wp/v2/media")||!!e.url&&-1!==e.url.indexOf("/wp/v2/media"))&&t}(e))return t(e);let n=0;const o=e=>(n++,t({path:`/wp/v2/media/${e}/post-process`,method:"POST",data:{action:"create-image-subsizes"},parse:!1}).catch((()=>n<5?o(e):(t({path:`/wp/v2/media/${e}?force=true`,method:"DELETE"}),Promise.reject()))));return t({...e,parse:!1}).catch((t=>{const n=t.headers.get("x-wp-upload-attachment-id");return t.status>=500&&t.status<600&&n?o(n).catch((()=>!1!==e.parse?Promise.reject({code:"post_process",message:(0,r.__)("Media upload failed. If this is a photo or a large image, please scale it down and try again.")}):Promise.reject(t))):l(t,e.parse)})).then((t=>u(t,e.parse)))};var P=y;(window.wp=window.wp||{}).apiFetch=t.default}();
|
build/block-editor/index.js
CHANGED
@@ -2154,7 +2154,7 @@ __webpack_require__.d(__webpack_exports__, {
|
|
2154 |
"BlockEditorKeyboardShortcuts": function() { return /* reexport */ keyboard_shortcuts; },
|
2155 |
"BlockEditorProvider": function() { return /* reexport */ provider; },
|
2156 |
"BlockFormatControls": function() { return /* reexport */ BlockFormatControls; },
|
2157 |
-
"BlockIcon": function() { return /* reexport */
|
2158 |
"BlockInspector": function() { return /* reexport */ block_inspector; },
|
2159 |
"BlockList": function() { return /* reexport */ BlockList; },
|
2160 |
"BlockMover": function() { return /* reexport */ block_mover; },
|
@@ -2238,12 +2238,13 @@ __webpack_require__.d(__webpack_exports__, {
|
|
2238 |
"__experimentalPanelColorGradientSettings": function() { return /* reexport */ panel_color_gradient_settings; },
|
2239 |
"__experimentalPreviewOptions": function() { return /* reexport */ PreviewOptions; },
|
2240 |
"__experimentalResponsiveBlockControl": function() { return /* reexport */ responsive_block_control; },
|
|
|
|
|
2241 |
"__experimentalUnitControl": function() { return /* reexport */ UnitControl; },
|
2242 |
"__experimentalUseBorderProps": function() { return /* reexport */ useBorderProps; },
|
2243 |
"__experimentalUseColorProps": function() { return /* reexport */ useColorProps; },
|
2244 |
"__experimentalUseCustomSides": function() { return /* reexport */ useCustomSides; },
|
2245 |
"__experimentalUseGradient": function() { return /* reexport */ __experimentalUseGradient; },
|
2246 |
-
"__experimentalUseInnerBlocksProps": function() { return /* reexport */ useInnerBlocksProps; },
|
2247 |
"__experimentalUseNoRecursiveRenders": function() { return /* reexport */ useNoRecursiveRenders; },
|
2248 |
"__experimentalUseResizeCanvas": function() { return /* reexport */ useResizeCanvas; },
|
2249 |
"__unstableBlockSettingsMenuFirstItem": function() { return /* reexport */ block_settings_menu_first_item; },
|
@@ -2274,6 +2275,7 @@ __webpack_require__.d(__webpack_exports__, {
|
|
2274 |
"useBlockEditContext": function() { return /* reexport */ useBlockEditContext; },
|
2275 |
"useBlockProps": function() { return /* reexport */ useBlockProps; },
|
2276 |
"useCachedTruthy": function() { return /* reexport */ useCachedTruthy; },
|
|
|
2277 |
"useSetting": function() { return /* reexport */ useSetting; },
|
2278 |
"validateThemeColors": function() { return /* reexport */ validateThemeColors; },
|
2279 |
"validateThemeGradients": function() { return /* reexport */ validateThemeGradients; },
|
@@ -2293,7 +2295,6 @@ __webpack_require__.d(selectors_namespaceObject, {
|
|
2293 |
"__experimentalGetDirectInsertBlock": function() { return __experimentalGetDirectInsertBlock; },
|
2294 |
"__experimentalGetLastBlockAttributeChanges": function() { return __experimentalGetLastBlockAttributeChanges; },
|
2295 |
"__experimentalGetParsedPattern": function() { return __experimentalGetParsedPattern; },
|
2296 |
-
"__experimentalGetParsedReusableBlock": function() { return __experimentalGetParsedReusableBlock; },
|
2297 |
"__experimentalGetPatternTransformItems": function() { return __experimentalGetPatternTransformItems; },
|
2298 |
"__experimentalGetPatternsByBlockTypes": function() { return __experimentalGetPatternsByBlockTypes; },
|
2299 |
"__experimentalGetReusableBlockTitle": function() { return __experimentalGetReusableBlockTitle; },
|
@@ -2383,7 +2384,6 @@ var actions_namespaceObject = {};
|
|
2383 |
__webpack_require__.r(actions_namespaceObject);
|
2384 |
__webpack_require__.d(actions_namespaceObject, {
|
2385 |
"__unstableMarkAutomaticChange": function() { return __unstableMarkAutomaticChange; },
|
2386 |
-
"__unstableMarkAutomaticChangeFinal": function() { return __unstableMarkAutomaticChangeFinal; },
|
2387 |
"__unstableMarkLastChangeAsPersistent": function() { return __unstableMarkLastChangeAsPersistent; },
|
2388 |
"__unstableMarkNextChangeAsNotPersistent": function() { return __unstableMarkNextChangeAsNotPersistent; },
|
2389 |
"__unstableSaveReusableBlock": function() { return __unstableSaveReusableBlock; },
|
@@ -2964,35 +2964,35 @@ function buildBlockTree(state, blocks) {
|
|
2964 |
return result;
|
2965 |
}
|
2966 |
|
2967 |
-
function updateParentInnerBlocksInTree(state, tree, updatedClientIds) {
|
2968 |
-
const
|
2969 |
const controlledParents = new Set();
|
2970 |
|
2971 |
for (const clientId of updatedClientIds) {
|
2972 |
-
let current = clientId;
|
2973 |
|
2974 |
do {
|
2975 |
if (state.controlledInnerBlocks[current]) {
|
2976 |
-
|
2977 |
-
|
|
|
2978 |
break;
|
2979 |
} else {
|
2980 |
-
|
2981 |
-
|
2982 |
-
|
2983 |
-
|
2984 |
-
current = state.parents[current];
|
2985 |
} while (current !== undefined);
|
2986 |
} // To make sure the order of assignments doesn't matter,
|
2987 |
// we first create empty objects and mutates the inner blocks later.
|
2988 |
|
2989 |
|
2990 |
-
for (const clientId of
|
2991 |
tree[clientId] = { ...tree[clientId]
|
2992 |
};
|
2993 |
}
|
2994 |
|
2995 |
-
for (const clientId of
|
2996 |
tree[clientId].innerBlocks = (state.order[clientId] || []).map(subClientId => tree[subClientId]);
|
2997 |
} // Controlled parent blocks, need a dedicated key for their inner blocks
|
2998 |
// to be used when doing getBlocks( controlledBlockClientId ).
|
@@ -3033,16 +3033,17 @@ const withBlockTree = reducer => (state = {}, action) => {
|
|
3033 |
const subTree = buildBlockTree(newState, action.blocks);
|
3034 |
newState.tree = updateParentInnerBlocksInTree(newState, { ...newState.tree,
|
3035 |
...subTree
|
3036 |
-
}, action.rootClientId ? [action.rootClientId] : ['']);
|
3037 |
break;
|
3038 |
}
|
3039 |
|
3040 |
case 'UPDATE_BLOCK':
|
3041 |
newState.tree = updateParentInnerBlocksInTree(newState, { ...newState.tree,
|
3042 |
-
[action.clientId]: { ...newState.
|
|
|
3043 |
attributes: newState.attributes[action.clientId]
|
3044 |
}
|
3045 |
-
}, [action.clientId]);
|
3046 |
break;
|
3047 |
|
3048 |
case 'UPDATE_BLOCK_ATTRIBUTES':
|
@@ -3055,7 +3056,7 @@ const withBlockTree = reducer => (state = {}, action) => {
|
|
3055 |
}, {});
|
3056 |
newState.tree = updateParentInnerBlocksInTree(newState, { ...newState.tree,
|
3057 |
...newSubTree
|
3058 |
-
}, action.clientIds);
|
3059 |
break;
|
3060 |
}
|
3061 |
|
@@ -3064,7 +3065,7 @@ const withBlockTree = reducer => (state = {}, action) => {
|
|
3064 |
const subTree = buildBlockTree(newState, action.blocks);
|
3065 |
newState.tree = updateParentInnerBlocksInTree(newState, { ...(0,external_lodash_namespaceObject.omit)(newState.tree, action.replacedClientIds.concat(action.replacedClientIds.map(clientId => 'controlled||' + clientId))),
|
3066 |
...subTree
|
3067 |
-
}, action.blocks.map(b => b.clientId)); // If there are no replaced blocks, it means we're removing blocks so we need to update their parent.
|
3068 |
|
3069 |
const parentsOfRemovedBlocks = [];
|
3070 |
|
@@ -3074,7 +3075,7 @@ const withBlockTree = reducer => (state = {}, action) => {
|
|
3074 |
}
|
3075 |
}
|
3076 |
|
3077 |
-
newState.tree = updateParentInnerBlocksInTree(newState, newState.tree, parentsOfRemovedBlocks);
|
3078 |
break;
|
3079 |
}
|
3080 |
|
@@ -3087,7 +3088,7 @@ const withBlockTree = reducer => (state = {}, action) => {
|
|
3087 |
}
|
3088 |
}
|
3089 |
|
3090 |
-
newState.tree = updateParentInnerBlocksInTree(newState, (0,external_lodash_namespaceObject.omit)(newState.tree, action.removedClientIds.concat(action.removedClientIds.map(clientId => 'controlled||' + clientId))), parentsOfRemovedBlocks);
|
3091 |
break;
|
3092 |
|
3093 |
case 'MOVE_BLOCKS_TO_POSITION':
|
@@ -3106,7 +3107,7 @@ const withBlockTree = reducer => (state = {}, action) => {
|
|
3106 |
updatedBlockUids.push('');
|
3107 |
}
|
3108 |
|
3109 |
-
newState.tree = updateParentInnerBlocksInTree(newState, newState.tree, updatedBlockUids);
|
3110 |
break;
|
3111 |
}
|
3112 |
|
@@ -3114,7 +3115,7 @@ const withBlockTree = reducer => (state = {}, action) => {
|
|
3114 |
case 'MOVE_BLOCKS_DOWN':
|
3115 |
{
|
3116 |
const updatedBlockUids = [action.rootClientId ? action.rootClientId : ''];
|
3117 |
-
newState.tree = updateParentInnerBlocksInTree(newState, newState.tree, updatedBlockUids);
|
3118 |
break;
|
3119 |
}
|
3120 |
|
@@ -3131,7 +3132,7 @@ const withBlockTree = reducer => (state = {}, action) => {
|
|
3131 |
};
|
3132 |
return result;
|
3133 |
}, {})
|
3134 |
-
}, updatedBlockUids);
|
3135 |
}
|
3136 |
}
|
3137 |
|
@@ -6183,18 +6184,48 @@ const getInserterItems = rememo((state, rootClientId = null) => {
|
|
6183 |
const buildBlockTypeInserterItem = buildBlockTypeItem(state, {
|
6184 |
buildScope: 'inserter'
|
6185 |
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
6186 |
|
6187 |
const buildReusableBlockInserterItem = reusableBlock => {
|
6188 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
6189 |
|
6190 |
-
|
|
|
|
|
6191 |
|
6192 |
-
|
|
|
|
|
6193 |
|
6194 |
-
|
6195 |
-
|
|
|
|
|
6196 |
}
|
6197 |
|
|
|
6198 |
const {
|
6199 |
time,
|
6200 |
count = 0
|
@@ -6207,7 +6238,7 @@ const getInserterItems = rememo((state, rootClientId = null) => {
|
|
6207 |
ref: reusableBlock.id
|
6208 |
},
|
6209 |
title: reusableBlock.title.raw,
|
6210 |
-
icon
|
6211 |
category: 'reusable',
|
6212 |
keywords: [],
|
6213 |
isDisabled: false,
|
@@ -6418,7 +6449,9 @@ const getAllAllowedPatterns = rememo(state => {
|
|
6418 |
const {
|
6419 |
allowedBlockTypes
|
6420 |
} = getSettings(state);
|
6421 |
-
const parsedPatterns = patterns.
|
|
|
|
|
6422 |
name
|
6423 |
}) => __experimentalGetParsedPattern(state, name));
|
6424 |
const allowedPatterns = parsedPatterns.filter(({
|
@@ -6575,26 +6608,6 @@ const __experimentalGetBlockListSettingsForBlocks = rememo((state, clientIds = [
|
|
6575 |
};
|
6576 |
}, {});
|
6577 |
}, state => [state.blockListSettings]);
|
6578 |
-
/**
|
6579 |
-
* Returns the parsed block saved as shared block with the given ID.
|
6580 |
-
*
|
6581 |
-
* @param {Object} state Global application state.
|
6582 |
-
* @param {number|string} ref The shared block's ID.
|
6583 |
-
*
|
6584 |
-
* @return {Object} The parsed block.
|
6585 |
-
*/
|
6586 |
-
|
6587 |
-
const __experimentalGetParsedReusableBlock = rememo((state, ref) => {
|
6588 |
-
const reusableBlock = (0,external_lodash_namespaceObject.find)(getReusableBlocks(state), block => block.id === ref);
|
6589 |
-
|
6590 |
-
if (!reusableBlock) {
|
6591 |
-
return null;
|
6592 |
-
} // Only reusableBlock.content.raw should be used here, `reusableBlock.content` is a
|
6593 |
-
// workaround until #22127 is fixed.
|
6594 |
-
|
6595 |
-
|
6596 |
-
return (0,external_wp_blocks_namespaceObject.parse)(typeof reusableBlock.content.raw === 'string' ? reusableBlock.content.raw : reusableBlock.content);
|
6597 |
-
}, state => [getReusableBlocks(state)]);
|
6598 |
/**
|
6599 |
* Returns the title of a given reusable block
|
6600 |
*
|
@@ -6774,42 +6787,6 @@ var external_wp_richText_namespaceObject = window["wp"]["richText"];
|
|
6774 |
;// CONCATENATED MODULE: external ["wp","deprecated"]
|
6775 |
var external_wp_deprecated_namespaceObject = window["wp"]["deprecated"];
|
6776 |
var external_wp_deprecated_default = /*#__PURE__*/__webpack_require__.n(external_wp_deprecated_namespaceObject);
|
6777 |
-
;// CONCATENATED MODULE: ./packages/block-editor/build-module/store/controls.js
|
6778 |
-
/**
|
6779 |
-
* WordPress dependencies
|
6780 |
-
*/
|
6781 |
-
|
6782 |
-
/**
|
6783 |
-
* Internal dependencies
|
6784 |
-
*/
|
6785 |
-
|
6786 |
-
|
6787 |
-
const __unstableMarkAutomaticChangeFinalControl = function () {
|
6788 |
-
return {
|
6789 |
-
type: 'MARK_AUTOMATIC_CHANGE_FINAL_CONTROL'
|
6790 |
-
};
|
6791 |
-
};
|
6792 |
-
const controls = {
|
6793 |
-
SLEEP({
|
6794 |
-
duration
|
6795 |
-
}) {
|
6796 |
-
return new Promise(resolve => {
|
6797 |
-
setTimeout(resolve, duration);
|
6798 |
-
});
|
6799 |
-
},
|
6800 |
-
|
6801 |
-
MARK_AUTOMATIC_CHANGE_FINAL_CONTROL: (0,external_wp_data_namespaceObject.createRegistryControl)(registry => () => {
|
6802 |
-
const {
|
6803 |
-
requestIdleCallback = callback => setTimeout(callback, 100)
|
6804 |
-
} = window;
|
6805 |
-
requestIdleCallback(() => registry.dispatch(store).__unstableMarkAutomaticChangeFinal());
|
6806 |
-
})
|
6807 |
-
};
|
6808 |
-
/* harmony default export */ var store_controls = (controls);
|
6809 |
-
//# sourceMappingURL=controls.js.map
|
6810 |
-
;// CONCATENATED MODULE: ./packages/block-editor/build-module/store/constants.js
|
6811 |
-
const STORE_NAME = 'core/block-editor';
|
6812 |
-
//# sourceMappingURL=constants.js.map
|
6813 |
;// CONCATENATED MODULE: ./packages/block-editor/build-module/store/actions.js
|
6814 |
/**
|
6815 |
* External dependencies
|
@@ -6824,54 +6801,55 @@ const STORE_NAME = 'core/block-editor';
|
|
6824 |
|
6825 |
|
6826 |
|
6827 |
-
|
6828 |
-
/**
|
6829 |
-
* Internal dependencies
|
6830 |
-
*/
|
6831 |
-
|
6832 |
-
|
6833 |
-
|
6834 |
/**
|
6835 |
-
*
|
6836 |
-
* are no other blocks at the root of the editor. This
|
6837 |
* in actions which may result in no blocks remaining in the editor (removal,
|
6838 |
* replacement, etc).
|
6839 |
*/
|
6840 |
|
6841 |
-
|
6842 |
-
|
|
|
|
|
|
|
6843 |
// always a default block if the last of the blocks have been removed.
|
|
|
6844 |
|
6845 |
-
if (count
|
6846 |
-
|
6847 |
-
|
6848 |
-
|
6849 |
-
|
6850 |
-
// prevent it from being lost though.
|
6851 |
|
6852 |
-
if (__unstableHasCustomAppender) {
|
6853 |
-
return;
|
6854 |
-
}
|
6855 |
|
6856 |
-
|
|
|
|
|
|
|
|
|
|
|
6857 |
}
|
6858 |
-
|
|
|
|
|
6859 |
/**
|
6860 |
-
*
|
6861 |
-
*
|
6862 |
-
* content reflected as an edit in state.
|
6863 |
*
|
6864 |
* @param {Array} blocks Array of blocks.
|
6865 |
*/
|
6866 |
|
6867 |
|
6868 |
-
|
6869 |
-
|
|
|
|
|
6870 |
type: 'RESET_BLOCKS',
|
6871 |
blocks
|
6872 |
-
};
|
6873 |
-
|
6874 |
-
}
|
6875 |
/**
|
6876 |
* Block validity is a function of blocks state (at the point of a
|
6877 |
* reset) and the template setting. As a compromise to its placement
|
@@ -6881,20 +6859,23 @@ function* resetBlocks(blocks) {
|
|
6881 |
* @param {Array} blocks Array of blocks.
|
6882 |
*/
|
6883 |
|
6884 |
-
|
6885 |
-
|
6886 |
-
|
|
|
|
|
|
|
6887 |
// as default values only.
|
6888 |
|
6889 |
const isBlocksValidToTemplate = !template || templateLock !== 'all' || (0,external_wp_blocks_namespaceObject.doBlocksMatchTemplate)(blocks, template); // Update if validity has changed.
|
6890 |
|
6891 |
-
const isValidTemplate =
|
6892 |
|
6893 |
if (isBlocksValidToTemplate !== isValidTemplate) {
|
6894 |
-
|
6895 |
return isBlocksValidToTemplate;
|
6896 |
}
|
6897 |
-
}
|
6898 |
/**
|
6899 |
* A block selection object.
|
6900 |
*
|
@@ -6951,8 +6932,7 @@ function receiveBlocks(blocks) {
|
|
6951 |
};
|
6952 |
}
|
6953 |
/**
|
6954 |
-
*
|
6955 |
-
* attributes with the specified client IDs have been updated.
|
6956 |
*
|
6957 |
* @param {string|string[]} clientIds Block client IDs.
|
6958 |
* @param {Object} attributes Block attributes to be merged. Should be keyed by clientIds if
|
@@ -6970,8 +6950,7 @@ function updateBlockAttributes(clientIds, attributes, uniqueByBlock = false) {
|
|
6970 |
};
|
6971 |
}
|
6972 |
/**
|
6973 |
-
*
|
6974 |
-
* specified client ID has been updated.
|
6975 |
*
|
6976 |
* @param {string} clientId Block client ID.
|
6977 |
* @param {Object} updates Block attributes to be merged.
|
@@ -7016,14 +6995,16 @@ function selectBlock(clientId, initialPosition = 0) {
|
|
7016 |
* @param {string} clientId Block client ID.
|
7017 |
*/
|
7018 |
|
7019 |
-
|
7020 |
-
|
|
|
|
|
|
|
7021 |
|
7022 |
if (previousBlockClientId) {
|
7023 |
-
|
7024 |
-
return [previousBlockClientId];
|
7025 |
}
|
7026 |
-
}
|
7027 |
/**
|
7028 |
* Yields action objects used in signalling that the block following the given
|
7029 |
* clientId should be selected.
|
@@ -7031,16 +7012,18 @@ function* selectPreviousBlock(clientId) {
|
|
7031 |
* @param {string} clientId Block client ID.
|
7032 |
*/
|
7033 |
|
7034 |
-
|
7035 |
-
|
|
|
|
|
|
|
7036 |
|
7037 |
if (nextBlockClientId) {
|
7038 |
-
|
7039 |
-
return [nextBlockClientId];
|
7040 |
}
|
7041 |
-
}
|
7042 |
/**
|
7043 |
-
*
|
7044 |
*
|
7045 |
* @return {Object} Action object.
|
7046 |
*/
|
@@ -7051,7 +7034,7 @@ function startMultiSelect() {
|
|
7051 |
};
|
7052 |
}
|
7053 |
/**
|
7054 |
-
*
|
7055 |
*
|
7056 |
* @return {Object} Action object.
|
7057 |
*/
|
@@ -7062,32 +7045,35 @@ function stopMultiSelect() {
|
|
7062 |
};
|
7063 |
}
|
7064 |
/**
|
7065 |
-
*
|
7066 |
*
|
7067 |
* @param {string} start First block of the multi selection.
|
7068 |
* @param {string} end Last block of the multiselection.
|
7069 |
*/
|
7070 |
|
7071 |
-
|
7072 |
-
|
7073 |
-
|
|
|
|
|
|
|
7074 |
|
7075 |
if (startBlockRootClientId !== endBlockRootClientId) {
|
7076 |
return;
|
7077 |
}
|
7078 |
|
7079 |
-
|
7080 |
type: 'MULTI_SELECT',
|
7081 |
start,
|
7082 |
end
|
7083 |
-
};
|
7084 |
-
const blockCount =
|
7085 |
(0,external_wp_a11y_namespaceObject.speak)((0,external_wp_i18n_namespaceObject.sprintf)(
|
7086 |
/* translators: %s: number of selected blocks */
|
7087 |
(0,external_wp_i18n_namespaceObject._n)('%s block selected.', '%s blocks selected.', blockCount), blockCount), 'assertive');
|
7088 |
-
}
|
7089 |
/**
|
7090 |
-
*
|
7091 |
*
|
7092 |
* @return {Object} Action object.
|
7093 |
*/
|
@@ -7098,7 +7084,7 @@ function clearSelectedBlock() {
|
|
7098 |
};
|
7099 |
}
|
7100 |
/**
|
7101 |
-
*
|
7102 |
*
|
7103 |
* @param {boolean} [isSelectionEnabled=true] Whether block selection should
|
7104 |
* be enabled.
|
@@ -7150,8 +7136,7 @@ function getBlocksWithDefaultStylesApplied(blocks, blockEditorSettings) {
|
|
7150 |
/* eslint-disable jsdoc/valid-types */
|
7151 |
|
7152 |
/**
|
7153 |
-
*
|
7154 |
-
* one or more replacement blocks.
|
7155 |
*
|
7156 |
* @param {(string|string[])} clientIds Block client ID(s) to replace.
|
7157 |
* @param {(Object|Object[])} blocks Replacement block(s).
|
@@ -7159,26 +7144,29 @@ function getBlocksWithDefaultStylesApplied(blocks, blockEditorSettings) {
|
|
7159 |
* @param {0|-1|null} initialPosition Index of caret after in the selected block after the operation.
|
7160 |
* @param {?Object} meta Optional Meta values to be passed to the action object.
|
7161 |
*
|
7162 |
-
* @
|
7163 |
*/
|
7164 |
|
7165 |
|
7166 |
-
|
|
|
|
|
|
|
7167 |
/* eslint-enable jsdoc/valid-types */
|
7168 |
clientIds = (0,external_lodash_namespaceObject.castArray)(clientIds);
|
7169 |
-
blocks = getBlocksWithDefaultStylesApplied((0,external_lodash_namespaceObject.castArray)(blocks),
|
7170 |
-
const rootClientId =
|
7171 |
|
7172 |
for (let index = 0; index < blocks.length; index++) {
|
7173 |
const block = blocks[index];
|
7174 |
-
const canInsertBlock =
|
7175 |
|
7176 |
if (!canInsertBlock) {
|
7177 |
return;
|
7178 |
}
|
7179 |
}
|
7180 |
|
7181 |
-
|
7182 |
type: 'REPLACE_BLOCKS',
|
7183 |
clientIds,
|
7184 |
blocks,
|
@@ -7186,12 +7174,11 @@ function* replaceBlocks(clientIds, blocks, indexToSelect, initialPosition = 0, m
|
|
7186 |
indexToSelect,
|
7187 |
initialPosition,
|
7188 |
meta
|
7189 |
-
};
|
7190 |
-
|
7191 |
-
}
|
7192 |
/**
|
7193 |
-
*
|
7194 |
-
* with one or more replacement blocks.
|
7195 |
*
|
7196 |
* @param {(string|string[])} clientId Block client ID to replace.
|
7197 |
* @param {(Object|Object[])} block Replacement block(s).
|
@@ -7211,87 +7198,83 @@ function replaceBlock(clientId, block) {
|
|
7211 |
* @return {Function} Action creator.
|
7212 |
*/
|
7213 |
|
7214 |
-
|
7215 |
-
|
7216 |
-
|
|
|
|
|
|
|
7217 |
|
7218 |
-
|
7219 |
-
|
7220 |
-
|
7221 |
|
7222 |
-
|
7223 |
-
|
7224 |
-
|
7225 |
-
|
7226 |
-
|
7227 |
-
|
7228 |
-
}
|
7229 |
|
7230 |
const moveBlocksDown = createOnMove('MOVE_BLOCKS_DOWN');
|
7231 |
const moveBlocksUp = createOnMove('MOVE_BLOCKS_UP');
|
7232 |
/**
|
7233 |
-
*
|
7234 |
-
* a new position.
|
7235 |
*
|
7236 |
* @param {?string} clientIds The client IDs of the blocks.
|
7237 |
* @param {?string} fromRootClientId Root client ID source.
|
7238 |
* @param {?string} toRootClientId Root client ID destination.
|
7239 |
* @param {number} index The index to move the blocks to.
|
7240 |
-
*
|
7241 |
-
* @yield {Object} Action object.
|
7242 |
*/
|
7243 |
|
7244 |
-
|
7245 |
-
|
7246 |
-
|
|
|
|
|
7247 |
|
7248 |
if (!canMoveBlocks) {
|
7249 |
return;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
7250 |
}
|
7251 |
|
7252 |
-
|
7253 |
type: 'MOVE_BLOCKS_TO_POSITION',
|
7254 |
fromRootClientId,
|
7255 |
toRootClientId,
|
7256 |
clientIds,
|
7257 |
index
|
7258 |
-
};
|
7259 |
-
|
7260 |
-
if (fromRootClientId === toRootClientId) {
|
7261 |
-
yield action;
|
7262 |
-
return;
|
7263 |
-
} // If we're moving to another block, it means we're deleting blocks from
|
7264 |
-
// the original block, so we need to check if removing is possible.
|
7265 |
-
|
7266 |
-
|
7267 |
-
if (!canRemoveBlocks) {
|
7268 |
-
return;
|
7269 |
-
}
|
7270 |
-
|
7271 |
-
const canInsertBlocks = yield external_wp_data_namespaceObject.controls.select(STORE_NAME, 'canInsertBlocks', clientIds, toRootClientId); // If moving to other parent block, the move is possible if we can insert a block of the same type inside the new parent block.
|
7272 |
-
|
7273 |
-
if (canInsertBlocks) {
|
7274 |
-
yield action;
|
7275 |
-
}
|
7276 |
-
}
|
7277 |
/**
|
7278 |
-
*
|
7279 |
-
* new position.
|
7280 |
*
|
7281 |
* @param {?string} clientId The client ID of the block.
|
7282 |
* @param {?string} fromRootClientId Root client ID source.
|
7283 |
* @param {?string} toRootClientId Root client ID destination.
|
7284 |
* @param {number} index The index to move the block to.
|
7285 |
-
*
|
7286 |
-
* @yield {Object} Action object.
|
7287 |
*/
|
7288 |
|
7289 |
-
function
|
7290 |
-
|
7291 |
}
|
7292 |
/**
|
7293 |
-
*
|
7294 |
-
* inserted, optionally at a specific index respective a root block list.
|
7295 |
*
|
7296 |
* @param {Object} block Block object to insert.
|
7297 |
* @param {?number} index Index at which block should be inserted.
|
@@ -7302,14 +7285,13 @@ function* moveBlockToPosition(clientId, fromRootClientId = '', toRootClientId =
|
|
7302 |
* @return {Object} Action object.
|
7303 |
*/
|
7304 |
|
7305 |
-
function insertBlock(block, index, rootClientId, updateSelection
|
7306 |
return insertBlocks([block], index, rootClientId, updateSelection, 0, meta);
|
7307 |
}
|
7308 |
/* eslint-disable jsdoc/valid-types */
|
7309 |
|
7310 |
/**
|
7311 |
-
*
|
7312 |
-
* be inserted, optionally at a specific index respective a root block list.
|
7313 |
*
|
7314 |
* @param {Object[]} blocks Block objects to insert.
|
7315 |
* @param {?number} index Index at which block should be inserted.
|
@@ -7320,7 +7302,10 @@ function insertBlock(block, index, rootClientId, updateSelection = true, meta) {
|
|
7320 |
* @return {Object} Action object.
|
7321 |
*/
|
7322 |
|
7323 |
-
|
|
|
|
|
|
|
7324 |
/* eslint-enable jsdoc/valid-types */
|
7325 |
if ((0,external_lodash_namespaceObject.isObject)(initialPosition)) {
|
7326 |
meta = initialPosition;
|
@@ -7332,11 +7317,11 @@ function* insertBlocks(blocks, index, rootClientId, updateSelection = true, init
|
|
7332 |
});
|
7333 |
}
|
7334 |
|
7335 |
-
blocks = getBlocksWithDefaultStylesApplied((0,external_lodash_namespaceObject.castArray)(blocks),
|
7336 |
const allowedBlocks = [];
|
7337 |
|
7338 |
for (const block of blocks) {
|
7339 |
-
const isValid =
|
7340 |
|
7341 |
if (isValid) {
|
7342 |
allowedBlocks.push(block);
|
@@ -7344,7 +7329,7 @@ function* insertBlocks(blocks, index, rootClientId, updateSelection = true, init
|
|
7344 |
}
|
7345 |
|
7346 |
if (allowedBlocks.length) {
|
7347 |
-
|
7348 |
type: 'INSERT_BLOCKS',
|
7349 |
blocks: allowedBlocks,
|
7350 |
index,
|
@@ -7353,12 +7338,11 @@ function* insertBlocks(blocks, index, rootClientId, updateSelection = true, init
|
|
7353 |
updateSelection,
|
7354 |
initialPosition: updateSelection ? initialPosition : null,
|
7355 |
meta
|
7356 |
-
};
|
7357 |
}
|
7358 |
-
}
|
7359 |
/**
|
7360 |
-
*
|
7361 |
-
* be shown.
|
7362 |
*
|
7363 |
* @param {?string} rootClientId Optional root client ID of block list on
|
7364 |
* which to insert.
|
@@ -7380,7 +7364,7 @@ function showInsertionPoint(rootClientId, index, __unstableOptions = {}) {
|
|
7380 |
};
|
7381 |
}
|
7382 |
/**
|
7383 |
-
*
|
7384 |
*
|
7385 |
* @return {Object} Action object.
|
7386 |
*/
|
@@ -7391,7 +7375,7 @@ function hideInsertionPoint() {
|
|
7391 |
};
|
7392 |
}
|
7393 |
/**
|
7394 |
-
*
|
7395 |
*
|
7396 |
* @param {boolean} isValid template validity flag.
|
7397 |
*
|
@@ -7405,49 +7389,55 @@ function setTemplateValidity(isValid) {
|
|
7405 |
};
|
7406 |
}
|
7407 |
/**
|
7408 |
-
*
|
7409 |
*
|
7410 |
* @return {Object} Action object.
|
7411 |
*/
|
7412 |
|
7413 |
-
|
7414 |
-
|
|
|
|
|
|
|
7415 |
type: 'SYNCHRONIZE_TEMPLATE'
|
7416 |
-
};
|
7417 |
-
const blocks =
|
7418 |
-
const template =
|
7419 |
const updatedBlockList = (0,external_wp_blocks_namespaceObject.synchronizeBlocksWithTemplate)(blocks, template);
|
7420 |
-
|
7421 |
-
}
|
7422 |
/**
|
7423 |
-
*
|
7424 |
*
|
7425 |
* @param {string} firstBlockClientId Client ID of the first block to merge.
|
7426 |
* @param {string} secondBlockClientId Client ID of the second block to merge.
|
7427 |
*/
|
7428 |
|
7429 |
-
|
|
|
|
|
|
|
7430 |
const blocks = [firstBlockClientId, secondBlockClientId];
|
7431 |
-
|
7432 |
type: 'MERGE_BLOCKS',
|
7433 |
blocks
|
7434 |
-
};
|
7435 |
const [clientIdA, clientIdB] = blocks;
|
7436 |
-
const blockA =
|
7437 |
const blockAType = (0,external_wp_blocks_namespaceObject.getBlockType)(blockA.name); // Only focus the previous block if it's not mergeable
|
7438 |
|
7439 |
if (blockAType && !blockAType.merge) {
|
7440 |
-
|
7441 |
return;
|
7442 |
}
|
7443 |
|
7444 |
-
const blockB =
|
7445 |
const blockBType = (0,external_wp_blocks_namespaceObject.getBlockType)(blockB.name);
|
7446 |
const {
|
7447 |
clientId,
|
7448 |
attributeKey,
|
7449 |
offset
|
7450 |
-
} =
|
7451 |
const selectedBlockType = clientId === clientIdA ? blockAType : blockBType;
|
7452 |
const attributeDefinition = selectedBlockType.attributes[attributeKey];
|
7453 |
const canRestoreTextSelection = (clientId === clientIdA || clientId === clientIdB) && attributeKey !== undefined && offset !== undefined && // We cannot restore text selection if the RichText identifier
|
@@ -7525,16 +7515,16 @@ function* mergeBlocks(firstBlockClientId, secondBlockClientId) {
|
|
7525 |
preserveWhiteSpace
|
7526 |
});
|
7527 |
updatedAttributes[newAttributeKey] = newHtml;
|
7528 |
-
|
7529 |
}
|
7530 |
|
7531 |
-
|
7532 |
attributes: { ...blockA.attributes,
|
7533 |
...updatedAttributes
|
7534 |
}
|
7535 |
}, ...blocksWithTheSameType.slice(1)], 0 // If we don't pass the `indexToSelect` it will default to the last block.
|
7536 |
);
|
7537 |
-
}
|
7538 |
/**
|
7539 |
* Yields action objects used in signalling that the blocks corresponding to
|
7540 |
* the set of specified client IDs are to be removed.
|
@@ -7544,36 +7534,34 @@ function* mergeBlocks(firstBlockClientId, secondBlockClientId) {
|
|
7544 |
* selected when a block is removed.
|
7545 |
*/
|
7546 |
|
7547 |
-
|
|
|
|
|
|
|
7548 |
if (!clientIds || !clientIds.length) {
|
7549 |
return;
|
7550 |
}
|
7551 |
|
7552 |
clientIds = (0,external_lodash_namespaceObject.castArray)(clientIds);
|
7553 |
-
const rootClientId =
|
7554 |
-
const canRemoveBlocks =
|
7555 |
|
7556 |
if (!canRemoveBlocks) {
|
7557 |
return;
|
7558 |
}
|
7559 |
|
7560 |
-
let previousBlockId;
|
7561 |
-
|
7562 |
if (selectPrevious) {
|
7563 |
-
|
7564 |
-
} else {
|
7565 |
-
previousBlockId = yield external_wp_data_namespaceObject.controls.select(STORE_NAME, 'getPreviousBlockClientId', clientIds[0]);
|
7566 |
}
|
7567 |
|
7568 |
-
|
7569 |
type: 'REMOVE_BLOCKS',
|
7570 |
clientIds
|
7571 |
-
}; // To avoid a focus loss when removing the last block, assure there is
|
7572 |
// always a default block if the last of the blocks have been removed.
|
7573 |
|
7574 |
-
|
7575 |
-
|
7576 |
-
}
|
7577 |
/**
|
7578 |
* Returns an action object used in signalling that the block with the
|
7579 |
* specified client ID is to be removed.
|
@@ -7697,8 +7685,7 @@ function exitFormattedText() {
|
|
7697 |
};
|
7698 |
}
|
7699 |
/**
|
7700 |
-
*
|
7701 |
-
* position.
|
7702 |
*
|
7703 |
* @param {string} clientId The selected block client ID.
|
7704 |
* @param {string} attributeKey The selected block attribute key.
|
@@ -7718,8 +7705,7 @@ function selectionChange(clientId, attributeKey, startOffset, endOffset) {
|
|
7718 |
};
|
7719 |
}
|
7720 |
/**
|
7721 |
-
*
|
7722 |
-
* type should be added to the block list.
|
7723 |
*
|
7724 |
* @param {?Object} attributes Optional attributes of the block to assign.
|
7725 |
* @param {?string} rootClientId Optional root client ID of block list on which
|
@@ -7741,7 +7727,7 @@ function insertDefaultBlock(attributes, rootClientId, index) {
|
|
7741 |
return insertBlock(block, index, rootClientId);
|
7742 |
}
|
7743 |
/**
|
7744 |
-
*
|
7745 |
*
|
7746 |
* @param {string} clientId Client ID of the block whose nested setting are
|
7747 |
* being received.
|
@@ -7758,7 +7744,7 @@ function updateBlockListSettings(clientId, settings) {
|
|
7758 |
};
|
7759 |
}
|
7760 |
/**
|
7761 |
-
*
|
7762 |
*
|
7763 |
* @param {Object} settings Updated settings
|
7764 |
*
|
@@ -7772,7 +7758,7 @@ function updateSettings(settings) {
|
|
7772 |
};
|
7773 |
}
|
7774 |
/**
|
7775 |
-
*
|
7776 |
* in order to switch its temporary id with the real id.
|
7777 |
*
|
7778 |
* @param {string} id Reusable block's id.
|
@@ -7789,7 +7775,7 @@ function __unstableSaveReusableBlock(id, updatedId) {
|
|
7789 |
};
|
7790 |
}
|
7791 |
/**
|
7792 |
-
*
|
7793 |
*
|
7794 |
* @return {Object} Action object.
|
7795 |
*/
|
@@ -7800,7 +7786,7 @@ function __unstableMarkLastChangeAsPersistent() {
|
|
7800 |
};
|
7801 |
}
|
7802 |
/**
|
7803 |
-
*
|
7804 |
*
|
7805 |
* @return {Object} Action object.
|
7806 |
*/
|
@@ -7811,138 +7797,156 @@ function __unstableMarkNextChangeAsNotPersistent() {
|
|
7811 |
};
|
7812 |
}
|
7813 |
/**
|
7814 |
-
*
|
7815 |
-
*
|
7816 |
-
*
|
7817 |
-
*
|
7818 |
-
* it is recommended to be called at the next idle period to ensure all
|
7819 |
* selection changes have been recorded.
|
7820 |
*/
|
7821 |
|
7822 |
-
|
7823 |
-
|
|
|
|
|
7824 |
type: 'MARK_AUTOMATIC_CHANGE'
|
7825 |
-
};
|
7826 |
-
|
7827 |
-
|
7828 |
-
|
7829 |
-
|
7830 |
-
|
7831 |
-
|
7832 |
-
}
|
|
|
|
|
7833 |
/**
|
7834 |
-
*
|
7835 |
*
|
7836 |
* @param {string} isNavigationMode Enable/Disable navigation mode.
|
7837 |
*/
|
7838 |
|
7839 |
-
|
7840 |
-
|
|
|
|
|
7841 |
type: 'SET_NAVIGATION_MODE',
|
7842 |
isNavigationMode
|
7843 |
-
};
|
7844 |
|
7845 |
if (isNavigationMode) {
|
7846 |
(0,external_wp_a11y_namespaceObject.speak)((0,external_wp_i18n_namespaceObject.__)('You are currently in navigation mode. Navigate blocks using the Tab key and Arrow keys. Use Left and Right Arrow keys to move between nesting levels. To exit navigation mode and edit the selected block, press Enter.'));
|
7847 |
} else {
|
7848 |
(0,external_wp_a11y_namespaceObject.speak)((0,external_wp_i18n_namespaceObject.__)('You are currently in edit mode. To return to the navigation mode, press Escape.'));
|
7849 |
}
|
7850 |
-
}
|
7851 |
/**
|
7852 |
-
*
|
7853 |
*
|
7854 |
* @param {string|null} hasBlockMovingClientId Enable/Disable block moving mode.
|
7855 |
*/
|
7856 |
|
7857 |
-
|
7858 |
-
|
|
|
|
|
7859 |
type: 'SET_BLOCK_MOVING_MODE',
|
7860 |
hasBlockMovingClientId
|
7861 |
-
};
|
7862 |
|
7863 |
if (hasBlockMovingClientId) {
|
7864 |
(0,external_wp_a11y_namespaceObject.speak)((0,external_wp_i18n_namespaceObject.__)('Use the Tab key and Arrow keys to choose new block location. Use Left and Right Arrow keys to move between nesting levels. Once location is selected press Enter or Space to move the block.'));
|
7865 |
}
|
7866 |
-
}
|
7867 |
/**
|
7868 |
-
*
|
7869 |
*
|
7870 |
* @param {string[]} clientIds
|
7871 |
* @param {boolean} updateSelection
|
7872 |
*/
|
7873 |
|
7874 |
-
|
7875 |
-
|
|
|
|
|
|
|
7876 |
return;
|
7877 |
-
}
|
|
|
7878 |
|
7879 |
-
const blocks =
|
7880 |
-
const rootClientId = yield external_wp_data_namespaceObject.controls.select(STORE_NAME, 'getBlockRootClientId', clientIds[0]); // Return early if blocks don't exist.
|
7881 |
|
7882 |
if ((0,external_lodash_namespaceObject.some)(blocks, block => !block)) {
|
7883 |
return;
|
7884 |
-
}
|
7885 |
|
7886 |
-
const blockNames = blocks.map(block => block.name); // Return early if blocks don't support multiple usage.
|
7887 |
|
7888 |
-
|
|
|
|
|
7889 |
return;
|
7890 |
}
|
7891 |
|
7892 |
-
const
|
|
|
7893 |
const clonedBlocks = blocks.map(block => (0,external_wp_blocks_namespaceObject.__experimentalCloneSanitizedBlock)(block));
|
7894 |
-
|
7895 |
|
7896 |
if (clonedBlocks.length > 1 && updateSelection) {
|
7897 |
-
|
7898 |
}
|
7899 |
|
7900 |
return clonedBlocks.map(block => block.clientId);
|
7901 |
-
}
|
7902 |
/**
|
7903 |
-
*
|
7904 |
*
|
7905 |
* @param {string} clientId
|
7906 |
*/
|
7907 |
|
7908 |
-
|
|
|
|
|
|
|
7909 |
if (!clientId) {
|
7910 |
return;
|
7911 |
}
|
7912 |
|
7913 |
-
const rootClientId =
|
7914 |
-
const isLocked =
|
7915 |
|
7916 |
if (isLocked) {
|
7917 |
return;
|
7918 |
}
|
7919 |
|
7920 |
-
const firstSelectedIndex =
|
7921 |
-
return
|
7922 |
-
}
|
7923 |
/**
|
7924 |
-
*
|
7925 |
*
|
7926 |
* @param {string} clientId
|
7927 |
*/
|
7928 |
|
7929 |
-
|
|
|
|
|
|
|
7930 |
if (!clientId) {
|
7931 |
return;
|
7932 |
}
|
7933 |
|
7934 |
-
const rootClientId =
|
7935 |
-
const isLocked =
|
7936 |
|
7937 |
if (isLocked) {
|
7938 |
return;
|
7939 |
}
|
7940 |
|
7941 |
-
const firstSelectedIndex =
|
7942 |
-
return
|
7943 |
-
}
|
7944 |
/**
|
7945 |
-
*
|
7946 |
*
|
7947 |
* @param {string} clientId The block's clientId.
|
7948 |
* @param {boolean} isHighlighted The highlight state.
|
@@ -7956,22 +7960,20 @@ function toggleBlockHighlight(clientId, isHighlighted) {
|
|
7956 |
};
|
7957 |
}
|
7958 |
/**
|
7959 |
-
*
|
7960 |
-
* given clientId should appear to "flash" by rhythmically highlighting it.
|
7961 |
*
|
7962 |
* @param {string} clientId Target block client ID.
|
7963 |
*/
|
7964 |
|
7965 |
-
|
7966 |
-
|
7967 |
-
|
7968 |
-
|
7969 |
-
|
7970 |
-
|
7971 |
-
|
7972 |
-
}
|
7973 |
/**
|
7974 |
-
*
|
7975 |
*
|
7976 |
* @param {string} clientId The block's clientId.
|
7977 |
* @param {boolean} hasControlledInnerBlocks True if the block's inner blocks are controlled.
|
@@ -7985,6 +7987,9 @@ function setHasControlledInnerBlocks(clientId, hasControlledInnerBlocks) {
|
|
7985 |
};
|
7986 |
}
|
7987 |
//# sourceMappingURL=actions.js.map
|
|
|
|
|
|
|
7988 |
;// CONCATENATED MODULE: ./packages/block-editor/build-module/store/index.js
|
7989 |
/**
|
7990 |
* WordPress dependencies
|
@@ -7998,7 +8003,6 @@ function setHasControlledInnerBlocks(clientId, hasControlledInnerBlocks) {
|
|
7998 |
|
7999 |
|
8000 |
|
8001 |
-
|
8002 |
/**
|
8003 |
* Block editor data store configuration.
|
8004 |
*
|
@@ -8011,7 +8015,7 @@ const storeConfig = {
|
|
8011 |
reducer: reducer,
|
8012 |
selectors: selectors_namespaceObject,
|
8013 |
actions: actions_namespaceObject,
|
8014 |
-
|
8015 |
};
|
8016 |
/**
|
8017 |
* Store definition for the block editor namespace.
|
@@ -8392,6 +8396,36 @@ const justifySpaceBetween = (0,external_wp_element_namespaceObject.createElement
|
|
8392 |
}));
|
8393 |
/* harmony default export */ var justify_space_between = (justifySpaceBetween);
|
8394 |
//# sourceMappingURL=justify-space-between.js.map
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
8395 |
;// CONCATENATED MODULE: ./packages/block-editor/build-module/layouts/utils.js
|
8396 |
/**
|
8397 |
* Utility to generate the proper CSS selector for layout styles.
|
@@ -8434,7 +8468,7 @@ const deprecatedFlags = {
|
|
8434 |
'color.customGradient': settings => settings.disableCustomGradients === undefined ? undefined : !settings.disableCustomGradients,
|
8435 |
'typography.fontSizes': settings => settings.fontSizes === undefined ? undefined : settings.fontSizes,
|
8436 |
'typography.customFontSize': settings => settings.disableCustomFontSizes === undefined ? undefined : !settings.disableCustomFontSizes,
|
8437 |
-
'typography.
|
8438 |
'spacing.units': settings => {
|
8439 |
if (settings.enableCustomUnits === undefined) {
|
8440 |
return;
|
@@ -8446,22 +8480,60 @@ const deprecatedFlags = {
|
|
8446 |
|
8447 |
return settings.enableCustomUnits;
|
8448 |
},
|
8449 |
-
'spacing.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
8450 |
};
|
8451 |
/**
|
8452 |
* Hook that retrieves the editor setting.
|
8453 |
* It works with nested objects using by finding the value at path.
|
8454 |
*
|
8455 |
* @param {string} path The path to the setting.
|
8456 |
-
*
|
8457 |
* @return {any} Returns the value defined for the setting.
|
8458 |
-
*
|
8459 |
* @example
|
8460 |
* ```js
|
8461 |
* const isEnabled = useSetting( 'typography.dropCap' );
|
8462 |
* ```
|
8463 |
*/
|
8464 |
|
|
|
8465 |
function useSetting(path) {
|
8466 |
const {
|
8467 |
name: blockName
|
@@ -8472,12 +8544,13 @@ function useSetting(path) {
|
|
8472 |
const settings = select(store).getSettings(); // 1 - Use __experimental features, if available.
|
8473 |
// We cascade to the all value if the block one is not available.
|
8474 |
|
8475 |
-
const
|
8476 |
-
const
|
|
|
8477 |
const experimentalFeaturesResult = (_get = (0,external_lodash_namespaceObject.get)(settings, blockPath)) !== null && _get !== void 0 ? _get : (0,external_lodash_namespaceObject.get)(settings, defaultsPath);
|
8478 |
|
8479 |
if (experimentalFeaturesResult !== undefined) {
|
8480 |
-
if (external_wp_blocks_namespaceObject.__EXPERIMENTAL_PATHS_WITH_MERGE[
|
8481 |
var _ref, _experimentalFeatures;
|
8482 |
|
8483 |
return (_ref = (_experimentalFeatures = experimentalFeaturesResult.user) !== null && _experimentalFeatures !== void 0 ? _experimentalFeatures : experimentalFeaturesResult.theme) !== null && _ref !== void 0 ? _ref : experimentalFeaturesResult.core;
|
@@ -8487,7 +8560,7 @@ function useSetting(path) {
|
|
8487 |
} // 2 - Use deprecated settings, otherwise.
|
8488 |
|
8489 |
|
8490 |
-
const deprecatedSettingsValue = deprecatedFlags[
|
8491 |
|
8492 |
if (deprecatedSettingsValue !== undefined) {
|
8493 |
return deprecatedSettingsValue;
|
@@ -8497,7 +8570,7 @@ function useSetting(path) {
|
|
8497 |
// To remove when __experimentalFeatures are ported to core.
|
8498 |
|
8499 |
|
8500 |
-
return
|
8501 |
}, [blockName, path]);
|
8502 |
return setting;
|
8503 |
}
|
@@ -8612,13 +8685,21 @@ function JustifyToolbar(props) {
|
|
8612 |
|
8613 |
|
8614 |
|
|
|
8615 |
|
8616 |
const justifyContentMap = {
|
8617 |
left: 'flex-start',
|
8618 |
right: 'flex-end',
|
8619 |
center: 'center',
|
8620 |
'space-between': 'space-between'
|
|
|
|
|
|
|
|
|
|
|
|
|
8621 |
};
|
|
|
8622 |
/* harmony default export */ var flex = ({
|
8623 |
name: 'flex',
|
8624 |
label: (0,external_wp_i18n_namespaceObject.__)('Flex'),
|
@@ -8626,10 +8707,19 @@ const justifyContentMap = {
|
|
8626 |
layout = {},
|
8627 |
onChange
|
8628 |
}) {
|
8629 |
-
|
|
|
|
|
|
|
8630 |
layout: layout,
|
8631 |
onChange: onChange
|
8632 |
-
})
|
|
|
|
|
|
|
|
|
|
|
|
|
8633 |
},
|
8634 |
toolBarControls: function FlexLayoutToolbarControls({
|
8635 |
layout = {},
|
@@ -8653,17 +8743,53 @@ const justifyContentMap = {
|
|
8653 |
selector,
|
8654 |
layout
|
8655 |
}) {
|
|
|
|
|
|
|
|
|
8656 |
const blockGapSupport = useSetting('spacing.blockGap');
|
8657 |
const hasBlockGapStylesSupport = blockGapSupport !== null;
|
8658 |
-
const justifyContent = justifyContentMap[layout.justifyContent] ||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
8659 |
return (0,external_wp_element_namespaceObject.createElement)("style", null, `
|
8660 |
${appendSelectors(selector)} {
|
8661 |
display: flex;
|
8662 |
gap: ${hasBlockGapStylesSupport ? 'var( --wp--style--block-gap, 0.5em )' : '0.5em'};
|
8663 |
-
flex-wrap:
|
8664 |
-
|
8665 |
-
flex-direction: row;
|
8666 |
-
justify-content: ${justifyContent};
|
8667 |
}
|
8668 |
|
8669 |
${appendSelectors(selector, '> *')} {
|
@@ -8672,8 +8798,11 @@ const justifyContentMap = {
|
|
8672 |
`);
|
8673 |
},
|
8674 |
|
8675 |
-
getOrientation() {
|
8676 |
-
|
|
|
|
|
|
|
8677 |
},
|
8678 |
|
8679 |
getAlignments() {
|
@@ -8681,23 +8810,6 @@ const justifyContentMap = {
|
|
8681 |
}
|
8682 |
|
8683 |
});
|
8684 |
-
const justificationOptions = [{
|
8685 |
-
value: 'left',
|
8686 |
-
icon: justify_left,
|
8687 |
-
label: (0,external_wp_i18n_namespaceObject.__)('Justify items left')
|
8688 |
-
}, {
|
8689 |
-
value: 'center',
|
8690 |
-
icon: justify_center,
|
8691 |
-
label: (0,external_wp_i18n_namespaceObject.__)('Justify items center')
|
8692 |
-
}, {
|
8693 |
-
value: 'right',
|
8694 |
-
icon: justify_right,
|
8695 |
-
label: (0,external_wp_i18n_namespaceObject.__)('Justify items right')
|
8696 |
-
}, {
|
8697 |
-
value: 'space-between',
|
8698 |
-
icon: justify_space_between,
|
8699 |
-
label: (0,external_wp_i18n_namespaceObject.__)('Space between items')
|
8700 |
-
}];
|
8701 |
|
8702 |
function FlexLayoutJustifyContentControl({
|
8703 |
layout,
|
@@ -8705,7 +8817,8 @@ function FlexLayoutJustifyContentControl({
|
|
8705 |
isToolbar = false
|
8706 |
}) {
|
8707 |
const {
|
8708 |
-
justifyContent = 'left'
|
|
|
8709 |
} = layout;
|
8710 |
|
8711 |
const onJustificationChange = value => {
|
@@ -8714,9 +8827,15 @@ function FlexLayoutJustifyContentControl({
|
|
8714 |
});
|
8715 |
};
|
8716 |
|
|
|
|
|
|
|
|
|
|
|
|
|
8717 |
if (isToolbar) {
|
8718 |
return (0,external_wp_element_namespaceObject.createElement)(JustifyContentControl, {
|
8719 |
-
allowedControls:
|
8720 |
value: justifyContent,
|
8721 |
onChange: onJustificationChange,
|
8722 |
popoverProps: {
|
@@ -8726,6 +8845,28 @@ function FlexLayoutJustifyContentControl({
|
|
8726 |
});
|
8727 |
}
|
8728 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
8729 |
return (0,external_wp_element_namespaceObject.createElement)("fieldset", {
|
8730 |
className: "block-editor-hooks__flex-layout-justification-controls"
|
8731 |
}, (0,external_wp_element_namespaceObject.createElement)("legend", null, (0,external_wp_i18n_namespaceObject.__)('Justification')), (0,external_wp_element_namespaceObject.createElement)("div", null, justificationOptions.map(({
|
@@ -8742,6 +8883,50 @@ function FlexLayoutJustifyContentControl({
|
|
8742 |
});
|
8743 |
})));
|
8744 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
8745 |
//# sourceMappingURL=flex.js.map
|
8746 |
;// CONCATENATED MODULE: ./packages/icons/build-module/icon/index.js
|
8747 |
/**
|
@@ -9548,10 +9733,12 @@ var external_wp_warning_default = /*#__PURE__*/__webpack_require__.n(external_wp
|
|
9548 |
const InspectorControlsDefault = (0,external_wp_components_namespaceObject.createSlotFill)('InspectorControls');
|
9549 |
const InspectorControlsAdvanced = (0,external_wp_components_namespaceObject.createSlotFill)('InspectorAdvancedControls');
|
9550 |
const InspectorControlsDimensions = (0,external_wp_components_namespaceObject.createSlotFill)('InspectorControlsDimensions');
|
|
|
9551 |
const groups_groups = {
|
9552 |
default: InspectorControlsDefault,
|
9553 |
advanced: InspectorControlsAdvanced,
|
9554 |
-
dimensions: InspectorControlsDimensions
|
|
|
9555 |
};
|
9556 |
/* harmony default export */ var inspector_controls_groups = (groups_groups);
|
9557 |
//# sourceMappingURL=groups.js.map
|
@@ -15747,12 +15934,18 @@ function useMultiSelection(clientId) {
|
|
15747 |
const startParents = getBlockParents(blockSelectionStart);
|
15748 |
|
15749 |
if (blockSelectionStart && blockSelectionStart !== clientId && !(startParents !== null && startParents !== void 0 && startParents.includes(clientId))) {
|
15750 |
-
toggleRichText(node, false);
|
15751 |
const startPath = [...startParents, blockSelectionStart];
|
15752 |
const endPath = [...getBlockParents(clientId), clientId];
|
15753 |
const depth = Math.min(startPath.length, endPath.length) - 1;
|
15754 |
-
|
15755 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
15756 |
}
|
15757 |
} else if (hasMultiSelection()) {
|
15758 |
// Allow user to escape out of a multi-selection to a
|
@@ -16323,6 +16516,8 @@ const blockDefault = (0,external_wp_element_namespaceObject.createElement)(exter
|
|
16323 |
|
16324 |
|
16325 |
|
|
|
|
|
16326 |
function BlockIcon({
|
16327 |
icon,
|
16328 |
showColors = false,
|
@@ -16350,6 +16545,8 @@ function BlockIcon({
|
|
16350 |
})
|
16351 |
}, renderedIcon);
|
16352 |
}
|
|
|
|
|
16353 |
//# sourceMappingURL=index.js.map
|
16354 |
;// CONCATENATED MODULE: ./packages/block-editor/build-module/components/block-card/index.js
|
16355 |
|
@@ -16384,7 +16581,7 @@ function BlockCard({
|
|
16384 |
|
16385 |
return (0,external_wp_element_namespaceObject.createElement)("div", {
|
16386 |
className: "block-editor-block-card"
|
16387 |
-
}, (0,external_wp_element_namespaceObject.createElement)(
|
16388 |
icon: icon,
|
16389 |
showColors: true
|
16390 |
}), (0,external_wp_element_namespaceObject.createElement)("div", {
|
@@ -19595,11 +19792,11 @@ function BlockDraggableChip({
|
|
19595 |
}, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Flex, {
|
19596 |
justify: "center",
|
19597 |
className: "block-editor-block-draggable-chip__content"
|
19598 |
-
}, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.FlexItem, null, icon ? (0,external_wp_element_namespaceObject.createElement)(
|
19599 |
icon: icon
|
19600 |
}) : (0,external_wp_i18n_namespaceObject.sprintf)(
|
19601 |
/* translators: %d: Number of blocks. */
|
19602 |
-
(0,external_wp_i18n_namespaceObject._n)('%d block', '%d blocks', count), count)), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.FlexItem, null, (0,external_wp_element_namespaceObject.createElement)(
|
19603 |
icon: drag_handle
|
19604 |
})))));
|
19605 |
}
|
@@ -19767,7 +19964,7 @@ function InserterListItem({
|
|
19767 |
}, props), (0,external_wp_element_namespaceObject.createElement)("span", {
|
19768 |
className: "block-editor-block-types-list__item-icon",
|
19769 |
style: itemIconStyle
|
19770 |
-
}, (0,external_wp_element_namespaceObject.createElement)(
|
19771 |
icon: item.icon,
|
19772 |
showColors: true
|
19773 |
})), (0,external_wp_element_namespaceObject.createElement)("span", {
|
@@ -20144,12 +20341,15 @@ function BlockTypesTab({
|
|
20144 |
|
20145 |
|
20146 |
|
|
|
20147 |
function PatternInserterPanel({
|
20148 |
selectedCategory,
|
20149 |
patternCategories,
|
20150 |
onClickCategory,
|
20151 |
-
|
20152 |
}) {
|
|
|
|
|
20153 |
const categoryOptions = () => {
|
20154 |
const options = [];
|
20155 |
patternCategories.map(patternCategory => {
|
@@ -20165,22 +20365,24 @@ function PatternInserterPanel({
|
|
20165 |
onClickCategory(patternCategories.find(patternCategory => selected === patternCategory.name));
|
20166 |
};
|
20167 |
|
20168 |
-
const
|
20169 |
-
return classnames_default()('block-editor-inserter__panel-header', 'block-editor-inserter__panel-header-patterns');
|
20170 |
-
}; // In iOS-based mobile devices, the onBlur will fire when selecting an option
|
20171 |
// from a Select element. To prevent closing the useDialog on iOS devices, we
|
20172 |
// stop propagating the onBlur event if there is no relatedTarget, which means
|
20173 |
// that the user most likely did not click on an element within the editor canvas.
|
20174 |
|
20175 |
-
|
20176 |
const onBlur = event => {
|
20177 |
if (!(event !== null && event !== void 0 && event.relatedTarget)) {
|
20178 |
event.stopPropagation();
|
20179 |
}
|
20180 |
};
|
20181 |
|
20182 |
-
return (0,external_wp_element_namespaceObject.createElement)(
|
20183 |
-
|
|
|
|
|
|
|
|
|
|
|
20184 |
}, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SelectControl, {
|
20185 |
className: "block-editor-inserter__panel-dropdown",
|
20186 |
label: (0,external_wp_i18n_namespaceObject.__)('Filter patterns'),
|
@@ -20189,9 +20391,12 @@ function PatternInserterPanel({
|
|
20189 |
onChange: onChangeSelect,
|
20190 |
onBlur: onBlur,
|
20191 |
options: categoryOptions()
|
20192 |
-
})), (0,external_wp_element_namespaceObject.createElement)(
|
20193 |
-
|
20194 |
-
|
|
|
|
|
|
|
20195 |
}
|
20196 |
|
20197 |
/* harmony default export */ var pattern_panel = (PatternInserterPanel);
|
@@ -20266,7 +20471,6 @@ const usePatternsState = (onInsert, rootClientId) => {
|
|
20266 |
|
20267 |
|
20268 |
|
20269 |
-
|
20270 |
/**
|
20271 |
* Internal dependencies
|
20272 |
*/
|
@@ -20274,7 +20478,6 @@ const usePatternsState = (onInsert, rootClientId) => {
|
|
20274 |
|
20275 |
|
20276 |
|
20277 |
-
|
20278 |
function BlockPattern({
|
20279 |
isDraggable,
|
20280 |
pattern,
|
@@ -20282,12 +20485,9 @@ function BlockPattern({
|
|
20282 |
composite
|
20283 |
}) {
|
20284 |
const {
|
20285 |
-
|
20286 |
viewportWidth
|
20287 |
} = pattern;
|
20288 |
-
const {
|
20289 |
-
blocks
|
20290 |
-
} = (0,external_wp_data_namespaceObject.useSelect)(select => select(store).__experimentalGetParsedPattern(name), [name]);
|
20291 |
const instanceId = (0,external_wp_compose_namespaceObject.useInstanceId)(BlockPattern);
|
20292 |
const descriptionId = `block-editor-block-patterns-list__item-description-${instanceId}`;
|
20293 |
return (0,external_wp_element_namespaceObject.createElement)(inserter_draggable_blocks, {
|
@@ -20357,110 +20557,76 @@ function BlockPatternList({
|
|
20357 |
|
20358 |
/* harmony default export */ var block_patterns_list = (BlockPatternList);
|
20359 |
//# sourceMappingURL=index.js.map
|
20360 |
-
;// CONCATENATED MODULE: ./packages/block-editor/build-module/components/inserter/block-patterns-
|
20361 |
|
20362 |
|
20363 |
-
/**
|
20364 |
-
* External dependencies
|
20365 |
-
*/
|
20366 |
-
|
20367 |
/**
|
20368 |
* WordPress dependencies
|
20369 |
*/
|
20370 |
|
20371 |
|
20372 |
|
20373 |
-
|
20374 |
-
/**
|
20375 |
-
* Internal dependencies
|
20376 |
-
*/
|
20377 |
-
|
20378 |
-
|
20379 |
-
|
20380 |
-
|
20381 |
-
|
20382 |
-
function BlockPatternsCategory({
|
20383 |
-
rootClientId,
|
20384 |
-
onInsert,
|
20385 |
selectedCategory,
|
|
|
20386 |
onClickCategory
|
20387 |
}) {
|
20388 |
-
const
|
20389 |
-
|
20390 |
-
|
20391 |
-
|
20392 |
-
|
20393 |
-
|
20394 |
-
})).sort(({
|
20395 |
-
name: currentName
|
20396 |
-
}, {
|
20397 |
-
name: nextName
|
20398 |
}) => {
|
20399 |
-
|
20400 |
-
|
20401 |
-
|
20402 |
-
|
20403 |
-
|
20404 |
-
|
20405 |
-
|
20406 |
-
|
20407 |
-
|
20408 |
-
|
20409 |
-
|
20410 |
-
label: (0,external_wp_i18n_namespaceObject._x)('Uncategorized')
|
20411 |
-
});
|
20412 |
-
}
|
20413 |
-
}, [populatedCategories, allPatterns]);
|
20414 |
-
const getPatternIndex = (0,external_wp_element_namespaceObject.useCallback)(pattern => {
|
20415 |
-
if (!pattern.categories || !pattern.categories.length) {
|
20416 |
-
return Infinity;
|
20417 |
-
}
|
20418 |
-
|
20419 |
-
const indexedCategories = (0,external_lodash_namespaceObject.fromPairs)(populatedCategories.map(({
|
20420 |
-
name
|
20421 |
-
}, index) => [name, index]));
|
20422 |
-
return Math.min(...pattern.categories.map(cat => indexedCategories[cat] !== undefined ? indexedCategories[cat] : Infinity));
|
20423 |
-
}, [populatedCategories]);
|
20424 |
-
const currentCategoryPatterns = (0,external_wp_element_namespaceObject.useMemo)(() => allPatterns.filter(pattern => patternCategory.name === 'uncategorized' ? getPatternIndex(pattern) === Infinity : pattern.categories && pattern.categories.includes(patternCategory.name)), [allPatterns, patternCategory]); // Ordering the patterns is important for the async rendering.
|
20425 |
|
20426 |
-
|
20427 |
-
|
20428 |
-
|
20429 |
-
|
20430 |
-
|
20431 |
-
|
20432 |
-
|
20433 |
-
|
20434 |
-
|
20435 |
-
|
20436 |
-
|
20437 |
-
|
20438 |
-
|
20439 |
-
onClickPattern: onClick,
|
20440 |
-
label: patternCategory.label,
|
20441 |
-
orientation: "vertical",
|
20442 |
-
isDraggable: true
|
20443 |
-
})));
|
20444 |
}
|
20445 |
|
20446 |
-
function
|
20447 |
-
|
20448 |
-
|
20449 |
onClickCategory,
|
20450 |
-
|
|
|
20451 |
}) {
|
20452 |
-
|
20453 |
-
|
|
|
|
|
|
|
|
|
|
|
20454 |
selectedCategory: selectedCategory,
|
20455 |
-
|
20456 |
onClickCategory: onClickCategory
|
20457 |
-
});
|
20458 |
}
|
20459 |
|
20460 |
-
/* harmony default export */ var
|
20461 |
-
//# sourceMappingURL=
|
20462 |
-
;// CONCATENATED MODULE: external ["wp","url"]
|
20463 |
-
var external_wp_url_namespaceObject = window["wp"]["url"];
|
20464 |
;// CONCATENATED MODULE: ./packages/block-editor/build-module/components/inserter/no-results.js
|
20465 |
|
20466 |
|
@@ -20481,94 +20647,6 @@ function InserterNoResults() {
|
|
20481 |
|
20482 |
/* harmony default export */ var no_results = (InserterNoResults);
|
20483 |
//# sourceMappingURL=no-results.js.map
|
20484 |
-
;// CONCATENATED MODULE: ./packages/block-editor/build-module/components/inserter/reusable-blocks-tab.js
|
20485 |
-
|
20486 |
-
|
20487 |
-
/**
|
20488 |
-
* WordPress dependencies
|
20489 |
-
*/
|
20490 |
-
|
20491 |
-
|
20492 |
-
|
20493 |
-
/**
|
20494 |
-
* Internal dependencies
|
20495 |
-
*/
|
20496 |
-
|
20497 |
-
|
20498 |
-
|
20499 |
-
|
20500 |
-
|
20501 |
-
|
20502 |
-
function ReusableBlocksList({
|
20503 |
-
onHover,
|
20504 |
-
onInsert,
|
20505 |
-
rootClientId
|
20506 |
-
}) {
|
20507 |
-
const [items,,, onSelectItem] = use_block_types_state(rootClientId, onInsert);
|
20508 |
-
const filteredItems = (0,external_wp_element_namespaceObject.useMemo)(() => {
|
20509 |
-
return items.filter(({
|
20510 |
-
category
|
20511 |
-
}) => category === 'reusable');
|
20512 |
-
}, [items]);
|
20513 |
-
|
20514 |
-
if (filteredItems.length === 0) {
|
20515 |
-
return (0,external_wp_element_namespaceObject.createElement)(no_results, null);
|
20516 |
-
}
|
20517 |
-
|
20518 |
-
return (0,external_wp_element_namespaceObject.createElement)(panel, {
|
20519 |
-
title: (0,external_wp_i18n_namespaceObject.__)('Reusable blocks')
|
20520 |
-
}, (0,external_wp_element_namespaceObject.createElement)(block_types_list, {
|
20521 |
-
items: filteredItems,
|
20522 |
-
onSelect: onSelectItem,
|
20523 |
-
onHover: onHover,
|
20524 |
-
label: (0,external_wp_i18n_namespaceObject.__)('Reusable blocks')
|
20525 |
-
}));
|
20526 |
-
} // The unwrapped component is only exported for use by unit tests.
|
20527 |
-
|
20528 |
-
/**
|
20529 |
-
* List of reusable blocks shown in the "Reusable" tab of the inserter.
|
20530 |
-
*
|
20531 |
-
* @param {Object} props Component props.
|
20532 |
-
* @param {?string} props.rootClientId Client id of block to insert into.
|
20533 |
-
* @param {Function} props.onInsert Callback to run when item is inserted.
|
20534 |
-
* @param {Function} props.onHover Callback to run when item is hovered.
|
20535 |
-
*
|
20536 |
-
* @return {WPComponent} The component.
|
20537 |
-
*/
|
20538 |
-
|
20539 |
-
|
20540 |
-
function ReusableBlocksTab({
|
20541 |
-
rootClientId,
|
20542 |
-
onInsert,
|
20543 |
-
onHover
|
20544 |
-
}) {
|
20545 |
-
return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(ReusableBlocksList, {
|
20546 |
-
onHover: onHover,
|
20547 |
-
onInsert: onInsert,
|
20548 |
-
rootClientId: rootClientId
|
20549 |
-
}), (0,external_wp_element_namespaceObject.createElement)("div", {
|
20550 |
-
className: "block-editor-inserter__manage-reusable-blocks-container"
|
20551 |
-
}, (0,external_wp_element_namespaceObject.createElement)("a", {
|
20552 |
-
className: "block-editor-inserter__manage-reusable-blocks",
|
20553 |
-
href: (0,external_wp_url_namespaceObject.addQueryArgs)('edit.php', {
|
20554 |
-
post_type: 'wp_block'
|
20555 |
-
})
|
20556 |
-
}, (0,external_wp_i18n_namespaceObject.__)('Manage Reusable blocks'))));
|
20557 |
-
}
|
20558 |
-
/* harmony default export */ var reusable_blocks_tab = (ReusableBlocksTab);
|
20559 |
-
//# sourceMappingURL=reusable-blocks-tab.js.map
|
20560 |
-
;// CONCATENATED MODULE: ./packages/block-editor/build-module/components/inserter-menu-extension/index.js
|
20561 |
-
/**
|
20562 |
-
* WordPress dependencies
|
20563 |
-
*/
|
20564 |
-
|
20565 |
-
const {
|
20566 |
-
Fill: __unstableInserterMenuExtension,
|
20567 |
-
Slot
|
20568 |
-
} = (0,external_wp_components_namespaceObject.createSlotFill)('__unstableInserterMenuExtension');
|
20569 |
-
__unstableInserterMenuExtension.Slot = Slot;
|
20570 |
-
/* harmony default export */ var inserter_menu_extension = (__unstableInserterMenuExtension);
|
20571 |
-
//# sourceMappingURL=index.js.map
|
20572 |
;// CONCATENATED MODULE: ./packages/block-editor/build-module/components/inserter/hooks/use-insertion-point.js
|
20573 |
/**
|
20574 |
* External dependencies
|
@@ -20846,6 +20924,371 @@ function getItemSearchRank(item, searchTerm, config = {}) {
|
|
20846 |
return rank;
|
20847 |
}
|
20848 |
//# sourceMappingURL=search-items.js.map
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
20849 |
;// CONCATENATED MODULE: ./packages/block-editor/build-module/components/inserter/search-results.js
|
20850 |
|
20851 |
|
@@ -20876,7 +21319,7 @@ function getItemSearchRank(item, searchTerm, config = {}) {
|
|
20876 |
|
20877 |
|
20878 |
|
20879 |
-
const
|
20880 |
/**
|
20881 |
* Shared reference to an empty array for cases where it is important to avoid
|
20882 |
* returning a new array reference on every invocation and rerendering the component.
|
@@ -20932,7 +21375,7 @@ function InserterSearchResults({
|
|
20932 |
debouncedSpeak(resultsFoundMessage);
|
20933 |
}, [filterValue, debouncedSpeak]);
|
20934 |
const currentShownBlockTypes = (0,external_wp_compose_namespaceObject.useAsyncList)(filteredBlockTypes, {
|
20935 |
-
step:
|
20936 |
});
|
20937 |
const currentShownPatterns = (0,external_wp_compose_namespaceObject.useAsyncList)(currentShownBlockTypes.length === filteredBlockTypes.length ? filteredBlockPatterns : search_results_EMPTY_ARRAY);
|
20938 |
const hasItems = !(0,external_lodash_namespaceObject.isEmpty)(filteredBlockTypes) || !(0,external_lodash_namespaceObject.isEmpty)(filteredBlockPatterns);
|
@@ -23016,7 +23459,7 @@ function BlockSelectionButton({
|
|
23016 |
}, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Flex, {
|
23017 |
justify: "center",
|
23018 |
className: "block-editor-block-list__block-selection-button__content"
|
23019 |
-
}, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.FlexItem, null, (0,external_wp_element_namespaceObject.createElement)(
|
23020 |
icon: blockInformation === null || blockInformation === void 0 ? void 0 : blockInformation.icon,
|
23021 |
showColors: true
|
23022 |
})), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.FlexItem, null, (0,external_wp_element_namespaceObject.createElement)(block_draggable, {
|
@@ -23949,7 +24392,7 @@ function BlockParentSelector() {
|
|
23949 |
/* translators: %s: Name of the block's parent. */
|
23950 |
(0,external_wp_i18n_namespaceObject.__)('Select %s'), blockInformation.title),
|
23951 |
showTooltip: true,
|
23952 |
-
icon: (0,external_wp_element_namespaceObject.createElement)(
|
23953 |
icon: blockInformation.icon
|
23954 |
})
|
23955 |
}));
|
@@ -24050,7 +24493,7 @@ const BlockTransformationsMenu = ({
|
|
24050 |
disabled: isDisabled,
|
24051 |
onMouseLeave: () => setHoveredTransformItemName(null),
|
24052 |
onMouseEnter: () => setHoveredTransformItemName(name)
|
24053 |
-
}, (0,external_wp_element_namespaceObject.createElement)(
|
24054 |
icon: icon,
|
24055 |
showColors: true
|
24056 |
}), title);
|
@@ -24708,7 +25151,7 @@ const BlockSwitcherDropdownMenu = ({
|
|
24708 |
disabled: true,
|
24709 |
className: "block-editor-block-switcher__no-switcher-icon",
|
24710 |
title: blockTitle,
|
24711 |
-
icon: (0,external_wp_element_namespaceObject.createElement)(
|
24712 |
icon: icon,
|
24713 |
showColors: true
|
24714 |
})
|
@@ -24730,7 +25173,7 @@ const BlockSwitcherDropdownMenu = ({
|
|
24730 |
isAlternate: true,
|
24731 |
className: 'block-editor-block-switcher__popover'
|
24732 |
},
|
24733 |
-
icon: (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(
|
24734 |
icon: icon,
|
24735 |
className: "block-editor-block-switcher__toggle",
|
24736 |
showColors: true
|
@@ -25548,7 +25991,24 @@ function BlockSettingsDropdown({
|
|
25548 |
const blockClientIds = (0,external_lodash_namespaceObject.castArray)(clientIds);
|
25549 |
const count = blockClientIds.length;
|
25550 |
const firstBlockClientId = blockClientIds[0];
|
25551 |
-
const
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
25552 |
const shortcuts = (0,external_wp_data_namespaceObject.useSelect)(select => {
|
25553 |
const {
|
25554 |
getShortcutRepresentation
|
@@ -25567,7 +26027,10 @@ function BlockSettingsDropdown({
|
|
25567 |
__experimentalSelectBlock(ids[0]);
|
25568 |
}
|
25569 |
} : external_lodash_namespaceObject.noop, [__experimentalSelectBlock]);
|
25570 |
-
const
|
|
|
|
|
|
|
25571 |
return (0,external_wp_element_namespaceObject.createElement)(BlockActions, {
|
25572 |
clientIds: clientIds,
|
25573 |
__experimentalUpdateSelection: !__experimentalSelectBlock
|
@@ -27069,17 +27532,18 @@ function useInnerBlocksProps(props = {}, options = {}) {
|
|
27069 |
clientId: clientId
|
27070 |
})) : (0,external_wp_element_namespaceObject.createElement)(BlockListItems, options)
|
27071 |
};
|
27072 |
-
}
|
|
|
27073 |
|
27074 |
ForwardedInnerBlocks.DefaultBlockAppender = inner_blocks_default_block_appender;
|
27075 |
ForwardedInnerBlocks.ButtonBlockAppender = inner_blocks_button_block_appender;
|
27076 |
-
|
27077 |
-
|
27078 |
-
}) => (0,external_wp_element_namespaceObject.createElement)(BlockContent, null));
|
27079 |
/**
|
27080 |
* @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/inner-blocks/README.md
|
27081 |
*/
|
27082 |
|
|
|
27083 |
/* harmony default export */ var inner_blocks = (ForwardedInnerBlocks);
|
27084 |
//# sourceMappingURL=index.js.map
|
27085 |
;// CONCATENATED MODULE: ./packages/block-editor/build-module/components/block-list/index.js
|
@@ -27230,205 +27694,6 @@ function BlockListItems(props) {
|
|
27230 |
}, (0,external_wp_element_namespaceObject.createElement)(Items, props));
|
27231 |
}
|
27232 |
//# sourceMappingURL=index.js.map
|
27233 |
-
;// CONCATENATED MODULE: ./packages/block-editor/build-module/components/colors/utils.js
|
27234 |
-
/**
|
27235 |
-
* External dependencies
|
27236 |
-
*/
|
27237 |
-
|
27238 |
-
|
27239 |
-
|
27240 |
-
|
27241 |
-
k([names, a11y]);
|
27242 |
-
/**
|
27243 |
-
* Provided an array of color objects as set by the theme or by the editor defaults,
|
27244 |
-
* and the values of the defined color or custom color returns a color object describing the color.
|
27245 |
-
*
|
27246 |
-
* @param {Array} colors Array of color objects as set by the theme or by the editor defaults.
|
27247 |
-
* @param {?string} definedColor A string containing the color slug.
|
27248 |
-
* @param {?string} customColor A string containing the customColor value.
|
27249 |
-
*
|
27250 |
-
* @return {?Object} If definedColor is passed and the name is found in colors,
|
27251 |
-
* the color object exactly as set by the theme or editor defaults is returned.
|
27252 |
-
* Otherwise, an object that just sets the color is defined.
|
27253 |
-
*/
|
27254 |
-
|
27255 |
-
const getColorObjectByAttributeValues = (colors, definedColor, customColor) => {
|
27256 |
-
if (definedColor) {
|
27257 |
-
const colorObj = (0,external_lodash_namespaceObject.find)(colors, {
|
27258 |
-
slug: definedColor
|
27259 |
-
});
|
27260 |
-
|
27261 |
-
if (colorObj) {
|
27262 |
-
return colorObj;
|
27263 |
-
}
|
27264 |
-
}
|
27265 |
-
|
27266 |
-
return {
|
27267 |
-
color: customColor
|
27268 |
-
};
|
27269 |
-
};
|
27270 |
-
/**
|
27271 |
-
* Provided an array of color objects as set by the theme or by the editor defaults, and a color value returns the color object matching that value or undefined.
|
27272 |
-
*
|
27273 |
-
* @param {Array} colors Array of color objects as set by the theme or by the editor defaults.
|
27274 |
-
* @param {?string} colorValue A string containing the color value.
|
27275 |
-
*
|
27276 |
-
* @return {?Object} Color object included in the colors array whose color property equals colorValue.
|
27277 |
-
* Returns undefined if no color object matches this requirement.
|
27278 |
-
*/
|
27279 |
-
|
27280 |
-
const getColorObjectByColorValue = (colors, colorValue) => {
|
27281 |
-
return (0,external_lodash_namespaceObject.find)(colors, {
|
27282 |
-
color: colorValue
|
27283 |
-
});
|
27284 |
-
};
|
27285 |
-
/**
|
27286 |
-
* Returns a class based on the context a color is being used and its slug.
|
27287 |
-
*
|
27288 |
-
* @param {string} colorContextName Context/place where color is being used e.g: background, text etc...
|
27289 |
-
* @param {string} colorSlug Slug of the color.
|
27290 |
-
*
|
27291 |
-
* @return {?string} String with the class corresponding to the color in the provided context.
|
27292 |
-
* Returns undefined if either colorContextName or colorSlug are not provided.
|
27293 |
-
*/
|
27294 |
-
|
27295 |
-
function getColorClassName(colorContextName, colorSlug) {
|
27296 |
-
if (!colorContextName || !colorSlug) {
|
27297 |
-
return undefined;
|
27298 |
-
}
|
27299 |
-
|
27300 |
-
return `has-${(0,external_lodash_namespaceObject.kebabCase)(colorSlug)}-${colorContextName}`;
|
27301 |
-
}
|
27302 |
-
/**
|
27303 |
-
* Given an array of color objects and a color value returns the color value of the most readable color in the array.
|
27304 |
-
*
|
27305 |
-
* @param {Array} colors Array of color objects as set by the theme or by the editor defaults.
|
27306 |
-
* @param {?string} colorValue A string containing the color value.
|
27307 |
-
*
|
27308 |
-
* @return {string} String with the color value of the most readable color.
|
27309 |
-
*/
|
27310 |
-
|
27311 |
-
function getMostReadableColor(colors, colorValue) {
|
27312 |
-
const colordColor = w(colorValue);
|
27313 |
-
return (0,external_lodash_namespaceObject.maxBy)(colors, ({
|
27314 |
-
color
|
27315 |
-
}) => colordColor.contrast(color)).color;
|
27316 |
-
}
|
27317 |
-
//# sourceMappingURL=utils.js.map
|
27318 |
-
;// CONCATENATED MODULE: ./packages/block-editor/build-module/components/gradients/use-gradient.js
|
27319 |
-
/**
|
27320 |
-
* External dependencies
|
27321 |
-
*/
|
27322 |
-
|
27323 |
-
/**
|
27324 |
-
* WordPress dependencies
|
27325 |
-
*/
|
27326 |
-
|
27327 |
-
|
27328 |
-
|
27329 |
-
/**
|
27330 |
-
* Internal dependencies
|
27331 |
-
*/
|
27332 |
-
|
27333 |
-
|
27334 |
-
|
27335 |
-
|
27336 |
-
const use_gradient_EMPTY_ARRAY = [];
|
27337 |
-
function __experimentalGetGradientClass(gradientSlug) {
|
27338 |
-
if (!gradientSlug) {
|
27339 |
-
return undefined;
|
27340 |
-
}
|
27341 |
-
|
27342 |
-
return `has-${gradientSlug}-gradient-background`;
|
27343 |
-
}
|
27344 |
-
/**
|
27345 |
-
* Retrieves the gradient value per slug.
|
27346 |
-
*
|
27347 |
-
* @param {Array} gradients Gradient Palette
|
27348 |
-
* @param {string} slug Gradient slug
|
27349 |
-
*
|
27350 |
-
* @return {string} Gradient value.
|
27351 |
-
*/
|
27352 |
-
|
27353 |
-
function getGradientValueBySlug(gradients, slug) {
|
27354 |
-
const gradient = (0,external_lodash_namespaceObject.find)(gradients, ['slug', slug]);
|
27355 |
-
return gradient && gradient.gradient;
|
27356 |
-
}
|
27357 |
-
function __experimentalGetGradientObjectByGradientValue(gradients, value) {
|
27358 |
-
const gradient = (0,external_lodash_namespaceObject.find)(gradients, ['gradient', value]);
|
27359 |
-
return gradient;
|
27360 |
-
}
|
27361 |
-
/**
|
27362 |
-
* Retrieves the gradient slug per slug.
|
27363 |
-
*
|
27364 |
-
* @param {Array} gradients Gradient Palette
|
27365 |
-
* @param {string} value Gradient value
|
27366 |
-
* @return {string} Gradient slug.
|
27367 |
-
*/
|
27368 |
-
|
27369 |
-
function getGradientSlugByValue(gradients, value) {
|
27370 |
-
const gradient = __experimentalGetGradientObjectByGradientValue(gradients, value);
|
27371 |
-
|
27372 |
-
return gradient && gradient.slug;
|
27373 |
-
}
|
27374 |
-
function __experimentalUseGradient({
|
27375 |
-
gradientAttribute = 'gradient',
|
27376 |
-
customGradientAttribute = 'customGradient'
|
27377 |
-
} = {}) {
|
27378 |
-
const {
|
27379 |
-
clientId
|
27380 |
-
} = useBlockEditContext();
|
27381 |
-
const gradients = useSetting('color.gradients') || use_gradient_EMPTY_ARRAY;
|
27382 |
-
const {
|
27383 |
-
gradient,
|
27384 |
-
customGradient
|
27385 |
-
} = (0,external_wp_data_namespaceObject.useSelect)(select => {
|
27386 |
-
const {
|
27387 |
-
getBlockAttributes
|
27388 |
-
} = select(store);
|
27389 |
-
const attributes = getBlockAttributes(clientId) || {};
|
27390 |
-
return {
|
27391 |
-
customGradient: attributes[customGradientAttribute],
|
27392 |
-
gradient: attributes[gradientAttribute]
|
27393 |
-
};
|
27394 |
-
}, [clientId, gradientAttribute, customGradientAttribute]);
|
27395 |
-
const {
|
27396 |
-
updateBlockAttributes
|
27397 |
-
} = (0,external_wp_data_namespaceObject.useDispatch)(store);
|
27398 |
-
const setGradient = (0,external_wp_element_namespaceObject.useCallback)(newGradientValue => {
|
27399 |
-
const slug = getGradientSlugByValue(gradients, newGradientValue);
|
27400 |
-
|
27401 |
-
if (slug) {
|
27402 |
-
updateBlockAttributes(clientId, {
|
27403 |
-
[gradientAttribute]: slug,
|
27404 |
-
[customGradientAttribute]: undefined
|
27405 |
-
});
|
27406 |
-
return;
|
27407 |
-
}
|
27408 |
-
|
27409 |
-
updateBlockAttributes(clientId, {
|
27410 |
-
[gradientAttribute]: undefined,
|
27411 |
-
[customGradientAttribute]: newGradientValue
|
27412 |
-
});
|
27413 |
-
}, [gradients, clientId, updateBlockAttributes]);
|
27414 |
-
|
27415 |
-
const gradientClass = __experimentalGetGradientClass(gradient);
|
27416 |
-
|
27417 |
-
let gradientValue;
|
27418 |
-
|
27419 |
-
if (gradient) {
|
27420 |
-
gradientValue = getGradientValueBySlug(gradients, gradient);
|
27421 |
-
} else {
|
27422 |
-
gradientValue = customGradient;
|
27423 |
-
}
|
27424 |
-
|
27425 |
-
return {
|
27426 |
-
gradientClass,
|
27427 |
-
gradientValue,
|
27428 |
-
setGradient
|
27429 |
-
};
|
27430 |
-
}
|
27431 |
-
//# sourceMappingURL=use-gradient.js.map
|
27432 |
;// CONCATENATED MODULE: ./packages/block-editor/build-module/components/colors-gradients/control.js
|
27433 |
|
27434 |
|
@@ -27450,60 +27715,22 @@ function __experimentalUseGradient({
|
|
27450 |
*/
|
27451 |
|
27452 |
|
27453 |
-
|
27454 |
-
// translators: first %s: the color name or value (e.g. red or #ff0000)
|
27455 |
-
|
27456 |
-
const colorIndicatorAriaLabel = (0,external_wp_i18n_namespaceObject.__)('(Color: %s)'); // translators: first %s: the gradient name or value (e.g. red to green or linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)
|
27457 |
-
|
27458 |
-
|
27459 |
-
const gradientIndicatorAriaLabel = (0,external_wp_i18n_namespaceObject.__)('(Gradient: %s)');
|
27460 |
-
|
27461 |
const colorsAndGradientKeys = ['colors', 'disableCustomColors', 'gradients', 'disableCustomGradients'];
|
27462 |
|
27463 |
-
function VisualLabel({
|
27464 |
-
colors,
|
27465 |
-
gradients,
|
27466 |
-
label,
|
27467 |
-
currentTab,
|
27468 |
-
colorValue,
|
27469 |
-
gradientValue
|
27470 |
-
}) {
|
27471 |
-
let value, ariaLabel;
|
27472 |
-
|
27473 |
-
if (currentTab === 'color') {
|
27474 |
-
if (colorValue) {
|
27475 |
-
value = colorValue;
|
27476 |
-
const colorObject = getColorObjectByColorValue(colors, value);
|
27477 |
-
const colorName = colorObject && colorObject.name;
|
27478 |
-
ariaLabel = (0,external_wp_i18n_namespaceObject.sprintf)(colorIndicatorAriaLabel, colorName || value);
|
27479 |
-
}
|
27480 |
-
} else if (currentTab === 'gradient' && gradientValue) {
|
27481 |
-
value = gradientValue;
|
27482 |
-
|
27483 |
-
const gradientObject = __experimentalGetGradientObjectByGradientValue(gradients, value);
|
27484 |
-
|
27485 |
-
const gradientName = gradientObject && gradientObject.name;
|
27486 |
-
ariaLabel = (0,external_wp_i18n_namespaceObject.sprintf)(gradientIndicatorAriaLabel, gradientName || value);
|
27487 |
-
}
|
27488 |
-
|
27489 |
-
return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, label, !!value && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ColorIndicator, {
|
27490 |
-
colorValue: value,
|
27491 |
-
"aria-label": ariaLabel
|
27492 |
-
}));
|
27493 |
-
}
|
27494 |
-
|
27495 |
function ColorGradientControlInner({
|
27496 |
colors,
|
27497 |
gradients,
|
27498 |
disableCustomColors,
|
27499 |
disableCustomGradients,
|
|
|
27500 |
className,
|
27501 |
label,
|
27502 |
onColorChange,
|
27503 |
onGradientChange,
|
27504 |
colorValue,
|
27505 |
gradientValue,
|
27506 |
-
clearable
|
|
|
27507 |
}) {
|
27508 |
const canChooseAColor = onColorChange && (!(0,external_lodash_namespaceObject.isEmpty)(colors) || !disableCustomColors);
|
27509 |
const canChooseAGradient = onGradientChange && (!(0,external_lodash_namespaceObject.isEmpty)(gradients) || !disableCustomGradients);
|
@@ -27516,15 +27743,10 @@ function ColorGradientControlInner({
|
|
27516 |
return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.BaseControl, {
|
27517 |
className: classnames_default()('block-editor-color-gradient-control', className)
|
27518 |
}, (0,external_wp_element_namespaceObject.createElement)("fieldset", null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalVStack, {
|
27519 |
-
|
27520 |
-
}, (0,external_wp_element_namespaceObject.createElement)("legend", null, (0,external_wp_element_namespaceObject.createElement)("div", {
|
27521 |
className: "block-editor-color-gradient-control__color-indicator"
|
27522 |
-
}, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.BaseControl.VisualLabel, null, (0,external_wp_element_namespaceObject.createElement)(
|
27523 |
-
currentTab: currentTab,
|
27524 |
-
label: label,
|
27525 |
-
colorValue: colorValue,
|
27526 |
-
gradientValue: gradientValue
|
27527 |
-
})))), canChooseAColor && canChooseAGradient && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalToggleGroupControl, {
|
27528 |
value: currentTab,
|
27529 |
onChange: setCurrentTab,
|
27530 |
label: (0,external_wp_i18n_namespaceObject.__)('Select color type'),
|
@@ -27544,6 +27766,7 @@ function ColorGradientControlInner({
|
|
27544 |
} : onColorChange,
|
27545 |
colors,
|
27546 |
disableCustomColors,
|
|
|
27547 |
clearable: clearable
|
27548 |
}), (currentTab === 'gradient' || !canChooseAColor) && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.GradientPicker, {
|
27549 |
value: gradientValue,
|
@@ -27553,6 +27776,7 @@ function ColorGradientControlInner({
|
|
27553 |
} : onGradientChange,
|
27554 |
gradients,
|
27555 |
disableCustomGradients,
|
|
|
27556 |
clearable: clearable
|
27557 |
}))));
|
27558 |
}
|
@@ -27576,6 +27800,91 @@ function ColorGradientControl(props) {
|
|
27576 |
|
27577 |
/* harmony default export */ var control = (ColorGradientControl);
|
27578 |
//# sourceMappingURL=control.js.map
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
27579 |
;// CONCATENATED MODULE: ./packages/block-editor/build-module/hooks/border-color.js
|
27580 |
|
27581 |
|
@@ -28458,10 +28767,10 @@ const BORDER_SUPPORT_KEY = '__experimentalBorder';
|
|
28458 |
function BorderPanel(props) {
|
28459 |
const isDisabled = useIsBorderDisabled(props);
|
28460 |
const isSupported = hasBorderSupport(props.name);
|
28461 |
-
const isColorSupported = useSetting('border.
|
28462 |
-
const isRadiusSupported = useSetting('border.
|
28463 |
-
const isStyleSupported = useSetting('border.
|
28464 |
-
const isWidthSupported = useSetting('border.
|
28465 |
|
28466 |
if (isDisabled || !isSupported) {
|
28467 |
return null;
|
@@ -28520,10 +28829,124 @@ function shouldSkipSerialization(blockType) {
|
|
28520 |
*/
|
28521 |
|
28522 |
const useIsBorderDisabled = () => {
|
28523 |
-
const configs = [!useSetting('border.
|
28524 |
return configs.every(Boolean);
|
28525 |
};
|
28526 |
//# sourceMappingURL=border.js.map
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
28527 |
;// CONCATENATED MODULE: ./packages/block-editor/build-module/components/colors-gradients/panel-color-gradient-settings.js
|
28528 |
|
28529 |
|
@@ -28539,6 +28962,7 @@ const useIsBorderDisabled = () => {
|
|
28539 |
|
28540 |
|
28541 |
|
|
|
28542 |
/**
|
28543 |
* Internal dependencies
|
28544 |
*/
|
@@ -28548,10 +28972,10 @@ const useIsBorderDisabled = () => {
|
|
28548 |
|
28549 |
// translators: first %s: The type of color or gradient (e.g. background, overlay...), second %s: the color name or value (e.g. red or #ff0000)
|
28550 |
|
28551 |
-
const
|
28552 |
|
28553 |
|
28554 |
-
const
|
28555 |
|
28556 |
const panel_color_gradient_settings_colorsAndGradientKeys = ['colors', 'disableCustomColors', 'gradients', 'disableCustomGradients'];
|
28557 |
|
@@ -28575,11 +28999,11 @@ const Indicators = ({
|
|
28575 |
|
28576 |
if (colorValue) {
|
28577 |
const colorObject = getColorObjectByColorValue(availableColors || colors, colorValue);
|
28578 |
-
ariaLabel = (0,external_wp_i18n_namespaceObject.sprintf)(
|
28579 |
} else {
|
28580 |
const gradientObject = __experimentalGetGradientObjectByGradientValue(availableGradients || gradients, colorValue);
|
28581 |
|
28582 |
-
ariaLabel = (0,external_wp_i18n_namespaceObject.sprintf)(
|
28583 |
}
|
28584 |
|
28585 |
return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ColorIndicator, {
|
@@ -28600,6 +29024,7 @@ const PanelColorGradientSettingsInner = ({
|
|
28600 |
settings,
|
28601 |
title,
|
28602 |
showTitle = true,
|
|
|
28603 |
...props
|
28604 |
}) => {
|
28605 |
if ((0,external_lodash_namespaceObject.isEmpty)(colors) && (0,external_lodash_namespaceObject.isEmpty)(gradients) && disableCustomColors && disableCustomGradients && (0,external_lodash_namespaceObject.every)(settings, setting => (0,external_lodash_namespaceObject.isEmpty)(setting.colors) && (0,external_lodash_namespaceObject.isEmpty)(setting.gradients) && (setting.disableCustomColors === undefined || setting.disableCustomColors) && (setting.disableCustomGradients === undefined || setting.disableCustomGradients))) {
|
@@ -28617,20 +29042,90 @@ const PanelColorGradientSettingsInner = ({
|
|
28617 |
className: classnames_default()('block-editor-panel-color-gradient-settings', className),
|
28618 |
title: showTitle ? titleElement : undefined
|
28619 |
}, props), settings.map((setting, index) => (0,external_wp_element_namespaceObject.createElement)(control, _extends({
|
|
|
28620 |
key: index,
|
28621 |
colors,
|
28622 |
gradients,
|
28623 |
disableCustomColors,
|
28624 |
-
disableCustomGradients
|
|
|
28625 |
}, setting))), children);
|
28626 |
};
|
28627 |
|
28628 |
-
|
28629 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
28630 |
colorGradientSettings.colors = useSetting('color.palette');
|
28631 |
colorGradientSettings.gradients = useSetting('color.gradients');
|
28632 |
-
|
28633 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
28634 |
return (0,external_wp_element_namespaceObject.createElement)(PanelColorGradientSettingsInner, _extends({}, colorGradientSettings, props));
|
28635 |
};
|
28636 |
|
@@ -28639,7 +29134,11 @@ const PanelColorGradientSettings = props => {
|
|
28639 |
return (0,external_wp_element_namespaceObject.createElement)(PanelColorGradientSettingsInner, props);
|
28640 |
}
|
28641 |
|
28642 |
-
|
|
|
|
|
|
|
|
|
28643 |
};
|
28644 |
|
28645 |
/* harmony default export */ var panel_color_gradient_settings = (PanelColorGradientSettings);
|
@@ -28774,7 +29273,8 @@ function ColorPanel({
|
|
28774 |
title: (0,external_wp_i18n_namespaceObject.__)('Color'),
|
28775 |
initialOpen: false,
|
28776 |
settings: settings,
|
28777 |
-
showTitle: showTitle
|
|
|
28778 |
}, enableContrastChecking && (0,external_wp_element_namespaceObject.createElement)(contrast_checker, {
|
28779 |
backgroundColor: detectedBackgroundColor,
|
28780 |
textColor: detectedColor
|
@@ -29163,37 +29663,7 @@ const withColorPaletteStyles = (0,external_wp_compose_namespaceObject.createHigh
|
|
29163 |
(0,external_wp_hooks_namespaceObject.addFilter)('blocks.registerBlockType', 'core/color/addEditProps', color_addEditProps);
|
29164 |
(0,external_wp_hooks_namespaceObject.addFilter)('editor.BlockListBlock', 'core/color/with-color-palette-styles', withColorPaletteStyles);
|
29165 |
//# sourceMappingURL=color.js.map
|
29166 |
-
;// CONCATENATED MODULE: ./packages/
|
29167 |
-
|
29168 |
-
|
29169 |
-
/**
|
29170 |
-
* WordPress dependencies
|
29171 |
-
*/
|
29172 |
-
|
29173 |
-
const formatUnderline = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
|
29174 |
-
xmlns: "http://www.w3.org/2000/svg",
|
29175 |
-
viewBox: "0 0 24 24"
|
29176 |
-
}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
|
29177 |
-
d: "M7 18v1h10v-1H7zm5-2c1.5 0 2.6-.4 3.4-1.2.8-.8 1.1-2 1.1-3.5V5H15v5.8c0 1.2-.2 2.1-.6 2.8-.4.7-1.2 1-2.4 1s-2-.3-2.4-1c-.4-.7-.6-1.6-.6-2.8V5H7.5v6.2c0 1.5.4 2.7 1.1 3.5.8.9 1.9 1.3 3.4 1.3z"
|
29178 |
-
}));
|
29179 |
-
/* harmony default export */ var format_underline = (formatUnderline);
|
29180 |
-
//# sourceMappingURL=format-underline.js.map
|
29181 |
-
;// CONCATENATED MODULE: ./packages/icons/build-module/library/format-strikethrough.js
|
29182 |
-
|
29183 |
-
|
29184 |
-
/**
|
29185 |
-
* WordPress dependencies
|
29186 |
-
*/
|
29187 |
-
|
29188 |
-
const formatStrikethrough = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
|
29189 |
-
xmlns: "http://www.w3.org/2000/svg",
|
29190 |
-
viewBox: "0 0 24 24"
|
29191 |
-
}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
|
29192 |
-
d: "M9.1 9v-.5c0-.6.2-1.1.7-1.4.5-.3 1.2-.5 2-.5.7 0 1.4.1 2.1.3.7.2 1.4.5 2.1.9l.2-1.9c-.6-.3-1.2-.5-1.9-.7-.8-.1-1.6-.2-2.4-.2-1.5 0-2.7.3-3.6 1-.8.7-1.2 1.5-1.2 2.6V9h2zM20 12H4v1h8.3c.3.1.6.2.8.3.5.2.9.5 1.1.8.3.3.4.7.4 1.2 0 .7-.2 1.1-.8 1.5-.5.3-1.2.5-2.1.5-.8 0-1.6-.1-2.4-.3-.8-.2-1.5-.5-2.2-.8L7 18.1c.5.2 1.2.4 2 .6.8.2 1.6.3 2.4.3 1.7 0 3-.3 3.9-1 .9-.7 1.3-1.6 1.3-2.8 0-.9-.2-1.7-.7-2.2H20v-1z"
|
29193 |
-
}));
|
29194 |
-
/* harmony default export */ var format_strikethrough = (formatStrikethrough);
|
29195 |
-
//# sourceMappingURL=format-strikethrough.js.map
|
29196 |
-
;// CONCATENATED MODULE: ./packages/block-editor/build-module/components/text-decoration-control/index.js
|
29197 |
|
29198 |
|
29199 |
/**
|
@@ -29202,319 +29672,195 @@ const formatStrikethrough = (0,external_wp_element_namespaceObject.createElement
|
|
29202 |
|
29203 |
|
29204 |
|
29205 |
-
const
|
29206 |
-
name: (0,external_wp_i18n_namespaceObject.__)('
|
29207 |
-
value: '
|
29208 |
-
icon: format_underline
|
29209 |
}, {
|
29210 |
-
name: (0,external_wp_i18n_namespaceObject.__)('
|
29211 |
-
value: '
|
29212 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
29213 |
}];
|
29214 |
/**
|
29215 |
-
*
|
29216 |
-
*
|
29217 |
-
* @param {Object} props Component props.
|
29218 |
-
* @param {string} props.value Currently selected text decoration.
|
29219 |
-
* @param {Function} props.onChange Handles change in text decoration selection.
|
29220 |
*
|
29221 |
-
* @
|
|
|
|
|
29222 |
*/
|
29223 |
|
29224 |
-
|
29225 |
-
|
29226 |
-
|
29227 |
-
}
|
29228 |
-
return (0,external_wp_element_namespaceObject.createElement)("fieldset", {
|
29229 |
-
className: "block-editor-text-decoration-control"
|
29230 |
-
}, (0,external_wp_element_namespaceObject.createElement)("legend", null, (0,external_wp_i18n_namespaceObject.__)('Decoration')), (0,external_wp_element_namespaceObject.createElement)("div", {
|
29231 |
-
className: "block-editor-text-decoration-control__buttons"
|
29232 |
-
}, TEXT_DECORATIONS.map(textDecoration => {
|
29233 |
-
return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, {
|
29234 |
-
key: textDecoration.value,
|
29235 |
-
icon: textDecoration.icon,
|
29236 |
-
isSmall: true,
|
29237 |
-
isPressed: textDecoration.value === value,
|
29238 |
-
onClick: () => onChange(textDecoration.value === value ? undefined : textDecoration.value),
|
29239 |
-
"aria-label": textDecoration.name
|
29240 |
-
});
|
29241 |
-
})));
|
29242 |
-
}
|
29243 |
-
//# sourceMappingURL=index.js.map
|
29244 |
-
;// CONCATENATED MODULE: ./packages/block-editor/build-module/hooks/text-decoration.js
|
29245 |
-
|
29246 |
-
|
29247 |
-
/**
|
29248 |
-
* WordPress dependencies
|
29249 |
-
*/
|
29250 |
-
|
29251 |
-
/**
|
29252 |
-
* Internal dependencies
|
29253 |
-
*/
|
29254 |
-
|
29255 |
-
|
29256 |
-
|
29257 |
|
29258 |
-
|
29259 |
-
|
29260 |
-
|
29261 |
-
*/
|
29262 |
|
29263 |
-
|
|
|
29264 |
/**
|
29265 |
-
*
|
29266 |
*
|
29267 |
-
* @param {Object} props
|
29268 |
*
|
29269 |
-
* @return {WPElement}
|
29270 |
*/
|
29271 |
|
29272 |
-
function
|
29273 |
-
var _style$typography;
|
29274 |
-
|
29275 |
const {
|
29276 |
-
|
29277 |
-
|
29278 |
-
|
29279 |
-
|
|
|
|
|
|
|
29280 |
} = props;
|
29281 |
-
const
|
29282 |
-
|
29283 |
-
|
29284 |
-
|
29285 |
-
|
|
|
|
|
|
|
|
|
|
|
29286 |
|
29287 |
-
|
29288 |
-
|
29289 |
-
|
29290 |
-
|
29291 |
-
|
29292 |
-
|
29293 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
29294 |
});
|
29295 |
-
|
29296 |
-
|
29297 |
-
return (0,external_wp_element_namespaceObject.createElement)(TextDecorationControl, {
|
29298 |
-
value: style === null || style === void 0 ? void 0 : (_style$typography = style.typography) === null || _style$typography === void 0 ? void 0 : _style$typography.textDecoration,
|
29299 |
-
onChange: onChange
|
29300 |
-
});
|
29301 |
-
}
|
29302 |
-
/**
|
29303 |
-
* Checks if text-decoration settings have been disabled.
|
29304 |
-
*
|
29305 |
-
* @param {string} name Name of the block.
|
29306 |
-
*
|
29307 |
-
* @return {boolean} Whether or not the setting is disabled.
|
29308 |
-
*/
|
29309 |
-
|
29310 |
-
function useIsTextDecorationDisabled({
|
29311 |
-
name: blockName
|
29312 |
-
} = {}) {
|
29313 |
-
const notSupported = !(0,external_wp_blocks_namespaceObject.hasBlockSupport)(blockName, TEXT_DECORATION_SUPPORT_KEY);
|
29314 |
-
const hasTextDecoration = useSetting('typography.customTextDecorations');
|
29315 |
-
return notSupported || !hasTextDecoration;
|
29316 |
-
}
|
29317 |
-
//# sourceMappingURL=text-decoration.js.map
|
29318 |
-
;// CONCATENATED MODULE: ./packages/icons/build-module/library/format-uppercase.js
|
29319 |
-
|
29320 |
-
|
29321 |
-
/**
|
29322 |
-
* WordPress dependencies
|
29323 |
-
*/
|
29324 |
-
|
29325 |
-
const formatUppercase = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
|
29326 |
-
xmlns: "http://www.w3.org/2000/svg",
|
29327 |
-
viewBox: "0 0 24 24"
|
29328 |
-
}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
|
29329 |
-
d: "M6.1 6.8L2.1 18h1.6l1.1-3h4.3l1.1 3h1.6l-4-11.2H6.1zm-.8 6.8L7 8.9l1.7 4.7H5.3zm15.1-.7c-.4-.5-.9-.8-1.6-1 .4-.2.7-.5.8-.9.2-.4.3-.9.3-1.4 0-.9-.3-1.6-.8-2-.6-.5-1.3-.7-2.4-.7h-3.5V18h4.2c1.1 0 2-.3 2.6-.8.6-.6 1-1.4 1-2.4-.1-.8-.3-1.4-.6-1.9zm-5.7-4.7h1.8c.6 0 1.1.1 1.4.4.3.2.5.7.5 1.3 0 .6-.2 1.1-.5 1.3-.3.2-.8.4-1.4.4h-1.8V8.2zm4 8c-.4.3-.9.5-1.5.5h-2.6v-3.8h2.6c1.4 0 2 .6 2 1.9.1.6-.1 1-.5 1.4z"
|
29330 |
-
}));
|
29331 |
-
/* harmony default export */ var format_uppercase = (formatUppercase);
|
29332 |
-
//# sourceMappingURL=format-uppercase.js.map
|
29333 |
-
;// CONCATENATED MODULE: ./packages/icons/build-module/library/format-lowercase.js
|
29334 |
-
|
29335 |
-
|
29336 |
-
/**
|
29337 |
-
* WordPress dependencies
|
29338 |
-
*/
|
29339 |
-
|
29340 |
-
const formatLowercase = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
|
29341 |
-
xmlns: "http://www.w3.org/2000/svg",
|
29342 |
-
viewBox: "0 0 24 24"
|
29343 |
-
}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
|
29344 |
-
d: "M11 16.8c-.1-.1-.2-.3-.3-.5v-2.6c0-.9-.1-1.7-.3-2.2-.2-.5-.5-.9-.9-1.2-.4-.2-.9-.3-1.6-.3-.5 0-1 .1-1.5.2s-.9.3-1.2.6l.2 1.2c.4-.3.7-.4 1.1-.5.3-.1.7-.2 1-.2.6 0 1 .1 1.3.4.3.2.4.7.4 1.4-1.2 0-2.3.2-3.3.7s-1.4 1.1-1.4 2.1c0 .7.2 1.2.7 1.6.4.4 1 .6 1.8.6.9 0 1.7-.4 2.4-1.2.1.3.2.5.4.7.1.2.3.3.6.4.3.1.6.1 1.1.1h.1l.2-1.2h-.1c-.4.1-.6 0-.7-.1zM9.2 16c-.2.3-.5.6-.9.8-.3.1-.7.2-1.1.2-.4 0-.7-.1-.9-.3-.2-.2-.3-.5-.3-.9 0-.6.2-1 .7-1.3.5-.3 1.3-.4 2.5-.5v2zm10.6-3.9c-.3-.6-.7-1.1-1.2-1.5-.6-.4-1.2-.6-1.9-.6-.5 0-.9.1-1.4.3-.4.2-.8.5-1.1.8V6h-1.4v12h1.3l.2-1c.2.4.6.6 1 .8.4.2.9.3 1.4.3.7 0 1.2-.2 1.8-.5.5-.4 1-.9 1.3-1.5.3-.6.5-1.3.5-2.1-.1-.6-.2-1.3-.5-1.9zm-1.7 4c-.4.5-.9.8-1.6.8s-1.2-.2-1.7-.7c-.4-.5-.7-1.2-.7-2.1 0-.9.2-1.6.7-2.1.4-.5 1-.7 1.7-.7s1.2.3 1.6.8c.4.5.6 1.2.6 2s-.2 1.4-.6 2z"
|
29345 |
-
}));
|
29346 |
-
/* harmony default export */ var format_lowercase = (formatLowercase);
|
29347 |
-
//# sourceMappingURL=format-lowercase.js.map
|
29348 |
-
;// CONCATENATED MODULE: ./packages/icons/build-module/library/format-capitalize.js
|
29349 |
-
|
29350 |
-
|
29351 |
-
/**
|
29352 |
-
* WordPress dependencies
|
29353 |
-
*/
|
29354 |
-
|
29355 |
-
const formatCapitalize = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
|
29356 |
-
xmlns: "http://www.w3.org/2000/svg",
|
29357 |
-
viewBox: "0 0 24 24"
|
29358 |
-
}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
|
29359 |
-
d: "M7.1 6.8L3.1 18h1.6l1.1-3h4.3l1.1 3h1.6l-4-11.2H7.1zm-.8 6.8L8 8.9l1.7 4.7H6.3zm14.5-1.5c-.3-.6-.7-1.1-1.2-1.5-.6-.4-1.2-.6-1.9-.6-.5 0-.9.1-1.4.3-.4.2-.8.5-1.1.8V6h-1.4v12h1.3l.2-1c.2.4.6.6 1 .8.4.2.9.3 1.4.3.7 0 1.2-.2 1.8-.5.5-.4 1-.9 1.3-1.5.3-.6.5-1.3.5-2.1-.1-.6-.2-1.3-.5-1.9zm-1.7 4c-.4.5-.9.8-1.6.8s-1.2-.2-1.7-.7c-.4-.5-.7-1.2-.7-2.1 0-.9.2-1.6.7-2.1.4-.5 1-.7 1.7-.7s1.2.3 1.6.8c.4.5.6 1.2.6 2 .1.8-.2 1.4-.6 2z"
|
29360 |
-
}));
|
29361 |
-
/* harmony default export */ var format_capitalize = (formatCapitalize);
|
29362 |
-
//# sourceMappingURL=format-capitalize.js.map
|
29363 |
-
;// CONCATENATED MODULE: ./packages/block-editor/build-module/components/text-transform-control/index.js
|
29364 |
-
|
29365 |
-
|
29366 |
-
/**
|
29367 |
-
* WordPress dependencies
|
29368 |
-
*/
|
29369 |
-
|
29370 |
-
|
29371 |
|
29372 |
-
const TEXT_TRANSFORMS = [{
|
29373 |
-
name: (0,external_wp_i18n_namespaceObject.__)('Uppercase'),
|
29374 |
-
value: 'uppercase',
|
29375 |
-
icon: format_uppercase
|
29376 |
-
}, {
|
29377 |
-
name: (0,external_wp_i18n_namespaceObject.__)('Lowercase'),
|
29378 |
-
value: 'lowercase',
|
29379 |
-
icon: format_lowercase
|
29380 |
-
}, {
|
29381 |
-
name: (0,external_wp_i18n_namespaceObject.__)('Capitalize'),
|
29382 |
-
value: 'capitalize',
|
29383 |
-
icon: format_capitalize
|
29384 |
-
}];
|
29385 |
-
/**
|
29386 |
-
* Control to facilitate text transform selections.
|
29387 |
-
*
|
29388 |
-
* @param {Object} props Component props.
|
29389 |
-
* @param {string} props.value Currently selected text transform.
|
29390 |
-
* @param {Function} props.onChange Handles change in text transform selection.
|
29391 |
-
*
|
29392 |
-
* @return {WPElement} Text transform control.
|
29393 |
-
*/
|
29394 |
|
29395 |
-
|
29396 |
-
|
29397 |
-
|
29398 |
-
|
29399 |
-
|
29400 |
-
|
29401 |
-
|
29402 |
-
|
29403 |
-
|
29404 |
-
|
29405 |
-
|
29406 |
-
|
29407 |
-
|
29408 |
-
|
29409 |
-
"aria-label": textTransform.name,
|
29410 |
-
onClick: () => onChange(value === textTransform.value ? undefined : textTransform.value)
|
29411 |
});
|
29412 |
-
|
29413 |
-
}
|
29414 |
-
//# sourceMappingURL=index.js.map
|
29415 |
-
;// CONCATENATED MODULE: ./packages/block-editor/build-module/hooks/text-transform.js
|
29416 |
-
|
29417 |
-
|
29418 |
-
/**
|
29419 |
-
* WordPress dependencies
|
29420 |
-
*/
|
29421 |
-
|
29422 |
-
/**
|
29423 |
-
* Internal dependencies
|
29424 |
-
*/
|
29425 |
-
|
29426 |
-
|
29427 |
-
|
29428 |
-
|
29429 |
-
/**
|
29430 |
-
* Key within block settings' supports array indicating support for text
|
29431 |
-
* transforms e.g. settings found in `block.json`.
|
29432 |
-
*/
|
29433 |
-
|
29434 |
-
const TEXT_TRANSFORM_SUPPORT_KEY = 'typography.__experimentalTextTransform';
|
29435 |
-
/**
|
29436 |
-
* Inspector control panel containing the text transform options.
|
29437 |
-
*
|
29438 |
-
* @param {Object} props Block properties.
|
29439 |
-
*
|
29440 |
-
* @return {WPElement} Text transform edit element.
|
29441 |
-
*/
|
29442 |
-
|
29443 |
-
function TextTransformEdit(props) {
|
29444 |
-
var _style$typography;
|
29445 |
|
29446 |
-
const {
|
29447 |
-
attributes: {
|
29448 |
-
style
|
29449 |
-
},
|
29450 |
-
setAttributes
|
29451 |
-
} = props;
|
29452 |
-
const isDisabled = useIsTextTransformDisabled(props);
|
29453 |
|
29454 |
-
|
29455 |
-
|
29456 |
-
|
29457 |
-
|
29458 |
-
|
29459 |
-
|
29460 |
-
|
29461 |
-
|
29462 |
-
|
|
|
|
|
|
|
29463 |
}
|
29464 |
-
})
|
29465 |
});
|
29466 |
-
|
|
|
29467 |
|
29468 |
-
return (0,external_wp_element_namespaceObject.createElement)(TextTransformControl, {
|
29469 |
-
value: style === null || style === void 0 ? void 0 : (_style$typography = style.typography) === null || _style$typography === void 0 ? void 0 : _style$typography.textTransform,
|
29470 |
-
onChange: onChange
|
29471 |
-
});
|
29472 |
-
}
|
29473 |
-
/**
|
29474 |
-
* Checks if text-transform settings have been disabled.
|
29475 |
-
*
|
29476 |
-
* @param {string} name Name of the block.
|
29477 |
-
*
|
29478 |
-
* @return {boolean} Whether or not the setting is disabled.
|
29479 |
-
*/
|
29480 |
|
29481 |
-
|
29482 |
-
|
29483 |
-
|
29484 |
-
|
29485 |
-
const hasTextTransforms = useSetting('typography.customTextTransforms');
|
29486 |
-
return notSupported || !hasTextTransforms;
|
29487 |
-
}
|
29488 |
-
//# sourceMappingURL=text-transform.js.map
|
29489 |
-
;// CONCATENATED MODULE: ./packages/block-editor/build-module/components/text-decoration-and-transform/index.js
|
29490 |
|
|
|
|
|
|
|
29491 |
|
29492 |
-
|
29493 |
-
* Internal dependencies
|
29494 |
-
*/
|
29495 |
|
|
|
|
|
|
|
|
|
29496 |
|
29497 |
-
|
29498 |
-
|
29499 |
-
|
29500 |
-
|
29501 |
-
*
|
29502 |
-
* @param {Object} props Block props to be passed on to individual controls.
|
29503 |
-
*
|
29504 |
-
* @return {WPElement} Component containing text decoration or transform controls.
|
29505 |
-
*/
|
29506 |
|
29507 |
-
|
29508 |
-
|
29509 |
-
|
|
|
29510 |
|
29511 |
-
|
29512 |
-
|
29513 |
-
}
|
29514 |
|
29515 |
-
return (0,external_wp_element_namespaceObject.createElement)(
|
29516 |
-
className: "
|
29517 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
29518 |
}
|
29519 |
//# sourceMappingURL=index.js.map
|
29520 |
;// CONCATENATED MODULE: ./packages/block-editor/build-module/components/line-height-control/utils.js
|
@@ -29656,13 +30002,9 @@ function LineHeightEdit(props) {
|
|
29656 |
const {
|
29657 |
attributes: {
|
29658 |
style
|
29659 |
-
}
|
|
|
29660 |
} = props;
|
29661 |
-
const isDisabled = useIsLineHeightDisabled(props);
|
29662 |
-
|
29663 |
-
if (isDisabled) {
|
29664 |
-
return null;
|
29665 |
-
}
|
29666 |
|
29667 |
const onChange = newLineHeightValue => {
|
29668 |
const newStyle = { ...style,
|
@@ -29670,7 +30012,7 @@ function LineHeightEdit(props) {
|
|
29670 |
lineHeight: newLineHeightValue
|
29671 |
}
|
29672 |
};
|
29673 |
-
|
29674 |
style: cleanEmptyObject(newStyle)
|
29675 |
});
|
29676 |
};
|
@@ -29690,202 +30032,47 @@ function LineHeightEdit(props) {
|
|
29690 |
function useIsLineHeightDisabled({
|
29691 |
name: blockName
|
29692 |
} = {}) {
|
29693 |
-
const isDisabled = !useSetting('typography.
|
29694 |
return !(0,external_wp_blocks_namespaceObject.hasBlockSupport)(blockName, LINE_HEIGHT_SUPPORT_KEY) || isDisabled;
|
29695 |
}
|
29696 |
-
//# sourceMappingURL=line-height.js.map
|
29697 |
-
;// CONCATENATED MODULE: ./packages/block-editor/build-module/components/font-appearance-control/index.js
|
29698 |
-
|
29699 |
-
|
29700 |
/**
|
29701 |
-
*
|
|
|
|
|
|
|
29702 |
*/
|
29703 |
|
|
|
|
|
29704 |
|
29705 |
-
|
29706 |
-
|
29707 |
-
name: (0,external_wp_i18n_namespaceObject.__)('Regular'),
|
29708 |
-
value: 'normal'
|
29709 |
-
}, {
|
29710 |
-
name: (0,external_wp_i18n_namespaceObject.__)('Italic'),
|
29711 |
-
value: 'italic'
|
29712 |
-
}];
|
29713 |
-
const FONT_WEIGHTS = [{
|
29714 |
-
name: (0,external_wp_i18n_namespaceObject.__)('Thin'),
|
29715 |
-
value: '100'
|
29716 |
-
}, {
|
29717 |
-
name: (0,external_wp_i18n_namespaceObject.__)('Extra Light'),
|
29718 |
-
value: '200'
|
29719 |
-
}, {
|
29720 |
-
name: (0,external_wp_i18n_namespaceObject.__)('Light'),
|
29721 |
-
value: '300'
|
29722 |
-
}, {
|
29723 |
-
name: (0,external_wp_i18n_namespaceObject.__)('Regular'),
|
29724 |
-
value: '400'
|
29725 |
-
}, {
|
29726 |
-
name: (0,external_wp_i18n_namespaceObject.__)('Medium'),
|
29727 |
-
value: '500'
|
29728 |
-
}, {
|
29729 |
-
name: (0,external_wp_i18n_namespaceObject.__)('Semi Bold'),
|
29730 |
-
value: '600'
|
29731 |
-
}, {
|
29732 |
-
name: (0,external_wp_i18n_namespaceObject.__)('Bold'),
|
29733 |
-
value: '700'
|
29734 |
-
}, {
|
29735 |
-
name: (0,external_wp_i18n_namespaceObject.__)('Extra Bold'),
|
29736 |
-
value: '800'
|
29737 |
-
}, {
|
29738 |
-
name: (0,external_wp_i18n_namespaceObject.__)('Black'),
|
29739 |
-
value: '900'
|
29740 |
-
}];
|
29741 |
/**
|
29742 |
-
*
|
29743 |
-
*
|
29744 |
-
*
|
29745 |
*
|
29746 |
-
* @
|
|
|
|
|
29747 |
*/
|
29748 |
|
29749 |
-
function
|
|
|
|
|
|
|
29750 |
const {
|
29751 |
-
|
29752 |
-
|
29753 |
-
|
29754 |
-
|
29755 |
-
|
29756 |
-
|
29757 |
-
|
29758 |
-
|
29759 |
-
const hasStylesOrWeights = hasFontStyles || hasFontWeights;
|
29760 |
-
const defaultOption = {
|
29761 |
-
key: 'default',
|
29762 |
-
name: (0,external_wp_i18n_namespaceObject.__)('Default'),
|
29763 |
-
style: {
|
29764 |
-
fontStyle: undefined,
|
29765 |
-
fontWeight: undefined
|
29766 |
-
}
|
29767 |
-
}; // Combines both font style and weight options into a single dropdown.
|
29768 |
-
|
29769 |
-
const combineOptions = () => {
|
29770 |
-
const combinedOptions = [defaultOption];
|
29771 |
-
FONT_STYLES.forEach(({
|
29772 |
-
name: styleName,
|
29773 |
-
value: styleValue
|
29774 |
-
}) => {
|
29775 |
-
FONT_WEIGHTS.forEach(({
|
29776 |
-
name: weightName,
|
29777 |
-
value: weightValue
|
29778 |
-
}) => {
|
29779 |
-
const optionName = styleValue === 'normal' ? weightName : (0,external_wp_i18n_namespaceObject.sprintf)(
|
29780 |
-
/* translators: 1: Font weight name. 2: Font style name. */
|
29781 |
-
(0,external_wp_i18n_namespaceObject.__)('%1$s %2$s'), weightName, styleName);
|
29782 |
-
combinedOptions.push({
|
29783 |
-
key: `${styleValue}-${weightValue}`,
|
29784 |
-
name: optionName,
|
29785 |
-
style: {
|
29786 |
-
fontStyle: styleValue,
|
29787 |
-
fontWeight: weightValue
|
29788 |
-
}
|
29789 |
-
});
|
29790 |
-
});
|
29791 |
-
});
|
29792 |
-
return combinedOptions;
|
29793 |
-
}; // Generates select options for font styles only.
|
29794 |
-
|
29795 |
-
|
29796 |
-
const styleOptions = () => {
|
29797 |
-
const combinedOptions = [defaultOption];
|
29798 |
-
FONT_STYLES.forEach(({
|
29799 |
-
name,
|
29800 |
-
value
|
29801 |
-
}) => {
|
29802 |
-
combinedOptions.push({
|
29803 |
-
key: value,
|
29804 |
-
name,
|
29805 |
-
style: {
|
29806 |
-
fontStyle: value,
|
29807 |
-
fontWeight: undefined
|
29808 |
-
}
|
29809 |
-
});
|
29810 |
-
});
|
29811 |
-
return combinedOptions;
|
29812 |
-
}; // Generates select options for font weights only.
|
29813 |
-
|
29814 |
-
|
29815 |
-
const weightOptions = () => {
|
29816 |
-
const combinedOptions = [defaultOption];
|
29817 |
-
FONT_WEIGHTS.forEach(({
|
29818 |
-
name,
|
29819 |
-
value
|
29820 |
-
}) => {
|
29821 |
-
combinedOptions.push({
|
29822 |
-
key: value,
|
29823 |
-
name,
|
29824 |
-
style: {
|
29825 |
-
fontStyle: undefined,
|
29826 |
-
fontWeight: value
|
29827 |
-
}
|
29828 |
-
});
|
29829 |
-
});
|
29830 |
-
return combinedOptions;
|
29831 |
-
}; // Map font styles and weights to select options.
|
29832 |
-
|
29833 |
-
|
29834 |
-
const selectOptions = (0,external_wp_element_namespaceObject.useMemo)(() => {
|
29835 |
-
if (hasFontStyles && hasFontWeights) {
|
29836 |
-
return combineOptions();
|
29837 |
-
}
|
29838 |
-
|
29839 |
-
return hasFontStyles ? styleOptions() : weightOptions();
|
29840 |
-
}, [props.options]); // Find current selection by comparing font style & weight against options,
|
29841 |
-
// and fall back to the Default option if there is no matching option.
|
29842 |
-
|
29843 |
-
const currentSelection = selectOptions.find(option => option.style.fontStyle === fontStyle && option.style.fontWeight === fontWeight) || selectOptions[0]; // Adjusts field label in case either styles or weights are disabled.
|
29844 |
-
|
29845 |
-
const getLabel = () => {
|
29846 |
-
if (!hasFontStyles) {
|
29847 |
-
return (0,external_wp_i18n_namespaceObject.__)('Font weight');
|
29848 |
-
}
|
29849 |
-
|
29850 |
-
if (!hasFontWeights) {
|
29851 |
-
return (0,external_wp_i18n_namespaceObject.__)('Font style');
|
29852 |
-
}
|
29853 |
-
|
29854 |
-
return (0,external_wp_i18n_namespaceObject.__)('Appearance');
|
29855 |
-
}; // Adjusts screen reader description based on styles or weights.
|
29856 |
-
|
29857 |
-
|
29858 |
-
const getDescribedBy = () => {
|
29859 |
-
if (!currentSelection) {
|
29860 |
-
return (0,external_wp_i18n_namespaceObject.__)('No selected font appearance');
|
29861 |
-
}
|
29862 |
-
|
29863 |
-
if (!hasFontStyles) {
|
29864 |
-
return (0,external_wp_i18n_namespaceObject.sprintf)( // translators: %s: Currently selected font weight.
|
29865 |
-
(0,external_wp_i18n_namespaceObject.__)('Currently selected font weight: %s'), currentSelection.name);
|
29866 |
-
}
|
29867 |
-
|
29868 |
-
if (!hasFontWeights) {
|
29869 |
-
return (0,external_wp_i18n_namespaceObject.sprintf)( // translators: %s: Currently selected font style.
|
29870 |
-
(0,external_wp_i18n_namespaceObject.__)('Currently selected font style: %s'), currentSelection.name);
|
29871 |
-
}
|
29872 |
-
|
29873 |
-
return (0,external_wp_i18n_namespaceObject.sprintf)( // translators: %s: Currently selected font appearance.
|
29874 |
-
(0,external_wp_i18n_namespaceObject.__)('Currently selected font appearance: %s'), currentSelection.name);
|
29875 |
-
};
|
29876 |
-
|
29877 |
-
return hasStylesOrWeights && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.CustomSelectControl, {
|
29878 |
-
className: "components-font-appearance-control",
|
29879 |
-
label: getLabel(),
|
29880 |
-
describedBy: getDescribedBy(),
|
29881 |
-
options: selectOptions,
|
29882 |
-
value: currentSelection,
|
29883 |
-
onChange: ({
|
29884 |
-
selectedItem
|
29885 |
-
}) => onChange(selectedItem.style)
|
29886 |
});
|
29887 |
}
|
29888 |
-
//# sourceMappingURL=
|
29889 |
;// CONCATENATED MODULE: ./packages/block-editor/build-module/hooks/font-appearance.js
|
29890 |
|
29891 |
|
@@ -29930,10 +30117,6 @@ function FontAppearanceEdit(props) {
|
|
29930 |
const hasFontStyles = !useIsFontStyleDisabled(props);
|
29931 |
const hasFontWeights = !useIsFontWeightDisabled(props);
|
29932 |
|
29933 |
-
if (!hasFontStyles && !hasFontWeights) {
|
29934 |
-
return null;
|
29935 |
-
}
|
29936 |
-
|
29937 |
const onChange = newStyles => {
|
29938 |
setAttributes({
|
29939 |
style: cleanEmptyObject({ ...style,
|
@@ -29971,7 +30154,7 @@ function useIsFontStyleDisabled({
|
|
29971 |
name: blockName
|
29972 |
} = {}) {
|
29973 |
const styleSupport = (0,external_wp_blocks_namespaceObject.hasBlockSupport)(blockName, FONT_STYLE_SUPPORT_KEY);
|
29974 |
-
const hasFontStyles = useSetting('typography.
|
29975 |
return !styleSupport || !hasFontStyles;
|
29976 |
}
|
29977 |
/**
|
@@ -29988,7 +30171,7 @@ function useIsFontWeightDisabled({
|
|
29988 |
name: blockName
|
29989 |
} = {}) {
|
29990 |
const weightSupport = (0,external_wp_blocks_namespaceObject.hasBlockSupport)(blockName, FONT_WEIGHT_SUPPORT_KEY);
|
29991 |
-
const hasFontWeights = useSetting('typography.
|
29992 |
return !weightSupport || !hasFontWeights;
|
29993 |
}
|
29994 |
/**
|
@@ -30004,6 +30187,49 @@ function useIsFontAppearanceDisabled(props) {
|
|
30004 |
const weightsDisabled = useIsFontWeightDisabled(props);
|
30005 |
return stylesDisabled && weightsDisabled;
|
30006 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
30007 |
//# sourceMappingURL=font-appearance.js.map
|
30008 |
;// CONCATENATED MODULE: ./packages/block-editor/build-module/components/font-family/index.js
|
30009 |
|
@@ -30086,8 +30312,8 @@ const FONT_FAMILY_SUPPORT_KEY = 'typography.__experimentalFontFamily';
|
|
30086 |
* Filters registered block settings, extending attributes to include
|
30087 |
* the `fontFamily` attribute.
|
30088 |
*
|
30089 |
-
* @param
|
30090 |
-
* @return {Object}
|
30091 |
*/
|
30092 |
|
30093 |
function font_family_addAttributes(settings) {
|
@@ -30109,10 +30335,10 @@ function font_family_addAttributes(settings) {
|
|
30109 |
/**
|
30110 |
* Override props assigned to save component to inject font family.
|
30111 |
*
|
30112 |
-
* @param
|
30113 |
-
* @param
|
30114 |
-
* @param
|
30115 |
-
* @return {Object}
|
30116 |
*/
|
30117 |
|
30118 |
|
@@ -30121,7 +30347,7 @@ function font_family_addSaveProps(props, blockType, attributes) {
|
|
30121 |
return props;
|
30122 |
}
|
30123 |
|
30124 |
-
if ((0,external_wp_blocks_namespaceObject.hasBlockSupport)(blockType, '
|
30125 |
return props;
|
30126 |
}
|
30127 |
|
@@ -30167,7 +30393,6 @@ function font_family_addEditProps(settings) {
|
|
30167 |
}
|
30168 |
|
30169 |
function FontFamilyEdit({
|
30170 |
-
name,
|
30171 |
setAttributes,
|
30172 |
attributes: {
|
30173 |
fontFamily
|
@@ -30176,14 +30401,6 @@ function FontFamilyEdit({
|
|
30176 |
var _find;
|
30177 |
|
30178 |
const fontFamilies = useSetting('typography.fontFamilies');
|
30179 |
-
const isDisable = useIsFontFamilyDisabled({
|
30180 |
-
name
|
30181 |
-
});
|
30182 |
-
|
30183 |
-
if (isDisable) {
|
30184 |
-
return null;
|
30185 |
-
}
|
30186 |
-
|
30187 |
const value = (_find = (0,external_lodash_namespaceObject.find)(fontFamilies, ({
|
30188 |
slug
|
30189 |
}) => fontFamily === slug)) === null || _find === void 0 ? void 0 : _find.fontFamily;
|
@@ -30217,6 +30434,32 @@ function useIsFontFamilyDisabled({
|
|
30217 |
const fontFamilies = useSetting('typography.fontFamilies');
|
30218 |
return !fontFamilies || fontFamilies.length === 0 || !(0,external_wp_blocks_namespaceObject.hasBlockSupport)(name, FONT_FAMILY_SUPPORT_KEY);
|
30219 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
30220 |
(0,external_wp_hooks_namespaceObject.addFilter)('blocks.registerBlockType', 'core/fontFamily/addAttribute', font_family_addAttributes);
|
30221 |
(0,external_wp_hooks_namespaceObject.addFilter)('blocks.getSaveContent.extraProps', 'core/fontFamily/addSaveProps', font_family_addSaveProps);
|
30222 |
(0,external_wp_hooks_namespaceObject.addFilter)('blocks.registerBlockType', 'core/fontFamily/addEditProps', font_family_addEditProps);
|
@@ -30435,7 +30678,6 @@ function FontSizeEdit(props) {
|
|
30435 |
},
|
30436 |
setAttributes
|
30437 |
} = props;
|
30438 |
-
const isDisabled = useIsFontSizeDisabled(props);
|
30439 |
const fontSizes = useSetting('typography.fontSizes');
|
30440 |
|
30441 |
const onChange = value => {
|
@@ -30450,15 +30692,54 @@ function FontSizeEdit(props) {
|
|
30450 |
});
|
30451 |
};
|
30452 |
|
30453 |
-
if (isDisabled) {
|
30454 |
-
return null;
|
30455 |
-
}
|
30456 |
-
|
30457 |
const fontSizeObject = getFontSize(fontSizes, fontSize, style === null || style === void 0 ? void 0 : (_style$typography = style.typography) === null || _style$typography === void 0 ? void 0 : _style$typography.fontSize);
|
30458 |
const fontSizeValue = (fontSizeObject === null || fontSizeObject === void 0 ? void 0 : fontSizeObject.size) || (style === null || style === void 0 ? void 0 : (_style$typography2 = style.typography) === null || _style$typography2 === void 0 ? void 0 : _style$typography2.fontSize) || fontSize;
|
30459 |
return (0,external_wp_element_namespaceObject.createElement)(font_size_picker, {
|
30460 |
onChange: onChange,
|
30461 |
-
value: fontSizeValue
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
30462 |
});
|
30463 |
}
|
30464 |
/**
|
@@ -30486,7 +30767,7 @@ function useIsFontSizeDisabled({
|
|
30486 |
*/
|
30487 |
|
30488 |
const withFontSizeInlineStyles = (0,external_wp_compose_namespaceObject.createHigherOrderComponent)(BlockListBlock => props => {
|
30489 |
-
var _style$
|
30490 |
|
30491 |
const fontSizes = useSetting('typography.fontSizes');
|
30492 |
const {
|
@@ -30501,11 +30782,11 @@ const withFontSizeInlineStyles = (0,external_wp_compose_namespaceObject.createHi
|
|
30501 |
// doesn't already have an inline font size,
|
30502 |
// and does have a class to extract the font size from.
|
30503 |
|
30504 |
-
if (!(0,external_wp_blocks_namespaceObject.hasBlockSupport)(blockName, FONT_SIZE_SUPPORT_KEY) || (0,external_wp_blocks_namespaceObject.hasBlockSupport)(blockName, 'typography.__experimentalSkipSerialization') || !fontSize || style !== null && style !== void 0 && (_style$
|
30505 |
return (0,external_wp_element_namespaceObject.createElement)(BlockListBlock, props);
|
30506 |
}
|
30507 |
|
30508 |
-
const fontSizeValue = getFontSize(fontSizes, fontSize, style === null || style === void 0 ? void 0 : (_style$
|
30509 |
const newProps = { ...props,
|
30510 |
wrapperProps: { ...wrapperProps,
|
30511 |
style: {
|
@@ -30521,6 +30802,393 @@ const withFontSizeInlineStyles = (0,external_wp_compose_namespaceObject.createHi
|
|
30521 |
(0,external_wp_hooks_namespaceObject.addFilter)('blocks.registerBlockType', 'core/font/addEditProps', font_size_addEditProps);
|
30522 |
(0,external_wp_hooks_namespaceObject.addFilter)('editor.BlockListBlock', 'core/font-size/with-font-size-inline-styles', withFontSizeInlineStyles);
|
30523 |
//# sourceMappingURL=font-size.js.map
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
30524 |
;// CONCATENATED MODULE: ./packages/block-editor/build-module/components/letter-spacing-control/index.js
|
30525 |
|
30526 |
|
@@ -30537,15 +31205,18 @@ const withFontSizeInlineStyles = (0,external_wp_compose_namespaceObject.createHi
|
|
30537 |
/**
|
30538 |
* Control for letter-spacing.
|
30539 |
*
|
30540 |
-
* @param {Object} props
|
30541 |
-
* @param {string} props.value
|
30542 |
-
* @param {Function} props.onChange
|
30543 |
-
* @
|
|
|
|
|
30544 |
*/
|
30545 |
|
30546 |
function LetterSpacingControl({
|
30547 |
value,
|
30548 |
-
onChange
|
|
|
30549 |
}) {
|
30550 |
const units = (0,external_wp_components_namespaceObject.__experimentalUseCustomUnits)({
|
30551 |
availableUnits: useSetting('spacing.units') || ['px', 'em', 'rem'],
|
@@ -30558,7 +31229,7 @@ function LetterSpacingControl({
|
|
30558 |
return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalUnitControl, {
|
30559 |
label: (0,external_wp_i18n_namespaceObject.__)('Letter-spacing'),
|
30560 |
value: value,
|
30561 |
-
__unstableInputWidth:
|
30562 |
units: units,
|
30563 |
onChange: onChange
|
30564 |
});
|
@@ -30600,11 +31271,6 @@ function LetterSpacingEdit(props) {
|
|
30600 |
},
|
30601 |
setAttributes
|
30602 |
} = props;
|
30603 |
-
const isDisabled = useIsLetterSpacingDisabled(props);
|
30604 |
-
|
30605 |
-
if (isDisabled) {
|
30606 |
-
return null;
|
30607 |
-
}
|
30608 |
|
30609 |
function onChange(newSpacing) {
|
30610 |
setAttributes({
|
@@ -30618,7 +31284,8 @@ function LetterSpacingEdit(props) {
|
|
30618 |
|
30619 |
return (0,external_wp_element_namespaceObject.createElement)(LetterSpacingControl, {
|
30620 |
value: style === null || style === void 0 ? void 0 : (_style$typography = style.typography) === null || _style$typography === void 0 ? void 0 : _style$typography.letterSpacing,
|
30621 |
-
onChange: onChange
|
|
|
30622 |
});
|
30623 |
}
|
30624 |
/**
|
@@ -30632,19 +31299,52 @@ function useIsLetterSpacingDisabled({
|
|
30632 |
name: blockName
|
30633 |
} = {}) {
|
30634 |
const notSupported = !(0,external_wp_blocks_namespaceObject.hasBlockSupport)(blockName, LETTER_SPACING_SUPPORT_KEY);
|
30635 |
-
const hasLetterSpacing = useSetting('typography.
|
30636 |
return notSupported || !hasLetterSpacing;
|
30637 |
}
|
30638 |
-
|
30639 |
-
|
|
|
|
|
|
|
|
|
30640 |
|
|
|
|
|
30641 |
|
|
|
|
|
30642 |
/**
|
30643 |
-
*
|
|
|
|
|
|
|
|
|
|
|
|
|
30644 |
*/
|
30645 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
30646 |
/**
|
30647 |
-
*
|
30648 |
*/
|
30649 |
|
30650 |
|
@@ -30665,12 +31365,116 @@ function useIsLetterSpacingDisabled({
|
|
30665 |
const TYPOGRAPHY_SUPPORT_KEY = 'typography';
|
30666 |
const TYPOGRAPHY_SUPPORT_KEYS = [LINE_HEIGHT_SUPPORT_KEY, FONT_SIZE_SUPPORT_KEY, FONT_STYLE_SUPPORT_KEY, FONT_WEIGHT_SUPPORT_KEY, FONT_FAMILY_SUPPORT_KEY, TEXT_DECORATION_SUPPORT_KEY, TEXT_TRANSFORM_SUPPORT_KEY, LETTER_SPACING_SUPPORT_KEY];
|
30667 |
function TypographyPanel(props) {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
30668 |
const isDisabled = useIsTypographyDisabled(props);
|
30669 |
const isSupported = hasTypographySupport(props.name);
|
30670 |
if (isDisabled || !isSupported) return null;
|
30671 |
-
|
30672 |
-
|
30673 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
30674 |
}
|
30675 |
|
30676 |
const hasTypographySupport = blockName => {
|
@@ -30899,7 +31703,7 @@ function resetMargin({
|
|
30899 |
function useIsMarginDisabled({
|
30900 |
name: blockName
|
30901 |
} = {}) {
|
30902 |
-
const isDisabled = !useSetting('spacing.
|
30903 |
const isInvalid = !useIsDimensionsSupportValid(blockName, 'margin');
|
30904 |
return !hasMarginSupport(blockName) || isDisabled || isInvalid;
|
30905 |
}
|
@@ -31044,7 +31848,7 @@ function resetPadding({
|
|
31044 |
function useIsPaddingDisabled({
|
31045 |
name: blockName
|
31046 |
} = {}) {
|
31047 |
-
const isDisabled = !useSetting('spacing.
|
31048 |
const isInvalid = !useIsDimensionsSupportValid(blockName, 'padding');
|
31049 |
return !hasPaddingSupport(blockName) || isDisabled || isInvalid;
|
31050 |
}
|
@@ -31533,7 +32337,8 @@ function DuotoneControl({
|
|
31533 |
return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Dropdown, {
|
31534 |
popoverProps: {
|
31535 |
className: 'block-editor-duotone-control__popover',
|
31536 |
-
headerTitle: (0,external_wp_i18n_namespaceObject.__)('Duotone')
|
|
|
31537 |
},
|
31538 |
renderToggle: ({
|
31539 |
isOpen,
|
@@ -31560,7 +32365,9 @@ function DuotoneControl({
|
|
31560 |
},
|
31561 |
renderContent: () => (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuGroup, {
|
31562 |
label: (0,external_wp_i18n_namespaceObject.__)('Duotone')
|
31563 |
-
}, (0,external_wp_element_namespaceObject.createElement)(
|
|
|
|
|
31564 |
colorPalette: colorPalette,
|
31565 |
duotonePalette: duotonePalette,
|
31566 |
disableCustomColors: disableCustomColors,
|
@@ -31612,13 +32419,15 @@ function getValuesFromColors(colors = []) {
|
|
31612 |
const values = {
|
31613 |
r: [],
|
31614 |
g: [],
|
31615 |
-
b: []
|
|
|
31616 |
};
|
31617 |
colors.forEach(color => {
|
31618 |
const rgbColor = w(color).toRgb();
|
31619 |
values.r.push(rgbColor.r / 255);
|
31620 |
values.g.push(rgbColor.g / 255);
|
31621 |
values.b.push(rgbColor.b / 255);
|
|
|
31622 |
});
|
31623 |
return values;
|
31624 |
}
|
@@ -31629,6 +32438,7 @@ function getValuesFromColors(colors = []) {
|
|
31629 |
* @property {number[]} r Red values.
|
31630 |
* @property {number[]} g Green values.
|
31631 |
* @property {number[]} b Blue values.
|
|
|
31632 |
*/
|
31633 |
|
31634 |
/**
|
@@ -31637,7 +32447,7 @@ function getValuesFromColors(colors = []) {
|
|
31637 |
* @param {Object} props Duotone props.
|
31638 |
* @param {string} props.selector Selector to apply the filter to.
|
31639 |
* @param {string} props.id Unique id for this duotone filter.
|
31640 |
-
* @param {Values} props.values R, G, and
|
31641 |
*
|
31642 |
* @return {WPElement} Duotone element.
|
31643 |
*/
|
@@ -31668,10 +32478,11 @@ ${selector} {
|
|
31668 |
}, (0,external_wp_element_namespaceObject.createElement)("defs", null, (0,external_wp_element_namespaceObject.createElement)("filter", {
|
31669 |
id: id
|
31670 |
}, (0,external_wp_element_namespaceObject.createElement)("feColorMatrix", {
|
|
|
|
|
31671 |
type: "matrix" // Use perceptual brightness to convert to grayscale.
|
31672 |
-
// prettier-ignore
|
31673 |
,
|
31674 |
-
values: ".299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0
|
31675 |
}), (0,external_wp_element_namespaceObject.createElement)("feComponentTransfer", {
|
31676 |
// Use sRGB instead of linearRGB to be consistent with how CSS gradients work.
|
31677 |
colorInterpolationFilters: "sRGB"
|
@@ -31684,7 +32495,14 @@ ${selector} {
|
|
31684 |
}), (0,external_wp_element_namespaceObject.createElement)("feFuncB", {
|
31685 |
type: "table",
|
31686 |
tableValues: values.b.join(' ')
|
31687 |
-
})
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
31688 |
dangerouslySetInnerHTML: {
|
31689 |
__html: stylesheet
|
31690 |
}
|
@@ -32731,8 +33549,7 @@ function AlignmentUI({
|
|
32731 |
icon: setIcon(),
|
32732 |
label: label,
|
32733 |
toggleProps: {
|
32734 |
-
describedBy
|
32735 |
-
className: activeAlignment ? 'is-pressed' : undefined
|
32736 |
},
|
32737 |
popoverProps: ui_POPOVER_PROPS,
|
32738 |
controls: alignmentControls.map(control => {
|
@@ -32837,7 +33654,7 @@ function createBlockCompleter() {
|
|
32837 |
return {
|
32838 |
key: `block-${blockItem.id}`,
|
32839 |
value: blockItem,
|
32840 |
-
label: (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(
|
32841 |
key: "icon",
|
32842 |
icon: icon,
|
32843 |
showColors: true
|
@@ -33395,7 +34212,7 @@ function ListViewLeaf({
|
|
33395 |
isSelected,
|
33396 |
adjustScrolling: false,
|
33397 |
enableAnimation: true,
|
33398 |
-
triggerAnimationOnChange: path
|
33399 |
});
|
33400 |
return (0,external_wp_element_namespaceObject.createElement)(AnimatedTreeGridRow, _extends({
|
33401 |
ref: ref,
|
@@ -33520,7 +34337,7 @@ function ListViewBlockSelectButton({
|
|
33520 |
draggable: draggable
|
33521 |
}, (0,external_wp_element_namespaceObject.createElement)(ListViewExpander, {
|
33522 |
onClick: onToggleExpanded
|
33523 |
-
}), (0,external_wp_element_namespaceObject.createElement)(
|
33524 |
icon: blockInformation === null || blockInformation === void 0 ? void 0 : blockInformation.icon,
|
33525 |
showColors: true
|
33526 |
}), (0,external_wp_element_namespaceObject.createElement)(BlockTitle, {
|
@@ -33647,14 +34464,13 @@ const useListViewContext = () => (0,external_wp_element_namespaceObject.useConte
|
|
33647 |
|
33648 |
|
33649 |
|
|
|
33650 |
function ListViewBlock({
|
33651 |
block,
|
33652 |
-
isSelected,
|
33653 |
isDragged,
|
|
|
33654 |
isBranchSelected,
|
33655 |
-
|
33656 |
-
onClick,
|
33657 |
-
onToggleExpanded,
|
33658 |
position,
|
33659 |
level,
|
33660 |
rowCount,
|
@@ -33671,16 +34487,19 @@ function ListViewBlock({
|
|
33671 |
const {
|
33672 |
toggleBlockHighlight
|
33673 |
} = (0,external_wp_data_namespaceObject.useDispatch)(store);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
33674 |
const hasSiblings = siblingBlockCount > 0;
|
33675 |
const hasRenderedMovers = showBlockMovers && hasSiblings;
|
33676 |
const moverCellClassName = classnames_default()('block-editor-list-view-block__mover-cell', {
|
33677 |
'is-visible': isHovered || isSelected
|
33678 |
});
|
33679 |
-
const {
|
33680 |
-
__experimentalFeatures: withExperimentalFeatures,
|
33681 |
-
__experimentalPersistentListViewFeatures: withExperimentalPersistentListViewFeatures,
|
33682 |
-
isTreeGridMounted
|
33683 |
-
} = useListViewContext();
|
33684 |
const listViewBlockSettingsClassName = classnames_default()('block-editor-list-view-block__menu-cell', {
|
33685 |
'is-visible': isHovered || isSelected
|
33686 |
}); // If ListView has experimental features related to the Persistent List View,
|
@@ -33693,22 +34512,43 @@ function ListViewBlock({
|
|
33693 |
}
|
33694 |
}, []);
|
33695 |
const highlightBlock = withExperimentalPersistentListViewFeatures ? toggleBlockHighlight : () => {};
|
33696 |
-
|
33697 |
-
const onMouseEnter = () => {
|
33698 |
setIsHovered(true);
|
33699 |
highlightBlock(clientId, true);
|
33700 |
-
};
|
33701 |
-
|
33702 |
-
const onMouseLeave = () => {
|
33703 |
setIsHovered(false);
|
33704 |
highlightBlock(clientId, false);
|
33705 |
-
};
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
33706 |
|
33707 |
const classes = classnames_default()({
|
33708 |
'is-selected': isSelected,
|
33709 |
'is-branch-selected': withExperimentalPersistentListViewFeatures && isBranchSelected,
|
33710 |
-
'is-
|
33711 |
-
'
|
33712 |
});
|
33713 |
return (0,external_wp_element_namespaceObject.createElement)(ListViewLeaf, {
|
33714 |
className: classes,
|
@@ -33725,7 +34565,7 @@ function ListViewBlock({
|
|
33725 |
isExpanded: isExpanded
|
33726 |
}, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalTreeGridCell, {
|
33727 |
className: "block-editor-list-view-block__contents-cell",
|
33728 |
-
colSpan:
|
33729 |
ref: cellRef
|
33730 |
}, ({
|
33731 |
ref,
|
@@ -33735,8 +34575,8 @@ function ListViewBlock({
|
|
33735 |
className: "block-editor-list-view-block__contents-container"
|
33736 |
}, (0,external_wp_element_namespaceObject.createElement)(block_contents, {
|
33737 |
block: block,
|
33738 |
-
onClick:
|
33739 |
-
onToggleExpanded:
|
33740 |
isSelected: isSelected,
|
33741 |
position: position,
|
33742 |
siblingBlockCount: siblingBlockCount,
|
@@ -33767,7 +34607,7 @@ function ListViewBlock({
|
|
33767 |
ref: ref,
|
33768 |
tabIndex: tabIndex,
|
33769 |
onFocus: onFocus
|
33770 |
-
})))),
|
33771 |
className: listViewBlockSettingsClassName
|
33772 |
}, ({
|
33773 |
ref,
|
@@ -33783,11 +34623,13 @@ function ListViewBlock({
|
|
33783 |
onFocus
|
33784 |
},
|
33785 |
disableOpenOnArrowDown: true,
|
33786 |
-
__experimentalSelectBlock:
|
33787 |
})));
|
33788 |
}
|
|
|
|
|
33789 |
//# sourceMappingURL=block.js.map
|
33790 |
-
;// CONCATENATED MODULE: ./packages/block-editor/build-module/components/list-view/
|
33791 |
|
33792 |
|
33793 |
/**
|
@@ -33800,8 +34642,6 @@ function ListViewBlock({
|
|
33800 |
|
33801 |
|
33802 |
|
33803 |
-
|
33804 |
-
|
33805 |
/**
|
33806 |
* Internal dependencies
|
33807 |
*/
|
@@ -33809,193 +34649,141 @@ function ListViewBlock({
|
|
33809 |
|
33810 |
|
33811 |
|
33812 |
-
function ListViewAppender({
|
33813 |
-
parentBlockClientId,
|
33814 |
-
position,
|
33815 |
-
level,
|
33816 |
-
rowCount,
|
33817 |
-
path
|
33818 |
-
}) {
|
33819 |
-
const isDragging = (0,external_wp_data_namespaceObject.useSelect)(select => {
|
33820 |
-
const {
|
33821 |
-
isBlockBeingDragged,
|
33822 |
-
isAncestorBeingDragged
|
33823 |
-
} = select(store);
|
33824 |
-
return isBlockBeingDragged(parentBlockClientId) || isAncestorBeingDragged(parentBlockClientId);
|
33825 |
-
}, [parentBlockClientId]);
|
33826 |
-
const instanceId = (0,external_wp_compose_namespaceObject.useInstanceId)(ListViewAppender);
|
33827 |
-
const descriptionId = `list-view-appender-row__description_${instanceId}`;
|
33828 |
-
const appenderPositionDescription = (0,external_wp_i18n_namespaceObject.sprintf)(
|
33829 |
-
/* translators: 1: The numerical position of the block that will be inserted. 2: The level of nesting for the block that will be inserted. */
|
33830 |
-
(0,external_wp_i18n_namespaceObject.__)('Add block at position %1$d, Level %2$d'), position, level);
|
33831 |
-
return (0,external_wp_element_namespaceObject.createElement)(ListViewLeaf, {
|
33832 |
-
className: classnames_default()({
|
33833 |
-
'is-dragging': isDragging
|
33834 |
-
}),
|
33835 |
-
level: level,
|
33836 |
-
position: position,
|
33837 |
-
rowCount: rowCount,
|
33838 |
-
path: path
|
33839 |
-
}, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalTreeGridCell, {
|
33840 |
-
className: "block-editor-list-view-appender__cell",
|
33841 |
-
colSpan: "3"
|
33842 |
-
}, ({
|
33843 |
-
ref,
|
33844 |
-
tabIndex,
|
33845 |
-
onFocus
|
33846 |
-
}) => (0,external_wp_element_namespaceObject.createElement)("div", {
|
33847 |
-
className: "block-editor-list-view-appender__container"
|
33848 |
-
}, (0,external_wp_element_namespaceObject.createElement)(inserter, {
|
33849 |
-
rootClientId: parentBlockClientId,
|
33850 |
-
__experimentalIsQuick: true,
|
33851 |
-
"aria-describedby": descriptionId,
|
33852 |
-
toggleProps: {
|
33853 |
-
ref,
|
33854 |
-
tabIndex,
|
33855 |
-
onFocus
|
33856 |
-
}
|
33857 |
-
}), (0,external_wp_element_namespaceObject.createElement)("div", {
|
33858 |
-
className: "block-editor-list-view-appender__description",
|
33859 |
-
id: descriptionId
|
33860 |
-
}, appenderPositionDescription))));
|
33861 |
-
}
|
33862 |
-
//# sourceMappingURL=appender.js.map
|
33863 |
-
;// CONCATENATED MODULE: ./packages/block-editor/build-module/components/list-view/branch.js
|
33864 |
-
|
33865 |
-
|
33866 |
/**
|
33867 |
-
*
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
33868 |
*/
|
33869 |
|
33870 |
-
|
33871 |
-
|
33872 |
-
*/
|
33873 |
|
|
|
33874 |
|
33875 |
-
|
33876 |
-
|
33877 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
33878 |
|
|
|
|
|
33879 |
|
|
|
33880 |
|
|
|
|
|
|
|
33881 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
33882 |
|
33883 |
function ListViewBranch(props) {
|
33884 |
const {
|
33885 |
blocks,
|
33886 |
selectBlock,
|
33887 |
-
showAppender,
|
33888 |
showBlockMovers,
|
33889 |
showNestedBlocks,
|
33890 |
-
|
33891 |
level = 1,
|
33892 |
-
|
33893 |
-
path = [],
|
33894 |
isBranchSelected = false,
|
33895 |
-
|
|
|
33896 |
} = props;
|
33897 |
const {
|
33898 |
expandedState,
|
33899 |
-
expand,
|
33900 |
-
collapse,
|
33901 |
draggedClientIds,
|
33902 |
-
|
33903 |
} = useListViewContext();
|
33904 |
-
const isTreeRoot = !parentBlockClientId;
|
33905 |
const filteredBlocks = (0,external_lodash_namespaceObject.compact)(blocks);
|
33906 |
-
|
33907 |
-
const itemHasAppender = parentClientId => showAppender && !isTreeRoot && isClientIdSelected(parentClientId, selectedClientIds);
|
33908 |
-
|
33909 |
-
const hasAppender = itemHasAppender(parentBlockClientId); // Add +1 to the rowCount to take the block appender into account.
|
33910 |
-
|
33911 |
const blockCount = filteredBlocks.length;
|
33912 |
-
|
33913 |
-
|
33914 |
-
return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_lodash_namespaceObject.map)(filteredBlocks, (block, index) => {
|
33915 |
var _expandedState$client;
|
33916 |
|
33917 |
const {
|
33918 |
clientId,
|
33919 |
innerBlocks
|
33920 |
} = block;
|
33921 |
-
const position = index + 1;
|
33922 |
-
const isLastRowAtLevel = rowCount === position;
|
33923 |
-
const updatedTerminatedLevels = isLastRowAtLevel ? [...terminatedLevels, level] : terminatedLevels;
|
33924 |
-
const updatedPath = [...path, position];
|
33925 |
-
const hasNestedBlocks = showNestedBlocks && !!innerBlocks && !!innerBlocks.length;
|
33926 |
-
const hasNestedAppender = itemHasAppender(clientId);
|
33927 |
-
const hasNestedBranch = hasNestedBlocks || hasNestedAppender;
|
33928 |
-
const isSelected = isClientIdSelected(clientId, selectedClientIds);
|
33929 |
-
const isSelectedBranch = isBranchSelected || isSelected && hasNestedBranch; // Logic needed to target the last item of a selected branch which might be deeply nested.
|
33930 |
-
// This is currently only needed for styling purposes. See: `.is-last-of-selected-branch`.
|
33931 |
-
|
33932 |
-
const isLastBlock = index === blockCount - 1;
|
33933 |
-
const isLast = isSelected || isLastOfBranch && isLastBlock;
|
33934 |
-
const isLastOfSelectedBranch = isLastOfBranch && !hasNestedBranch && isLastBlock;
|
33935 |
-
const isExpanded = hasNestedBranch ? (_expandedState$client = expandedState[clientId]) !== null && _expandedState$client !== void 0 ? _expandedState$client : true : undefined;
|
33936 |
|
33937 |
-
|
33938 |
-
|
33939 |
-
|
33940 |
-
};
|
33941 |
-
|
33942 |
-
const toggleExpanded = event => {
|
33943 |
-
event.stopPropagation();
|
33944 |
|
33945 |
-
|
33946 |
-
|
33947 |
-
|
33948 |
-
|
33949 |
-
|
33950 |
-
|
|
|
|
|
|
|
|
|
|
|
33951 |
// but asynchronous for any other block.
|
33952 |
|
33953 |
-
|
33954 |
-
const
|
33955 |
return (0,external_wp_element_namespaceObject.createElement)(external_wp_data_namespaceObject.AsyncModeProvider, {
|
33956 |
key: clientId,
|
33957 |
value: !isSelected
|
33958 |
-
}, (0,external_wp_element_namespaceObject.createElement)(
|
33959 |
block: block,
|
33960 |
-
|
33961 |
-
onToggleExpanded: toggleExpanded,
|
33962 |
-
isDragged: isDragged,
|
33963 |
isSelected: isSelected,
|
33964 |
isBranchSelected: isSelectedBranch,
|
33965 |
-
|
33966 |
level: level,
|
33967 |
position: position,
|
33968 |
-
rowCount:
|
33969 |
siblingBlockCount: blockCount,
|
33970 |
showBlockMovers: showBlockMovers,
|
33971 |
-
terminatedLevels: terminatedLevels,
|
33972 |
path: updatedPath,
|
33973 |
-
isExpanded: isExpanded
|
33974 |
-
|
|
|
|
|
|
|
33975 |
blocks: innerBlocks,
|
33976 |
selectBlock: selectBlock,
|
33977 |
-
isBranchSelected: isSelectedBranch,
|
33978 |
-
isLastOfBranch: isLast,
|
33979 |
-
showAppender: showAppender,
|
33980 |
showBlockMovers: showBlockMovers,
|
33981 |
showNestedBlocks: showNestedBlocks,
|
33982 |
-
parentBlockClientId: clientId,
|
33983 |
level: level + 1,
|
33984 |
-
|
33985 |
-
|
|
|
|
|
|
|
33986 |
}));
|
33987 |
-
}), hasAppender && (0,external_wp_element_namespaceObject.createElement)(ListViewAppender, {
|
33988 |
-
parentBlockClientId: parentBlockClientId,
|
33989 |
-
position: rowCount,
|
33990 |
-
rowCount: appenderPosition,
|
33991 |
-
level: level,
|
33992 |
-
terminatedLevels: terminatedLevels,
|
33993 |
-
path: [...path, appenderPosition]
|
33994 |
}));
|
33995 |
}
|
|
|
33996 |
ListViewBranch.defaultProps = {
|
33997 |
selectBlock: () => {}
|
33998 |
};
|
|
|
33999 |
//# sourceMappingURL=branch.js.map
|
34000 |
;// CONCATENATED MODULE: ./packages/block-editor/build-module/components/list-view/drop-indicator.js
|
34001 |
|
@@ -34116,69 +34904,19 @@ function ListViewDropIndicator({
|
|
34116 |
*/
|
34117 |
|
34118 |
|
34119 |
-
|
34120 |
-
|
34121 |
-
const useListViewClientIdsTree = (blocks, selectedClientIds, showOnlyCurrentHierarchy) => (0,external_wp_data_namespaceObject.useSelect)(select => {
|
34122 |
-
const {
|
34123 |
-
getBlockHierarchyRootClientId,
|
34124 |
-
__unstableGetClientIdsTree,
|
34125 |
-
__unstableGetClientIdWithClientIdsTree
|
34126 |
-
} = select(store);
|
34127 |
-
|
34128 |
-
if (blocks) {
|
34129 |
-
return blocks;
|
34130 |
-
}
|
34131 |
-
|
34132 |
-
const isSingleBlockSelected = selectedClientIds && !Array.isArray(selectedClientIds);
|
34133 |
-
|
34134 |
-
if (!showOnlyCurrentHierarchy || !isSingleBlockSelected) {
|
34135 |
-
return __unstableGetClientIdsTree();
|
34136 |
-
}
|
34137 |
-
|
34138 |
-
const rootBlock = __unstableGetClientIdWithClientIdsTree(getBlockHierarchyRootClientId(selectedClientIds));
|
34139 |
-
|
34140 |
-
if (!rootBlock) {
|
34141 |
-
return __unstableGetClientIdsTree();
|
34142 |
-
}
|
34143 |
-
|
34144 |
-
const hasHierarchy = !isClientIdSelected(rootBlock.clientId, selectedClientIds) || rootBlock.innerBlocks && rootBlock.innerBlocks.length !== 0;
|
34145 |
-
|
34146 |
-
if (hasHierarchy) {
|
34147 |
-
return [rootBlock];
|
34148 |
-
}
|
34149 |
-
|
34150 |
-
return __unstableGetClientIdsTree();
|
34151 |
-
}, [blocks, selectedClientIds, showOnlyCurrentHierarchy]);
|
34152 |
-
|
34153 |
-
function useListViewClientIds(blocks, showOnlyCurrentHierarchy, __experimentalPersistentListViewFeatures) {
|
34154 |
-
const {
|
34155 |
-
selectedClientIds,
|
34156 |
-
draggedClientIds
|
34157 |
-
} = (0,external_wp_data_namespaceObject.useSelect)(select => {
|
34158 |
const {
|
34159 |
-
|
34160 |
getSelectedBlockClientIds,
|
34161 |
-
|
34162 |
} = select(store);
|
34163 |
-
|
34164 |
-
if (__experimentalPersistentListViewFeatures) {
|
34165 |
-
return {
|
34166 |
-
selectedClientIds: getSelectedBlockClientIds(),
|
34167 |
-
draggedClientIds: getDraggedBlockClientIds()
|
34168 |
-
};
|
34169 |
-
}
|
34170 |
-
|
34171 |
return {
|
34172 |
-
selectedClientIds:
|
34173 |
-
draggedClientIds: getDraggedBlockClientIds()
|
|
|
34174 |
};
|
34175 |
-
}, [
|
34176 |
-
const clientIdsTree = useListViewClientIdsTree(blocks, selectedClientIds, showOnlyCurrentHierarchy);
|
34177 |
-
return {
|
34178 |
-
clientIdsTree,
|
34179 |
-
selectedClientIds,
|
34180 |
-
draggedClientIds
|
34181 |
-
};
|
34182 |
}
|
34183 |
//# sourceMappingURL=use-list-view-client-ids.js.map
|
34184 |
;// CONCATENATED MODULE: ./packages/block-editor/build-module/components/list-view/use-list-view-drop-zone.js
|
@@ -34469,29 +35207,44 @@ const expanded = (state, action) => {
|
|
34469 |
* @param {Array} props.blocks Custom subset of block client IDs to be used instead of the default hierarchy.
|
34470 |
* @param {Function} props.onSelect Block selection callback.
|
34471 |
* @param {boolean} props.showNestedBlocks Flag to enable displaying nested blocks.
|
34472 |
-
* @param {boolean} props.
|
34473 |
* @param {boolean} props.__experimentalFeatures Flag to enable experimental features.
|
34474 |
* @param {boolean} props.__experimentalPersistentListViewFeatures Flag to enable features for the Persistent List View experiment.
|
|
|
34475 |
* @param {Object} ref Forwarded ref
|
34476 |
*/
|
34477 |
|
34478 |
|
34479 |
function ListView({
|
34480 |
blocks,
|
34481 |
-
showOnlyCurrentHierarchy,
|
34482 |
onSelect = list_view_noop,
|
34483 |
__experimentalFeatures,
|
34484 |
__experimentalPersistentListViewFeatures,
|
|
|
|
|
|
|
34485 |
...props
|
34486 |
}, ref) {
|
34487 |
const {
|
34488 |
clientIdsTree,
|
34489 |
-
|
34490 |
-
|
34491 |
-
} = useListViewClientIds(blocks
|
34492 |
const {
|
34493 |
selectBlock
|
34494 |
} = (0,external_wp_data_namespaceObject.useDispatch)(store);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
34495 |
const selectEditorBlock = (0,external_wp_element_namespaceObject.useCallback)(clientId => {
|
34496 |
selectBlock(clientId);
|
34497 |
onSelect(clientId);
|
@@ -34506,7 +35259,14 @@ function ListView({
|
|
34506 |
const isMounted = (0,external_wp_element_namespaceObject.useRef)(false);
|
34507 |
(0,external_wp_element_namespaceObject.useEffect)(() => {
|
34508 |
isMounted.current = true;
|
34509 |
-
}, []);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
34510 |
const expand = (0,external_wp_element_namespaceObject.useCallback)(clientId => {
|
34511 |
if (!clientId) {
|
34512 |
return;
|
@@ -34527,29 +35287,26 @@ function ListView({
|
|
34527 |
clientId
|
34528 |
});
|
34529 |
}, [setExpandedState]);
|
34530 |
-
|
34531 |
-
const expandRow = row => {
|
34532 |
var _row$dataset;
|
34533 |
|
34534 |
expand(row === null || row === void 0 ? void 0 : (_row$dataset = row.dataset) === null || _row$dataset === void 0 ? void 0 : _row$dataset.block);
|
34535 |
-
};
|
34536 |
-
|
34537 |
-
const collapseRow = row => {
|
34538 |
var _row$dataset2;
|
34539 |
|
34540 |
collapse(row === null || row === void 0 ? void 0 : (_row$dataset2 = row.dataset) === null || _row$dataset2 === void 0 ? void 0 : _row$dataset2.block);
|
34541 |
-
};
|
34542 |
-
|
34543 |
const contextValue = (0,external_wp_element_namespaceObject.useMemo)(() => ({
|
34544 |
__experimentalFeatures,
|
34545 |
__experimentalPersistentListViewFeatures,
|
|
|
34546 |
isTreeGridMounted: isMounted.current,
|
34547 |
draggedClientIds,
|
34548 |
-
selectedClientIds,
|
34549 |
expandedState,
|
34550 |
expand,
|
34551 |
collapse
|
34552 |
-
}), [__experimentalFeatures, __experimentalPersistentListViewFeatures, isMounted.current, draggedClientIds,
|
34553 |
return (0,external_wp_element_namespaceObject.createElement)(external_wp_data_namespaceObject.AsyncModeProvider, {
|
34554 |
value: true
|
34555 |
}, (0,external_wp_element_namespaceObject.createElement)(ListViewDropIndicator, {
|
@@ -34563,9 +35320,13 @@ function ListView({
|
|
34563 |
onExpandRow: expandRow
|
34564 |
}, (0,external_wp_element_namespaceObject.createElement)(ListViewContext.Provider, {
|
34565 |
value: contextValue
|
34566 |
-
}, (0,external_wp_element_namespaceObject.createElement)(
|
34567 |
blocks: clientIdsTree,
|
34568 |
-
selectBlock: selectEditorBlock
|
|
|
|
|
|
|
|
|
34569 |
}, props)))));
|
34570 |
}
|
34571 |
|
@@ -34636,7 +35397,6 @@ function BlockNavigationDropdown({
|
|
34636 |
className: "block-editor-block-navigation__label"
|
34637 |
}, (0,external_wp_i18n_namespaceObject.__)('List view')), (0,external_wp_element_namespaceObject.createElement)(components_list_view, {
|
34638 |
showNestedBlocks: true,
|
34639 |
-
showOnlyCurrentHierarchy: true,
|
34640 |
__experimentalFeatures: __experimentalFeatures
|
34641 |
}))
|
34642 |
});
|
@@ -37179,7 +37939,8 @@ class URLInput extends external_wp_element_namespaceObject.Component {
|
|
37179 |
selectedSuggestion
|
37180 |
} = this.state;
|
37181 |
const {
|
37182 |
-
value
|
|
|
37183 |
} = this.props; // only have to worry about scrolling selected suggestion into view
|
37184 |
// when already expanded
|
37185 |
|
@@ -37191,11 +37952,17 @@ class URLInput extends external_wp_element_namespaceObject.Component {
|
|
37191 |
this.props.setTimeout(() => {
|
37192 |
this.scrollingIntoView = false;
|
37193 |
}, 100);
|
37194 |
-
} //
|
37195 |
|
37196 |
|
37197 |
-
if (prevProps.value !== value && this.
|
37198 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
37199 |
}
|
37200 |
}
|
37201 |
|
@@ -37995,6 +38762,7 @@ function useSearchHandler(suggestionsQuery, allowDirectEntry, withCreateSuggesti
|
|
37995 |
* External dependencies
|
37996 |
*/
|
37997 |
|
|
|
37998 |
/**
|
37999 |
* WordPress dependencies
|
38000 |
*/
|
@@ -38032,7 +38800,8 @@ const LinkControlSearchInput = (0,external_wp_element_namespaceObject.forwardRef
|
|
38032 |
showInitialSuggestions = false,
|
38033 |
suggestionsQuery = {},
|
38034 |
withURLSuggestion = true,
|
38035 |
-
createSuggestionButtonText
|
|
|
38036 |
}, ref) => {
|
38037 |
const genericSearchHandler = useSearchHandler(suggestionsQuery, allowDirectEntry, withCreateSuggestion, withURLSuggestion);
|
38038 |
const searchHandler = showSuggestions ? fetchSuggestions || genericSearchHandler : noopSearchHandler;
|
@@ -38092,8 +38861,14 @@ const LinkControlSearchInput = (0,external_wp_element_namespaceObject.forwardRef
|
|
38092 |
}
|
38093 |
};
|
38094 |
|
38095 |
-
|
38096 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
38097 |
value: value,
|
38098 |
onChange: onInputChange,
|
38099 |
placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : (0,external_wp_i18n_namespaceObject.__)('Search or type url'),
|
@@ -38135,6 +38910,28 @@ const info = (0,external_wp_element_namespaceObject.createElement)(external_wp_p
|
|
38135 |
}));
|
38136 |
/* harmony default export */ var library_info = (info);
|
38137 |
//# sourceMappingURL=info.js.map
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
38138 |
;// CONCATENATED MODULE: ./packages/block-editor/build-module/components/link-control/viewer-slot.js
|
38139 |
/**
|
38140 |
* WordPress dependencies
|
@@ -38249,6 +39046,7 @@ function useRemoteUrlData(url) {
|
|
38249 |
|
38250 |
|
38251 |
|
|
|
38252 |
/**
|
38253 |
* Internal dependencies
|
38254 |
*/
|
@@ -38258,7 +39056,9 @@ function useRemoteUrlData(url) {
|
|
38258 |
function LinkPreview({
|
38259 |
value,
|
38260 |
onEditClick,
|
38261 |
-
hasRichPreviews = false
|
|
|
|
|
38262 |
}) {
|
38263 |
// Avoid fetching if rich previews are not desired.
|
38264 |
const showRichPreviews = hasRichPreviews ? value === null || value === void 0 ? void 0 : value.url : null;
|
@@ -38269,6 +39069,7 @@ function LinkPreview({
|
|
38269 |
|
38270 |
const hasRichData = richData && Object.keys(richData).length;
|
38271 |
const displayURL = value && (0,external_wp_url_namespaceObject.filterURLForDisplay)((0,external_wp_url_namespaceObject.safeDecodeURI)(value.url), 16) || '';
|
|
|
38272 |
const isEmptyURL = !value.url.length;
|
38273 |
let icon;
|
38274 |
|
@@ -38311,15 +39112,23 @@ function LinkPreview({
|
|
38311 |
}, !isEmptyURL ? (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ExternalLink, {
|
38312 |
className: "block-editor-link-control__search-item-title",
|
38313 |
href: value.url
|
38314 |
-
}, (
|
38315 |
className: "block-editor-link-control__search-item-info"
|
38316 |
}, displayURL)) : (0,external_wp_element_namespaceObject.createElement)("span", {
|
38317 |
className: "block-editor-link-control__search-item-error-notice"
|
38318 |
}, "Link is empty"))), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, {
|
38319 |
-
|
38320 |
-
|
38321 |
-
className: "block-editor-link-control__search-item-action"
|
38322 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
38323 |
fillProps: value
|
38324 |
})), (hasRichData && ((richData === null || richData === void 0 ? void 0 : richData.image) || (richData === null || richData === void 0 ? void 0 : richData.description)) || isFetching) && (0,external_wp_element_namespaceObject.createElement)("div", {
|
38325 |
className: "block-editor-link-control__search-item-bottom"
|
@@ -38428,6 +39237,7 @@ const makeCancelable = promise => {
|
|
38428 |
* External dependencies
|
38429 |
*/
|
38430 |
|
|
|
38431 |
/**
|
38432 |
* WordPress dependencies
|
38433 |
*/
|
@@ -38520,6 +39330,7 @@ const makeCancelable = promise => {
|
|
38520 |
* @property {Object=} suggestionsQuery Query parameters to pass along to wp.blockEditor.__experimentalFetchLinkSuggestions.
|
38521 |
* @property {boolean=} noURLSuggestion Whether to add a fallback suggestion which treats the search query as a URL.
|
38522 |
* @property {string|Function|undefined} createSuggestionButtonText The text to use in the button that calls createSuggestion.
|
|
|
38523 |
*/
|
38524 |
|
38525 |
/**
|
@@ -38546,9 +39357,11 @@ function LinkControl({
|
|
38546 |
suggestionsQuery = {},
|
38547 |
noURLSuggestion = false,
|
38548 |
createSuggestionButtonText,
|
38549 |
-
hasRichPreviews = false
|
|
|
|
|
38550 |
}) {
|
38551 |
-
var _currentInputValue$tr;
|
38552 |
|
38553 |
if (withCreateSuggestion === undefined && createSuggestion) {
|
38554 |
withCreateSuggestion = true;
|
@@ -38556,7 +39369,9 @@ function LinkControl({
|
|
38556 |
|
38557 |
const isMounting = (0,external_wp_element_namespaceObject.useRef)(true);
|
38558 |
const wrapperNode = (0,external_wp_element_namespaceObject.useRef)();
|
38559 |
-
const
|
|
|
|
|
38560 |
const currentInputValue = propInputValue || internalInputValue;
|
38561 |
const [isEditingLink, setIsEditingLink] = (0,external_wp_element_namespaceObject.useState)(forceIsEditingLink !== undefined ? forceIsEditingLink : !value || !value.url);
|
38562 |
const isEndingEditWithFocus = (0,external_wp_element_namespaceObject.useRef)(false);
|
@@ -38567,17 +39382,47 @@ function LinkControl({
|
|
38567 |
}
|
38568 |
}, [forceIsEditingLink]);
|
38569 |
(0,external_wp_element_namespaceObject.useEffect)(() => {
|
|
|
|
|
|
|
38570 |
if (isMounting.current) {
|
38571 |
isMounting.current = false;
|
38572 |
return;
|
38573 |
-
} //
|
38574 |
-
//
|
|
|
|
|
|
|
38575 |
|
38576 |
|
38577 |
-
const
|
|
|
|
|
|
|
|
|
|
|
|
|
38578 |
nextFocusTarget.focus();
|
38579 |
isEndingEditWithFocus.current = false;
|
38580 |
}, [isEditingLink]);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
38581 |
/**
|
38582 |
* Cancels editing state and marks that focus may need to be restored after
|
38583 |
* the next render, if focus was within the wrapper when editing finished.
|
@@ -38597,22 +39442,41 @@ function LinkControl({
|
|
38597 |
} = useCreatePage(createSuggestion);
|
38598 |
|
38599 |
const handleSelectSuggestion = updatedValue => {
|
38600 |
-
onChange(updatedValue
|
|
|
|
|
38601 |
stopEditing();
|
38602 |
};
|
38603 |
|
38604 |
-
const
|
38605 |
-
if (currentInputValue !== (value === null || value === void 0 ? void 0 : value.url)) {
|
38606 |
onChange({
|
38607 |
-
url: currentInputValue
|
|
|
38608 |
});
|
38609 |
}
|
38610 |
|
38611 |
stopEditing();
|
38612 |
};
|
38613 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
38614 |
const shownUnlinkControl = onRemove && value && !isEditingLink && !isCreatingPage;
|
38615 |
-
const showSettingsDrawer = !!(settings !== null && settings !== void 0 && settings.length);
|
|
|
|
|
|
|
|
|
38616 |
return (0,external_wp_element_namespaceObject.createElement)("div", {
|
38617 |
tabIndex: -1,
|
38618 |
ref: wrapperNode,
|
@@ -38620,10 +39484,20 @@ function LinkControl({
|
|
38620 |
}, isCreatingPage && (0,external_wp_element_namespaceObject.createElement)("div", {
|
38621 |
className: "block-editor-link-control__loading"
|
38622 |
}, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Spinner, null), " ", (0,external_wp_i18n_namespaceObject.__)('Creating'), "\u2026"), (isEditingLink || !value) && !isCreatingPage && (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)("div", {
|
38623 |
-
className:
|
38624 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
38625 |
currentLink: value,
|
38626 |
-
className: "block-editor-link-control__search-input",
|
38627 |
placeholder: searchInputPlaceholder,
|
38628 |
value: currentInputValue,
|
38629 |
withCreateSuggestion: withCreateSuggestion,
|
@@ -38635,22 +39509,12 @@ function LinkControl({
|
|
38635 |
showSuggestions: showSuggestions,
|
38636 |
suggestionsQuery: suggestionsQuery,
|
38637 |
withURLSuggestion: !noURLSuggestion,
|
38638 |
-
createSuggestionButtonText: createSuggestionButtonText
|
|
|
38639 |
}, (0,external_wp_element_namespaceObject.createElement)("div", {
|
38640 |
className: "block-editor-link-control__search-actions"
|
38641 |
}, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, {
|
38642 |
-
onClick:
|
38643 |
-
onKeyDown: event => {
|
38644 |
-
const {
|
38645 |
-
keyCode
|
38646 |
-
} = event;
|
38647 |
-
|
38648 |
-
if (keyCode === external_wp_keycodes_namespaceObject.ENTER && !currentInputIsEmpty // disallow submitting empty values.
|
38649 |
-
) {
|
38650 |
-
event.preventDefault();
|
38651 |
-
handleSubmitButton();
|
38652 |
-
}
|
38653 |
-
},
|
38654 |
label: (0,external_wp_i18n_namespaceObject.__)('Submit'),
|
38655 |
icon: keyboard_return,
|
38656 |
className: "block-editor-link-control__search-submit",
|
@@ -38665,19 +39529,16 @@ function LinkControl({
|
|
38665 |
,
|
38666 |
value: value,
|
38667 |
onEditClick: () => setIsEditingLink(true),
|
38668 |
-
hasRichPreviews: hasRichPreviews
|
38669 |
-
|
|
|
|
|
38670 |
className: "block-editor-link-control__tools"
|
38671 |
}, (0,external_wp_element_namespaceObject.createElement)(settings_drawer, {
|
38672 |
value: value,
|
38673 |
settings: settings,
|
38674 |
onChange: onChange
|
38675 |
-
}),
|
38676 |
-
className: "block-editor-link-control__unlink",
|
38677 |
-
isDestructive: true,
|
38678 |
-
variant: "link",
|
38679 |
-
onClick: onRemove
|
38680 |
-
}, (0,external_wp_i18n_namespaceObject.__)('Unlink'))));
|
38681 |
}
|
38682 |
|
38683 |
LinkControl.ViewerFill = ViewerFill;
|
@@ -38947,28 +39808,6 @@ const MediaReplaceFlow = ({
|
|
38947 |
};
|
38948 |
}), (0,external_wp_components_namespaceObject.withFilters)('editor.MediaReplaceFlow')])(MediaReplaceFlow));
|
38949 |
//# sourceMappingURL=index.js.map
|
38950 |
-
;// CONCATENATED MODULE: ./packages/icons/build-module/library/pencil.js
|
38951 |
-
|
38952 |
-
|
38953 |
-
/**
|
38954 |
-
* WordPress dependencies
|
38955 |
-
*/
|
38956 |
-
|
38957 |
-
const pencil = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
|
38958 |
-
xmlns: "http://www.w3.org/2000/svg",
|
38959 |
-
viewBox: "0 0 24 24"
|
38960 |
-
}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
|
38961 |
-
d: "M20.1 5.1L16.9 2 6.2 12.7l-1.3 4.4 4.5-1.3L20.1 5.1zM4 20.8h8v-1.5H4v1.5z"
|
38962 |
-
}));
|
38963 |
-
/* harmony default export */ var library_pencil = (pencil);
|
38964 |
-
//# sourceMappingURL=pencil.js.map
|
38965 |
-
;// CONCATENATED MODULE: ./packages/icons/build-module/library/edit.js
|
38966 |
-
/**
|
38967 |
-
* Internal dependencies
|
38968 |
-
*/
|
38969 |
-
|
38970 |
-
/* harmony default export */ var library_edit = (library_pencil);
|
38971 |
-
//# sourceMappingURL=edit.js.map
|
38972 |
;// CONCATENATED MODULE: ./packages/block-editor/build-module/components/url-popover/link-viewer-url.js
|
38973 |
|
38974 |
|
@@ -39582,7 +40421,8 @@ const FormatToolbar = () => {
|
|
39582 |
toggleProps: { ...toggleProps,
|
39583 |
className: classnames_default()(toggleProps.className, {
|
39584 |
'is-pressed': hasActive
|
39585 |
-
})
|
|
|
39586 |
},
|
39587 |
controls: (0,external_lodash_namespaceObject.orderBy)(fills.map(([{
|
39588 |
props
|
@@ -40582,6 +41422,11 @@ function useInputEvents(inputEvents) {
|
|
40582 |
* WordPress dependencies
|
40583 |
*/
|
40584 |
|
|
|
|
|
|
|
|
|
|
|
40585 |
function FormatEdit({
|
40586 |
formatTypes,
|
40587 |
onChange,
|
@@ -40600,9 +41445,29 @@ function FormatEdit({
|
|
40600 |
}
|
40601 |
|
40602 |
const activeFormat = (0,external_wp_richText_namespaceObject.getActiveFormat)(value, name);
|
40603 |
-
|
40604 |
const activeObject = (0,external_wp_richText_namespaceObject.getActiveObject)(value);
|
40605 |
-
const isObjectActive = activeObject !== undefined && activeObject.type === name;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
40606 |
return (0,external_wp_element_namespaceObject.createElement)(Edit, {
|
40607 |
key: name,
|
40608 |
isActive: isActive,
|
@@ -41985,7 +42850,7 @@ function MultiSelectionInspector({
|
|
41985 |
const words = (0,external_wp_wordcount_namespaceObject.count)((0,external_wp_blocks_namespaceObject.serialize)(blocks), 'words');
|
41986 |
return (0,external_wp_element_namespaceObject.createElement)("div", {
|
41987 |
className: "block-editor-multi-selection-inspector__card"
|
41988 |
-
}, (0,external_wp_element_namespaceObject.createElement)(
|
41989 |
icon: library_stack,
|
41990 |
showColors: true
|
41991 |
}), (0,external_wp_element_namespaceObject.createElement)("div", {
|
@@ -42177,6 +43042,10 @@ const BlockInspectorSingleBlock = ({
|
|
42177 |
blockName: blockName
|
42178 |
}))), (0,external_wp_element_namespaceObject.createElement)(inspector_controls.Slot, {
|
42179 |
bubblesVirtually: bubblesVirtually
|
|
|
|
|
|
|
|
|
42180 |
}), (0,external_wp_element_namespaceObject.createElement)(inspector_controls.Slot, {
|
42181 |
__experimentalGroup: "dimensions",
|
42182 |
bubblesVirtually: bubblesVirtually,
|
@@ -43175,6 +44044,8 @@ function useNoRecursiveRenders(uniqueId, blockName = '') {
|
|
43175 |
|
43176 |
|
43177 |
|
|
|
|
|
43178 |
|
43179 |
|
43180 |
|
2154 |
"BlockEditorKeyboardShortcuts": function() { return /* reexport */ keyboard_shortcuts; },
|
2155 |
"BlockEditorProvider": function() { return /* reexport */ provider; },
|
2156 |
"BlockFormatControls": function() { return /* reexport */ BlockFormatControls; },
|
2157 |
+
"BlockIcon": function() { return /* reexport */ block_icon; },
|
2158 |
"BlockInspector": function() { return /* reexport */ block_inspector; },
|
2159 |
"BlockList": function() { return /* reexport */ BlockList; },
|
2160 |
"BlockMover": function() { return /* reexport */ block_mover; },
|
2238 |
"__experimentalPanelColorGradientSettings": function() { return /* reexport */ panel_color_gradient_settings; },
|
2239 |
"__experimentalPreviewOptions": function() { return /* reexport */ PreviewOptions; },
|
2240 |
"__experimentalResponsiveBlockControl": function() { return /* reexport */ responsive_block_control; },
|
2241 |
+
"__experimentalTextDecorationControl": function() { return /* reexport */ TextDecorationControl; },
|
2242 |
+
"__experimentalTextTransformControl": function() { return /* reexport */ TextTransformControl; },
|
2243 |
"__experimentalUnitControl": function() { return /* reexport */ UnitControl; },
|
2244 |
"__experimentalUseBorderProps": function() { return /* reexport */ useBorderProps; },
|
2245 |
"__experimentalUseColorProps": function() { return /* reexport */ useColorProps; },
|
2246 |
"__experimentalUseCustomSides": function() { return /* reexport */ useCustomSides; },
|
2247 |
"__experimentalUseGradient": function() { return /* reexport */ __experimentalUseGradient; },
|
|
|
2248 |
"__experimentalUseNoRecursiveRenders": function() { return /* reexport */ useNoRecursiveRenders; },
|
2249 |
"__experimentalUseResizeCanvas": function() { return /* reexport */ useResizeCanvas; },
|
2250 |
"__unstableBlockSettingsMenuFirstItem": function() { return /* reexport */ block_settings_menu_first_item; },
|
2275 |
"useBlockEditContext": function() { return /* reexport */ useBlockEditContext; },
|
2276 |
"useBlockProps": function() { return /* reexport */ useBlockProps; },
|
2277 |
"useCachedTruthy": function() { return /* reexport */ useCachedTruthy; },
|
2278 |
+
"useInnerBlocksProps": function() { return /* reexport */ useInnerBlocksProps; },
|
2279 |
"useSetting": function() { return /* reexport */ useSetting; },
|
2280 |
"validateThemeColors": function() { return /* reexport */ validateThemeColors; },
|
2281 |
"validateThemeGradients": function() { return /* reexport */ validateThemeGradients; },
|
2295 |
"__experimentalGetDirectInsertBlock": function() { return __experimentalGetDirectInsertBlock; },
|
2296 |
"__experimentalGetLastBlockAttributeChanges": function() { return __experimentalGetLastBlockAttributeChanges; },
|
2297 |
"__experimentalGetParsedPattern": function() { return __experimentalGetParsedPattern; },
|
|
|
2298 |
"__experimentalGetPatternTransformItems": function() { return __experimentalGetPatternTransformItems; },
|
2299 |
"__experimentalGetPatternsByBlockTypes": function() { return __experimentalGetPatternsByBlockTypes; },
|
2300 |
"__experimentalGetReusableBlockTitle": function() { return __experimentalGetReusableBlockTitle; },
|
2384 |
__webpack_require__.r(actions_namespaceObject);
|
2385 |
__webpack_require__.d(actions_namespaceObject, {
|
2386 |
"__unstableMarkAutomaticChange": function() { return __unstableMarkAutomaticChange; },
|
|
|
2387 |
"__unstableMarkLastChangeAsPersistent": function() { return __unstableMarkLastChangeAsPersistent; },
|
2388 |
"__unstableMarkNextChangeAsNotPersistent": function() { return __unstableMarkNextChangeAsNotPersistent; },
|
2389 |
"__unstableSaveReusableBlock": function() { return __unstableSaveReusableBlock; },
|
2964 |
return result;
|
2965 |
}
|
2966 |
|
2967 |
+
function updateParentInnerBlocksInTree(state, tree, updatedClientIds, updateChildrenOfUpdatedClientIds = false) {
|
2968 |
+
const uncontrolledParents = new Set([]);
|
2969 |
const controlledParents = new Set();
|
2970 |
|
2971 |
for (const clientId of updatedClientIds) {
|
2972 |
+
let current = updateChildrenOfUpdatedClientIds ? clientId : state.parents[clientId];
|
2973 |
|
2974 |
do {
|
2975 |
if (state.controlledInnerBlocks[current]) {
|
2976 |
+
// Should stop on controlled blocks.
|
2977 |
+
// If we reach a controlled parent, break out of the loop.
|
2978 |
+
controlledParents.add(current);
|
2979 |
break;
|
2980 |
} else {
|
2981 |
+
// else continue traversing up through parents.
|
2982 |
+
uncontrolledParents.add(current);
|
2983 |
+
current = state.parents[current];
|
2984 |
+
}
|
|
|
2985 |
} while (current !== undefined);
|
2986 |
} // To make sure the order of assignments doesn't matter,
|
2987 |
// we first create empty objects and mutates the inner blocks later.
|
2988 |
|
2989 |
|
2990 |
+
for (const clientId of uncontrolledParents) {
|
2991 |
tree[clientId] = { ...tree[clientId]
|
2992 |
};
|
2993 |
}
|
2994 |
|
2995 |
+
for (const clientId of uncontrolledParents) {
|
2996 |
tree[clientId].innerBlocks = (state.order[clientId] || []).map(subClientId => tree[subClientId]);
|
2997 |
} // Controlled parent blocks, need a dedicated key for their inner blocks
|
2998 |
// to be used when doing getBlocks( controlledBlockClientId ).
|
3033 |
const subTree = buildBlockTree(newState, action.blocks);
|
3034 |
newState.tree = updateParentInnerBlocksInTree(newState, { ...newState.tree,
|
3035 |
...subTree
|
3036 |
+
}, action.rootClientId ? [action.rootClientId] : [''], true);
|
3037 |
break;
|
3038 |
}
|
3039 |
|
3040 |
case 'UPDATE_BLOCK':
|
3041 |
newState.tree = updateParentInnerBlocksInTree(newState, { ...newState.tree,
|
3042 |
+
[action.clientId]: { ...newState.tree[action.clientId],
|
3043 |
+
...newState.byClientId[action.clientId],
|
3044 |
attributes: newState.attributes[action.clientId]
|
3045 |
}
|
3046 |
+
}, [action.clientId], false);
|
3047 |
break;
|
3048 |
|
3049 |
case 'UPDATE_BLOCK_ATTRIBUTES':
|
3056 |
}, {});
|
3057 |
newState.tree = updateParentInnerBlocksInTree(newState, { ...newState.tree,
|
3058 |
...newSubTree
|
3059 |
+
}, action.clientIds, false);
|
3060 |
break;
|
3061 |
}
|
3062 |
|
3065 |
const subTree = buildBlockTree(newState, action.blocks);
|
3066 |
newState.tree = updateParentInnerBlocksInTree(newState, { ...(0,external_lodash_namespaceObject.omit)(newState.tree, action.replacedClientIds.concat(action.replacedClientIds.map(clientId => 'controlled||' + clientId))),
|
3067 |
...subTree
|
3068 |
+
}, action.blocks.map(b => b.clientId), false); // If there are no replaced blocks, it means we're removing blocks so we need to update their parent.
|
3069 |
|
3070 |
const parentsOfRemovedBlocks = [];
|
3071 |
|
3075 |
}
|
3076 |
}
|
3077 |
|
3078 |
+
newState.tree = updateParentInnerBlocksInTree(newState, newState.tree, parentsOfRemovedBlocks, true);
|
3079 |
break;
|
3080 |
}
|
3081 |
|
3088 |
}
|
3089 |
}
|
3090 |
|
3091 |
+
newState.tree = updateParentInnerBlocksInTree(newState, (0,external_lodash_namespaceObject.omit)(newState.tree, action.removedClientIds.concat(action.removedClientIds.map(clientId => 'controlled||' + clientId))), parentsOfRemovedBlocks, true);
|
3092 |
break;
|
3093 |
|
3094 |
case 'MOVE_BLOCKS_TO_POSITION':
|
3107 |
updatedBlockUids.push('');
|
3108 |
}
|
3109 |
|
3110 |
+
newState.tree = updateParentInnerBlocksInTree(newState, newState.tree, updatedBlockUids, true);
|
3111 |
break;
|
3112 |
}
|
3113 |
|
3115 |
case 'MOVE_BLOCKS_DOWN':
|
3116 |
{
|
3117 |
const updatedBlockUids = [action.rootClientId ? action.rootClientId : ''];
|
3118 |
+
newState.tree = updateParentInnerBlocksInTree(newState, newState.tree, updatedBlockUids, true);
|
3119 |
break;
|
3120 |
}
|
3121 |
|
3132 |
};
|
3133 |
return result;
|
3134 |
}, {})
|
3135 |
+
}, updatedBlockUids, false);
|
3136 |
}
|
3137 |
}
|
3138 |
|
6184 |
const buildBlockTypeInserterItem = buildBlockTypeItem(state, {
|
6185 |
buildScope: 'inserter'
|
6186 |
});
|
6187 |
+
/*
|
6188 |
+
* Matches block comment delimiters amid serialized content.
|
6189 |
+
*
|
6190 |
+
* @see `tokenizer` in `@wordpress/block-serialization-default-parser`
|
6191 |
+
* package
|
6192 |
+
*
|
6193 |
+
* blockParserTokenizer differs from the original tokenizer in the
|
6194 |
+
* following ways:
|
6195 |
+
*
|
6196 |
+
* - removed global flag (/g)
|
6197 |
+
* - prepended ^\s*
|
6198 |
+
*
|
6199 |
+
*/
|
6200 |
+
|
6201 |
+
const blockParserTokenizer = /^\s*<!--\s+(\/)?wp:([a-z][a-z0-9_-]*\/)?([a-z][a-z0-9_-]*)\s+({(?:(?=([^}]+|}+(?=})|(?!}\s+\/?-->)[^])*)\5|[^]*?)}\s+)?(\/)?-->/;
|
6202 |
|
6203 |
const buildReusableBlockInserterItem = reusableBlock => {
|
6204 |
+
let icon = library_symbol;
|
6205 |
+
/*
|
6206 |
+
* Instead of always displaying a generic "symbol" icon for every
|
6207 |
+
* reusable block, try to use an icon that represents the first
|
6208 |
+
* outermost block contained in the reusable block. This requires
|
6209 |
+
* scanning the serialized form of the reusable block to find its
|
6210 |
+
* first block delimiter, then looking up the corresponding block
|
6211 |
+
* type, if available.
|
6212 |
+
*/
|
6213 |
|
6214 |
+
if (external_wp_element_namespaceObject.Platform.OS === 'web') {
|
6215 |
+
const content = typeof reusableBlock.content.raw === 'string' ? reusableBlock.content.raw : reusableBlock.content;
|
6216 |
+
const rawBlockMatch = content.match(blockParserTokenizer);
|
6217 |
|
6218 |
+
if (rawBlockMatch) {
|
6219 |
+
const [,, namespace = 'core/', blockName] = rawBlockMatch;
|
6220 |
+
const referencedBlockType = (0,external_wp_blocks_namespaceObject.getBlockType)(namespace + blockName);
|
6221 |
|
6222 |
+
if (referencedBlockType) {
|
6223 |
+
icon = referencedBlockType.icon;
|
6224 |
+
}
|
6225 |
+
}
|
6226 |
}
|
6227 |
|
6228 |
+
const id = `core/block/${reusableBlock.id}`;
|
6229 |
const {
|
6230 |
time,
|
6231 |
count = 0
|
6238 |
ref: reusableBlock.id
|
6239 |
},
|
6240 |
title: reusableBlock.title.raw,
|
6241 |
+
icon,
|
6242 |
category: 'reusable',
|
6243 |
keywords: [],
|
6244 |
isDisabled: false,
|
6449 |
const {
|
6450 |
allowedBlockTypes
|
6451 |
} = getSettings(state);
|
6452 |
+
const parsedPatterns = patterns.filter(({
|
6453 |
+
inserter = true
|
6454 |
+
}) => !!inserter).map(({
|
6455 |
name
|
6456 |
}) => __experimentalGetParsedPattern(state, name));
|
6457 |
const allowedPatterns = parsedPatterns.filter(({
|
6608 |
};
|
6609 |
}, {});
|
6610 |
}, state => [state.blockListSettings]);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
6611 |
/**
|
6612 |
* Returns the title of a given reusable block
|
6613 |
*
|
6787 |
;// CONCATENATED MODULE: external ["wp","deprecated"]
|
6788 |
var external_wp_deprecated_namespaceObject = window["wp"]["deprecated"];
|
6789 |
var external_wp_deprecated_default = /*#__PURE__*/__webpack_require__.n(external_wp_deprecated_namespaceObject);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
6790 |
;// CONCATENATED MODULE: ./packages/block-editor/build-module/store/actions.js
|
6791 |
/**
|
6792 |
* External dependencies
|
6801 |
|
6802 |
|
6803 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
6804 |
/**
|
6805 |
+
* Action which will insert a default block insert action if there
|
6806 |
+
* are no other blocks at the root of the editor. This action should be used
|
6807 |
* in actions which may result in no blocks remaining in the editor (removal,
|
6808 |
* replacement, etc).
|
6809 |
*/
|
6810 |
|
6811 |
+
const ensureDefaultBlock = () => ({
|
6812 |
+
select,
|
6813 |
+
dispatch
|
6814 |
+
}) => {
|
6815 |
+
// To avoid a focus loss when removing the last block, assure there is
|
6816 |
// always a default block if the last of the blocks have been removed.
|
6817 |
+
const count = select.getBlockCount();
|
6818 |
|
6819 |
+
if (count > 0) {
|
6820 |
+
return;
|
6821 |
+
} // If there's an custom appender, don't insert default block.
|
6822 |
+
// We have to remember to manually move the focus elsewhere to
|
6823 |
+
// prevent it from being lost though.
|
|
|
6824 |
|
|
|
|
|
|
|
6825 |
|
6826 |
+
const {
|
6827 |
+
__unstableHasCustomAppender
|
6828 |
+
} = select.getSettings();
|
6829 |
+
|
6830 |
+
if (__unstableHasCustomAppender) {
|
6831 |
+
return;
|
6832 |
}
|
6833 |
+
|
6834 |
+
dispatch.insertDefaultBlock();
|
6835 |
+
};
|
6836 |
/**
|
6837 |
+
* Action that resets blocks state to the specified array of blocks, taking precedence
|
6838 |
+
* over any other content reflected as an edit in state.
|
|
|
6839 |
*
|
6840 |
* @param {Array} blocks Array of blocks.
|
6841 |
*/
|
6842 |
|
6843 |
|
6844 |
+
const resetBlocks = blocks => ({
|
6845 |
+
dispatch
|
6846 |
+
}) => {
|
6847 |
+
dispatch({
|
6848 |
type: 'RESET_BLOCKS',
|
6849 |
blocks
|
6850 |
+
});
|
6851 |
+
dispatch(validateBlocksToTemplate(blocks));
|
6852 |
+
};
|
6853 |
/**
|
6854 |
* Block validity is a function of blocks state (at the point of a
|
6855 |
* reset) and the template setting. As a compromise to its placement
|
6859 |
* @param {Array} blocks Array of blocks.
|
6860 |
*/
|
6861 |
|
6862 |
+
const validateBlocksToTemplate = blocks => ({
|
6863 |
+
select,
|
6864 |
+
dispatch
|
6865 |
+
}) => {
|
6866 |
+
const template = select.getTemplate();
|
6867 |
+
const templateLock = select.getTemplateLock(); // Unlocked templates are considered always valid because they act
|
6868 |
// as default values only.
|
6869 |
|
6870 |
const isBlocksValidToTemplate = !template || templateLock !== 'all' || (0,external_wp_blocks_namespaceObject.doBlocksMatchTemplate)(blocks, template); // Update if validity has changed.
|
6871 |
|
6872 |
+
const isValidTemplate = select.isValidTemplate();
|
6873 |
|
6874 |
if (isBlocksValidToTemplate !== isValidTemplate) {
|
6875 |
+
dispatch.setTemplateValidity(isBlocksValidToTemplate);
|
6876 |
return isBlocksValidToTemplate;
|
6877 |
}
|
6878 |
+
};
|
6879 |
/**
|
6880 |
* A block selection object.
|
6881 |
*
|
6932 |
};
|
6933 |
}
|
6934 |
/**
|
6935 |
+
* Action that updates attributes of multiple blocks with the specified client IDs.
|
|
|
6936 |
*
|
6937 |
* @param {string|string[]} clientIds Block client IDs.
|
6938 |
* @param {Object} attributes Block attributes to be merged. Should be keyed by clientIds if
|
6950 |
};
|
6951 |
}
|
6952 |
/**
|
6953 |
+
* Action that updates the block with the specified client ID.
|
|
|
6954 |
*
|
6955 |
* @param {string} clientId Block client ID.
|
6956 |
* @param {Object} updates Block attributes to be merged.
|
6995 |
* @param {string} clientId Block client ID.
|
6996 |
*/
|
6997 |
|
6998 |
+
const selectPreviousBlock = clientId => ({
|
6999 |
+
select,
|
7000 |
+
dispatch
|
7001 |
+
}) => {
|
7002 |
+
const previousBlockClientId = select.getPreviousBlockClientId(clientId);
|
7003 |
|
7004 |
if (previousBlockClientId) {
|
7005 |
+
dispatch.selectBlock(previousBlockClientId, -1);
|
|
|
7006 |
}
|
7007 |
+
};
|
7008 |
/**
|
7009 |
* Yields action objects used in signalling that the block following the given
|
7010 |
* clientId should be selected.
|
7012 |
* @param {string} clientId Block client ID.
|
7013 |
*/
|
7014 |
|
7015 |
+
const selectNextBlock = clientId => ({
|
7016 |
+
select,
|
7017 |
+
dispatch
|
7018 |
+
}) => {
|
7019 |
+
const nextBlockClientId = select.getNextBlockClientId(clientId);
|
7020 |
|
7021 |
if (nextBlockClientId) {
|
7022 |
+
dispatch.selectBlock(nextBlockClientId);
|
|
|
7023 |
}
|
7024 |
+
};
|
7025 |
/**
|
7026 |
+
* Action that starts block multi-selection.
|
7027 |
*
|
7028 |
* @return {Object} Action object.
|
7029 |
*/
|
7034 |
};
|
7035 |
}
|
7036 |
/**
|
7037 |
+
* Action that stops block multi-selection.
|
7038 |
*
|
7039 |
* @return {Object} Action object.
|
7040 |
*/
|
7045 |
};
|
7046 |
}
|
7047 |
/**
|
7048 |
+
* Action that changes block multi-selection.
|
7049 |
*
|
7050 |
* @param {string} start First block of the multi selection.
|
7051 |
* @param {string} end Last block of the multiselection.
|
7052 |
*/
|
7053 |
|
7054 |
+
const multiSelect = (start, end) => ({
|
7055 |
+
select,
|
7056 |
+
dispatch
|
7057 |
+
}) => {
|
7058 |
+
const startBlockRootClientId = select.getBlockRootClientId(start);
|
7059 |
+
const endBlockRootClientId = select.getBlockRootClientId(end); // Only allow block multi-selections at the same level.
|
7060 |
|
7061 |
if (startBlockRootClientId !== endBlockRootClientId) {
|
7062 |
return;
|
7063 |
}
|
7064 |
|
7065 |
+
dispatch({
|
7066 |
type: 'MULTI_SELECT',
|
7067 |
start,
|
7068 |
end
|
7069 |
+
});
|
7070 |
+
const blockCount = select.getSelectedBlockCount();
|
7071 |
(0,external_wp_a11y_namespaceObject.speak)((0,external_wp_i18n_namespaceObject.sprintf)(
|
7072 |
/* translators: %s: number of selected blocks */
|
7073 |
(0,external_wp_i18n_namespaceObject._n)('%s block selected.', '%s blocks selected.', blockCount), blockCount), 'assertive');
|
7074 |
+
};
|
7075 |
/**
|
7076 |
+
* Action that clears the block selection.
|
7077 |
*
|
7078 |
* @return {Object} Action object.
|
7079 |
*/
|
7084 |
};
|
7085 |
}
|
7086 |
/**
|
7087 |
+
* Action that enables or disables block selection.
|
7088 |
*
|
7089 |
* @param {boolean} [isSelectionEnabled=true] Whether block selection should
|
7090 |
* be enabled.
|
7136 |
/* eslint-disable jsdoc/valid-types */
|
7137 |
|
7138 |
/**
|
7139 |
+
* Action that replaces given blocks with one or more replacement blocks.
|
|
|
7140 |
*
|
7141 |
* @param {(string|string[])} clientIds Block client ID(s) to replace.
|
7142 |
* @param {(Object|Object[])} blocks Replacement block(s).
|
7144 |
* @param {0|-1|null} initialPosition Index of caret after in the selected block after the operation.
|
7145 |
* @param {?Object} meta Optional Meta values to be passed to the action object.
|
7146 |
*
|
7147 |
+
* @return {Object} Action object.
|
7148 |
*/
|
7149 |
|
7150 |
|
7151 |
+
const replaceBlocks = (clientIds, blocks, indexToSelect, initialPosition = 0, meta) => ({
|
7152 |
+
select,
|
7153 |
+
dispatch
|
7154 |
+
}) => {
|
7155 |
/* eslint-enable jsdoc/valid-types */
|
7156 |
clientIds = (0,external_lodash_namespaceObject.castArray)(clientIds);
|
7157 |
+
blocks = getBlocksWithDefaultStylesApplied((0,external_lodash_namespaceObject.castArray)(blocks), select.getSettings());
|
7158 |
+
const rootClientId = select.getBlockRootClientId((0,external_lodash_namespaceObject.first)(clientIds)); // Replace is valid if the new blocks can be inserted in the root block.
|
7159 |
|
7160 |
for (let index = 0; index < blocks.length; index++) {
|
7161 |
const block = blocks[index];
|
7162 |
+
const canInsertBlock = select.canInsertBlockType(block.name, rootClientId);
|
7163 |
|
7164 |
if (!canInsertBlock) {
|
7165 |
return;
|
7166 |
}
|
7167 |
}
|
7168 |
|
7169 |
+
dispatch({
|
7170 |
type: 'REPLACE_BLOCKS',
|
7171 |
clientIds,
|
7172 |
blocks,
|
7174 |
indexToSelect,
|
7175 |
initialPosition,
|
7176 |
meta
|
7177 |
+
});
|
7178 |
+
dispatch(ensureDefaultBlock());
|
7179 |
+
};
|
7180 |
/**
|
7181 |
+
* Action that replaces a single block with one or more replacement blocks.
|
|
|
7182 |
*
|
7183 |
* @param {(string|string[])} clientId Block client ID to replace.
|
7184 |
* @param {(Object|Object[])} block Replacement block(s).
|
7198 |
* @return {Function} Action creator.
|
7199 |
*/
|
7200 |
|
7201 |
+
const createOnMove = type => (clientIds, rootClientId) => ({
|
7202 |
+
select,
|
7203 |
+
dispatch
|
7204 |
+
}) => {
|
7205 |
+
// If one of the blocks is locked or the parent is locked, we cannot move any block.
|
7206 |
+
const canMoveBlocks = select.canMoveBlocks(clientIds, rootClientId);
|
7207 |
|
7208 |
+
if (!canMoveBlocks) {
|
7209 |
+
return;
|
7210 |
+
}
|
7211 |
|
7212 |
+
dispatch({
|
7213 |
+
type,
|
7214 |
+
clientIds: (0,external_lodash_namespaceObject.castArray)(clientIds),
|
7215 |
+
rootClientId
|
7216 |
+
});
|
7217 |
+
};
|
|
|
7218 |
|
7219 |
const moveBlocksDown = createOnMove('MOVE_BLOCKS_DOWN');
|
7220 |
const moveBlocksUp = createOnMove('MOVE_BLOCKS_UP');
|
7221 |
/**
|
7222 |
+
* Action that moves given blocks to a new position.
|
|
|
7223 |
*
|
7224 |
* @param {?string} clientIds The client IDs of the blocks.
|
7225 |
* @param {?string} fromRootClientId Root client ID source.
|
7226 |
* @param {?string} toRootClientId Root client ID destination.
|
7227 |
* @param {number} index The index to move the blocks to.
|
|
|
|
|
7228 |
*/
|
7229 |
|
7230 |
+
const moveBlocksToPosition = (clientIds, fromRootClientId = '', toRootClientId = '', index) => ({
|
7231 |
+
select,
|
7232 |
+
dispatch
|
7233 |
+
}) => {
|
7234 |
+
const canMoveBlocks = select.canMoveBlocks(clientIds, fromRootClientId); // If one of the blocks is locked or the parent is locked, we cannot move any block.
|
7235 |
|
7236 |
if (!canMoveBlocks) {
|
7237 |
return;
|
7238 |
+
} // If moving inside the same root block the move is always possible.
|
7239 |
+
|
7240 |
+
|
7241 |
+
if (fromRootClientId !== toRootClientId) {
|
7242 |
+
const canRemoveBlocks = select.canRemoveBlocks(clientIds, fromRootClientId); // If we're moving to another block, it means we're deleting blocks from
|
7243 |
+
// the original block, so we need to check if removing is possible.
|
7244 |
+
|
7245 |
+
if (!canRemoveBlocks) {
|
7246 |
+
return;
|
7247 |
+
}
|
7248 |
+
|
7249 |
+
const canInsertBlocks = select.canInsertBlocks(clientIds, toRootClientId); // If moving to other parent block, the move is possible if we can insert a block of the same type inside the new parent block.
|
7250 |
+
|
7251 |
+
if (!canInsertBlocks) {
|
7252 |
+
return;
|
7253 |
+
}
|
7254 |
}
|
7255 |
|
7256 |
+
dispatch({
|
7257 |
type: 'MOVE_BLOCKS_TO_POSITION',
|
7258 |
fromRootClientId,
|
7259 |
toRootClientId,
|
7260 |
clientIds,
|
7261 |
index
|
7262 |
+
});
|
7263 |
+
};
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
7264 |
/**
|
7265 |
+
* Action that moves given block to a new position.
|
|
|
7266 |
*
|
7267 |
* @param {?string} clientId The client ID of the block.
|
7268 |
* @param {?string} fromRootClientId Root client ID source.
|
7269 |
* @param {?string} toRootClientId Root client ID destination.
|
7270 |
* @param {number} index The index to move the block to.
|
|
|
|
|
7271 |
*/
|
7272 |
|
7273 |
+
function moveBlockToPosition(clientId, fromRootClientId = '', toRootClientId = '', index) {
|
7274 |
+
return moveBlocksToPosition([clientId], fromRootClientId, toRootClientId, index);
|
7275 |
}
|
7276 |
/**
|
7277 |
+
* Action that inserts a single block, optionally at a specific index respective a root block list.
|
|
|
7278 |
*
|
7279 |
* @param {Object} block Block object to insert.
|
7280 |
* @param {?number} index Index at which block should be inserted.
|
7285 |
* @return {Object} Action object.
|
7286 |
*/
|
7287 |
|
7288 |
+
function insertBlock(block, index, rootClientId, updateSelection, meta) {
|
7289 |
return insertBlocks([block], index, rootClientId, updateSelection, 0, meta);
|
7290 |
}
|
7291 |
/* eslint-disable jsdoc/valid-types */
|
7292 |
|
7293 |
/**
|
7294 |
+
* Action that inserts an array of blocks, optionally at a specific index respective a root block list.
|
|
|
7295 |
*
|
7296 |
* @param {Object[]} blocks Block objects to insert.
|
7297 |
* @param {?number} index Index at which block should be inserted.
|
7302 |
* @return {Object} Action object.
|
7303 |
*/
|
7304 |
|
7305 |
+
const insertBlocks = (blocks, index, rootClientId, updateSelection = true, initialPosition = 0, meta) => ({
|
7306 |
+
select,
|
7307 |
+
dispatch
|
7308 |
+
}) => {
|
7309 |
/* eslint-enable jsdoc/valid-types */
|
7310 |
if ((0,external_lodash_namespaceObject.isObject)(initialPosition)) {
|
7311 |
meta = initialPosition;
|
7317 |
});
|
7318 |
}
|
7319 |
|
7320 |
+
blocks = getBlocksWithDefaultStylesApplied((0,external_lodash_namespaceObject.castArray)(blocks), select.getSettings());
|
7321 |
const allowedBlocks = [];
|
7322 |
|
7323 |
for (const block of blocks) {
|
7324 |
+
const isValid = select.canInsertBlockType(block.name, rootClientId);
|
7325 |
|
7326 |
if (isValid) {
|
7327 |
allowedBlocks.push(block);
|
7329 |
}
|
7330 |
|
7331 |
if (allowedBlocks.length) {
|
7332 |
+
dispatch({
|
7333 |
type: 'INSERT_BLOCKS',
|
7334 |
blocks: allowedBlocks,
|
7335 |
index,
|
7338 |
updateSelection,
|
7339 |
initialPosition: updateSelection ? initialPosition : null,
|
7340 |
meta
|
7341 |
+
});
|
7342 |
}
|
7343 |
+
};
|
7344 |
/**
|
7345 |
+
* Action that shows the insertion point.
|
|
|
7346 |
*
|
7347 |
* @param {?string} rootClientId Optional root client ID of block list on
|
7348 |
* which to insert.
|
7364 |
};
|
7365 |
}
|
7366 |
/**
|
7367 |
+
* Action that hides the insertion point.
|
7368 |
*
|
7369 |
* @return {Object} Action object.
|
7370 |
*/
|
7375 |
};
|
7376 |
}
|
7377 |
/**
|
7378 |
+
* Action that resets the template validity.
|
7379 |
*
|
7380 |
* @param {boolean} isValid template validity flag.
|
7381 |
*
|
7389 |
};
|
7390 |
}
|
7391 |
/**
|
7392 |
+
* Action that synchronizes the template with the list of blocks.
|
7393 |
*
|
7394 |
* @return {Object} Action object.
|
7395 |
*/
|
7396 |
|
7397 |
+
const synchronizeTemplate = () => ({
|
7398 |
+
select,
|
7399 |
+
dispatch
|
7400 |
+
}) => {
|
7401 |
+
dispatch({
|
7402 |
type: 'SYNCHRONIZE_TEMPLATE'
|
7403 |
+
});
|
7404 |
+
const blocks = select.getBlocks();
|
7405 |
+
const template = select.getTemplate();
|
7406 |
const updatedBlockList = (0,external_wp_blocks_namespaceObject.synchronizeBlocksWithTemplate)(blocks, template);
|
7407 |
+
dispatch.resetBlocks(updatedBlockList);
|
7408 |
+
};
|
7409 |
/**
|
7410 |
+
* Action that merges two blocks.
|
7411 |
*
|
7412 |
* @param {string} firstBlockClientId Client ID of the first block to merge.
|
7413 |
* @param {string} secondBlockClientId Client ID of the second block to merge.
|
7414 |
*/
|
7415 |
|
7416 |
+
const mergeBlocks = (firstBlockClientId, secondBlockClientId) => ({
|
7417 |
+
select,
|
7418 |
+
dispatch
|
7419 |
+
}) => {
|
7420 |
const blocks = [firstBlockClientId, secondBlockClientId];
|
7421 |
+
dispatch({
|
7422 |
type: 'MERGE_BLOCKS',
|
7423 |
blocks
|
7424 |
+
});
|
7425 |
const [clientIdA, clientIdB] = blocks;
|
7426 |
+
const blockA = select.getBlock(clientIdA);
|
7427 |
const blockAType = (0,external_wp_blocks_namespaceObject.getBlockType)(blockA.name); // Only focus the previous block if it's not mergeable
|
7428 |
|
7429 |
if (blockAType && !blockAType.merge) {
|
7430 |
+
dispatch.selectBlock(blockA.clientId);
|
7431 |
return;
|
7432 |
}
|
7433 |
|
7434 |
+
const blockB = select.getBlock(clientIdB);
|
7435 |
const blockBType = (0,external_wp_blocks_namespaceObject.getBlockType)(blockB.name);
|
7436 |
const {
|
7437 |
clientId,
|
7438 |
attributeKey,
|
7439 |
offset
|
7440 |
+
} = select.getSelectionStart();
|
7441 |
const selectedBlockType = clientId === clientIdA ? blockAType : blockBType;
|
7442 |
const attributeDefinition = selectedBlockType.attributes[attributeKey];
|
7443 |
const canRestoreTextSelection = (clientId === clientIdA || clientId === clientIdB) && attributeKey !== undefined && offset !== undefined && // We cannot restore text selection if the RichText identifier
|
7515 |
preserveWhiteSpace
|
7516 |
});
|
7517 |
updatedAttributes[newAttributeKey] = newHtml;
|
7518 |
+
dispatch.selectionChange(blockA.clientId, newAttributeKey, newOffset, newOffset);
|
7519 |
}
|
7520 |
|
7521 |
+
dispatch.replaceBlocks([blockA.clientId, blockB.clientId], [{ ...blockA,
|
7522 |
attributes: { ...blockA.attributes,
|
7523 |
...updatedAttributes
|
7524 |
}
|
7525 |
}, ...blocksWithTheSameType.slice(1)], 0 // If we don't pass the `indexToSelect` it will default to the last block.
|
7526 |
);
|
7527 |
+
};
|
7528 |
/**
|
7529 |
* Yields action objects used in signalling that the blocks corresponding to
|
7530 |
* the set of specified client IDs are to be removed.
|
7534 |
* selected when a block is removed.
|
7535 |
*/
|
7536 |
|
7537 |
+
const removeBlocks = (clientIds, selectPrevious = true) => ({
|
7538 |
+
select,
|
7539 |
+
dispatch
|
7540 |
+
}) => {
|
7541 |
if (!clientIds || !clientIds.length) {
|
7542 |
return;
|
7543 |
}
|
7544 |
|
7545 |
clientIds = (0,external_lodash_namespaceObject.castArray)(clientIds);
|
7546 |
+
const rootClientId = select.getBlockRootClientId(clientIds[0]);
|
7547 |
+
const canRemoveBlocks = select.canRemoveBlocks(clientIds, rootClientId);
|
7548 |
|
7549 |
if (!canRemoveBlocks) {
|
7550 |
return;
|
7551 |
}
|
7552 |
|
|
|
|
|
7553 |
if (selectPrevious) {
|
7554 |
+
dispatch.selectPreviousBlock(clientIds[0]);
|
|
|
|
|
7555 |
}
|
7556 |
|
7557 |
+
dispatch({
|
7558 |
type: 'REMOVE_BLOCKS',
|
7559 |
clientIds
|
7560 |
+
}); // To avoid a focus loss when removing the last block, assure there is
|
7561 |
// always a default block if the last of the blocks have been removed.
|
7562 |
|
7563 |
+
dispatch(ensureDefaultBlock());
|
7564 |
+
};
|
|
|
7565 |
/**
|
7566 |
* Returns an action object used in signalling that the block with the
|
7567 |
* specified client ID is to be removed.
|
7685 |
};
|
7686 |
}
|
7687 |
/**
|
7688 |
+
* Action that changes the position of the user caret.
|
|
|
7689 |
*
|
7690 |
* @param {string} clientId The selected block client ID.
|
7691 |
* @param {string} attributeKey The selected block attribute key.
|
7705 |
};
|
7706 |
}
|
7707 |
/**
|
7708 |
+
* Action that adds a new block of the default type to the block list.
|
|
|
7709 |
*
|
7710 |
* @param {?Object} attributes Optional attributes of the block to assign.
|
7711 |
* @param {?string} rootClientId Optional root client ID of block list on which
|
7727 |
return insertBlock(block, index, rootClientId);
|
7728 |
}
|
7729 |
/**
|
7730 |
+
* Action that changes the nested settings of a given block.
|
7731 |
*
|
7732 |
* @param {string} clientId Client ID of the block whose nested setting are
|
7733 |
* being received.
|
7744 |
};
|
7745 |
}
|
7746 |
/**
|
7747 |
+
* Action that updates the block editor settings.
|
7748 |
*
|
7749 |
* @param {Object} settings Updated settings
|
7750 |
*
|
7758 |
};
|
7759 |
}
|
7760 |
/**
|
7761 |
+
* Action that signals that a temporary reusable block has been saved
|
7762 |
* in order to switch its temporary id with the real id.
|
7763 |
*
|
7764 |
* @param {string} id Reusable block's id.
|
7775 |
};
|
7776 |
}
|
7777 |
/**
|
7778 |
+
* Action that marks the last block change explicitly as persistent.
|
7779 |
*
|
7780 |
* @return {Object} Action object.
|
7781 |
*/
|
7786 |
};
|
7787 |
}
|
7788 |
/**
|
7789 |
+
* Action that signals that the next block change should be marked explicitly as not persistent.
|
7790 |
*
|
7791 |
* @return {Object} Action object.
|
7792 |
*/
|
7797 |
};
|
7798 |
}
|
7799 |
/**
|
7800 |
+
* Action that marks the last block change as an automatic change, meaning it was not
|
7801 |
+
* performed by the user, and can be undone using the `Escape` and `Backspace` keys.
|
7802 |
+
* This action must be called after the change was made, and any actions that are a
|
7803 |
+
* consequence of it, so it is recommended to be called at the next idle period to ensure all
|
|
|
7804 |
* selection changes have been recorded.
|
7805 |
*/
|
7806 |
|
7807 |
+
const __unstableMarkAutomaticChange = () => ({
|
7808 |
+
dispatch
|
7809 |
+
}) => {
|
7810 |
+
dispatch({
|
7811 |
type: 'MARK_AUTOMATIC_CHANGE'
|
7812 |
+
});
|
7813 |
+
const {
|
7814 |
+
requestIdleCallback = cb => setTimeout(cb, 100)
|
7815 |
+
} = window;
|
7816 |
+
requestIdleCallback(() => {
|
7817 |
+
dispatch({
|
7818 |
+
type: 'MARK_AUTOMATIC_CHANGE_FINAL'
|
7819 |
+
});
|
7820 |
+
});
|
7821 |
+
};
|
7822 |
/**
|
7823 |
+
* Action that enables or disables the navigation mode.
|
7824 |
*
|
7825 |
* @param {string} isNavigationMode Enable/Disable navigation mode.
|
7826 |
*/
|
7827 |
|
7828 |
+
const setNavigationMode = (isNavigationMode = true) => ({
|
7829 |
+
dispatch
|
7830 |
+
}) => {
|
7831 |
+
dispatch({
|
7832 |
type: 'SET_NAVIGATION_MODE',
|
7833 |
isNavigationMode
|
7834 |
+
});
|
7835 |
|
7836 |
if (isNavigationMode) {
|
7837 |
(0,external_wp_a11y_namespaceObject.speak)((0,external_wp_i18n_namespaceObject.__)('You are currently in navigation mode. Navigate blocks using the Tab key and Arrow keys. Use Left and Right Arrow keys to move between nesting levels. To exit navigation mode and edit the selected block, press Enter.'));
|
7838 |
} else {
|
7839 |
(0,external_wp_a11y_namespaceObject.speak)((0,external_wp_i18n_namespaceObject.__)('You are currently in edit mode. To return to the navigation mode, press Escape.'));
|
7840 |
}
|
7841 |
+
};
|
7842 |
/**
|
7843 |
+
* Action that enables or disables the block moving mode.
|
7844 |
*
|
7845 |
* @param {string|null} hasBlockMovingClientId Enable/Disable block moving mode.
|
7846 |
*/
|
7847 |
|
7848 |
+
const setBlockMovingClientId = (hasBlockMovingClientId = null) => ({
|
7849 |
+
dispatch
|
7850 |
+
}) => {
|
7851 |
+
dispatch({
|
7852 |
type: 'SET_BLOCK_MOVING_MODE',
|
7853 |
hasBlockMovingClientId
|
7854 |
+
});
|
7855 |
|
7856 |
if (hasBlockMovingClientId) {
|
7857 |
(0,external_wp_a11y_namespaceObject.speak)((0,external_wp_i18n_namespaceObject.__)('Use the Tab key and Arrow keys to choose new block location. Use Left and Right Arrow keys to move between nesting levels. Once location is selected press Enter or Space to move the block.'));
|
7858 |
}
|
7859 |
+
};
|
7860 |
/**
|
7861 |
+
* Action that duplicates a list of blocks.
|
7862 |
*
|
7863 |
* @param {string[]} clientIds
|
7864 |
* @param {boolean} updateSelection
|
7865 |
*/
|
7866 |
|
7867 |
+
const duplicateBlocks = (clientIds, updateSelection = true) => ({
|
7868 |
+
select,
|
7869 |
+
dispatch
|
7870 |
+
}) => {
|
7871 |
+
if (!clientIds || !clientIds.length) {
|
7872 |
return;
|
7873 |
+
} // Return early if blocks don't exist.
|
7874 |
+
|
7875 |
|
7876 |
+
const blocks = select.getBlocksByClientId(clientIds);
|
|
|
7877 |
|
7878 |
if ((0,external_lodash_namespaceObject.some)(blocks, block => !block)) {
|
7879 |
return;
|
7880 |
+
} // Return early if blocks don't support multiple usage.
|
7881 |
|
|
|
7882 |
|
7883 |
+
const blockNames = blocks.map(block => block.name);
|
7884 |
+
|
7885 |
+
if (blockNames.some(blockName => !(0,external_wp_blocks_namespaceObject.hasBlockSupport)(blockName, 'multiple', true))) {
|
7886 |
return;
|
7887 |
}
|
7888 |
|
7889 |
+
const rootClientId = select.getBlockRootClientId(clientIds[0]);
|
7890 |
+
const lastSelectedIndex = select.getBlockIndex((0,external_lodash_namespaceObject.last)((0,external_lodash_namespaceObject.castArray)(clientIds)), rootClientId);
|
7891 |
const clonedBlocks = blocks.map(block => (0,external_wp_blocks_namespaceObject.__experimentalCloneSanitizedBlock)(block));
|
7892 |
+
dispatch.insertBlocks(clonedBlocks, lastSelectedIndex + 1, rootClientId, updateSelection);
|
7893 |
|
7894 |
if (clonedBlocks.length > 1 && updateSelection) {
|
7895 |
+
dispatch.multiSelect((0,external_lodash_namespaceObject.first)(clonedBlocks).clientId, (0,external_lodash_namespaceObject.last)(clonedBlocks).clientId);
|
7896 |
}
|
7897 |
|
7898 |
return clonedBlocks.map(block => block.clientId);
|
7899 |
+
};
|
7900 |
/**
|
7901 |
+
* Action that inserts an empty block before a given block.
|
7902 |
*
|
7903 |
* @param {string} clientId
|
7904 |
*/
|
7905 |
|
7906 |
+
const insertBeforeBlock = clientId => ({
|
7907 |
+
select,
|
7908 |
+
dispatch
|
7909 |
+
}) => {
|
7910 |
if (!clientId) {
|
7911 |
return;
|
7912 |
}
|
7913 |
|
7914 |
+
const rootClientId = select.getBlockRootClientId(clientId);
|
7915 |
+
const isLocked = select.getTemplateLock(rootClientId);
|
7916 |
|
7917 |
if (isLocked) {
|
7918 |
return;
|
7919 |
}
|
7920 |
|
7921 |
+
const firstSelectedIndex = select.getBlockIndex(clientId, rootClientId);
|
7922 |
+
return dispatch.insertDefaultBlock({}, rootClientId, firstSelectedIndex);
|
7923 |
+
};
|
7924 |
/**
|
7925 |
+
* Action that inserts an empty block after a given block.
|
7926 |
*
|
7927 |
* @param {string} clientId
|
7928 |
*/
|
7929 |
|
7930 |
+
const insertAfterBlock = clientId => ({
|
7931 |
+
select,
|
7932 |
+
dispatch
|
7933 |
+
}) => {
|
7934 |
if (!clientId) {
|
7935 |
return;
|
7936 |
}
|
7937 |
|
7938 |
+
const rootClientId = select.getBlockRootClientId(clientId);
|
7939 |
+
const isLocked = select.getTemplateLock(rootClientId);
|
7940 |
|
7941 |
if (isLocked) {
|
7942 |
return;
|
7943 |
}
|
7944 |
|
7945 |
+
const firstSelectedIndex = select.getBlockIndex(clientId, rootClientId);
|
7946 |
+
return dispatch.insertDefaultBlock({}, rootClientId, firstSelectedIndex + 1);
|
7947 |
+
};
|
7948 |
/**
|
7949 |
+
* Action that toggles the highlighted block state.
|
7950 |
*
|
7951 |
* @param {string} clientId The block's clientId.
|
7952 |
* @param {boolean} isHighlighted The highlight state.
|
7960 |
};
|
7961 |
}
|
7962 |
/**
|
7963 |
+
* Action that "flashes" the block with a given `clientId` by rhythmically highlighting it.
|
|
|
7964 |
*
|
7965 |
* @param {string} clientId Target block client ID.
|
7966 |
*/
|
7967 |
|
7968 |
+
const flashBlock = clientId => async ({
|
7969 |
+
dispatch
|
7970 |
+
}) => {
|
7971 |
+
dispatch(toggleBlockHighlight(clientId, true));
|
7972 |
+
await new Promise(resolve => setTimeout(resolve, 150));
|
7973 |
+
dispatch(toggleBlockHighlight(clientId, false));
|
7974 |
+
};
|
|
|
7975 |
/**
|
7976 |
+
* Action that sets whether a block has controlled inner blocks.
|
7977 |
*
|
7978 |
* @param {string} clientId The block's clientId.
|
7979 |
* @param {boolean} hasControlledInnerBlocks True if the block's inner blocks are controlled.
|
7987 |
};
|
7988 |
}
|
7989 |
//# sourceMappingURL=actions.js.map
|
7990 |
+
;// CONCATENATED MODULE: ./packages/block-editor/build-module/store/constants.js
|
7991 |
+
const STORE_NAME = 'core/block-editor';
|
7992 |
+
//# sourceMappingURL=constants.js.map
|
7993 |
;// CONCATENATED MODULE: ./packages/block-editor/build-module/store/index.js
|
7994 |
/**
|
7995 |
* WordPress dependencies
|
8003 |
|
8004 |
|
8005 |
|
|
|
8006 |
/**
|
8007 |
* Block editor data store configuration.
|
8008 |
*
|
8015 |
reducer: reducer,
|
8016 |
selectors: selectors_namespaceObject,
|
8017 |
actions: actions_namespaceObject,
|
8018 |
+
__experimentalUseThunks: true
|
8019 |
};
|
8020 |
/**
|
8021 |
* Store definition for the block editor namespace.
|
8396 |
}));
|
8397 |
/* harmony default export */ var justify_space_between = (justifySpaceBetween);
|
8398 |
//# sourceMappingURL=justify-space-between.js.map
|
8399 |
+
;// CONCATENATED MODULE: ./packages/icons/build-module/library/arrow-right.js
|
8400 |
+
|
8401 |
+
|
8402 |
+
/**
|
8403 |
+
* WordPress dependencies
|
8404 |
+
*/
|
8405 |
+
|
8406 |
+
const arrowRight = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
|
8407 |
+
xmlns: "http://www.w3.org/2000/svg",
|
8408 |
+
viewBox: "0 0 24 24"
|
8409 |
+
}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
|
8410 |
+
d: "M14.3 6.7l-1.1 1.1 4 4H4v1.5h13.3l-4.1 4.4 1.1 1.1 5.8-6.3z"
|
8411 |
+
}));
|
8412 |
+
/* harmony default export */ var arrow_right = (arrowRight);
|
8413 |
+
//# sourceMappingURL=arrow-right.js.map
|
8414 |
+
;// CONCATENATED MODULE: ./packages/icons/build-module/library/arrow-down.js
|
8415 |
+
|
8416 |
+
|
8417 |
+
/**
|
8418 |
+
* WordPress dependencies
|
8419 |
+
*/
|
8420 |
+
|
8421 |
+
const arrowDown = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
|
8422 |
+
xmlns: "http://www.w3.org/2000/svg",
|
8423 |
+
viewBox: "0 0 24 24"
|
8424 |
+
}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
|
8425 |
+
d: "M16.2 13.2l-4 4V4h-1.5v13.3l-4.5-4.1-1 1.1 6.2 5.8 5.8-5.8-1-1.1z"
|
8426 |
+
}));
|
8427 |
+
/* harmony default export */ var arrow_down = (arrowDown);
|
8428 |
+
//# sourceMappingURL=arrow-down.js.map
|
8429 |
;// CONCATENATED MODULE: ./packages/block-editor/build-module/layouts/utils.js
|
8430 |
/**
|
8431 |
* Utility to generate the proper CSS selector for layout styles.
|
8468 |
'color.customGradient': settings => settings.disableCustomGradients === undefined ? undefined : !settings.disableCustomGradients,
|
8469 |
'typography.fontSizes': settings => settings.fontSizes === undefined ? undefined : settings.fontSizes,
|
8470 |
'typography.customFontSize': settings => settings.disableCustomFontSizes === undefined ? undefined : !settings.disableCustomFontSizes,
|
8471 |
+
'typography.lineHeight': settings => settings.enableCustomLineHeight,
|
8472 |
'spacing.units': settings => {
|
8473 |
if (settings.enableCustomUnits === undefined) {
|
8474 |
return;
|
8480 |
|
8481 |
return settings.enableCustomUnits;
|
8482 |
},
|
8483 |
+
'spacing.padding': settings => settings.enableCustomSpacing
|
8484 |
+
};
|
8485 |
+
const prefixedFlags = {
|
8486 |
+
/*
|
8487 |
+
* These were only available in the plugin
|
8488 |
+
* and can be removed when the minimum WordPress version
|
8489 |
+
* for the plugin is 5.9.
|
8490 |
+
*/
|
8491 |
+
'border.customColor': 'border.color',
|
8492 |
+
'border.customStyle': 'border.style',
|
8493 |
+
'border.customWidth': 'border.width',
|
8494 |
+
'typography.customFontStyle': 'typography.fontStyle',
|
8495 |
+
'typography.customFontWeight': 'typography.fontWeight',
|
8496 |
+
'typography.customLetterSpacing': 'typography.letterSpacing',
|
8497 |
+
'typography.customTextDecorations': 'typography.textDecoration',
|
8498 |
+
'typography.customTextTransforms': 'typography.textTransform',
|
8499 |
+
|
8500 |
+
/*
|
8501 |
+
* These were part of WordPress 5.8 and we need to keep them.
|
8502 |
+
*/
|
8503 |
+
'border.customRadius': 'border.radius',
|
8504 |
+
'spacing.customMargin': 'spacing.margin',
|
8505 |
+
'spacing.customPadding': 'spacing.padding',
|
8506 |
+
'typography.customLineHeight': 'typography.lineHeight'
|
8507 |
+
};
|
8508 |
+
/**
|
8509 |
+
* Remove `custom` prefixes for flags that did not land in 5.8.
|
8510 |
+
*
|
8511 |
+
* This provides continued support for `custom` prefixed properties. It will
|
8512 |
+
* be removed once third party devs have had sufficient time to update themes,
|
8513 |
+
* plugins, etc.
|
8514 |
+
*
|
8515 |
+
* @see https://github.com/WordPress/gutenberg/pull/34485
|
8516 |
+
*
|
8517 |
+
* @param {string} path Path to desired value in settings.
|
8518 |
+
* @return {string} The value for defined setting.
|
8519 |
+
*/
|
8520 |
+
|
8521 |
+
const removeCustomPrefixes = path => {
|
8522 |
+
return prefixedFlags[path] || path;
|
8523 |
};
|
8524 |
/**
|
8525 |
* Hook that retrieves the editor setting.
|
8526 |
* It works with nested objects using by finding the value at path.
|
8527 |
*
|
8528 |
* @param {string} path The path to the setting.
|
|
|
8529 |
* @return {any} Returns the value defined for the setting.
|
|
|
8530 |
* @example
|
8531 |
* ```js
|
8532 |
* const isEnabled = useSetting( 'typography.dropCap' );
|
8533 |
* ```
|
8534 |
*/
|
8535 |
|
8536 |
+
|
8537 |
function useSetting(path) {
|
8538 |
const {
|
8539 |
name: blockName
|
8544 |
const settings = select(store).getSettings(); // 1 - Use __experimental features, if available.
|
8545 |
// We cascade to the all value if the block one is not available.
|
8546 |
|
8547 |
+
const normalizedPath = removeCustomPrefixes(path);
|
8548 |
+
const defaultsPath = `__experimentalFeatures.${normalizedPath}`;
|
8549 |
+
const blockPath = `__experimentalFeatures.blocks.${blockName}.${normalizedPath}`;
|
8550 |
const experimentalFeaturesResult = (_get = (0,external_lodash_namespaceObject.get)(settings, blockPath)) !== null && _get !== void 0 ? _get : (0,external_lodash_namespaceObject.get)(settings, defaultsPath);
|
8551 |
|
8552 |
if (experimentalFeaturesResult !== undefined) {
|
8553 |
+
if (external_wp_blocks_namespaceObject.__EXPERIMENTAL_PATHS_WITH_MERGE[normalizedPath]) {
|
8554 |
var _ref, _experimentalFeatures;
|
8555 |
|
8556 |
return (_ref = (_experimentalFeatures = experimentalFeaturesResult.user) !== null && _experimentalFeatures !== void 0 ? _experimentalFeatures : experimentalFeaturesResult.theme) !== null && _ref !== void 0 ? _ref : experimentalFeaturesResult.core;
|
8560 |
} // 2 - Use deprecated settings, otherwise.
|
8561 |
|
8562 |
|
8563 |
+
const deprecatedSettingsValue = deprecatedFlags[normalizedPath] ? deprecatedFlags[normalizedPath](settings) : undefined;
|
8564 |
|
8565 |
if (deprecatedSettingsValue !== undefined) {
|
8566 |
return deprecatedSettingsValue;
|
8570 |
// To remove when __experimentalFeatures are ported to core.
|
8571 |
|
8572 |
|
8573 |
+
return normalizedPath === 'typography.dropCap' ? true : undefined;
|
8574 |
}, [blockName, path]);
|
8575 |
return setting;
|
8576 |
}
|
8685 |
|
8686 |
|
8687 |
|
8688 |
+
// Used with the default, horizontal flex orientation.
|
8689 |
|
8690 |
const justifyContentMap = {
|
8691 |
left: 'flex-start',
|
8692 |
right: 'flex-end',
|
8693 |
center: 'center',
|
8694 |
'space-between': 'space-between'
|
8695 |
+
}; // Used with the vertical (column) flex orientation.
|
8696 |
+
|
8697 |
+
const alignItemsMap = {
|
8698 |
+
left: 'flex-start',
|
8699 |
+
right: 'flex-end',
|
8700 |
+
center: 'center'
|
8701 |
};
|
8702 |
+
const flexWrapOptions = ['wrap', 'nowrap'];
|
8703 |
/* harmony default export */ var flex = ({
|
8704 |
name: 'flex',
|
8705 |
label: (0,external_wp_i18n_namespaceObject.__)('Flex'),
|
8707 |
layout = {},
|
8708 |
onChange
|
8709 |
}) {
|
8710 |
+
const {
|
8711 |
+
allowOrientation = true
|
8712 |
+
} = layout;
|
8713 |
+
return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Flex, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.FlexItem, null, (0,external_wp_element_namespaceObject.createElement)(FlexLayoutJustifyContentControl, {
|
8714 |
layout: layout,
|
8715 |
onChange: onChange
|
8716 |
+
})), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.FlexItem, null, allowOrientation && (0,external_wp_element_namespaceObject.createElement)(OrientationControl, {
|
8717 |
+
layout: layout,
|
8718 |
+
onChange: onChange
|
8719 |
+
}))), (0,external_wp_element_namespaceObject.createElement)(FlexWrapControl, {
|
8720 |
+
layout: layout,
|
8721 |
+
onChange: onChange
|
8722 |
+
}));
|
8723 |
},
|
8724 |
toolBarControls: function FlexLayoutToolbarControls({
|
8725 |
layout = {},
|
8743 |
selector,
|
8744 |
layout
|
8745 |
}) {
|
8746 |
+
const {
|
8747 |
+
orientation = 'horizontal',
|
8748 |
+
setCascadingProperties = false
|
8749 |
+
} = layout;
|
8750 |
const blockGapSupport = useSetting('spacing.blockGap');
|
8751 |
const hasBlockGapStylesSupport = blockGapSupport !== null;
|
8752 |
+
const justifyContent = justifyContentMap[layout.justifyContent] || justifyContentMap.left;
|
8753 |
+
const flexWrap = flexWrapOptions.includes(layout.flexWrap) ? layout.flexWrap : 'wrap';
|
8754 |
+
let rowOrientation = `
|
8755 |
+
flex-direction: row;
|
8756 |
+
align-items: center;
|
8757 |
+
justify-content: ${justifyContent};
|
8758 |
+
`;
|
8759 |
+
|
8760 |
+
if (setCascadingProperties) {
|
8761 |
+
// --layout-justification-setting allows children to inherit the value
|
8762 |
+
// regardless or row or column direction.
|
8763 |
+
rowOrientation += `
|
8764 |
+
--layout-justification-setting: ${justifyContent};
|
8765 |
+
--layout-direction: row;
|
8766 |
+
--layout-wrap: ${flexWrap};
|
8767 |
+
--layout-justify: ${justifyContent};
|
8768 |
+
--layout-align: center;
|
8769 |
+
`;
|
8770 |
+
}
|
8771 |
+
|
8772 |
+
const alignItems = alignItemsMap[layout.justifyContent] || alignItemsMap.left;
|
8773 |
+
let columnOrientation = `
|
8774 |
+
flex-direction: column;
|
8775 |
+
align-items: ${alignItems};
|
8776 |
+
`;
|
8777 |
+
|
8778 |
+
if (setCascadingProperties) {
|
8779 |
+
columnOrientation += `
|
8780 |
+
--layout-justification-setting: ${alignItems};
|
8781 |
+
--layout-direction: column;
|
8782 |
+
--layout-justify: initial;
|
8783 |
+
--layout-align: ${alignItems};
|
8784 |
+
`;
|
8785 |
+
}
|
8786 |
+
|
8787 |
return (0,external_wp_element_namespaceObject.createElement)("style", null, `
|
8788 |
${appendSelectors(selector)} {
|
8789 |
display: flex;
|
8790 |
gap: ${hasBlockGapStylesSupport ? 'var( --wp--style--block-gap, 0.5em )' : '0.5em'};
|
8791 |
+
flex-wrap: ${flexWrap};
|
8792 |
+
${orientation === 'horizontal' ? rowOrientation : columnOrientation}
|
|
|
|
|
8793 |
}
|
8794 |
|
8795 |
${appendSelectors(selector, '> *')} {
|
8798 |
`);
|
8799 |
},
|
8800 |
|
8801 |
+
getOrientation(layout) {
|
8802 |
+
const {
|
8803 |
+
orientation = 'horizontal'
|
8804 |
+
} = layout;
|
8805 |
+
return orientation;
|
8806 |
},
|
8807 |
|
8808 |
getAlignments() {
|
8810 |
}
|
8811 |
|
8812 |
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
8813 |
|
8814 |
function FlexLayoutJustifyContentControl({
|
8815 |
layout,
|
8817 |
isToolbar = false
|
8818 |
}) {
|
8819 |
const {
|
8820 |
+
justifyContent = 'left',
|
8821 |
+
orientation = 'horizontal'
|
8822 |
} = layout;
|
8823 |
|
8824 |
const onJustificationChange = value => {
|
8827 |
});
|
8828 |
};
|
8829 |
|
8830 |
+
const allowedControls = ['left', 'center', 'right'];
|
8831 |
+
|
8832 |
+
if (orientation === 'horizontal') {
|
8833 |
+
allowedControls.push('space-between');
|
8834 |
+
}
|
8835 |
+
|
8836 |
if (isToolbar) {
|
8837 |
return (0,external_wp_element_namespaceObject.createElement)(JustifyContentControl, {
|
8838 |
+
allowedControls: allowedControls,
|
8839 |
value: justifyContent,
|
8840 |
onChange: onJustificationChange,
|
8841 |
popoverProps: {
|
8845 |
});
|
8846 |
}
|
8847 |
|
8848 |
+
const justificationOptions = [{
|
8849 |
+
value: 'left',
|
8850 |
+
icon: justify_left,
|
8851 |
+
label: (0,external_wp_i18n_namespaceObject.__)('Justify items left')
|
8852 |
+
}, {
|
8853 |
+
value: 'center',
|
8854 |
+
icon: justify_center,
|
8855 |
+
label: (0,external_wp_i18n_namespaceObject.__)('Justify items center')
|
8856 |
+
}, {
|
8857 |
+
value: 'right',
|
8858 |
+
icon: justify_right,
|
8859 |
+
label: (0,external_wp_i18n_namespaceObject.__)('Justify items right')
|
8860 |
+
}];
|
8861 |
+
|
8862 |
+
if (orientation === 'horizontal') {
|
8863 |
+
justificationOptions.push({
|
8864 |
+
value: 'space-between',
|
8865 |
+
icon: justify_space_between,
|
8866 |
+
label: (0,external_wp_i18n_namespaceObject.__)('Space between items')
|
8867 |
+
});
|
8868 |
+
}
|
8869 |
+
|
8870 |
return (0,external_wp_element_namespaceObject.createElement)("fieldset", {
|
8871 |
className: "block-editor-hooks__flex-layout-justification-controls"
|
8872 |
}, (0,external_wp_element_namespaceObject.createElement)("legend", null, (0,external_wp_i18n_namespaceObject.__)('Justification')), (0,external_wp_element_namespaceObject.createElement)("div", null, justificationOptions.map(({
|
8883 |
});
|
8884 |
})));
|
8885 |
}
|
8886 |
+
|
8887 |
+
function FlexWrapControl({
|
8888 |
+
layout,
|
8889 |
+
onChange
|
8890 |
+
}) {
|
8891 |
+
const {
|
8892 |
+
flexWrap = 'wrap'
|
8893 |
+
} = layout;
|
8894 |
+
return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, {
|
8895 |
+
label: (0,external_wp_i18n_namespaceObject.__)('Allow to wrap to multiple lines'),
|
8896 |
+
onChange: value => {
|
8897 |
+
onChange({ ...layout,
|
8898 |
+
flexWrap: value ? 'wrap' : 'nowrap'
|
8899 |
+
});
|
8900 |
+
},
|
8901 |
+
checked: flexWrap === 'wrap'
|
8902 |
+
});
|
8903 |
+
}
|
8904 |
+
|
8905 |
+
function OrientationControl({
|
8906 |
+
layout,
|
8907 |
+
onChange
|
8908 |
+
}) {
|
8909 |
+
const {
|
8910 |
+
orientation = 'horizontal'
|
8911 |
+
} = layout;
|
8912 |
+
return (0,external_wp_element_namespaceObject.createElement)("fieldset", {
|
8913 |
+
className: "block-editor-hooks__flex-layout-orientation-controls"
|
8914 |
+
}, (0,external_wp_element_namespaceObject.createElement)("legend", null, (0,external_wp_i18n_namespaceObject.__)('Orientation')), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, {
|
8915 |
+
label: 'horizontal',
|
8916 |
+
icon: arrow_right,
|
8917 |
+
isPressed: orientation === 'horizontal',
|
8918 |
+
onClick: () => onChange({ ...layout,
|
8919 |
+
orientation: 'horizontal'
|
8920 |
+
})
|
8921 |
+
}), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, {
|
8922 |
+
label: 'vertical',
|
8923 |
+
icon: arrow_down,
|
8924 |
+
isPressed: orientation === 'vertical',
|
8925 |
+
onClick: () => onChange({ ...layout,
|
8926 |
+
orientation: 'vertical'
|
8927 |
+
})
|
8928 |
+
}));
|
8929 |
+
}
|
8930 |
//# sourceMappingURL=flex.js.map
|
8931 |
;// CONCATENATED MODULE: ./packages/icons/build-module/icon/index.js
|
8932 |
/**
|
9733 |
const InspectorControlsDefault = (0,external_wp_components_namespaceObject.createSlotFill)('InspectorControls');
|
9734 |
const InspectorControlsAdvanced = (0,external_wp_components_namespaceObject.createSlotFill)('InspectorAdvancedControls');
|
9735 |
const InspectorControlsDimensions = (0,external_wp_components_namespaceObject.createSlotFill)('InspectorControlsDimensions');
|
9736 |
+
const InspectorControlsTypography = (0,external_wp_components_namespaceObject.createSlotFill)('InspectorControlsTypography');
|
9737 |
const groups_groups = {
|
9738 |
default: InspectorControlsDefault,
|
9739 |
advanced: InspectorControlsAdvanced,
|
9740 |
+
dimensions: InspectorControlsDimensions,
|
9741 |
+
typography: InspectorControlsTypography
|
9742 |
};
|
9743 |
/* harmony default export */ var inspector_controls_groups = (groups_groups);
|
9744 |
//# sourceMappingURL=groups.js.map
|
15934 |
const startParents = getBlockParents(blockSelectionStart);
|
15935 |
|
15936 |
if (blockSelectionStart && blockSelectionStart !== clientId && !(startParents !== null && startParents !== void 0 && startParents.includes(clientId))) {
|
|
|
15937 |
const startPath = [...startParents, blockSelectionStart];
|
15938 |
const endPath = [...getBlockParents(clientId), clientId];
|
15939 |
const depth = Math.min(startPath.length, endPath.length) - 1;
|
15940 |
+
const start = startPath[depth];
|
15941 |
+
const end = endPath[depth]; // Handle the case of having selected a parent block and
|
15942 |
+
// then sfift+click on a child.
|
15943 |
+
|
15944 |
+
if (start !== end) {
|
15945 |
+
toggleRichText(node, false);
|
15946 |
+
multiSelect(start, end);
|
15947 |
+
event.preventDefault();
|
15948 |
+
}
|
15949 |
}
|
15950 |
} else if (hasMultiSelection()) {
|
15951 |
// Allow user to escape out of a multi-selection to a
|
16516 |
|
16517 |
|
16518 |
|
16519 |
+
|
16520 |
+
|
16521 |
function BlockIcon({
|
16522 |
icon,
|
16523 |
showColors = false,
|
16545 |
})
|
16546 |
}, renderedIcon);
|
16547 |
}
|
16548 |
+
|
16549 |
+
/* harmony default export */ var block_icon = ((0,external_wp_element_namespaceObject.memo)(BlockIcon));
|
16550 |
//# sourceMappingURL=index.js.map
|
16551 |
;// CONCATENATED MODULE: ./packages/block-editor/build-module/components/block-card/index.js
|
16552 |
|
16581 |
|
16582 |
return (0,external_wp_element_namespaceObject.createElement)("div", {
|
16583 |
className: "block-editor-block-card"
|
16584 |
+
}, (0,external_wp_element_namespaceObject.createElement)(block_icon, {
|
16585 |
icon: icon,
|
16586 |
showColors: true
|
16587 |
}), (0,external_wp_element_namespaceObject.createElement)("div", {
|
19792 |
}, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Flex, {
|
19793 |
justify: "center",
|
19794 |
className: "block-editor-block-draggable-chip__content"
|
19795 |
+
}, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.FlexItem, null, icon ? (0,external_wp_element_namespaceObject.createElement)(block_icon, {
|
19796 |
icon: icon
|
19797 |
}) : (0,external_wp_i18n_namespaceObject.sprintf)(
|
19798 |
/* translators: %d: Number of blocks. */
|
19799 |
+
(0,external_wp_i18n_namespaceObject._n)('%d block', '%d blocks', count), count)), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.FlexItem, null, (0,external_wp_element_namespaceObject.createElement)(block_icon, {
|
19800 |
icon: drag_handle
|
19801 |
})))));
|
19802 |
}
|
19964 |
}, props), (0,external_wp_element_namespaceObject.createElement)("span", {
|
19965 |
className: "block-editor-block-types-list__item-icon",
|
19966 |
style: itemIconStyle
|
19967 |
+
}, (0,external_wp_element_namespaceObject.createElement)(block_icon, {
|
19968 |
icon: item.icon,
|
19969 |
showColors: true
|
19970 |
})), (0,external_wp_element_namespaceObject.createElement)("span", {
|
20341 |
|
20342 |
|
20343 |
|
20344 |
+
|
20345 |
function PatternInserterPanel({
|
20346 |
selectedCategory,
|
20347 |
patternCategories,
|
20348 |
onClickCategory,
|
20349 |
+
openPatternExplorer
|
20350 |
}) {
|
20351 |
+
const isMobile = (0,external_wp_compose_namespaceObject.useViewportMatch)('medium', '<');
|
20352 |
+
|
20353 |
const categoryOptions = () => {
|
20354 |
const options = [];
|
20355 |
patternCategories.map(patternCategory => {
|
20365 |
onClickCategory(patternCategories.find(patternCategory => selected === patternCategory.name));
|
20366 |
};
|
20367 |
|
20368 |
+
const className = classnames_default()('block-editor-inserter__panel-header', 'block-editor-inserter__panel-header-patterns'); // In iOS-based mobile devices, the onBlur will fire when selecting an option
|
|
|
|
|
20369 |
// from a Select element. To prevent closing the useDialog on iOS devices, we
|
20370 |
// stop propagating the onBlur event if there is no relatedTarget, which means
|
20371 |
// that the user most likely did not click on an element within the editor canvas.
|
20372 |
|
|
|
20373 |
const onBlur = event => {
|
20374 |
if (!(event !== null && event !== void 0 && event.relatedTarget)) {
|
20375 |
event.stopPropagation();
|
20376 |
}
|
20377 |
};
|
20378 |
|
20379 |
+
return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Flex, {
|
20380 |
+
justify: "space-between",
|
20381 |
+
align: "start",
|
20382 |
+
gap: "4",
|
20383 |
+
className: className
|
20384 |
+
}, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.FlexItem, {
|
20385 |
+
isBlock: true
|
20386 |
}, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SelectControl, {
|
20387 |
className: "block-editor-inserter__panel-dropdown",
|
20388 |
label: (0,external_wp_i18n_namespaceObject.__)('Filter patterns'),
|
20391 |
onChange: onChangeSelect,
|
20392 |
onBlur: onBlur,
|
20393 |
options: categoryOptions()
|
20394 |
+
})), !isMobile && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.FlexItem, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, {
|
20395 |
+
variant: "secondary",
|
20396 |
+
className: "block-editor-inserter__patterns-explorer-expand",
|
20397 |
+
label: (0,external_wp_i18n_namespaceObject.__)('Explore all patterns'),
|
20398 |
+
onClick: () => openPatternExplorer()
|
20399 |
+
}, (0,external_wp_i18n_namespaceObject._x)('Explore', 'Label for showing all block patterns'))));
|
20400 |
}
|
20401 |
|
20402 |
/* harmony default export */ var pattern_panel = (PatternInserterPanel);
|
20471 |
|
20472 |
|
20473 |
|
|
|
20474 |
/**
|
20475 |
* Internal dependencies
|
20476 |
*/
|
20478 |
|
20479 |
|
20480 |
|
|
|
20481 |
function BlockPattern({
|
20482 |
isDraggable,
|
20483 |
pattern,
|
20485 |
composite
|
20486 |
}) {
|
20487 |
const {
|
20488 |
+
blocks,
|
20489 |
viewportWidth
|
20490 |
} = pattern;
|
|
|
|
|
|
|
20491 |
const instanceId = (0,external_wp_compose_namespaceObject.useInstanceId)(BlockPattern);
|
20492 |
const descriptionId = `block-editor-block-patterns-list__item-description-${instanceId}`;
|
20493 |
return (0,external_wp_element_namespaceObject.createElement)(inserter_draggable_blocks, {
|
20557 |
|
20558 |
/* harmony default export */ var block_patterns_list = (BlockPatternList);
|
20559 |
//# sourceMappingURL=index.js.map
|
20560 |
+
;// CONCATENATED MODULE: ./packages/block-editor/build-module/components/inserter/block-patterns-explorer/sidebar.js
|
20561 |
|
20562 |
|
|
|
|
|
|
|
|
|
20563 |
/**
|
20564 |
* WordPress dependencies
|
20565 |
*/
|
20566 |
|
20567 |
|
20568 |
|
20569 |
+
function PatternCategoriesList({
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
20570 |
selectedCategory,
|
20571 |
+
patternCategories,
|
20572 |
onClickCategory
|
20573 |
}) {
|
20574 |
+
const baseClassName = 'block-editor-block-patterns-explorer__sidebar';
|
20575 |
+
return (0,external_wp_element_namespaceObject.createElement)("div", {
|
20576 |
+
className: `${baseClassName}__categories-list`
|
20577 |
+
}, patternCategories.map(({
|
20578 |
+
name,
|
20579 |
+
label
|
|
|
|
|
|
|
|
|
20580 |
}) => {
|
20581 |
+
return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, {
|
20582 |
+
key: name,
|
20583 |
+
label: label,
|
20584 |
+
className: `${baseClassName}__categories-list__item`,
|
20585 |
+
isPressed: selectedCategory === name,
|
20586 |
+
onClick: () => {
|
20587 |
+
onClickCategory(name);
|
20588 |
+
}
|
20589 |
+
}, label);
|
20590 |
+
}));
|
20591 |
+
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
20592 |
|
20593 |
+
function PatternsExplorerSearch({
|
20594 |
+
filterValue,
|
20595 |
+
setFilterValue
|
20596 |
+
}) {
|
20597 |
+
const baseClassName = 'block-editor-block-patterns-explorer__search';
|
20598 |
+
return (0,external_wp_element_namespaceObject.createElement)("div", {
|
20599 |
+
className: baseClassName
|
20600 |
+
}, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SearchControl, {
|
20601 |
+
onChange: setFilterValue,
|
20602 |
+
value: filterValue,
|
20603 |
+
label: (0,external_wp_i18n_namespaceObject.__)('Search for patterns'),
|
20604 |
+
placeholder: (0,external_wp_i18n_namespaceObject.__)('Search')
|
20605 |
+
}));
|
|
|
|
|
|
|
|
|
|
|
20606 |
}
|
20607 |
|
20608 |
+
function PatternExplorerSidebar({
|
20609 |
+
selectedCategory,
|
20610 |
+
patternCategories,
|
20611 |
onClickCategory,
|
20612 |
+
filterValue,
|
20613 |
+
setFilterValue
|
20614 |
}) {
|
20615 |
+
const baseClassName = 'block-editor-block-patterns-explorer__sidebar';
|
20616 |
+
return (0,external_wp_element_namespaceObject.createElement)("div", {
|
20617 |
+
className: baseClassName
|
20618 |
+
}, (0,external_wp_element_namespaceObject.createElement)(PatternsExplorerSearch, {
|
20619 |
+
filterValue: filterValue,
|
20620 |
+
setFilterValue: setFilterValue
|
20621 |
+
}), !filterValue && (0,external_wp_element_namespaceObject.createElement)(PatternCategoriesList, {
|
20622 |
selectedCategory: selectedCategory,
|
20623 |
+
patternCategories: patternCategories,
|
20624 |
onClickCategory: onClickCategory
|
20625 |
+
}));
|
20626 |
}
|
20627 |
|
20628 |
+
/* harmony default export */ var sidebar = (PatternExplorerSidebar);
|
20629 |
+
//# sourceMappingURL=sidebar.js.map
|
|
|
|
|
20630 |
;// CONCATENATED MODULE: ./packages/block-editor/build-module/components/inserter/no-results.js
|
20631 |
|
20632 |
|
20647 |
|
20648 |
/* harmony default export */ var no_results = (InserterNoResults);
|
20649 |
//# sourceMappingURL=no-results.js.map
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
20650 |
;// CONCATENATED MODULE: ./packages/block-editor/build-module/components/inserter/hooks/use-insertion-point.js
|
20651 |
/**
|
20652 |
* External dependencies
|
20924 |
return rank;
|
20925 |
}
|
20926 |
//# sourceMappingURL=search-items.js.map
|
20927 |
+
;// CONCATENATED MODULE: ./packages/block-editor/build-module/components/inserter/block-patterns-explorer/patterns-list.js
|
20928 |
+
|
20929 |
+
|
20930 |
+
/**
|
20931 |
+
* WordPress dependencies
|
20932 |
+
*/
|
20933 |
+
|
20934 |
+
|
20935 |
+
|
20936 |
+
|
20937 |
+
|
20938 |
+
/**
|
20939 |
+
* Internal dependencies
|
20940 |
+
*/
|
20941 |
+
|
20942 |
+
|
20943 |
+
|
20944 |
+
|
20945 |
+
|
20946 |
+
|
20947 |
+
|
20948 |
+
const INITIAL_INSERTER_RESULTS = 2;
|
20949 |
+
|
20950 |
+
function PatternsListHeader({
|
20951 |
+
filterValue,
|
20952 |
+
filteredBlockPatternsLength
|
20953 |
+
}) {
|
20954 |
+
if (!filterValue) {
|
20955 |
+
return null;
|
20956 |
+
}
|
20957 |
+
|
20958 |
+
return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalHeading, {
|
20959 |
+
level: 2,
|
20960 |
+
lineHeight: '48px',
|
20961 |
+
className: "block-editor-block-patterns-explorer__search-results-count"
|
20962 |
+
}, (0,external_wp_i18n_namespaceObject.sprintf)(
|
20963 |
+
/* translators: %d: number of patterns. %s: block pattern search query */
|
20964 |
+
(0,external_wp_i18n_namespaceObject._n)('%1$d pattern found for "%2$s"', '%1$d patterns found for "%2$s"', filteredBlockPatternsLength), filteredBlockPatternsLength, filterValue));
|
20965 |
+
}
|
20966 |
+
|
20967 |
+
function PatternList({
|
20968 |
+
filterValue,
|
20969 |
+
selectedCategory,
|
20970 |
+
patternCategories
|
20971 |
+
}) {
|
20972 |
+
const debouncedSpeak = (0,external_wp_compose_namespaceObject.useDebounce)(external_wp_a11y_namespaceObject.speak, 500);
|
20973 |
+
const [destinationRootClientId, onInsertBlocks] = use_insertion_point({
|
20974 |
+
shouldFocusBlock: true
|
20975 |
+
});
|
20976 |
+
const [allPatterns,, onSelectBlockPattern] = use_patterns_state(onInsertBlocks, destinationRootClientId);
|
20977 |
+
const registeredPatternCategories = (0,external_wp_element_namespaceObject.useMemo)(() => patternCategories.map(patternCategory => patternCategory.name), [patternCategories]);
|
20978 |
+
const filteredBlockPatterns = (0,external_wp_element_namespaceObject.useMemo)(() => {
|
20979 |
+
if (!filterValue) {
|
20980 |
+
return allPatterns.filter(pattern => {
|
20981 |
+
var _pattern$categories, _pattern$categories2;
|
20982 |
+
|
20983 |
+
return selectedCategory === 'uncategorized' ? !((_pattern$categories = pattern.categories) !== null && _pattern$categories !== void 0 && _pattern$categories.length) || pattern.categories.every(category => !registeredPatternCategories.includes(category)) : (_pattern$categories2 = pattern.categories) === null || _pattern$categories2 === void 0 ? void 0 : _pattern$categories2.includes(selectedCategory);
|
20984 |
+
});
|
20985 |
+
}
|
20986 |
+
|
20987 |
+
return searchItems(allPatterns, filterValue);
|
20988 |
+
}, [filterValue, selectedCategory, allPatterns]); // Announce search results on change.
|
20989 |
+
|
20990 |
+
(0,external_wp_element_namespaceObject.useEffect)(() => {
|
20991 |
+
if (!filterValue) {
|
20992 |
+
return;
|
20993 |
+
}
|
20994 |
+
|
20995 |
+
const count = filteredBlockPatterns.length;
|
20996 |
+
const resultsFoundMessage = (0,external_wp_i18n_namespaceObject.sprintf)(
|
20997 |
+
/* translators: %d: number of results. */
|
20998 |
+
(0,external_wp_i18n_namespaceObject._n)('%d result found.', '%d results found.', count), count);
|
20999 |
+
debouncedSpeak(resultsFoundMessage);
|
21000 |
+
}, [filterValue, debouncedSpeak]);
|
21001 |
+
const currentShownPatterns = (0,external_wp_compose_namespaceObject.useAsyncList)(filteredBlockPatterns, {
|
21002 |
+
step: INITIAL_INSERTER_RESULTS
|
21003 |
+
});
|
21004 |
+
const hasItems = !!(filteredBlockPatterns !== null && filteredBlockPatterns !== void 0 && filteredBlockPatterns.length);
|
21005 |
+
return (0,external_wp_element_namespaceObject.createElement)("div", {
|
21006 |
+
className: "block-editor-block-patterns-explorer__list"
|
21007 |
+
}, hasItems && (0,external_wp_element_namespaceObject.createElement)(PatternsListHeader, {
|
21008 |
+
filterValue: filterValue,
|
21009 |
+
filteredBlockPatternsLength: filteredBlockPatterns.length
|
21010 |
+
}), (0,external_wp_element_namespaceObject.createElement)(inserter_listbox, null, !hasItems && (0,external_wp_element_namespaceObject.createElement)(no_results, null), hasItems && (0,external_wp_element_namespaceObject.createElement)(block_patterns_list, {
|
21011 |
+
shownPatterns: currentShownPatterns,
|
21012 |
+
blockPatterns: filteredBlockPatterns,
|
21013 |
+
onClickPattern: onSelectBlockPattern,
|
21014 |
+
isDraggable: false
|
21015 |
+
})));
|
21016 |
+
}
|
21017 |
+
|
21018 |
+
/* harmony default export */ var patterns_list = (PatternList);
|
21019 |
+
//# sourceMappingURL=patterns-list.js.map
|
21020 |
+
;// CONCATENATED MODULE: ./packages/block-editor/build-module/components/inserter/block-patterns-explorer/explorer.js
|
21021 |
+
|
21022 |
+
|
21023 |
+
/**
|
21024 |
+
* WordPress dependencies
|
21025 |
+
*/
|
21026 |
+
|
21027 |
+
|
21028 |
+
|
21029 |
+
/**
|
21030 |
+
* Internal dependencies
|
21031 |
+
*/
|
21032 |
+
|
21033 |
+
|
21034 |
+
|
21035 |
+
|
21036 |
+
function PatternsExplorer({
|
21037 |
+
initialCategory,
|
21038 |
+
patternCategories
|
21039 |
+
}) {
|
21040 |
+
const [filterValue, setFilterValue] = (0,external_wp_element_namespaceObject.useState)('');
|
21041 |
+
const [selectedCategory, setSelectedCategory] = (0,external_wp_element_namespaceObject.useState)(initialCategory === null || initialCategory === void 0 ? void 0 : initialCategory.name);
|
21042 |
+
return (0,external_wp_element_namespaceObject.createElement)("div", {
|
21043 |
+
className: "block-editor-block-patterns-explorer"
|
21044 |
+
}, (0,external_wp_element_namespaceObject.createElement)(sidebar, {
|
21045 |
+
selectedCategory: selectedCategory,
|
21046 |
+
patternCategories: patternCategories,
|
21047 |
+
onClickCategory: setSelectedCategory,
|
21048 |
+
filterValue: filterValue,
|
21049 |
+
setFilterValue: setFilterValue
|
21050 |
+
}), (0,external_wp_element_namespaceObject.createElement)(patterns_list, {
|
21051 |
+
filterValue: filterValue,
|
21052 |
+
selectedCategory: selectedCategory,
|
21053 |
+
patternCategories: patternCategories
|
21054 |
+
}));
|
21055 |
+
}
|
21056 |
+
|
21057 |
+
function PatternsExplorerModal({
|
21058 |
+
onModalClose,
|
21059 |
+
...restProps
|
21060 |
+
}) {
|
21061 |
+
return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Modal, {
|
21062 |
+
title: (0,external_wp_i18n_namespaceObject.__)('Patterns'),
|
21063 |
+
closeLabel: (0,external_wp_i18n_namespaceObject.__)('Close'),
|
21064 |
+
onRequestClose: onModalClose,
|
21065 |
+
isFullScreen: true
|
21066 |
+
}, (0,external_wp_element_namespaceObject.createElement)(PatternsExplorer, restProps));
|
21067 |
+
}
|
21068 |
+
|
21069 |
+
/* harmony default export */ var explorer = (PatternsExplorerModal);
|
21070 |
+
//# sourceMappingURL=explorer.js.map
|
21071 |
+
;// CONCATENATED MODULE: ./packages/block-editor/build-module/components/inserter/block-patterns-tab.js
|
21072 |
+
|
21073 |
+
|
21074 |
+
/**
|
21075 |
+
* WordPress dependencies
|
21076 |
+
*/
|
21077 |
+
|
21078 |
+
|
21079 |
+
|
21080 |
+
/**
|
21081 |
+
* Internal dependencies
|
21082 |
+
*/
|
21083 |
+
|
21084 |
+
|
21085 |
+
|
21086 |
+
|
21087 |
+
|
21088 |
+
|
21089 |
+
function BlockPatternsCategory({
|
21090 |
+
rootClientId,
|
21091 |
+
onInsert,
|
21092 |
+
selectedCategory,
|
21093 |
+
populatedCategories
|
21094 |
+
}) {
|
21095 |
+
const [allPatterns,, onClick] = use_patterns_state(onInsert, rootClientId);
|
21096 |
+
const getPatternIndex = (0,external_wp_element_namespaceObject.useCallback)(pattern => {
|
21097 |
+
var _pattern$categories;
|
21098 |
+
|
21099 |
+
if (!((_pattern$categories = pattern.categories) !== null && _pattern$categories !== void 0 && _pattern$categories.length)) {
|
21100 |
+
return Infinity;
|
21101 |
+
}
|
21102 |
+
|
21103 |
+
const indexedCategories = populatedCategories.reduce((accumulator, {
|
21104 |
+
name
|
21105 |
+
}, index) => {
|
21106 |
+
accumulator[name] = index;
|
21107 |
+
return accumulator;
|
21108 |
+
}, {});
|
21109 |
+
return Math.min(...pattern.categories.map(cat => indexedCategories[cat] !== undefined ? indexedCategories[cat] : Infinity));
|
21110 |
+
}, [populatedCategories]);
|
21111 |
+
const currentCategoryPatterns = (0,external_wp_element_namespaceObject.useMemo)(() => allPatterns.filter(pattern => {
|
21112 |
+
var _pattern$categories2;
|
21113 |
+
|
21114 |
+
return selectedCategory.name === 'uncategorized' ? getPatternIndex(pattern) === Infinity : (_pattern$categories2 = pattern.categories) === null || _pattern$categories2 === void 0 ? void 0 : _pattern$categories2.includes(selectedCategory.name);
|
21115 |
+
}), [allPatterns, selectedCategory]); // Ordering the patterns is important for the async rendering.
|
21116 |
+
|
21117 |
+
const orderedPatterns = (0,external_wp_element_namespaceObject.useMemo)(() => {
|
21118 |
+
return currentCategoryPatterns.sort((a, b) => {
|
21119 |
+
return getPatternIndex(a) - getPatternIndex(b);
|
21120 |
+
});
|
21121 |
+
}, [currentCategoryPatterns, getPatternIndex]);
|
21122 |
+
const currentShownPatterns = (0,external_wp_compose_namespaceObject.useAsyncList)(orderedPatterns);
|
21123 |
+
|
21124 |
+
if (!currentCategoryPatterns.length) {
|
21125 |
+
return null;
|
21126 |
+
}
|
21127 |
+
|
21128 |
+
return (0,external_wp_element_namespaceObject.createElement)("div", {
|
21129 |
+
className: "block-editor-inserter__panel-content"
|
21130 |
+
}, (0,external_wp_element_namespaceObject.createElement)(block_patterns_list, {
|
21131 |
+
shownPatterns: currentShownPatterns,
|
21132 |
+
blockPatterns: currentCategoryPatterns,
|
21133 |
+
onClickPattern: onClick,
|
21134 |
+
label: selectedCategory.label,
|
21135 |
+
orientation: "vertical",
|
21136 |
+
isDraggable: true
|
21137 |
+
}));
|
21138 |
+
}
|
21139 |
+
|
21140 |
+
function BlockPatternsTabs({
|
21141 |
+
rootClientId,
|
21142 |
+
onInsert,
|
21143 |
+
onClickCategory,
|
21144 |
+
selectedCategory
|
21145 |
+
}) {
|
21146 |
+
const [showPatternsExplorer, setShowPatternsExplorer] = (0,external_wp_element_namespaceObject.useState)(false);
|
21147 |
+
const [allPatterns, allCategories] = use_patterns_state();
|
21148 |
+
const hasRegisteredCategory = (0,external_wp_element_namespaceObject.useCallback)(pattern => {
|
21149 |
+
if (!pattern.categories || !pattern.categories.length) {
|
21150 |
+
return false;
|
21151 |
+
}
|
21152 |
+
|
21153 |
+
return pattern.categories.some(cat => allCategories.some(category => category.name === cat));
|
21154 |
+
}, [allCategories]); // Remove any empty categories
|
21155 |
+
|
21156 |
+
const populatedCategories = (0,external_wp_element_namespaceObject.useMemo)(() => {
|
21157 |
+
const categories = allCategories.filter(category => allPatterns.some(pattern => {
|
21158 |
+
var _pattern$categories3;
|
21159 |
+
|
21160 |
+
return (_pattern$categories3 = pattern.categories) === null || _pattern$categories3 === void 0 ? void 0 : _pattern$categories3.includes(category.name);
|
21161 |
+
})).sort(({
|
21162 |
+
name: currentName
|
21163 |
+
}, {
|
21164 |
+
name: nextName
|
21165 |
+
}) => {
|
21166 |
+
if (![currentName, nextName].includes('featured')) {
|
21167 |
+
return 0;
|
21168 |
+
}
|
21169 |
+
|
21170 |
+
return currentName === 'featured' ? -1 : 1;
|
21171 |
+
});
|
21172 |
+
|
21173 |
+
if (allPatterns.some(pattern => !hasRegisteredCategory(pattern)) && !categories.find(category => category.name === 'uncategorized')) {
|
21174 |
+
categories.push({
|
21175 |
+
name: 'uncategorized',
|
21176 |
+
label: (0,external_wp_i18n_namespaceObject._x)('Uncategorized')
|
21177 |
+
});
|
21178 |
+
}
|
21179 |
+
|
21180 |
+
return categories;
|
21181 |
+
}, [allPatterns, allCategories]);
|
21182 |
+
const patternCategory = selectedCategory ? selectedCategory : populatedCategories[0];
|
21183 |
+
return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, !showPatternsExplorer && (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(pattern_panel, {
|
21184 |
+
selectedCategory: patternCategory,
|
21185 |
+
patternCategories: populatedCategories,
|
21186 |
+
onClickCategory: onClickCategory,
|
21187 |
+
openPatternExplorer: () => setShowPatternsExplorer(true)
|
21188 |
+
}), (0,external_wp_element_namespaceObject.createElement)(BlockPatternsCategory, {
|
21189 |
+
rootClientId: rootClientId,
|
21190 |
+
onInsert: onInsert,
|
21191 |
+
selectedCategory: patternCategory,
|
21192 |
+
populatedCategories: populatedCategories
|
21193 |
+
})), showPatternsExplorer && (0,external_wp_element_namespaceObject.createElement)(explorer, {
|
21194 |
+
initialCategory: patternCategory,
|
21195 |
+
patternCategories: populatedCategories,
|
21196 |
+
onModalClose: () => setShowPatternsExplorer(false)
|
21197 |
+
}));
|
21198 |
+
}
|
21199 |
+
|
21200 |
+
/* harmony default export */ var block_patterns_tab = (BlockPatternsTabs);
|
21201 |
+
//# sourceMappingURL=block-patterns-tab.js.map
|
21202 |
+
;// CONCATENATED MODULE: external ["wp","url"]
|
21203 |
+
var external_wp_url_namespaceObject = window["wp"]["url"];
|
21204 |
+
;// CONCATENATED MODULE: ./packages/block-editor/build-module/components/inserter/reusable-blocks-tab.js
|
21205 |
+
|
21206 |
+
|
21207 |
+
/**
|
21208 |
+
* WordPress dependencies
|
21209 |
+
*/
|
21210 |
+
|
21211 |
+
|
21212 |
+
|
21213 |
+
/**
|
21214 |
+
* Internal dependencies
|
21215 |
+
*/
|
21216 |
+
|
21217 |
+
|
21218 |
+
|
21219 |
+
|
21220 |
+
|
21221 |
+
|
21222 |
+
function ReusableBlocksList({
|
21223 |
+
onHover,
|
21224 |
+
onInsert,
|
21225 |
+
rootClientId
|
21226 |
+
}) {
|
21227 |
+
const [items,,, onSelectItem] = use_block_types_state(rootClientId, onInsert);
|
21228 |
+
const filteredItems = (0,external_wp_element_namespaceObject.useMemo)(() => {
|
21229 |
+
return items.filter(({
|
21230 |
+
category
|
21231 |
+
}) => category === 'reusable');
|
21232 |
+
}, [items]);
|
21233 |
+
|
21234 |
+
if (filteredItems.length === 0) {
|
21235 |
+
return (0,external_wp_element_namespaceObject.createElement)(no_results, null);
|
21236 |
+
}
|
21237 |
+
|
21238 |
+
return (0,external_wp_element_namespaceObject.createElement)(panel, {
|
21239 |
+
title: (0,external_wp_i18n_namespaceObject.__)('Reusable blocks')
|
21240 |
+
}, (0,external_wp_element_namespaceObject.createElement)(block_types_list, {
|
21241 |
+
items: filteredItems,
|
21242 |
+
onSelect: onSelectItem,
|
21243 |
+
onHover: onHover,
|
21244 |
+
label: (0,external_wp_i18n_namespaceObject.__)('Reusable blocks')
|
21245 |
+
}));
|
21246 |
+
} // The unwrapped component is only exported for use by unit tests.
|
21247 |
+
|
21248 |
+
/**
|
21249 |
+
* List of reusable blocks shown in the "Reusable" tab of the inserter.
|
21250 |
+
*
|
21251 |
+
* @param {Object} props Component props.
|
21252 |
+
* @param {?string} props.rootClientId Client id of block to insert into.
|
21253 |
+
* @param {Function} props.onInsert Callback to run when item is inserted.
|
21254 |
+
* @param {Function} props.onHover Callback to run when item is hovered.
|
21255 |
+
*
|
21256 |
+
* @return {WPComponent} The component.
|
21257 |
+
*/
|
21258 |
+
|
21259 |
+
|
21260 |
+
function ReusableBlocksTab({
|
21261 |
+
rootClientId,
|
21262 |
+
onInsert,
|
21263 |
+
onHover
|
21264 |
+
}) {
|
21265 |
+
return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(ReusableBlocksList, {
|
21266 |
+
onHover: onHover,
|
21267 |
+
onInsert: onInsert,
|
21268 |
+
rootClientId: rootClientId
|
21269 |
+
}), (0,external_wp_element_namespaceObject.createElement)("div", {
|
21270 |
+
className: "block-editor-inserter__manage-reusable-blocks-container"
|
21271 |
+
}, (0,external_wp_element_namespaceObject.createElement)("a", {
|
21272 |
+
className: "block-editor-inserter__manage-reusable-blocks",
|
21273 |
+
href: (0,external_wp_url_namespaceObject.addQueryArgs)('edit.php', {
|
21274 |
+
post_type: 'wp_block'
|
21275 |
+
})
|
21276 |
+
}, (0,external_wp_i18n_namespaceObject.__)('Manage Reusable blocks'))));
|
21277 |
+
}
|
21278 |
+
/* harmony default export */ var reusable_blocks_tab = (ReusableBlocksTab);
|
21279 |
+
//# sourceMappingURL=reusable-blocks-tab.js.map
|
21280 |
+
;// CONCATENATED MODULE: ./packages/block-editor/build-module/components/inserter-menu-extension/index.js
|
21281 |
+
/**
|
21282 |
+
* WordPress dependencies
|
21283 |
+
*/
|
21284 |
+
|
21285 |
+
const {
|
21286 |
+
Fill: __unstableInserterMenuExtension,
|
21287 |
+
Slot
|
21288 |
+
} = (0,external_wp_components_namespaceObject.createSlotFill)('__unstableInserterMenuExtension');
|
21289 |
+
__unstableInserterMenuExtension.Slot = Slot;
|
21290 |
+
/* harmony default export */ var inserter_menu_extension = (__unstableInserterMenuExtension);
|
21291 |
+
//# sourceMappingURL=index.js.map
|
21292 |
;// CONCATENATED MODULE: ./packages/block-editor/build-module/components/inserter/search-results.js
|
21293 |
|
21294 |
|
21319 |
|
21320 |
|
21321 |
|
21322 |
+
const search_results_INITIAL_INSERTER_RESULTS = 9;
|
21323 |
/**
|
21324 |
* Shared reference to an empty array for cases where it is important to avoid
|
21325 |
* returning a new array reference on every invocation and rerendering the component.
|
21375 |
debouncedSpeak(resultsFoundMessage);
|
21376 |
}, [filterValue, debouncedSpeak]);
|
21377 |
const currentShownBlockTypes = (0,external_wp_compose_namespaceObject.useAsyncList)(filteredBlockTypes, {
|
21378 |
+
step: search_results_INITIAL_INSERTER_RESULTS
|
21379 |
});
|
21380 |
const currentShownPatterns = (0,external_wp_compose_namespaceObject.useAsyncList)(currentShownBlockTypes.length === filteredBlockTypes.length ? filteredBlockPatterns : search_results_EMPTY_ARRAY);
|
21381 |
const hasItems = !(0,external_lodash_namespaceObject.isEmpty)(filteredBlockTypes) || !(0,external_lodash_namespaceObject.isEmpty)(filteredBlockPatterns);
|
23459 |
}, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Flex, {
|
23460 |
justify: "center",
|
23461 |
className: "block-editor-block-list__block-selection-button__content"
|
23462 |
+
}, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.FlexItem, null, (0,external_wp_element_namespaceObject.createElement)(block_icon, {
|
23463 |
icon: blockInformation === null || blockInformation === void 0 ? void 0 : blockInformation.icon,
|
23464 |
showColors: true
|
23465 |
})), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.FlexItem, null, (0,external_wp_element_namespaceObject.createElement)(block_draggable, {
|
24392 |
/* translators: %s: Name of the block's parent. */
|
24393 |
(0,external_wp_i18n_namespaceObject.__)('Select %s'), blockInformation.title),
|
24394 |
showTooltip: true,
|
24395 |
+
icon: (0,external_wp_element_namespaceObject.createElement)(block_icon, {
|
24396 |
icon: blockInformation.icon
|
24397 |
})
|
24398 |
}));
|
24493 |
disabled: isDisabled,
|
24494 |
onMouseLeave: () => setHoveredTransformItemName(null),
|
24495 |
onMouseEnter: () => setHoveredTransformItemName(name)
|
24496 |
+
}, (0,external_wp_element_namespaceObject.createElement)(block_icon, {
|
24497 |
icon: icon,
|
24498 |
showColors: true
|
24499 |
}), title);
|
25151 |
disabled: true,
|
25152 |
className: "block-editor-block-switcher__no-switcher-icon",
|
25153 |
title: blockTitle,
|
25154 |
+
icon: (0,external_wp_element_namespaceObject.createElement)(block_icon, {
|
25155 |
icon: icon,
|
25156 |
showColors: true
|
25157 |
})
|
25173 |
isAlternate: true,
|
25174 |
className: 'block-editor-block-switcher__popover'
|
25175 |
},
|
25176 |
+
icon: (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(block_icon, {
|
25177 |
icon: icon,
|
25178 |
className: "block-editor-block-switcher__toggle",
|
25179 |
showColors: true
|
25991 |
const blockClientIds = (0,external_lodash_namespaceObject.castArray)(clientIds);
|
25992 |
const count = blockClientIds.length;
|
25993 |
const firstBlockClientId = blockClientIds[0];
|
25994 |
+
const {
|
25995 |
+
onlyBlock,
|
25996 |
+
title
|
25997 |
+
} = (0,external_wp_data_namespaceObject.useSelect)(select => {
|
25998 |
+
var _getBlockType;
|
25999 |
+
|
26000 |
+
const {
|
26001 |
+
getBlockCount,
|
26002 |
+
getBlockName
|
26003 |
+
} = select(store);
|
26004 |
+
const {
|
26005 |
+
getBlockType
|
26006 |
+
} = select(external_wp_blocks_namespaceObject.store);
|
26007 |
+
return {
|
26008 |
+
onlyBlock: 1 === getBlockCount(),
|
26009 |
+
title: (_getBlockType = getBlockType(getBlockName(firstBlockClientId))) === null || _getBlockType === void 0 ? void 0 : _getBlockType.title
|
26010 |
+
};
|
26011 |
+
}, [firstBlockClientId]);
|
26012 |
const shortcuts = (0,external_wp_data_namespaceObject.useSelect)(select => {
|
26013 |
const {
|
26014 |
getShortcutRepresentation
|
26027 |
__experimentalSelectBlock(ids[0]);
|
26028 |
}
|
26029 |
} : external_lodash_namespaceObject.noop, [__experimentalSelectBlock]);
|
26030 |
+
const label = (0,external_wp_i18n_namespaceObject.sprintf)(
|
26031 |
+
/* translators: %s: block name */
|
26032 |
+
(0,external_wp_i18n_namespaceObject.__)('Remove %s'), title);
|
26033 |
+
const removeBlockLabel = count === 1 ? label : (0,external_wp_i18n_namespaceObject.__)('Remove blocks');
|
26034 |
return (0,external_wp_element_namespaceObject.createElement)(BlockActions, {
|
26035 |
clientIds: clientIds,
|
26036 |
__experimentalUpdateSelection: !__experimentalSelectBlock
|
27532 |
clientId: clientId
|
27533 |
})) : (0,external_wp_element_namespaceObject.createElement)(BlockListItems, options)
|
27534 |
};
|
27535 |
+
}
|
27536 |
+
useInnerBlocksProps.save = external_wp_blocks_namespaceObject.__unstableGetInnerBlocksProps; // Expose default appender placeholders as components.
|
27537 |
|
27538 |
ForwardedInnerBlocks.DefaultBlockAppender = inner_blocks_default_block_appender;
|
27539 |
ForwardedInnerBlocks.ButtonBlockAppender = inner_blocks_button_block_appender;
|
27540 |
+
|
27541 |
+
ForwardedInnerBlocks.Content = () => useInnerBlocksProps.save().children;
|
|
|
27542 |
/**
|
27543 |
* @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/inner-blocks/README.md
|
27544 |
*/
|
27545 |
|
27546 |
+
|
27547 |
/* harmony default export */ var inner_blocks = (ForwardedInnerBlocks);
|
27548 |
//# sourceMappingURL=index.js.map
|
27549 |
;// CONCATENATED MODULE: ./packages/block-editor/build-module/components/block-list/index.js
|
27694 |
}, (0,external_wp_element_namespaceObject.createElement)(Items, props));
|
27695 |
}
|
27696 |
//# sourceMappingURL=index.js.map
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
27697 |
;// CONCATENATED MODULE: ./packages/block-editor/build-module/components/colors-gradients/control.js
|
27698 |
|
27699 |
|
27715 |
*/
|
27716 |
|
27717 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
27718 |
const colorsAndGradientKeys = ['colors', 'disableCustomColors', 'gradients', 'disableCustomGradients'];
|
27719 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
27720 |
function ColorGradientControlInner({
|
27721 |
colors,
|
27722 |
gradients,
|
27723 |
disableCustomColors,
|
27724 |
disableCustomGradients,
|
27725 |
+
__experimentalHasMultipleOrigins,
|
27726 |
className,
|
27727 |
label,
|
27728 |
onColorChange,
|
27729 |
onGradientChange,
|
27730 |
colorValue,
|
27731 |
gradientValue,
|
27732 |
+
clearable,
|
27733 |
+
showTitle = true
|
27734 |
}) {
|
27735 |
const canChooseAColor = onColorChange && (!(0,external_lodash_namespaceObject.isEmpty)(colors) || !disableCustomColors);
|
27736 |
const canChooseAGradient = onGradientChange && (!(0,external_lodash_namespaceObject.isEmpty)(gradients) || !disableCustomGradients);
|
27743 |
return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.BaseControl, {
|
27744 |
className: classnames_default()('block-editor-color-gradient-control', className)
|
27745 |
}, (0,external_wp_element_namespaceObject.createElement)("fieldset", null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalVStack, {
|
27746 |
+
spacing: 1
|
27747 |
+
}, showTitle && (0,external_wp_element_namespaceObject.createElement)("legend", null, (0,external_wp_element_namespaceObject.createElement)("div", {
|
27748 |
className: "block-editor-color-gradient-control__color-indicator"
|
27749 |
+
}, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.BaseControl.VisualLabel, null, label))), canChooseAColor && canChooseAGradient && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalToggleGroupControl, {
|
|
|
|
|
|
|
|
|
|
|
27750 |
value: currentTab,
|
27751 |
onChange: setCurrentTab,
|
27752 |
label: (0,external_wp_i18n_namespaceObject.__)('Select color type'),
|
27766 |
} : onColorChange,
|
27767 |
colors,
|
27768 |
disableCustomColors,
|
27769 |
+
__experimentalHasMultipleOrigins: __experimentalHasMultipleOrigins,
|
27770 |
clearable: clearable
|
27771 |
}), (currentTab === 'gradient' || !canChooseAColor) && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.GradientPicker, {
|
27772 |
value: gradientValue,
|
27776 |
} : onGradientChange,
|
27777 |
gradients,
|
27778 |
disableCustomGradients,
|
27779 |
+
__experimentalHasMultipleOrigins: __experimentalHasMultipleOrigins,
|
27780 |
clearable: clearable
|
27781 |
}))));
|
27782 |
}
|
27800 |
|
27801 |
/* harmony default export */ var control = (ColorGradientControl);
|
27802 |
//# sourceMappingURL=control.js.map
|
27803 |
+
;// CONCATENATED MODULE: ./packages/block-editor/build-module/components/colors/utils.js
|
27804 |
+
/**
|
27805 |
+
* External dependencies
|
27806 |
+
*/
|
27807 |
+
|
27808 |
+
|
27809 |
+
|
27810 |
+
|
27811 |
+
k([names, a11y]);
|
27812 |
+
/**
|
27813 |
+
* Provided an array of color objects as set by the theme or by the editor defaults,
|
27814 |
+
* and the values of the defined color or custom color returns a color object describing the color.
|
27815 |
+
*
|
27816 |
+
* @param {Array} colors Array of color objects as set by the theme or by the editor defaults.
|
27817 |
+
* @param {?string} definedColor A string containing the color slug.
|
27818 |
+
* @param {?string} customColor A string containing the customColor value.
|
27819 |
+
*
|
27820 |
+
* @return {?Object} If definedColor is passed and the name is found in colors,
|
27821 |
+
* the color object exactly as set by the theme or editor defaults is returned.
|
27822 |
+
* Otherwise, an object that just sets the color is defined.
|
27823 |
+
*/
|
27824 |
+
|
27825 |
+
const getColorObjectByAttributeValues = (colors, definedColor, customColor) => {
|
27826 |
+
if (definedColor) {
|
27827 |
+
const colorObj = (0,external_lodash_namespaceObject.find)(colors, {
|
27828 |
+
slug: definedColor
|
27829 |
+
});
|
27830 |
+
|
27831 |
+
if (colorObj) {
|
27832 |
+
return colorObj;
|
27833 |
+
}
|
27834 |
+
}
|
27835 |
+
|
27836 |
+
return {
|
27837 |
+
color: customColor
|
27838 |
+
};
|
27839 |
+
};
|
27840 |
+
/**
|
27841 |
+
* Provided an array of color objects as set by the theme or by the editor defaults, and a color value returns the color object matching that value or undefined.
|
27842 |
+
*
|
27843 |
+
* @param {Array} colors Array of color objects as set by the theme or by the editor defaults.
|
27844 |
+
* @param {?string} colorValue A string containing the color value.
|
27845 |
+
*
|
27846 |
+
* @return {?Object} Color object included in the colors array whose color property equals colorValue.
|
27847 |
+
* Returns undefined if no color object matches this requirement.
|
27848 |
+
*/
|
27849 |
+
|
27850 |
+
const getColorObjectByColorValue = (colors, colorValue) => {
|
27851 |
+
return (0,external_lodash_namespaceObject.find)(colors, {
|
27852 |
+
color: colorValue
|
27853 |
+
});
|
27854 |
+
};
|
27855 |
+
/**
|
27856 |
+
* Returns a class based on the context a color is being used and its slug.
|
27857 |
+
*
|
27858 |
+
* @param {string} colorContextName Context/place where color is being used e.g: background, text etc...
|
27859 |
+
* @param {string} colorSlug Slug of the color.
|
27860 |
+
*
|
27861 |
+
* @return {?string} String with the class corresponding to the color in the provided context.
|
27862 |
+
* Returns undefined if either colorContextName or colorSlug are not provided.
|
27863 |
+
*/
|
27864 |
+
|
27865 |
+
function getColorClassName(colorContextName, colorSlug) {
|
27866 |
+
if (!colorContextName || !colorSlug) {
|
27867 |
+
return undefined;
|
27868 |
+
}
|
27869 |
+
|
27870 |
+
return `has-${(0,external_lodash_namespaceObject.kebabCase)(colorSlug)}-${colorContextName}`;
|
27871 |
+
}
|
27872 |
+
/**
|
27873 |
+
* Given an array of color objects and a color value returns the color value of the most readable color in the array.
|
27874 |
+
*
|
27875 |
+
* @param {Array} colors Array of color objects as set by the theme or by the editor defaults.
|
27876 |
+
* @param {?string} colorValue A string containing the color value.
|
27877 |
+
*
|
27878 |
+
* @return {string} String with the color value of the most readable color.
|
27879 |
+
*/
|
27880 |
+
|
27881 |
+
function getMostReadableColor(colors, colorValue) {
|
27882 |
+
const colordColor = w(colorValue);
|
27883 |
+
return (0,external_lodash_namespaceObject.maxBy)(colors, ({
|
27884 |
+
color
|
27885 |
+
}) => colordColor.contrast(color)).color;
|
27886 |
+
}
|
27887 |
+
//# sourceMappingURL=utils.js.map
|
27888 |
;// CONCATENATED MODULE: ./packages/block-editor/build-module/hooks/border-color.js
|
27889 |
|
27890 |
|
28767 |
function BorderPanel(props) {
|
28768 |
const isDisabled = useIsBorderDisabled(props);
|
28769 |
const isSupported = hasBorderSupport(props.name);
|
28770 |
+
const isColorSupported = useSetting('border.color') && hasBorderSupport(props.name, 'color');
|
28771 |
+
const isRadiusSupported = useSetting('border.radius') && hasBorderSupport(props.name, 'radius');
|
28772 |
+
const isStyleSupported = useSetting('border.style') && hasBorderSupport(props.name, 'style');
|
28773 |
+
const isWidthSupported = useSetting('border.width') && hasBorderSupport(props.name, 'width');
|
28774 |
|
28775 |
if (isDisabled || !isSupported) {
|
28776 |
return null;
|
28829 |
*/
|
28830 |
|
28831 |
const useIsBorderDisabled = () => {
|
28832 |
+
const configs = [!useSetting('border.color'), !useSetting('border.radius'), !useSetting('border.style'), !useSetting('border.width')];
|
28833 |
return configs.every(Boolean);
|
28834 |
};
|
28835 |
//# sourceMappingURL=border.js.map
|
28836 |
+
;// CONCATENATED MODULE: ./packages/block-editor/build-module/components/gradients/use-gradient.js
|
28837 |
+
/**
|
28838 |
+
* External dependencies
|
28839 |
+
*/
|
28840 |
+
|
28841 |
+
/**
|
28842 |
+
* WordPress dependencies
|
28843 |
+
*/
|
28844 |
+
|
28845 |
+
|
28846 |
+
|
28847 |
+
/**
|
28848 |
+
* Internal dependencies
|
28849 |
+
*/
|
28850 |
+
|
28851 |
+
|
28852 |
+
|
28853 |
+
|
28854 |
+
const use_gradient_EMPTY_ARRAY = [];
|
28855 |
+
function __experimentalGetGradientClass(gradientSlug) {
|
28856 |
+
if (!gradientSlug) {
|
28857 |
+
return undefined;
|
28858 |
+
}
|
28859 |
+
|
28860 |
+
return `has-${gradientSlug}-gradient-background`;
|
28861 |
+
}
|
28862 |
+
/**
|
28863 |
+
* Retrieves the gradient value per slug.
|
28864 |
+
*
|
28865 |
+
* @param {Array} gradients Gradient Palette
|
28866 |
+
* @param {string} slug Gradient slug
|
28867 |
+
*
|
28868 |
+
* @return {string} Gradient value.
|
28869 |
+
*/
|
28870 |
+
|
28871 |
+
function getGradientValueBySlug(gradients, slug) {
|
28872 |
+
const gradient = (0,external_lodash_namespaceObject.find)(gradients, ['slug', slug]);
|
28873 |
+
return gradient && gradient.gradient;
|
28874 |
+
}
|
28875 |
+
function __experimentalGetGradientObjectByGradientValue(gradients, value) {
|
28876 |
+
const gradient = (0,external_lodash_namespaceObject.find)(gradients, ['gradient', value]);
|
28877 |
+
return gradient;
|
28878 |
+
}
|
28879 |
+
/**
|
28880 |
+
* Retrieves the gradient slug per slug.
|
28881 |
+
*
|
28882 |
+
* @param {Array} gradients Gradient Palette
|
28883 |
+
* @param {string} value Gradient value
|
28884 |
+
* @return {string} Gradient slug.
|
28885 |
+
*/
|
28886 |
+
|
28887 |
+
function getGradientSlugByValue(gradients, value) {
|
28888 |
+
const gradient = __experimentalGetGradientObjectByGradientValue(gradients, value);
|
28889 |
+
|
28890 |
+
return gradient && gradient.slug;
|
28891 |
+
}
|
28892 |
+
function __experimentalUseGradient({
|
28893 |
+
gradientAttribute = 'gradient',
|
28894 |
+
customGradientAttribute = 'customGradient'
|
28895 |
+
} = {}) {
|
28896 |
+
const {
|
28897 |
+
clientId
|
28898 |
+
} = useBlockEditContext();
|
28899 |
+
const gradients = useSetting('color.gradients') || use_gradient_EMPTY_ARRAY;
|
28900 |
+
const {
|
28901 |
+
gradient,
|
28902 |
+
customGradient
|
28903 |
+
} = (0,external_wp_data_namespaceObject.useSelect)(select => {
|
28904 |
+
const {
|
28905 |
+
getBlockAttributes
|
28906 |
+
} = select(store);
|
28907 |
+
const attributes = getBlockAttributes(clientId) || {};
|
28908 |
+
return {
|
28909 |
+
customGradient: attributes[customGradientAttribute],
|
28910 |
+
gradient: attributes[gradientAttribute]
|
28911 |
+
};
|
28912 |
+
}, [clientId, gradientAttribute, customGradientAttribute]);
|
28913 |
+
const {
|
28914 |
+
updateBlockAttributes
|
28915 |
+
} = (0,external_wp_data_namespaceObject.useDispatch)(store);
|
28916 |
+
const setGradient = (0,external_wp_element_namespaceObject.useCallback)(newGradientValue => {
|
28917 |
+
const slug = getGradientSlugByValue(gradients, newGradientValue);
|
28918 |
+
|
28919 |
+
if (slug) {
|
28920 |
+
updateBlockAttributes(clientId, {
|
28921 |
+
[gradientAttribute]: slug,
|
28922 |
+
[customGradientAttribute]: undefined
|
28923 |
+
});
|
28924 |
+
return;
|
28925 |
+
}
|
28926 |
+
|
28927 |
+
updateBlockAttributes(clientId, {
|
28928 |
+
[gradientAttribute]: undefined,
|
28929 |
+
[customGradientAttribute]: newGradientValue
|
28930 |
+
});
|
28931 |
+
}, [gradients, clientId, updateBlockAttributes]);
|
28932 |
+
|
28933 |
+
const gradientClass = __experimentalGetGradientClass(gradient);
|
28934 |
+
|
28935 |
+
let gradientValue;
|
28936 |
+
|
28937 |
+
if (gradient) {
|
28938 |
+
gradientValue = getGradientValueBySlug(gradients, gradient);
|
28939 |
+
} else {
|
28940 |
+
gradientValue = customGradient;
|
28941 |
+
}
|
28942 |
+
|
28943 |
+
return {
|
28944 |
+
gradientClass,
|
28945 |
+
gradientValue,
|
28946 |
+
setGradient
|
28947 |
+
};
|
28948 |
+
}
|
28949 |
+
//# sourceMappingURL=use-gradient.js.map
|
28950 |
;// CONCATENATED MODULE: ./packages/block-editor/build-module/components/colors-gradients/panel-color-gradient-settings.js
|
28951 |
|
28952 |
|
28962 |
|
28963 |
|
28964 |
|
28965 |
+
|
28966 |
/**
|
28967 |
* Internal dependencies
|
28968 |
*/
|
28972 |
|
28973 |
// translators: first %s: The type of color or gradient (e.g. background, overlay...), second %s: the color name or value (e.g. red or #ff0000)
|
28974 |
|
28975 |
+
const colorIndicatorAriaLabel = (0,external_wp_i18n_namespaceObject.__)('(%s: color %s)'); // translators: first %s: The type of color or gradient (e.g. background, overlay...), second %s: the color name or value (e.g. red or #ff0000)
|
28976 |
|
28977 |
|
28978 |
+
const gradientIndicatorAriaLabel = (0,external_wp_i18n_namespaceObject.__)('(%s: gradient %s)');
|
28979 |
|
28980 |
const panel_color_gradient_settings_colorsAndGradientKeys = ['colors', 'disableCustomColors', 'gradients', 'disableCustomGradients'];
|
28981 |
|
28999 |
|
29000 |
if (colorValue) {
|
29001 |
const colorObject = getColorObjectByColorValue(availableColors || colors, colorValue);
|
29002 |
+
ariaLabel = (0,external_wp_i18n_namespaceObject.sprintf)(colorIndicatorAriaLabel, label.toLowerCase(), colorObject && colorObject.name || colorValue);
|
29003 |
} else {
|
29004 |
const gradientObject = __experimentalGetGradientObjectByGradientValue(availableGradients || gradients, colorValue);
|
29005 |
|
29006 |
+
ariaLabel = (0,external_wp_i18n_namespaceObject.sprintf)(gradientIndicatorAriaLabel, label.toLowerCase(), gradientObject && gradientObject.name || gradientValue);
|
29007 |
}
|
29008 |
|
29009 |
return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ColorIndicator, {
|
29024 |
settings,
|
29025 |
title,
|
29026 |
showTitle = true,
|
29027 |
+
__experimentalHasMultipleOrigins,
|
29028 |
...props
|
29029 |
}) => {
|
29030 |
if ((0,external_lodash_namespaceObject.isEmpty)(colors) && (0,external_lodash_namespaceObject.isEmpty)(gradients) && disableCustomColors && disableCustomGradients && (0,external_lodash_namespaceObject.every)(settings, setting => (0,external_lodash_namespaceObject.isEmpty)(setting.colors) && (0,external_lodash_namespaceObject.isEmpty)(setting.gradients) && (setting.disableCustomColors === undefined || setting.disableCustomColors) && (setting.disableCustomGradients === undefined || setting.disableCustomGradients))) {
|
29042 |
className: classnames_default()('block-editor-panel-color-gradient-settings', className),
|
29043 |
title: showTitle ? titleElement : undefined
|
29044 |
}, props), settings.map((setting, index) => (0,external_wp_element_namespaceObject.createElement)(control, _extends({
|
29045 |
+
showTitle: showTitle,
|
29046 |
key: index,
|
29047 |
colors,
|
29048 |
gradients,
|
29049 |
disableCustomColors,
|
29050 |
+
disableCustomGradients,
|
29051 |
+
__experimentalHasMultipleOrigins
|
29052 |
}, setting))), children);
|
29053 |
};
|
29054 |
|
29055 |
+
function useCommonSingleMultipleSelects() {
|
29056 |
+
return {
|
29057 |
+
disableCustomColors: !useSetting('color.custom'),
|
29058 |
+
disableCustomGradients: !useSetting('color.customGradient')
|
29059 |
+
};
|
29060 |
+
}
|
29061 |
+
|
29062 |
+
const PanelColorGradientSettingsSingleSelect = props => {
|
29063 |
+
const colorGradientSettings = useCommonSingleMultipleSelects();
|
29064 |
colorGradientSettings.colors = useSetting('color.palette');
|
29065 |
colorGradientSettings.gradients = useSetting('color.gradients');
|
29066 |
+
return (0,external_wp_element_namespaceObject.createElement)(PanelColorGradientSettingsInner, _extends({}, colorGradientSettings, props));
|
29067 |
+
};
|
29068 |
+
|
29069 |
+
const PanelColorGradientSettingsMultipleSelect = props => {
|
29070 |
+
const colorGradientSettings = useCommonSingleMultipleSelects();
|
29071 |
+
const userColors = useSetting('color.palette.user');
|
29072 |
+
const themeColors = useSetting('color.palette.theme');
|
29073 |
+
const coreColors = useSetting('color.palette.core');
|
29074 |
+
colorGradientSettings.colors = (0,external_wp_element_namespaceObject.useMemo)(() => {
|
29075 |
+
const result = [];
|
29076 |
+
|
29077 |
+
if (coreColors && coreColors.length) {
|
29078 |
+
result.push({
|
29079 |
+
name: (0,external_wp_i18n_namespaceObject.__)('Core'),
|
29080 |
+
colors: coreColors
|
29081 |
+
});
|
29082 |
+
}
|
29083 |
+
|
29084 |
+
if (themeColors && themeColors.length) {
|
29085 |
+
result.push({
|
29086 |
+
name: (0,external_wp_i18n_namespaceObject.__)('Theme'),
|
29087 |
+
colors: themeColors
|
29088 |
+
});
|
29089 |
+
}
|
29090 |
+
|
29091 |
+
if (userColors && userColors.length) {
|
29092 |
+
result.push({
|
29093 |
+
name: (0,external_wp_i18n_namespaceObject.__)('User'),
|
29094 |
+
colors: userColors
|
29095 |
+
});
|
29096 |
+
}
|
29097 |
+
|
29098 |
+
return result;
|
29099 |
+
}, [coreColors, themeColors, userColors]);
|
29100 |
+
const userGradients = useSetting('color.gradients.user');
|
29101 |
+
const themeGradients = useSetting('color.gradients.theme');
|
29102 |
+
const coreGradients = useSetting('color.gradients.core');
|
29103 |
+
colorGradientSettings.gradients = (0,external_wp_element_namespaceObject.useMemo)(() => {
|
29104 |
+
const result = [];
|
29105 |
+
|
29106 |
+
if (coreGradients && coreGradients.length) {
|
29107 |
+
result.push({
|
29108 |
+
name: (0,external_wp_i18n_namespaceObject.__)('Core'),
|
29109 |
+
gradients: coreGradients
|
29110 |
+
});
|
29111 |
+
}
|
29112 |
+
|
29113 |
+
if (themeGradients && themeGradients.length) {
|
29114 |
+
result.push({
|
29115 |
+
name: (0,external_wp_i18n_namespaceObject.__)('Theme'),
|
29116 |
+
gradients: themeGradients
|
29117 |
+
});
|
29118 |
+
}
|
29119 |
+
|
29120 |
+
if (userGradients && userGradients.length) {
|
29121 |
+
result.push({
|
29122 |
+
name: (0,external_wp_i18n_namespaceObject.__)('User'),
|
29123 |
+
gradients: userGradients
|
29124 |
+
});
|
29125 |
+
}
|
29126 |
+
|
29127 |
+
return result;
|
29128 |
+
}, [userGradients, themeGradients, coreGradients]);
|
29129 |
return (0,external_wp_element_namespaceObject.createElement)(PanelColorGradientSettingsInner, _extends({}, colorGradientSettings, props));
|
29130 |
};
|
29131 |
|
29134 |
return (0,external_wp_element_namespaceObject.createElement)(PanelColorGradientSettingsInner, props);
|
29135 |
}
|
29136 |
|
29137 |
+
if (props.__experimentalHasMultipleOrigins) {
|
29138 |
+
return (0,external_wp_element_namespaceObject.createElement)(PanelColorGradientSettingsMultipleSelect, props);
|
29139 |
+
}
|
29140 |
+
|
29141 |
+
return (0,external_wp_element_namespaceObject.createElement)(PanelColorGradientSettingsSingleSelect, props);
|
29142 |
};
|
29143 |
|
29144 |
/* harmony default export */ var panel_color_gradient_settings = (PanelColorGradientSettings);
|
29273 |
title: (0,external_wp_i18n_namespaceObject.__)('Color'),
|
29274 |
initialOpen: false,
|
29275 |
settings: settings,
|
29276 |
+
showTitle: showTitle,
|
29277 |
+
__experimentalHasMultipleOrigins: true
|
29278 |
}, enableContrastChecking && (0,external_wp_element_namespaceObject.createElement)(contrast_checker, {
|
29279 |
backgroundColor: detectedBackgroundColor,
|
29280 |
textColor: detectedColor
|
29663 |
(0,external_wp_hooks_namespaceObject.addFilter)('blocks.registerBlockType', 'core/color/addEditProps', color_addEditProps);
|
29664 |
(0,external_wp_hooks_namespaceObject.addFilter)('editor.BlockListBlock', 'core/color/with-color-palette-styles', withColorPaletteStyles);
|
29665 |
//# sourceMappingURL=color.js.map
|
29666 |
+
;// CONCATENATED MODULE: ./packages/block-editor/build-module/components/font-appearance-control/index.js
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
29667 |
|
29668 |
|
29669 |
/**
|
29672 |
|
29673 |
|
29674 |
|
29675 |
+
const FONT_STYLES = [{
|
29676 |
+
name: (0,external_wp_i18n_namespaceObject.__)('Regular'),
|
29677 |
+
value: 'normal'
|
|
|
29678 |
}, {
|
29679 |
+
name: (0,external_wp_i18n_namespaceObject.__)('Italic'),
|
29680 |
+
value: 'italic'
|
29681 |
+
}];
|
29682 |
+
const FONT_WEIGHTS = [{
|
29683 |
+
name: (0,external_wp_i18n_namespaceObject.__)('Thin'),
|
29684 |
+
value: '100'
|
29685 |
+
}, {
|
29686 |
+
name: (0,external_wp_i18n_namespaceObject.__)('Extra Light'),
|
29687 |
+
value: '200'
|
29688 |
+
}, {
|
29689 |
+
name: (0,external_wp_i18n_namespaceObject.__)('Light'),
|
29690 |
+
value: '300'
|
29691 |
+
}, {
|
29692 |
+
name: (0,external_wp_i18n_namespaceObject.__)('Regular'),
|
29693 |
+
value: '400'
|
29694 |
+
}, {
|
29695 |
+
name: (0,external_wp_i18n_namespaceObject.__)('Medium'),
|
29696 |
+
value: '500'
|
29697 |
+
}, {
|
29698 |
+
name: (0,external_wp_i18n_namespaceObject.__)('Semi Bold'),
|
29699 |
+
value: '600'
|
29700 |
+
}, {
|
29701 |
+
name: (0,external_wp_i18n_namespaceObject.__)('Bold'),
|
29702 |
+
value: '700'
|
29703 |
+
}, {
|
29704 |
+
name: (0,external_wp_i18n_namespaceObject.__)('Extra Bold'),
|
29705 |
+
value: '800'
|
29706 |
+
}, {
|
29707 |
+
name: (0,external_wp_i18n_namespaceObject.__)('Black'),
|
29708 |
+
value: '900'
|
29709 |
}];
|
29710 |
/**
|
29711 |
+
* Adjusts font appearance field label in case either font styles or weights
|
29712 |
+
* are disabled.
|
|
|
|
|
|
|
29713 |
*
|
29714 |
+
* @param {boolean} hasFontStyles Whether font styles are enabled and present.
|
29715 |
+
* @param {boolean} hasFontWeights Whether font weights are enabled and present.
|
29716 |
+
* @return {string} A label representing what font appearance is being edited.
|
29717 |
*/
|
29718 |
|
29719 |
+
const getFontAppearanceLabel = (hasFontStyles, hasFontWeights) => {
|
29720 |
+
if (!hasFontStyles) {
|
29721 |
+
return (0,external_wp_i18n_namespaceObject.__)('Font weight');
|
29722 |
+
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
29723 |
|
29724 |
+
if (!hasFontWeights) {
|
29725 |
+
return (0,external_wp_i18n_namespaceObject.__)('Font style');
|
29726 |
+
}
|
|
|
29727 |
|
29728 |
+
return (0,external_wp_i18n_namespaceObject.__)('Appearance');
|
29729 |
+
};
|
29730 |
/**
|
29731 |
+
* Control to display unified font style and weight options.
|
29732 |
*
|
29733 |
+
* @param {Object} props Component props.
|
29734 |
*
|
29735 |
+
* @return {WPElement} Font appearance control.
|
29736 |
*/
|
29737 |
|
29738 |
+
function FontAppearanceControl(props) {
|
|
|
|
|
29739 |
const {
|
29740 |
+
onChange,
|
29741 |
+
hasFontStyles = true,
|
29742 |
+
hasFontWeights = true,
|
29743 |
+
value: {
|
29744 |
+
fontStyle,
|
29745 |
+
fontWeight
|
29746 |
+
}
|
29747 |
} = props;
|
29748 |
+
const hasStylesOrWeights = hasFontStyles || hasFontWeights;
|
29749 |
+
const label = getFontAppearanceLabel(hasFontStyles, hasFontWeights);
|
29750 |
+
const defaultOption = {
|
29751 |
+
key: 'default',
|
29752 |
+
name: (0,external_wp_i18n_namespaceObject.__)('Default'),
|
29753 |
+
style: {
|
29754 |
+
fontStyle: undefined,
|
29755 |
+
fontWeight: undefined
|
29756 |
+
}
|
29757 |
+
}; // Combines both font style and weight options into a single dropdown.
|
29758 |
|
29759 |
+
const combineOptions = () => {
|
29760 |
+
const combinedOptions = [defaultOption];
|
29761 |
+
FONT_STYLES.forEach(({
|
29762 |
+
name: styleName,
|
29763 |
+
value: styleValue
|
29764 |
+
}) => {
|
29765 |
+
FONT_WEIGHTS.forEach(({
|
29766 |
+
name: weightName,
|
29767 |
+
value: weightValue
|
29768 |
+
}) => {
|
29769 |
+
const optionName = styleValue === 'normal' ? weightName : (0,external_wp_i18n_namespaceObject.sprintf)(
|
29770 |
+
/* translators: 1: Font weight name. 2: Font style name. */
|
29771 |
+
(0,external_wp_i18n_namespaceObject.__)('%1$s %2$s'), weightName, styleName);
|
29772 |
+
combinedOptions.push({
|
29773 |
+
key: `${styleValue}-${weightValue}`,
|
29774 |
+
name: optionName,
|
29775 |
+
style: {
|
29776 |
+
fontStyle: styleValue,
|
29777 |
+
fontWeight: weightValue
|
29778 |
+
}
|
29779 |
+
});
|
29780 |
+
});
|
29781 |
});
|
29782 |
+
return combinedOptions;
|
29783 |
+
}; // Generates select options for font styles only.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
29784 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
29785 |
|
29786 |
+
const styleOptions = () => {
|
29787 |
+
const combinedOptions = [defaultOption];
|
29788 |
+
FONT_STYLES.forEach(({
|
29789 |
+
name,
|
29790 |
+
value
|
29791 |
+
}) => {
|
29792 |
+
combinedOptions.push({
|
29793 |
+
key: value,
|
29794 |
+
name,
|
29795 |
+
style: {
|
29796 |
+
fontStyle: value,
|
29797 |
+
fontWeight: undefined
|
29798 |
+
}
|
29799 |
+
});
|
|
|
|
|
29800 |
});
|
29801 |
+
return combinedOptions;
|
29802 |
+
}; // Generates select options for font weights only.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
29803 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
29804 |
|
29805 |
+
const weightOptions = () => {
|
29806 |
+
const combinedOptions = [defaultOption];
|
29807 |
+
FONT_WEIGHTS.forEach(({
|
29808 |
+
name,
|
29809 |
+
value
|
29810 |
+
}) => {
|
29811 |
+
combinedOptions.push({
|
29812 |
+
key: value,
|
29813 |
+
name,
|
29814 |
+
style: {
|
29815 |
+
fontStyle: undefined,
|
29816 |
+
fontWeight: value
|
29817 |
}
|
29818 |
+
});
|
29819 |
});
|
29820 |
+
return combinedOptions;
|
29821 |
+
}; // Map font styles and weights to select options.
|
29822 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
29823 |
|
29824 |
+
const selectOptions = (0,external_wp_element_namespaceObject.useMemo)(() => {
|
29825 |
+
if (hasFontStyles && hasFontWeights) {
|
29826 |
+
return combineOptions();
|
29827 |
+
}
|
|
|
|
|
|
|
|
|
|
|
29828 |
|
29829 |
+
return hasFontStyles ? styleOptions() : weightOptions();
|
29830 |
+
}, [props.options]); // Find current selection by comparing font style & weight against options,
|
29831 |
+
// and fall back to the Default option if there is no matching option.
|
29832 |
|
29833 |
+
const currentSelection = selectOptions.find(option => option.style.fontStyle === fontStyle && option.style.fontWeight === fontWeight) || selectOptions[0]; // Adjusts screen reader description based on styles or weights.
|
|
|
|
|
29834 |
|
29835 |
+
const getDescribedBy = () => {
|
29836 |
+
if (!currentSelection) {
|
29837 |
+
return (0,external_wp_i18n_namespaceObject.__)('No selected font appearance');
|
29838 |
+
}
|
29839 |
|
29840 |
+
if (!hasFontStyles) {
|
29841 |
+
return (0,external_wp_i18n_namespaceObject.sprintf)( // translators: %s: Currently selected font weight.
|
29842 |
+
(0,external_wp_i18n_namespaceObject.__)('Currently selected font weight: %s'), currentSelection.name);
|
29843 |
+
}
|
|
|
|
|
|
|
|
|
|
|
29844 |
|
29845 |
+
if (!hasFontWeights) {
|
29846 |
+
return (0,external_wp_i18n_namespaceObject.sprintf)( // translators: %s: Currently selected font style.
|
29847 |
+
(0,external_wp_i18n_namespaceObject.__)('Currently selected font style: %s'), currentSelection.name);
|
29848 |
+
}
|
29849 |
|
29850 |
+
return (0,external_wp_i18n_namespaceObject.sprintf)( // translators: %s: Currently selected font appearance.
|
29851 |
+
(0,external_wp_i18n_namespaceObject.__)('Currently selected font appearance: %s'), currentSelection.name);
|
29852 |
+
};
|
29853 |
|
29854 |
+
return hasStylesOrWeights && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.CustomSelectControl, {
|
29855 |
+
className: "components-font-appearance-control",
|
29856 |
+
label: label,
|
29857 |
+
describedBy: getDescribedBy(),
|
29858 |
+
options: selectOptions,
|
29859 |
+
value: currentSelection,
|
29860 |
+
onChange: ({
|
29861 |
+
selectedItem
|
29862 |
+
}) => onChange(selectedItem.style)
|
29863 |
+
});
|
29864 |
}
|
29865 |
//# sourceMappingURL=index.js.map
|
29866 |
;// CONCATENATED MODULE: ./packages/block-editor/build-module/components/line-height-control/utils.js
|
30002 |
const {
|
30003 |
attributes: {
|
30004 |
style
|
30005 |
+
},
|
30006 |
+
setAttributes
|
30007 |
} = props;
|
|
|
|
|
|
|
|
|
|
|
30008 |
|
30009 |
const onChange = newLineHeightValue => {
|
30010 |
const newStyle = { ...style,
|
30012 |
lineHeight: newLineHeightValue
|
30013 |
}
|
30014 |
};
|
30015 |
+
setAttributes({
|
30016 |
style: cleanEmptyObject(newStyle)
|
30017 |
});
|
30018 |
};
|
30032 |
function useIsLineHeightDisabled({
|
30033 |
name: blockName
|
30034 |
} = {}) {
|
30035 |
+
const isDisabled = !useSetting('typography.lineHeight');
|
30036 |
return !(0,external_wp_blocks_namespaceObject.hasBlockSupport)(blockName, LINE_HEIGHT_SUPPORT_KEY) || isDisabled;
|
30037 |
}
|
|
|
|
|
|
|
|
|
30038 |
/**
|
30039 |
+
* Checks if there is a current value set for the line height block support.
|
30040 |
+
*
|
30041 |
+
* @param {Object} props Block props.
|
30042 |
+
* @return {boolean} Whether or not the block has a line height value set.
|
30043 |
*/
|
30044 |
|
30045 |
+
function hasLineHeightValue(props) {
|
30046 |
+
var _props$attributes$sty, _props$attributes$sty2;
|
30047 |
|
30048 |
+
return !!((_props$attributes$sty = props.attributes.style) !== null && _props$attributes$sty !== void 0 && (_props$attributes$sty2 = _props$attributes$sty.typography) !== null && _props$attributes$sty2 !== void 0 && _props$attributes$sty2.lineHeight);
|
30049 |
+
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
30050 |
/**
|
30051 |
+
* Resets the line height block support attribute. This can be used when
|
30052 |
+
* disabling the line height support controls for a block via a progressive
|
30053 |
+
* discovery panel.
|
30054 |
*
|
30055 |
+
* @param {Object} props Block props.
|
30056 |
+
* @param {Object} props.attributes Block's attributes.
|
30057 |
+
* @param {Object} props.setAttributes Function to set block's attributes.
|
30058 |
*/
|
30059 |
|
30060 |
+
function resetLineHeight({
|
30061 |
+
attributes = {},
|
30062 |
+
setAttributes
|
30063 |
+
}) {
|
30064 |
const {
|
30065 |
+
style
|
30066 |
+
} = attributes;
|
30067 |
+
setAttributes({
|
30068 |
+
style: cleanEmptyObject({ ...style,
|
30069 |
+
typography: { ...(style === null || style === void 0 ? void 0 : style.typography),
|
30070 |
+
lineHeight: undefined
|
30071 |
+
}
|
30072 |
+
})
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
30073 |
});
|
30074 |
}
|
30075 |
+
//# sourceMappingURL=line-height.js.map
|
30076 |
;// CONCATENATED MODULE: ./packages/block-editor/build-module/hooks/font-appearance.js
|
30077 |
|
30078 |
|
30117 |
const hasFontStyles = !useIsFontStyleDisabled(props);
|
30118 |
const hasFontWeights = !useIsFontWeightDisabled(props);
|
30119 |
|
|
|
|
|
|
|
|
|
30120 |
const onChange = newStyles => {
|
30121 |
setAttributes({
|
30122 |
style: cleanEmptyObject({ ...style,
|
30154 |
name: blockName
|
30155 |
} = {}) {
|
30156 |
const styleSupport = (0,external_wp_blocks_namespaceObject.hasBlockSupport)(blockName, FONT_STYLE_SUPPORT_KEY);
|
30157 |
+
const hasFontStyles = useSetting('typography.fontStyle');
|
30158 |
return !styleSupport || !hasFontStyles;
|
30159 |
}
|
30160 |
/**
|
30171 |
name: blockName
|
30172 |
} = {}) {
|
30173 |
const weightSupport = (0,external_wp_blocks_namespaceObject.hasBlockSupport)(blockName, FONT_WEIGHT_SUPPORT_KEY);
|
30174 |
+
const hasFontWeights = useSetting('typography.fontWeight');
|
30175 |
return !weightSupport || !hasFontWeights;
|
30176 |
}
|
30177 |
/**
|
30187 |
const weightsDisabled = useIsFontWeightDisabled(props);
|
30188 |
return stylesDisabled && weightsDisabled;
|
30189 |
}
|
30190 |
+
/**
|
30191 |
+
* Checks if there is either a font style or weight value set within the
|
30192 |
+
* typography styles.
|
30193 |
+
*
|
30194 |
+
* @param {Object} props Block props.
|
30195 |
+
* @return {boolean} Whether or not the block has a font style or weight.
|
30196 |
+
*/
|
30197 |
+
|
30198 |
+
function hasFontAppearanceValue(props) {
|
30199 |
+
var _props$attributes$sty;
|
30200 |
+
|
30201 |
+
const {
|
30202 |
+
fontStyle,
|
30203 |
+
fontWeight
|
30204 |
+
} = ((_props$attributes$sty = props.attributes.style) === null || _props$attributes$sty === void 0 ? void 0 : _props$attributes$sty.typography) || {};
|
30205 |
+
return !!fontStyle || !!fontWeight;
|
30206 |
+
}
|
30207 |
+
/**
|
30208 |
+
* Resets the font style and weight block support attributes. This can be used
|
30209 |
+
* when disabling the font appearance support controls for a block via a
|
30210 |
+
* progressive discovery panel.
|
30211 |
+
*
|
30212 |
+
* @param {Object} props Block props.
|
30213 |
+
* @param {Object} props.attributes Block's attributes.
|
30214 |
+
* @param {Object} props.setAttributes Function to set block's attributes.
|
30215 |
+
*/
|
30216 |
+
|
30217 |
+
function resetFontAppearance({
|
30218 |
+
attributes = {},
|
30219 |
+
setAttributes
|
30220 |
+
}) {
|
30221 |
+
const {
|
30222 |
+
style
|
30223 |
+
} = attributes;
|
30224 |
+
setAttributes({
|
30225 |
+
style: cleanEmptyObject({ ...style,
|
30226 |
+
typography: { ...(style === null || style === void 0 ? void 0 : style.typography),
|
30227 |
+
fontStyle: undefined,
|
30228 |
+
fontWeight: undefined
|
30229 |
+
}
|
30230 |
+
})
|
30231 |
+
});
|
30232 |
+
}
|
30233 |
//# sourceMappingURL=font-appearance.js.map
|
30234 |
;// CONCATENATED MODULE: ./packages/block-editor/build-module/components/font-family/index.js
|
30235 |
|
30312 |
* Filters registered block settings, extending attributes to include
|
30313 |
* the `fontFamily` attribute.
|
30314 |
*
|
30315 |
+
* @param {Object} settings Original block settings
|
30316 |
+
* @return {Object} Filtered block settings
|
30317 |
*/
|
30318 |
|
30319 |
function font_family_addAttributes(settings) {
|
30335 |
/**
|
30336 |
* Override props assigned to save component to inject font family.
|
30337 |
*
|
30338 |
+
* @param {Object} props Additional props applied to save element
|
30339 |
+
* @param {Object} blockType Block type
|
30340 |
+
* @param {Object} attributes Block attributes
|
30341 |
+
* @return {Object} Filtered props applied to save element
|
30342 |
*/
|
30343 |
|
30344 |
|
30347 |
return props;
|
30348 |
}
|
30349 |
|
30350 |
+
if ((0,external_wp_blocks_namespaceObject.hasBlockSupport)(blockType, 'typography.__experimentalSkipSerialization')) {
|
30351 |
return props;
|
30352 |
}
|
30353 |
|
30393 |
}
|
30394 |
|
30395 |
function FontFamilyEdit({
|
|
|
30396 |
setAttributes,
|
30397 |
attributes: {
|
30398 |
fontFamily
|
30401 |
var _find;
|
30402 |
|
30403 |
const fontFamilies = useSetting('typography.fontFamilies');
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
30404 |
const value = (_find = (0,external_lodash_namespaceObject.find)(fontFamilies, ({
|
30405 |
slug
|
30406 |
}) => fontFamily === slug)) === null || _find === void 0 ? void 0 : _find.fontFamily;
|
30434 |
const fontFamilies = useSetting('typography.fontFamilies');
|
30435 |
return !fontFamilies || fontFamilies.length === 0 || !(0,external_wp_blocks_namespaceObject.hasBlockSupport)(name, FONT_FAMILY_SUPPORT_KEY);
|
30436 |
}
|
30437 |
+
/**
|
30438 |
+
* Checks if there is a current value set for the font family block support.
|
30439 |
+
*
|
30440 |
+
* @param {Object} props Block props.
|
30441 |
+
* @return {boolean} Whether or not the block has a font family value set.
|
30442 |
+
*/
|
30443 |
+
|
30444 |
+
function hasFontFamilyValue(props) {
|
30445 |
+
return !!props.attributes.fontFamily;
|
30446 |
+
}
|
30447 |
+
/**
|
30448 |
+
* Resets the font family block support attribute. This can be used when
|
30449 |
+
* disabling the font family support controls for a block via a progressive
|
30450 |
+
* discovery panel.
|
30451 |
+
*
|
30452 |
+
* @param {Object} props Block props.
|
30453 |
+
* @param {Object} props.setAttributes Function to set block's attributes.
|
30454 |
+
*/
|
30455 |
+
|
30456 |
+
function resetFontFamily({
|
30457 |
+
setAttributes
|
30458 |
+
}) {
|
30459 |
+
setAttributes({
|
30460 |
+
fontFamily: undefined
|
30461 |
+
});
|
30462 |
+
}
|
30463 |
(0,external_wp_hooks_namespaceObject.addFilter)('blocks.registerBlockType', 'core/fontFamily/addAttribute', font_family_addAttributes);
|
30464 |
(0,external_wp_hooks_namespaceObject.addFilter)('blocks.getSaveContent.extraProps', 'core/fontFamily/addSaveProps', font_family_addSaveProps);
|
30465 |
(0,external_wp_hooks_namespaceObject.addFilter)('blocks.registerBlockType', 'core/fontFamily/addEditProps', font_family_addEditProps);
|
30678 |
},
|
30679 |
setAttributes
|
30680 |
} = props;
|
|
|
30681 |
const fontSizes = useSetting('typography.fontSizes');
|
30682 |
|
30683 |
const onChange = value => {
|
30692 |
});
|
30693 |
};
|
30694 |
|
|
|
|
|
|
|
|
|
30695 |
const fontSizeObject = getFontSize(fontSizes, fontSize, style === null || style === void 0 ? void 0 : (_style$typography = style.typography) === null || _style$typography === void 0 ? void 0 : _style$typography.fontSize);
|
30696 |
const fontSizeValue = (fontSizeObject === null || fontSizeObject === void 0 ? void 0 : fontSizeObject.size) || (style === null || style === void 0 ? void 0 : (_style$typography2 = style.typography) === null || _style$typography2 === void 0 ? void 0 : _style$typography2.fontSize) || fontSize;
|
30697 |
return (0,external_wp_element_namespaceObject.createElement)(font_size_picker, {
|
30698 |
onChange: onChange,
|
30699 |
+
value: fontSizeValue,
|
30700 |
+
withReset: false
|
30701 |
+
});
|
30702 |
+
}
|
30703 |
+
/**
|
30704 |
+
* Checks if there is a current value set for the font size block support.
|
30705 |
+
*
|
30706 |
+
* @param {Object} props Block props.
|
30707 |
+
* @return {boolean} Whether or not the block has a font size value set.
|
30708 |
+
*/
|
30709 |
+
|
30710 |
+
function hasFontSizeValue(props) {
|
30711 |
+
var _style$typography3;
|
30712 |
+
|
30713 |
+
const {
|
30714 |
+
fontSize,
|
30715 |
+
style
|
30716 |
+
} = props.attributes;
|
30717 |
+
return !!fontSize || !!(style !== null && style !== void 0 && (_style$typography3 = style.typography) !== null && _style$typography3 !== void 0 && _style$typography3.fontSize);
|
30718 |
+
}
|
30719 |
+
/**
|
30720 |
+
* Resets the font size block support attribute. This can be used when
|
30721 |
+
* disabling the font size support controls for a block via a progressive
|
30722 |
+
* discovery panel.
|
30723 |
+
*
|
30724 |
+
* @param {Object} props Block props.
|
30725 |
+
* @param {Object} props.attributes Block's attributes.
|
30726 |
+
* @param {Object} props.setAttributes Function to set block's attributes.
|
30727 |
+
*/
|
30728 |
+
|
30729 |
+
function resetFontSize({
|
30730 |
+
attributes = {},
|
30731 |
+
setAttributes
|
30732 |
+
}) {
|
30733 |
+
const {
|
30734 |
+
style
|
30735 |
+
} = attributes;
|
30736 |
+
setAttributes({
|
30737 |
+
fontSize: undefined,
|
30738 |
+
style: cleanEmptyObject({ ...style,
|
30739 |
+
typography: { ...(style === null || style === void 0 ? void 0 : style.typography),
|
30740 |
+
fontSize: undefined
|
30741 |
+
}
|
30742 |
+
})
|
30743 |
});
|
30744 |
}
|
30745 |
/**
|
30767 |
*/
|
30768 |
|
30769 |
const withFontSizeInlineStyles = (0,external_wp_compose_namespaceObject.createHigherOrderComponent)(BlockListBlock => props => {
|
30770 |
+
var _style$typography4, _style$typography5;
|
30771 |
|
30772 |
const fontSizes = useSetting('typography.fontSizes');
|
30773 |
const {
|
30782 |
// doesn't already have an inline font size,
|
30783 |
// and does have a class to extract the font size from.
|
30784 |
|
30785 |
+
if (!(0,external_wp_blocks_namespaceObject.hasBlockSupport)(blockName, FONT_SIZE_SUPPORT_KEY) || (0,external_wp_blocks_namespaceObject.hasBlockSupport)(blockName, 'typography.__experimentalSkipSerialization') || !fontSize || style !== null && style !== void 0 && (_style$typography4 = style.typography) !== null && _style$typography4 !== void 0 && _style$typography4.fontSize) {
|
30786 |
return (0,external_wp_element_namespaceObject.createElement)(BlockListBlock, props);
|
30787 |
}
|
30788 |
|
30789 |
+
const fontSizeValue = getFontSize(fontSizes, fontSize, style === null || style === void 0 ? void 0 : (_style$typography5 = style.typography) === null || _style$typography5 === void 0 ? void 0 : _style$typography5.fontSize).size;
|
30790 |
const newProps = { ...props,
|
30791 |
wrapperProps: { ...wrapperProps,
|
30792 |
style: {
|
30802 |
(0,external_wp_hooks_namespaceObject.addFilter)('blocks.registerBlockType', 'core/font/addEditProps', font_size_addEditProps);
|
30803 |
(0,external_wp_hooks_namespaceObject.addFilter)('editor.BlockListBlock', 'core/font-size/with-font-size-inline-styles', withFontSizeInlineStyles);
|
30804 |
//# sourceMappingURL=font-size.js.map
|
30805 |
+
;// CONCATENATED MODULE: ./packages/icons/build-module/library/format-underline.js
|
30806 |
+
|
30807 |
+
|
30808 |
+
/**
|
30809 |
+
* WordPress dependencies
|
30810 |
+
*/
|
30811 |
+
|
30812 |
+
const formatUnderline = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
|
30813 |
+
xmlns: "http://www.w3.org/2000/svg",
|
30814 |
+
viewBox: "0 0 24 24"
|
30815 |
+
}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
|
30816 |
+
d: "M7 18v1h10v-1H7zm5-2c1.5 0 2.6-.4 3.4-1.2.8-.8 1.1-2 1.1-3.5V5H15v5.8c0 1.2-.2 2.1-.6 2.8-.4.7-1.2 1-2.4 1s-2-.3-2.4-1c-.4-.7-.6-1.6-.6-2.8V5H7.5v6.2c0 1.5.4 2.7 1.1 3.5.8.9 1.9 1.3 3.4 1.3z"
|
30817 |
+
}));
|
30818 |
+
/* harmony default export */ var format_underline = (formatUnderline);
|
30819 |
+
//# sourceMappingURL=format-underline.js.map
|
30820 |
+
;// CONCATENATED MODULE: ./packages/icons/build-module/library/format-strikethrough.js
|
30821 |
+
|
30822 |
+
|
30823 |
+
/**
|
30824 |
+
* WordPress dependencies
|
30825 |
+
*/
|
30826 |
+
|
30827 |
+
const formatStrikethrough = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
|
30828 |
+
xmlns: "http://www.w3.org/2000/svg",
|
30829 |
+
viewBox: "0 0 24 24"
|
30830 |
+
}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
|
30831 |
+
d: "M9.1 9v-.5c0-.6.2-1.1.7-1.4.5-.3 1.2-.5 2-.5.7 0 1.4.1 2.1.3.7.2 1.4.5 2.1.9l.2-1.9c-.6-.3-1.2-.5-1.9-.7-.8-.1-1.6-.2-2.4-.2-1.5 0-2.7.3-3.6 1-.8.7-1.2 1.5-1.2 2.6V9h2zM20 12H4v1h8.3c.3.1.6.2.8.3.5.2.9.5 1.1.8.3.3.4.7.4 1.2 0 .7-.2 1.1-.8 1.5-.5.3-1.2.5-2.1.5-.8 0-1.6-.1-2.4-.3-.8-.2-1.5-.5-2.2-.8L7 18.1c.5.2 1.2.4 2 .6.8.2 1.6.3 2.4.3 1.7 0 3-.3 3.9-1 .9-.7 1.3-1.6 1.3-2.8 0-.9-.2-1.7-.7-2.2H20v-1z"
|
30832 |
+
}));
|
30833 |
+
/* harmony default export */ var format_strikethrough = (formatStrikethrough);
|
30834 |
+
//# sourceMappingURL=format-strikethrough.js.map
|
30835 |
+
;// CONCATENATED MODULE: ./packages/block-editor/build-module/components/text-decoration-control/index.js
|
30836 |
+
|
30837 |
+
|
30838 |
+
/**
|
30839 |
+
* WordPress dependencies
|
30840 |
+
*/
|
30841 |
+
|
30842 |
+
|
30843 |
+
|
30844 |
+
const TEXT_DECORATIONS = [{
|
30845 |
+
name: (0,external_wp_i18n_namespaceObject.__)('Underline'),
|
30846 |
+
value: 'underline',
|
30847 |
+
icon: format_underline
|
30848 |
+
}, {
|
30849 |
+
name: (0,external_wp_i18n_namespaceObject.__)('Strikethrough'),
|
30850 |
+
value: 'line-through',
|
30851 |
+
icon: format_strikethrough
|
30852 |
+
}];
|
30853 |
+
/**
|
30854 |
+
* Control to facilitate text decoration selections.
|
30855 |
+
*
|
30856 |
+
* @param {Object} props Component props.
|
30857 |
+
* @param {string} props.value Currently selected text decoration.
|
30858 |
+
* @param {Function} props.onChange Handles change in text decoration selection.
|
30859 |
+
*
|
30860 |
+
* @return {WPElement} Text decoration control.
|
30861 |
+
*/
|
30862 |
+
|
30863 |
+
function TextDecorationControl({
|
30864 |
+
value,
|
30865 |
+
onChange
|
30866 |
+
}) {
|
30867 |
+
return (0,external_wp_element_namespaceObject.createElement)("fieldset", {
|
30868 |
+
className: "block-editor-text-decoration-control"
|
30869 |
+
}, (0,external_wp_element_namespaceObject.createElement)("legend", null, (0,external_wp_i18n_namespaceObject.__)('Decoration')), (0,external_wp_element_namespaceObject.createElement)("div", {
|
30870 |
+
className: "block-editor-text-decoration-control__buttons"
|
30871 |
+
}, TEXT_DECORATIONS.map(textDecoration => {
|
30872 |
+
return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, {
|
30873 |
+
key: textDecoration.value,
|
30874 |
+
icon: textDecoration.icon,
|
30875 |
+
isSmall: true,
|
30876 |
+
isPressed: textDecoration.value === value,
|
30877 |
+
onClick: () => onChange(textDecoration.value === value ? undefined : textDecoration.value),
|
30878 |
+
"aria-label": textDecoration.name
|
30879 |
+
});
|
30880 |
+
})));
|
30881 |
+
}
|
30882 |
+
//# sourceMappingURL=index.js.map
|
30883 |
+
;// CONCATENATED MODULE: ./packages/block-editor/build-module/hooks/text-decoration.js
|
30884 |
+
|
30885 |
+
|
30886 |
+
/**
|
30887 |
+
* WordPress dependencies
|
30888 |
+
*/
|
30889 |
+
|
30890 |
+
/**
|
30891 |
+
* Internal dependencies
|
30892 |
+
*/
|
30893 |
+
|
30894 |
+
|
30895 |
+
|
30896 |
+
|
30897 |
+
/**
|
30898 |
+
* Key within block settings' supports array indicating support for text
|
30899 |
+
* decorations e.g. settings found in `block.json`.
|
30900 |
+
*/
|
30901 |
+
|
30902 |
+
const TEXT_DECORATION_SUPPORT_KEY = 'typography.__experimentalTextDecoration';
|
30903 |
+
/**
|
30904 |
+
* Inspector control panel containing the text decoration options.
|
30905 |
+
*
|
30906 |
+
* @param {Object} props Block properties.
|
30907 |
+
*
|
30908 |
+
* @return {WPElement} Text decoration edit element.
|
30909 |
+
*/
|
30910 |
+
|
30911 |
+
function TextDecorationEdit(props) {
|
30912 |
+
var _style$typography;
|
30913 |
+
|
30914 |
+
const {
|
30915 |
+
attributes: {
|
30916 |
+
style
|
30917 |
+
},
|
30918 |
+
setAttributes
|
30919 |
+
} = props;
|
30920 |
+
|
30921 |
+
function onChange(newDecoration) {
|
30922 |
+
setAttributes({
|
30923 |
+
style: cleanEmptyObject({ ...style,
|
30924 |
+
typography: { ...(style === null || style === void 0 ? void 0 : style.typography),
|
30925 |
+
textDecoration: newDecoration
|
30926 |
+
}
|
30927 |
+
})
|
30928 |
+
});
|
30929 |
+
}
|
30930 |
+
|
30931 |
+
return (0,external_wp_element_namespaceObject.createElement)(TextDecorationControl, {
|
30932 |
+
value: style === null || style === void 0 ? void 0 : (_style$typography = style.typography) === null || _style$typography === void 0 ? void 0 : _style$typography.textDecoration,
|
30933 |
+
onChange: onChange
|
30934 |
+
});
|
30935 |
+
}
|
30936 |
+
/**
|
30937 |
+
* Checks if text-decoration settings have been disabled.
|
30938 |
+
*
|
30939 |
+
* @param {string} name Name of the block.
|
30940 |
+
*
|
30941 |
+
* @return {boolean} Whether or not the setting is disabled.
|
30942 |
+
*/
|
30943 |
+
|
30944 |
+
function useIsTextDecorationDisabled({
|
30945 |
+
name: blockName
|
30946 |
+
} = {}) {
|
30947 |
+
const notSupported = !(0,external_wp_blocks_namespaceObject.hasBlockSupport)(blockName, TEXT_DECORATION_SUPPORT_KEY);
|
30948 |
+
const hasTextDecoration = useSetting('typography.textDecoration');
|
30949 |
+
return notSupported || !hasTextDecoration;
|
30950 |
+
}
|
30951 |
+
/**
|
30952 |
+
* Checks if there is a current value set for the text decoration block support.
|
30953 |
+
*
|
30954 |
+
* @param {Object} props Block props.
|
30955 |
+
* @return {boolean} Whether or not the block has a text decoration set.
|
30956 |
+
*/
|
30957 |
+
|
30958 |
+
function hasTextDecorationValue(props) {
|
30959 |
+
var _props$attributes$sty, _props$attributes$sty2;
|
30960 |
+
|
30961 |
+
return !!((_props$attributes$sty = props.attributes.style) !== null && _props$attributes$sty !== void 0 && (_props$attributes$sty2 = _props$attributes$sty.typography) !== null && _props$attributes$sty2 !== void 0 && _props$attributes$sty2.textDecoration);
|
30962 |
+
}
|
30963 |
+
/**
|
30964 |
+
* Resets the text decoration block support attribute. This can be used when
|
30965 |
+
* disabling the text decoration support controls for a block via a progressive
|
30966 |
+
* discovery panel.
|
30967 |
+
*
|
30968 |
+
* @param {Object} props Block props.
|
30969 |
+
* @param {Object} props.attributes Block's attributes.
|
30970 |
+
* @param {Object} props.setAttributes Function to set block's attributes.
|
30971 |
+
*/
|
30972 |
+
|
30973 |
+
function resetTextDecoration({
|
30974 |
+
attributes = {},
|
30975 |
+
setAttributes
|
30976 |
+
}) {
|
30977 |
+
const {
|
30978 |
+
style
|
30979 |
+
} = attributes;
|
30980 |
+
setAttributes({
|
30981 |
+
style: cleanEmptyObject({ ...style,
|
30982 |
+
typography: { ...(style === null || style === void 0 ? void 0 : style.typography),
|
30983 |
+
textDecoration: undefined
|
30984 |
+
}
|
30985 |
+
})
|
30986 |
+
});
|
30987 |
+
}
|
30988 |
+
//# sourceMappingURL=text-decoration.js.map
|
30989 |
+
;// CONCATENATED MODULE: ./packages/icons/build-module/library/format-uppercase.js
|
30990 |
+
|
30991 |
+
|
30992 |
+
/**
|
30993 |
+
* WordPress dependencies
|
30994 |
+
*/
|
30995 |
+
|
30996 |
+
const formatUppercase = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
|
30997 |
+
xmlns: "http://www.w3.org/2000/svg",
|
30998 |
+
viewBox: "0 0 24 24"
|
30999 |
+
}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
|
31000 |
+
d: "M6.1 6.8L2.1 18h1.6l1.1-3h4.3l1.1 3h1.6l-4-11.2H6.1zm-.8 6.8L7 8.9l1.7 4.7H5.3zm15.1-.7c-.4-.5-.9-.8-1.6-1 .4-.2.7-.5.8-.9.2-.4.3-.9.3-1.4 0-.9-.3-1.6-.8-2-.6-.5-1.3-.7-2.4-.7h-3.5V18h4.2c1.1 0 2-.3 2.6-.8.6-.6 1-1.4 1-2.4-.1-.8-.3-1.4-.6-1.9zm-5.7-4.7h1.8c.6 0 1.1.1 1.4.4.3.2.5.7.5 1.3 0 .6-.2 1.1-.5 1.3-.3.2-.8.4-1.4.4h-1.8V8.2zm4 8c-.4.3-.9.5-1.5.5h-2.6v-3.8h2.6c1.4 0 2 .6 2 1.9.1.6-.1 1-.5 1.4z"
|
31001 |
+
}));
|
31002 |
+
/* harmony default export */ var format_uppercase = (formatUppercase);
|
31003 |
+
//# sourceMappingURL=format-uppercase.js.map
|
31004 |
+
;// CONCATENATED MODULE: ./packages/icons/build-module/library/format-lowercase.js
|
31005 |
+
|
31006 |
+
|
31007 |
+
/**
|
31008 |
+
* WordPress dependencies
|
31009 |
+
*/
|
31010 |
+
|
31011 |
+
const formatLowercase = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
|
31012 |
+
xmlns: "http://www.w3.org/2000/svg",
|
31013 |
+
viewBox: "0 0 24 24"
|
31014 |
+
}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
|
31015 |
+
d: "M11 16.8c-.1-.1-.2-.3-.3-.5v-2.6c0-.9-.1-1.7-.3-2.2-.2-.5-.5-.9-.9-1.2-.4-.2-.9-.3-1.6-.3-.5 0-1 .1-1.5.2s-.9.3-1.2.6l.2 1.2c.4-.3.7-.4 1.1-.5.3-.1.7-.2 1-.2.6 0 1 .1 1.3.4.3.2.4.7.4 1.4-1.2 0-2.3.2-3.3.7s-1.4 1.1-1.4 2.1c0 .7.2 1.2.7 1.6.4.4 1 .6 1.8.6.9 0 1.7-.4 2.4-1.2.1.3.2.5.4.7.1.2.3.3.6.4.3.1.6.1 1.1.1h.1l.2-1.2h-.1c-.4.1-.6 0-.7-.1zM9.2 16c-.2.3-.5.6-.9.8-.3.1-.7.2-1.1.2-.4 0-.7-.1-.9-.3-.2-.2-.3-.5-.3-.9 0-.6.2-1 .7-1.3.5-.3 1.3-.4 2.5-.5v2zm10.6-3.9c-.3-.6-.7-1.1-1.2-1.5-.6-.4-1.2-.6-1.9-.6-.5 0-.9.1-1.4.3-.4.2-.8.5-1.1.8V6h-1.4v12h1.3l.2-1c.2.4.6.6 1 .8.4.2.9.3 1.4.3.7 0 1.2-.2 1.8-.5.5-.4 1-.9 1.3-1.5.3-.6.5-1.3.5-2.1-.1-.6-.2-1.3-.5-1.9zm-1.7 4c-.4.5-.9.8-1.6.8s-1.2-.2-1.7-.7c-.4-.5-.7-1.2-.7-2.1 0-.9.2-1.6.7-2.1.4-.5 1-.7 1.7-.7s1.2.3 1.6.8c.4.5.6 1.2.6 2s-.2 1.4-.6 2z"
|
31016 |
+
}));
|
31017 |
+
/* harmony default export */ var format_lowercase = (formatLowercase);
|
31018 |
+
//# sourceMappingURL=format-lowercase.js.map
|
31019 |
+
;// CONCATENATED MODULE: ./packages/icons/build-module/library/format-capitalize.js
|
31020 |
+
|
31021 |
+
|
31022 |
+
/**
|
31023 |
+
* WordPress dependencies
|
31024 |
+
*/
|
31025 |
+
|
31026 |
+
const formatCapitalize = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
|
31027 |
+
xmlns: "http://www.w3.org/2000/svg",
|
31028 |
+
viewBox: "0 0 24 24"
|
31029 |
+
}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
|
31030 |
+
d: "M7.1 6.8L3.1 18h1.6l1.1-3h4.3l1.1 3h1.6l-4-11.2H7.1zm-.8 6.8L8 8.9l1.7 4.7H6.3zm14.5-1.5c-.3-.6-.7-1.1-1.2-1.5-.6-.4-1.2-.6-1.9-.6-.5 0-.9.1-1.4.3-.4.2-.8.5-1.1.8V6h-1.4v12h1.3l.2-1c.2.4.6.6 1 .8.4.2.9.3 1.4.3.7 0 1.2-.2 1.8-.5.5-.4 1-.9 1.3-1.5.3-.6.5-1.3.5-2.1-.1-.6-.2-1.3-.5-1.9zm-1.7 4c-.4.5-.9.8-1.6.8s-1.2-.2-1.7-.7c-.4-.5-.7-1.2-.7-2.1 0-.9.2-1.6.7-2.1.4-.5 1-.7 1.7-.7s1.2.3 1.6.8c.4.5.6 1.2.6 2 .1.8-.2 1.4-.6 2z"
|
31031 |
+
}));
|
31032 |
+
/* harmony default export */ var format_capitalize = (formatCapitalize);
|
31033 |
+
//# sourceMappingURL=format-capitalize.js.map
|
31034 |
+
;// CONCATENATED MODULE: ./packages/block-editor/build-module/components/text-transform-control/index.js
|
31035 |
+
|
31036 |
+
|
31037 |
+
/**
|
31038 |
+
* WordPress dependencies
|
31039 |
+
*/
|
31040 |
+
|
31041 |
+
|
31042 |
+
|
31043 |
+
const TEXT_TRANSFORMS = [{
|
31044 |
+
name: (0,external_wp_i18n_namespaceObject.__)('Uppercase'),
|
31045 |
+
value: 'uppercase',
|
31046 |
+
icon: format_uppercase
|
31047 |
+
}, {
|
31048 |
+
name: (0,external_wp_i18n_namespaceObject.__)('Lowercase'),
|
31049 |
+
value: 'lowercase',
|
31050 |
+
icon: format_lowercase
|
31051 |
+
}, {
|
31052 |
+
name: (0,external_wp_i18n_namespaceObject.__)('Capitalize'),
|
31053 |
+
value: 'capitalize',
|
31054 |
+
icon: format_capitalize
|
31055 |
+
}];
|
31056 |
+
/**
|
31057 |
+
* Control to facilitate text transform selections.
|
31058 |
+
*
|
31059 |
+
* @param {Object} props Component props.
|
31060 |
+
* @param {string} props.value Currently selected text transform.
|
31061 |
+
* @param {Function} props.onChange Handles change in text transform selection.
|
31062 |
+
*
|
31063 |
+
* @return {WPElement} Text transform control.
|
31064 |
+
*/
|
31065 |
+
|
31066 |
+
function TextTransformControl({
|
31067 |
+
value,
|
31068 |
+
onChange
|
31069 |
+
}) {
|
31070 |
+
return (0,external_wp_element_namespaceObject.createElement)("fieldset", {
|
31071 |
+
className: "block-editor-text-transform-control"
|
31072 |
+
}, (0,external_wp_element_namespaceObject.createElement)("legend", null, (0,external_wp_i18n_namespaceObject.__)('Letter case')), (0,external_wp_element_namespaceObject.createElement)("div", {
|
31073 |
+
className: "block-editor-text-transform-control__buttons"
|
31074 |
+
}, TEXT_TRANSFORMS.map(textTransform => {
|
31075 |
+
return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, {
|
31076 |
+
key: textTransform.value,
|
31077 |
+
icon: textTransform.icon,
|
31078 |
+
isSmall: true,
|
31079 |
+
isPressed: value === textTransform.value,
|
31080 |
+
"aria-label": textTransform.name,
|
31081 |
+
onClick: () => onChange(value === textTransform.value ? undefined : textTransform.value)
|
31082 |
+
});
|
31083 |
+
})));
|
31084 |
+
}
|
31085 |
+
//# sourceMappingURL=index.js.map
|
31086 |
+
;// CONCATENATED MODULE: ./packages/block-editor/build-module/hooks/text-transform.js
|
31087 |
+
|
31088 |
+
|
31089 |
+
/**
|
31090 |
+
* WordPress dependencies
|
31091 |
+
*/
|
31092 |
+
|
31093 |
+
/**
|
31094 |
+
* Internal dependencies
|
31095 |
+
*/
|
31096 |
+
|
31097 |
+
|
31098 |
+
|
31099 |
+
|
31100 |
+
/**
|
31101 |
+
* Key within block settings' supports array indicating support for text
|
31102 |
+
* transforms e.g. settings found in `block.json`.
|
31103 |
+
*/
|
31104 |
+
|
31105 |
+
const TEXT_TRANSFORM_SUPPORT_KEY = 'typography.__experimentalTextTransform';
|
31106 |
+
/**
|
31107 |
+
* Inspector control panel containing the text transform options.
|
31108 |
+
*
|
31109 |
+
* @param {Object} props Block properties.
|
31110 |
+
*
|
31111 |
+
* @return {WPElement} Text transform edit element.
|
31112 |
+
*/
|
31113 |
+
|
31114 |
+
function TextTransformEdit(props) {
|
31115 |
+
var _style$typography;
|
31116 |
+
|
31117 |
+
const {
|
31118 |
+
attributes: {
|
31119 |
+
style
|
31120 |
+
},
|
31121 |
+
setAttributes
|
31122 |
+
} = props;
|
31123 |
+
|
31124 |
+
function onChange(newTransform) {
|
31125 |
+
setAttributes({
|
31126 |
+
style: cleanEmptyObject({ ...style,
|
31127 |
+
typography: { ...(style === null || style === void 0 ? void 0 : style.typography),
|
31128 |
+
textTransform: newTransform
|
31129 |
+
}
|
31130 |
+
})
|
31131 |
+
});
|
31132 |
+
}
|
31133 |
+
|
31134 |
+
return (0,external_wp_element_namespaceObject.createElement)(TextTransformControl, {
|
31135 |
+
value: style === null || style === void 0 ? void 0 : (_style$typography = style.typography) === null || _style$typography === void 0 ? void 0 : _style$typography.textTransform,
|
31136 |
+
onChange: onChange
|
31137 |
+
});
|
31138 |
+
}
|
31139 |
+
/**
|
31140 |
+
* Checks if text-transform settings have been disabled.
|
31141 |
+
*
|
31142 |
+
* @param {string} name Name of the block.
|
31143 |
+
*
|
31144 |
+
* @return {boolean} Whether or not the setting is disabled.
|
31145 |
+
*/
|
31146 |
+
|
31147 |
+
function useIsTextTransformDisabled({
|
31148 |
+
name: blockName
|
31149 |
+
} = {}) {
|
31150 |
+
const notSupported = !(0,external_wp_blocks_namespaceObject.hasBlockSupport)(blockName, TEXT_TRANSFORM_SUPPORT_KEY);
|
31151 |
+
const hasTextTransforms = useSetting('typography.textTransform');
|
31152 |
+
return notSupported || !hasTextTransforms;
|
31153 |
+
}
|
31154 |
+
/**
|
31155 |
+
* Checks if there is a current value set for the text transform block support.
|
31156 |
+
*
|
31157 |
+
* @param {Object} props Block props.
|
31158 |
+
* @return {boolean} Whether or not the block has a text transform set.
|
31159 |
+
*/
|
31160 |
+
|
31161 |
+
function hasTextTransformValue(props) {
|
31162 |
+
var _props$attributes$sty, _props$attributes$sty2;
|
31163 |
+
|
31164 |
+
return !!((_props$attributes$sty = props.attributes.style) !== null && _props$attributes$sty !== void 0 && (_props$attributes$sty2 = _props$attributes$sty.typography) !== null && _props$attributes$sty2 !== void 0 && _props$attributes$sty2.textTransform);
|
31165 |
+
}
|
31166 |
+
/**
|
31167 |
+
* Resets the text transform block support attribute. This can be used when
|
31168 |
+
* disabling the text transform support controls for a block via a progressive
|
31169 |
+
* discovery panel.
|
31170 |
+
*
|
31171 |
+
* @param {Object} props Block props.
|
31172 |
+
* @param {Object} props.attributes Block's attributes.
|
31173 |
+
* @param {Object} props.setAttributes Function to set block's attributes.
|
31174 |
+
*/
|
31175 |
+
|
31176 |
+
function resetTextTransform({
|
31177 |
+
attributes = {},
|
31178 |
+
setAttributes
|
31179 |
+
}) {
|
31180 |
+
const {
|
31181 |
+
style
|
31182 |
+
} = attributes;
|
31183 |
+
setAttributes({
|
31184 |
+
style: cleanEmptyObject({ ...style,
|
31185 |
+
typography: { ...(style === null || style === void 0 ? void 0 : style.typography),
|
31186 |
+
textTransform: undefined
|
31187 |
+
}
|
31188 |
+
})
|
31189 |
+
});
|
31190 |
+
}
|
31191 |
+
//# sourceMappingURL=text-transform.js.map
|
31192 |
;// CONCATENATED MODULE: ./packages/block-editor/build-module/components/letter-spacing-control/index.js
|
31193 |
|
31194 |
|
31205 |
/**
|
31206 |
* Control for letter-spacing.
|
31207 |
*
|
31208 |
+
* @param {Object} props Component props.
|
31209 |
+
* @param {string} props.value Currently selected letter-spacing.
|
31210 |
+
* @param {Function} props.onChange Handles change in letter-spacing selection.
|
31211 |
+
* @param {boolean} props.__unstableInputWidth Input width to pass through to inner UnitControl.
|
31212 |
+
*
|
31213 |
+
* @return {WPElement} Letter-spacing control.
|
31214 |
*/
|
31215 |
|
31216 |
function LetterSpacingControl({
|
31217 |
value,
|
31218 |
+
onChange,
|
31219 |
+
__unstableInputWidth = '60px'
|
31220 |
}) {
|
31221 |
const units = (0,external_wp_components_namespaceObject.__experimentalUseCustomUnits)({
|
31222 |
availableUnits: useSetting('spacing.units') || ['px', 'em', 'rem'],
|
31229 |
return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalUnitControl, {
|
31230 |
label: (0,external_wp_i18n_namespaceObject.__)('Letter-spacing'),
|
31231 |
value: value,
|
31232 |
+
__unstableInputWidth: __unstableInputWidth,
|
31233 |
units: units,
|
31234 |
onChange: onChange
|
31235 |
});
|
31271 |
},
|
31272 |
setAttributes
|
31273 |
} = props;
|
|
|
|
|
|
|
|
|
|
|
31274 |
|
31275 |
function onChange(newSpacing) {
|
31276 |
setAttributes({
|
31284 |
|
31285 |
return (0,external_wp_element_namespaceObject.createElement)(LetterSpacingControl, {
|
31286 |
value: style === null || style === void 0 ? void 0 : (_style$typography = style.typography) === null || _style$typography === void 0 ? void 0 : _style$typography.letterSpacing,
|
31287 |
+
onChange: onChange,
|
31288 |
+
__unstableInputWidth: false
|
31289 |
});
|
31290 |
}
|
31291 |
/**
|
31299 |
name: blockName
|
31300 |
} = {}) {
|
31301 |
const notSupported = !(0,external_wp_blocks_namespaceObject.hasBlockSupport)(blockName, LETTER_SPACING_SUPPORT_KEY);
|
31302 |
+
const hasLetterSpacing = useSetting('typography.letterSpacing');
|
31303 |
return notSupported || !hasLetterSpacing;
|
31304 |
}
|
31305 |
+
/**
|
31306 |
+
* Checks if there is a current value set for the letter spacing block support.
|
31307 |
+
*
|
31308 |
+
* @param {Object} props Block props.
|
31309 |
+
* @return {boolean} Whether or not the block has a letter spacing set.
|
31310 |
+
*/
|
31311 |
|
31312 |
+
function hasLetterSpacingValue(props) {
|
31313 |
+
var _props$attributes$sty, _props$attributes$sty2;
|
31314 |
|
31315 |
+
return !!((_props$attributes$sty = props.attributes.style) !== null && _props$attributes$sty !== void 0 && (_props$attributes$sty2 = _props$attributes$sty.typography) !== null && _props$attributes$sty2 !== void 0 && _props$attributes$sty2.letterSpacing);
|
31316 |
+
}
|
31317 |
/**
|
31318 |
+
* Resets the letter spacing block support attribute. This can be used when
|
31319 |
+
* disabling the letter spacing support controls for a block via a progressive
|
31320 |
+
* discovery panel.
|
31321 |
+
*
|
31322 |
+
* @param {Object} props Block props.
|
31323 |
+
* @param {Object} props.attributes Block's attributes.
|
31324 |
+
* @param {Object} props.setAttributes Function to set block's attributes.
|
31325 |
*/
|
31326 |
|
31327 |
+
function resetLetterSpacing({
|
31328 |
+
attributes = {},
|
31329 |
+
setAttributes
|
31330 |
+
}) {
|
31331 |
+
const {
|
31332 |
+
style
|
31333 |
+
} = attributes;
|
31334 |
+
setAttributes({
|
31335 |
+
style: cleanEmptyObject({ ...style,
|
31336 |
+
typography: { ...(style === null || style === void 0 ? void 0 : style.typography),
|
31337 |
+
letterSpacing: undefined
|
31338 |
+
}
|
31339 |
+
})
|
31340 |
+
});
|
31341 |
+
}
|
31342 |
+
//# sourceMappingURL=letter-spacing.js.map
|
31343 |
+
;// CONCATENATED MODULE: ./packages/block-editor/build-module/hooks/typography.js
|
31344 |
+
|
31345 |
+
|
31346 |
/**
|
31347 |
+
* WordPress dependencies
|
31348 |
*/
|
31349 |
|
31350 |
|
31365 |
const TYPOGRAPHY_SUPPORT_KEY = 'typography';
|
31366 |
const TYPOGRAPHY_SUPPORT_KEYS = [LINE_HEIGHT_SUPPORT_KEY, FONT_SIZE_SUPPORT_KEY, FONT_STYLE_SUPPORT_KEY, FONT_WEIGHT_SUPPORT_KEY, FONT_FAMILY_SUPPORT_KEY, TEXT_DECORATION_SUPPORT_KEY, TEXT_TRANSFORM_SUPPORT_KEY, LETTER_SPACING_SUPPORT_KEY];
|
31367 |
function TypographyPanel(props) {
|
31368 |
+
const {
|
31369 |
+
clientId
|
31370 |
+
} = props;
|
31371 |
+
const isFontFamilyDisabled = useIsFontFamilyDisabled(props);
|
31372 |
+
const isFontSizeDisabled = useIsFontSizeDisabled(props);
|
31373 |
+
const isFontAppearanceDisabled = useIsFontAppearanceDisabled(props);
|
31374 |
+
const isLineHeightDisabled = useIsLineHeightDisabled(props);
|
31375 |
+
const isTextDecorationDisabled = useIsTextDecorationDisabled(props);
|
31376 |
+
const isTextTransformDisabled = useIsTextTransformDisabled(props);
|
31377 |
+
const isLetterSpacingDisabled = useIsLetterSpacingDisabled(props);
|
31378 |
+
const hasFontStyles = !useIsFontStyleDisabled(props);
|
31379 |
+
const hasFontWeights = !useIsFontWeightDisabled(props);
|
31380 |
const isDisabled = useIsTypographyDisabled(props);
|
31381 |
const isSupported = hasTypographySupport(props.name);
|
31382 |
if (isDisabled || !isSupported) return null;
|
31383 |
+
const defaultControls = (0,external_wp_blocks_namespaceObject.getBlockSupport)(props.name, [TYPOGRAPHY_SUPPORT_KEY, '__experimentalDefaultControls']);
|
31384 |
+
|
31385 |
+
const createResetAllFilter = attribute => newAttributes => {
|
31386 |
+
var _newAttributes$style;
|
31387 |
+
|
31388 |
+
return { ...newAttributes,
|
31389 |
+
style: { ...newAttributes.style,
|
31390 |
+
typography: { ...((_newAttributes$style = newAttributes.style) === null || _newAttributes$style === void 0 ? void 0 : _newAttributes$style.typography),
|
31391 |
+
[attribute]: undefined
|
31392 |
+
}
|
31393 |
+
}
|
31394 |
+
};
|
31395 |
+
};
|
31396 |
+
|
31397 |
+
return (0,external_wp_element_namespaceObject.createElement)(inspector_controls, {
|
31398 |
+
__experimentalGroup: "typography"
|
31399 |
+
}, !isFontFamilyDisabled && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalToolsPanelItem, {
|
31400 |
+
hasValue: () => hasFontFamilyValue(props),
|
31401 |
+
label: (0,external_wp_i18n_namespaceObject.__)('Font family'),
|
31402 |
+
onDeselect: () => resetFontFamily(props),
|
31403 |
+
isShownByDefault: defaultControls === null || defaultControls === void 0 ? void 0 : defaultControls.fontFamily,
|
31404 |
+
resetAllFilter: newAttributes => ({ ...newAttributes,
|
31405 |
+
fontFamily: undefined
|
31406 |
+
}),
|
31407 |
+
panelId: clientId
|
31408 |
+
}, (0,external_wp_element_namespaceObject.createElement)(FontFamilyEdit, props)), !isFontSizeDisabled && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalToolsPanelItem, {
|
31409 |
+
hasValue: () => hasFontSizeValue(props),
|
31410 |
+
label: (0,external_wp_i18n_namespaceObject.__)('Font size'),
|
31411 |
+
onDeselect: () => resetFontSize(props),
|
31412 |
+
isShownByDefault: defaultControls === null || defaultControls === void 0 ? void 0 : defaultControls.fontSize,
|
31413 |
+
resetAllFilter: newAttributes => {
|
31414 |
+
var _newAttributes$style2;
|
31415 |
+
|
31416 |
+
return { ...newAttributes,
|
31417 |
+
fontSize: undefined,
|
31418 |
+
style: { ...newAttributes.style,
|
31419 |
+
typography: { ...((_newAttributes$style2 = newAttributes.style) === null || _newAttributes$style2 === void 0 ? void 0 : _newAttributes$style2.typography),
|
31420 |
+
fontSize: undefined
|
31421 |
+
}
|
31422 |
+
}
|
31423 |
+
};
|
31424 |
+
},
|
31425 |
+
panelId: clientId
|
31426 |
+
}, (0,external_wp_element_namespaceObject.createElement)(FontSizeEdit, props)), !isFontAppearanceDisabled && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalToolsPanelItem, {
|
31427 |
+
className: "single-column",
|
31428 |
+
hasValue: () => hasFontAppearanceValue(props),
|
31429 |
+
label: getFontAppearanceLabel(hasFontStyles, hasFontWeights),
|
31430 |
+
onDeselect: () => resetFontAppearance(props),
|
31431 |
+
isShownByDefault: defaultControls === null || defaultControls === void 0 ? void 0 : defaultControls.fontAppearance,
|
31432 |
+
resetAllFilter: newAttributes => {
|
31433 |
+
var _newAttributes$style3;
|
31434 |
+
|
31435 |
+
return { ...newAttributes,
|
31436 |
+
style: { ...newAttributes.style,
|
31437 |
+
typography: { ...((_newAttributes$style3 = newAttributes.style) === null || _newAttributes$style3 === void 0 ? void 0 : _newAttributes$style3.typography),
|
31438 |
+
fontStyle: undefined,
|
31439 |
+
fontWeight: undefined
|
31440 |
+
}
|
31441 |
+
}
|
31442 |
+
};
|
31443 |
+
},
|
31444 |
+
panelId: clientId
|
31445 |
+
}, (0,external_wp_element_namespaceObject.createElement)(FontAppearanceEdit, props)), !isLineHeightDisabled && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalToolsPanelItem, {
|
31446 |
+
className: "single-column",
|
31447 |
+
hasValue: () => hasLineHeightValue(props),
|
31448 |
+
label: (0,external_wp_i18n_namespaceObject.__)('Line height'),
|
31449 |
+
onDeselect: () => resetLineHeight(props),
|
31450 |
+
isShownByDefault: defaultControls === null || defaultControls === void 0 ? void 0 : defaultControls.lineHeight,
|
31451 |
+
resetAllFilter: createResetAllFilter('lineHeight'),
|
31452 |
+
panelId: clientId
|
31453 |
+
}, (0,external_wp_element_namespaceObject.createElement)(LineHeightEdit, props)), !isTextDecorationDisabled && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalToolsPanelItem, {
|
31454 |
+
className: "single-column",
|
31455 |
+
hasValue: () => hasTextDecorationValue(props),
|
31456 |
+
label: (0,external_wp_i18n_namespaceObject.__)('Decoration'),
|
31457 |
+
onDeselect: () => resetTextDecoration(props),
|
31458 |
+
isShownByDefault: defaultControls === null || defaultControls === void 0 ? void 0 : defaultControls.textDecoration,
|
31459 |
+
resetAllFilter: createResetAllFilter('textDecoration'),
|
31460 |
+
panelId: clientId
|
31461 |
+
}, (0,external_wp_element_namespaceObject.createElement)(TextDecorationEdit, props)), !isTextTransformDisabled && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalToolsPanelItem, {
|
31462 |
+
className: "single-column",
|
31463 |
+
hasValue: () => hasTextTransformValue(props),
|
31464 |
+
label: (0,external_wp_i18n_namespaceObject.__)('Letter case'),
|
31465 |
+
onDeselect: () => resetTextTransform(props),
|
31466 |
+
isShownByDefault: defaultControls === null || defaultControls === void 0 ? void 0 : defaultControls.textTransform,
|
31467 |
+
resetAllFilter: createResetAllFilter('textTransform'),
|
31468 |
+
panelId: clientId
|
31469 |
+
}, (0,external_wp_element_namespaceObject.createElement)(TextTransformEdit, props)), !isLetterSpacingDisabled && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalToolsPanelItem, {
|
31470 |
+
className: "single-column",
|
31471 |
+
hasValue: () => hasLetterSpacingValue(props),
|
31472 |
+
label: (0,external_wp_i18n_namespaceObject.__)('Letter-spacing'),
|
31473 |
+
onDeselect: () => resetLetterSpacing(props),
|
31474 |
+
isShownByDefault: defaultControls === null || defaultControls === void 0 ? void 0 : defaultControls.letterSpacing,
|
31475 |
+
resetAllFilter: createResetAllFilter('letterSpacing'),
|
31476 |
+
panelId: clientId
|
31477 |
+
}, (0,external_wp_element_namespaceObject.createElement)(LetterSpacingEdit, props)));
|
31478 |
}
|
31479 |
|
31480 |
const hasTypographySupport = blockName => {
|
31703 |
function useIsMarginDisabled({
|
31704 |
name: blockName
|
31705 |
} = {}) {
|
31706 |
+
const isDisabled = !useSetting('spacing.margin');
|
31707 |
const isInvalid = !useIsDimensionsSupportValid(blockName, 'margin');
|
31708 |
return !hasMarginSupport(blockName) || isDisabled || isInvalid;
|
31709 |
}
|
31848 |
function useIsPaddingDisabled({
|
31849 |
name: blockName
|
31850 |
} = {}) {
|
31851 |
+
const isDisabled = !useSetting('spacing.padding');
|
31852 |
const isInvalid = !useIsDimensionsSupportValid(blockName, 'padding');
|
31853 |
return !hasPaddingSupport(blockName) || isDisabled || isInvalid;
|
31854 |
}
|
32337 |
return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Dropdown, {
|
32338 |
popoverProps: {
|
32339 |
className: 'block-editor-duotone-control__popover',
|
32340 |
+
headerTitle: (0,external_wp_i18n_namespaceObject.__)('Duotone'),
|
32341 |
+
isAlternate: true
|
32342 |
},
|
32343 |
renderToggle: ({
|
32344 |
isOpen,
|
32365 |
},
|
32366 |
renderContent: () => (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuGroup, {
|
32367 |
label: (0,external_wp_i18n_namespaceObject.__)('Duotone')
|
32368 |
+
}, (0,external_wp_element_namespaceObject.createElement)("div", {
|
32369 |
+
className: "block-editor-duotone-control__description"
|
32370 |
+
}, (0,external_wp_i18n_namespaceObject.__)('Create a two-tone color effect without losing your original image.')), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.DuotonePicker, {
|
32371 |
colorPalette: colorPalette,
|
32372 |
duotonePalette: duotonePalette,
|
32373 |
disableCustomColors: disableCustomColors,
|
32419 |
const values = {
|
32420 |
r: [],
|
32421 |
g: [],
|
32422 |
+
b: [],
|
32423 |
+
a: []
|
32424 |
};
|
32425 |
colors.forEach(color => {
|
32426 |
const rgbColor = w(color).toRgb();
|
32427 |
values.r.push(rgbColor.r / 255);
|
32428 |
values.g.push(rgbColor.g / 255);
|
32429 |
values.b.push(rgbColor.b / 255);
|
32430 |
+
values.a.push(rgbColor.a);
|
32431 |
});
|
32432 |
return values;
|
32433 |
}
|
32438 |
* @property {number[]} r Red values.
|
32439 |
* @property {number[]} g Green values.
|
32440 |
* @property {number[]} b Blue values.
|
32441 |
+
* @property {number[]} a Alpha values.
|
32442 |
*/
|
32443 |
|
32444 |
/**
|
32447 |
* @param {Object} props Duotone props.
|
32448 |
* @param {string} props.selector Selector to apply the filter to.
|
32449 |
* @param {string} props.id Unique id for this duotone filter.
|
32450 |
+
* @param {Values} props.values R, G, B, and A values to filter with.
|
32451 |
*
|
32452 |
* @return {WPElement} Duotone element.
|
32453 |
*/
|
32478 |
}, (0,external_wp_element_namespaceObject.createElement)("defs", null, (0,external_wp_element_namespaceObject.createElement)("filter", {
|
32479 |
id: id
|
32480 |
}, (0,external_wp_element_namespaceObject.createElement)("feColorMatrix", {
|
32481 |
+
// Use sRGB instead of linearRGB so transparency looks correct.
|
32482 |
+
colorInterpolationFilters: "sRGB",
|
32483 |
type: "matrix" // Use perceptual brightness to convert to grayscale.
|
|
|
32484 |
,
|
32485 |
+
values: " .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 "
|
32486 |
}), (0,external_wp_element_namespaceObject.createElement)("feComponentTransfer", {
|
32487 |
// Use sRGB instead of linearRGB to be consistent with how CSS gradients work.
|
32488 |
colorInterpolationFilters: "sRGB"
|
32495 |
}), (0,external_wp_element_namespaceObject.createElement)("feFuncB", {
|
32496 |
type: "table",
|
32497 |
tableValues: values.b.join(' ')
|
32498 |
+
}), (0,external_wp_element_namespaceObject.createElement)("feFuncA", {
|
32499 |
+
type: "table",
|
32500 |
+
tableValues: values.a.join(' ')
|
32501 |
+
})), (0,external_wp_element_namespaceObject.createElement)("feComposite", {
|
32502 |
+
// Re-mask the image with the original transparency since the feColorMatrix above loses that information.
|
32503 |
+
in2: "SourceGraphic",
|
32504 |
+
operator: "in"
|
32505 |
+
})))), (0,external_wp_element_namespaceObject.createElement)("style", {
|
32506 |
dangerouslySetInnerHTML: {
|
32507 |
__html: stylesheet
|
32508 |
}
|
33549 |
icon: setIcon(),
|
33550 |
label: label,
|
33551 |
toggleProps: {
|
33552 |
+
describedBy
|
|
|
33553 |
},
|
33554 |
popoverProps: ui_POPOVER_PROPS,
|
33555 |
controls: alignmentControls.map(control => {
|
33654 |
return {
|
33655 |
key: `block-${blockItem.id}`,
|
33656 |
value: blockItem,
|
33657 |
+
label: (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(block_icon, {
|
33658 |
key: "icon",
|
33659 |
icon: icon,
|
33660 |
showColors: true
|
34212 |
isSelected,
|
34213 |
adjustScrolling: false,
|
34214 |
enableAnimation: true,
|
34215 |
+
triggerAnimationOnChange: path
|
34216 |
});
|
34217 |
return (0,external_wp_element_namespaceObject.createElement)(AnimatedTreeGridRow, _extends({
|
34218 |
ref: ref,
|
34337 |
draggable: draggable
|
34338 |
}, (0,external_wp_element_namespaceObject.createElement)(ListViewExpander, {
|
34339 |
onClick: onToggleExpanded
|
34340 |
+
}), (0,external_wp_element_namespaceObject.createElement)(block_icon, {
|
34341 |
icon: blockInformation === null || blockInformation === void 0 ? void 0 : blockInformation.icon,
|
34342 |
showColors: true
|
34343 |
}), (0,external_wp_element_namespaceObject.createElement)(BlockTitle, {
|
34464 |
|
34465 |
|
34466 |
|
34467 |
+
|
34468 |
function ListViewBlock({
|
34469 |
block,
|
|
|
34470 |
isDragged,
|
34471 |
+
isSelected,
|
34472 |
isBranchSelected,
|
34473 |
+
selectBlock,
|
|
|
|
|
34474 |
position,
|
34475 |
level,
|
34476 |
rowCount,
|
34487 |
const {
|
34488 |
toggleBlockHighlight
|
34489 |
} = (0,external_wp_data_namespaceObject.useDispatch)(store);
|
34490 |
+
const {
|
34491 |
+
__experimentalFeatures: withExperimentalFeatures,
|
34492 |
+
__experimentalPersistentListViewFeatures: withExperimentalPersistentListViewFeatures,
|
34493 |
+
__experimentalHideContainerBlockActions: hideContainerBlockActions,
|
34494 |
+
isTreeGridMounted,
|
34495 |
+
expand,
|
34496 |
+
collapse
|
34497 |
+
} = useListViewContext();
|
34498 |
const hasSiblings = siblingBlockCount > 0;
|
34499 |
const hasRenderedMovers = showBlockMovers && hasSiblings;
|
34500 |
const moverCellClassName = classnames_default()('block-editor-list-view-block__mover-cell', {
|
34501 |
'is-visible': isHovered || isSelected
|
34502 |
});
|
|
|
|
|
|
|
|
|
|
|
34503 |
const listViewBlockSettingsClassName = classnames_default()('block-editor-list-view-block__menu-cell', {
|
34504 |
'is-visible': isHovered || isSelected
|
34505 |
}); // If ListView has experimental features related to the Persistent List View,
|
34512 |
}
|
34513 |
}, []);
|
34514 |
const highlightBlock = withExperimentalPersistentListViewFeatures ? toggleBlockHighlight : () => {};
|
34515 |
+
const onMouseEnter = (0,external_wp_element_namespaceObject.useCallback)(() => {
|
|
|
34516 |
setIsHovered(true);
|
34517 |
highlightBlock(clientId, true);
|
34518 |
+
}, [clientId, setIsHovered, highlightBlock]);
|
34519 |
+
const onMouseLeave = (0,external_wp_element_namespaceObject.useCallback)(() => {
|
|
|
34520 |
setIsHovered(false);
|
34521 |
highlightBlock(clientId, false);
|
34522 |
+
}, [clientId, setIsHovered, highlightBlock]);
|
34523 |
+
const selectEditorBlock = (0,external_wp_element_namespaceObject.useCallback)(event => {
|
34524 |
+
event.stopPropagation();
|
34525 |
+
selectBlock(clientId);
|
34526 |
+
}, [clientId, selectBlock]);
|
34527 |
+
const toggleExpanded = (0,external_wp_element_namespaceObject.useCallback)(event => {
|
34528 |
+
event.stopPropagation();
|
34529 |
+
|
34530 |
+
if (isExpanded === true) {
|
34531 |
+
collapse(clientId);
|
34532 |
+
} else if (isExpanded === false) {
|
34533 |
+
expand(clientId);
|
34534 |
+
}
|
34535 |
+
}, [clientId, expand, collapse, isExpanded]);
|
34536 |
+
const showBlockActions = withExperimentalFeatures && ( //hide actions for blocks like core/widget-areas
|
34537 |
+
!hideContainerBlockActions || hideContainerBlockActions && level > 1);
|
34538 |
+
const hideBlockActions = withExperimentalFeatures && !showBlockActions;
|
34539 |
+
let colSpan;
|
34540 |
+
|
34541 |
+
if (hasRenderedMovers) {
|
34542 |
+
colSpan = 2;
|
34543 |
+
} else if (hideBlockActions) {
|
34544 |
+
colSpan = 3;
|
34545 |
+
}
|
34546 |
|
34547 |
const classes = classnames_default()({
|
34548 |
'is-selected': isSelected,
|
34549 |
'is-branch-selected': withExperimentalPersistentListViewFeatures && isBranchSelected,
|
34550 |
+
'is-dragging': isDragged,
|
34551 |
+
'has-single-cell': hideBlockActions
|
34552 |
});
|
34553 |
return (0,external_wp_element_namespaceObject.createElement)(ListViewLeaf, {
|
34554 |
className: classes,
|
34565 |
isExpanded: isExpanded
|
34566 |
}, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalTreeGridCell, {
|
34567 |
className: "block-editor-list-view-block__contents-cell",
|
34568 |
+
colSpan: colSpan,
|
34569 |
ref: cellRef
|
34570 |
}, ({
|
34571 |
ref,
|
34575 |
className: "block-editor-list-view-block__contents-container"
|
34576 |
}, (0,external_wp_element_namespaceObject.createElement)(block_contents, {
|
34577 |
block: block,
|
34578 |
+
onClick: selectEditorBlock,
|
34579 |
+
onToggleExpanded: toggleExpanded,
|
34580 |
isSelected: isSelected,
|
34581 |
position: position,
|
34582 |
siblingBlockCount: siblingBlockCount,
|
34607 |
ref: ref,
|
34608 |
tabIndex: tabIndex,
|
34609 |
onFocus: onFocus
|
34610 |
+
})))), showBlockActions && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalTreeGridCell, {
|
34611 |
className: listViewBlockSettingsClassName
|
34612 |
}, ({
|
34613 |
ref,
|
34623 |
onFocus
|
34624 |
},
|
34625 |
disableOpenOnArrowDown: true,
|
34626 |
+
__experimentalSelectBlock: selectEditorBlock
|
34627 |
})));
|
34628 |
}
|
34629 |
+
|
34630 |
+
/* harmony default export */ var list_view_block = ((0,external_wp_element_namespaceObject.memo)(ListViewBlock));
|
34631 |
//# sourceMappingURL=block.js.map
|
34632 |
+
;// CONCATENATED MODULE: ./packages/block-editor/build-module/components/list-view/branch.js
|
34633 |
|
34634 |
|
34635 |
/**
|
34642 |
|
34643 |
|
34644 |
|
|
|
|
|
34645 |
/**
|
34646 |
* Internal dependencies
|
34647 |
*/
|
34649 |
|
34650 |
|
34651 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
34652 |
/**
|
34653 |
+
* Given a block, returns the total number of blocks in that subtree. This is used to help determine
|
34654 |
+
* the list position of a block.
|
34655 |
+
*
|
34656 |
+
* When a block is collapsed, we do not count their children as part of that total. In the current drag
|
34657 |
+
* implementation dragged blocks and their children are not counted.
|
34658 |
+
*
|
34659 |
+
* @param {Object} block block tree
|
34660 |
+
* @param {Object} expandedState state that notes which branches are collapsed
|
34661 |
+
* @param {Array} draggedClientIds a list of dragged client ids
|
34662 |
+
* @return {number} block count
|
34663 |
*/
|
34664 |
|
34665 |
+
function countBlocks(block, expandedState, draggedClientIds) {
|
34666 |
+
var _expandedState$block$;
|
|
|
34667 |
|
34668 |
+
const isDragged = draggedClientIds === null || draggedClientIds === void 0 ? void 0 : draggedClientIds.includes(block.clientId);
|
34669 |
|
34670 |
+
if (isDragged) {
|
34671 |
+
return 0;
|
34672 |
+
}
|
34673 |
+
|
34674 |
+
const isExpanded = (_expandedState$block$ = expandedState[block.clientId]) !== null && _expandedState$block$ !== void 0 ? _expandedState$block$ : true;
|
34675 |
+
|
34676 |
+
if (isExpanded) {
|
34677 |
+
return 1 + block.innerBlocks.reduce(countReducer(expandedState, draggedClientIds), 0);
|
34678 |
+
}
|
34679 |
+
|
34680 |
+
return 1;
|
34681 |
+
}
|
34682 |
|
34683 |
+
const countReducer = (expandedState, draggedClientIds) => (count, block) => {
|
34684 |
+
var _expandedState$block$2;
|
34685 |
|
34686 |
+
const isDragged = draggedClientIds === null || draggedClientIds === void 0 ? void 0 : draggedClientIds.includes(block.clientId);
|
34687 |
|
34688 |
+
if (isDragged) {
|
34689 |
+
return count;
|
34690 |
+
}
|
34691 |
|
34692 |
+
const isExpanded = (_expandedState$block$2 = expandedState[block.clientId]) !== null && _expandedState$block$2 !== void 0 ? _expandedState$block$2 : true;
|
34693 |
+
|
34694 |
+
if (isExpanded && block.innerBlocks.length > 0) {
|
34695 |
+
return count + countBlocks(block, expandedState, draggedClientIds);
|
34696 |
+
}
|
34697 |
+
|
34698 |
+
return count + 1;
|
34699 |
+
};
|
34700 |
|
34701 |
function ListViewBranch(props) {
|
34702 |
const {
|
34703 |
blocks,
|
34704 |
selectBlock,
|
|
|
34705 |
showBlockMovers,
|
34706 |
showNestedBlocks,
|
34707 |
+
selectedClientIds,
|
34708 |
level = 1,
|
34709 |
+
path = '',
|
|
|
34710 |
isBranchSelected = false,
|
34711 |
+
listPosition = 0,
|
34712 |
+
fixedListWindow
|
34713 |
} = props;
|
34714 |
const {
|
34715 |
expandedState,
|
|
|
|
|
34716 |
draggedClientIds,
|
34717 |
+
__experimentalPersistentListViewFeatures
|
34718 |
} = useListViewContext();
|
|
|
34719 |
const filteredBlocks = (0,external_lodash_namespaceObject.compact)(blocks);
|
|
|
|
|
|
|
|
|
|
|
34720 |
const blockCount = filteredBlocks.length;
|
34721 |
+
let nextPosition = listPosition;
|
34722 |
+
return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, filteredBlocks.map((block, index) => {
|
|
|
34723 |
var _expandedState$client;
|
34724 |
|
34725 |
const {
|
34726 |
clientId,
|
34727 |
innerBlocks
|
34728 |
} = block;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
34729 |
|
34730 |
+
if (index > 0) {
|
34731 |
+
nextPosition += countBlocks(filteredBlocks[index - 1], expandedState, draggedClientIds);
|
34732 |
+
}
|
|
|
|
|
|
|
|
|
34733 |
|
34734 |
+
const usesWindowing = __experimentalPersistentListViewFeatures;
|
34735 |
+
const {
|
34736 |
+
itemInView
|
34737 |
+
} = fixedListWindow;
|
34738 |
+
const blockInView = !usesWindowing || itemInView(nextPosition);
|
34739 |
+
const position = index + 1;
|
34740 |
+
const updatedPath = path.length > 0 ? `${path}_${position}` : `${position}`;
|
34741 |
+
const hasNestedBlocks = showNestedBlocks && !!innerBlocks && !!innerBlocks.length;
|
34742 |
+
const isExpanded = hasNestedBlocks ? (_expandedState$client = expandedState[clientId]) !== null && _expandedState$client !== void 0 ? _expandedState$client : true : undefined;
|
34743 |
+
const isDragged = !!(draggedClientIds !== null && draggedClientIds !== void 0 && draggedClientIds.includes(clientId));
|
34744 |
+
const showBlock = isDragged || blockInView; // Make updates to the selected or dragged blocks synchronous,
|
34745 |
// but asynchronous for any other block.
|
34746 |
|
34747 |
+
const isSelected = isClientIdSelected(clientId, selectedClientIds);
|
34748 |
+
const isSelectedBranch = isBranchSelected || isSelected && hasNestedBlocks;
|
34749 |
return (0,external_wp_element_namespaceObject.createElement)(external_wp_data_namespaceObject.AsyncModeProvider, {
|
34750 |
key: clientId,
|
34751 |
value: !isSelected
|
34752 |
+
}, showBlock && (0,external_wp_element_namespaceObject.createElement)(list_view_block, {
|
34753 |
block: block,
|
34754 |
+
selectBlock: selectBlock,
|
|
|
|
|
34755 |
isSelected: isSelected,
|
34756 |
isBranchSelected: isSelectedBranch,
|
34757 |
+
isDragged: isDragged,
|
34758 |
level: level,
|
34759 |
position: position,
|
34760 |
+
rowCount: blockCount,
|
34761 |
siblingBlockCount: blockCount,
|
34762 |
showBlockMovers: showBlockMovers,
|
|
|
34763 |
path: updatedPath,
|
34764 |
+
isExpanded: isExpanded,
|
34765 |
+
listPosition: nextPosition
|
34766 |
+
}), !showBlock && (0,external_wp_element_namespaceObject.createElement)("tr", null, (0,external_wp_element_namespaceObject.createElement)("td", {
|
34767 |
+
className: "block-editor-list-view-placeholder"
|
34768 |
+
})), hasNestedBlocks && isExpanded && !isDragged && (0,external_wp_element_namespaceObject.createElement)(ListViewBranch, {
|
34769 |
blocks: innerBlocks,
|
34770 |
selectBlock: selectBlock,
|
|
|
|
|
|
|
34771 |
showBlockMovers: showBlockMovers,
|
34772 |
showNestedBlocks: showNestedBlocks,
|
|
|
34773 |
level: level + 1,
|
34774 |
+
path: updatedPath,
|
34775 |
+
listPosition: nextPosition + 1,
|
34776 |
+
fixedListWindow: fixedListWindow,
|
34777 |
+
isBranchSelected: isSelectedBranch,
|
34778 |
+
selectedClientIds: selectedClientIds
|
34779 |
}));
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
34780 |
}));
|
34781 |
}
|
34782 |
+
|
34783 |
ListViewBranch.defaultProps = {
|
34784 |
selectBlock: () => {}
|
34785 |
};
|
34786 |
+
/* harmony default export */ var branch = ((0,external_wp_element_namespaceObject.memo)(ListViewBranch));
|
34787 |
//# sourceMappingURL=branch.js.map
|
34788 |
;// CONCATENATED MODULE: ./packages/block-editor/build-module/components/list-view/drop-indicator.js
|
34789 |
|
34904 |
*/
|
34905 |
|
34906 |
|
34907 |
+
function useListViewClientIds(blocks) {
|
34908 |
+
return (0,external_wp_data_namespaceObject.useSelect)(select => {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
34909 |
const {
|
34910 |
+
getDraggedBlockClientIds,
|
34911 |
getSelectedBlockClientIds,
|
34912 |
+
__unstableGetClientIdsTree
|
34913 |
} = select(store);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
34914 |
return {
|
34915 |
+
selectedClientIds: getSelectedBlockClientIds(),
|
34916 |
+
draggedClientIds: getDraggedBlockClientIds(),
|
34917 |
+
clientIdsTree: blocks ? blocks : __unstableGetClientIdsTree()
|
34918 |
};
|
34919 |
+
}, [blocks]);
|
|
|
|
|
|
|
|
|
|
|
|
|
34920 |
}
|
34921 |
//# sourceMappingURL=use-list-view-client-ids.js.map
|
34922 |
;// CONCATENATED MODULE: ./packages/block-editor/build-module/components/list-view/use-list-view-drop-zone.js
|
35207 |
* @param {Array} props.blocks Custom subset of block client IDs to be used instead of the default hierarchy.
|
35208 |
* @param {Function} props.onSelect Block selection callback.
|
35209 |
* @param {boolean} props.showNestedBlocks Flag to enable displaying nested blocks.
|
35210 |
+
* @param {boolean} props.showBlockMovers Flag to enable block movers
|
35211 |
* @param {boolean} props.__experimentalFeatures Flag to enable experimental features.
|
35212 |
* @param {boolean} props.__experimentalPersistentListViewFeatures Flag to enable features for the Persistent List View experiment.
|
35213 |
+
* @param {boolean} props.__experimentalHideContainerBlockActions Flag to hide actions of top level blocks (like core/widget-area)
|
35214 |
* @param {Object} ref Forwarded ref
|
35215 |
*/
|
35216 |
|
35217 |
|
35218 |
function ListView({
|
35219 |
blocks,
|
|
|
35220 |
onSelect = list_view_noop,
|
35221 |
__experimentalFeatures,
|
35222 |
__experimentalPersistentListViewFeatures,
|
35223 |
+
__experimentalHideContainerBlockActions,
|
35224 |
+
showNestedBlocks,
|
35225 |
+
showBlockMovers,
|
35226 |
...props
|
35227 |
}, ref) {
|
35228 |
const {
|
35229 |
clientIdsTree,
|
35230 |
+
draggedClientIds,
|
35231 |
+
selectedClientIds
|
35232 |
+
} = useListViewClientIds(blocks);
|
35233 |
const {
|
35234 |
selectBlock
|
35235 |
} = (0,external_wp_data_namespaceObject.useDispatch)(store);
|
35236 |
+
const {
|
35237 |
+
visibleBlockCount
|
35238 |
+
} = (0,external_wp_data_namespaceObject.useSelect)(select => {
|
35239 |
+
const {
|
35240 |
+
getGlobalBlockCount,
|
35241 |
+
getClientIdsOfDescendants
|
35242 |
+
} = select(store);
|
35243 |
+
const draggedBlockCount = (draggedClientIds === null || draggedClientIds === void 0 ? void 0 : draggedClientIds.length) > 0 ? getClientIdsOfDescendants(draggedClientIds).length + 1 : 0;
|
35244 |
+
return {
|
35245 |
+
visibleBlockCount: getGlobalBlockCount() - draggedBlockCount
|
35246 |
+
};
|
35247 |
+
}, [draggedClientIds]);
|
35248 |
const selectEditorBlock = (0,external_wp_element_namespaceObject.useCallback)(clientId => {
|
35249 |
selectBlock(clientId);
|
35250 |
onSelect(clientId);
|
35259 |
const isMounted = (0,external_wp_element_namespaceObject.useRef)(false);
|
35260 |
(0,external_wp_element_namespaceObject.useEffect)(() => {
|
35261 |
isMounted.current = true;
|
35262 |
+
}, []); // List View renders a fixed number of items and relies on each having a fixed item height of 36px.
|
35263 |
+
// If this value changes, we should also change the itemHeight value set in useFixedWindowList.
|
35264 |
+
// See: https://github.com/WordPress/gutenberg/pull/35230 for additional context.
|
35265 |
+
|
35266 |
+
const [fixedListWindow] = (0,external_wp_compose_namespaceObject.__experimentalUseFixedWindowList)(elementRef, 36, visibleBlockCount, {
|
35267 |
+
useWindowing: __experimentalPersistentListViewFeatures,
|
35268 |
+
windowOverscan: 40
|
35269 |
+
});
|
35270 |
const expand = (0,external_wp_element_namespaceObject.useCallback)(clientId => {
|
35271 |
if (!clientId) {
|
35272 |
return;
|
35287 |
clientId
|
35288 |
});
|
35289 |
}, [setExpandedState]);
|
35290 |
+
const expandRow = (0,external_wp_element_namespaceObject.useCallback)(row => {
|
|
|
35291 |
var _row$dataset;
|
35292 |
|
35293 |
expand(row === null || row === void 0 ? void 0 : (_row$dataset = row.dataset) === null || _row$dataset === void 0 ? void 0 : _row$dataset.block);
|
35294 |
+
}, [expand]);
|
35295 |
+
const collapseRow = (0,external_wp_element_namespaceObject.useCallback)(row => {
|
|
|
35296 |
var _row$dataset2;
|
35297 |
|
35298 |
collapse(row === null || row === void 0 ? void 0 : (_row$dataset2 = row.dataset) === null || _row$dataset2 === void 0 ? void 0 : _row$dataset2.block);
|
35299 |
+
}, [collapse]);
|
|
|
35300 |
const contextValue = (0,external_wp_element_namespaceObject.useMemo)(() => ({
|
35301 |
__experimentalFeatures,
|
35302 |
__experimentalPersistentListViewFeatures,
|
35303 |
+
__experimentalHideContainerBlockActions,
|
35304 |
isTreeGridMounted: isMounted.current,
|
35305 |
draggedClientIds,
|
|
|
35306 |
expandedState,
|
35307 |
expand,
|
35308 |
collapse
|
35309 |
+
}), [__experimentalFeatures, __experimentalPersistentListViewFeatures, __experimentalHideContainerBlockActions, isMounted.current, draggedClientIds, expandedState, expand, collapse]);
|
35310 |
return (0,external_wp_element_namespaceObject.createElement)(external_wp_data_namespaceObject.AsyncModeProvider, {
|
35311 |
value: true
|
35312 |
}, (0,external_wp_element_namespaceObject.createElement)(ListViewDropIndicator, {
|
35320 |
onExpandRow: expandRow
|
35321 |
}, (0,external_wp_element_namespaceObject.createElement)(ListViewContext.Provider, {
|
35322 |
value: contextValue
|
35323 |
+
}, (0,external_wp_element_namespaceObject.createElement)(branch, _extends({
|
35324 |
blocks: clientIdsTree,
|
35325 |
+
selectBlock: selectEditorBlock,
|
35326 |
+
showNestedBlocks: showNestedBlocks,
|
35327 |
+
showBlockMovers: showBlockMovers,
|
35328 |
+
fixedListWindow: fixedListWindow,
|
35329 |
+
selectedClientIds: selectedClientIds
|
35330 |
}, props)))));
|
35331 |
}
|
35332 |
|
35397 |
className: "block-editor-block-navigation__label"
|
35398 |
}, (0,external_wp_i18n_namespaceObject.__)('List view')), (0,external_wp_element_namespaceObject.createElement)(components_list_view, {
|
35399 |
showNestedBlocks: true,
|
|
|
35400 |
__experimentalFeatures: __experimentalFeatures
|
35401 |
}))
|
35402 |
});
|
37939 |
selectedSuggestion
|
37940 |
} = this.state;
|
37941 |
const {
|
37942 |
+
value,
|
37943 |
+
__experimentalShowInitialSuggestions = false
|
37944 |
} = this.props; // only have to worry about scrolling selected suggestion into view
|
37945 |
// when already expanded
|
37946 |
|
37952 |
this.props.setTimeout(() => {
|
37953 |
this.scrollingIntoView = false;
|
37954 |
}, 100);
|
37955 |
+
} // Update suggestions when the value changes
|
37956 |
|
37957 |
|
37958 |
+
if (prevProps.value !== value && !this.props.disableSuggestions && !this.isUpdatingSuggestions) {
|
37959 |
+
if (value !== null && value !== void 0 && value.length) {
|
37960 |
+
// If the new value is not empty we need to update with suggestions for it
|
37961 |
+
this.updateSuggestions(value);
|
37962 |
+
} else if (__experimentalShowInitialSuggestions) {
|
37963 |
+
// If the new value is empty and we can show initial suggestions, then show initial suggestions
|
37964 |
+
this.updateSuggestions();
|
37965 |
+
}
|
37966 |
}
|
37967 |
}
|
37968 |
|
38762 |
* External dependencies
|
38763 |
*/
|
38764 |
|
38765 |
+
|
38766 |
/**
|
38767 |
* WordPress dependencies
|
38768 |
*/
|
38800 |
showInitialSuggestions = false,
|
38801 |
suggestionsQuery = {},
|
38802 |
withURLSuggestion = true,
|
38803 |
+
createSuggestionButtonText,
|
38804 |
+
useLabel = false
|
38805 |
}, ref) => {
|
38806 |
const genericSearchHandler = useSearchHandler(suggestionsQuery, allowDirectEntry, withCreateSuggestion, withURLSuggestion);
|
38807 |
const searchHandler = showSuggestions ? fetchSuggestions || genericSearchHandler : noopSearchHandler;
|
38861 |
}
|
38862 |
};
|
38863 |
|
38864 |
+
const inputClasses = classnames_default()(className, {
|
38865 |
+
'has-no-label': !useLabel
|
38866 |
+
});
|
38867 |
+
return (0,external_wp_element_namespaceObject.createElement)("div", {
|
38868 |
+
className: "block-editor-link-control__search-input-container"
|
38869 |
+
}, (0,external_wp_element_namespaceObject.createElement)(url_input, {
|
38870 |
+
label: useLabel ? 'URL' : undefined,
|
38871 |
+
className: inputClasses,
|
38872 |
value: value,
|
38873 |
onChange: onInputChange,
|
38874 |
placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : (0,external_wp_i18n_namespaceObject.__)('Search or type url'),
|
38910 |
}));
|
38911 |
/* harmony default export */ var library_info = (info);
|
38912 |
//# sourceMappingURL=info.js.map
|
38913 |
+
;// CONCATENATED MODULE: ./packages/icons/build-module/library/pencil.js
|
38914 |
+
|
38915 |
+
|
38916 |
+
/**
|
38917 |
+
* WordPress dependencies
|
38918 |
+
*/
|
38919 |
+
|
38920 |
+
const pencil = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
|
38921 |
+
xmlns: "http://www.w3.org/2000/svg",
|
38922 |
+
viewBox: "0 0 24 24"
|
38923 |
+
}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
|
38924 |
+
d: "M20.1 5.1L16.9 2 6.2 12.7l-1.3 4.4 4.5-1.3L20.1 5.1zM4 20.8h8v-1.5H4v1.5z"
|
38925 |
+
}));
|
38926 |
+
/* harmony default export */ var library_pencil = (pencil);
|
38927 |
+
//# sourceMappingURL=pencil.js.map
|
38928 |
+
;// CONCATENATED MODULE: ./packages/icons/build-module/library/edit.js
|
38929 |
+
/**
|
38930 |
+
* Internal dependencies
|
38931 |
+
*/
|
38932 |
+
|
38933 |
+
/* harmony default export */ var library_edit = (library_pencil);
|
38934 |
+
//# sourceMappingURL=edit.js.map
|
38935 |
;// CONCATENATED MODULE: ./packages/block-editor/build-module/components/link-control/viewer-slot.js
|
38936 |
/**
|
38937 |
* WordPress dependencies
|
39046 |
|
39047 |
|
39048 |
|
39049 |
+
|
39050 |
/**
|
39051 |
* Internal dependencies
|
39052 |
*/
|
39056 |
function LinkPreview({
|
39057 |
value,
|
39058 |
onEditClick,
|
39059 |
+
hasRichPreviews = false,
|
39060 |
+
hasUnlinkControl = false,
|
39061 |
+
onRemove
|
39062 |
}) {
|
39063 |
// Avoid fetching if rich previews are not desired.
|
39064 |
const showRichPreviews = hasRichPreviews ? value === null || value === void 0 ? void 0 : value.url : null;
|
39069 |
|
39070 |
const hasRichData = richData && Object.keys(richData).length;
|
39071 |
const displayURL = value && (0,external_wp_url_namespaceObject.filterURLForDisplay)((0,external_wp_url_namespaceObject.safeDecodeURI)(value.url), 16) || '';
|
39072 |
+
const displayTitle = (richData === null || richData === void 0 ? void 0 : richData.title) || (value === null || value === void 0 ? void 0 : value.title) || displayURL;
|
39073 |
const isEmptyURL = !value.url.length;
|
39074 |
let icon;
|
39075 |
|
39112 |
}, !isEmptyURL ? (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ExternalLink, {
|
39113 |
className: "block-editor-link-control__search-item-title",
|
39114 |
href: value.url
|
39115 |
+
}, (0,external_wp_dom_namespaceObject.__unstableStripHTML)(displayTitle)), (value === null || value === void 0 ? void 0 : value.url) && (0,external_wp_element_namespaceObject.createElement)("span", {
|
39116 |
className: "block-editor-link-control__search-item-info"
|
39117 |
}, displayURL)) : (0,external_wp_element_namespaceObject.createElement)("span", {
|
39118 |
className: "block-editor-link-control__search-item-error-notice"
|
39119 |
}, "Link is empty"))), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, {
|
39120 |
+
icon: library_edit,
|
39121 |
+
label: (0,external_wp_i18n_namespaceObject.__)('Edit'),
|
39122 |
+
className: "block-editor-link-control__search-item-action",
|
39123 |
+
onClick: onEditClick,
|
39124 |
+
iconSize: 24
|
39125 |
+
}), hasUnlinkControl && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, {
|
39126 |
+
icon: link_off,
|
39127 |
+
label: (0,external_wp_i18n_namespaceObject.__)('Unlink'),
|
39128 |
+
className: "block-editor-link-control__search-item-action block-editor-link-control__unlink",
|
39129 |
+
onClick: onRemove,
|
39130 |
+
iconSize: 24
|
39131 |
+
}), (0,external_wp_element_namespaceObject.createElement)(ViewerSlot, {
|
39132 |
fillProps: value
|
39133 |
})), (hasRichData && ((richData === null || richData === void 0 ? void 0 : richData.image) || (richData === null || richData === void 0 ? void 0 : richData.description)) || isFetching) && (0,external_wp_element_namespaceObject.createElement)("div", {
|
39134 |
className: "block-editor-link-control__search-item-bottom"
|
39237 |
* External dependencies
|
39238 |
*/
|
39239 |
|
39240 |
+
|
39241 |
/**
|
39242 |
* WordPress dependencies
|
39243 |
*/
|
39330 |
* @property {Object=} suggestionsQuery Query parameters to pass along to wp.blockEditor.__experimentalFetchLinkSuggestions.
|
39331 |
* @property {boolean=} noURLSuggestion Whether to add a fallback suggestion which treats the search query as a URL.
|
39332 |
* @property {string|Function|undefined} createSuggestionButtonText The text to use in the button that calls createSuggestion.
|
39333 |
+
* @property {Function} renderControlBottom Optional controls to be rendered at the bottom of the component.
|
39334 |
*/
|
39335 |
|
39336 |
/**
|
39357 |
suggestionsQuery = {},
|
39358 |
noURLSuggestion = false,
|
39359 |
createSuggestionButtonText,
|
39360 |
+
hasRichPreviews = false,
|
39361 |
+
hasTextControl = false,
|
39362 |
+
renderControlBottom = null
|
39363 |
}) {
|
39364 |
+
var _currentInputValue$tr, _value$url, _value$url$trim;
|
39365 |
|
39366 |
if (withCreateSuggestion === undefined && createSuggestion) {
|
39367 |
withCreateSuggestion = true;
|
39369 |
|
39370 |
const isMounting = (0,external_wp_element_namespaceObject.useRef)(true);
|
39371 |
const wrapperNode = (0,external_wp_element_namespaceObject.useRef)();
|
39372 |
+
const textInputRef = (0,external_wp_element_namespaceObject.useRef)();
|
39373 |
+
const [internalInputValue, setInternalInputValue] = (0,external_wp_element_namespaceObject.useState)((value === null || value === void 0 ? void 0 : value.url) || '');
|
39374 |
+
const [internalTextValue, setInternalTextValue] = (0,external_wp_element_namespaceObject.useState)((value === null || value === void 0 ? void 0 : value.title) || '');
|
39375 |
const currentInputValue = propInputValue || internalInputValue;
|
39376 |
const [isEditingLink, setIsEditingLink] = (0,external_wp_element_namespaceObject.useState)(forceIsEditingLink !== undefined ? forceIsEditingLink : !value || !value.url);
|
39377 |
const isEndingEditWithFocus = (0,external_wp_element_namespaceObject.useRef)(false);
|
39382 |
}
|
39383 |
}, [forceIsEditingLink]);
|
39384 |
(0,external_wp_element_namespaceObject.useEffect)(() => {
|
39385 |
+
// We don't auto focus into the Link UI on mount
|
39386 |
+
// because otherwise using the keyboard to select text
|
39387 |
+
// *within* the link format is not possible.
|
39388 |
if (isMounting.current) {
|
39389 |
isMounting.current = false;
|
39390 |
return;
|
39391 |
+
} // Unless we are mounting, we always want to focus either:
|
39392 |
+
// - the URL input
|
39393 |
+
// - the first focusable element in the Link UI.
|
39394 |
+
// But in editing mode if there is a text input present then
|
39395 |
+
// the URL input is at index 1. If not then it is at index 0.
|
39396 |
|
39397 |
|
39398 |
+
const whichFocusTargetIndex = textInputRef !== null && textInputRef !== void 0 && textInputRef.current ? 1 : 0; // Scenario - when:
|
39399 |
+
// - switching between editable and non editable LinkControl
|
39400 |
+
// - clicking on a link
|
39401 |
+
// ...then move focus to the *first* element to avoid focus loss
|
39402 |
+
// and to ensure focus is *within* the Link UI.
|
39403 |
+
|
39404 |
+
const nextFocusTarget = external_wp_dom_namespaceObject.focus.focusable.find(wrapperNode.current)[whichFocusTargetIndex] || wrapperNode.current;
|
39405 |
nextFocusTarget.focus();
|
39406 |
isEndingEditWithFocus.current = false;
|
39407 |
}, [isEditingLink]);
|
39408 |
+
(0,external_wp_element_namespaceObject.useEffect)(() => {
|
39409 |
+
/**
|
39410 |
+
* If the value's `text` property changes then sync this
|
39411 |
+
* back up with state.
|
39412 |
+
*/
|
39413 |
+
if (value !== null && value !== void 0 && value.title && value.title !== internalTextValue) {
|
39414 |
+
setInternalTextValue(value.title);
|
39415 |
+
}
|
39416 |
+
/**
|
39417 |
+
* Update the state value internalInputValue if the url value changes
|
39418 |
+
* for example when clicking on another anchor
|
39419 |
+
*/
|
39420 |
+
|
39421 |
+
|
39422 |
+
if (value !== null && value !== void 0 && value.url) {
|
39423 |
+
setInternalInputValue(value.url);
|
39424 |
+
}
|
39425 |
+
}, [value]);
|
39426 |
/**
|
39427 |
* Cancels editing state and marks that focus may need to be restored after
|
39428 |
* the next render, if focus was within the wrapper when editing finished.
|
39442 |
} = useCreatePage(createSuggestion);
|
39443 |
|
39444 |
const handleSelectSuggestion = updatedValue => {
|
39445 |
+
onChange({ ...updatedValue,
|
39446 |
+
title: internalTextValue || (updatedValue === null || updatedValue === void 0 ? void 0 : updatedValue.title)
|
39447 |
+
});
|
39448 |
stopEditing();
|
39449 |
};
|
39450 |
|
39451 |
+
const handleSubmit = () => {
|
39452 |
+
if (currentInputValue !== (value === null || value === void 0 ? void 0 : value.url) || internalTextValue !== (value === null || value === void 0 ? void 0 : value.title)) {
|
39453 |
onChange({
|
39454 |
+
url: currentInputValue,
|
39455 |
+
title: internalTextValue
|
39456 |
});
|
39457 |
}
|
39458 |
|
39459 |
stopEditing();
|
39460 |
};
|
39461 |
|
39462 |
+
const handleSubmitWithEnter = event => {
|
39463 |
+
const {
|
39464 |
+
keyCode
|
39465 |
+
} = event;
|
39466 |
+
|
39467 |
+
if (keyCode === external_wp_keycodes_namespaceObject.ENTER && !currentInputIsEmpty // disallow submitting empty values.
|
39468 |
+
) {
|
39469 |
+
event.preventDefault();
|
39470 |
+
handleSubmit();
|
39471 |
+
}
|
39472 |
+
};
|
39473 |
+
|
39474 |
const shownUnlinkControl = onRemove && value && !isEditingLink && !isCreatingPage;
|
39475 |
+
const showSettingsDrawer = !!(settings !== null && settings !== void 0 && settings.length); // Only show text control once a URL value has been committed
|
39476 |
+
// and it isn't just empty whitespace.
|
39477 |
+
// See https://github.com/WordPress/gutenberg/pull/33849/#issuecomment-932194927.
|
39478 |
+
|
39479 |
+
const showTextControl = (value === null || value === void 0 ? void 0 : (_value$url = value.url) === null || _value$url === void 0 ? void 0 : (_value$url$trim = _value$url.trim()) === null || _value$url$trim === void 0 ? void 0 : _value$url$trim.length) > 0 && hasTextControl;
|
39480 |
return (0,external_wp_element_namespaceObject.createElement)("div", {
|
39481 |
tabIndex: -1,
|
39482 |
ref: wrapperNode,
|
39484 |
}, isCreatingPage && (0,external_wp_element_namespaceObject.createElement)("div", {
|
39485 |
className: "block-editor-link-control__loading"
|
39486 |
}, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Spinner, null), " ", (0,external_wp_i18n_namespaceObject.__)('Creating'), "\u2026"), (isEditingLink || !value) && !isCreatingPage && (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)("div", {
|
39487 |
+
className: classnames_default()({
|
39488 |
+
'block-editor-link-control__search-input-wrapper': true,
|
39489 |
+
'has-text-control': showTextControl
|
39490 |
+
})
|
39491 |
+
}, showTextControl && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.TextControl, {
|
39492 |
+
ref: textInputRef,
|
39493 |
+
className: "block-editor-link-control__field block-editor-link-control__text-content",
|
39494 |
+
label: "Text",
|
39495 |
+
value: internalTextValue,
|
39496 |
+
onChange: setInternalTextValue,
|
39497 |
+
onKeyDown: handleSubmitWithEnter
|
39498 |
+
}), (0,external_wp_element_namespaceObject.createElement)(search_input, {
|
39499 |
currentLink: value,
|
39500 |
+
className: "block-editor-link-control__field block-editor-link-control__search-input",
|
39501 |
placeholder: searchInputPlaceholder,
|
39502 |
value: currentInputValue,
|
39503 |
withCreateSuggestion: withCreateSuggestion,
|
39509 |
showSuggestions: showSuggestions,
|
39510 |
suggestionsQuery: suggestionsQuery,
|
39511 |
withURLSuggestion: !noURLSuggestion,
|
39512 |
+
createSuggestionButtonText: createSuggestionButtonText,
|
39513 |
+
useLabel: showTextControl
|
39514 |
}, (0,external_wp_element_namespaceObject.createElement)("div", {
|
39515 |
className: "block-editor-link-control__search-actions"
|
39516 |
}, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, {
|
39517 |
+
onClick: handleSubmit,
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
39518 |
label: (0,external_wp_i18n_namespaceObject.__)('Submit'),
|
39519 |
icon: keyboard_return,
|
39520 |
className: "block-editor-link-control__search-submit",
|
39529 |
,
|
39530 |
value: value,
|
39531 |
onEditClick: () => setIsEditingLink(true),
|
39532 |
+
hasRichPreviews: hasRichPreviews,
|
39533 |
+
hasUnlinkControl: shownUnlinkControl,
|
39534 |
+
onRemove: onRemove
|
39535 |
+
}), showSettingsDrawer && (0,external_wp_element_namespaceObject.createElement)("div", {
|
39536 |
className: "block-editor-link-control__tools"
|
39537 |
}, (0,external_wp_element_namespaceObject.createElement)(settings_drawer, {
|
39538 |
value: value,
|
39539 |
settings: settings,
|
39540 |
onChange: onChange
|
39541 |
+
})), renderControlBottom && renderControlBottom());
|
|
|
|
|
|
|
|
|
|
|
39542 |
}
|
39543 |
|
39544 |
LinkControl.ViewerFill = ViewerFill;
|
39808 |
};
|
39809 |
}), (0,external_wp_components_namespaceObject.withFilters)('editor.MediaReplaceFlow')])(MediaReplaceFlow));
|
39810 |
//# sourceMappingURL=index.js.map
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
39811 |
;// CONCATENATED MODULE: ./packages/block-editor/build-module/components/url-popover/link-viewer-url.js
|
39812 |
|
39813 |
|
40421 |
toggleProps: { ...toggleProps,
|
40422 |
className: classnames_default()(toggleProps.className, {
|
40423 |
'is-pressed': hasActive
|
40424 |
+
}),
|
40425 |
+
describedBy: (0,external_wp_i18n_namespaceObject.__)('Displays more block tools')
|
40426 |
},
|
40427 |
controls: (0,external_lodash_namespaceObject.orderBy)(fills.map(([{
|
40428 |
props
|
41422 |
* WordPress dependencies
|
41423 |
*/
|
41424 |
|
41425 |
+
/**
|
41426 |
+
* External dependencies
|
41427 |
+
*/
|
41428 |
+
|
41429 |
+
|
41430 |
function FormatEdit({
|
41431 |
formatTypes,
|
41432 |
onChange,
|
41445 |
}
|
41446 |
|
41447 |
const activeFormat = (0,external_wp_richText_namespaceObject.getActiveFormat)(value, name);
|
41448 |
+
let isActive = activeFormat !== undefined;
|
41449 |
const activeObject = (0,external_wp_richText_namespaceObject.getActiveObject)(value);
|
41450 |
+
const isObjectActive = activeObject !== undefined && activeObject.type === name; // Edge case: un-collapsed link formats.
|
41451 |
+
// If there is a missing link format at either end of the selection
|
41452 |
+
// then we shouldn't show the Edit UI because the selection has exceeded
|
41453 |
+
// the bounds of the link format.
|
41454 |
+
// Also if the format objects don't match then we're dealing with two separate
|
41455 |
+
// links so we should not allow the link to be modified over the top.
|
41456 |
+
|
41457 |
+
if (name === 'core/link' && !(0,external_wp_richText_namespaceObject.isCollapsed)(value)) {
|
41458 |
+
const formats = value.formats;
|
41459 |
+
const linkFormatAtStart = (0,external_lodash_namespaceObject.find)(formats[value.start], {
|
41460 |
+
type: 'core/link'
|
41461 |
+
});
|
41462 |
+
const linkFormatAtEnd = (0,external_lodash_namespaceObject.find)(formats[value.end - 1], {
|
41463 |
+
type: 'core/link'
|
41464 |
+
});
|
41465 |
+
|
41466 |
+
if (!linkFormatAtStart || !linkFormatAtEnd || linkFormatAtStart !== linkFormatAtEnd) {
|
41467 |
+
isActive = false;
|
41468 |
+
}
|
41469 |
+
}
|
41470 |
+
|
41471 |
return (0,external_wp_element_namespaceObject.createElement)(Edit, {
|
41472 |
key: name,
|
41473 |
isActive: isActive,
|
42850 |
const words = (0,external_wp_wordcount_namespaceObject.count)((0,external_wp_blocks_namespaceObject.serialize)(blocks), 'words');
|
42851 |
return (0,external_wp_element_namespaceObject.createElement)("div", {
|
42852 |
className: "block-editor-multi-selection-inspector__card"
|
42853 |
+
}, (0,external_wp_element_namespaceObject.createElement)(block_icon, {
|
42854 |
icon: library_stack,
|
42855 |
showColors: true
|
42856 |
}), (0,external_wp_element_namespaceObject.createElement)("div", {
|
43042 |
blockName: blockName
|
43043 |
}))), (0,external_wp_element_namespaceObject.createElement)(inspector_controls.Slot, {
|
43044 |
bubblesVirtually: bubblesVirtually
|
43045 |
+
}), (0,external_wp_element_namespaceObject.createElement)(inspector_controls.Slot, {
|
43046 |
+
__experimentalGroup: "typography",
|
43047 |
+
bubblesVirtually: bubblesVirtually,
|
43048 |
+
label: (0,external_wp_i18n_namespaceObject.__)('Typography')
|
43049 |
}), (0,external_wp_element_namespaceObject.createElement)(inspector_controls.Slot, {
|
43050 |
__experimentalGroup: "dimensions",
|
43051 |
bubblesVirtually: bubblesVirtually,
|
44044 |
|
44045 |
|
44046 |
|
44047 |
+
|
44048 |
+
|
44049 |
|
44050 |
|
44051 |
|
build/block-editor/index.min.asset.php
CHANGED
@@ -1 +1 @@
|
|
1 |
-
<?php return array('dependencies' => array('lodash', 'react', 'react-dom', 'wp-a11y', 'wp-api-fetch', 'wp-blob', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-data', 'wp-deprecated', 'wp-dom', 'wp-element', 'wp-hooks', 'wp-html-entities', 'wp-i18n', 'wp-is-shallow-equal', 'wp-keyboard-shortcuts', 'wp-keycodes', 'wp-notices', 'wp-polyfill', 'wp-primitives', 'wp-rich-text', 'wp-shortcode', 'wp-token-list', 'wp-url', 'wp-warning', 'wp-wordcount'), 'version' => '
|
1 |
+
<?php return array('dependencies' => array('lodash', 'react', 'react-dom', 'wp-a11y', 'wp-api-fetch', 'wp-blob', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-data', 'wp-deprecated', 'wp-dom', 'wp-element', 'wp-hooks', 'wp-html-entities', 'wp-i18n', 'wp-is-shallow-equal', 'wp-keyboard-shortcuts', 'wp-keycodes', 'wp-notices', 'wp-polyfill', 'wp-primitives', 'wp-rich-text', 'wp-shortcode', 'wp-token-list', 'wp-url', 'wp-warning', 'wp-wordcount'), 'version' => 'cf3c0f2b1f8399684eb71d30af7906fd');
|
build/block-editor/index.min.js
CHANGED
@@ -1,88 +1,92 @@
|
|
1 |
-
!function(){var e={9367:function(e,t){var n,o;void 0===(o="function"==typeof(n=function(e,t){"use strict";var n,o,r="function"==typeof Map?new Map:(n=[],o=[],{has:function(e){return n.indexOf(e)>-1},get:function(e){return o[n.indexOf(e)]},set:function(e,t){-1===n.indexOf(e)&&(n.push(e),o.push(t))},delete:function(e){var t=n.indexOf(e);t>-1&&(n.splice(t,1),o.splice(t,1))}}),l=function(e){return new Event(e,{bubbles:!0})};try{new Event("test")}catch(e){l=function(e){var t=document.createEvent("Event");return t.initEvent(e,!0,!1),t}}function i(e){if(e&&e.nodeName&&"TEXTAREA"===e.nodeName&&!r.has(e)){var t=null,n=null,o=null,i=function(){e.clientWidth!==n&&d()},s=function(t){window.removeEventListener("resize",i,!1),e.removeEventListener("input",d,!1),e.removeEventListener("keyup",d,!1),e.removeEventListener("autosize:destroy",s,!1),e.removeEventListener("autosize:update",d,!1),Object.keys(t).forEach((function(n){e.style[n]=t[n]})),r.delete(e)}.bind(e,{height:e.style.height,resize:e.style.resize,overflowY:e.style.overflowY,overflowX:e.style.overflowX,wordWrap:e.style.wordWrap});e.addEventListener("autosize:destroy",s,!1),"onpropertychange"in e&&"oninput"in e&&e.addEventListener("keyup",d,!1),window.addEventListener("resize",i,!1),e.addEventListener("input",d,!1),e.addEventListener("autosize:update",d,!1),e.style.overflowX="hidden",e.style.wordWrap="break-word",r.set(e,{destroy:s,update:d}),"vertical"===(a=window.getComputedStyle(e,null)).resize?e.style.resize="none":"both"===a.resize&&(e.style.resize="horizontal"),t="content-box"===a.boxSizing?-(parseFloat(a.paddingTop)+parseFloat(a.paddingBottom)):parseFloat(a.borderTopWidth)+parseFloat(a.borderBottomWidth),isNaN(t)&&(t=0),d()}var a;function c(t){var n=e.style.width;e.style.width="0px",e.offsetWidth,e.style.width=n,e.style.overflowY=t}function u(){if(0!==e.scrollHeight){var o=function(e){for(var t=[];e&&e.parentNode&&e.parentNode instanceof Element;)e.parentNode.scrollTop&&t.push({node:e.parentNode,scrollTop:e.parentNode.scrollTop}),e=e.parentNode;return t}(e),r=document.documentElement&&document.documentElement.scrollTop;e.style.height="",e.style.height=e.scrollHeight+t+"px",n=e.clientWidth,o.forEach((function(e){e.node.scrollTop=e.scrollTop})),r&&(document.documentElement.scrollTop=r)}}function d(){u();var t=Math.round(parseFloat(e.style.height)),n=window.getComputedStyle(e,null),r="content-box"===n.boxSizing?Math.round(parseFloat(n.height)):e.offsetHeight;if(r<t?"hidden"===n.overflowY&&(c("scroll"),u(),r="content-box"===n.boxSizing?Math.round(parseFloat(window.getComputedStyle(e,null).height)):e.offsetHeight):"hidden"!==n.overflowY&&(c("hidden"),u(),r="content-box"===n.boxSizing?Math.round(parseFloat(window.getComputedStyle(e,null).height)):e.offsetHeight),o!==r){o=r;var i=l("autosize:resized");try{e.dispatchEvent(i)}catch(e){}}}}function s(e){var t=r.get(e);t&&t.destroy()}function a(e){var t=r.get(e);t&&t.update()}var c=null;"undefined"==typeof window||"function"!=typeof window.getComputedStyle?((c=function(e){return e}).destroy=function(e){return e},c.update=function(e){return e}):((c=function(e,t){return e&&Array.prototype.forEach.call(e.length?e:[e],(function(e){return i(e)})),e}).destroy=function(e){return e&&Array.prototype.forEach.call(e.length?e:[e],s),e},c.update=function(e){return e&&Array.prototype.forEach.call(e.length?e:[e],a),e}),t.default=c,e.exports=t.default})?n.apply(t,[e,t]):n)||(e.exports=o)},4184:function(e,t){var n;!function(){"use strict";var o={}.hasOwnProperty;function r(){for(var e=[],t=0;t<arguments.length;t++){var n=arguments[t];if(n){var l=typeof n;if("string"===l||"number"===l)e.push(n);else if(Array.isArray(n)){if(n.length){var i=r.apply(null,n);i&&e.push(i)}}else if("object"===l)if(n.toString===Object.prototype.toString)for(var s in n)o.call(n,s)&&n[s]&&e.push(s);else e.push(n.toString())}}return e.join(" ")}e.exports?(r.default=r,e.exports=r):void 0===(n=function(){return r}.apply(t,[]))||(e.exports=n)}()},1934:function(e){e.exports=function(e,t,n){return((n=window.getComputedStyle)?n(e):e.currentStyle)[t.replace(/-(\w)/gi,(function(e,t){return t.toUpperCase()}))]}},5913:function(e,t){"use strict";function n(){}function o(e,t,n,o,r){for(var l=0,i=t.length,s=0,a=0;l<i;l++){var c=t[l];if(c.removed){if(c.value=e.join(o.slice(a,a+c.count)),a+=c.count,l&&t[l-1].added){var u=t[l-1];t[l-1]=t[l],t[l]=u}}else{if(!c.added&&r){var d=n.slice(s,s+c.count);d=d.map((function(e,t){var n=o[a+t];return n.length>e.length?n:e})),c.value=e.join(d)}else c.value=e.join(n.slice(s,s+c.count));s+=c.count,c.added||(a+=c.count)}}var p=t[i-1];return i>1&&"string"==typeof p.value&&(p.added||p.removed)&&e.equals("",p.value)&&(t[i-2].value+=p.value,t.pop()),t}function r(e){return{newPos:e.newPos,components:e.components.slice(0)}}Object.defineProperty(t,"__esModule",{value:!0}),t.default=n,n.prototype={diff:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},l=n.callback;"function"==typeof n&&(l=n,n={}),this.options=n;var i=this;function s(e){return l?(setTimeout((function(){l(void 0,e)}),0),!0):e}e=this.castInput(e),t=this.castInput(t),e=this.removeEmpty(this.tokenize(e));var a=(t=this.removeEmpty(this.tokenize(t))).length,c=e.length,u=1,d=a+c,p=[{newPos:-1,components:[]}],m=this.extractCommon(p[0],t,e,0);if(p[0].newPos+1>=a&&m+1>=c)return s([{value:this.join(t),count:t.length}]);function f(){for(var n=-1*u;n<=u;n+=2){var l=void 0,d=p[n-1],m=p[n+1],f=(m?m.newPos:0)-n;d&&(p[n-1]=void 0);var g=d&&d.newPos+1<a,h=m&&0<=f&&f<c;if(g||h){if(!g||h&&d.newPos<m.newPos?(l=r(m),i.pushComponent(l.components,void 0,!0)):((l=d).newPos++,i.pushComponent(l.components,!0,void 0)),f=i.extractCommon(l,t,e,n),l.newPos+1>=a&&f+1>=c)return s(o(i,l.components,t,e,i.useLongestToken));p[n]=l}else p[n]=void 0}u++}if(l)!function e(){setTimeout((function(){if(u>d)return l();f()||e()}),0)}();else for(;u<=d;){var g=f();if(g)return g}},pushComponent:function(e,t,n){var o=e[e.length-1];o&&o.added===t&&o.removed===n?e[e.length-1]={count:o.count+1,added:t,removed:n}:e.push({count:1,added:t,removed:n})},extractCommon:function(e,t,n,o){for(var r=t.length,l=n.length,i=e.newPos,s=i-o,a=0;i+1<r&&s+1<l&&this.equals(t[i+1],n[s+1]);)i++,s++,a++;return a&&e.components.push({count:a}),e.newPos=i,s},equals:function(e,t){return this.options.comparator?this.options.comparator(e,t):e===t||this.options.ignoreCase&&e.toLowerCase()===t.toLowerCase()},removeEmpty:function(e){for(var t=[],n=0;n<e.length;n++)e[n]&&t.push(e[n]);return t},castInput:function(e){return e},tokenize:function(e){return e.split("")},join:function(e){return e.join("")}}},7630:function(e,t,n){"use strict";var o;t.Kx=function(e,t,n){return r.diff(e,t,n)};var r=new(((o=n(5913))&&o.__esModule?o:{default:o}).default)},9010:function(e,t,n){"use strict";var o=n(4657);e.exports=function(e,t,n){n=n||{},9===t.nodeType&&(t=o.getWindow(t));var r=n.allowHorizontalScroll,l=n.onlyScrollIfNeeded,i=n.alignWithTop,s=n.alignWithLeft,a=n.offsetTop||0,c=n.offsetLeft||0,u=n.offsetBottom||0,d=n.offsetRight||0;r=void 0===r||r;var p=o.isWindow(t),m=!(!p||!t.frameElement),f=o.offset(e),g=o.outerHeight(e),h=o.outerWidth(e),b=void 0,v=void 0,k=void 0,_=void 0,y=void 0,E=void 0,C=void 0,S=void 0,w=void 0,B=void 0;m&&(t=t.document.scrollingElement||t.document.body),p||m?(C=t,B=o.height(C),w=o.width(C),S={left:o.scrollLeft(C),top:o.scrollTop(C)},y={left:f.left-S.left-c,top:f.top-S.top-a},E={left:f.left+h-(S.left+w)+d,top:f.top+g-(S.top+B)+u},_=S):(b=o.offset(t),v=t.clientHeight,k=t.clientWidth,_={left:t.scrollLeft,top:t.scrollTop},y={left:f.left-(b.left+(parseFloat(o.css(t,"borderLeftWidth"))||0))-c,top:f.top-(b.top+(parseFloat(o.css(t,"borderTopWidth"))||0))-a},E={left:f.left+h-(b.left+k+(parseFloat(o.css(t,"borderRightWidth"))||0))+d,top:f.top+g-(b.top+v+(parseFloat(o.css(t,"borderBottomWidth"))||0))+u}),y.top<0||E.top>0?!0===i?o.scrollTop(t,_.top+y.top):!1===i?o.scrollTop(t,_.top+E.top):y.top<0?o.scrollTop(t,_.top+y.top):o.scrollTop(t,_.top+E.top):l||((i=void 0===i||!!i)?o.scrollTop(t,_.top+y.top):o.scrollTop(t,_.top+E.top)),r&&(y.left<0||E.left>0?!0===s?o.scrollLeft(t,_.left+y.left):!1===s?o.scrollLeft(t,_.left+E.left):y.left<0?o.scrollLeft(t,_.left+y.left):o.scrollLeft(t,_.left+E.left):l||((s=void 0===s||!!s)?o.scrollLeft(t,_.left+y.left):o.scrollLeft(t,_.left+E.left)))}},4979:function(e,t,n){"use strict";e.exports=n(9010)},4657:function(e){"use strict";var t=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol?"symbol":typeof e};function o(e,t){var n=e["page"+(t?"Y":"X")+"Offset"],o="scroll"+(t?"Top":"Left");if("number"!=typeof n){var r=e.document;"number"!=typeof(n=r.documentElement[o])&&(n=r.body[o])}return n}function r(e){return o(e)}function l(e){return o(e,!0)}function i(e){var t=function(e){var t,n=void 0,o=void 0,r=e.ownerDocument,l=r.body,i=r&&r.documentElement;return n=(t=e.getBoundingClientRect()).left,o=t.top,{left:n-=i.clientLeft||l.clientLeft||0,top:o-=i.clientTop||l.clientTop||0}}(e),n=e.ownerDocument,o=n.defaultView||n.parentWindow;return t.left+=r(o),t.top+=l(o),t}var s=new RegExp("^("+/[\-+]?(?:\d*\.|)\d+(?:[eE][\-+]?\d+|)/.source+")(?!px)[a-z%]+$","i"),a=/^(top|right|bottom|left)$/,c=void 0;function u(e,t){for(var n=0;n<e.length;n++)t(e[n])}function d(e){return"border-box"===c(e,"boxSizing")}"undefined"!=typeof window&&(c=window.getComputedStyle?function(e,t,n){var o="",r=e.ownerDocument,l=n||r.defaultView.getComputedStyle(e,null);return l&&(o=l.getPropertyValue(t)||l[t]),o}:function(e,t){var n=e.currentStyle&&e.currentStyle[t];if(s.test(n)&&!a.test(t)){var o=e.style,r=o.left,l=e.runtimeStyle.left;e.runtimeStyle.left=e.currentStyle.left,o.left="fontSize"===t?"1em":n||0,n=o.pixelLeft+"px",o.left=r,e.runtimeStyle.left=l}return""===n?"auto":n});var p=["margin","border","padding"];function m(e,t,n){var o={},r=e.style,l=void 0;for(l in t)t.hasOwnProperty(l)&&(o[l]=r[l],r[l]=t[l]);for(l in n.call(e),t)t.hasOwnProperty(l)&&(r[l]=o[l])}function f(e,t,n){var o=0,r=void 0,l=void 0,i=void 0;for(l=0;l<t.length;l++)if(r=t[l])for(i=0;i<n.length;i++){var s;s="border"===r?r+n[i]+"Width":r+n[i],o+=parseFloat(c(e,s))||0}return o}function g(e){return null!=e&&e==e.window}var h={};function b(e,t,n){if(g(e))return"width"===t?h.viewportWidth(e):h.viewportHeight(e);if(9===e.nodeType)return"width"===t?h.docWidth(e):h.docHeight(e);var o="width"===t?["Left","Right"]:["Top","Bottom"],r="width"===t?e.offsetWidth:e.offsetHeight,l=(c(e),d(e)),i=0;(null==r||r<=0)&&(r=void 0,(null==(i=c(e,t))||Number(i)<0)&&(i=e.style[t]||0),i=parseFloat(i)||0),void 0===n&&(n=l?1:-1);var s=void 0!==r||l,a=r||i;if(-1===n)return s?a-f(e,["border","padding"],o):i;if(s){var u=2===n?-f(e,["border"],o):f(e,["margin"],o);return a+(1===n?0:u)}return i+f(e,p.slice(n),o)}u(["Width","Height"],(function(e){h["doc"+e]=function(t){var n=t.document;return Math.max(n.documentElement["scroll"+e],n.body["scroll"+e],h["viewport"+e](n))},h["viewport"+e]=function(t){var n="client"+e,o=t.document,r=o.body,l=o.documentElement[n];return"CSS1Compat"===o.compatMode&&l||r&&r[n]||l}}));var v={position:"absolute",visibility:"hidden",display:"block"};function k(e){var t=void 0,n=arguments;return 0!==e.offsetWidth?t=b.apply(void 0,n):m(e,v,(function(){t=b.apply(void 0,n)})),t}function _(e,t,o){var r=o;if("object"!==(void 0===t?"undefined":n(t)))return void 0!==r?("number"==typeof r&&(r+="px"),void(e.style[t]=r)):c(e,t);for(var l in t)t.hasOwnProperty(l)&&_(e,l,t[l])}u(["width","height"],(function(e){var t=e.charAt(0).toUpperCase()+e.slice(1);h["outer"+t]=function(t,n){return t&&k(t,e,n?0:1)};var n="width"===e?["Left","Right"]:["Top","Bottom"];h[e]=function(t,o){return void 0===o?t&&k(t,e,-1):t?(c(t),d(t)&&(o+=f(t,["padding","border"],n)),_(t,e,o)):void 0}})),e.exports=t({getWindow:function(e){var t=e.ownerDocument||e;return t.defaultView||t.parentWindow},offset:function(e,t){if(void 0===t)return i(e);!function(e,t){"static"===_(e,"position")&&(e.style.position="relative");var n=i(e),o={},r=void 0,l=void 0;for(l in t)t.hasOwnProperty(l)&&(r=parseFloat(_(e,l))||0,o[l]=r+t[l]-n[l]);_(e,o)}(e,t)},isWindow:g,each:u,css:_,clone:function(e){var t={};for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n]);if(e.overflow)for(var n in e)e.hasOwnProperty(n)&&(t.overflow[n]=e.overflow[n]);return t},scrollLeft:function(e,t){if(g(e)){if(void 0===t)return r(e);window.scrollTo(t,l(e))}else{if(void 0===t)return e.scrollLeft;e.scrollLeft=t}},scrollTop:function(e,t){if(g(e)){if(void 0===t)return l(e);window.scrollTo(r(e),t)}else{if(void 0===t)return e.scrollTop;e.scrollTop=t}},viewportWidth:0,viewportHeight:0},h)},5717:function(e){"function"==typeof Object.create?e.exports=function(e,t){e.super_=t,e.prototype=Object.create(t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}})}:e.exports=function(e,t){e.super_=t;var n=function(){};n.prototype=t.prototype,e.prototype=new n,e.prototype.constructor=e}},8303:function(e,t,n){var o=n(1934);e.exports=function(e){var t=o(e,"line-height"),n=parseFloat(t,10);if(t===n+""){var r=e.style.lineHeight;e.style.lineHeight=t+"em",t=o(e,"line-height"),n=parseFloat(t,10),r?e.style.lineHeight=r:delete e.style.lineHeight}if(-1!==t.indexOf("pt")?(n*=4,n/=3):-1!==t.indexOf("mm")?(n*=96,n/=25.4):-1!==t.indexOf("cm")?(n*=96,n/=2.54):-1!==t.indexOf("in")?n*=96:-1!==t.indexOf("pc")&&(n*=16),n=Math.round(n),"normal"===t){var l=e.nodeName,i=document.createElement(l);i.innerHTML=" ","TEXTAREA"===l.toUpperCase()&&i.setAttribute("rows","1");var s=o(e,"font-size");i.style.fontSize=s,i.style.padding="0px",i.style.border="0px";var a=document.body;a.appendChild(i),n=i.offsetHeight,a.removeChild(i)}return n}},2703:function(e,t,n){"use strict";var o=n(414);function r(){}function l(){}l.resetWarningCache=r,e.exports=function(){function e(e,t,n,r,l,i){if(i!==o){var s=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw s.name="Invariant Violation",s}}function t(){return e}e.isRequired=e;var n={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:l,resetWarningCache:r};return n.PropTypes=n,n}},5697:function(e,t,n){e.exports=n(2703)()},414:function(e){"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},4857:function(e,t,n){"use strict";var o,r=this&&this.__extends||(o=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},function(e,t){function __(){this.constructor=e}o(e,t),e.prototype=null===t?Object.create(t):(__.prototype=t.prototype,new __)}),l=this&&this.__assign||Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},i=this&&this.__rest||function(e,t){var n={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(n[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(o=Object.getOwnPropertySymbols(e);r<o.length;r++)t.indexOf(o[r])<0&&(n[o[r]]=e[o[r]])}return n};t.__esModule=!0;var s=n(3804),a=n(5697),c=n(9367),u=n(8303),d="autosize:resized",p=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.state={lineHeight:null},t.textarea=null,t.onResize=function(e){t.props.onResize&&t.props.onResize(e)},t.updateLineHeight=function(){t.textarea&&t.setState({lineHeight:u(t.textarea)})},t.onChange=function(e){var n=t.props.onChange;t.currentValue=e.currentTarget.value,n&&n(e)},t}return r(t,e),t.prototype.componentDidMount=function(){var e=this,t=this.props,n=t.maxRows,o=t.async;"number"==typeof n&&this.updateLineHeight(),"number"==typeof n||o?setTimeout((function(){return e.textarea&&c(e.textarea)})):this.textarea&&c(this.textarea),this.textarea&&this.textarea.addEventListener(d,this.onResize)},t.prototype.componentWillUnmount=function(){this.textarea&&(this.textarea.removeEventListener(d,this.onResize),c.destroy(this.textarea))},t.prototype.render=function(){var e=this,t=this.props,n=(t.onResize,t.maxRows),o=(t.onChange,t.style),r=(t.innerRef,t.children),a=i(t,["onResize","maxRows","onChange","style","innerRef","children"]),c=this.state.lineHeight,u=n&&c?c*n:null;return s.createElement("textarea",l({},a,{onChange:this.onChange,style:u?l({},o,{maxHeight:u}):o,ref:function(t){e.textarea=t,"function"==typeof e.props.innerRef?e.props.innerRef(t):e.props.innerRef&&(e.props.innerRef.current=t)}}),r)},t.prototype.componentDidUpdate=function(){this.textarea&&c.update(this.textarea)},t.defaultProps={rows:1,async:!1},t.propTypes={rows:a.number,maxRows:a.number,onResize:a.func,innerRef:a.any,async:a.bool},t}(s.Component);t.TextareaAutosize=s.forwardRef((function(e,t){return s.createElement(p,l({},e,{innerRef:t}))}))},4042:function(e,t,n){"use strict";var o=n(4857);t.Z=o.TextareaAutosize},3692:function(e){var t=e.exports=function(e){return new n(e)};function n(e){this.value=e}function o(e,t,n){var o=[],i=[],u=!0;return function e(d){var p=n?r(d):d,m={},f=!0,g={node:p,node_:d,path:[].concat(o),parent:i[i.length-1],parents:i,key:o.slice(-1)[0],isRoot:0===o.length,level:o.length,circular:null,update:function(e,t){g.isRoot||(g.parent.node[g.key]=e),g.node=e,t&&(f=!1)},delete:function(e){delete g.parent.node[g.key],e&&(f=!1)},remove:function(e){s(g.parent.node)?g.parent.node.splice(g.key,1):delete g.parent.node[g.key],e&&(f=!1)},keys:null,before:function(e){m.before=e},after:function(e){m.after=e},pre:function(e){m.pre=e},post:function(e){m.post=e},stop:function(){u=!1},block:function(){f=!1}};if(!u)return g;function h(){if("object"==typeof g.node&&null!==g.node){g.keys&&g.node_===g.node||(g.keys=l(g.node)),g.isLeaf=0==g.keys.length;for(var e=0;e<i.length;e++)if(i[e].node_===d){g.circular=i[e];break}}else g.isLeaf=!0,g.keys=null;g.notLeaf=!g.isLeaf,g.notRoot=!g.isRoot}h();var b=t.call(g,g.node);return void 0!==b&&g.update&&g.update(b),m.before&&m.before.call(g,g.node),f?("object"!=typeof g.node||null===g.node||g.circular||(i.push(g),h(),a(g.keys,(function(t,r){o.push(t),m.pre&&m.pre.call(g,g.node[t],t);var l=e(g.node[t]);n&&c.call(g.node,t)&&(g.node[t]=l.node),l.isLast=r==g.keys.length-1,l.isFirst=0==r,m.post&&m.post.call(g,l),o.pop()})),i.pop()),m.after&&m.after.call(g,g.node),g):g}(e).node}function r(e){if("object"==typeof e&&null!==e){var t;if(s(e))t=[];else if("[object Date]"===i(e))t=new Date(e.getTime?e.getTime():e);else if("[object RegExp]"===i(e))t=new RegExp(e);else if(function(e){return"[object Error]"===i(e)}(e))t={message:e.message};else if(function(e){return"[object Boolean]"===i(e)}(e))t=new Boolean(e);else if(function(e){return"[object Number]"===i(e)}(e))t=new Number(e);else if(function(e){return"[object String]"===i(e)}(e))t=new String(e);else if(Object.create&&Object.getPrototypeOf)t=Object.create(Object.getPrototypeOf(e));else if(e.constructor===Object)t={};else{var n=e.constructor&&e.constructor.prototype||e.__proto__||{},o=function(){};o.prototype=n,t=new o}return a(l(e),(function(n){t[n]=e[n]})),t}return e}n.prototype.get=function(e){for(var t=this.value,n=0;n<e.length;n++){var o=e[n];if(!t||!c.call(t,o)){t=void 0;break}t=t[o]}return t},n.prototype.has=function(e){for(var t=this.value,n=0;n<e.length;n++){var o=e[n];if(!t||!c.call(t,o))return!1;t=t[o]}return!0},n.prototype.set=function(e,t){for(var n=this.value,o=0;o<e.length-1;o++){var r=e[o];c.call(n,r)||(n[r]={}),n=n[r]}return n[e[o]]=t,t},n.prototype.map=function(e){return o(this.value,e,!0)},n.prototype.forEach=function(e){return this.value=o(this.value,e,!1),this.value},n.prototype.reduce=function(e,t){var n=1===arguments.length,o=n?this.value:t;return this.forEach((function(t){this.isRoot&&n||(o=e.call(this,o,t))})),o},n.prototype.paths=function(){var e=[];return this.forEach((function(t){e.push(this.path)})),e},n.prototype.nodes=function(){var e=[];return this.forEach((function(t){e.push(this.node)})),e},n.prototype.clone=function(){var e=[],t=[];return function n(o){for(var i=0;i<e.length;i++)if(e[i]===o)return t[i];if("object"==typeof o&&null!==o){var s=r(o);return e.push(o),t.push(s),a(l(o),(function(e){s[e]=n(o[e])})),e.pop(),t.pop(),s}return o}(this.value)};var l=Object.keys||function(e){var t=[];for(var n in e)t.push(n);return t};function i(e){return Object.prototype.toString.call(e)}var s=Array.isArray||function(e){return"[object Array]"===Object.prototype.toString.call(e)},a=function(e,t){if(e.forEach)return e.forEach(t);for(var n=0;n<e.length;n++)t(e[n],n,e)};a(l(n.prototype),(function(e){t[e]=function(t){var o=[].slice.call(arguments,1),r=new n(t);return r[e].apply(r,o)}}));var c=Object.hasOwnProperty||function(e,t){return t in e}},3804:function(e){"use strict";e.exports=window.React}},t={};function n(o){var r=t[o];if(void 0!==r)return r.exports;var l=t[o]={exports:{}};return e[o].call(l.exports,l,l.exports,n),l.exports}n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,{a:t}),t},n.d=function(e,t){for(var o in t)n.o(t,o)&&!n.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var o={};!function(){"use strict";n.r(o),n.d(o,{AlignmentControl:function(){return ch},AlignmentToolbar:function(){return uh},Autocomplete:function(){return fh},BlockAlignmentControl:function(){return Do},BlockAlignmentToolbar:function(){return Oo},BlockBreadcrumb:function(){return kh},BlockColorsStyleSelector:function(){return Sh},BlockContextProvider:function(){return or},BlockControls:function(){return eo},BlockEdit:function(){return sr},BlockEditorKeyboardShortcuts:function(){return Ak},BlockEditorProvider:function(){return Ua},BlockFormatControls:function(){return Jn},BlockIcon:function(){return za},BlockInspector:function(){return Pk},BlockList:function(){return Kp},BlockMover:function(){return Ld},BlockNavigationDropdown:function(){return Wh},BlockPreview:function(){return iu},BlockSelectionClearer:function(){return $a},BlockSettingsMenu:function(){return Ep},BlockSettingsMenuControls:function(){return vp},BlockTitle:function(){return _d},BlockToolbar:function(){return Cp},BlockTools:function(){return Rk},BlockVerticalAlignmentControl:function(){return db},BlockVerticalAlignmentToolbar:function(){return pb},ButtonBlockAppender:function(){return ud},ButtonBlockerAppender:function(){return cd},ColorPalette:function(){return fb},ColorPaletteControl:function(){return gb},ContrastChecker:function(){return Zm},CopyHandler:function(){return sp},DefaultBlockAppender:function(){return sd},FontSizePicker:function(){return jf},InnerBlocks:function(){return Gp},Inserter:function(){return id},InspectorAdvancedControls:function(){return Zo},InspectorControls:function(){return Xo},JustifyContentControl:function(){return bo},JustifyToolbar:function(){return vo},LineHeightControl:function(){return wf},MediaPlaceholder:function(){return Nv},MediaReplaceFlow:function(){return Sv},MediaUpload:function(){return Ev},MediaUploadCheck:function(){return Cv},MultiSelectScrollIntoView:function(){return Dk},NavigableToolbar:function(){return Sd},ObserveTyping:function(){return Vk},PanelColorSettings:function(){return Pv},PlainText:function(){return ok},PreserveScrollInReorder:function(){return Hk},RichText:function(){return ek},RichTextShortcut:function(){return ik},RichTextToolbarButton:function(){return sk},SETTINGS_DEFAULTS:function(){return b},SkipToSelectedBlock:function(){return wk},ToolSelector:function(){return uk},Typewriter:function(){return $k},URLInput:function(){return ev},URLInputButton:function(){return fk},URLPopover:function(){return xv},Warning:function(){return cr},WritingFlow:function(){return tc},__experimentalBlockAlignmentMatrixControl:function(){return bh},__experimentalBlockContentOverlay:function(){return _h},__experimentalBlockFullHeightAligmentControl:function(){return hh},__experimentalBlockPatternSetup:function(){return nb},__experimentalBlockVariationPicker:function(){return jh},__experimentalBlockVariationTransforms:function(){return rb},__experimentalBorderRadiusControl:function(){return xm},__experimentalBorderStyleControl:function(){return Lm},__experimentalColorGradientControl:function(){return dm},__experimentalDuotoneControl:function(){return Pg},__experimentalFontAppearanceControl:function(){return Pf},__experimentalFontFamilyControl:function(){return Ff},__experimentalGetBorderClassesAndStyles:function(){return Wg},__experimentalGetColorClassesAndStyles:function(){return Kg},__experimentalGetGradientClass:function(){return em},__experimentalGetGradientObjectByGradientValue:function(){return nm},__experimentalGetMatchingVariation:function(){return ob},__experimentalGetSpacingClassesAndStyles:function(){return Yg},__experimentalImageEditingProvider:function(){return Ob},__experimentalImageEditor:function(){return qb},__experimentalImageSizeControl:function(){return Zb},__experimentalImageURLInputUI:function(){return Ek},__experimentalLayoutStyle:function(){return To},__experimentalLetterSpacingControl:function(){return Qf},__experimentalLibrary:function(){return Mk},__experimentalLinkControl:function(){return kv},__experimentalLinkControlSearchInput:function(){return pv},__experimentalLinkControlSearchItem:function(){return ov},__experimentalLinkControlSearchResults:function(){return iv},__experimentalListView:function(){return Uh},__experimentalPanelColorGradientSettings:function(){return qm},__experimentalPreviewOptions:function(){return Ck},__experimentalResponsiveBlockControl:function(){return lk},__experimentalUnitControl:function(){return dk},__experimentalUseBorderProps:function(){return $g},__experimentalUseColorProps:function(){return qg},__experimentalUseCustomSides:function(){return kg},__experimentalUseGradient:function(){return rm},__experimentalUseInnerBlocksProps:function(){return Up},__experimentalUseNoRecursiveRenders:function(){return Yk},__experimentalUseResizeCanvas:function(){return Sk},__unstableBlockSettingsMenuFirstItem:function(){return mp},__unstableEditorStyles:function(){return ou},__unstableIframe:function(){return rc},__unstableInserterMenuExtension:function(){return Ou},__unstableRichTextInputEvent:function(){return ak},__unstableUseBlockSelectionClearer:function(){return Wa},__unstableUseCanvasClickRedirect:function(){return Kk},__unstableUseClipboardHandler:function(){return ip},__unstableUseMouseMoveTypingReset:function(){return Fk},__unstableUseTypewriter:function(){return Wk},__unstableUseTypingObserver:function(){return zk},createCustomColorsHOC:function(){return Jg},getColorClassName:function(){return Qp},getColorObjectByAttributeValues:function(){return Zp},getColorObjectByColorValue:function(){return Xp},getFontSize:function(){return Gf},getFontSizeClass:function(){return $f},getFontSizeObjectByValue:function(){return Wf},getGradientSlugByValue:function(){return om},getGradientValueBySlug:function(){return tm},getPxFromCssUnit:function(){return n_},store:function(){return Wn},storeConfig:function(){return Gn},transformStyles:function(){return eu},useBlockDisplayInformation:function(){return kd},useBlockEditContext:function(){return qn},useBlockProps:function(){return xa},useCachedTruthy:function(){return Zg},useSetting:function(){return fo},validateThemeColors:function(){return Zk},validateThemeGradients:function(){return Xk},withColorContext:function(){return mb},withColors:function(){return eh},withFontSizes:function(){return nh}});var e={};n.r(e),n.d(e,{__experimentalGetActiveBlockIdByBlockNames:function(){return Nt},__experimentalGetAllowedBlocks:function(){return ct},__experimentalGetAllowedPatterns:function(){return mt},__experimentalGetBlockListSettingsForBlocks:function(){return kt},__experimentalGetDirectInsertBlock:function(){return ut},__experimentalGetLastBlockAttributeChanges:function(){return Ct},__experimentalGetParsedPattern:function(){return dt},__experimentalGetParsedReusableBlock:function(){return _t},__experimentalGetPatternTransformItems:function(){return gt},__experimentalGetPatternsByBlockTypes:function(){return ft},__experimentalGetReusableBlockTitle:function(){return yt},__unstableGetBlockWithoutInnerBlocks:function(){return $},__unstableGetClientIdWithClientIdsTree:function(){return K},__unstableGetClientIdsTree:function(){return q},__unstableIsLastBlockChangeIgnored:function(){return Et},areInnerBlocksControlled:function(){return Tt},canInsertBlockType:function(){return Ye},canInsertBlocks:function(){return Ze},canMoveBlock:function(){return Je},canMoveBlocks:function(){return et},canRemoveBlock:function(){return Xe},canRemoveBlocks:function(){return Qe},didAutomaticChange:function(){return It},getAdjacentBlockClientId:function(){return me},getBlock:function(){return W},getBlockAttributes:function(){return G},getBlockCount:function(){return J},getBlockHierarchyRootClientId:function(){return de},getBlockIndex:function(){return xe},getBlockInsertionPoint:function(){return Ue},getBlockListSettings:function(){return ht},getBlockMode:function(){return Ae},getBlockName:function(){return H},getBlockOrder:function(){return Ie},getBlockParents:function(){return ce},getBlockParentsByBlockName:function(){return ue},getBlockRootClientId:function(){return ae},getBlockSelectionEnd:function(){return oe},getBlockSelectionStart:function(){return ne},getBlockTransformItems:function(){return st},getBlocks:function(){return j},getBlocksByClientId:function(){return Q},getClientIdsOfDescendants:function(){return Y},getClientIdsWithDescendants:function(){return Z},getDraggedBlockClientIds:function(){return Fe},getFirstMultiSelectedBlockClientId:function(){return _e},getGlobalBlockCount:function(){return X},getInserterItems:function(){return it},getLastMultiSelectedBlockClientId:function(){return ye},getLowestCommonAncestorWithSelectedBlock:function(){return pe},getMultiSelectedBlockClientIds:function(){return ve},getMultiSelectedBlocks:function(){return ke},getMultiSelectedBlocksEndClientId:function(){return Be},getMultiSelectedBlocksStartClientId:function(){return we},getNextBlockClientId:function(){return ge},getPreviousBlockClientId:function(){return fe},getSelectedBlock:function(){return se},getSelectedBlockClientId:function(){return ie},getSelectedBlockClientIds:function(){return be},getSelectedBlockCount:function(){return re},getSelectedBlocksInitialCaretPosition:function(){return he},getSelectionEnd:function(){return te},getSelectionStart:function(){return ee},getSettings:function(){return bt},getTemplate:function(){return $e},getTemplateLock:function(){return je},hasBlockMovingClientId:function(){return Bt},hasInserterItems:function(){return at},hasMultiSelection:function(){return Re},hasSelectedBlock:function(){return le},hasSelectedInnerBlock:function(){return Ne},isAncestorBeingDragged:function(){return Ve},isAncestorMultiSelected:function(){return Se},isBlockBeingDragged:function(){return ze},isBlockHighlighted:function(){return xt},isBlockInsertionPointVisible:function(){return Ge},isBlockMultiSelected:function(){return Ce},isBlockSelected:function(){return Te},isBlockValid:function(){return U},isBlockWithinSelection:function(){return Pe},isCaretWithinFormattedText:function(){return He},isDraggingBlocks:function(){return Oe},isFirstMultiSelectedBlock:function(){return Ee},isLastBlockChangePersistent:function(){return vt},isMultiSelecting:function(){return Me},isNavigationMode:function(){return wt},isSelectionEnabled:function(){return Le},isTyping:function(){return De},isValidTemplate:function(){return We},wasBlockJustInserted:function(){return Pt}});var t={};n.r(t),n.d(t,{__unstableMarkAutomaticChange:function(){return Mn},__unstableMarkAutomaticChangeFinal:function(){return Ln},__unstableMarkLastChangeAsPersistent:function(){return Pn},__unstableMarkNextChangeAsNotPersistent:function(){return Rn},__unstableSaveReusableBlock:function(){return Nn},clearSelectedBlock:function(){return Xt},duplicateBlocks:function(){return On},enterFormattedText:function(){return Sn},exitFormattedText:function(){return wn},flashBlock:function(){return Hn},hideInsertionPoint:function(){return dn},insertAfterBlock:function(){return zn},insertBeforeBlock:function(){return Fn},insertBlock:function(){return an},insertBlocks:function(){return cn},insertDefaultBlock:function(){return In},mergeBlocks:function(){return fn},moveBlockToPosition:function(){return sn},moveBlocksDown:function(){return on},moveBlocksToPosition:function(){return ln},moveBlocksUp:function(){return rn},multiSelect:function(){return Zt},receiveBlocks:function(){return Ut},removeBlock:function(){return hn},removeBlocks:function(){return gn},replaceBlock:function(){return tn},replaceBlocks:function(){return en},replaceInnerBlocks:function(){return bn},resetBlocks:function(){return zt},resetSelection:function(){return Ht},selectBlock:function(){return $t},selectNextBlock:function(){return Kt},selectPreviousBlock:function(){return jt},selectionChange:function(){return Bn},setBlockMovingClientId:function(){return Dn},setHasControlledInnerBlocks:function(){return Un},setNavigationMode:function(){return An},setTemplateValidity:function(){return pn},showInsertionPoint:function(){return un},startDraggingBlocks:function(){return En},startMultiSelect:function(){return qt},startTyping:function(){return kn},stopDraggingBlocks:function(){return Cn},stopMultiSelect:function(){return Yt},stopTyping:function(){return yn},synchronizeTemplate:function(){return mn},toggleBlockHighlight:function(){return Vn},toggleBlockMode:function(){return vn},toggleSelection:function(){return Qt},updateBlock:function(){return Wt},updateBlockAttributes:function(){return Gt},updateBlockListSettings:function(){return xn},updateSettings:function(){return Tn},validateBlocksToTemplate:function(){return Vt}});var r=window.wp.blocks,l=window.wp.hooks;function i(){return(i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e}).apply(this,arguments)}(0,l.addFilter)("blocks.registerBlockType","core/compat/migrateLightBlockWrapper",(function(e){const{apiVersion:t=1}=e;return t<2&&(0,r.hasBlockSupport)(e,"lightBlockWrapper",!1)&&(e.apiVersion=2),e}));var s=window.wp.element,a=n(4184),c=n.n(a),u=window.lodash,d=window.wp.compose,p=window.wp.components,m=window.wp.data,f={default:(0,p.createSlotFill)("BlockControls"),block:(0,p.createSlotFill)("BlockControlsBlock"),inline:(0,p.createSlotFill)("BlockFormatControls"),other:(0,p.createSlotFill)("BlockControlsOther"),parent:(0,p.createSlotFill)("BlockControlsParent")},g=window.wp.i18n;const h={insertUsage:{}},b={alignWide:!1,supportsLayout:!0,colors:[{name:(0,g.__)("Black"),slug:"black",color:"#000000"},{name:(0,g.__)("Cyan bluish gray"),slug:"cyan-bluish-gray",color:"#abb8c3"},{name:(0,g.__)("White"),slug:"white",color:"#ffffff"},{name:(0,g.__)("Pale pink"),slug:"pale-pink",color:"#f78da7"},{name:(0,g.__)("Vivid red"),slug:"vivid-red",color:"#cf2e2e"},{name:(0,g.__)("Luminous vivid orange"),slug:"luminous-vivid-orange",color:"#ff6900"},{name:(0,g.__)("Luminous vivid amber"),slug:"luminous-vivid-amber",color:"#fcb900"},{name:(0,g.__)("Light green cyan"),slug:"light-green-cyan",color:"#7bdcb5"},{name:(0,g.__)("Vivid green cyan"),slug:"vivid-green-cyan",color:"#00d084"},{name:(0,g.__)("Pale cyan blue"),slug:"pale-cyan-blue",color:"#8ed1fc"},{name:(0,g.__)("Vivid cyan blue"),slug:"vivid-cyan-blue",color:"#0693e3"},{name:(0,g.__)("Vivid purple"),slug:"vivid-purple",color:"#9b51e0"}],fontSizes:[{name:(0,g._x)("Small","font size name"),size:13,slug:"small"},{name:(0,g._x)("Normal","font size name"),size:16,slug:"normal"},{name:(0,g._x)("Medium","font size name"),size:20,slug:"medium"},{name:(0,g._x)("Large","font size name"),size:36,slug:"large"},{name:(0,g._x)("Huge","font size name"),size:42,slug:"huge"}],imageDefaultSize:"large",imageSizes:[{slug:"thumbnail",name:(0,g.__)("Thumbnail")},{slug:"medium",name:(0,g.__)("Medium")},{slug:"large",name:(0,g.__)("Large")},{slug:"full",name:(0,g.__)("Full Size")}],imageEditing:!0,maxWidth:580,allowedBlockTypes:!0,maxUploadFileSize:0,allowedMimeTypes:null,__experimentalCanUserUseUnfilteredHTML:!1,__experimentalBlockDirectory:!1,__mobileEnablePageTemplates:!1,__experimentalBlockPatterns:[],__experimentalBlockPatternCategories:[],__experimentalSpotlightEntityBlocks:[],__unstableGalleryWithImageBlocks:!1,gradients:[{name:(0,g.__)("Vivid cyan blue to vivid purple"),gradient:"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)",slug:"vivid-cyan-blue-to-vivid-purple"},{name:(0,g.__)("Light green cyan to vivid green cyan"),gradient:"linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%)",slug:"light-green-cyan-to-vivid-green-cyan"},{name:(0,g.__)("Luminous vivid amber to luminous vivid orange"),gradient:"linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%)",slug:"luminous-vivid-amber-to-luminous-vivid-orange"},{name:(0,g.__)("Luminous vivid orange to vivid red"),gradient:"linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%)",slug:"luminous-vivid-orange-to-vivid-red"},{name:(0,g.__)("Very light gray to cyan bluish gray"),gradient:"linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%)",slug:"very-light-gray-to-cyan-bluish-gray"},{name:(0,g.__)("Cool to warm spectrum"),gradient:"linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%)",slug:"cool-to-warm-spectrum"},{name:(0,g.__)("Blush light purple"),gradient:"linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%)",slug:"blush-light-purple"},{name:(0,g.__)("Blush bordeaux"),gradient:"linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%)",slug:"blush-bordeaux"},{name:(0,g.__)("Luminous dusk"),gradient:"linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%)",slug:"luminous-dusk"},{name:(0,g.__)("Pale ocean"),gradient:"linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%)",slug:"pale-ocean"},{name:(0,g.__)("Electric grass"),gradient:"linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%)",slug:"electric-grass"},{name:(0,g.__)("Midnight"),gradient:"linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%)",slug:"midnight"}]};function v(e,t,n){return[...e.slice(0,n),...(0,u.castArray)(t),...e.slice(n)]}function k(e,t,n,o=1){const r=[...e];return r.splice(t,o),v(r,e.slice(t,t+o),n)}function _(e,t=""){const n={[t]:[]};return e.forEach((e=>{const{clientId:o,innerBlocks:r}=e;n[t].push(o),Object.assign(n,_(r,o))})),n}function y(e,t=""){return e.reduce(((e,n)=>Object.assign(e,{[n.clientId]:t},y(n.innerBlocks,n.clientId))),{})}function E(e,t=u.identity){const n={},o=[...e];for(;o.length;){const{innerBlocks:e,...r}=o.shift();o.push(...e),n[r.clientId]=t(r)}return n}function C(e){return E(e,(e=>(0,u.omit)(e,"attributes")))}function S(e){return E(e,(e=>e.attributes))}function w(e,t="",n={}){return(0,u.reduce)(e[t],((t,o)=>n[o]?t:[...t,o,...w(e,o)]),[])}function B(e,t){return"UPDATE_BLOCK_ATTRIBUTES"===e.type&&void 0!==t&&"UPDATE_BLOCK_ATTRIBUTES"===t.type&&(0,u.isEqual)(e.clientIds,t.clientIds)&&function(e,t){return(0,u.isEqual)((0,u.keys)(e),(0,u.keys)(t))}(e.attributes,t.attributes)}function I(e,t){const n={},o=[...t],r=[...t];for(;o.length;){const e=o.shift();o.push(...e.innerBlocks),r.push(...e.innerBlocks)}for(const e of r)n[e.clientId]={};for(const t of r)n[t.clientId]=Object.assign(n[t.clientId],{...e.byClientId[t.clientId],attributes:e.attributes[t.clientId],innerBlocks:t.innerBlocks.map((e=>n[e.clientId]))});return n}function x(e,t,n){const o=new Set([]),r=new Set;for(const t of n){let n=t;do{if(e.controlledInnerBlocks[n]){r.add(n);break}o.add(n),n=e.parents[n]}while(void 0!==n)}for(const e of o)t[e]={...t[e]};for(const n of o)t[n].innerBlocks=(e.order[n]||[]).map((e=>t[e]));for(const n of r)t["controlled||"+n]={innerBlocks:(e.order[n]||[]).map((e=>t[e]))};return t}const T=(0,u.flow)(m.combineReducers,(e=>(t,n)=>{if(t&&"SAVE_REUSABLE_BLOCK_SUCCESS"===n.type){const{id:e,updatedId:o}=n;if(e===o)return t;(t={...t}).attributes=(0,u.mapValues)(t.attributes,((n,r)=>{const{name:l}=t.byClientId[r];return"core/block"===l&&n.ref===e?{...n,ref:o}:n}))}return e(t,n)}),(e=>(t={},n)=>{const o=e(t,n);if(o===t)return t;switch(o.tree=t.tree?t.tree:{},n.type){case"RECEIVE_BLOCKS":case"INSERT_BLOCKS":{const e=I(o,n.blocks);o.tree=x(o,{...o.tree,...e},n.rootClientId?[n.rootClientId]:[""]);break}case"UPDATE_BLOCK":o.tree=x(o,{...o.tree,[n.clientId]:{...o.byClientId[n.clientId],attributes:o.attributes[n.clientId]}},[n.clientId]);break;case"UPDATE_BLOCK_ATTRIBUTES":{const e=n.clientIds.reduce(((e,t)=>(e[t]={...o.tree[t],attributes:o.attributes[t]},e)),{});o.tree=x(o,{...o.tree,...e},n.clientIds);break}case"REPLACE_BLOCKS_AUGMENTED_WITH_CHILDREN":{const e=I(o,n.blocks);o.tree=x(o,{...(0,u.omit)(o.tree,n.replacedClientIds.concat(n.replacedClientIds.map((e=>"controlled||"+e)))),...e},n.blocks.map((e=>e.clientId)));const r=[];for(const e of n.clientIds)void 0===t.parents[e]||""!==t.parents[e]&&!o.byClientId[t.parents[e]]||r.push(t.parents[e]);o.tree=x(o,o.tree,r);break}case"REMOVE_BLOCKS_AUGMENTED_WITH_CHILDREN":const e=[];for(const r of n.clientIds)void 0===t.parents[r]||""!==t.parents[r]&&!o.byClientId[t.parents[r]]||e.push(t.parents[r]);o.tree=x(o,(0,u.omit)(o.tree,n.removedClientIds.concat(n.removedClientIds.map((e=>"controlled||"+e)))),e);break;case"MOVE_BLOCKS_TO_POSITION":{const e=[];n.fromRootClientId&&e.push(n.fromRootClientId),n.toRootClientId&&e.push(n.toRootClientId),n.fromRootClientId&&n.fromRootClientId||e.push(""),o.tree=x(o,o.tree,e);break}case"MOVE_BLOCKS_UP":case"MOVE_BLOCKS_DOWN":{const e=[n.rootClientId?n.rootClientId:""];o.tree=x(o,o.tree,e);break}case"SAVE_REUSABLE_BLOCK_SUCCESS":{const e=(0,u.keys)((0,u.omitBy)(o.attributes,((e,t)=>"core/block"!==o.byClientId[t].name||e.ref!==n.updatedId)));o.tree=x(o,{...o.tree,...e.reduce(((e,t)=>(e[t]={...o.byClientId[t],attributes:o.attributes[t],innerBlocks:o.tree[t].innerBlocks},e)),{})},e)}}return o}),(e=>(t,n)=>{const o=e=>{let o=e;for(let r=0;r<o.length;r++)!t.order[o[r]]||n.keepControlledInnerBlocks&&n.keepControlledInnerBlocks[o[r]]||(o===e&&(o=[...o]),o.push(...t.order[o[r]]));return o};if(t)switch(n.type){case"REMOVE_BLOCKS":n={...n,type:"REMOVE_BLOCKS_AUGMENTED_WITH_CHILDREN",removedClientIds:o(n.clientIds)};break;case"REPLACE_BLOCKS":n={...n,type:"REPLACE_BLOCKS_AUGMENTED_WITH_CHILDREN",replacedClientIds:o(n.clientIds)}}return e(t,n)}),(e=>(t,n)=>{if("REPLACE_INNER_BLOCKS"!==n.type)return e(t,n);const o={};if(Object.keys(t.controlledInnerBlocks).length){const e=[...n.blocks];for(;e.length;){const{innerBlocks:n,...r}=e.shift();e.push(...n),t.controlledInnerBlocks[r.clientId]&&(o[r.clientId]=!0)}}let r=t;t.order[n.rootClientId]&&(r=e(r,{type:"REMOVE_BLOCKS",keepControlledInnerBlocks:o,clientIds:t.order[n.rootClientId]}));let l=r;return n.blocks.length&&(l=e(l,{...n,type:"INSERT_BLOCKS",index:0}),l.order={...l.order,...(0,u.reduce)(o,((e,n,o)=>(t.order[o]&&(e[o]=t.order[o]),e)),{})}),l}),(e=>(t,n)=>{if("RESET_BLOCKS"===n.type){var o,r,l;const e=w(null!==(o=null==t?void 0:t.order)&&void 0!==o?o:{},"",null!==(r=null==t?void 0:t.controlledInnerBlocks)&&void 0!==r?r:{}),i=Object.keys((0,u.pickBy)(null!==(l=null==t?void 0:t.controlledInnerBlocks)&&void 0!==l?l:{})),s={...t,byClientId:{...(0,u.omit)(null==t?void 0:t.byClientId,e),...C(n.blocks)},attributes:{...(0,u.omit)(null==t?void 0:t.attributes,e),...S(n.blocks)},order:{...(0,u.omit)(null==t?void 0:t.order,e),...(0,u.omit)(_(n.blocks),i)},parents:{...(0,u.omit)(null==t?void 0:t.parents,e),...y(n.blocks)},controlledInnerBlocks:(null==t?void 0:t.controlledInnerBlocks)||{}},a=I(s,n.blocks);return s.tree={...(0,u.omit)(null==t?void 0:t.tree,e),...a,"":{innerBlocks:n.blocks.map((e=>a[e.clientId]))}},s}return e(t,n)}),(function(e){let t,n=!1;return(o,r)=>{let l=e(o,r);const i="MARK_LAST_CHANGE_AS_PERSISTENT"===r.type||n;if(o===l&&!i){var s;n="MARK_NEXT_CHANGE_AS_NOT_PERSISTENT"===r.type;const e=null===(s=null==o?void 0:o.isPersistentChange)||void 0===s||s;return o.isPersistentChange===e?o:{...l,isPersistentChange:e}}return l={...l,isPersistentChange:i?!n:!B(r,t)},t=r,n="MARK_NEXT_CHANGE_AS_NOT_PERSISTENT"===r.type,l}}),(function(e){const t=new Set(["RECEIVE_BLOCKS"]);return(n,o)=>{const r=e(n,o);return r!==n&&(r.isIgnoredChange=t.has(o.type)),r}}))({byClientId(e={},t){switch(t.type){case"RECEIVE_BLOCKS":case"INSERT_BLOCKS":return{...e,...C(t.blocks)};case"UPDATE_BLOCK":if(!e[t.clientId])return e;const n=(0,u.omit)(t.updates,"attributes");return(0,u.isEmpty)(n)?e:{...e,[t.clientId]:{...e[t.clientId],...n}};case"REPLACE_BLOCKS_AUGMENTED_WITH_CHILDREN":return t.blocks?{...(0,u.omit)(e,t.replacedClientIds),...C(t.blocks)}:e;case"REMOVE_BLOCKS_AUGMENTED_WITH_CHILDREN":return(0,u.omit)(e,t.removedClientIds)}return e},attributes(e={},t){switch(t.type){case"RECEIVE_BLOCKS":case"INSERT_BLOCKS":return{...e,...S(t.blocks)};case"UPDATE_BLOCK":return e[t.clientId]&&t.updates.attributes?{...e,[t.clientId]:{...e[t.clientId],...t.updates.attributes}}:e;case"UPDATE_BLOCK_ATTRIBUTES":{if(t.clientIds.every((t=>!e[t])))return e;const n=t.clientIds.reduce(((n,o)=>({...n,[o]:(0,u.reduce)(t.uniqueByBlock?t.attributes[o]:t.attributes,((t,n,r)=>{var l,i;return n!==t[r]&&((t=(l=e[o])===(i=t)?{...l}:i)[r]=n),t}),e[o])})),{});return t.clientIds.every((t=>n[t]===e[t]))?e:{...e,...n}}case"REPLACE_BLOCKS_AUGMENTED_WITH_CHILDREN":return t.blocks?{...(0,u.omit)(e,t.replacedClientIds),...S(t.blocks)}:e;case"REMOVE_BLOCKS_AUGMENTED_WITH_CHILDREN":return(0,u.omit)(e,t.removedClientIds)}return e},order(e={},t){switch(t.type){case"RECEIVE_BLOCKS":{const n=_(t.blocks);return{...e,...(0,u.omit)(n,""),"":((null==e?void 0:e[""])||[]).concat(n[""])}}case"INSERT_BLOCKS":{const{rootClientId:n=""}=t,o=e[n]||[],r=_(t.blocks,n),{index:l=o.length}=t;return{...e,...r,[n]:v(o,r[n],l)}}case"MOVE_BLOCKS_TO_POSITION":{const{fromRootClientId:n="",toRootClientId:o="",clientIds:r}=t,{index:l=e[o].length}=t;if(n===o){const t=e[o].indexOf(r[0]);return{...e,[o]:k(e[o],t,l,r.length)}}return{...e,[n]:(0,u.without)(e[n],...r),[o]:v(e[o],r,l)}}case"MOVE_BLOCKS_UP":{const{clientIds:n,rootClientId:o=""}=t,r=(0,u.first)(n),l=e[o];if(!l.length||r===(0,u.first)(l))return e;const i=l.indexOf(r);return{...e,[o]:k(l,i,i-1,n.length)}}case"MOVE_BLOCKS_DOWN":{const{clientIds:n,rootClientId:o=""}=t,r=(0,u.first)(n),l=(0,u.last)(n),i=e[o];if(!i.length||l===(0,u.last)(i))return e;const s=i.indexOf(r);return{...e,[o]:k(i,s,s+1,n.length)}}case"REPLACE_BLOCKS_AUGMENTED_WITH_CHILDREN":{const{clientIds:n}=t;if(!t.blocks)return e;const o=_(t.blocks);return(0,u.flow)([e=>(0,u.omit)(e,t.replacedClientIds),e=>({...e,...(0,u.omit)(o,"")}),e=>(0,u.mapValues)(e,(e=>(0,u.reduce)(e,((e,t)=>t===n[0]?[...e,...o[""]]:(-1===n.indexOf(t)&&e.push(t),e)),[])))])(e)}case"REMOVE_BLOCKS_AUGMENTED_WITH_CHILDREN":return(0,u.flow)([e=>(0,u.omit)(e,t.removedClientIds),e=>(0,u.mapValues)(e,(e=>(0,u.without)(e,...t.removedClientIds)))])(e)}return e},parents(e={},t){switch(t.type){case"RECEIVE_BLOCKS":return{...e,...y(t.blocks)};case"INSERT_BLOCKS":return{...e,...y(t.blocks,t.rootClientId||"")};case"MOVE_BLOCKS_TO_POSITION":return{...e,...t.clientIds.reduce(((e,n)=>(e[n]=t.toRootClientId||"",e)),{})};case"REPLACE_BLOCKS_AUGMENTED_WITH_CHILDREN":return{...(0,u.omit)(e,t.replacedClientIds),...y(t.blocks,e[t.clientIds[0]])};case"REMOVE_BLOCKS_AUGMENTED_WITH_CHILDREN":return(0,u.omit)(e,t.removedClientIds)}return e},controlledInnerBlocks:(e={},{type:t,clientId:n,hasControlledInnerBlocks:o})=>"SET_HAS_CONTROLLED_INNER_BLOCKS"===t?{...e,[n]:o}:e});function N(e={},t){switch(t.type){case"CLEAR_SELECTED_BLOCK":return e.clientId?{}:e;case"SELECT_BLOCK":return t.clientId===e.clientId?e:{clientId:t.clientId};case"REPLACE_INNER_BLOCKS":case"INSERT_BLOCKS":return t.updateSelection&&t.blocks.length?{clientId:t.blocks[0].clientId}:e;case"REMOVE_BLOCKS":return t.clientIds&&t.clientIds.length&&-1!==t.clientIds.indexOf(e.clientId)?{}:e;case"REPLACE_BLOCKS":{if(-1===t.clientIds.indexOf(e.clientId))return e;const n=t.blocks[t.indexToSelect]||t.blocks[t.blocks.length-1];return n?n.clientId===e.clientId?e:{clientId:n.clientId}:{}}}return e}var P,R,M=(0,m.combineReducers)({blocks:T,isTyping:function(e=!1,t){switch(t.type){case"START_TYPING":return!0;case"STOP_TYPING":return!1}return e},draggedBlocks:function(e=[],t){switch(t.type){case"START_DRAGGING_BLOCKS":return t.clientIds;case"STOP_DRAGGING_BLOCKS":return[]}return e},isCaretWithinFormattedText:function(e=!1,t){switch(t.type){case"ENTER_FORMATTED_TEXT":return!0;case"EXIT_FORMATTED_TEXT":return!1}return e},selection:function(e={},t){var n,o;switch(t.type){case"SELECTION_CHANGE":return{selectionStart:{clientId:t.clientId,attributeKey:t.attributeKey,offset:t.startOffset},selectionEnd:{clientId:t.clientId,attributeKey:t.attributeKey,offset:t.endOffset}};case"RESET_SELECTION":const{selectionStart:r,selectionEnd:l}=t;return{selectionStart:r,selectionEnd:l};case"MULTI_SELECT":const{start:i,end:s}=t;return{selectionStart:{clientId:i},selectionEnd:{clientId:s}};case"RESET_BLOCKS":const a=null==e||null===(n=e.selectionStart)||void 0===n?void 0:n.clientId,c=null==e||null===(o=e.selectionEnd)||void 0===o?void 0:o.clientId;if(!a&&!c)return e;if(!t.blocks.some((e=>e.clientId===a)))return{selectionStart:{},selectionEnd:{}};if(!t.blocks.some((e=>e.clientId===c)))return{...e,selectionEnd:e.selectionStart}}return{selectionStart:N(e.selectionStart,t),selectionEnd:N(e.selectionEnd,t)}},isMultiSelecting:function(e=!1,t){switch(t.type){case"START_MULTI_SELECT":return!0;case"STOP_MULTI_SELECT":return!1}return e},isSelectionEnabled:function(e=!0,t){switch(t.type){case"TOGGLE_SELECTION":return t.isSelectionEnabled}return e},initialPosition:function(e=null,t){return"REPLACE_BLOCKS"===t.type&&void 0!==t.initialPosition||["SELECT_BLOCK","RESET_SELECTION","INSERT_BLOCKS","REPLACE_INNER_BLOCKS"].includes(t.type)?t.initialPosition:e},blocksMode:function(e={},t){if("TOGGLE_BLOCK_MODE"===t.type){const{clientId:n}=t;return{...e,[n]:e[n]&&"html"===e[n]?"visual":"html"}}return e},blockListSettings:(e={},t)=>{switch(t.type){case"REPLACE_BLOCKS":case"REMOVE_BLOCKS":return(0,u.omit)(e,t.clientIds);case"UPDATE_BLOCK_LIST_SETTINGS":{const{clientId:n}=t;return t.settings?(0,u.isEqual)(e[n],t.settings)?e:{...e,[n]:t.settings}:e.hasOwnProperty(n)?(0,u.omit)(e,n):e}}return e},insertionPoint:function(e=null,t){switch(t.type){case"SHOW_INSERTION_POINT":const{rootClientId:e,index:n,__unstableWithInserter:o}=t;return{rootClientId:e,index:n,__unstableWithInserter:o};case"HIDE_INSERTION_POINT":return null}return e},template:function(e={isValid:!0},t){switch(t.type){case"SET_TEMPLATE_VALIDITY":return{...e,isValid:t.isValid}}return e},settings:function(e=b,t){switch(t.type){case"UPDATE_SETTINGS":return{...e,...t.settings}}return e},preferences:function(e=h,t){switch(t.type){case"INSERT_BLOCKS":case"REPLACE_BLOCKS":return t.blocks.reduce(((e,n)=>{const{attributes:o,name:l}=n,i=(0,m.select)(r.store).getActiveBlockVariation(l,o);let s=null!=i&&i.name?`${l}/${i.name}`:l;const a={name:s};return"core/block"===l&&(a.ref=o.ref,s+="/"+o.ref),{...e,insertUsage:{...e.insertUsage,[s]:{time:t.time,count:e.insertUsage[s]?e.insertUsage[s].count+1:1,insert:a}}}}),e)}return e},lastBlockAttributesChange:function(e,t){switch(t.type){case"UPDATE_BLOCK":if(!t.updates.attributes)break;return{[t.clientId]:t.updates.attributes};case"UPDATE_BLOCK_ATTRIBUTES":return t.clientIds.reduce(((e,n)=>({...e,[n]:t.uniqueByBlock?t.attributes[n]:t.attributes})),{})}return null},isNavigationMode:function(e=!1,t){return"INSERT_BLOCKS"!==t.type&&("SET_NAVIGATION_MODE"===t.type?t.isNavigationMode:e)},hasBlockMovingClientId:function(e=null,t){return"SET_BLOCK_MOVING_MODE"===t.type?t.hasBlockMovingClientId:"SET_NAVIGATION_MODE"===t.type?null:e},automaticChangeStatus:function(e,t){switch(t.type){case"MARK_AUTOMATIC_CHANGE":return"pending";case"MARK_AUTOMATIC_CHANGE_FINAL":return"pending"===e?"final":void 0;case"SELECTION_CHANGE":return"final"!==e?e:void 0;case"START_TYPING":case"STOP_TYPING":return e}},highlightedBlock:function(e,t){switch(t.type){case"TOGGLE_BLOCK_HIGHLIGHT":const{clientId:n,isHighlighted:o}=t;return o?n:e===n?null:e;case"SELECT_BLOCK":if(t.clientId!==e)return null}return e},lastBlockInserted:function(e={},t){var n;switch(t.type){case"INSERT_BLOCKS":return t.blocks.length?{clientId:t.blocks[0].clientId,source:null===(n=t.meta)||void 0===n?void 0:n.source}:e;case"RESET_BLOCKS":return{}}return e}});function L(e){return[e]}function A(){var e={clear:function(){e.head=null}};return e}function D(e,t,n){var o;if(e.length!==t.length)return!1;for(o=n;o<e.length;o++)if(e[o]!==t[o])return!1;return!0}function O(e,t){var n,o;function r(){n=R?new WeakMap:A()}function l(){var n,r,l,i,s,a=arguments.length;for(i=new Array(a),l=0;l<a;l++)i[l]=arguments[l];for(s=t.apply(null,i),(n=o(s)).isUniqueByDependants||(n.lastDependants&&!D(s,n.lastDependants,0)&&n.clear(),n.lastDependants=s),r=n.head;r;){if(D(r.args,i,1))return r!==n.head&&(r.prev.next=r.next,r.next&&(r.next.prev=r.prev),r.next=n.head,r.prev=null,n.head.prev=r,n.head=r),r.val;r=r.next}return r={val:e.apply(null,i)},i[0]=null,r.args=i,n.head&&(n.head.prev=r,r.next=n.head),n.head=r,r.val}return t||(t=L),o=R?function(e){var t,o,r,l,i,s=n,a=!0;for(t=0;t<e.length;t++){if(!(i=o=e[t])||"object"!=typeof i){a=!1;break}s.has(o)?s=s.get(o):(r=new WeakMap,s.set(o,r),s=r)}return s.has(P)||((l=A()).isUniqueByDependants=a,s.set(P,l)),s.get(P)}:function(){return n},l.getDependants=t,l.clear=r,r(),l}P={},R="undefined"!=typeof WeakMap;var F=window.wp.primitives,z=(0,s.createElement)(F.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,s.createElement)(F.Path,{d:"M21.3 10.8l-5.6-5.6c-.7-.7-1.8-.7-2.5 0l-5.6 5.6c-.7.7-.7 1.8 0 2.5l5.6 5.6c.3.3.8.5 1.2.5s.9-.2 1.2-.5l5.6-5.6c.8-.7.8-1.9.1-2.5zm-1 1.4l-5.6 5.6c-.1.1-.3.1-.4 0l-5.6-5.6c-.1-.1-.1-.3 0-.4l5.6-5.6s.1-.1.2-.1.1 0 .2.1l5.6 5.6c.1.1.1.3 0 .4zm-16.6-.4L10 5.5l-1-1-6.3 6.3c-.7.7-.7 1.8 0 2.5L9 19.5l1.1-1.1-6.3-6.3c-.2 0-.2-.2-.1-.3z"}));const V=[];function H(e,t){const n=e.blocks.byClientId[t],o="core/social-link";if("web"!==s.Platform.OS&&(null==n?void 0:n.name)===o){const n=e.blocks.attributes[t],{service:r}=n;return r?`core/social-link-${r}`:o}return n?n.name:null}function U(e,t){const n=e.blocks.byClientId[t];return!!n&&n.isValid}function G(e,t){return e.blocks.byClientId[t]?e.blocks.attributes[t]:null}function W(e,t){return e.blocks.byClientId[t]?e.blocks.tree[t]:null}const $=O(((e,t)=>{const n=e.blocks.byClientId[t];return n?{...n,attributes:G(e,t)}:null}),((e,t)=>[e.blocks.byClientId[t],e.blocks.attributes[t]]));function j(e,t){var n;const o=t&&Tt(e,t)?"controlled||"+t:t||"";return(null===(n=e.blocks.tree[o])||void 0===n?void 0:n.innerBlocks)||V}const K=O(((e,t)=>({clientId:t,innerBlocks:q(e,t)})),(e=>[e.blocks.order])),q=O(((e,t="")=>(0,u.map)(Ie(e,t),(t=>K(e,t)))),(e=>[e.blocks.order])),Y=(e,t)=>(0,u.flatMap)(t,(t=>{const n=Ie(e,t);return[...n,...Y(e,n)]})),Z=O((e=>{const t=Ie(e);return[...t,...Y(e,t)]}),(e=>[e.blocks.order])),X=O(((e,t)=>{const n=Z(e);return t?(0,u.reduce)(n,((n,o)=>e.blocks.byClientId[o].name===t?n+1:n),0):n.length}),(e=>[e.blocks.order,e.blocks.byClientId])),Q=O(((e,t)=>(0,u.map)((0,u.castArray)(t),(t=>W(e,t)))),((e,t)=>(0,u.map)((0,u.castArray)(t),(t=>e.blocks.tree[t]))));function J(e,t){return Ie(e,t).length}function ee(e){return e.selection.selectionStart}function te(e){return e.selection.selectionEnd}function ne(e){return e.selection.selectionStart.clientId}function oe(e){return e.selection.selectionEnd.clientId}function re(e){return ve(e).length||(e.selection.selectionStart.clientId?1:0)}function le(e){const{selectionStart:t,selectionEnd:n}=e.selection;return!!t.clientId&&t.clientId===n.clientId}function ie(e){const{selectionStart:t,selectionEnd:n}=e.selection,{clientId:o}=t;return o&&o===n.clientId?o:null}function se(e){const t=ie(e);return t?W(e,t):null}function ae(e,t){return void 0!==e.blocks.parents[t]?e.blocks.parents[t]:null}const ce=O(((e,t,n=!1)=>{const o=[];let r=t;for(;e.blocks.parents[r];)r=e.blocks.parents[r],o.push(r);return n?o:o.reverse()}),(e=>[e.blocks.parents])),ue=O(((e,t,n,o=!1)=>{const r=ce(e,t,o);return(0,u.map)((0,u.filter)((0,u.map)(r,(t=>({id:t,name:H(e,t)}))),(({name:e})=>Array.isArray(n)?n.includes(e):e===n)),(({id:e})=>e))}),(e=>[e.blocks.parents]));function de(e,t){let n,o=t;do{n=o,o=e.blocks.parents[o]}while(o);return n}function pe(e,t){const n=ie(e),o=[...ce(e,t),t],r=[...ce(e,n),n];let l;const i=Math.min(o.length,r.length);for(let e=0;e<i&&o[e]===r[e];e++)l=o[e];return l}function me(e,t,n=1){if(void 0===t&&(t=ie(e)),void 0===t&&(t=n<0?_e(e):ye(e)),!t)return null;const o=ae(e,t);if(null===o)return null;const{order:r}=e.blocks,l=r[o],i=l.indexOf(t)+1*n;return i<0||i===l.length?null:l[i]}function fe(e,t){return me(e,t,-1)}function ge(e,t){return me(e,t,1)}function he(e){return e.initialPosition}const be=O((e=>{const{selectionStart:t,selectionEnd:n}=e.selection;if(void 0===t.clientId||void 0===n.clientId)return V;if(t.clientId===n.clientId)return[t.clientId];const o=ae(e,t.clientId);if(null===o)return V;const r=Ie(e,o),l=r.indexOf(t.clientId),i=r.indexOf(n.clientId);return l>i?r.slice(i,l+1):r.slice(l,i+1)}),(e=>[e.blocks.order,e.selection.selectionStart.clientId,e.selection.selectionEnd.clientId]));function ve(e){const{selectionStart:t,selectionEnd:n}=e.selection;return t.clientId===n.clientId?V:be(e)}const ke=O((e=>{const t=ve(e);return t.length?t.map((t=>W(e,t))):V}),(e=>[...be.getDependants(e),e.blocks.byClientId,e.blocks.order,e.blocks.attributes]));function _e(e){return(0,u.first)(ve(e))||null}function ye(e){return(0,u.last)(ve(e))||null}function Ee(e,t){return _e(e)===t}function Ce(e,t){return-1!==ve(e).indexOf(t)}const Se=O(((e,t)=>{let n=t,o=!1;for(;n&&!o;)n=ae(e,n),o=Ce(e,n);return o}),(e=>[e.blocks.order,e.selection.selectionStart.clientId,e.selection.selectionEnd.clientId]));function we(e){const{selectionStart:t,selectionEnd:n}=e.selection;return t.clientId===n.clientId?null:t.clientId||null}function Be(e){const{selectionStart:t,selectionEnd:n}=e.selection;return t.clientId===n.clientId?null:n.clientId||null}function Ie(e,t){return e.blocks.order[t||""]||V}function xe(e,t,n){return Ie(e,n).indexOf(t)}function Te(e,t){const{selectionStart:n,selectionEnd:o}=e.selection;return n.clientId===o.clientId&&n.clientId===t}function Ne(e,t,n=!1){return(0,u.some)(Ie(e,t),(t=>Te(e,t)||Ce(e,t)||n&&Ne(e,t,n)))}function Pe(e,t){if(!t)return!1;const n=ve(e),o=n.indexOf(t);return o>-1&&o<n.length-1}function Re(e){const{selectionStart:t,selectionEnd:n}=e.selection;return t.clientId!==n.clientId}function Me(e){return e.isMultiSelecting}function Le(e){return e.isSelectionEnabled}function Ae(e,t){return e.blocksMode[t]||"visual"}function De(e){return e.isTyping}function Oe(e){return!!e.draggedBlocks.length}function Fe(e){return e.draggedBlocks}function ze(e,t){return e.draggedBlocks.includes(t)}function Ve(e,t){if(!Oe(e))return!1;const n=ce(e,t);return(0,u.some)(n,(t=>ze(e,t)))}function He(e){return e.isCaretWithinFormattedText}function Ue(e){let t,n;const{insertionPoint:o,selection:{selectionEnd:r}}=e;if(null!==o)return o;const{clientId:l}=r;return l?(t=ae(e,l)||void 0,n=xe(e,r.clientId,t)+1):n=Ie(e).length,{rootClientId:t,index:n}}function Ge(e){return null!==e.insertionPoint}function We(e){return e.template.isValid}function $e(e){return e.settings.template}function je(e,t){if(!t)return e.settings.templateLock;const n=ht(e,t);return n?n.templateLock:null}const Ke=(e,t,n=null)=>(0,u.isBoolean)(e)?e:(0,u.isArray)(e)?!(!e.includes("core/post-content")||null!==t)||e.includes(t):n,qe=(e,t,n=null)=>{let o;if(t&&"object"==typeof t?(o=t,t=o.name):o=(0,r.getBlockType)(t),!o)return!1;const{allowedBlockTypes:l}=bt(e);if(!Ke(l,t,!0))return!1;if(je(e,n))return!1;const i=ht(e,n);if(n&&void 0===i)return!1;const s=null==i?void 0:i.allowedBlocks,a=Ke(s,t),c=o.parent,u=H(e,n),d=Ke(c,u);return null!==a&&null!==d?a||d:null!==a?a:null===d||d},Ye=O(qe,((e,t,n)=>[e.blockListSettings[n],e.blocks.byClientId[n],e.settings.allowedBlockTypes,e.settings.templateLock]));function Ze(e,t,n=null){return t.every((t=>Ye(e,H(e,t),n)))}function Xe(e,t,n=null){const o=G(e,t);if(null===o)return!0;const{lock:r}=o,l=!!je(e,n);return void 0===r||void 0===(null==r?void 0:r.remove)?!l:!(null!=r&&r.remove)}function Qe(e,t,n=null){return t.every((t=>Xe(e,t,n)))}function Je(e,t,n=null){const o=G(e,t);if(null===o)return;const{lock:r}=o,l="all"===je(e,n);return void 0===r||void 0===(null==r?void 0:r.move)?!l:!(null!=r&&r.move)}function et(e,t,n=null){return t.every((t=>Je(e,t,n)))}function tt(e,t){var n,o;return null!==(n=null===(o=e.preferences.insertUsage)||void 0===o?void 0:o[t])&&void 0!==n?n:null}const nt=(e,t,n)=>!!(0,r.hasBlockSupport)(t,"inserter",!0)&&qe(e,t.name,n),ot=(e,t)=>n=>{const o=`${t.id}/${n.name}`,{time:r,count:l=0}=tt(e,o)||{};return{...t,id:o,icon:n.icon||t.icon,title:n.title||t.title,description:n.description||t.description,category:n.category||t.category,example:n.hasOwnProperty("example")?n.example:t.example,initialAttributes:{...t.initialAttributes,...n.attributes},innerBlocks:n.innerBlocks,keywords:n.keywords||t.keywords,frecency:rt(r,l)}},rt=(e,t)=>{if(!e)return t;const n=Date.now()-e;switch(!0){case n<36e5:return 4*t;case n<864e5:return 2*t;case n<6048e5:return t/2;default:return t/4}},lt=(e,{buildScope:t="inserter"})=>n=>{const o=n.name;let l=!1;(0,r.hasBlockSupport)(n.name,"multiple",!0)||(l=(0,u.some)(Q(e,Z(e)),{name:n.name}));const{time:i,count:s=0}=tt(e,o)||{},a={id:o,name:n.name,title:n.title,icon:n.icon,isDisabled:l,frecency:rt(i,s)};if("transform"===t)return a;const c=(0,r.getBlockVariations)(n.name,"inserter");return{...a,initialAttributes:{},description:n.description,category:n.category,keywords:n.keywords,variations:c,example:n.example,utility:1}},it=O(((e,t=null)=>{const n=lt(e,{buildScope:"inserter"}),o=(0,r.getBlockTypes)().filter((n=>nt(e,n,t))).map(n),l=qe(e,"core/block",t)?St(e).map((t=>{const n=`core/block/${t.id}`,o=_t(e,t.id);let l;1===o.length&&(l=(0,r.getBlockType)(o[0].name));const{time:i,count:a=0}=tt(e,n)||{},c=rt(i,a);return{id:n,name:"core/block",initialAttributes:{ref:t.id},title:t.title.raw,icon:l&&"web"===s.Platform.OS?l.icon:z,category:"reusable",keywords:[],isDisabled:!1,utility:1,frecency:c}})):[],i=o.filter((({variations:e=[]})=>!e.some((({isDefault:e})=>e)))),a=[];for(const t of o){const{variations:n=[]}=t;if(n.length){const o=ot(e,t);a.push(...n.map(o))}}const c=(e,t)=>{const{core:n,noncore:o}=e;return(t.name.startsWith("core/")?n:o).push(t),e},u=i.reduce(c,{core:[],noncore:[]}),d=a.reduce(c,{core:[],noncore:[]});return[...u.core,...d.core,...u.noncore,...d.noncore,...l]}),((e,t)=>[e.blockListSettings[t],e.blocks.byClientId,e.blocks.order,e.preferences.insertUsage,e.settings.allowedBlockTypes,e.settings.templateLock,St(e),(0,r.getBlockTypes)()])),st=O(((e,t,n=null)=>{const o=lt(e,{buildScope:"transform"}),l=(0,r.getBlockTypes)().filter((t=>nt(e,t,n))).map(o),i=(0,u.mapKeys)(l,(({name:e})=>e)),s=(0,r.getPossibleBlockTransformations)(t).reduce(((e,t)=>(i[null==t?void 0:t.name]&&e.push(i[t.name]),e)),[]);return(0,u.orderBy)(s,(e=>i[e.name].frecency),"desc")}),((e,t)=>[e.blockListSettings[t],e.blocks.byClientId,e.preferences.insertUsage,e.settings.allowedBlockTypes,e.settings.templateLock,(0,r.getBlockTypes)()])),at=O(((e,t=null)=>!!(0,u.some)((0,r.getBlockTypes)(),(n=>nt(e,n,t)))||qe(e,"core/block",t)&&St(e).length>0),((e,t)=>[e.blockListSettings[t],e.blocks.byClientId,e.settings.allowedBlockTypes,e.settings.templateLock,St(e),(0,r.getBlockTypes)()])),ct=O(((e,t=null)=>{if(t)return(0,u.filter)((0,r.getBlockTypes)(),(n=>nt(e,n,t)))}),((e,t)=>[e.blockListSettings[t],e.blocks.byClientId,e.settings.allowedBlockTypes,e.settings.templateLock,(0,r.getBlockTypes)()])),ut=O(((e,t=null)=>{var n,o;if(!t)return;const r=null===(n=e.blockListSettings[t])||void 0===n?void 0:n.__experimentalDefaultBlock,l=null===(o=e.blockListSettings[t])||void 0===o?void 0:o.__experimentalDirectInsert;return r&&l?"function"==typeof l?l(W(e,t))?r:null:r:void 0}),((e,t)=>[e.blockListSettings[t],e.blocks.tree[t]])),dt=O(((e,t)=>{const n=e.settings.__experimentalBlockPatterns.find((({name:e})=>e===t));return n?{...n,blocks:(0,r.parse)(n.content)}:null}),(e=>[e.settings.__experimentalBlockPatterns])),pt=O((e=>{const t=e.settings.__experimentalBlockPatterns,{allowedBlockTypes:n}=bt(e);return t.map((({name:t})=>dt(e,t))).filter((({blocks:e})=>((e,t)=>{if((0,u.isBoolean)(t))return t;const n=[...e];for(;n.length>0;){var o;const e=n.shift();if(!Ke(t,e.name||e.blockName,!0))return!1;null===(o=e.innerBlocks)||void 0===o||o.forEach((e=>{n.push(e)}))}return!0})(e,n)))}),(e=>[e.settings.__experimentalBlockPatterns,e.settings.allowedBlockTypes])),mt=O(((e,t=null)=>{const n=pt(e);return(0,u.filter)(n,(({blocks:n})=>n.every((({name:n})=>Ye(e,n,t)))))}),((e,t)=>[e.settings.__experimentalBlockPatterns,e.settings.allowedBlockTypes,e.settings.templateLock,e.blockListSettings[t],e.blocks.byClientId[t]])),ft=O(((e,t,n=null)=>{if(!t)return V;const o=mt(e,n),r=Array.isArray(t)?t:[t];return o.filter((e=>{var t,n;return null==e||null===(t=e.blockTypes)||void 0===t||null===(n=t.some)||void 0===n?void 0:n.call(t,(e=>r.includes(e)))}))}),((e,t)=>[...mt.getDependants(e,t)])),gt=O(((e,t,n=null)=>{if(!t)return V;if(t.some((({clientId:t,innerBlocks:n})=>n.length||Tt(e,t))))return V;const o=Array.from(new Set(t.map((({name:e})=>e))));return ft(e,o,n)}),((e,t)=>[...ft.getDependants(e,t)]));function ht(e,t){return e.blockListSettings[t]}function bt(e){return e.settings}function vt(e){return e.blocks.isPersistentChange}const kt=O(((e,t=[])=>t.reduce(((t,n)=>e.blockListSettings[n]?{...t,[n]:e.blockListSettings[n]}:t),{})),(e=>[e.blockListSettings])),_t=O(((e,t)=>{const n=(0,u.find)(St(e),(e=>e.id===t));return n?(0,r.parse)("string"==typeof n.content.raw?n.content.raw:n.content):null}),(e=>[St(e)])),yt=O(((e,t)=>{var n;const o=(0,u.find)(St(e),(e=>e.id===t));return o?null===(n=o.title)||void 0===n?void 0:n.raw:null}),(e=>[St(e)]));function Et(e){return e.blocks.isIgnoredChange}function Ct(e){return e.lastBlockAttributesChange}function St(e){var t,n;return null!==(t=null==e||null===(n=e.settings)||void 0===n?void 0:n.__experimentalReusableBlocks)&&void 0!==t?t:V}function wt(e){return e.isNavigationMode}function Bt(e){return e.hasBlockMovingClientId}function It(e){return!!e.automaticChangeStatus}function xt(e,t){return e.highlightedBlock===t}function Tt(e,t){return!!e.blocks.controlledInnerBlocks[t]}const Nt=O(((e,t)=>{if(!t.length)return null;const n=ie(e);if(t.includes(H(e,n)))return n;const o=ve(e),r=ue(e,n||o[0],t);return r?(0,u.last)(r):null}),((e,t)=>[e.selection.selectionStart.clientId,e.selection.selectionEnd.clientId,t]));function Pt(e,t,n){const{lastBlockInserted:o}=e;return o.clientId===t&&o.source===n}var Rt=window.wp.a11y,Mt=window.wp.richText,Lt=window.wp.deprecated,At=n.n(Lt),Dt={SLEEP:({duration:e})=>new Promise((t=>{setTimeout(t,e)})),MARK_AUTOMATIC_CHANGE_FINAL_CONTROL:(0,m.createRegistryControl)((e=>()=>{const{requestIdleCallback:t=(e=>setTimeout(e,100))}=window;t((()=>e.dispatch(Wn).__unstableMarkAutomaticChangeFinal()))}))};const Ot="core/block-editor";function*Ft(){if(0===(yield m.controls.select(Ot,"getBlockCount"))){const{__unstableHasCustomAppender:e}=yield m.controls.select(Ot,"getSettings");if(e)return;return yield In()}}function*zt(e){return yield{type:"RESET_BLOCKS",blocks:e},yield*Vt(e)}function*Vt(e){const t=yield m.controls.select(Ot,"getTemplate"),n=yield m.controls.select(Ot,"getTemplateLock"),o=!t||"all"!==n||(0,r.doBlocksMatchTemplate)(e,t);if(o!==(yield m.controls.select(Ot,"isValidTemplate")))return yield pn(o),o}function Ht(e,t,n){return{type:"RESET_SELECTION",selectionStart:e,selectionEnd:t,initialPosition:n}}function Ut(e){return At()('wp.data.dispatch( "core/block-editor" ).receiveBlocks',{since:"5.9",alternative:"resetBlocks or insertBlocks"}),{type:"RECEIVE_BLOCKS",blocks:e}}function Gt(e,t,n=!1){return{type:"UPDATE_BLOCK_ATTRIBUTES",clientIds:(0,u.castArray)(e),attributes:t,uniqueByBlock:n}}function Wt(e,t){return{type:"UPDATE_BLOCK",clientId:e,updates:t}}function $t(e,t=0){return{type:"SELECT_BLOCK",initialPosition:t,clientId:e}}function*jt(e){const t=yield m.controls.select(Ot,"getPreviousBlockClientId",e);if(t)return yield $t(t,-1),[t]}function*Kt(e){const t=yield m.controls.select(Ot,"getNextBlockClientId",e);if(t)return yield $t(t),[t]}function qt(){return{type:"START_MULTI_SELECT"}}function Yt(){return{type:"STOP_MULTI_SELECT"}}function*Zt(e,t){if((yield m.controls.select(Ot,"getBlockRootClientId",e))!==(yield m.controls.select(Ot,"getBlockRootClientId",t)))return;yield{type:"MULTI_SELECT",start:e,end:t};const n=yield m.controls.select(Ot,"getSelectedBlockCount");(0,Rt.speak)((0,g.sprintf)(
|
2 |
/* translators: %s: number of selected blocks */
|
3 |
-
(0,g._n)("%s block selected.","%s blocks selected.",n),n),"assertive")}function Xt(){return{type:"CLEAR_SELECTED_BLOCK"}}function Qt(e=!0){return{type:"TOGGLE_SELECTION",isSelectionEnabled:e}}function Jt(e,t){var n,o;const l=null!==(n=null==t||null===(o=t.__experimentalPreferredStyleVariations)||void 0===o?void 0:o.value)&&void 0!==n?n:{};return e.map((e=>{var t;const n=e.name;if(!(0,r.hasBlockSupport)(n,"defaultStylePicker",!0))return e;if(!l[n])return e;const o=null===(t=e.attributes)||void 0===t?void 0:t.className;if(null!=o&&o.includes("is-style-"))return e;const{attributes:i={}}=e,s=l[n];return{...e,attributes:{...i,className:`${o||""} is-style-${s}`.trim()}}}))}function*en(e,t,n,o=0,r){e=(0,u.castArray)(e),t=Jt((0,u.castArray)(t),yield m.controls.select(Ot,"getSettings"));const l=yield m.controls.select(Ot,"getBlockRootClientId",(0,u.first)(e));for(let e=0;e<t.length;e++){const n=t[e];if(!(yield m.controls.select(Ot,"canInsertBlockType",n.name,l)))return}yield{type:"REPLACE_BLOCKS",clientIds:e,blocks:t,time:Date.now(),indexToSelect:n,initialPosition:o,meta:r},yield*Ft()}function tn(e,t){return en(e,t)}function nn(e){return function*(t,n){(yield m.controls.select(Ot,"canMoveBlocks",t,n))&&(yield{clientIds:(0,u.castArray)(t),type:e,rootClientId:n})}}const on=nn("MOVE_BLOCKS_DOWN"),rn=nn("MOVE_BLOCKS_UP");function*ln(e,t="",n="",o){const r=yield m.controls.select(Ot,"canMoveBlocks",e,t),l=yield m.controls.select(Ot,"canRemoveBlocks",e,t);if(!r)return;const i={type:"MOVE_BLOCKS_TO_POSITION",fromRootClientId:t,toRootClientId:n,clientIds:e,index:o};t!==n?l&&(yield m.controls.select(Ot,"canInsertBlocks",e,n))&&(yield i):yield i}function*sn(e,t="",n="",o){yield ln([e],t,n,o)}function an(e,t,n,o=!0,r){return cn([e],t,n,o,0,r)}function*cn(e,t,n,o=!0,r=0,l){(0,u.isObject)(r)&&(l=r,r=0,At()("meta argument in wp.data.dispatch('core/block-editor')",{since:"10.1",plugin:"Gutenberg",hint:"The meta argument is now the 6th argument of the function"})),e=Jt((0,u.castArray)(e),yield m.controls.select(Ot,"getSettings"));const i=[];for(const t of e)(yield m.controls.select(Ot,"canInsertBlockType",t.name,n))&&i.push(t);if(i.length)return{type:"INSERT_BLOCKS",blocks:i,index:t,rootClientId:n,time:Date.now(),updateSelection:o,initialPosition:o?r:null,meta:l}}function un(e,t,n={}){const{__unstableWithInserter:o}=n;return{type:"SHOW_INSERTION_POINT",rootClientId:e,index:t,__unstableWithInserter:o}}function dn(){return{type:"HIDE_INSERTION_POINT"}}function pn(e){return{type:"SET_TEMPLATE_VALIDITY",isValid:e}}function*mn(){yield{type:"SYNCHRONIZE_TEMPLATE"};const e=yield m.controls.select(Ot,"getBlocks"),t=yield m.controls.select(Ot,"getTemplate"),n=(0,r.synchronizeBlocksWithTemplate)(e,t);return yield zt(n)}function*fn(e,t){const n=[e,t];yield{type:"MERGE_BLOCKS",blocks:n};const[o,l]=n,i=yield m.controls.select(Ot,"getBlock",o),s=(0,r.getBlockType)(i.name);if(s&&!s.merge)return void(yield $t(i.clientId));const a=yield m.controls.select(Ot,"getBlock",l),c=(0,r.getBlockType)(a.name),{clientId:d,attributeKey:p,offset:f}=yield m.controls.select(Ot,"getSelectionStart"),g=(d===o?s:c).attributes[p],h=(d===o||d===l)&&void 0!==p&&void 0!==f&&!!g;g||("number"==typeof p?window.console.error("RichText needs an identifier prop that is the block attribute key of the attribute it controls. Its type is expected to be a string, but was "+typeof p):window.console.error("The RichText identifier prop does not match any attributes defined by the block."));const b=(0,r.cloneBlock)(i),v=(0,r.cloneBlock)(a);if(h){const e=d===o?b:v,t=e.attributes[p],{multiline:n,__unstableMultilineWrapperTags:r,__unstablePreserveWhiteSpace:l}=g,i=(0,Mt.insert)((0,Mt.create)({html:t,multilineTag:n,multilineWrapperTags:r,preserveWhiteSpace:l}),"",f,f);e.attributes[p]=(0,Mt.toHTMLString)({value:i,multilineTag:n,preserveWhiteSpace:l})}const k=i.name===a.name?[v]:(0,r.switchToBlockType)(v,i.name);if(!k||!k.length)return;const _=s.merge(b.attributes,k[0].attributes);if(h){const e=(0,u.findKey)(_,(e=>"string"==typeof e&&-1!==e.indexOf(""))),t=_[e],{multiline:n,__unstableMultilineWrapperTags:o,__unstablePreserveWhiteSpace:r}=s.attributes[e],l=(0,Mt.create)({html:t,multilineTag:n,multilineWrapperTags:o,preserveWhiteSpace:r}),a=l.text.indexOf(""),c=(0,Mt.remove)(l,a,a+1),d=(0,Mt.toHTMLString)({value:c,multilineTag:n,preserveWhiteSpace:r});_[e]=d,yield Bn(i.clientId,e,a,a)}yield*en([i.clientId,a.clientId],[{...i,attributes:{...i.attributes,..._}},...k.slice(1)],0)}function*gn(e,t=!0){if(!e||!e.length)return;e=(0,u.castArray)(e);const n=yield m.controls.select(Ot,"getBlockRootClientId",e[0]);if(!(yield m.controls.select(Ot,"canRemoveBlocks",e,n)))return;let o;o=t?yield jt(e[0]):yield m.controls.select(Ot,"getPreviousBlockClientId",e[0]),yield{type:"REMOVE_BLOCKS",clientIds:e};const r=yield*Ft();return[o||r]}function hn(e,t){return gn([e],t)}function bn(e,t,n=!1,o=0){return{type:"REPLACE_INNER_BLOCKS",rootClientId:e,blocks:t,updateSelection:n,initialPosition:n?o:null,time:Date.now()}}function vn(e){return{type:"TOGGLE_BLOCK_MODE",clientId:e}}function kn(){return{type:"START_TYPING"}}function yn(){return{type:"STOP_TYPING"}}function En(e=[]){return{type:"START_DRAGGING_BLOCKS",clientIds:e}}function Cn(){return{type:"STOP_DRAGGING_BLOCKS"}}function Sn(){return{type:"ENTER_FORMATTED_TEXT"}}function wn(){return{type:"EXIT_FORMATTED_TEXT"}}function Bn(e,t,n,o){return{type:"SELECTION_CHANGE",clientId:e,attributeKey:t,startOffset:n,endOffset:o}}function In(e,t,n){const o=(0,r.getDefaultBlockName)();if(o)return an((0,r.createBlock)(o,e),n,t)}function xn(e,t){return{type:"UPDATE_BLOCK_LIST_SETTINGS",clientId:e,settings:t}}function Tn(e){return{type:"UPDATE_SETTINGS",settings:e}}function Nn(e,t){return{type:"SAVE_REUSABLE_BLOCK_SUCCESS",id:e,updatedId:t}}function Pn(){return{type:"MARK_LAST_CHANGE_AS_PERSISTENT"}}function Rn(){return{type:"MARK_NEXT_CHANGE_AS_NOT_PERSISTENT"}}function*Mn(){yield{type:"MARK_AUTOMATIC_CHANGE"},yield{type:"MARK_AUTOMATIC_CHANGE_FINAL_CONTROL"}}function Ln(){return{type:"MARK_AUTOMATIC_CHANGE_FINAL"}}function*An(e=!0){yield{type:"SET_NAVIGATION_MODE",isNavigationMode:e},e?(0,Rt.speak)((0,g.__)("You are currently in navigation mode. Navigate blocks using the Tab key and Arrow keys. Use Left and Right Arrow keys to move between nesting levels. To exit navigation mode and edit the selected block, press Enter.")):(0,Rt.speak)((0,g.__)("You are currently in edit mode. To return to the navigation mode, press Escape."))}function*Dn(e=null){yield{type:"SET_BLOCK_MOVING_MODE",hasBlockMovingClientId:e},e&&(0,Rt.speak)((0,g.__)("Use the Tab key and Arrow keys to choose new block location. Use Left and Right Arrow keys to move between nesting levels. Once location is selected press Enter or Space to move the block."))}function*On(e,t=!0){if(!e&&!e.length)return;const n=yield m.controls.select(Ot,"getBlocksByClientId",e),o=yield m.controls.select(Ot,"getBlockRootClientId",e[0]);if((0,u.some)(n,(e=>!e)))return;const l=n.map((e=>e.name));if((0,u.some)(l,(e=>!(0,r.hasBlockSupport)(e,"multiple",!0))))return;const i=yield m.controls.select(Ot,"getBlockIndex",(0,u.last)((0,u.castArray)(e)),o),s=n.map((e=>(0,r.__experimentalCloneSanitizedBlock)(e)));return yield cn(s,i+1,o,t),s.length>1&&t&&(yield Zt((0,u.first)(s).clientId,(0,u.last)(s).clientId)),s.map((e=>e.clientId))}function*Fn(e){if(!e)return;const t=yield m.controls.select(Ot,"getBlockRootClientId",e);if(yield m.controls.select(Ot,"getTemplateLock",t))return;const n=yield m.controls.select(Ot,"getBlockIndex",e,t);return yield In({},t,n)}function*zn(e){if(!e)return;const t=yield m.controls.select(Ot,"getBlockRootClientId",e);if(yield m.controls.select(Ot,"getTemplateLock",t))return;const n=yield m.controls.select(Ot,"getBlockIndex",e,t);return yield In({},t,n+1)}function Vn(e,t){return{type:"TOGGLE_BLOCK_HIGHLIGHT",clientId:e,isHighlighted:t}}function*Hn(e){yield Vn(e,!0),yield{type:"SLEEP",duration:150},yield Vn(e,!1)}function Un(e,t){return{type:"SET_HAS_CONTROLLED_INNER_BLOCKS",hasControlledInnerBlocks:t,clientId:e}}const Gn={reducer:M,selectors:e,actions:t,controls:Dt},Wn=(0,m.createReduxStore)(Ot,{...Gn,persist:["preferences"]});(0,m.registerStore)(Ot,{...Gn,persist:["preferences"]});const $n={name:"",isSelected:!1},jn=(0,s.createContext)($n),{Provider:Kn}=jn;function qn(){return(0,s.useContext)(jn)}function Yn(){const{isSelected:e,clientId:t,name:n}=qn();return(0,m.useSelect)((o=>{if(e)return!0;const{getBlockName:r,isFirstMultiSelectedBlock:l,getMultiSelectedBlockClientIds:i}=o(Wn);return!!l(t)&&i().every((e=>r(e)===n))}),[t,e,n])}function Zn({group:e="default",controls:t,children:n,__experimentalShareWithChildBlocks:o=!1}){const l=function(e,t){const n=Yn(),{clientId:o}=qn(),l=(0,m.useSelect)((e=>{const{getBlockName:n,hasSelectedInnerBlock:l}=e(Wn),{hasBlockSupport:i}=e(r.store);return t&&i(n(o),"__experimentalExposeControlsToChildren",!1)&&l(o)}),[t,o]);var i;return n?null===(i=f[e])||void 0===i?void 0:i.Fill:l?f.parent.Fill:null}(e,o);return l?(0,s.createElement)(p.__experimentalStyleProvider,{document:document},(0,s.createElement)(l,null,(o=>{const r=(0,u.isEmpty)(o)?null:o;return(0,s.createElement)(p.__experimentalToolbarContext.Provider,{value:r},"default"===e&&(0,s.createElement)(p.ToolbarGroup,{controls:t}),n)}))):null}function Xn({group:e="default",...t}){const n=(0,s.useContext)(p.__experimentalToolbarContext),o=f[e].Slot,r=(0,p.__experimentalUseSlot)(o.__unstableName);return Boolean(r.fills&&r.fills.length)?"default"===e?(0,s.createElement)(o,i({},t,{bubblesVirtually:!0,fillProps:n})):(0,s.createElement)(p.ToolbarGroup,null,(0,s.createElement)(o,i({},t,{bubblesVirtually:!0,fillProps:n}))):null}const Qn=Zn;Qn.Slot=Xn;const Jn=e=>(0,s.createElement)(Zn,i({group:"inline"},e));Jn.Slot=e=>(0,s.createElement)(Xn,i({group:"inline"},e));var eo=Qn,to=(0,s.createElement)(F.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,s.createElement)(F.Path,{d:"M5 15h14V9H5v6zm0 4.8h14v-1.5H5v1.5zM5 4.2v1.5h14V4.2H5z"})),no=(0,s.createElement)(F.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,s.createElement)(F.Path,{d:"M4 9v6h14V9H4zm8-4.8H4v1.5h8V4.2zM4 19.8h8v-1.5H4v1.5z"})),oo=(0,s.createElement)(F.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,s.createElement)(F.Path,{d:"M7 9v6h10V9H7zM5 19.8h14v-1.5H5v1.5zM5 4.3v1.5h14V4.3H5z"})),ro=(0,s.createElement)(F.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,s.createElement)(F.Path,{d:"M6 15h14V9H6v6zm6-10.8v1.5h8V4.2h-8zm0 15.6h8v-1.5h-8v1.5z"})),lo=(0,s.createElement)(F.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,s.createElement)(F.Path,{d:"M5 9v6h14V9H5zm11-4.8H8v1.5h8V4.2zM8 19.8h8v-1.5H8v1.5z"})),io=(0,s.createElement)(F.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,s.createElement)(F.Path,{d:"M5 4v11h14V4H5zm3 15.8h8v-1.5H8v1.5z"})),so=(0,s.createElement)(F.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,s.createElement)(F.Path,{d:"M9 9v6h11V9H9zM4 20h1.5V4H4v16z"})),ao=(0,s.createElement)(F.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,s.createElement)(F.Path,{d:"M20 9h-7.2V4h-1.6v5H4v6h7.2v5h1.6v-5H20z"})),co=(0,s.createElement)(F.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,s.createElement)(F.Path,{d:"M4 15h11V9H4v6zM18.5 4v16H20V4h-1.5z"})),uo=(0,s.createElement)(F.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,s.createElement)(F.Path,{d:"M9 15h6V9H9v6zm-5 5h1.5V4H4v16zM18.5 4v16H20V4h-1.5z"}));function po(e,t=""){return e.split(",").map((e=>`.editor-styles-wrapper ${e} ${t}`)).join(",")}const mo={"color.palette":e=>void 0===e.colors?void 0:e.colors,"color.gradients":e=>void 0===e.gradients?void 0:e.gradients,"color.custom":e=>void 0===e.disableCustomColors?void 0:!e.disableCustomColors,"color.customGradient":e=>void 0===e.disableCustomGradients?void 0:!e.disableCustomGradients,"typography.fontSizes":e=>void 0===e.fontSizes?void 0:e.fontSizes,"typography.customFontSize":e=>void 0===e.disableCustomFontSizes?void 0:!e.disableCustomFontSizes,"typography.customLineHeight":e=>e.enableCustomLineHeight,"spacing.units":e=>{if(void 0!==e.enableCustomUnits)return!0===e.enableCustomUnits?["px","em","rem","vh","vw","%"]:e.enableCustomUnits},"spacing.customPadding":e=>e.enableCustomSpacing};function fo(e){const{name:t}=qn();return(0,m.useSelect)((n=>{var o;const l=n(Wn).getSettings(),i=`__experimentalFeatures.${e}`,s=`__experimentalFeatures.blocks.${t}.${e}`,a=null!==(o=(0,u.get)(l,s))&&void 0!==o?o:(0,u.get)(l,i);var c,d;if(void 0!==a)return r.__EXPERIMENTAL_PATHS_WITH_MERGE[e]?null!==(c=null!==(d=a.user)&&void 0!==d?d:a.theme)&&void 0!==c?c:a.core:a;const p=mo[e]?mo[e](l):void 0;return void 0!==p?p:"typography.dropCap"===e||void 0}),[t,e])}const go={left:so,center:ao,right:co,"space-between":uo};var ho=function({allowedControls:e=["left","center","right","space-between"],isCollapsed:t=!0,onChange:n,value:o,popoverProps:r,isToolbar:l}){const a=e=>{n(e===o?void 0:e)},c=o?go[o]:go.left,u=[{name:"left",icon:so,title:(0,g.__)("Justify items left"),isActive:"left"===o,onClick:()=>a("left")},{name:"center",icon:ao,title:(0,g.__)("Justify items center"),isActive:"center"===o,onClick:()=>a("center")},{name:"right",icon:co,title:(0,g.__)("Justify items right"),isActive:"right"===o,onClick:()=>a("right")},{name:"space-between",icon:uo,title:(0,g.__)("Space between items"),isActive:"space-between"===o,onClick:()=>a("space-between")}],d=l?p.ToolbarGroup:p.ToolbarDropdownMenu,m=l?{isCollapsed:t}:{};return(0,s.createElement)(d,i({icon:c,popoverProps:r,label:(0,g.__)("Change items justification"),controls:u.filter((t=>e.includes(t.name)))},m))};function bo(e){return(0,s.createElement)(ho,i({},e,{isToolbar:!1}))}function vo(e){return(0,s.createElement)(ho,i({},e,{isToolbar:!0}))}const ko={left:"flex-start",right:"flex-end",center:"center","space-between":"space-between"};var _o={name:"flex",label:(0,g.__)("Flex"),inspectorControls:function({layout:e={},onChange:t}){return(0,s.createElement)(Eo,{layout:e,onChange:t})},toolBarControls:function({layout:e={},onChange:t,layoutBlockSupport:n}){return null!=n&&n.allowSwitching?null:(0,s.createElement)(eo,{group:"block",__experimentalShareWithChildBlocks:!0},(0,s.createElement)(Eo,{layout:e,onChange:t,isToolbar:!0}))},save:function({selector:e,layout:t}){const n=null!==fo("spacing.blockGap"),o=ko[t.justifyContent]||"flex-start";return(0,s.createElement)("style",null,`\n\t\t\t\t${po(e)} {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\tgap: ${n?"var( --wp--style--block-gap, 0.5em )":"0.5em"};\n\t\t\t\t\tflex-wrap: wrap;\n\t\t\t\t\talign-items: center;\n\t\t\t\t\tflex-direction: row;\n\t\t\t\t\tjustify-content: ${o};\n\t\t\t\t}\n\n\t\t\t\t${po(e,"> *")} {\n\t\t\t\t\tmargin: 0;\n\t\t\t\t}\n\t\t\t`)},getOrientation:()=>"horizontal",getAlignments:()=>[]};const yo=[{value:"left",icon:so,label:(0,g.__)("Justify items left")},{value:"center",icon:ao,label:(0,g.__)("Justify items center")},{value:"right",icon:co,label:(0,g.__)("Justify items right")},{value:"space-between",icon:uo,label:(0,g.__)("Space between items")}];function Eo({layout:e,onChange:t,isToolbar:n=!1}){const{justifyContent:o="left"}=e,r=n=>{t({...e,justifyContent:n})};return n?(0,s.createElement)(bo,{allowedControls:["left","center","right","space-between"],value:o,onChange:r,popoverProps:{position:"bottom right",isAlternate:!0}}):(0,s.createElement)("fieldset",{className:"block-editor-hooks__flex-layout-justification-controls"},(0,s.createElement)("legend",null,(0,g.__)("Justification")),(0,s.createElement)("div",null,yo.map((({value:e,icon:t,label:n})=>(0,s.createElement)(p.Button,{key:e,label:n,icon:t,isPressed:o===e,onClick:()=>r(e)})))))}var Co=function({icon:e,size:t=24,...n}){return(0,s.cloneElement)(e,{width:t,height:t,...n})};const So=[{name:"default",label:(0,g.__)("Flow"),inspectorControls:function({layout:e,onChange:t}){const{wideSize:n,contentSize:o}=e,r=(0,p.__experimentalUseCustomUnits)({availableUnits:fo("spacing.units")||["%","px","em","rem","vw"]});return(0,s.createElement)(s.Fragment,null,(0,s.createElement)("div",{className:"block-editor-hooks__layout-controls"},(0,s.createElement)("div",{className:"block-editor-hooks__layout-controls-unit"},(0,s.createElement)(p.__experimentalUnitControl,{label:(0,g.__)("Content"),labelPosition:"top",__unstableInputWidth:"80px",value:o||n||"",onChange:n=>{n=0>parseFloat(n)?"0":n,t({...e,contentSize:n})},units:r}),(0,s.createElement)(Co,{icon:oo})),(0,s.createElement)("div",{className:"block-editor-hooks__layout-controls-unit"},(0,s.createElement)(p.__experimentalUnitControl,{label:(0,g.__)("Wide"),labelPosition:"top",__unstableInputWidth:"80px",value:n||o||"",onChange:n=>{n=0>parseFloat(n)?"0":n,t({...e,wideSize:n})},units:r}),(0,s.createElement)(Co,{icon:lo}))),(0,s.createElement)("div",{className:"block-editor-hooks__layout-controls-reset"},(0,s.createElement)(p.Button,{variant:"secondary",isSmall:!0,disabled:!o&&!n,onClick:()=>t({contentSize:void 0,wideSize:void 0,inherit:!1})},(0,g.__)("Reset"))),(0,s.createElement)("p",{className:"block-editor-hooks__layout-controls-helptext"},(0,g.__)("Customize the width for all elements that are assigned to the center or wide columns.")))},toolBarControls:function(){return null},save:function({selector:e,layout:t={}}){const{contentSize:n,wideSize:o}=t,r=null!==fo("spacing.blockGap");let l=n||o?`\n\t\t\t\t\t${po(e,"> *")} {\n\t\t\t\t\t\tmax-width: ${null!=n?n:o};\n\t\t\t\t\t\tmargin-left: auto !important;\n\t\t\t\t\t\tmargin-right: auto !important;\n\t\t\t\t\t}\n\n\t\t\t\t\t${po(e,'> [data-align="wide"]')} {\n\t\t\t\t\t\tmax-width: ${null!=o?o:n};\n\t\t\t\t\t}\n\n\t\t\t\t\t${po(e,'> [data-align="full"]')} {\n\t\t\t\t\t\tmax-width: none;\n\t\t\t\t\t}\n\t\t\t\t`:"";return l+=`\n\t\t\t${po(e,'> [data-align="left"]')} {\n\t\t\t\tfloat: left;\n\t\t\t\tmargin-right: 2em;\n\t\t\t}\n\n\t\t\t${po(e,'> [data-align="right"]')} {\n\t\t\t\tfloat: right;\n\t\t\t\tmargin-left: 2em;\n\t\t\t}\n\n\t\t`,r&&(l+=`\n\t\t\t\t${po(e,"> *")} {\n\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\tmargin-bottom: 0;\n\t\t\t\t}\n\t\t\t\t${po(e,"> * + *")} {\n\t\t\t\t\tmargin-top: var( --wp--style--block-gap );\n\t\t\t\t}\n\t\t\t`),(0,s.createElement)("style",null,l)},getOrientation:()=>"vertical",getAlignments(e){const t=function(e){const{contentSize:t,wideSize:n}=e,o={},r=/^(?!0)\d+(px|em|rem|vw|vh|%)?$/i;return r.test(t)&&(
|
4 |
// translators: %s: container size (i.e. 600px etc)
|
5 |
-
o.none=(0,
|
6 |
// translators: %s: container size (i.e. 600px etc)
|
7 |
-
o.wide=(0,g.sprintf)((0,g.__)("Max %s wide"),n)),o}(e);if(void 0!==e.alignments)return e.alignments.includes("none")||e.alignments.unshift("none"),e.alignments.map((e=>({name:e,info:t[e]})));const{contentSize:n,wideSize:o}=e,r=[{name:"left"},{name:"center"},{name:"right"}];return n&&r.unshift({name:"full"}),o&&r.unshift({name:"wide",info:t.wide}),r.unshift({name:"none",info:t.none}),r}},_o];function wo(e="default"){return So.find((t=>t.name===e))}const Bo={type:"default"},Io=(0,s.createContext)(Bo),xo=Io.Provider;function To({layout:e={},...t}){const n=wo(e.type);return n?(0,s.createElement)(n.save,i({layout:e},t)):null}const No=["none","left","center","right","wide","full"],Po=["wide","full"];function Ro(e=No){e.includes("none")||(e=["none",...e]);const{wideControlsEnabled:t=!1,themeSupportsLayout:n}=(0,m.useSelect)((e=>{const{getSettings:t}=e(Wn),n=t();return{wideControlsEnabled:n.alignWide,themeSupportsLayout:n.supportsLayout}}),[]),o=(0,s.useContext)(Io),r=wo(null==o?void 0:o.type),l=r.getAlignments(o);if(n){const t=l.filter((({name:t})=>e.includes(t)));return 1===t.length&&"none"===t[0].name?[]:t}if("default"!==r.name)return[];const{alignments:i=No}=o,a=e.filter((e=>(o.alignments||t||!Po.includes(e))&&i.includes(e))).map((e=>({name:e})));return 1===a.length&&"none"===a[0].name?[]:a}const Mo={none:{icon:to,title:(0,g.__)("None")},left:{icon:no,title:(0,g.__)("Align left")},center:{icon:oo,title:(0,g.__)("Align center")},right:{icon:ro,title:(0,g.__)("Align right")},wide:{icon:lo,title:(0,g.__)("Wide width")},full:{icon:io,title:(0,g.__)("Full width")}},Lo={isAlternate:!0};var Ao=function({value:e,onChange:t,controls:n,isToolbar:o,isCollapsed:r=!0}){const l=Ro(n);if(!l.length)return null;function a(n){t([e,"none"].includes(n)?void 0:n)}const u=Mo[e],d=Mo.none,m=o?p.ToolbarGroup:p.ToolbarDropdownMenu,f={popoverProps:Lo,icon:u?u.icon:d.icon,label:(0,g.__)("Align"),toggleProps:{describedBy:(0,g.__)("Change alignment")}},h=o||s.Platform.isNative?{isCollapsed:o?r:void 0,controls:l.map((({name:t})=>({...Mo[t],isActive:e===t||!e&&"none"===t,role:r?"menuitemradio":void 0,onClick:()=>a(t)})))}:{children:({onClose:t})=>(0,s.createElement)(s.Fragment,null,(0,s.createElement)(p.MenuGroup,{className:"block-editor-block-alignment-control__menu-group"},l.map((({name:n,info:o})=>{const{icon:r,title:l}=Mo[n],i=n===e||!e&&"none"===n;return(0,s.createElement)(p.MenuItem,{key:n,icon:r,iconPosition:"left",className:c()("components-dropdown-menu__menu-item",{"is-active":i}),isSelected:i,onClick:()=>{a(n),t()},role:"menuitemradio",info:o},l)}))))};return(0,s.createElement)(m,i({},f,h))};function Do(e){return(0,s.createElement)(Ao,i({},e,{isToolbar:!1}))}function Oo(e){return(0,s.createElement)(Ao,i({},e,{isToolbar:!0}))}const Fo=["left","center","right","wide","full"],zo=["wide","full"];function Vo(e,t=!0,n=!0){let o;return o=Array.isArray(e)?Fo.filter((t=>e.includes(t))):!0===e?[...Fo]:[],!n||!0===e&&!t?(0,u.without)(o,...zo):o}const Ho=(0,d.createHigherOrderComponent)((e=>t=>{const{name:n}=t,o=Ro(Vo((0,r.getBlockSupport)(n,"align"),(0,r.hasBlockSupport)(n,"alignWide",!0))).map((({name:e})=>e));return(0,s.createElement)(s.Fragment,null,!!o.length&&(0,s.createElement)(eo,{group:"block",__experimentalShareWithChildBlocks:!0},(0,s.createElement)(Do,{value:t.attributes.align,onChange:e=>{if(!e){var n,o;const l=(0,r.getBlockType)(t.name);(null==l||null===(n=l.attributes)||void 0===n||null===(o=n.align)||void 0===o?void 0:o.default)&&(e="")}t.setAttributes({align:e})},controls:o})),(0,s.createElement)(e,t))}),"withToolbarControls"),Uo=(0,d.createHigherOrderComponent)((e=>t=>{const{name:n,attributes:o}=t,{align:l}=o,a=Ro(Vo((0,r.getBlockSupport)(n,"align"),(0,r.hasBlockSupport)(n,"alignWide",!0)));if(void 0===l)return(0,s.createElement)(e,t);let c=t.wrapperProps;return a.some((e=>e.name===l))&&(c={...c,"data-align":l}),(0,s.createElement)(e,i({},t,{wrapperProps:c}))}));(0,l.addFilter)("blocks.registerBlockType","core/align/addAttribute",(function(e){return(0,u.has)(e.attributes,["align","type"])||(0,r.hasBlockSupport)(e,"align")&&(e.attributes={...e.attributes,align:{type:"string",enum:[...Fo,""]}}),e})),(0,l.addFilter)("editor.BlockListBlock","core/editor/align/with-data-align",Uo),(0,l.addFilter)("editor.BlockEdit","core/editor/align/with-toolbar-controls",Ho),(0,l.addFilter)("blocks.getSaveContent.extraProps","core/align/addAssignedAlign",(function(e,t,n){const{align:o}=n;return Vo((0,r.getBlockSupport)(t,"align"),(0,r.hasBlockSupport)(t,"alignWide",!0)).includes(o)&&(e.className=c()(`align${o}`,e.className)),e})),(0,l.addFilter)("blocks.registerBlockType","core/lock/addAttribute",(function(e){return(0,u.has)(e.attributes,["lock","type"])||(e.attributes={...e.attributes,lock:{type:"object"}}),e})),window.wp.warning;var Go={default:(0,p.createSlotFill)("InspectorControls"),advanced:(0,p.createSlotFill)("InspectorAdvancedControls"),dimensions:(0,p.createSlotFill)("InspectorControlsDimensions")};function Wo({__experimentalGroup:e="default",children:t}){var n;const o=Yn(),r=null===(n=Go[e])||void 0===n?void 0:n.Fill;return r?o?(0,s.createElement)(p.__experimentalStyleProvider,{document:document},(0,s.createElement)(r,null,(e=>{const n=(0,u.isEmpty)(e)?null:e;return(0,s.createElement)(p.__experimentalToolsPanelContext.Provider,{value:n},t)}))):null:("undefined"!=typeof process&&process.env,null)}const $o=e=>{if(!(0,u.isObject)(e)||Array.isArray(e))return e;const t=(0,u.pickBy)((0,u.mapValues)(e,$o),u.identity);return(0,u.isEmpty)(t)?void 0:t};function jo({children:e,group:t,label:n}){const{clientId:o,attributes:r}=(0,m.useSelect)((e=>{const{getBlockAttributes:t,getSelectedBlockClientId:n}=e(Wn),o=n();return{clientId:o,attributes:t(o)}}),[]),{updateBlockAttributes:l}=(0,m.useDispatch)(Wn);return(0,s.createElement)(p.__experimentalToolsPanel,{className:`${t}-block-support-panel`,label:n,resetAll:(e=[])=>{const{style:t}=r;let n={style:t};e.forEach((e=>{n={...n,...e(n)}})),n={...n,style:$o(n.style)},l(o,n)},key:o,panelId:o,hasInnerWrapper:!0,shouldRenderPlaceholderItems:!0},e)}function Ko({Slot:e,...t}){const n=(0,s.useContext)(p.__experimentalToolsPanelContext);return(0,s.createElement)(e,i({},t,{fillProps:n}))}function qo({__experimentalGroup:e="default",bubblesVirtually:t=!0,label:n,...o}){var r;const l=null===(r=Go[e])||void 0===r?void 0:r.Slot,a=(0,p.__experimentalUseSlot)(null==l?void 0:l.__unstableName);return l&&a?Boolean(a.fills&&a.fills.length)?n?(0,s.createElement)(jo,{group:e,label:n},(0,s.createElement)(Ko,i({},o,{bubblesVirtually:t,Slot:l}))):(0,s.createElement)(l,i({},o,{bubblesVirtually:t})):null:("undefined"!=typeof process&&process.env,null)}const Yo=Wo;Yo.Slot=qo;const Zo=e=>(0,s.createElement)(Wo,i({},e,{__experimentalGroup:"advanced"}));Zo.Slot=e=>(0,s.createElement)(qo,i({},e,{__experimentalGroup:"advanced"})),Zo.slotName="InspectorAdvancedControls";var Xo=Yo;const Qo=/[\s#]/g,Jo=(0,d.createHigherOrderComponent)((e=>t=>{if((0,r.hasBlockSupport)(t.name,"anchor")&&t.isSelected){const n="web"===s.Platform.OS,o=(0,s.createElement)(p.TextControl,{className:"html-anchor-control",label:(0,g.__)("HTML anchor"),help:(0,s.createElement)(s.Fragment,null,(0,g.__)("Enter a word or two — without spaces — to make a unique web address just for this block, called an “anchor.” Then, you’ll be able to link directly to this section of your page."),n&&(0,s.createElement)(p.ExternalLink,{href:(0,g.__)("https://wordpress.org/support/article/page-jumps/")},(0,g.__)("Learn more about anchors"))),value:t.attributes.anchor||"",placeholder:n?null:(0,g.__)("Add an anchor"),onChange:e=>{e=e.replace(Qo,"-"),t.setAttributes({anchor:e})},autoCapitalize:"none",autoComplete:"off"});return(0,s.createElement)(s.Fragment,null,(0,s.createElement)(e,t),n&&(0,s.createElement)(Xo,{__experimentalGroup:"advanced"},o),!n&&"core/heading"===t.name&&(0,s.createElement)(Xo,null,(0,s.createElement)(p.PanelBody,{title:(0,g.__)("Heading settings")},o)))}return(0,s.createElement)(e,t)}),"withInspectorControl");(0,l.addFilter)("blocks.registerBlockType","core/anchor/attribute",(function(e){return(0,u.has)(e.attributes,["anchor","type"])||(0,r.hasBlockSupport)(e,"anchor")&&(e.attributes={...e.attributes,anchor:{type:"string",source:"attribute",attribute:"id",selector:"*"}}),e})),(0,l.addFilter)("editor.BlockEdit","core/editor/anchor/with-inspector-control",Jo),(0,l.addFilter)("blocks.getSaveContent.extraProps","core/anchor/save-props",(function(e,t,n){return(0,r.hasBlockSupport)(t,"anchor")&&(e.id=""===n.anchor?null:n.anchor),e}));const er=(0,d.createHigherOrderComponent)((e=>t=>(0,r.hasBlockSupport)(t.name,"customClassName",!0)&&t.isSelected?(0,s.createElement)(s.Fragment,null,(0,s.createElement)(e,t),(0,s.createElement)(Xo,{__experimentalGroup:"advanced"},(0,s.createElement)(p.TextControl,{autoComplete:"off",label:(0,g.__)("Additional CSS class(es)"),value:t.attributes.className||"",onChange:e=>{t.setAttributes({className:""!==e?e:void 0})},help:(0,g.__)("Separate multiple classes with spaces.")}))):(0,s.createElement)(e,t)),"withInspectorControl");(0,l.addFilter)("blocks.registerBlockType","core/custom-class-name/attribute",(function(e){return(0,r.hasBlockSupport)(e,"customClassName",!0)&&(e.attributes={...e.attributes,className:{type:"string"}}),e})),(0,l.addFilter)("editor.BlockEdit","core/editor/custom-class-name/with-inspector-control",er),(0,l.addFilter)("blocks.getSaveContent.extraProps","core/custom-class-name/save-props",(function(e,t,n){return(0,r.hasBlockSupport)(t,"customClassName",!0)&&n.className&&(e.className=c()(e.className,n.className)),e})),(0,l.addFilter)("blocks.getSaveContent.extraProps","core/generated-class-name/save-props",(function(e,t){return(0,r.hasBlockSupport)(t,"className",!0)&&("string"==typeof e.className?e.className=(0,u.uniq)([(0,r.getBlockDefaultClassName)(t.name),...e.className.split(" ")]).join(" ").trim():e.className=(0,r.getBlockDefaultClassName)(t.name)),e}));var tr=window.wp.dom;const nr=(0,s.createContext)({});function or({value:e,children:t}){const n=(0,s.useContext)(nr),o=(0,s.useMemo)((()=>({...n,...e})),[n,e]);return(0,s.createElement)(nr.Provider,{value:o,children:t})}var rr=nr;const lr={};var ir=(0,p.withFilters)("editor.BlockEdit")((e=>{const{attributes:t={},name:n}=e,o=(0,r.getBlockType)(n),l=(0,s.useContext)(rr),a=(0,s.useMemo)((()=>o&&o.usesContext?(0,u.pick)(l,o.usesContext):lr),[o,l]);if(!o)return null;const d=o.edit||o.save;if(o.apiVersion>1)return(0,s.createElement)(d,i({},e,{context:a}));const p=(0,r.hasBlockSupport)(o,"className",!0)?(0,r.getBlockDefaultClassName)(n):null,m=c()(p,t.className);return(0,s.createElement)(d,i({},e,{context:a,className:m}))}));function sr(e){const{name:t,isSelected:n,clientId:o}=e,r={name:t,isSelected:n,clientId:o};return(0,s.createElement)(Kn,{value:(0,s.useMemo)((()=>r),Object.values(r))},(0,s.createElement)(ir,e))}var ar=(0,s.createElement)(F.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,s.createElement)(F.Path,{d:"M11 13h2v-2h-2v2zm-6 0h2v-2H5v2zm12-2v2h2v-2h-2z"})),cr=function({className:e,actions:t,children:n,secondaryActions:o}){return(0,s.createElement)("div",{className:c()(e,"block-editor-warning")},(0,s.createElement)("div",{className:"block-editor-warning__contents"},(0,s.createElement)("p",{className:"block-editor-warning__message"},n),(s.Children.count(t)>0||o)&&(0,s.createElement)("div",{className:"block-editor-warning__actions"},s.Children.count(t)>0&&s.Children.map(t,((e,t)=>(0,s.createElement)("span",{key:t,className:"block-editor-warning__action"},e))),o&&(0,s.createElement)(p.DropdownMenu,{className:"block-editor-warning__secondary",icon:ar,label:(0,g.__)("More options"),popoverProps:{position:"bottom left",className:"block-editor-warning__dropdown"},noIcons:!0},(()=>(0,s.createElement)(p.MenuGroup,null,o.map(((e,t)=>(0,s.createElement)(p.MenuItem,{onClick:e.onClick,key:t},e.title)))))))))},ur=n(7630);function dr({title:e,rawContent:t,renderedContent:n,action:o,actionText:r,className:l}){return(0,s.createElement)("div",{className:l},(0,s.createElement)("div",{className:"block-editor-block-compare__content"},(0,s.createElement)("h2",{className:"block-editor-block-compare__heading"},e),(0,s.createElement)("div",{className:"block-editor-block-compare__html"},t),(0,s.createElement)("div",{className:"block-editor-block-compare__preview edit-post-visual-editor"},(0,s.createElement)(s.RawHTML,null,(0,tr.safeHTML)(n)))),(0,s.createElement)("div",{className:"block-editor-block-compare__action"},(0,s.createElement)(p.Button,{variant:"secondary",tabIndex:"0",onClick:o},r)))}var pr=function({block:e,onKeep:t,onConvert:n,convertor:o,convertButtonText:l}){const i=(a=o(e),(0,u.castArray)(a).map((e=>(0,r.getSaveContent)(e.name,e.attributes,e.innerBlocks))).join(""));var a;const d=(p=e.originalContent,m=i,(0,ur.Kx)(p,m).map(((e,t)=>{const n=c()({"block-editor-block-compare__added":e.added,"block-editor-block-compare__removed":e.removed});return(0,s.createElement)("span",{key:t,className:n},e.value)})));var p,m;return(0,s.createElement)("div",{className:"block-editor-block-compare__wrapper"},(0,s.createElement)(dr,{title:(0,g.__)("Current"),className:"block-editor-block-compare__current",action:t,actionText:(0,g.__)("Convert to HTML"),rawContent:e.originalContent,renderedContent:e.originalContent}),(0,s.createElement)(dr,{title:(0,g.__)("After Conversion"),className:"block-editor-block-compare__converted",action:n,actionText:l,rawContent:d,renderedContent:i}))};const mr=e=>(0,r.rawHandler)({HTML:e.originalContent});var fr=(0,d.compose)([(0,m.withSelect)(((e,{clientId:t})=>({block:e(Wn).getBlock(t)}))),(0,m.withDispatch)(((e,{block:t})=>{const{replaceBlock:n}=e(Wn);return{convertToClassic(){n(t.clientId,(e=>(0,r.createBlock)("core/freeform",{content:e.originalContent}))(t))},convertToHTML(){n(t.clientId,(e=>(0,r.createBlock)("core/html",{content:e.originalContent}))(t))},convertToBlocks(){n(t.clientId,mr(t))},attemptBlockRecovery(){n(t.clientId,(({name:e,attributes:t,innerBlocks:n})=>(0,r.createBlock)(e,t,n))(t))}}}))])((function({convertToHTML:e,convertToBlocks:t,convertToClassic:n,attemptBlockRecovery:o,block:l}){const i=!!(0,r.getBlockType)("core/html"),[a,c]=(0,s.useState)(!1),u=(0,s.useCallback)((()=>c(!0)),[]),d=(0,s.useCallback)((()=>c(!1)),[]),m=(0,s.useMemo)((()=>[{
|
8 |
// translators: Button to fix block content
|
9 |
-
title:(0,
|
10 |
-
(0,g.__)("Resolve Block"),onRequestClose:d,className:"block-editor-block-compare"},(0,s.createElement)(pr,{block:l,onKeep:e,onConvert:t,convertor:mr,convertButtonText:(0,g.__)("Convert to Blocks")})))}));const gr=(0,s.createElement)(cr,{className:"block-editor-block-list__block-crash-warning"},(0,g.__)("This block has encountered an error and cannot be previewed."));var hr=()=>gr;class br extends s.Component{constructor(){super(...arguments),this.state={hasError:!1}}componentDidCatch(){this.setState({hasError:!0})}render(){return this.state.hasError?this.props.fallback:this.props.children}}var vr=br,kr=n(4042),_r=function({clientId:e}){const[t,n]=(0,s.useState)(""),o=(0,m.useSelect)((t=>t(Wn).getBlock(e)),[e]),{updateBlock:l}=(0,m.useDispatch)(Wn);return(0,s.useEffect)((()=>{n((0,r.getBlockContent)(o))}),[o]),(0,s.createElement)(kr.Z,{className:"block-editor-block-list__block-html-textarea",value:t,onBlur:()=>{const i=(0,r.getBlockType)(o.name);if(!i)return;const s=(0,r.getBlockAttributes)(i,t,o.attributes),a=t||(0,r.getSaveContent)(i,s),c=!t||(0,r.isValidBlockContent)(i,s,a);l(e,{attributes:s,originalContent:a,isValid:c}),t||n({content:a})},onChange:e=>n(e.target.value)})};let yr=Dr();const Er=e=>Rr(e,yr);let Cr=Dr();Er.write=e=>Rr(e,Cr);let Sr=Dr();Er.onStart=e=>Rr(e,Sr);let wr=Dr();Er.onFrame=e=>Rr(e,wr);let Br=Dr();Er.onFinish=e=>Rr(e,Br);let Ir=[];Er.setTimeout=(e,t)=>{let n=Er.now()+t,o=()=>{let e=Ir.findIndex((e=>e.cancel==o));~e&&Ir.splice(e,1),Fr.count-=~e?1:0},r={time:n,handler:e,cancel:o};return Ir.splice(xr(n),0,r),Fr.count+=1,Mr(),r};let xr=e=>~(~Ir.findIndex((t=>t.time>e))||~Ir.length);Er.cancel=e=>{yr.delete(e),Cr.delete(e)},Er.sync=e=>{Pr=!0,Er.batchedUpdates(e),Pr=!1},Er.throttle=e=>{let t;function n(){try{e(...t)}finally{t=null}}function o(...e){t=e,Er.onStart(n)}return o.handler=e,o.cancel=()=>{Sr.delete(n),t=null},o};let Tr="undefined"!=typeof window?window.requestAnimationFrame:()=>{};Er.use=e=>Tr=e,Er.now="undefined"!=typeof performance?()=>performance.now():Date.now,Er.batchedUpdates=e=>e(),Er.catch=console.error,Er.frameLoop="always",Er.advance=()=>{"demand"!==Er.frameLoop?console.warn("Cannot call the manual advancement of rafz whilst frameLoop is not set as demand"):Ar()};let Nr=-1,Pr=!1;function Rr(e,t){Pr?(t.delete(e),e(0)):(t.add(e),Mr())}function Mr(){Nr<0&&(Nr=0,"demand"!==Er.frameLoop&&Tr(Lr))}function Lr(){~Nr&&(Tr(Lr),Er.batchedUpdates(Ar))}function Ar(){let e=Nr;Nr=Er.now();let t=xr(Nr);t&&(Or(Ir.splice(0,t),(e=>e.handler())),Fr.count-=t),Sr.flush(),yr.flush(e?Math.min(64,Nr-e):16.667),wr.flush(),Cr.flush(),Br.flush()}function Dr(){let e=new Set,t=e;return{add(n){Fr.count+=t!=e||e.has(n)?0:1,e.add(n)},delete:n=>(Fr.count-=t==e&&e.has(n)?1:0,e.delete(n)),flush(n){t.size&&(e=new Set,Fr.count-=t.size,Or(t,(t=>t(n)&&e.add(t))),Fr.count+=e.size,t=e)}}}function Or(e,t){e.forEach((e=>{try{t(e)}catch(e){Er.catch(e)}}))}const Fr={count:0,clear(){Nr=-1,Ir=[],Sr=Dr(),yr=Dr(),wr=Dr(),Cr=Dr(),Br=Dr(),Fr.count=0}};var zr=n(3804),Vr=n.n(zr);function Hr(){}const Ur={arr:Array.isArray,obj:e=>!!e&&"Object"===e.constructor.name,fun:e=>"function"==typeof e,str:e=>"string"==typeof e,num:e=>"number"==typeof e,und:e=>void 0===e};function Gr(e,t){if(Ur.arr(e)){if(!Ur.arr(t)||e.length!==t.length)return!1;for(let n=0;n<e.length;n++)if(e[n]!==t[n])return!1;return!0}return e===t}const Wr=(e,t)=>e.forEach(t);function $r(e,t,n){for(const o in e)e.hasOwnProperty(o)&&t.call(n,e[o],o)}const jr=e=>Ur.und(e)?[]:Ur.arr(e)?e:[e];function Kr(e,t){if(e.size){const n=Array.from(e);e.clear(),Wr(n,t)}}const qr=(e,...t)=>Kr(e,(e=>e(...t)));let Yr,Zr,Xr=null,Qr=!1,Jr=Hr;var el=Object.freeze({__proto__:null,get createStringInterpolator(){return Yr},get to(){return Zr},get colors(){return Xr},get skipAnimation(){return Qr},get willAdvance(){return Jr},assign:e=>{e.to&&(Zr=e.to),e.now&&(Er.now=e.now),void 0!==e.colors&&(Xr=e.colors),null!=e.skipAnimation&&(Qr=e.skipAnimation),e.createStringInterpolator&&(Yr=e.createStringInterpolator),e.requestAnimationFrame&&Er.use(e.requestAnimationFrame),e.batchedUpdates&&(Er.batchedUpdates=e.batchedUpdates),e.willAdvance&&(Jr=e.willAdvance),e.frameLoop&&(Er.frameLoop=e.frameLoop)}});const tl=new Set;let nl=[],ol=[],rl=0;const ll={get idle(){return!tl.size&&!nl.length},start(e){rl>e.priority?(tl.add(e),Er.onStart(il)):(sl(e),Er(cl))},advance:cl,sort(e){if(rl)Er.onFrame((()=>ll.sort(e)));else{const t=nl.indexOf(e);~t&&(nl.splice(t,1),al(e))}},clear(){nl=[],tl.clear()}};function il(){tl.forEach(sl),tl.clear(),Er(cl)}function sl(e){nl.includes(e)||al(e)}function al(e){nl.splice(function(t,n){const o=t.findIndex((t=>t.priority>e.priority));return o<0?t.length:o}(nl),0,e)}function cl(e){const t=ol;for(let n=0;n<nl.length;n++){const o=nl[n];rl=o.priority,o.idle||(Jr(o),o.advance(e),o.idle||t.push(o))}return rl=0,ol=nl,ol.length=0,nl=t,nl.length>0}const ul="[-+]?\\d*\\.?\\d+",dl=ul+"%";function pl(...e){return"\\(\\s*("+e.join(")\\s*,\\s*(")+")\\s*\\)"}const ml=new RegExp("rgb"+pl(ul,ul,ul)),fl=new RegExp("rgba"+pl(ul,ul,ul,ul)),gl=new RegExp("hsl"+pl(ul,dl,dl)),hl=new RegExp("hsla"+pl(ul,dl,dl,ul)),bl=/^#([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,vl=/^#([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,kl=/^#([0-9a-fA-F]{6})$/,_l=/^#([0-9a-fA-F]{8})$/;function yl(e,t,n){return n<0&&(n+=1),n>1&&(n-=1),n<1/6?e+6*(t-e)*n:n<.5?t:n<2/3?e+(t-e)*(2/3-n)*6:e}function El(e,t,n){const o=n<.5?n*(1+t):n+t-n*t,r=2*n-o,l=yl(r,o,e+1/3),i=yl(r,o,e),s=yl(r,o,e-1/3);return Math.round(255*l)<<24|Math.round(255*i)<<16|Math.round(255*s)<<8}function Cl(e){const t=parseInt(e,10);return t<0?0:t>255?255:t}function Sl(e){return(parseFloat(e)%360+360)%360/360}function wl(e){const t=parseFloat(e);return t<0?0:t>1?255:Math.round(255*t)}function Bl(e){const t=parseFloat(e);return t<0?0:t>100?1:t/100}function Il(e){let t=function(e){let t;return"number"==typeof e?e>>>0===e&&e>=0&&e<=4294967295?e:null:(t=kl.exec(e))?parseInt(t[1]+"ff",16)>>>0:Xr&&void 0!==Xr[e]?Xr[e]:(t=ml.exec(e))?(Cl(t[1])<<24|Cl(t[2])<<16|Cl(t[3])<<8|255)>>>0:(t=fl.exec(e))?(Cl(t[1])<<24|Cl(t[2])<<16|Cl(t[3])<<8|wl(t[4]))>>>0:(t=bl.exec(e))?parseInt(t[1]+t[1]+t[2]+t[2]+t[3]+t[3]+"ff",16)>>>0:(t=_l.exec(e))?parseInt(t[1],16)>>>0:(t=vl.exec(e))?parseInt(t[1]+t[1]+t[2]+t[2]+t[3]+t[3]+t[4]+t[4],16)>>>0:(t=gl.exec(e))?(255|El(Sl(t[1]),Bl(t[2]),Bl(t[3])))>>>0:(t=hl.exec(e))?(El(Sl(t[1]),Bl(t[2]),Bl(t[3]))|wl(t[4]))>>>0:null}(e);return null===t?e:(t=t||0,`rgba(${(4278190080&t)>>>24}, ${(16711680&t)>>>16}, ${(65280&t)>>>8}, ${(255&t)/255})`)}const xl=(e,t,n)=>{if(Ur.fun(e))return e;if(Ur.arr(e))return xl({range:e,output:t,extrapolate:n});if(Ur.str(e.output[0]))return Yr(e);const o=e,r=o.output,l=o.range||[0,1],i=o.extrapolateLeft||o.extrapolate||"extend",s=o.extrapolateRight||o.extrapolate||"extend",a=o.easing||(e=>e);return e=>{const t=function(e,t){for(var n=1;n<t.length-1&&!(t[n]>=e);++n);return n-1}(e,l);return function(e,t,n,o,r,l,i,s,a){let c=a?a(e):e;if(c<t){if("identity"===i)return c;"clamp"===i&&(c=t)}if(c>n){if("identity"===s)return c;"clamp"===s&&(c=n)}return o===r?o:t===n?e<=t?o:r:(t===-1/0?c=-c:n===1/0?c-=t:c=(c-t)/(n-t),c=l(c),o===-1/0?c=-c:r===1/0?c+=o:c=c*(r-o)+o,c)}(e,l[t],l[t+1],r[t],r[t+1],a,i,s,o.map)}};function Tl(){return(Tl=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e}).apply(this,arguments)}const Nl=Symbol.for("FluidValue.get"),Pl=Symbol.for("FluidValue.observers"),Rl=e=>Boolean(e&&e[Nl]),Ml=e=>e&&e[Nl]?e[Nl]():e,Ll=e=>e[Pl]||null;function Al(e,t){let n=e[Pl];n&&n.forEach((e=>{!function(e,t){e.eventObserved?e.eventObserved(t):e(t)}(e,t)}))}class Dl{constructor(e){if(this[Nl]=void 0,this[Pl]=void 0,!e&&!(e=this.get))throw Error("Unknown getter");Ol(this,e)}}const Ol=(e,t)=>Vl(e,Nl,t);function Fl(e,t){if(e[Nl]){let n=e[Pl];n||Vl(e,Pl,n=new Set),n.has(t)||(n.add(t),e.observerAdded&&e.observerAdded(n.size,t))}return t}function zl(e,t){let n=e[Pl];if(n&&n.has(t)){const o=n.size-1;o?n.delete(t):e[Pl]=null,e.observerRemoved&&e.observerRemoved(o,t)}}const Vl=(e,t,n)=>Object.defineProperty(e,t,{value:n,writable:!0,configurable:!0}),Hl=/[+\-]?(?:0|[1-9]\d*)(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,Ul=/(#(?:[0-9a-f]{2}){2,4}|(#[0-9a-f]{3})|(rgb|hsl)a?\((-?\d+%?[,\s]+){2,3}\s*[\d\.]+%?\))/gi;let Gl;const Wl=/rgba\(([0-9\.-]+), ([0-9\.-]+), ([0-9\.-]+), ([0-9\.-]+)\)/gi,$l=(e,t,n,o,r)=>`rgba(${Math.round(t)}, ${Math.round(n)}, ${Math.round(o)}, ${r})`,jl=e=>{Gl||(Gl=Xr?new RegExp(`(${Object.keys(Xr).join("|")})(?!\\w)`,"g"):/^\b$/);const t=e.output.map((e=>Ml(e).replace(Ul,Il).replace(Gl,Il))),n=t.map((e=>e.match(Hl).map(Number))),o=n[0].map(((e,t)=>n.map((e=>{if(!(t in e))throw Error('The arity of each "output" value must be equal');return e[t]})))).map((t=>xl(Tl({},e,{output:t}))));return e=>{let n=0;return t[0].replace(Hl,(()=>String(o[n++](e)))).replace(Wl,$l)}},Kl="react-spring: ",ql=e=>{const t=e;let n=!1;if("function"!=typeof t)throw new TypeError(`${Kl}once requires a function parameter`);return(...e)=>{n||(t(...e),n=!0)}},Yl=ql(console.warn),Zl=ql(console.warn);function Xl(e){return Ur.str(e)&&("#"==e[0]||/\d/.test(e)||e in(Xr||{}))}const Ql=e=>(0,zr.useEffect)(e,Jl),Jl=[];function ei(){const e=(0,zr.useState)()[1],t=(0,zr.useState)(ti)[0];return Ql(t.unmount),()=>{t.current&&e({})}}function ti(){const e={current:!0,unmount:()=>()=>{e.current=!1}};return e}function ni(e){const t=(0,zr.useRef)();return(0,zr.useEffect)((()=>{t.current=e})),t.current}const oi="undefined"!=typeof window&&window.document&&window.document.createElement?zr.useLayoutEffect:zr.useEffect,ri=Symbol.for("Animated:node"),li=e=>e&&e[ri],ii=(e,t)=>{return n=e,o=ri,r=t,Object.defineProperty(n,o,{value:r,writable:!0,configurable:!0});var n,o,r},si=e=>e&&e[ri]&&e[ri].getPayload();class ai{constructor(){this.payload=void 0,ii(this,this)}getPayload(){return this.payload||[]}}class ci extends ai{constructor(e){super(),this.done=!0,this.elapsedTime=void 0,this.lastPosition=void 0,this.lastVelocity=void 0,this.v0=void 0,this.durationProgress=0,this._value=e,Ur.num(this._value)&&(this.lastPosition=this._value)}static create(e){return new ci(e)}getPayload(){return[this]}getValue(){return this._value}setValue(e,t){return Ur.num(e)&&(this.lastPosition=e,t&&(e=Math.round(e/t)*t,this.done&&(this.lastPosition=e))),this._value!==e&&(this._value=e,!0)}reset(){const{done:e}=this;this.done=!1,Ur.num(this._value)&&(this.elapsedTime=0,this.durationProgress=0,this.lastPosition=this._value,e&&(this.lastVelocity=null),this.v0=null)}}class ui extends ci{constructor(e){super(0),this._string=null,this._toString=void 0,this._toString=xl({output:[e,e]})}static create(e){return new ui(e)}getValue(){let e=this._string;return null==e?this._string=this._toString(this._value):e}setValue(e){if(Ur.str(e)){if(e==this._string)return!1;this._string=e,this._value=1}else{if(!super.setValue(e))return!1;this._string=null}return!0}reset(e){e&&(this._toString=xl({output:[this.getValue(),e]})),this._value=0,super.reset()}}const di={dependencies:null};class pi extends ai{constructor(e){super(),this.source=e,this.setValue(e)}getValue(e){const t={};return $r(this.source,((n,o)=>{var r;(r=n)&&r[ri]===r?t[o]=n.getValue(e):Rl(n)?t[o]=Ml(n):e||(t[o]=n)})),t}setValue(e){this.source=e,this.payload=this._makePayload(e)}reset(){this.payload&&Wr(this.payload,(e=>e.reset()))}_makePayload(e){if(e){const t=new Set;return $r(e,this._addToPayload,t),Array.from(t)}}_addToPayload(e){di.dependencies&&Rl(e)&&di.dependencies.add(e);const t=si(e);t&&Wr(t,(e=>this.add(e)))}}class mi extends pi{constructor(e){super(e)}static create(e){return new mi(e)}getValue(){return this.source.map((e=>e.getValue()))}setValue(e){const t=this.getPayload();return e.length==t.length?t.map(((t,n)=>t.setValue(e[n]))).some(Boolean):(super.setValue(e.map(fi)),!0)}}function fi(e){return(Xl(e)?ui:ci).create(e)}function gi(e){const t=li(e);return t?t.constructor:Ur.arr(e)?mi:Xl(e)?ui:ci}function hi(){return(hi=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e}).apply(this,arguments)}const bi=(e,t)=>{const n=!Ur.fun(e)||e.prototype&&e.prototype.isReactComponent;return(0,zr.forwardRef)(((o,r)=>{const l=(0,zr.useRef)(null),i=n&&(0,zr.useCallback)((e=>{l.current=function(e,t){return e&&(Ur.fun(e)?e(t):e.current=t),t}(r,e)}),[r]),[s,a]=function(e,t){const n=new Set;return di.dependencies=n,e.style&&(e=hi({},e,{style:t.createAnimatedStyle(e.style)})),e=new pi(e),di.dependencies=null,[e,n]}(o,t),c=ei(),u=()=>{const e=l.current;n&&!e||!1===(!!e&&t.applyAnimatedValues(e,s.getValue(!0)))&&c()},d=new vi(u,a),p=(0,zr.useRef)();oi((()=>{const e=p.current;p.current=d,Wr(a,(e=>Fl(e,d))),e&&(Wr(e.deps,(t=>zl(t,e))),Er.cancel(e.update))})),(0,zr.useEffect)(u,[]),Ql((()=>()=>{const e=p.current;Wr(e.deps,(t=>zl(t,e)))}));const m=t.getComponentProps(s.getValue());return zr.createElement(e,hi({},m,{ref:i}))}))};class vi{constructor(e,t){this.update=e,this.deps=t}eventObserved(e){"change"==e.type&&Er.write(this.update)}}const ki=Symbol.for("AnimatedComponent"),_i=e=>Ur.str(e)?e:e&&Ur.str(e.displayName)?e.displayName:Ur.fun(e)&&e.name||null;function yi(){return(yi=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e}).apply(this,arguments)}function Ei(e,...t){return Ur.fun(e)?e(...t):e}const Ci=(e,t)=>!0===e||!!(t&&e&&(Ur.fun(e)?e(t):jr(e).includes(t))),Si=(e,t)=>Ur.obj(e)?t&&e[t]:e,wi=(e,t)=>!0===e.default?e[t]:e.default?e.default[t]:void 0,Bi=e=>e,Ii=(e,t=Bi)=>{let n=xi;e.default&&!0!==e.default&&(e=e.default,n=Object.keys(e));const o={};for(const r of n){const n=t(e[r],r);Ur.und(n)||(o[r]=n)}return o},xi=["config","onProps","onStart","onChange","onPause","onResume","onRest"],Ti={config:1,from:1,to:1,ref:1,loop:1,reset:1,pause:1,cancel:1,reverse:1,immediate:1,default:1,delay:1,onProps:1,onStart:1,onChange:1,onPause:1,onResume:1,onRest:1,onResolve:1,items:1,trail:1,sort:1,expires:1,initial:1,enter:1,update:1,leave:1,children:1,onDestroyed:1,keys:1,callId:1,parentId:1};function Ni(e){const t=function(e){const t={};let n=0;if($r(e,((e,o)=>{Ti[o]||(t[o]=e,n++)})),n)return t}(e);if(t){const n={to:t};return $r(e,((e,o)=>o in t||(n[o]=e))),n}return yi({},e)}function Pi(e){return e=Ml(e),Ur.arr(e)?e.map(Pi):Xl(e)?el.createStringInterpolator({range:[0,1],output:[e,e]})(1):e}function Ri(e){for(const t in e)return!0;return!1}function Mi(e){return Ur.fun(e)||Ur.arr(e)&&Ur.obj(e[0])}function Li(e,t){var n;null==(n=e.ref)||n.delete(e),null==t||t.delete(e)}function Ai(e,t){var n;t&&e.ref!==t&&(null==(n=e.ref)||n.delete(e),t.add(e),e.ref=t)}const Di=yi({},{tension:170,friction:26},{mass:1,damping:1,easing:e=>e,clamp:!1});class Oi{constructor(){this.tension=void 0,this.friction=void 0,this.frequency=void 0,this.damping=void 0,this.mass=void 0,this.velocity=0,this.restVelocity=void 0,this.precision=void 0,this.progress=void 0,this.duration=void 0,this.easing=void 0,this.clamp=void 0,this.bounce=void 0,this.decay=void 0,this.round=void 0,Object.assign(this,Di)}}function Fi(e,t){if(Ur.und(t.decay)){const n=!Ur.und(t.tension)||!Ur.und(t.friction);!n&&Ur.und(t.frequency)&&Ur.und(t.damping)&&Ur.und(t.mass)||(e.duration=void 0,e.decay=void 0),n&&(e.frequency=void 0)}else e.duration=void 0}const zi=[];class Vi{constructor(){this.changed=!1,this.values=zi,this.toValues=null,this.fromValues=zi,this.to=void 0,this.from=void 0,this.config=new Oi,this.immediate=!1}}function Hi(e,{key:t,props:n,defaultProps:o,state:r,actions:l}){return new Promise(((i,s)=>{var a;let c,u,d=Ci(null!=(a=n.cancel)?a:null==o?void 0:o.cancel,t);if(d)f();else{Ur.und(n.pause)||(r.paused=Ci(n.pause,t));let e=null==o?void 0:o.pause;!0!==e&&(e=r.paused||Ci(e,t)),c=Ei(n.delay||0,t),e?(r.resumeQueue.add(m),l.pause()):(l.resume(),m())}function p(){r.resumeQueue.add(m),r.timeouts.delete(u),u.cancel(),c=u.time-Er.now()}function m(){c>0?(u=Er.setTimeout(f,c),r.pauseQueue.add(p),r.timeouts.add(u)):f()}function f(){r.pauseQueue.delete(p),r.timeouts.delete(u),e<=(r.cancelId||0)&&(d=!0);try{l.start(yi({},n,{callId:e,cancel:d}),i)}catch(e){s(e)}}}))}const Ui=(e,t)=>1==t.length?t[0]:t.some((e=>e.cancelled))?$i(e.get()):t.every((e=>e.noop))?Gi(e.get()):Wi(e.get(),t.every((e=>e.finished))),Gi=e=>({value:e,noop:!0,finished:!0,cancelled:!1}),Wi=(e,t,n=!1)=>({value:e,finished:t,cancelled:n}),$i=e=>({value:e,cancelled:!0,finished:!1});function ji(e,t,n,o){const{callId:r,parentId:l,onRest:i}=t,{asyncTo:s,promise:a}=n;return l||e!==s||t.reset?n.promise=(async()=>{n.asyncId=r,n.asyncTo=e;const c=Ii(t,((e,t)=>"onRest"===t?void 0:e));let u,d;const p=new Promise(((e,t)=>(u=e,d=t))),m=e=>{const t=r<=(n.cancelId||0)&&$i(o)||r!==n.asyncId&&Wi(o,!1);if(t)throw e.result=t,d(e),e},f=(e,t)=>{const l=new qi,i=new Yi;return(async()=>{if(el.skipAnimation)throw Ki(n),i.result=Wi(o,!1),d(i),i;m(l);const s=Ur.obj(e)?yi({},e):yi({},t,{to:e});s.parentId=r,$r(c,((e,t)=>{Ur.und(s[t])&&(s[t]=e)}));const a=await o.start(s);return m(l),n.paused&&await new Promise((e=>{n.resumeQueue.add(e)})),a})()};let g;if(el.skipAnimation)return Ki(n),Wi(o,!1);try{let t;t=Ur.arr(e)?(async e=>{for(const t of e)await f(t)})(e):Promise.resolve(e(f,o.stop.bind(o))),await Promise.all([t.then(u),p]),g=Wi(o.get(),!0,!1)}catch(e){if(e instanceof qi)g=e.result;else{if(!(e instanceof Yi))throw e;g=e.result}}finally{r==n.asyncId&&(n.asyncId=l,n.asyncTo=l?s:void 0,n.promise=l?a:void 0)}return Ur.fun(i)&&Er.batchedUpdates((()=>{i(g,o,o.item)})),g})():a}function Ki(e,t){Kr(e.timeouts,(e=>e.cancel())),e.pauseQueue.clear(),e.resumeQueue.clear(),e.asyncId=e.asyncTo=e.promise=void 0,t&&(e.cancelId=t)}class qi extends Error{constructor(){super("An async animation has been interrupted. You see this error because you forgot to use `await` or `.catch(...)` on its returned promise."),this.result=void 0}}class Yi extends Error{constructor(){super("SkipAnimationSignal"),this.result=void 0}}const Zi=e=>e instanceof Qi;let Xi=1;class Qi extends Dl{constructor(...e){super(...e),this.id=Xi++,this.key=void 0,this._priority=0}get priority(){return this._priority}set priority(e){this._priority!=e&&(this._priority=e,this._onPriorityChange(e))}get(){const e=li(this);return e&&e.getValue()}to(...e){return el.to(this,e)}interpolate(...e){return Yl(`${Kl}The "interpolate" function is deprecated in v9 (use "to" instead)`),el.to(this,e)}toJSON(){return this.get()}observerAdded(e){1==e&&this._attach()}observerRemoved(e){0==e&&this._detach()}_attach(){}_detach(){}_onChange(e,t=!1){Al(this,{type:"change",parent:this,value:e,idle:t})}_onPriorityChange(e){this.idle||ll.sort(this),Al(this,{type:"priority",parent:this,priority:e})}}const Ji=Symbol.for("SpringPhase"),es=e=>(1&e[Ji])>0,ts=e=>(2&e[Ji])>0,ns=e=>(4&e[Ji])>0,os=(e,t)=>t?e[Ji]|=3:e[Ji]&=-3,rs=(e,t)=>t?e[Ji]|=4:e[Ji]&=-5;class ls extends Qi{constructor(e,t){if(super(),this.key=void 0,this.animation=new Vi,this.queue=void 0,this.defaultProps={},this._state={paused:!1,pauseQueue:new Set,resumeQueue:new Set,timeouts:new Set},this._pendingCalls=new Set,this._lastCallId=0,this._lastToId=0,this._memoizedDuration=0,!Ur.und(e)||!Ur.und(t)){const n=Ur.obj(e)?yi({},e):yi({},t,{from:e});Ur.und(n.default)&&(n.default=!0),this.start(n)}}get idle(){return!(ts(this)||this._state.asyncTo)||ns(this)}get goal(){return Ml(this.animation.to)}get velocity(){const e=li(this);return e instanceof ci?e.lastVelocity||0:e.getPayload().map((e=>e.lastVelocity||0))}get hasAnimated(){return es(this)}get isAnimating(){return ts(this)}get isPaused(){return ns(this)}advance(e){let t=!0,n=!1;const o=this.animation;let{config:r,toValues:l}=o;const i=si(o.to);!i&&Rl(o.to)&&(l=jr(Ml(o.to))),o.values.forEach(((s,a)=>{if(s.done)return;const c=s.constructor==ui?1:i?i[a].lastPosition:l[a];let u=o.immediate,d=c;if(!u){if(d=s.lastPosition,r.tension<=0)return void(s.done=!0);let t=s.elapsedTime+=e;const n=o.fromValues[a],l=null!=s.v0?s.v0:s.v0=Ur.arr(r.velocity)?r.velocity[a]:r.velocity;let i;if(Ur.und(r.duration))if(r.decay){const e=!0===r.decay?.998:r.decay,o=Math.exp(-(1-e)*t);d=n+l/(1-e)*(1-o),u=Math.abs(s.lastPosition-d)<.1,i=l*o}else{i=null==s.lastVelocity?l:s.lastVelocity;const t=r.precision||(n==c?.005:Math.min(1,.001*Math.abs(c-n))),o=r.restVelocity||t/10,a=r.clamp?0:r.bounce,p=!Ur.und(a),m=n==c?s.v0>0:n<c;let f,g=!1;const h=1,b=Math.ceil(e/h);for(let e=0;e<b&&(f=Math.abs(i)>o,f||(u=Math.abs(c-d)<=t,!u));++e)p&&(g=d==c||d>c==m,g&&(i=-i*a,d=c)),i+=(1e-6*-r.tension*(d-c)+.001*-r.friction*i)/r.mass*h,d+=i*h}else{let o=1;r.duration>0&&(this._memoizedDuration!==r.duration&&(this._memoizedDuration=r.duration,s.durationProgress>0&&(s.elapsedTime=r.duration*s.durationProgress,t=s.elapsedTime+=e)),o=(r.progress||0)+t/this._memoizedDuration,o=o>1?1:o<0?0:o,s.durationProgress=o),d=n+r.easing(o)*(c-n),i=(d-s.lastPosition)/e,u=1==o}s.lastVelocity=i,Number.isNaN(d)&&(console.warn("Got NaN while animating:",this),u=!0)}i&&!i[a].done&&(u=!1),u?s.done=!0:t=!1,s.setValue(d,r.round)&&(n=!0)}));const s=li(this),a=s.getValue();if(t){const e=Ml(o.to);a===e&&!n||r.decay?n&&r.decay&&this._onChange(a):(s.setValue(e),this._onChange(e)),this._stop()}else n&&this._onChange(a)}set(e){return Er.batchedUpdates((()=>{this._stop(),this._focus(e),this._set(e)})),this}pause(){this._update({pause:!0})}resume(){this._update({pause:!1})}finish(){if(ts(this)){const{to:e,config:t}=this.animation;Er.batchedUpdates((()=>{this._onStart(),t.decay||this._set(e,!1),this._stop()}))}return this}update(e){return(this.queue||(this.queue=[])).push(e),this}start(e,t){let n;return Ur.und(e)?(n=this.queue||[],this.queue=[]):n=[Ur.obj(e)?e:yi({},t,{to:e})],Promise.all(n.map((e=>this._update(e)))).then((e=>Ui(this,e)))}stop(e){const{to:t}=this.animation;return this._focus(this.get()),Ki(this._state,e&&this._lastCallId),Er.batchedUpdates((()=>this._stop(t,e))),this}reset(){this._update({reset:!0})}eventObserved(e){"change"==e.type?this._start():"priority"==e.type&&(this.priority=e.priority+1)}_prepareNode(e){const t=this.key||"";let{to:n,from:o}=e;n=Ur.obj(n)?n[t]:n,(null==n||Mi(n))&&(n=void 0),o=Ur.obj(o)?o[t]:o,null==o&&(o=void 0);const r={to:n,from:o};return es(this)||(e.reverse&&([n,o]=[o,n]),o=Ml(o),Ur.und(o)?li(this)||this._set(n):this._set(o)),r}_update(e,t){let n=yi({},e);const{key:o,defaultProps:r}=this;n.default&&Object.assign(r,Ii(n,((e,t)=>/^on/.test(t)?Si(e,o):e))),ps(this,n,"onProps"),ms(this,"onProps",n,this);const l=this._prepareNode(n);if(Object.isFrozen(this))throw Error("Cannot animate a `SpringValue` object that is frozen. Did you forget to pass your component to `animated(...)` before animating its props?");const i=this._state;return Hi(++this._lastCallId,{key:o,props:n,defaultProps:r,state:i,actions:{pause:()=>{ns(this)||(rs(this,!0),qr(i.pauseQueue),ms(this,"onPause",Wi(this,is(this,this.animation.to)),this))},resume:()=>{ns(this)&&(rs(this,!1),ts(this)&&this._resume(),qr(i.resumeQueue),ms(this,"onResume",Wi(this,is(this,this.animation.to)),this))},start:this._merge.bind(this,l)}}).then((e=>{if(n.loop&&e.finished&&(!t||!e.noop)){const e=ss(n);if(e)return this._update(e,!0)}return e}))}_merge(e,t,n){if(t.cancel)return this.stop(!0),n($i(this));const o=!Ur.und(e.to),r=!Ur.und(e.from);if(o||r){if(!(t.callId>this._lastToId))return n($i(this));this._lastToId=t.callId}const{key:l,defaultProps:i,animation:s}=this,{to:a,from:c}=s;let{to:u=a,from:d=c}=e;!r||o||t.default&&!Ur.und(u)||(u=d),t.reverse&&([u,d]=[d,u]);const p=!Gr(d,c);p&&(s.from=d),d=Ml(d);const m=!Gr(u,a);m&&this._focus(u);const f=Mi(t.to),{config:g}=s,{decay:h,velocity:b}=g;(o||r)&&(g.velocity=0),t.config&&!f&&function(e,t,n){n&&(Fi(n=yi({},n),t),t=yi({},n,t)),Fi(e,t),Object.assign(e,t);for(const t in Di)null==e[t]&&(e[t]=Di[t]);let{mass:o,frequency:r,damping:l}=e;Ur.und(r)||(r<.01&&(r=.01),l<0&&(l=0),e.tension=Math.pow(2*Math.PI/r,2)*o,e.friction=4*Math.PI*l*o/r)}(g,Ei(t.config,l),t.config!==i.config?Ei(i.config,l):void 0);let v=li(this);if(!v||Ur.und(u))return n(Wi(this,!0));const k=Ur.und(t.reset)?r&&!t.default:!Ur.und(d)&&Ci(t.reset,l),_=k?d:this.get(),y=Pi(u),E=Ur.num(y)||Ur.arr(y)||Xl(y),C=!f&&(!E||Ci(i.immediate||t.immediate,l));if(m){const e=gi(u);if(e!==v.constructor){if(!C)throw Error(`Cannot animate between ${v.constructor.name} and ${e.name}, as the "to" prop suggests`);v=this._set(y)}}const S=v.constructor;let w=Rl(u),B=!1;if(!w){const e=k||!es(this)&&p;(m||e)&&(B=Gr(Pi(_),y),w=!B),(Gr(s.immediate,C)||C)&&Gr(g.decay,h)&&Gr(g.velocity,b)||(w=!0)}if(B&&ts(this)&&(s.changed&&!k?w=!0:w||this._stop(a)),!f&&((w||Rl(a))&&(s.values=v.getPayload(),s.toValues=Rl(u)?null:S==ui?[1]:jr(y)),s.immediate!=C&&(s.immediate=C,C||k||this._set(a)),w)){const{onRest:e}=s;Wr(ds,(e=>ps(this,t,e)));const o=Wi(this,is(this,a));qr(this._pendingCalls,o),this._pendingCalls.add(n),s.changed&&Er.batchedUpdates((()=>{s.changed=!k,null==e||e(o,this),k?Ei(i.onRest,o):null==s.onStart||s.onStart(o,this)}))}k&&this._set(_),f?n(ji(t.to,t,this._state,this)):w?this._start():ts(this)&&!m?this._pendingCalls.add(n):n(Gi(_))}_focus(e){const t=this.animation;e!==t.to&&(Ll(this)&&this._detach(),t.to=e,Ll(this)&&this._attach())}_attach(){let e=0;const{to:t}=this.animation;Rl(t)&&(Fl(t,this),Zi(t)&&(e=t.priority+1)),this.priority=e}_detach(){const{to:e}=this.animation;Rl(e)&&zl(e,this)}_set(e,t=!0){const n=Ml(e);if(!Ur.und(n)){const e=li(this);if(!e||!Gr(n,e.getValue())){const o=gi(n);e&&e.constructor==o?e.setValue(n):ii(this,o.create(n)),e&&Er.batchedUpdates((()=>{this._onChange(n,t)}))}}return li(this)}_onStart(){const e=this.animation;e.changed||(e.changed=!0,ms(this,"onStart",Wi(this,is(this,e.to)),this))}_onChange(e,t){t||(this._onStart(),Ei(this.animation.onChange,e,this)),Ei(this.defaultProps.onChange,e,this),super._onChange(e,t)}_start(){const e=this.animation;li(this).reset(Ml(e.to)),e.immediate||(e.fromValues=e.values.map((e=>e.lastPosition))),ts(this)||(os(this,!0),ns(this)||this._resume())}_resume(){el.skipAnimation?this.finish():ll.start(this)}_stop(e,t){if(ts(this)){os(this,!1);const n=this.animation;Wr(n.values,(e=>{e.done=!0})),n.toValues&&(n.onChange=n.onPause=n.onResume=void 0),Al(this,{type:"idle",parent:this});const o=t?$i(this.get()):Wi(this.get(),is(this,null!=e?e:n.to));qr(this._pendingCalls,o),n.changed&&(n.changed=!1,ms(this,"onRest",o,this))}}}function is(e,t){const n=Pi(t);return Gr(Pi(e.get()),n)}function ss(e,t=e.loop,n=e.to){let o=Ei(t);if(o){const r=!0!==o&&Ni(o),l=(r||e).reverse,i=!r||r.reset;return as(yi({},e,{loop:t,default:!1,pause:void 0,to:!l||Mi(n)?n:void 0,from:i?e.from:void 0,reset:i},r))}}function as(e){const{to:t,from:n}=e=Ni(e),o=new Set;return Ur.obj(t)&&us(t,o),Ur.obj(n)&&us(n,o),e.keys=o.size?Array.from(o):null,e}function cs(e){const t=as(e);return Ur.und(t.default)&&(t.default=Ii(t)),t}function us(e,t){$r(e,((e,n)=>null!=e&&t.add(n)))}const ds=["onStart","onRest","onChange","onPause","onResume"];function ps(e,t,n){e.animation[n]=t[n]!==wi(t,n)?Si(t[n],e.key):void 0}function ms(e,t,...n){var o,r,l,i;null==(o=(r=e.animation)[t])||o.call(r,...n),null==(l=(i=e.defaultProps)[t])||l.call(i,...n)}const fs=["onStart","onChange","onRest"];let gs=1;class hs{constructor(e,t){this.id=gs++,this.springs={},this.queue=[],this.ref=void 0,this._flush=void 0,this._initialProps=void 0,this._lastAsyncId=0,this._active=new Set,this._changed=new Set,this._started=!1,this._item=void 0,this._state={paused:!1,pauseQueue:new Set,resumeQueue:new Set,timeouts:new Set},this._events={onStart:new Map,onChange:new Map,onRest:new Map},this._onFrame=this._onFrame.bind(this),t&&(this._flush=t),e&&this.start(yi({default:!0},e))}get idle(){return!this._state.asyncTo&&Object.values(this.springs).every((e=>e.idle))}get item(){return this._item}set item(e){this._item=e}get(){const e={};return this.each(((t,n)=>e[n]=t.get())),e}set(e){for(const t in e){const n=e[t];Ur.und(n)||this.springs[t].set(n)}}update(e){return e&&this.queue.push(as(e)),this}start(e){let{queue:t}=this;return e?t=jr(e).map(as):this.queue=[],this._flush?this._flush(this,t):(Cs(this,t),bs(this,t))}stop(e,t){if(e!==!!e&&(t=e),t){const n=this.springs;Wr(jr(t),(t=>n[t].stop(!!e)))}else Ki(this._state,this._lastAsyncId),this.each((t=>t.stop(!!e)));return this}pause(e){if(Ur.und(e))this.start({pause:!0});else{const t=this.springs;Wr(jr(e),(e=>t[e].pause()))}return this}resume(e){if(Ur.und(e))this.start({pause:!1});else{const t=this.springs;Wr(jr(e),(e=>t[e].resume()))}return this}each(e){$r(this.springs,e)}_onFrame(){const{onStart:e,onChange:t,onRest:n}=this._events,o=this._active.size>0,r=this._changed.size>0;(o&&!this._started||r&&!this._started)&&(this._started=!0,Kr(e,(([e,t])=>{t.value=this.get(),e(t,this,this._item)})));const l=!o&&this._started,i=r||l&&n.size?this.get():null;r&&t.size&&Kr(t,(([e,t])=>{t.value=i,e(t,this,this._item)})),l&&(this._started=!1,Kr(n,(([e,t])=>{t.value=i,e(t,this,this._item)})))}eventObserved(e){if("change"==e.type)this._changed.add(e.parent),e.idle||this._active.add(e.parent);else{if("idle"!=e.type)return;this._active.delete(e.parent)}Er.onFrame(this._onFrame)}}function bs(e,t){return Promise.all(t.map((t=>vs(e,t)))).then((t=>Ui(e,t)))}async function vs(e,t,n){const{keys:o,to:r,from:l,loop:i,onRest:s,onResolve:a}=t,c=Ur.obj(t.default)&&t.default;i&&(t.loop=!1),!1===r&&(t.to=null),!1===l&&(t.from=null);const u=Ur.arr(r)||Ur.fun(r)?r:void 0;u?(t.to=void 0,t.onRest=void 0,c&&(c.onRest=void 0)):Wr(fs,(n=>{const o=t[n];if(Ur.fun(o)){const r=e._events[n];t[n]=({finished:e,cancelled:t})=>{const n=r.get(o);n?(e||(n.finished=!1),t&&(n.cancelled=!0)):r.set(o,{value:null,finished:e||!1,cancelled:t||!1})},c&&(c[n]=t[n])}}));const d=e._state;t.pause===!d.paused?(d.paused=t.pause,qr(t.pause?d.pauseQueue:d.resumeQueue)):d.paused&&(t.pause=!0);const p=(o||Object.keys(e.springs)).map((n=>e.springs[n].start(t))),m=!0===t.cancel||!0===wi(t,"cancel");(u||m&&d.asyncId)&&p.push(Hi(++e._lastAsyncId,{props:t,state:d,actions:{pause:Hr,resume:Hr,start(t,n){m?(Ki(d,e._lastAsyncId),n($i(e))):(t.onRest=s,n(ji(u,t,d,e)))}}})),d.paused&&await new Promise((e=>{d.resumeQueue.add(e)}));const f=Ui(e,await Promise.all(p));if(i&&f.finished&&(!n||!f.noop)){const n=ss(t,i,r);if(n)return Cs(e,[n]),vs(e,n,!0)}return a&&Er.batchedUpdates((()=>a(f,e,e.item))),f}function ks(e,t){const n=yi({},e.springs);return t&&Wr(jr(t),(e=>{Ur.und(e.keys)&&(e=as(e)),Ur.obj(e.to)||(e=yi({},e,{to:void 0})),Es(n,e,(e=>ys(e)))})),_s(e,n),n}function _s(e,t){$r(t,((t,n)=>{e.springs[n]||(e.springs[n]=t,Fl(t,e))}))}function ys(e,t){const n=new ls;return n.key=e,t&&Fl(n,t),n}function Es(e,t,n){t.keys&&Wr(t.keys,(o=>{(e[o]||(e[o]=n(o)))._prepareNode(t)}))}function Cs(e,t){Wr(t,(t=>{Es(e.springs,t,(t=>ys(t,e)))}))}const Ss=["children"],ws=e=>{let{children:t}=e,n=function(e,t){if(null==e)return{};var n,o,r={},l=Object.keys(e);for(o=0;o<l.length;o++)n=l[o],t.indexOf(n)>=0||(r[n]=e[n]);return r}(e,Ss);const o=(0,zr.useContext)(Bs),r=n.pause||!!o.pause,l=n.immediate||!!o.immediate;n=function(e,t){const[n]=(0,zr.useState)((()=>({inputs:t,result:e()}))),o=(0,zr.useRef)(),r=o.current;let l=r;return l?Boolean(t&&l.inputs&&function(e,t){if(e.length!==t.length)return!1;for(let n=0;n<e.length;n++)if(e[n]!==t[n])return!1;return!0}(t,l.inputs))||(l={inputs:t,result:e()}):l=n,(0,zr.useEffect)((()=>{o.current=l,r==n&&(n.inputs=n.result=void 0)}),[l]),l.result}((()=>({pause:r,immediate:l})),[r,l]);const{Provider:i}=Bs;return zr.createElement(i,{value:n},t)},Bs=(Is=ws,xs={},Object.assign(Is,zr.createContext(xs)),Is.Provider._context=Is,Is.Consumer._context=Is,Is);var Is,xs;ws.Provider=Bs.Provider,ws.Consumer=Bs.Consumer;const Ts=()=>{const e=[],t=function(t){Zl(`${Kl}Directly calling start instead of using the api object is deprecated in v9 (use ".start" instead), this will be removed in later 0.X.0 versions`);const o=[];return Wr(e,((e,r)=>{if(Ur.und(t))o.push(e.start());else{const l=n(t,e,r);l&&o.push(e.start(l))}})),o};t.current=e,t.add=function(t){e.includes(t)||e.push(t)},t.delete=function(t){const n=e.indexOf(t);~n&&e.splice(n,1)},t.pause=function(){return Wr(e,(e=>e.pause(...arguments))),this},t.resume=function(){return Wr(e,(e=>e.resume(...arguments))),this},t.set=function(t){Wr(e,(e=>e.set(t)))},t.start=function(t){const n=[];return Wr(e,((e,o)=>{if(Ur.und(t))n.push(e.start());else{const r=this._getProps(t,e,o);r&&n.push(e.start(r))}})),n},t.stop=function(){return Wr(e,(e=>e.stop(...arguments))),this},t.update=function(t){return Wr(e,((e,n)=>e.update(this._getProps(t,e,n)))),this};const n=function(e,t,n){return Ur.fun(e)?e(n,t):e};return t._getProps=n,t};function Ns(e,t,n){const o=Ur.fun(t)&&t;o&&!n&&(n=[]);const r=(0,zr.useMemo)((()=>o||3==arguments.length?Ts():void 0),[]),l=(0,zr.useRef)(0),i=ei(),s=(0,zr.useMemo)((()=>({ctrls:[],queue:[],flush(e,t){const n=ks(e,t);return l.current>0&&!s.queue.length&&!Object.keys(n).some((t=>!e.springs[t]))?bs(e,t):new Promise((o=>{_s(e,n),s.queue.push((()=>{o(bs(e,t))})),i()}))}})),[]),a=(0,zr.useRef)([...s.ctrls]),c=[],u=ni(e)||0;function d(e,n){for(let r=e;r<n;r++){const e=a.current[r]||(a.current[r]=new hs(null,s.flush)),n=o?o(r,e):t[r];n&&(c[r]=cs(n))}}(0,zr.useMemo)((()=>{Wr(a.current.slice(e,u),(e=>{Li(e,r),e.stop(!0)})),a.current.length=e,d(u,e)}),[e]),(0,zr.useMemo)((()=>{d(0,Math.min(u,e))}),n);const p=a.current.map(((e,t)=>ks(e,c[t]))),m=(0,zr.useContext)(ws),f=ni(m),g=m!==f&&Ri(m);oi((()=>{l.current++,s.ctrls=a.current;const{queue:e}=s;e.length&&(s.queue=[],Wr(e,(e=>e()))),Wr(a.current,((e,t)=>{null==r||r.add(e),g&&e.start({default:m});const n=c[t];n&&(Ai(e,n.ref),e.ref?e.queue.push(n):e.start(n))}))})),Ql((()=>()=>{Wr(s.ctrls,(e=>e.stop(!0)))}));const h=p.map((e=>yi({},e)));return r?[h,r]:h}let Ps;!function(e){e.MOUNT="mount",e.ENTER="enter",e.UPDATE="update",e.LEAVE="leave"}(Ps||(Ps={}));class Rs extends Qi{constructor(e,t){super(),this.key=void 0,this.idle=!0,this.calc=void 0,this._active=new Set,this.source=e,this.calc=xl(...t);const n=this._get(),o=gi(n);ii(this,o.create(n))}advance(e){const t=this._get();Gr(t,this.get())||(li(this).setValue(t),this._onChange(t,this.idle)),!this.idle&&Ls(this._active)&&As(this)}_get(){const e=Ur.arr(this.source)?this.source.map(Ml):jr(Ml(this.source));return this.calc(...e)}_start(){this.idle&&!Ls(this._active)&&(this.idle=!1,Wr(si(this),(e=>{e.done=!1})),el.skipAnimation?(Er.batchedUpdates((()=>this.advance())),As(this)):ll.start(this))}_attach(){let e=1;Wr(jr(this.source),(t=>{Rl(t)&&Fl(t,this),Zi(t)&&(t.idle||this._active.add(t),e=Math.max(e,t.priority+1))})),this.priority=e,this._start()}_detach(){Wr(jr(this.source),(e=>{Rl(e)&&zl(e,this)})),this._active.clear(),As(this)}eventObserved(e){"change"==e.type?e.idle?this.advance():(this._active.add(e.parent),this._start()):"idle"==e.type?this._active.delete(e.parent):"priority"==e.type&&(this.priority=jr(this.source).reduce(((e,t)=>Math.max(e,(Zi(t)?t.priority:0)+1)),0))}}function Ms(e){return!1!==e.idle}function Ls(e){return!e.size||Array.from(e).every(Ms)}function As(e){e.idle||(e.idle=!0,Wr(si(e),(e=>{e.done=!0})),Al(e,{type:"idle",parent:e}))}el.assign({createStringInterpolator:jl,to:(e,t)=>new Rs(e,t)}),ll.advance;var Ds=window.ReactDOM;function Os(e,t){if(null==e)return{};var n,o,r={},l=Object.keys(e);for(o=0;o<l.length;o++)n=l[o],t.indexOf(n)>=0||(r[n]=e[n]);return r}const Fs=["style","children","scrollTop","scrollLeft"],zs=/^--/;function Vs(e,t){return null==t||"boolean"==typeof t||""===t?"":"number"!=typeof t||0===t||zs.test(e)||Us.hasOwnProperty(e)&&Us[e]?(""+t).trim():t+"px"}const Hs={};let Us={animationIterationCount:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0};const Gs=["Webkit","Ms","Moz","O"];Us=Object.keys(Us).reduce(((e,t)=>(Gs.forEach((n=>e[((e,t)=>e+t.charAt(0).toUpperCase()+t.substring(1))(n,t)]=e[t])),e)),Us);const Ws=["x","y","z"],$s=/^(matrix|translate|scale|rotate|skew)/,js=/^(translate)/,Ks=/^(rotate|skew)/,qs=(e,t)=>Ur.num(e)&&0!==e?e+t:e,Ys=(e,t)=>Ur.arr(e)?e.every((e=>Ys(e,t))):Ur.num(e)?e===t:parseFloat(e)===t;class Zs extends pi{constructor(e){let{x:t,y:n,z:o}=e,r=Os(e,Ws);const l=[],i=[];(t||n||o)&&(l.push([t||0,n||0,o||0]),i.push((e=>[`translate3d(${e.map((e=>qs(e,"px"))).join(",")})`,Ys(e,0)]))),$r(r,((e,t)=>{if("transform"===t)l.push([e||""]),i.push((e=>[e,""===e]));else if($s.test(t)){if(delete r[t],Ur.und(e))return;const n=js.test(t)?"px":Ks.test(t)?"deg":"";l.push(jr(e)),i.push("rotate3d"===t?([e,t,o,r])=>[`rotate3d(${e},${t},${o},${qs(r,n)})`,Ys(r,0)]:e=>[`${t}(${e.map((e=>qs(e,n))).join(",")})`,Ys(e,t.startsWith("scale")?1:0)])}})),l.length&&(r.transform=new Xs(l,i)),super(r)}}class Xs extends Dl{constructor(e,t){super(),this._value=null,this.inputs=e,this.transforms=t}get(){return this._value||(this._value=this._get())}_get(){let e="",t=!0;return Wr(this.inputs,((n,o)=>{const r=Ml(n[0]),[l,i]=this.transforms[o](Ur.arr(r)?r:n.map(Ml));e+=" "+l,t=t&&i})),t?"none":e}observerAdded(e){1==e&&Wr(this.inputs,(e=>Wr(e,(e=>Rl(e)&&Fl(e,this)))))}observerRemoved(e){0==e&&Wr(this.inputs,(e=>Wr(e,(e=>Rl(e)&&zl(e,this)))))}eventObserved(e){"change"==e.type&&(this._value=null),Al(this,e)}}const Qs=["scrollTop","scrollLeft"];el.assign({batchedUpdates:Ds.unstable_batchedUpdates,createStringInterpolator:jl,colors:{transparent:0,aliceblue:4042850303,antiquewhite:4209760255,aqua:16777215,aquamarine:2147472639,azure:4043309055,beige:4126530815,bisque:4293182719,black:255,blanchedalmond:4293643775,blue:65535,blueviolet:2318131967,brown:2771004159,burlywood:3736635391,burntsienna:3934150143,cadetblue:1604231423,chartreuse:2147418367,chocolate:3530104575,coral:4286533887,cornflowerblue:1687547391,cornsilk:4294499583,crimson:3692313855,cyan:16777215,darkblue:35839,darkcyan:9145343,darkgoldenrod:3095792639,darkgray:2846468607,darkgreen:6553855,darkgrey:2846468607,darkkhaki:3182914559,darkmagenta:2332068863,darkolivegreen:1433087999,darkorange:4287365375,darkorchid:2570243327,darkred:2332033279,darksalmon:3918953215,darkseagreen:2411499519,darkslateblue:1211993087,darkslategray:793726975,darkslategrey:793726975,darkturquoise:13554175,darkviolet:2483082239,deeppink:4279538687,deepskyblue:12582911,dimgray:1768516095,dimgrey:1768516095,dodgerblue:512819199,firebrick:2988581631,floralwhite:4294635775,forestgreen:579543807,fuchsia:4278255615,gainsboro:3705462015,ghostwhite:4177068031,gold:4292280575,goldenrod:3668254975,gray:2155905279,green:8388863,greenyellow:2919182335,grey:2155905279,honeydew:4043305215,hotpink:4285117695,indianred:3445382399,indigo:1258324735,ivory:4294963455,khaki:4041641215,lavender:3873897215,lavenderblush:4293981695,lawngreen:2096890111,lemonchiffon:4294626815,lightblue:2916673279,lightcoral:4034953471,lightcyan:3774873599,lightgoldenrodyellow:4210742015,lightgray:3553874943,lightgreen:2431553791,lightgrey:3553874943,lightpink:4290167295,lightsalmon:4288707327,lightseagreen:548580095,lightskyblue:2278488831,lightslategray:2005441023,lightslategrey:2005441023,lightsteelblue:2965692159,lightyellow:4294959359,lime:16711935,limegreen:852308735,linen:4210091775,magenta:4278255615,maroon:2147483903,mediumaquamarine:1724754687,mediumblue:52735,mediumorchid:3126187007,mediumpurple:2473647103,mediumseagreen:1018393087,mediumslateblue:2070474495,mediumspringgreen:16423679,mediumturquoise:1221709055,mediumvioletred:3340076543,midnightblue:421097727,mintcream:4127193855,mistyrose:4293190143,moccasin:4293178879,navajowhite:4292783615,navy:33023,oldlace:4260751103,olive:2155872511,olivedrab:1804477439,orange:4289003775,orangered:4282712319,orchid:3664828159,palegoldenrod:4008225535,palegreen:2566625535,paleturquoise:2951671551,palevioletred:3681588223,papayawhip:4293907967,peachpuff:4292524543,peru:3448061951,pink:4290825215,plum:3718307327,powderblue:2967529215,purple:2147516671,rebeccapurple:1714657791,red:4278190335,rosybrown:3163525119,royalblue:1097458175,saddlebrown:2336560127,salmon:4202722047,sandybrown:4104413439,seagreen:780883967,seashell:4294307583,sienna:2689740287,silver:3233857791,skyblue:2278484991,slateblue:1784335871,slategray:1887473919,slategrey:1887473919,snow:4294638335,springgreen:16744447,steelblue:1182971135,tan:3535047935,teal:8421631,thistle:3636451583,tomato:4284696575,turquoise:1088475391,violet:4001558271,wheat:4125012991,white:4294967295,whitesmoke:4126537215,yellow:4294902015,yellowgreen:2597139199}});const Js=((e,{applyAnimatedValues:t=(()=>!1),createAnimatedStyle:n=(e=>new pi(e)),getComponentProps:o=(e=>e)}={})=>{const r={applyAnimatedValues:t,createAnimatedStyle:n,getComponentProps:o},l=e=>{const t=_i(e)||"Anonymous";return(e=Ur.str(e)?l[e]||(l[e]=bi(e,r)):e[ki]||(e[ki]=bi(e,r))).displayName=`Animated(${t})`,e};return $r(e,((t,n)=>{Ur.arr(e)&&(n=_i(t)),l[n]=l(t)})),{animated:l}})(["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","tspan"],{applyAnimatedValues:function(e,t){if(!e.nodeType||!e.setAttribute)return!1;const n="filter"===e.nodeName||e.parentNode&&"filter"===e.parentNode.nodeName,o=t,{style:r,children:l,scrollTop:i,scrollLeft:s}=o,a=Os(o,Fs),c=Object.values(a),u=Object.keys(a).map((t=>n||e.hasAttribute(t)?t:Hs[t]||(Hs[t]=t.replace(/([A-Z])/g,(e=>"-"+e.toLowerCase())))));void 0!==l&&(e.textContent=l);for(let t in r)if(r.hasOwnProperty(t)){const n=Vs(t,r[t]);zs.test(t)?e.style.setProperty(t,n):e.style[t]=n}u.forEach(((t,n)=>{e.setAttribute(t,c[n])})),void 0!==i&&(e.scrollTop=i),void 0!==s&&(e.scrollLeft=s)},createAnimatedStyle:e=>new Zs(e),getComponentProps:e=>Os(e,Qs)}).animated,ea=e=>e+1,ta=e=>({top:e.offsetTop,left:e.offsetLeft});var na=function({isSelected:e,adjustScrolling:t,enableAnimation:n,triggerAnimationOnChange:o}){const r=(0,s.useRef)(),l=(0,d.useReducedMotion)()||!n,[i,a]=(0,s.useReducer)(ea,0),[c,u]=(0,s.useReducer)(ea,0),[p,m]=(0,s.useState)({x:0,y:0}),f=(0,s.useMemo)((()=>r.current?ta(r.current):null),[o]),g=(0,s.useMemo)((()=>{if(!t||!r.current)return()=>{};const e=(0,tr.getScrollContainer)(r.current);if(!e)return()=>{};const n=r.current.getBoundingClientRect();return()=>{const t=r.current.getBoundingClientRect().top-n.top;t&&(e.scrollTop+=t)}}),[o,t]);function h({value:t}){let{x:n,y:o}=t;n=Math.round(n),o=Math.round(o),n===h.x&&o===h.y||(function({x:t,y:n}){if(!r.current)return;const o=0===t&&0===n;r.current.style.transformOrigin=o?"":"center",r.current.style.transform=o?"":`translate3d(${t}px,${n}px,0)`,r.current.style.zIndex=!e||o?"":"1",g()}({x:n,y:o}),h.x=n,h.y=o)}return(0,s.useLayoutEffect)((()=>{i&&u()}),[i]),(0,s.useLayoutEffect)((()=>{if(!f)return;if(l)return void g();r.current.style.transform="";const e=ta(r.current);a(),m({x:Math.round(f.left-e.left),y:Math.round(f.top-e.top)})}),[o]),h.x=0,h.y=0,function(e,t){const n=Ur.fun(e),[[o],r]=Ns(1,n?e:[e],n?t||[]:t)}({from:{x:p.x,y:p.y},to:{x:0,y:0},reset:i!==c,config:{mass:5,tension:2e3,friction:200},immediate:l,onChange:h}),r};const oa=".block-editor-block-list__block",ra=".block-list-appender";function la(e,t){return t.closest([oa,ra].join(","))===e}function ia(e){const t=(0,s.useRef)(),n=function(e){return(0,m.useSelect)((t=>{const{getSelectedBlocksInitialCaretPosition:n,isMultiSelecting:o,isNavigationMode:r,isBlockSelected:l}=t(Wn);if(l(e)&&!o()&&!r())return n()}),[e])}(e);return(0,s.useEffect)((()=>{if(null==n)return;if(!t.current)return;const{ownerDocument:e}=t.current;if(t.current.contains(e.activeElement))return;const o=tr.focus.tabbable.find(t.current).filter((e=>(0,tr.isTextField)(e))),r=-1===n,l=(r?u.last:u.first)(o)||t.current;la(t.current,l)?(0,tr.placeCaretAtHorizontalEdge)(l,r):t.current.focus()}),[n]),t}function sa(e){if(e.defaultPrevented)return;const t="mouseover"===e.type?"add":"remove";e.preventDefault(),e.currentTarget.classList[t]("is-hovered")}function aa(){const e=(0,m.useSelect)((e=>{const{isNavigationMode:t,getSettings:n}=e(Wn);return t()||n().outlineMode}),[]);return(0,d.useRefEffect)((t=>{if(e)return t.addEventListener("mouseout",sa),t.addEventListener("mouseover",sa),()=>{t.removeEventListener("mouseout",sa),t.removeEventListener("mouseover",sa),t.classList.remove("is-hovered")}}),[e])}function ca(e){return(0,m.useSelect)((t=>{const{isBlockBeingDragged:n,isBlockHighlighted:o,isBlockSelected:l,isBlockMultiSelected:i,getBlockName:s,getSettings:a,hasSelectedInnerBlock:u,isTyping:d,__experimentalGetActiveBlockIdByBlockNames:p}=t(Wn),{__experimentalSpotlightEntityBlocks:m,outlineMode:f}=a(),g=n(e),h=l(e),b=s(e),v=u(e,!0),k=p(m);return c()({"is-selected":h,"is-highlighted":o(e),"is-multi-selected":i(e),"is-reusable":(0,r.isReusableBlock)((0,r.getBlockType)(b)),"is-dragging":g,"has-child-selected":v,"has-active-entity":k,"is-active-entity":k===e,"remove-outline":h&&f&&d()})}),[e])}function ua(e){return(0,m.useSelect)((t=>{const n=t(Wn).getBlockName(e),o=(0,r.getBlockType)(n);if((null==o?void 0:o.apiVersion)>1)return(0,r.getBlockDefaultClassName)(n)}),[e])}function da(e){return(0,m.useSelect)((t=>{const{getBlockName:n,getBlockAttributes:o}=t(Wn),l=o(e);if(null==l||!l.className)return;const i=(0,r.getBlockType)(n(e));return(null==i?void 0:i.apiVersion)>1?l.className:void 0}),[e])}function pa(e){return(0,m.useSelect)((t=>{const{hasBlockMovingClientId:n,canInsertBlockType:o,getBlockName:r,getBlockRootClientId:l,isBlockSelected:i}=t(Wn);if(!i(e))return;const s=n();return s?c()("is-block-moving-mode",{"can-insert-moving-block":o(r(s),l(e))}):void 0}),[e])}function ma(e){const{isBlockSelected:t}=(0,m.useSelect)(Wn),{selectBlock:n,selectionChange:o}=(0,m.useDispatch)(Wn);return(0,d.useRefEffect)((r=>{function l(l){t(e)?l.target.isContentEditable||o(e):la(r,l.target)&&n(e)}return r.addEventListener("focusin",l),()=>{r.removeEventListener("focusin",l)}}),[t,n])}var fa=window.wp.keycodes;function ga(e){const t=(0,m.useSelect)((t=>t(Wn).isBlockSelected(e)),[e]),{getBlockRootClientId:n,getBlockIndex:o}=(0,m.useSelect)(Wn),{insertDefaultBlock:r,removeBlock:l}=(0,m.useDispatch)(Wn);return(0,d.useRefEffect)((i=>{if(t)return i.addEventListener("keydown",s),i.addEventListener("dragstart",a),()=>{i.removeEventListener("keydown",s),i.removeEventListener("dragstart",a)};function s(t){const{keyCode:s,target:a}=t;s!==fa.ENTER&&s!==fa.BACKSPACE&&s!==fa.DELETE||a!==i||(0,tr.isTextField)(a)||(t.preventDefault(),s===fa.ENTER?r({},n(e),o(e)+1):l(e))}function a(e){e.preventDefault()}}),[e,t,n,o,r,l])}function ha(e){const{isNavigationMode:t,isBlockSelected:n}=(0,m.useSelect)(Wn),{setNavigationMode:o,selectBlock:r}=(0,m.useDispatch)(Wn);return(0,d.useRefEffect)((l=>{function i(l){t()&&!l.defaultPrevented&&(l.preventDefault(),n(e)?o(!1):r(e))}return l.addEventListener("mousedown",i),()=>{l.addEventListener("mousedown",i)}}),[e,t,n,o])}var ba=n(4979),va=n.n(ba);function ka(e){const t=(0,s.useRef)(),n=(0,m.useSelect)((t=>{const{isBlockSelected:n,getBlockSelectionEnd:o}=t(Wn);return n(e)||o()===e}),[e]);return(0,s.useEffect)((()=>{if(!n)return;const e=t.current;if(!e)return;if(e.contains(e.ownerDocument.activeElement))return;const o=(0,tr.getScrollContainer)(e)||e.ownerDocument.defaultView;o&&va()(e,o,{onlyScrollIfNeeded:!0})}),[n]),t}const _a=(0,s.createContext)();function ya({children:e}){const t=(0,s.useMemo)((()=>({refs:new Map,callbacks:new Map})),[]);return(0,s.createElement)(_a.Provider,{value:t},e)}function Ea(e){const{refs:t,callbacks:n}=(0,s.useContext)(_a),o=(0,s.useRef)();return(0,s.useLayoutEffect)((()=>(t.set(o,e),()=>{t.delete(o)})),[e]),(0,d.useRefEffect)((t=>{o.current=t,n.forEach(((n,o)=>{e===n&&o(t)}))}),[e])}function Ca(e){const{refs:t}=(0,s.useContext)(_a),n=(0,s.useRef)();return n.current=e,(0,s.useMemo)((()=>({get current(){let e=null;for(const[o,r]of t.entries())r===n.current&&o.current&&(e=o.current);return e}})),[])}function Sa(e){const{callbacks:t}=(0,s.useContext)(_a),n=Ca(e),[o,r]=(0,s.useState)(null);return(0,s.useLayoutEffect)((()=>{if(e)return t.set(r,e),()=>{t.delete(r)}}),[e]),n.current||o}function wa(e,t){Array.from(e.closest(".is-root-container").querySelectorAll(".rich-text")).forEach((e=>{t?e.setAttribute("contenteditable",!0):e.removeAttribute("contenteditable")}))}function Ba(e){const{startMultiSelect:t,stopMultiSelect:n,multiSelect:o,selectBlock:r}=(0,m.useDispatch)(Wn),{isSelectionEnabled:l,isBlockSelected:i,getBlockParents:s,getBlockSelectionStart:a,hasMultiSelection:c}=(0,m.useSelect)(Wn);return(0,d.useRefEffect)((u=>{const{ownerDocument:d}=u,{defaultView:p}=d;let m,f;function g({isSelectionEnd:t}){const n=p.getSelection();if(!n.rangeCount||n.isCollapsed)return void wa(u,!0);const l=function(e){for(;e&&e.nodeType!==e.ELEMENT_NODE;)e=e.parentNode;if(!e)return;const t=e.closest(oa);return t?t.id.slice("block-".length):void 0}(n.focusNode);if(e===l){if(r(e),t&&(wa(u,!0),n.rangeCount)){const{commonAncestorContainer:e}=n.getRangeAt(0);m.contains(e)&&m.focus()}}else{const t=[...s(e),e],n=[...s(l),l],r=Math.min(t.length,n.length)-1;o(t[r],n[r])}}function h(){d.removeEventListener("selectionchange",g),p.removeEventListener("mouseup",h),f=p.requestAnimationFrame((()=>{g({isSelectionEnd:!0}),n()}))}function b({buttons:n}){1===n&&l()&&i(e)&&(m=d.activeElement,t(),d.addEventListener("selectionchange",g),p.addEventListener("mouseup",h),wa(u,!1))}function v(t){if(l()&&0===t.button)if(t.shiftKey){const n=a(),r=s(n);if(n&&n!==e&&(null==r||!r.includes(e))){wa(u,!1);const l=[...r,n],i=[...s(e),e],a=Math.min(l.length,i.length)-1;o(l[a],i[a]),t.preventDefault()}}else c()&&r(e)}return u.addEventListener("mousedown",v),u.addEventListener("mouseleave",b),()=>{u.removeEventListener("mousedown",v),u.removeEventListener("mouseleave",b),d.removeEventListener("selectionchange",g),p.removeEventListener("mouseup",h),p.cancelAnimationFrame(f)}}),[e,t,n,o,r,l,i,s])}function Ia(){const e=(0,s.useContext)($p);return(0,d.useRefEffect)((t=>{if(e)return e.observe(t),()=>{e.unobserve(t)}}),[e])}function xa(e={},{__unstableIsHtml:t}={}){const{clientId:n,className:o,wrapperProps:l={},isAligned:i}=(0,s.useContext)(Ta),{index:a,mode:u,name:p,blockApiVersion:f,blockTitle:h,isPartOfSelection:b,adjustScrolling:v,enableAnimation:k}=(0,m.useSelect)((e=>{const{getBlockRootClientId:t,getBlockIndex:o,getBlockMode:l,getBlockName:i,isTyping:s,getGlobalBlockCount:a,isBlockSelected:c,isBlockMultiSelected:u,isAncestorMultiSelected:d,isFirstMultiSelectedBlock:p}=e(Wn),m=c(n),f=u(n)||d(n),g=i(n),h=t(n),b=(0,r.getBlockType)(g);return{index:o(n,h),mode:l(n),name:g,blockApiVersion:(null==b?void 0:b.apiVersion)||1,blockTitle:null==b?void 0:b.title,isPartOfSelection:m||f,adjustScrolling:m||p(n),enableAnimation:!s()&&a()<=200}}),[n]),_=(0,g.sprintf)((0,g.__)("Block: %s"),h),y="html"!==u||t?"":"-visual",E=(0,d.useMergeRefs)([e.ref,ia(n),ka(n),Ea(n),ma(n),Ba(n),ga(n),ha(n),aa(),Ia(),na({isSelected:b,adjustScrolling:v,enableAnimation:k,triggerAnimationOnChange:a})]),C=qn();return f<2&&n===C.clientId&&"undefined"!=typeof process&&process.env,{...l,...e,ref:E,id:`block-${n}${y}`,tabIndex:0,role:"document","aria-label":_,"data-block":n,"data-type":p,"data-title":h,className:c()(c()("block-editor-block-list__block",{"wp-block":!i}),o,e.className,l.className,ca(n),ua(n),da(n),pa(n)),style:{...l.style,...e.style}}}xa.save=r.__unstableGetBlockProps;const Ta=(0,s.createContext)();function Na({children:e,isHtml:t,...n}){return(0,s.createElement)("div",xa(n,{__unstableIsHtml:t}),e)}const Pa=(0,m.withSelect)(((e,{clientId:t,rootClientId:n})=>{const{isBlockSelected:o,getBlockMode:r,isSelectionEnabled:l,getTemplateLock:i,__unstableGetBlockWithoutInnerBlocks:s,canRemoveBlock:a,canMoveBlock:c}=e(Wn),u=s(t),d=o(t),p=i(n),m=a(t,n),f=c(t,n),{name:g,attributes:h,isValid:b}=u||{};return{mode:r(t),isSelectionEnabled:l(),isLocked:!!p,canRemove:m,canMove:f,block:u,name:g,attributes:h,isValid:b,isSelected:d}})),Ra=(0,m.withDispatch)(((e,t,{select:n})=>{const{updateBlockAttributes:o,insertBlocks:l,mergeBlocks:i,replaceBlocks:s,toggleSelection:a,__unstableMarkLastChangeAsPersistent:c}=e(Wn);return{setAttributes(e){const{getMultiSelectedBlockClientIds:r}=n(Wn),l=r(),{clientId:i}=t,s=l.length?l:[i];o(s,e)},onInsertBlocks(e,n){const{rootClientId:o}=t;l(e,n,o)},onInsertBlocksAfter(e){const{clientId:o,rootClientId:r}=t,{getBlockIndex:i}=n(Wn),s=i(o,r);l(e,s+1,r)},onMerge(e){const{clientId:o}=t,{getPreviousBlockClientId:r,getNextBlockClientId:l}=n(Wn);if(e){const e=l(o);e&&i(o,e)}else{const e=r(o);e&&i(e,o)}},onReplace(e,n,o){e.length&&!(0,r.isUnmodifiedDefaultBlock)(e[e.length-1])&&c(),s([t.clientId],e,n,o)},toggleSelection(e){a(e)}}}));var Ma=(0,d.compose)(d.pure,Pa,Ra,(0,d.ifCondition)((({block:e})=>!!e)),(0,p.withFilters)("editor.BlockListBlock"))((function({mode:e,isLocked:t,canRemove:n,clientId:o,isSelected:l,isSelectionEnabled:i,className:a,name:d,isValid:p,attributes:f,wrapperProps:g,setAttributes:h,onReplace:b,onInsertBlocksAfter:v,onMerge:k,toggleSelection:_}){const{removeBlock:y}=(0,m.useDispatch)(Wn),E=(0,s.useCallback)((()=>y(o)),[o]);let C=(0,s.createElement)(sr,{name:d,isSelected:l,attributes:f,setAttributes:h,insertBlocksAfter:t?void 0:v,onReplace:n?b:void 0,onRemove:n?E:void 0,mergeBlocks:n?k:void 0,clientId:o,isSelectionEnabled:i,toggleSelection:_});const S=(0,r.getBlockType)(d);null!=S&&S.getEditWrapperProps&&(g=function(e,t){const n={...e,...t};return e&&t&&e.className&&t.className&&(n.className=c()(e.className,t.className)),e&&t&&e.style&&t.style&&(n.style={...e.style,...t.style}),n}(g,S.getEditWrapperProps(f)));const w=g&&!!g["data-align"];let B;if(w&&(C=(0,s.createElement)("div",{className:"wp-block","data-align":g["data-align"]},C)),p)B="html"===e?(0,s.createElement)(s.Fragment,null,(0,s.createElement)("div",{style:{display:"none"}},C),(0,s.createElement)(Na,{isHtml:!0},(0,s.createElement)(_r,{clientId:o}))):(null==S?void 0:S.apiVersion)>1?C:(0,s.createElement)(Na,g,C);else{const e=(0,r.getSaveContent)(S,f);B=(0,s.createElement)(Na,{className:"has-warning"},(0,s.createElement)(fr,{clientId:o}),(0,s.createElement)(s.RawHTML,null,(0,tr.safeHTML)(e)))}const I={clientId:o,className:a,wrapperProps:(0,u.omit)(g,["data-align"]),isAligned:w},x=(0,s.useMemo)((()=>I),Object.values(I));return(0,s.createElement)(Ta.Provider,{value:x},(0,s.createElement)(vr,{fallback:(0,s.createElement)(Na,{className:"has-warning"},(0,s.createElement)(hr,null))},B))})),La=window.wp.htmlEntities,Aa=(0,s.createElement)(F.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,s.createElement)(F.Path,{d:"M18 11.2h-5.2V6h-1.6v5.2H6v1.6h5.2V18h1.6v-5.2H18z"}));const Da=[(0,s.createInterpolateElement)((0,g.__)("While writing, you can press <kbd>/</kbd> to quickly insert new blocks."),{kbd:(0,s.createElement)("kbd",null)}),(0,s.createInterpolateElement)((0,g.__)("Indent a list by pressing <kbd>space</kbd> at the beginning of a line."),{kbd:(0,s.createElement)("kbd",null)}),(0,s.createInterpolateElement)((0,g.__)("Outdent a list by pressing <kbd>backspace</kbd> at the beginning of a line."),{kbd:(0,s.createElement)("kbd",null)}),(0,g.__)("Drag files into the editor to automatically insert media blocks."),(0,g.__)("Change a block's type by pressing the block icon on the toolbar.")];var Oa=function(){const[e]=(0,s.useState)(Math.floor(Math.random()*Da.length));return(0,s.createElement)(p.Tip,null,Da[e])},Fa=(0,s.createElement)(F.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,s.createElement)(F.Path,{d:"M19 8h-1V6h-5v2h-2V6H6v2H5c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-8c0-1.1-.9-2-2-2zm.5 10c0 .3-.2.5-.5.5H5c-.3 0-.5-.2-.5-.5v-8c0-.3.2-.5.5-.5h14c.3 0 .5.2.5.5v8z"}));function za({icon:e,showColors:t=!1,className:n}){var o;"block-default"===(null===(o=e)||void 0===o?void 0:o.src)&&(e={src:Fa});const r=(0,s.createElement)(p.Icon,{icon:e&&e.src?e.src:e}),l=t?{backgroundColor:e&&e.background,color:e&&e.foreground}:{};return(0,s.createElement)("span",{style:l,className:c()("block-editor-block-icon",n,{"has-colors":t})},r)}var Va=function({title:e,icon:t,description:n,blockType:o}){return o&&(At()("`blockType` property in `BlockCard component`",{since:"5.7",alternative:"`title, icon and description` properties"}),({title:e,icon:t,description:n}=o)),(0,s.createElement)("div",{className:"block-editor-block-card"},(0,s.createElement)(za,{icon:t,showColors:!0}),(0,s.createElement)("div",{className:"block-editor-block-card__content"},(0,s.createElement)("h2",{className:"block-editor-block-card__title"},e),(0,s.createElement)("span",{className:"block-editor-block-card__description"},n)))};function Ha({clientId:e=null,value:t,selection:n,onChange:o=u.noop,onInput:l=u.noop}){const i=(0,m.useRegistry)(),{resetBlocks:a,resetSelection:c,replaceInnerBlocks:d,setHasControlledInnerBlocks:p,__unstableMarkNextChangeAsNotPersistent:f}=i.dispatch(Wn),{getBlockName:g,getBlocks:h}=i.select(Wn),b=(0,s.useRef)({incoming:null,outgoing:[]}),v=(0,s.useRef)(!1),k=(0,s.useRef)(l),_=(0,s.useRef)(o);(0,s.useEffect)((()=>{k.current=l,_.current=o}),[l,o]),(0,s.useEffect)((()=>{b.current.outgoing.includes(t)?(0,u.last)(b.current.outgoing)===t&&(b.current.outgoing=[]):h(e)!==t&&(b.current.outgoing=[],(()=>{if(t)if(f(),e){p(e,!0),f();const n=t.map((e=>(0,r.cloneBlock)(e)));v.current&&(b.current.incoming=n),d(e,n)}else v.current&&(b.current.incoming=t),a(t)})(),n&&c(n.selectionStart,n.selectionEnd,n.initialPosition))}),[t,e]),(0,s.useEffect)((()=>{const{getSelectionStart:t,getSelectionEnd:n,getSelectedBlocksInitialCaretPosition:o,isLastBlockChangePersistent:r,__unstableIsLastBlockChangeIgnored:l}=i.select(Wn);let s=h(e),a=r(),c=!1;v.current=!0;const u=i.subscribe((()=>{if(null!==e&&null===g(e))return;const i=r(),u=h(e),d=u!==s;if(s=u,d&&(b.current.incoming||l()))return b.current.incoming=null,void(a=i);(d||c&&!d&&i&&!a)&&(a=i,b.current.outgoing.push(s),(a?_.current:k.current)(s,{selection:{selectionStart:t(),selectionEnd:n(),initialPosition:o()}})),c=d}));return()=>u()}),[i,e])}var Ua=(0,d.createHigherOrderComponent)((e=>(0,m.withRegistry)((({useSubRegistry:t=!0,registry:n,...o})=>{if(!t)return(0,s.createElement)(e,i({registry:n},o));const[r,l]=(0,s.useState)(null);return(0,s.useEffect)((()=>{const e=(0,m.createRegistry)({},n);e.registerStore(Ot,Gn),l(e)}),[n]),r?(0,s.createElement)(m.RegistryProvider,{value:r},(0,s.createElement)(e,i({registry:r},o))):null}))),"withRegistryProvider")((function(e){const{children:t,settings:n}=e,{updateSettings:o}=(0,m.useDispatch)(Wn);return(0,s.useEffect)((()=>{o(n)}),[n]),Ha(e),(0,s.createElement)(ya,null,t)}));function Ga({onClick:e}){return(0,s.createElement)("div",{tabIndex:0,role:"button",onClick:e,onKeyPress:e},(0,s.createElement)(p.Disabled,null,(0,s.createElement)(Kp,null)))}function Wa(){const{hasSelectedBlock:e,hasMultiSelection:t}=(0,m.useSelect)(Wn),{clearSelectedBlock:n}=(0,m.useDispatch)(Wn);return(0,d.useRefEffect)((o=>{function r(r){(e()||t())&&r.target===o&&n()}return o.addEventListener("mousedown",r),()=>{o.removeEventListener("mousedown",r)}}),[e,t,n])}function $a(e){return(0,s.createElement)("div",i({ref:Wa()},e))}function ja(e,t){const n="start"===t?"firstChild":"lastChild",o="start"===t?"nextSibling":"previousSibling";for(;e[n];)for(e=e[n];e.nodeType===e.TEXT_NODE&&/^[ \t\n]*$/.test(e.data)&&e[o];)e=e[o];return e}function Ka(e){const{isMultiSelecting:t,getMultiSelectedBlockClientIds:n,hasMultiSelection:o,getSelectedBlockClientId:r}=e(Wn);return{isMultiSelecting:t(),multiSelectedBlockClientIds:n(),hasMultiSelection:o(),selectedBlockClientId:r()}}function qa(){const{isMultiSelecting:e,multiSelectedBlockClientIds:t,hasMultiSelection:n,selectedBlockClientId:o}=(0,m.useSelect)(Ka,[]),r=Ca(o),l=Ca((0,u.first)(t)),i=Ca((0,u.last)(t));return(0,d.useRefEffect)((s=>{const{ownerDocument:a}=s,{defaultView:c}=a;if(!n||e){if(!o||e)return;const t=c.getSelection();if(t.rangeCount&&!t.isCollapsed){const e=r.current,{startContainer:n,endContainer:o}=t.getRangeAt(0);!e||e.contains(n)&&e.contains(o)||t.removeAllRanges()}return}const{length:u}=t;if(u<2)return;if(!l.current||!i.current)return;s.focus();const d=c.getSelection(),p=a.createRange(),m=ja(l.current,"start"),f=ja(i.current,"end");var g;g=s,Array.from(g.querySelectorAll(".rich-text")).forEach((e=>{e.removeAttribute("contenteditable")})),p.setStartBefore(m),p.setEndAfter(f),d.removeAllRanges(),d.addRange(p)}),[n,e,t,o])}function Ya(e){const{tagName:t}=e;return"INPUT"===t||"BUTTON"===t||"SELECT"===t||"TEXTAREA"===t}function Za(e,t,n,o){let r,l=tr.focus.focusable.find(n);return t&&(l=(0,u.reverse)(l)),l=l.slice(l.indexOf(e)+1),o&&(r=e.getBoundingClientRect()),(0,u.find)(l,(function(e){if(!tr.focus.tabbable.isTabbableIndex(e))return!1;if(e.isContentEditable&&"true"!==e.contentEditable)return!1;if(o){const t=e.getBoundingClientRect();if(t.left>=r.right||t.right<=r.left)return!1}return!0}))}function Xa(){const{getSelectedBlockClientId:e,getMultiSelectedBlocksStartClientId:t,getMultiSelectedBlocksEndClientId:n,getPreviousBlockClientId:o,getNextBlockClientId:r,getFirstMultiSelectedBlockClientId:l,getLastMultiSelectedBlockClientId:i,getSettings:s,hasMultiSelection:a}=(0,m.useSelect)(Wn),{multiSelect:c,selectBlock:u}=(0,m.useDispatch)(Wn);return(0,d.useRefEffect)((d=>{let p;function m(){p=null}function f(l){const i=e(),s=t(),a=n(),d=o(a||i),p=r(a||i),m=l?d:p;m&&(s===m?u(m):c(s||i,m))}function g(e){const t=l(),n=i(),o=e?t:n;o&&u(o)}function h(t){const{keyCode:l,target:i}=t,c=l===fa.UP,u=l===fa.DOWN,m=l===fa.LEFT,h=l===fa.RIGHT,b=c||m,v=m||h,k=c||u,_=v||k,y=t.shiftKey,E=y||t.ctrlKey||t.altKey||t.metaKey,C=k?tr.isVerticalEdge:tr.isHorizontalEdge,{ownerDocument:S}=d,{defaultView:w}=S;if(a())return void(_&&((y?f:g)(b),t.preventDefault()));if(k?p||(p=(0,tr.computeCaretRect)(w)):p=null,t.defaultPrevented)return;if(!_)return;if(!function(e,t,n){if((t===fa.UP||t===fa.DOWN)&&!n)return!0;const{tagName:o}=e;return"INPUT"!==o&&"TEXTAREA"!==o}(i,l,E))return;const B=(0,tr.isRTL)(i)?!b:b,{keepCaretInsideBlock:I}=s(),x=e();if(y){const e=n(),l=o(e||x),s=r(e||x);(b&&l||!b&&s)&&function(e,t){const n=Za(e,t,d);return!n||!function(e,t){return e.closest(oa)===t.closest(oa)}(e,n)}(i,b)&&C(i,b)&&(f(b),t.preventDefault())}else if(k&&(0,tr.isVerticalEdge)(i,b)&&!I){const e=Za(i,b,d,!0);e&&((0,tr.placeCaretAtVerticalEdge)(e,b,p),t.preventDefault())}else if(v&&w.getSelection().isCollapsed&&(0,tr.isHorizontalEdge)(i,B)&&!I){const e=Za(i,B,d);(0,tr.placeCaretAtHorizontalEdge)(e,b),t.preventDefault()}}return d.addEventListener("mousedown",m),d.addEventListener("keydown",h),()=>{d.removeEventListener("mousedown",m),d.removeEventListener("keydown",h)}}),[])}var Qa=window.wp.keyboardShortcuts;function Ja(){const{getBlockOrder:e,getSelectedBlockClientIds:t,getBlockRootClientId:n}=(0,m.useSelect)(Wn),{multiSelect:o}=(0,m.useDispatch)(Wn),r=(0,Qa.__unstableUseShortcutEventMatch)();return(0,d.useRefEffect)((l=>{function i(l){if(!r("core/block-editor/select-all",l))return;if(!(0,tr.isEntirelySelected)(l.target))return;const i=t(),[s]=i,a=n(s);let c=e(a);i.length===c.length&&(c=e(n(a)));const d=(0,u.first)(c),p=(0,u.last)(c);d!==p&&(o(d,p),l.preventDefault())}return l.addEventListener("keydown",i),()=>{l.removeEventListener("keydown",i)}}),[])}function ec(){const[e,t,n]=function(){const e=(0,s.useRef)(),t=(0,s.useRef)(),n=(0,s.useRef)(),o=(0,s.useRef)(),{hasMultiSelection:r,getSelectedBlockClientId:l,getBlockCount:i}=(0,m.useSelect)(Wn),{setNavigationMode:a}=(0,m.useDispatch)(Wn),c=(0,m.useSelect)((e=>e(Wn).isNavigationMode()),[])?void 0:"0",u=(0,s.useRef)();function p(t){if(u.current)u.current=null;else if(r())e.current.focus();else if(l())o.current.focus();else{a(!0);const n=t.target.compareDocumentPosition(e.current)&t.target.DOCUMENT_POSITION_FOLLOWING?"findNext":"findPrevious";tr.focus.tabbable[n](t.target).focus()}}const f=(0,s.createElement)("div",{ref:t,tabIndex:c,onFocus:p}),g=(0,s.createElement)("div",{ref:n,tabIndex:c,onFocus:p}),h=(0,d.useRefEffect)((s=>{function c(e){if(e.defaultPrevented)return;if(e.keyCode===fa.ESCAPE&&!r())return e.preventDefault(),void a(!0);if(e.keyCode!==fa.TAB)return;const o=e.shiftKey,i=o?"findPrevious":"findNext";if(!r()&&!l())return void(e.target===s&&a(!0));if(Ya(e.target)&&Ya(tr.focus.tabbable[i](e.target)))return;const c=o?t:n;u.current=!0,c.current.focus({preventScroll:!0})}function d(e){o.current=e.target;const{ownerDocument:t}=s;e.relatedTarget||t.activeElement!==t.body||0!==i()||s.focus()}function p(o){var r;if(o.keyCode!==fa.TAB)return;if("region"===(null===(r=o.target)||void 0===r?void 0:r.getAttribute("role")))return;if(e.current===o.target)return;const l=o.shiftKey?"findPrevious":"findNext",i=tr.focus.tabbable[l](o.target);i!==t.current&&i!==n.current||(o.preventDefault(),i.focus({preventScroll:!0}))}const{ownerDocument:m}=s,{defaultView:f}=m;return f.addEventListener("keydown",p),s.addEventListener("keydown",c),s.addEventListener("focusout",d),()=>{f.removeEventListener("keydown",p),s.removeEventListener("keydown",c),s.removeEventListener("focusout",d)}}),[]);return[f,(0,d.useMergeRefs)([e,h]),g]}(),o=(0,m.useSelect)((e=>e(Wn).hasMultiSelection()),[]);return[e,(0,d.useMergeRefs)([t,qa(),Ja(),Xa(),(0,d.useRefEffect)((e=>{if(e.tabIndex=-1,o)return e.setAttribute("aria-label",(0,g.__)("Multiple selected blocks")),()=>{e.removeAttribute("aria-label")}}),[o])]),n]}var tc=(0,s.forwardRef)((function({children:e,...t},n){const[o,r,l]=ec();return(0,s.createElement)(s.Fragment,null,o,(0,s.createElement)("div",i({},t,{ref:(0,d.useMergeRefs)([r,n]),className:c()(t.className,"block-editor-writing-flow")}),e),l)}));const nc="editor-styles-wrapper";function oc(e){return(0,s.useMemo)((()=>{const t=document.implementation.createHTMLDocument("");return t.body.innerHTML=e,Array.from(t.body.children)}),[e])}var rc=(0,s.forwardRef)((function({contentRef:e,children:t,head:n,tabIndex:o=0,...r},l){var a,u;const[,m]=(0,s.useReducer)((()=>({}))),[f,h]=(0,s.useState)(),[b,v]=(0,s.useState)([]),k=oc(null===(a=window.__editorAssets)||void 0===a?void 0:a.styles),_=oc(null===(u=window.__editorAssets)||void 0===u?void 0:u.scripts),y=Wa(),[E,C,S]=ec(),w=(0,d.useRefEffect)((e=>{function t(){const{contentDocument:t,ownerDocument:n}=e,{readyState:o,documentElement:r}=t;return("interactive"===o||"complete"===o)&&(function(e){const{defaultView:t}=e,{frameElement:n}=t;function o(e){const o=Object.getPrototypeOf(e).constructor.name,r=window[o],l={};for(const t in e)l[t]=e[t];if(e instanceof t.MouseEvent){const e=n.getBoundingClientRect();l.clientX+=e.left,l.clientY+=e.top}const i=new r(e.type,l);!n.dispatchEvent(i)&&e.preventDefault()}const r=["dragover"];for(const t of r)e.addEventListener(t,o)}(t),h(t),y(r),v(Array.from(n.body.classList).filter((e=>e.startsWith("admin-color-")||"wp-embed-responsive"===e))),t.dir=n.dir,r.removeChild(t.head),r.removeChild(t.body),!0)}t()||e.addEventListener("load",(()=>{t()}))}),[]),B=(0,d.useRefEffect)((e=>{_.reduce(((t,n)=>t.then((()=>async function(e,{id:t,src:n}){return new Promise(((o,r)=>{const l=e.ownerDocument.createElement("script");l.id=t,n?(l.src=n,l.onload=()=>o(),l.onerror=()=>r()):o(),e.appendChild(l)}))}(e,n)))),Promise.resolve()).finally((()=>{m()}))}),[]),I=(0,d.useMergeRefs)([e,y,C]);return(0,s.useEffect)((()=>{var e;f&&(e=f,Array.from(document.styleSheets).forEach((t=>{try{t.cssRules}catch(e){return}const{ownerNode:n,cssRules:o}=t;if(o&&"LINK"===n.tagName&&"wp-reset-editor-styles-css"!==n.id&&Array.from(o).find((({selectorText:e})=>e&&(e.includes(`.${nc}`)||e.includes(".wp-block"))))&&!e.getElementById(n.id)){console.warn(`Stylesheet ${n.id} was not properly added.\nFor blocks, use the block API's style (https://developer.wordpress.org/block-editor/reference-guides/block-api/block-metadata/#style) or editorStyle (https://developer.wordpress.org/block-editor/reference-guides/block-api/block-metadata/#editor-style).\nFor themes, use add_editor_style (https://developer.wordpress.org/block-editor/how-to-guides/themes/theme-support/#editor-styles).`,n.outerHTML),e.head.appendChild(n.cloneNode(!0));const t=n.id.replace("-css","-inline-css"),o=document.getElementById(t);o&&e.head.appendChild(o.cloneNode(!0))}})))}),[f]),n=(0,s.createElement)(s.Fragment,null,(0,s.createElement)("style",null,"body{margin:0}"),k.map((({tagName:e,href:t,id:n,rel:o,media:r,textContent:l})=>{const i=e.toLowerCase();return"style"===i?(0,s.createElement)(i,{id:n,key:n},l):(0,s.createElement)(i,{href:t,id:n,rel:o,media:r,key:n})})),n),(0,s.createElement)(s.Fragment,null,o>=0&&E,(0,s.createElement)("iframe",i({},r,{ref:(0,d.useMergeRefs)([l,w]),tabIndex:o,title:(0,g.__)("Editor canvas")}),f&&(0,s.createPortal)((0,s.createElement)(s.Fragment,null,(0,s.createElement)("head",{ref:B},n),(0,s.createElement)("body",{ref:I,className:c()(nc,...b)},(0,s.createElement)(p.__experimentalStyleProvider,{document:f},t))),f.documentElement)),o>=0&&S)})),lc={grad:.9,turn:360,rad:360/(2*Math.PI)},ic=function(e){return"string"==typeof e?e.length>0:"number"==typeof e},sc=function(e,t,n){return void 0===t&&(t=0),void 0===n&&(n=Math.pow(10,t)),Math.round(n*e)/n+0},ac=function(e,t,n){return void 0===t&&(t=0),void 0===n&&(n=1),e>n?n:e>t?e:t},cc=function(e){return(e=isFinite(e)?e%360:0)>0?e:e+360},uc=function(e){return{r:ac(e.r,0,255),g:ac(e.g,0,255),b:ac(e.b,0,255),a:ac(e.a)}},dc=function(e){return{r:sc(e.r),g:sc(e.g),b:sc(e.b),a:sc(e.a,3)}},pc=/^#([0-9a-f]{3,8})$/i,mc=function(e){var t=e.toString(16);return t.length<2?"0"+t:t},fc=function(e){var t=e.r,n=e.g,o=e.b,r=e.a,l=Math.max(t,n,o),i=l-Math.min(t,n,o),s=i?l===t?(n-o)/i:l===n?2+(o-t)/i:4+(t-n)/i:0;return{h:60*(s<0?s+6:s),s:l?i/l*100:0,v:l/255*100,a:r}},gc=function(e){var t=e.h,n=e.s,o=e.v,r=e.a;t=t/360*6,n/=100,o/=100;var l=Math.floor(t),i=o*(1-n),s=o*(1-(t-l)*n),a=o*(1-(1-t+l)*n),c=l%6;return{r:255*[o,s,i,i,a,o][c],g:255*[a,o,o,s,i,i][c],b:255*[i,i,a,o,o,s][c],a:r}},hc=function(e){return{h:cc(e.h),s:ac(e.s,0,100),l:ac(e.l,0,100),a:ac(e.a)}},bc=function(e){return{h:sc(e.h),s:sc(e.s),l:sc(e.l),a:sc(e.a,3)}},vc=function(e){return gc((n=(t=e).s,{h:t.h,s:(n*=((o=t.l)<50?o:100-o)/100)>0?2*n/(o+n)*100:0,v:o+n,a:t.a}));var t,n,o},kc=function(e){return{h:(t=fc(e)).h,s:(r=(200-(n=t.s))*(o=t.v)/100)>0&&r<200?n*o/100/(r<=100?r:200-r)*100:0,l:r/2,a:t.a};var t,n,o,r},_c=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,yc=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Ec=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Cc=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Sc={string:[[function(e){var t=pc.exec(e);return t?(e=t[1]).length<=4?{r:parseInt(e[0]+e[0],16),g:parseInt(e[1]+e[1],16),b:parseInt(e[2]+e[2],16),a:4===e.length?sc(parseInt(e[3]+e[3],16)/255,2):1}:6===e.length||8===e.length?{r:parseInt(e.substr(0,2),16),g:parseInt(e.substr(2,2),16),b:parseInt(e.substr(4,2),16),a:8===e.length?sc(parseInt(e.substr(6,2),16)/255,2):1}:null:null},"hex"],[function(e){var t=Ec.exec(e)||Cc.exec(e);return t?t[2]!==t[4]||t[4]!==t[6]?null:uc({r:Number(t[1])/(t[2]?100/255:1),g:Number(t[3])/(t[4]?100/255:1),b:Number(t[5])/(t[6]?100/255:1),a:void 0===t[7]?1:Number(t[7])/(t[8]?100:1)}):null},"rgb"],[function(e){var t=_c.exec(e)||yc.exec(e);if(!t)return null;var n,o,r=hc({h:(n=t[1],o=t[2],void 0===o&&(o="deg"),Number(n)*(lc[o]||1)),s:Number(t[3]),l:Number(t[4]),a:void 0===t[5]?1:Number(t[5])/(t[6]?100:1)});return vc(r)},"hsl"]],object:[[function(e){var t=e.r,n=e.g,o=e.b,r=e.a,l=void 0===r?1:r;return ic(t)&&ic(n)&&ic(o)?uc({r:Number(t),g:Number(n),b:Number(o),a:Number(l)}):null},"rgb"],[function(e){var t=e.h,n=e.s,o=e.l,r=e.a,l=void 0===r?1:r;if(!ic(t)||!ic(n)||!ic(o))return null;var i=hc({h:Number(t),s:Number(n),l:Number(o),a:Number(l)});return vc(i)},"hsl"],[function(e){var t=e.h,n=e.s,o=e.v,r=e.a,l=void 0===r?1:r;if(!ic(t)||!ic(n)||!ic(o))return null;var i=function(e){return{h:cc(e.h),s:ac(e.s,0,100),v:ac(e.v,0,100),a:ac(e.a)}}({h:Number(t),s:Number(n),v:Number(o),a:Number(l)});return gc(i)},"hsv"]]},wc=function(e,t){for(var n=0;n<t.length;n++){var o=t[n][0](e);if(o)return[o,t[n][1]]}return[null,void 0]},Bc=function(e,t){var n=kc(e);return{h:n.h,s:ac(n.s+100*t,0,100),l:n.l,a:n.a}},Ic=function(e){return(299*e.r+587*e.g+114*e.b)/1e3/255},xc=function(e,t){var n=kc(e);return{h:n.h,s:n.s,l:ac(n.l+100*t,0,100),a:n.a}},Tc=function(){function e(e){this.parsed=function(e){return"string"==typeof e?wc(e.trim(),Sc.string):"object"==typeof e&&null!==e?wc(e,Sc.object):[null,void 0]}(e)[0],this.rgba=this.parsed||{r:0,g:0,b:0,a:1}}return e.prototype.isValid=function(){return null!==this.parsed},e.prototype.brightness=function(){return sc(Ic(this.rgba),2)},e.prototype.isDark=function(){return Ic(this.rgba)<.5},e.prototype.isLight=function(){return Ic(this.rgba)>=.5},e.prototype.toHex=function(){return t=(e=dc(this.rgba)).r,n=e.g,o=e.b,l=(r=e.a)<1?mc(sc(255*r)):"","#"+mc(t)+mc(n)+mc(o)+l;var e,t,n,o,r,l},e.prototype.toRgb=function(){return dc(this.rgba)},e.prototype.toRgbString=function(){return t=(e=dc(this.rgba)).r,n=e.g,o=e.b,(r=e.a)<1?"rgba("+t+", "+n+", "+o+", "+r+")":"rgb("+t+", "+n+", "+o+")";var e,t,n,o,r},e.prototype.toHsl=function(){return bc(kc(this.rgba))},e.prototype.toHslString=function(){return t=(e=bc(kc(this.rgba))).h,n=e.s,o=e.l,(r=e.a)<1?"hsla("+t+", "+n+"%, "+o+"%, "+r+")":"hsl("+t+", "+n+"%, "+o+"%)";var e,t,n,o,r},e.prototype.toHsv=function(){return e=fc(this.rgba),{h:sc(e.h),s:sc(e.s),v:sc(e.v),a:sc(e.a,3)};var e},e.prototype.invert=function(){return Nc({r:255-(e=this.rgba).r,g:255-e.g,b:255-e.b,a:e.a});var e},e.prototype.saturate=function(e){return void 0===e&&(e=.1),Nc(Bc(this.rgba,e))},e.prototype.desaturate=function(e){return void 0===e&&(e=.1),Nc(Bc(this.rgba,-e))},e.prototype.grayscale=function(){return Nc(Bc(this.rgba,-1))},e.prototype.lighten=function(e){return void 0===e&&(e=.1),Nc(xc(this.rgba,e))},e.prototype.darken=function(e){return void 0===e&&(e=.1),Nc(xc(this.rgba,-e))},e.prototype.rotate=function(e){return void 0===e&&(e=15),this.hue(this.hue()+e)},e.prototype.alpha=function(e){return"number"==typeof e?Nc({r:(t=this.rgba).r,g:t.g,b:t.b,a:e}):sc(this.rgba.a,3);var t},e.prototype.hue=function(e){var t=kc(this.rgba);return"number"==typeof e?Nc({h:e,s:t.s,l:t.l,a:t.a}):sc(t.h)},e.prototype.isEqual=function(e){return this.toHex()===Nc(e).toHex()},e}(),Nc=function(e){return e instanceof Tc?e:new Tc(e)},Pc=[],Rc=function(e){e.forEach((function(e){Pc.indexOf(e)<0&&(e(Tc,Sc),Pc.push(e))}))};function Mc(e,t){var n={white:"#ffffff",bisque:"#ffe4c4",blue:"#0000ff",cadetblue:"#5f9ea0",chartreuse:"#7fff00",chocolate:"#d2691e",coral:"#ff7f50",antiquewhite:"#faebd7",aqua:"#00ffff",azure:"#f0ffff",whitesmoke:"#f5f5f5",papayawhip:"#ffefd5",plum:"#dda0dd",blanchedalmond:"#ffebcd",black:"#000000",gold:"#ffd700",goldenrod:"#daa520",gainsboro:"#dcdcdc",cornsilk:"#fff8dc",cornflowerblue:"#6495ed",burlywood:"#deb887",aquamarine:"#7fffd4",beige:"#f5f5dc",crimson:"#dc143c",cyan:"#00ffff",darkblue:"#00008b",darkcyan:"#008b8b",darkgoldenrod:"#b8860b",darkkhaki:"#bdb76b",darkgray:"#a9a9a9",darkgreen:"#006400",darkgrey:"#a9a9a9",peachpuff:"#ffdab9",darkmagenta:"#8b008b",darkred:"#8b0000",darkorchid:"#9932cc",darkorange:"#ff8c00",darkslateblue:"#483d8b",gray:"#808080",darkslategray:"#2f4f4f",darkslategrey:"#2f4f4f",deeppink:"#ff1493",deepskyblue:"#00bfff",wheat:"#f5deb3",firebrick:"#b22222",floralwhite:"#fffaf0",ghostwhite:"#f8f8ff",darkviolet:"#9400d3",magenta:"#ff00ff",green:"#008000",dodgerblue:"#1e90ff",grey:"#808080",honeydew:"#f0fff0",hotpink:"#ff69b4",blueviolet:"#8a2be2",forestgreen:"#228b22",lawngreen:"#7cfc00",indianred:"#cd5c5c",indigo:"#4b0082",fuchsia:"#ff00ff",brown:"#a52a2a",maroon:"#800000",mediumblue:"#0000cd",lightcoral:"#f08080",darkturquoise:"#00ced1",lightcyan:"#e0ffff",ivory:"#fffff0",lightyellow:"#ffffe0",lightsalmon:"#ffa07a",lightseagreen:"#20b2aa",linen:"#faf0e6",mediumaquamarine:"#66cdaa",lemonchiffon:"#fffacd",lime:"#00ff00",khaki:"#f0e68c",mediumseagreen:"#3cb371",limegreen:"#32cd32",mediumspringgreen:"#00fa9a",lightskyblue:"#87cefa",lightblue:"#add8e6",midnightblue:"#191970",lightpink:"#ffb6c1",mistyrose:"#ffe4e1",moccasin:"#ffe4b5",mintcream:"#f5fffa",lightslategray:"#778899",lightslategrey:"#778899",navajowhite:"#ffdead",navy:"#000080",mediumvioletred:"#c71585",powderblue:"#b0e0e6",palegoldenrod:"#eee8aa",oldlace:"#fdf5e6",paleturquoise:"#afeeee",mediumturquoise:"#48d1cc",mediumorchid:"#ba55d3",rebeccapurple:"#663399",lightsteelblue:"#b0c4de",mediumslateblue:"#7b68ee",thistle:"#d8bfd8",tan:"#d2b48c",orchid:"#da70d6",mediumpurple:"#9370db",purple:"#800080",pink:"#ffc0cb",skyblue:"#87ceeb",springgreen:"#00ff7f",palegreen:"#98fb98",red:"#ff0000",yellow:"#ffff00",slateblue:"#6a5acd",lavenderblush:"#fff0f5",peru:"#cd853f",palevioletred:"#db7093",violet:"#ee82ee",teal:"#008080",slategray:"#708090",slategrey:"#708090",aliceblue:"#f0f8ff",darkseagreen:"#8fbc8f",darkolivegreen:"#556b2f",greenyellow:"#adff2f",seagreen:"#2e8b57",seashell:"#fff5ee",tomato:"#ff6347",silver:"#c0c0c0",sienna:"#a0522d",lavender:"#e6e6fa",lightgreen:"#90ee90",orange:"#ffa500",orangered:"#ff4500",steelblue:"#4682b4",royalblue:"#4169e1",turquoise:"#40e0d0",yellowgreen:"#9acd32",salmon:"#fa8072",saddlebrown:"#8b4513",sandybrown:"#f4a460",rosybrown:"#bc8f8f",darksalmon:"#e9967a",lightgoldenrodyellow:"#fafad2",snow:"#fffafa",lightgrey:"#d3d3d3",lightgray:"#d3d3d3",dimgray:"#696969",dimgrey:"#696969",olivedrab:"#6b8e23",olive:"#808000"},o={};for(var r in n)o[n[r]]=r;var l={};e.prototype.toName=function(t){if(!(this.rgba.a||this.rgba.r||this.rgba.g||this.rgba.b))return"transparent";var r,i,s=o[this.toHex()];if(s)return s;if(null==t?void 0:t.closest){var a=this.toRgb(),c=1/0,u="black";if(!l.length)for(var d in n)l[d]=new e(n[d]).toRgb();for(var p in n){var m=(r=a,i=l[p],Math.pow(r.r-i.r,2)+Math.pow(r.g-i.g,2)+Math.pow(r.b-i.b,2));m<c&&(c=m,u=p)}return u}},t.string.push([function(t){var o=t.toLowerCase(),r="transparent"===o?"#0000":n[o];return r?new e(r).toRgb():null},"name"])}var Lc=function(e){var t=e/255;return t<.04045?t/12.92:Math.pow((t+.055)/1.055,2.4)},Ac=function(e){return.2126*Lc(e.r)+.7152*Lc(e.g)+.0722*Lc(e.b)};function Dc(e){e.prototype.luminance=function(){return e=Ac(this.rgba),void 0===(t=2)&&(t=0),void 0===n&&(n=Math.pow(10,t)),Math.round(n*e)/n+0;var e,t,n},e.prototype.contrast=function(t){void 0===t&&(t="#FFF");var n,o,r,l,i,s,a,c=t instanceof e?t:new e(t);return l=this.rgba,i=c.toRgb(),n=(s=Ac(l))>(a=Ac(i))?(s+.05)/(a+.05):(a+.05)/(s+.05),void 0===(o=2)&&(o=0),void 0===r&&(r=Math.pow(10,o)),Math.floor(r*n)/r+0},e.prototype.isReadable=function(e,t){return void 0===e&&(e="#FFF"),void 0===t&&(t={}),this.contrast(e)>=(i=void 0===(l=(n=t).size)?"normal":l,"AAA"===(r=void 0===(o=n.level)?"AA":o)&&"normal"===i?7:"AA"===r&&"large"===i?3:4.5);var n,o,r,l,i}}var Oc=n(3692),Fc=n.n(Oc);const zc=/\/\*[^*]*\*+([^/*][^*]*\*+)*\//g;function Vc(e,t){t=t||{};let n=1,o=1;function r(e){const t=e.match(/\n/g);t&&(n+=t.length);const r=e.lastIndexOf("\n");o=~r?e.length-r:o+e.length}function l(){const e={line:n,column:o};return function(t){return t.position=new i(e),m(),t}}function i(e){this.start=e,this.end={line:n,column:o},this.source=t.source}i.prototype.content=e;const s=[];function a(r){const l=new Error(t.source+":"+n+":"+o+": "+r);if(l.reason=r,l.filename=t.source,l.line=n,l.column=o,l.source=e,!t.silent)throw l;s.push(l)}function c(){return p(/^{\s*/)}function u(){return p(/^}/)}function d(){let t;const n=[];for(m(),f(n);e.length&&"}"!==e.charAt(0)&&(t=S()||w());)!1!==t&&(n.push(t),f(n));return n}function p(t){const n=t.exec(e);if(!n)return;const o=n[0];return r(o),e=e.slice(o.length),n}function m(){p(/^\s*/)}function f(e){let t;for(e=e||[];t=g();)!1!==t&&e.push(t);return e}function g(){const t=l();if("/"!==e.charAt(0)||"*"!==e.charAt(1))return;let n=2;for(;""!==e.charAt(n)&&("*"!==e.charAt(n)||"/"!==e.charAt(n+1));)++n;if(n+=2,""===e.charAt(n-1))return a("End of comment missing");const i=e.slice(2,n-2);return o+=2,r(i),e=e.slice(n),o+=2,t({type:"comment",comment:i})}function h(){const e=p(/^([^{]+)/);if(e)return Hc(e[0]).replace(/\/\*([^*]|[\r\n]|(\*+([^*/]|[\r\n])))*\*\/+/g,"").replace(/"(?:\\"|[^"])*"|'(?:\\'|[^'])*'/g,(function(e){return e.replace(/,/g,"")})).split(/\s*(?![^(]*\)),\s*/).map((function(e){return e.replace(/\u200C/g,",")}))}function b(){const e=l();let t=p(/^(\*?[-#\/\*\\\w]+(\[[0-9a-z_-]+\])?)\s*/);if(!t)return;if(t=Hc(t[0]),!p(/^:\s*/))return a("property missing ':'");const n=p(/^((?:'(?:\\'|.)*?'|"(?:\\"|.)*?"|\([^\)]*?\)|[^};])+)/),o=e({type:"declaration",property:t.replace(zc,""),value:n?Hc(n[0]).replace(zc,""):""});return p(/^[;\s]*/),o}function v(){const e=[];if(!c())return a("missing '{'");let t;for(f(e);t=b();)!1!==t&&(e.push(t),f(e));return u()?e:a("missing '}'")}function k(){let e;const t=[],n=l();for(;e=p(/^((\d+\.\d+|\.\d+|\d+)%?|[a-z]+)\s*/);)t.push(e[1]),p(/^,\s*/);if(t.length)return n({type:"keyframe",values:t,declarations:v()})}const _=C("import"),y=C("charset"),E=C("namespace");function C(e){const t=new RegExp("^@"+e+"\\s*([^;]+);");return function(){const n=l(),o=p(t);if(!o)return;const r={type:e};return r[e]=o[1].trim(),n(r)}}function S(){if("@"===e[0])return function(){const e=l();let t=p(/^@([-\w]+)?keyframes\s*/);if(!t)return;const n=t[1];if(t=p(/^([-\w]+)\s*/),!t)return a("@keyframes missing name");const o=t[1];if(!c())return a("@keyframes missing '{'");let r,i=f();for(;r=k();)i.push(r),i=i.concat(f());return u()?e({type:"keyframes",name:o,vendor:n,keyframes:i}):a("@keyframes missing '}'")}()||function(){const e=l(),t=p(/^@media *([^{]+)/);if(!t)return;const n=Hc(t[1]);if(!c())return a("@media missing '{'");const o=f().concat(d());return u()?e({type:"media",media:n,rules:o}):a("@media missing '}'")}()||function(){const e=l(),t=p(/^@custom-media\s+(--[^\s]+)\s*([^{;]+);/);if(t)return e({type:"custom-media",name:Hc(t[1]),media:Hc(t[2])})}()||function(){const e=l(),t=p(/^@supports *([^{]+)/);if(!t)return;const n=Hc(t[1]);if(!c())return a("@supports missing '{'");const o=f().concat(d());return u()?e({type:"supports",supports:n,rules:o}):a("@supports missing '}'")}()||_()||y()||E()||function(){const e=l(),t=p(/^@([-\w]+)?document *([^{]+)/);if(!t)return;const n=Hc(t[1]),o=Hc(t[2]);if(!c())return a("@document missing '{'");const r=f().concat(d());return u()?e({type:"document",document:o,vendor:n,rules:r}):a("@document missing '}'")}()||function(){const e=l();if(!p(/^@page */))return;const t=h()||[];if(!c())return a("@page missing '{'");let n,o=f();for(;n=b();)o.push(n),o=o.concat(f());return u()?e({type:"page",selectors:t,declarations:o}):a("@page missing '}'")}()||function(){const e=l();if(!p(/^@host\s*/))return;if(!c())return a("@host missing '{'");const t=f().concat(d());return u()?e({type:"host",rules:t}):a("@host missing '}'")}()||function(){const e=l();if(!p(/^@font-face\s*/))return;if(!c())return a("@font-face missing '{'");let t,n=f();for(;t=b();)n.push(t),n=n.concat(f());return u()?e({type:"font-face",declarations:n}):a("@font-face missing '}'")}()}function w(){const e=l(),t=h();return t?(f(),e({type:"rule",selectors:t,declarations:v()})):a("selector missing")}return Uc(function(){const e=d();return{type:"stylesheet",stylesheet:{source:t.source,rules:e,parsingErrors:s}}}())}function Hc(e){return e?e.replace(/^\s+|\s+$/g,""):""}function Uc(e,t){const n=e&&"string"==typeof e.type,o=n?e:t;for(const t in e){const n=e[t];Array.isArray(n)?n.forEach((function(e){Uc(e,o)})):n&&"object"==typeof n&&Uc(n,o)}return n&&Object.defineProperty(e,"parent",{configurable:!0,writable:!0,enumerable:!1,value:t||null}),e}var Gc=n(5717),Wc=n.n(Gc),$c=jc;function jc(e){this.options=e||{}}jc.prototype.emit=function(e){return e},jc.prototype.visit=function(e){return this[e.type](e)},jc.prototype.mapVisit=function(e,t){let n="";t=t||"";for(let o=0,r=e.length;o<r;o++)n+=this.visit(e[o]),t&&o<r-1&&(n+=this.emit(t));return n};var Kc=qc;function qc(e){$c.call(this,e)}Wc()(qc,$c),qc.prototype.compile=function(e){return e.stylesheet.rules.map(this.visit,this).join("")},qc.prototype.comment=function(e){return this.emit("",e.position)},qc.prototype.import=function(e){return this.emit("@import "+e.import+";",e.position)},qc.prototype.media=function(e){return this.emit("@media "+e.media,e.position)+this.emit("{")+this.mapVisit(e.rules)+this.emit("}")},qc.prototype.document=function(e){const t="@"+(e.vendor||"")+"document "+e.document;return this.emit(t,e.position)+this.emit("{")+this.mapVisit(e.rules)+this.emit("}")},qc.prototype.charset=function(e){return this.emit("@charset "+e.charset+";",e.position)},qc.prototype.namespace=function(e){return this.emit("@namespace "+e.namespace+";",e.position)},qc.prototype.supports=function(e){return this.emit("@supports "+e.supports,e.position)+this.emit("{")+this.mapVisit(e.rules)+this.emit("}")},qc.prototype.keyframes=function(e){return this.emit("@"+(e.vendor||"")+"keyframes "+e.name,e.position)+this.emit("{")+this.mapVisit(e.keyframes)+this.emit("}")},qc.prototype.keyframe=function(e){const t=e.declarations;return this.emit(e.values.join(","),e.position)+this.emit("{")+this.mapVisit(t)+this.emit("}")},qc.prototype.page=function(e){const t=e.selectors.length?e.selectors.join(", "):"";return this.emit("@page "+t,e.position)+this.emit("{")+this.mapVisit(e.declarations)+this.emit("}")},qc.prototype["font-face"]=function(e){return this.emit("@font-face",e.position)+this.emit("{")+this.mapVisit(e.declarations)+this.emit("}")},qc.prototype.host=function(e){return this.emit("@host",e.position)+this.emit("{")+this.mapVisit(e.rules)+this.emit("}")},qc.prototype["custom-media"]=function(e){return this.emit("@custom-media "+e.name+" "+e.media+";",e.position)},qc.prototype.rule=function(e){const t=e.declarations;return t.length?this.emit(e.selectors.join(","),e.position)+this.emit("{")+this.mapVisit(t)+this.emit("}"):""},qc.prototype.declaration=function(e){return this.emit(e.property+":"+e.value,e.position)+this.emit(";")};var Yc=Zc;function Zc(e){e=e||{},$c.call(this,e),this.indentation=e.indent}Wc()(Zc,$c),Zc.prototype.compile=function(e){return this.stylesheet(e)},Zc.prototype.stylesheet=function(e){return this.mapVisit(e.stylesheet.rules,"\n\n")},Zc.prototype.comment=function(e){return this.emit(this.indent()+"/*"+e.comment+"*/",e.position)},Zc.prototype.import=function(e){return this.emit("@import "+e.import+";",e.position)},Zc.prototype.media=function(e){return this.emit("@media "+e.media,e.position)+this.emit(" {\n"+this.indent(1))+this.mapVisit(e.rules,"\n\n")+this.emit(this.indent(-1)+"\n}")},Zc.prototype.document=function(e){const t="@"+(e.vendor||"")+"document "+e.document;return this.emit(t,e.position)+this.emit(" {\n"+this.indent(1))+this.mapVisit(e.rules,"\n\n")+this.emit(this.indent(-1)+"\n}")},Zc.prototype.charset=function(e){return this.emit("@charset "+e.charset+";",e.position)},Zc.prototype.namespace=function(e){return this.emit("@namespace "+e.namespace+";",e.position)},Zc.prototype.supports=function(e){return this.emit("@supports "+e.supports,e.position)+this.emit(" {\n"+this.indent(1))+this.mapVisit(e.rules,"\n\n")+this.emit(this.indent(-1)+"\n}")},Zc.prototype.keyframes=function(e){return this.emit("@"+(e.vendor||"")+"keyframes "+e.name,e.position)+this.emit(" {\n"+this.indent(1))+this.mapVisit(e.keyframes,"\n")+this.emit(this.indent(-1)+"}")},Zc.prototype.keyframe=function(e){const t=e.declarations;return this.emit(this.indent())+this.emit(e.values.join(", "),e.position)+this.emit(" {\n"+this.indent(1))+this.mapVisit(t,"\n")+this.emit(this.indent(-1)+"\n"+this.indent()+"}\n")},Zc.prototype.page=function(e){const t=e.selectors.length?e.selectors.join(", ")+" ":"";return this.emit("@page "+t,e.position)+this.emit("{\n")+this.emit(this.indent(1))+this.mapVisit(e.declarations,"\n")+this.emit(this.indent(-1))+this.emit("\n}")},Zc.prototype["font-face"]=function(e){return this.emit("@font-face ",e.position)+this.emit("{\n")+this.emit(this.indent(1))+this.mapVisit(e.declarations,"\n")+this.emit(this.indent(-1))+this.emit("\n}")},Zc.prototype.host=function(e){return this.emit("@host",e.position)+this.emit(" {\n"+this.indent(1))+this.mapVisit(e.rules,"\n\n")+this.emit(this.indent(-1)+"\n}")},Zc.prototype["custom-media"]=function(e){return this.emit("@custom-media "+e.name+" "+e.media+";",e.position)},Zc.prototype.rule=function(e){const t=this.indent(),n=e.declarations;return n.length?this.emit(e.selectors.map((function(e){return t+e})).join(",\n"),e.position)+this.emit(" {\n")+this.emit(this.indent(1))+this.mapVisit(n,"\n")+this.emit(this.indent(-1))+this.emit("\n"+this.indent()+"}"):""},Zc.prototype.declaration=function(e){return this.emit(this.indent())+this.emit(e.property+": "+e.value,e.position)+this.emit(";")},Zc.prototype.indent=function(e){return this.level=this.level||1,null!==e?(this.level+=e,""):Array(this.level).join(this.indentation||" ")};function Xc(e){return 0!==e.value.indexOf("data:")&&0!==e.value.indexOf("#")&&(t=e.value,!/^\/(?!\/)/.test(t)&&!function(e){return/^(?:https?:)?\/\//.test(e)}(e.value));var t}function Qc(e,t){return new URL(e,t).toString()}const Jc=/^(body|html|:root).*$/;var eu=(e,t="")=>(0,u.map)(e,(({css:e,baseURL:n,__experimentalNoWrapper:o=!1})=>{const r=[];return t&&!o&&r.push(((e,t=[])=>n=>"rule"===n.type?{...n,selectors:n.selectors.map((n=>t.includes(n.trim())?n:n.match(Jc)?n.replace(/^(body|html|:root)/,e):e+" "+n))}:n)(t)),n&&r.push((l=n,e=>{if("declaration"===e.type){const r=function(e){const t=/url\((\s*)(['"]?)(.+?)\2(\s*)\)/g;let n;const o=[];for(;null!==(n=t.exec(e));){const e={source:n[0],before:n[1],quote:n[2],value:n[3],after:n[4]};Xc(e)&&o.push(e)}return o}(e.value).map((o=l,e=>({...e,newUrl:"url("+e.before+e.quote+Qc(e.value,o)+e.quote+e.after+")"})));return{...e,value:(t=e.value,n=r,n.forEach((e=>{t=t.replace(e.source,e.newUrl)})),t)}}var t,n,o;return e})),r.length?function(e,t){try{const r=Vc(e);return n=Fc().map(r,(function(e){if(!e)return e;const n=t(e);return this.update(n)})),((o=o||{}).compress?new Kc(o):new Yc(o)).compile(n)}catch(e){return console.warn("Error while traversing the CSS: "+e),null}var n,o}(e,(0,d.compose)(r)):e;var l}));const tu=".editor-styles-wrapper";function nu(e){return(0,s.useCallback)((e=>{if(!e)return;const{ownerDocument:t}=e,{defaultView:n,body:o}=t,r=t.querySelector(tu);let l;if(r)l=n.getComputedStyle(r,null).getPropertyValue("background-color");else{const e=t.createElement("div");e.classList.add("editor-styles-wrapper"),o.appendChild(e),l=n.getComputedStyle(e,null).getPropertyValue("background-color"),o.removeChild(e)}const i=Nc(l);i.luminance()>.5||0===i.alpha()?o.classList.remove("is-dark-theme"):o.classList.add("is-dark-theme")}),[e])}function ou({styles:e}){const t=(0,s.useMemo)((()=>eu(e,tu)),[e]);return(0,s.createElement)(s.Fragment,null,(0,s.createElement)("style",{ref:nu(e)}),t.map(((e,t)=>(0,s.createElement)("style",{key:t},e))))}let ru;Rc([Mc,Dc]);var lu=function({viewportWidth:e,__experimentalPadding:t}){const[n,{width:o}]=(0,d.useResizeObserver)(),[r,{height:l}]=(0,d.useResizeObserver)(),i=(0,m.useSelect)((e=>e(Wn).getSettings().styles),[]);ru=ru||(0,d.pure)(Kp);const a=o/e;return(0,s.createElement)("div",{className:"block-editor-block-preview__container"},n,(0,s.createElement)(p.Disabled,{className:"block-editor-block-preview__content",style:{transform:`scale(${a})`,height:l*a}},(0,s.createElement)(rc,{head:(0,s.createElement)(ou,{styles:i}),contentRef:(0,d.useRefEffect)((e=>{const{ownerDocument:{documentElement:n}}=e;n.style.position="absolute",n.style.width="100%",e.style.padding=t+"px"}),[]),"aria-hidden":!0,tabIndex:-1,style:{position:"absolute",width:e,height:l,pointerEvents:"none"}},r,(0,s.createElement)(ru,{renderAppender:!1}))))},iu=(0,s.memo)((function({blocks:e,__experimentalPadding:t=0,viewportWidth:n=1200,__experimentalLive:o=!1,__experimentalOnClick:r}){const l=(0,m.useSelect)((e=>e(Wn).getSettings()),[]),i=(0,s.useMemo)((()=>{const e={...l};return e.__experimentalBlockPatterns=[],e}),[l]),a=(0,s.useMemo)((()=>(0,u.castArray)(e)),[e]);return e&&0!==e.length?(0,s.createElement)(Ua,{value:a,settings:i},o?(0,s.createElement)(Ga,{onClick:r}):(0,s.createElement)(lu,{viewportWidth:n,__experimentalPadding:t})):null})),su=function({item:e}){var t,n;const{name:o,title:l,icon:i,description:a,initialAttributes:c}=e,u=(0,r.getBlockType)(o),d=(0,r.isReusableBlock)(e);return(0,s.createElement)("div",{className:"block-editor-inserter__preview-container"},(0,s.createElement)("div",{className:"block-editor-inserter__preview"},d||null!=u&&u.example?(0,s.createElement)("div",{className:"block-editor-inserter__preview-content"},(0,s.createElement)(iu,{__experimentalPadding:16,viewportWidth:null!==(t=null===(n=u.example)||void 0===n?void 0:n.viewportWidth)&&void 0!==t?t:500,blocks:u.example?(0,r.getBlockFromExample)(e.name,{attributes:{...u.example.attributes,...c},innerBlocks:u.example.innerBlocks}):(0,r.createBlock)(o,c)})):(0,s.createElement)("div",{className:"block-editor-inserter__preview-content-missing"},(0,g.__)("No Preview Available."))),!d&&(0,s.createElement)(Va,{title:l,icon:i,description:a}))},au=(0,s.createContext)(),cu=(0,s.forwardRef)((function({isFirst:e,as:t,children:n,...o},r){const l=(0,s.useContext)(au);return(0,s.createElement)(p.__unstableCompositeItem,i({ref:r,state:l,role:"option",focusable:!0},o),(o=>{const r={...o,tabIndex:e?0:o.tabIndex};return t?(0,s.createElement)(t,r,n):"function"==typeof n?n(r):(0,s.createElement)(p.Button,r,n)}))})),uu=(0,s.createElement)(F.SVG,{width:"18",height:"18",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 18 18"},(0,s.createElement)(F.Path,{d:"M5 4h2V2H5v2zm6-2v2h2V2h-2zm-6 8h2V8H5v2zm6 0h2V8h-2v2zm-6 6h2v-2H5v2zm6 0h2v-2h-2v2z"}));function du({count:e,icon:t}){return(0,s.createElement)("div",{className:"block-editor-block-draggable-chip-wrapper"},(0,s.createElement)("div",{className:"block-editor-block-draggable-chip"},(0,s.createElement)(p.Flex,{justify:"center",className:"block-editor-block-draggable-chip__content"},(0,s.createElement)(p.FlexItem,null,t?(0,s.createElement)(za,{icon:t}):(0,g.sprintf)(
|
11 |
/* translators: %d: Number of blocks. */
|
12 |
-
(0,
|
13 |
/* translators: %s: block pattern title. */
|
14 |
-
(0,
|
15 |
-
(0,
|
|
|
|
|
16 |
/* translators: %d: number of results. */
|
17 |
-
(0,
|
|
|
|
|
18 |
/* translators: Blocks tab title in the block inserter. */
|
19 |
-
title:(0,
|
20 |
/* translators: Patterns tab title in the block inserter. */
|
21 |
-
title:(0,
|
22 |
/* translators: Reusable blocks tab title in the block inserter. */
|
23 |
-
title:(0,
|
24 |
-
(0,
|
25 |
-
(0,
|
26 |
-
(0,g._x)("Add %s","directly add the only allowed block"),a):(0,g._x)("Add block","Generic label for block inserter button");const m=!u;let f=(0,s.createElement)(p.Button,{ref:r,onFocus:n,tabIndex:o,className:c()(t,"block-editor-button-block-appender"),onClick:e,"aria-haspopup":m?"true":void 0,"aria-expanded":m?i:void 0,disabled:l,label:d},!u&&(0,s.createElement)(p.VisuallyHidden,{as:"span"},d),(0,s.createElement)(Co,{icon:Aa}));return(m||u)&&(f=(0,s.createElement)(p.Tooltip,{text:d},f)),f},isAppender:!0})}const cd=(0,s.forwardRef)(((e,t)=>(At()("wp.blockEditor.ButtonBlockerAppender",{alternative:"wp.blockEditor.ButtonBlockAppender"}),ad(e,t))));var ud=(0,s.forwardRef)(ad),dd=(0,m.withSelect)(((e,{rootClientId:t})=>{const{getBlockOrder:n,canInsertBlockType:o,getTemplateLock:l,getSelectedBlockClientId:i}=e(Wn);return{isLocked:!!l(t),blockClientIds:n(t),canInsertDefaultBlock:o((0,r.getDefaultBlockName)(),t),selectedBlockClientId:i()}}))((function({blockClientIds:e,rootClientId:t,canInsertDefaultBlock:n,isLocked:o,renderAppender:r,className:l,selectedBlockClientId:i,tagName:a="div"}){if(o||!1===r)return null;let d;if(r)d=(0,s.createElement)(r,null);else{const o=!t,r=i===t,l=i&&!e.includes(i);if(!o&&!r&&(!i||l))return null;d=n?(0,s.createElement)(sd,{rootClientId:t,lastBlockClientId:(0,u.last)(e)}):(0,s.createElement)(ud,{rootClientId:t,className:"block-list-appender__toggle"})}return(0,s.createElement)(a,{tabIndex:-1,className:c()("block-list-appender wp-block",l),"data-block":!0},d)}));function pd(e){return(0,d.useRefEffect)((t=>{if(!e)return;function n(t){const{deltaX:n,deltaY:o}=t;e.current.scrollBy(n,o)}const o={passive:!0};return t.addEventListener("wheel",n,o),()=>{t.removeEventListener("wheel",n,o)}}),[e])}const md=(0,s.createContext)();function fd({__unstablePopoverSlot:e,__unstableContentRef:t}){const{selectBlock:n}=(0,m.useDispatch)(Wn),o=(0,s.useContext)(md),r=(0,s.useRef)(),{orientation:l,previousClientId:i,nextClientId:a,rootClientId:u,isInserterShown:f}=(0,m.useSelect)((e=>{var t;const{getBlockOrder:n,getBlockListSettings:o,getBlockInsertionPoint:r,isBlockBeingDragged:l,getPreviousBlockClientId:i,getNextBlockClientId:s}=e(Wn),a=r(),c=n(a.rootClientId);if(!c.length)return{};let u=c[a.index-1],d=c[a.index];for(;l(u);)u=i(u);for(;l(d);)d=s(d);return{previousClientId:u,nextClientId:d,orientation:(null===(t=o(a.rootClientId))||void 0===t?void 0:t.orientation)||"vertical",rootClientId:a.rootClientId,isInserterShown:null==a?void 0:a.__unstableWithInserter}}),[]),h=Sa(i),b=Sa(a),v="vertical"===l,k=(0,s.useMemo)((()=>{if(!h&&!b)return{};const e=h?h.getBoundingClientRect():null,t=b?b.getBoundingClientRect():null;if(v)return{width:h?h.offsetWidth:b.offsetWidth,height:t&&e?t.top-e.bottom:0};let n=0;return e&&t&&(n=(0,g.isRTL)()?e.left-t.right:t.left-e.right),{width:n,height:h?h.offsetHeight:b.offsetHeight}}),[h,b]),_=(0,s.useCallback)((()=>{if(!h&&!b)return{};const{ownerDocument:e}=h||b,t=h?h.getBoundingClientRect():null,n=b?b.getBoundingClientRect():null;return v?(0,g.isRTL)()?{top:t?t.bottom:n.top,left:t?t.right:n.right,right:t?t.left:n.left,bottom:n?n.top:t.bottom,ownerDocument:e}:{top:t?t.bottom:n.top,left:t?t.left:n.left,right:t?t.right:n.right,bottom:n?n.top:t.bottom,ownerDocument:e}:(0,g.isRTL)()?{top:t?t.top:n.top,left:t?t.left:n.right,right:n?n.right:t.left,bottom:t?t.bottom:n.bottom,ownerDocument:e}:{top:t?t.top:n.top,left:t?t.right:n.left,right:n?n.left:t.right,bottom:t?t.bottom:n.bottom,ownerDocument:e}}),[h,b]),y=pd(t),E=(0,d.useReducedMotion)(),C=c()("block-editor-block-list__insertion-point","is-"+l),S=h&&b&&f,w={start:{...v?{height:0,left:"50%",right:"50%",y:0}:{width:0,top:"50%",bottom:"50%",x:0},opacity:0},rest:{...v?{height:4,left:0,right:0,y:-2}:{width:4,top:0,bottom:0,x:-2},opacity:1,borderRadius:"2px",transition:{delay:S?.4:0}},hover:{...v?{height:4,left:0,right:0,y:-2}:{width:4,top:0,bottom:0,x:-2},opacity:1,borderRadius:"2px",transition:{delay:.4}}},B={start:{scale:E?1:0},rest:{scale:1,transition:{delay:.2}}};return(0,s.createElement)(p.Popover,{ref:y,noArrow:!0,animate:!1,getAnchorRect:_,focusOnMount:!1,className:"block-editor-block-list__insertion-point-popover",__unstableSlotName:e||null,key:a+"--"+u},(0,s.createElement)(p.__unstableMotion.div,{layout:!E,initial:E?"rest":"start",animate:"rest",whileHover:"hover",whileTap:"pressed",exit:"start",ref:r,tabIndex:-1,onClick:function(e){e.target===r.current&&a&&n(a,-1)},onFocus:function(e){e.target!==r.current&&(o.current=!0)},className:c()(C,{"is-with-inserter":S}),style:k},(0,s.createElement)(p.__unstableMotion.div,{variants:w,className:"block-editor-block-list__insertion-point-indicator"}),S&&(0,s.createElement)(p.__unstableMotion.div,{variants:B,className:c()("block-editor-block-list__insertion-point-inserter")},(0,s.createElement)(id,{position:"bottom center",clientId:a,rootClientId:u,__experimentalIsQuick:!0,onToggle:e=>{o.current=e},onSelectOrClose:()=>{o.current=!1}}))))}function gd({children:e,__unstablePopoverSlot:t,__unstableContentRef:n}){const o=(0,m.useSelect)((e=>e(Wn).isBlockInsertionPointVisible()),[]);return(0,s.createElement)(md.Provider,{value:(0,s.useRef)(!1)},o&&(0,s.createElement)(fd,{__unstablePopoverSlot:t,__unstableContentRef:n}),e)}function hd(){const e=(0,s.useContext)(md),t=(0,m.useSelect)((e=>e(Wn).getSettings().hasReducedUI),[]),{getBlockListSettings:n,getBlockRootClientId:o,getBlockIndex:r,isBlockInsertionPointVisible:l,isMultiSelecting:i,getSelectedBlockClientIds:a,getTemplateLock:c}=(0,m.useSelect)(Wn),{showInsertionPoint:u,hideInsertionPoint:p}=(0,m.useDispatch)(Wn);return(0,d.useRefEffect)((o=>{if(!t)return o.addEventListener("mousemove",s),()=>{o.removeEventListener("mousemove",s)};function s(t){var o,s;if(e.current)return;if(i())return;if(!t.target.classList.contains("block-editor-block-list__layout"))return void(l()&&p());let d;if(t.target.classList.contains("is-root-container")||(d=(t.target.getAttribute("data-block")?t.target:t.target.closest("[data-block]")).getAttribute("data-block")),c(d))return;const m=(null===(o=n(d))||void 0===o?void 0:o.orientation)||"vertical",f=t.target.getBoundingClientRect(),g=t.clientY-f.top,h=t.clientX-f.left;let b=Array.from(t.target.children).find((e=>e.classList.contains("wp-block")&&"vertical"===m&&e.offsetTop>g||e.classList.contains("wp-block")&&"horizontal"===m&&e.offsetLeft>h));if(!b)return;if(!b.id&&(b=b.firstElementChild,!b))return;if(null===(s=b.parentElement)||void 0===s?void 0:s.closest(".block-editor-block-content-overlay.overlay-active"))return;const v=b.id.slice("block-".length);if(!v)return;if(a().includes(v))return;const k=b.getBoundingClientRect();if("horizontal"===m&&(t.clientY>k.bottom||t.clientY<k.top)||"vertical"===m&&(t.clientX>k.right||t.clientX<k.left))return void(l()&&p());const _=r(v,d);0!==_?u(d,_,{__unstableWithInserter:!0}):l()&&p()}}),[e,n,o,r,l,i,u,p,a])}const bd="undefined"==typeof window?e=>{setTimeout((()=>e(Date.now())),0)}:window.requestIdleCallback||window.requestAnimationFrame,vd="undefined"==typeof window?clearTimeout:window.cancelIdleCallback||window.cancelAnimationFrame;function kd(e){return(0,m.useSelect)((t=>{if(!e)return null;const{getBlockName:n,getBlockAttributes:o}=t(Wn),{getBlockType:l,getActiveBlockVariation:i}=t(r.store),s=n(e),a=l(s);if(!a)return null;const c=o(e),u=i(s,c),d={title:a.title,icon:a.icon,description:a.description,anchor:null==c?void 0:c.anchor};return u?{title:u.title||a.title,icon:u.icon||a.icon,description:u.description||a.description}:d}),[e])}function _d({clientId:e}){const{attributes:t,name:n,reusableBlockTitle:o}=(0,m.useSelect)((t=>{if(!e)return{};const{getBlockName:n,getBlockAttributes:o,__experimentalGetReusableBlockTitle:l}=t(Wn),i=n(e);if(!i)return{};const s=(0,r.isReusableBlock)((0,r.getBlockType)(i));return{attributes:o(e),name:i,reusableBlockTitle:s&&l(o(e).ref)}}),[e]),l=kd(e);if(!n||!l)return null;const i=(0,r.getBlockType)(n),s=i?(0,r.__experimentalGetBlockLabel)(i,t):null,a=o||s;return a&&a!==i.title?(0,u.truncate)(a,{length:35}):l.title}var yd=({children:e,clientIds:t,cloneClassname:n,onDragStart:o,onDragEnd:l})=>{const{srcRootClientId:i,isDraggable:a,icon:c}=(0,m.useSelect)((e=>{var n;const{getBlockRootClientId:o,getTemplateLock:l,getBlockName:i}=e(Wn),s=o(t[0]),a=s?l(s):null,c=i(t[0]);return{srcRootClientId:s,isDraggable:"all"!==a,icon:null===(n=(0,r.getBlockType)(c))||void 0===n?void 0:n.icon}}),[t]),u=(0,s.useRef)(!1),[d,f,g]=function(){const e=(0,s.useRef)(null),t=(0,s.useRef)(null),n=(0,s.useRef)(null),o=(0,s.useRef)(null);return(0,s.useEffect)((()=>()=>{o.current&&(clearInterval(o.current),o.current=null)}),[]),[(0,s.useCallback)((r=>{e.current=r.clientY,n.current=(0,tr.getScrollContainer)(r.target),o.current=setInterval((()=>{if(n.current&&t.current){const e=n.current.scrollTop+t.current;n.current.scroll({top:e})}}),25)}),[]),(0,s.useCallback)((o=>{if(!n.current)return;const r=n.current.offsetHeight,l=e.current-n.current.offsetTop,i=o.clientY-n.current.offsetTop;if(o.clientY>l){const e=Math.max(r-l-50,0),n=Math.max(i-l-50,0)/e;t.current=25*n}else if(o.clientY<l){const e=Math.max(l-50,0),n=Math.max(l-i-50,0)/e;t.current=-25*n}else t.current=0}),[]),()=>{e.current=null,n.current=null,o.current&&(clearInterval(o.current),o.current=null)}]}(),{startDraggingBlocks:h,stopDraggingBlocks:b}=(0,m.useDispatch)(Wn);if((0,s.useEffect)((()=>()=>{u.current&&b()}),[]),!a)return e({isDraggable:!1});const v={type:"block",srcClientIds:t,srcRootClientId:i};return(0,s.createElement)(p.Draggable,{cloneClassname:n,__experimentalTransferDataType:"wp-blocks",transferData:v,onDragStart:e=>{h(t),u.current=!0,d(e),o&&o()},onDragOver:f,onDragEnd:()=>{b(),u.current=!1,g(),l&&l()},__experimentalDragComponent:(0,s.createElement)(du,{count:t.length,icon:c})},(({onDraggableStart:t,onDraggableEnd:n})=>e({draggable:!0,onDragStart:t,onDragEnd:n})))},Ed=function({clientId:e,rootClientId:t,blockElement:n}){const o=kd(e),l=(0,m.useSelect)((n=>{var o;const{getBlock:r,getBlockIndex:l,hasBlockMovingClientId:i,getBlockListSettings:s}=n(Wn),a=l(e,t),{name:c,attributes:u}=r(e);return{index:a,name:c,attributes:u,blockMovingMode:i(),orientation:null===(o=s(t))||void 0===o?void 0:o.orientation}}),[e,t]),{index:a,name:u,attributes:d,blockMovingMode:f,orientation:h}=l,{setNavigationMode:b,removeBlock:v}=(0,m.useDispatch)(Wn),k=(0,s.useRef)(),_=(0,r.getBlockType)(u),y=(0,r.__experimentalGetAccessibleBlockLabel)(_,d,a+1,h);(0,s.useEffect)((()=>{k.current.focus(),(0,Rt.speak)(y)}),[y]);const{hasBlockMovingClientId:E,getBlockIndex:C,getBlockRootClientId:S,getClientIdsOfDescendants:w,getSelectedBlockClientId:B,getMultiSelectedBlocksEndClientId:I,getPreviousBlockClientId:x,getNextBlockClientId:T}=(0,m.useSelect)(Wn),{selectBlock:N,clearSelectedBlock:P,setBlockMovingClientId:R,moveBlockToPosition:M}=(0,m.useDispatch)(Wn),L=c()("block-editor-block-list__block-selection-button",{"is-block-moving-mode":!!f}),A=(0,g.__)("Drag");return(0,s.createElement)("div",{className:L},(0,s.createElement)(p.Flex,{justify:"center",className:"block-editor-block-list__block-selection-button__content"},(0,s.createElement)(p.FlexItem,null,(0,s.createElement)(za,{icon:null==o?void 0:o.icon,showColors:!0})),(0,s.createElement)(p.FlexItem,null,(0,s.createElement)(yd,{clientIds:[e]},(e=>(0,s.createElement)(p.Button,i({icon:uu,className:"block-selection-button_drag-handle","aria-hidden":"true",label:A,tabIndex:"-1"},e))))),(0,s.createElement)(p.FlexItem,null,(0,s.createElement)(p.Button,{ref:k,onClick:()=>b(!1),onKeyDown:function(t){const{keyCode:o}=t,r=o===fa.UP,l=o===fa.DOWN,i=o===fa.LEFT,s=o===fa.RIGHT,a=o===fa.TAB,c=o===fa.ESCAPE,u=o===fa.ENTER,d=o===fa.SPACE,p=t.shiftKey;if(o===fa.BACKSPACE||o===fa.DELETE)return v(e),void t.preventDefault();const m=B(),f=I(),g=x(f||m),h=T(f||m),b=a&&p||r,k=a&&!p||l,_=i,y=s;let L;if(b)L=g;else if(k)L=h;else if(_){var A;L=null!==(A=S(m))&&void 0!==A?A:m}else if(y){var D;L=null!==(D=w([m])[0])&&void 0!==D?D:m}const O=E();if(c&&O&&!t.defaultPrevented&&(R(null),t.preventDefault()),(u||d)&&O){const e=S(O),t=S(m),n=C(O,e);let o=C(m,t);n<o&&e===t&&(o-=1),M(O,e,t,o),N(O),R(null)}if(k||b||_||y)if(L)t.preventDefault(),N(L);else if(a&&m){let e;k?(e=tr.focus.tabbable.findNext(n),e||(e=n.ownerDocument.defaultView.frameElement,e=tr.focus.tabbable.findNext(e))):e=tr.focus.tabbable.findPrevious(n),e&&(t.preventDefault(),e.focus(),P())}},label:y,className:"block-selection-button_select-button"},(0,s.createElement)(_d,{clientId:e})))))};function Cd(e){return Array.from(e.querySelectorAll("[data-toolbar-item]"))}var Sd=function({children:e,focusOnMount:t,__experimentalInitialIndex:n,__experimentalOnIndexChange:o,...r}){const l=(0,s.useRef)(),a=function(e){const[t,n]=(0,s.useState)(!0),o=(0,s.useCallback)((()=>{const t=!tr.focus.tabbable.find(e.current).some((e=>!("toolbarItem"in e.dataset)));t||At()("Using custom components as toolbar controls",{since:"5.6",alternative:"ToolbarItem, ToolbarButton or ToolbarDropdownMenu components",link:"https://developer.wordpress.org/block-editor/components/toolbar-button/#inside-blockcontrols"}),n(t)}),[]);return(0,s.useLayoutEffect)((()=>{const t=new window.MutationObserver(o);return t.observe(e.current,{childList:!0,subtree:!0}),()=>t.disconnect()}),[t]),t}(l);return function(e,t,n,o,r){const[l]=(0,s.useState)(t),[i]=(0,s.useState)(o),a=(0,s.useCallback)((()=>{!function(e){const[t]=tr.focus.tabbable.find(e);t&&t.focus()}(e.current)}),[]);(0,Qa.useShortcut)("core/block-editor/focus-toolbar",a),(0,s.useEffect)((()=>{l&&a()}),[n,l,a]),(0,s.useEffect)((()=>{let t=0;return i&&!l&&(t=window.requestAnimationFrame((()=>{const t=Cd(e.current),n=i||0;var o;t[n]&&(o=e.current).contains(o.ownerDocument.activeElement)&&t[n].focus()}))),()=>{if(window.cancelAnimationFrame(t),!r||!e.current)return;const n=Cd(e.current).findIndex((e=>0===e.tabIndex));r(n)}}),[i,l])}(l,t,a,n,o),a?(0,s.createElement)(p.Toolbar,i({label:r["aria-label"],ref:l},r),e):(0,s.createElement)(p.NavigableMenu,i({orientation:"horizontal",role:"toolbar",ref:l},r),e)},wd=(0,s.createElement)(F.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,s.createElement)(F.Path,{d:"M10.6 6L9.4 7l4.6 5-4.6 5 1.2 1 5.4-6z"})),Bd=(0,s.createElement)(F.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,s.createElement)(F.Path,{d:"M14.6 7l-1.2-1L8 12l5.4 6 1.2-1-4.6-5z"})),Id=(0,s.createElement)(F.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},(0,s.createElement)(F.Path,{d:"M6.5 12.4L12 8l5.5 4.4-.9 1.2L12 10l-4.5 3.6-1-1.2z"})),xd=(0,s.createElement)(F.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},(0,s.createElement)(F.Path,{d:"M17.5 11.6L12 16l-5.5-4.4.9-1.2L12 14l4.5-3.6 1 1.2z"}));const Td=(e,t)=>"up"===e?"horizontal"===t?(0,g.isRTL)()?wd:Bd:Id:"down"===e?"horizontal"===t?(0,g.isRTL)()?Bd:wd:xd:null,Nd=(e,t)=>"up"===e?"horizontal"===t?(0,g.isRTL)()?(0,g.__)("Move right"):(0,g.__)("Move left"):(0,g.__)("Move up"):"down"===e?"horizontal"===t?(0,g.isRTL)()?(0,g.__)("Move left"):(0,g.__)("Move right"):(0,g.__)("Move down"):null,Pd=(0,s.forwardRef)((({clientIds:e,direction:t,orientation:n,...o},l)=>{const a=(0,d.useInstanceId)(Pd),f=(0,u.castArray)(e).length,{blockType:h,isDisabled:b,rootClientId:v,isFirst:k,isLast:_,firstIndex:y,orientation:E="vertical"}=(0,m.useSelect)((o=>{const{getBlockIndex:l,getBlockRootClientId:i,getBlockOrder:s,getBlock:a,getBlockListSettings:c}=o(Wn),d=(0,u.castArray)(e),p=(0,u.first)(d),m=i(p),f=l(p,m),g=l((0,u.last)(d),m),h=s(m),b=a(p),v=0===f,k=g===h.length-1,{orientation:_}=c(m)||{};return{blockType:b?(0,r.getBlockType)(b.name):null,isDisabled:"up"===t?v:k,rootClientId:m,firstIndex:f,isFirst:v,isLast:k,orientation:n||_}}),[e,t]),{moveBlocksDown:C,moveBlocksUp:S}=(0,m.useDispatch)(Wn),w="up"===t?S:C,B=`block-editor-block-mover-button__description-${a}`;return(0,s.createElement)(s.Fragment,null,(0,s.createElement)(p.Button,i({ref:l,className:c()("block-editor-block-mover-button",`is-${t}-button`),icon:Td(t,E),label:Nd(t,E),"aria-describedby":B},o,{onClick:b?null:t=>{w(e,v),o.onClick&&o.onClick(t)},"aria-disabled":b})),(0,s.createElement)("span",{id:B,className:"block-editor-block-mover-button__description"},function(e,t,n,o,r,l,i){const s=n+1,a=e=>"up"===e?"horizontal"===i?(0,g.isRTL)()?"right":"left":"up":"down"===e?"horizontal"===i?(0,g.isRTL)()?"left":"right":"down":null;if(e>1)return function(e,t,n,o,r){const l=t+1;return r<0&&n?(0,g.__)("Blocks cannot be moved up as they are already at the top"):r>0&&o?(0,g.__)("Blocks cannot be moved down as they are already at the bottom"):r<0&&!n?(0,g.sprintf)(// translators: 1: Number of selected blocks, 2: Position of selected blocks
|
27 |
-
(0,
|
28 |
-
(0,
|
29 |
-
(0,
|
30 |
-
(0,
|
31 |
-
(0,
|
32 |
-
(0,
|
33 |
-
(0,
|
34 |
-
(0,
|
35 |
-
(0,
|
36 |
-
(0,
|
37 |
-
(0,
|
38 |
-
(0,
|
39 |
-
(0,
|
40 |
-
(0,
|
41 |
-
(0,
|
42 |
/* translators: %s: Name of the block's parent. */
|
43 |
-
(0,
|
44 |
/* translators: %s: block title. */
|
45 |
-
(0,
|
46 |
/* translators: %d: number of blocks. */
|
47 |
-
(0,
|
48 |
-
(0,
|
49 |
-
(0,
|
50 |
-
(0,
|
51 |
-
(0,g._n)("Moved %d block to clipboard.","Moved %d blocks to clipboard.",r.length),r.length);n(l,{type:"snackbar"})}),[])}function ip(){const{getBlocksByClientId:e,getSelectedBlockClientIds:t,hasMultiSelection:n,getSettings:o}=(0,m.useSelect)(Wn),{flashBlock:l,removeBlocks:i,replaceBlocks:s}=(0,m.useDispatch)(Wn),a=lp();return(0,d.useRefEffect)((c=>{function u(u){const d=t();if(0===d.length)return;if(!n()){const{target:e}=u,{ownerDocument:t}=e;if("copy"===u.type||"cut"===u.type?(0,tr.documentHasUncollapsedSelection)(t):(0,tr.documentHasSelection)(t))return}if(!c.contains(u.target.ownerDocument.activeElement))return;const p=u.defaultPrevented;if(u.preventDefault(),"copy"===u.type||"cut"===u.type){1===d.length&&l(d[0]),a(u.type,d);const t=e(d),n=(0,r.serialize)(t);u.clipboardData.setData("text/plain",n),u.clipboardData.setData("text/html",n)}if("cut"===u.type)i(d);else if("paste"===u.type){if(p)return;const{__experimentalCanUserUseUnfilteredHTML:e}=o(),{plainText:t,html:n}=function({clipboardData:e}){let t="",n="";try{t=e.getData("text/plain"),n=e.getData("text/html")}catch(t){try{n=e.getData("Text")}catch(e){return}}const o=(0,tr.getFilesFromDataTransfer)(e).filter((({type:e})=>/^image\/(?:jpe?g|png|gif)$/.test(e)));return o.length&&!n&&(n=o.map((e=>`<img src="${(0,rp.createBlobURL)(e)}">`)).join(""),t=""),{html:n,plainText:t}}(u),l=(0,r.pasteHandler)({HTML:n,plainText:t,mode:"BLOCKS",canUserUseUnfilteredHTML:e});s(d,l,l.length-1,-1)}}return c.ownerDocument.addEventListener("copy",u),c.ownerDocument.addEventListener("cut",u),c.ownerDocument.addEventListener("paste",u),()=>{c.ownerDocument.removeEventListener("copy",u),c.ownerDocument.removeEventListener("cut",u),c.ownerDocument.removeEventListener("paste",u)}}),[])}var sp=function({children:e}){return(0,s.createElement)("div",{ref:ip()},e)};function ap({clientIds:e,children:t,__experimentalUpdateSelection:n}){const{canInsertBlockType:o,getBlockRootClientId:l,getBlocksByClientId:i,canMoveBlocks:s,canRemoveBlocks:a}=(0,m.useSelect)(Wn),{getDefaultBlockName:c,getGroupingBlockName:d}=(0,m.useSelect)(r.store),p=i(e),f=l(e[0]),g=(0,u.every)(p,(e=>!!e&&(0,r.hasBlockSupport)(e.name,"multiple",!0)&&o(e.name,f))),h=o(c(),f),b=s(e,f),v=a(e,f),{removeBlocks:k,replaceBlocks:_,duplicateBlocks:y,insertAfterBlock:E,insertBeforeBlock:C,flashBlock:S,setBlockMovingClientId:w,setNavigationMode:B,selectBlock:I}=(0,m.useDispatch)(Wn),x=lp();return t({canDuplicate:g,canInsertDefaultBlock:h,canMove:b,canRemove:v,rootClientId:f,blocks:p,onDuplicate:()=>y(e,n),onRemove:()=>k(e,n),onInsertBefore(){C((0,u.first)((0,u.castArray)(e)))},onInsertAfter(){E((0,u.last)((0,u.castArray)(e)))},onMoveTo(){B(!0),I(e[0]),w(e[0])},onGroup(){if(!p.length)return;const t=d(),n=(0,r.switchToBlockType)(p,t);n&&_(e,n)},onUngroup(){if(!p.length)return;const t=p[0].innerBlocks;t.length&&_(e,t)},onCopy(){const e=p.map((({clientId:e})=>e));1===p.length&&S(e[0]),x("copy",e)}})}var cp=(0,d.compose)([(0,m.withSelect)(((e,{clientId:t})=>{const{getBlock:n,getBlockMode:o,getSettings:l}=e(Wn),i=n(t),s=l().codeEditingEnabled;return{mode:o(t),blockType:i?(0,r.getBlockType)(i.name):null,isCodeEditingEnabled:s}})),(0,m.withDispatch)(((e,{onToggle:t=u.noop,clientId:n})=>({onToggleMode(){e(Wn).toggleBlockMode(n),t()}})))])((function({blockType:e,mode:t,onToggleMode:n,small:o=!1,isCodeEditingEnabled:l=!0}){if(!(0,r.hasBlockSupport)(e,"html",!0)||!l)return null;const i="visual"===t?(0,g.__)("Edit as HTML"):(0,g.__)("Edit visually");return(0,s.createElement)(p.MenuItem,{onClick:n},!o&&i)})),up=(0,d.compose)((0,m.withSelect)(((e,{clientId:t})=>{const n=e(Wn).getBlock(t);return{block:n,shouldRender:n&&"core/html"===n.name}})),(0,m.withDispatch)(((e,{block:t})=>({onClick:()=>e(Wn).replaceBlocks(t.clientId,(0,r.rawHandler)({HTML:(0,r.getBlockContent)(t)}))}))))((function({shouldRender:e,onClick:t,small:n}){if(!e)return null;const o=(0,g.__)("Convert to Blocks");return(0,s.createElement)(p.MenuItem,{onClick:t},!n&&o)}));const{Fill:dp,Slot:pp}=(0,p.createSlotFill)("__unstableBlockSettingsMenuFirstItem");dp.Slot=pp;var mp=dp;function fp({clientIds:e,isGroupable:t,isUngroupable:n,blocksSelection:o,groupingBlockName:l,onClose:i=(()=>{})}){const{replaceBlocks:a}=(0,m.useDispatch)(Wn);return t||n?(0,s.createElement)(s.Fragment,null,t&&(0,s.createElement)(p.MenuItem,{onClick:()=>{(()=>{const t=(0,r.switchToBlockType)(o,l);t&&a(e,t)})(),i()}},(0,g._x)("Group","verb")),n&&(0,s.createElement)(p.MenuItem,{onClick:()=>{(()=>{const t=o[0].innerBlocks;t.length&&a(e,t)})(),i()}},(0,g._x)("Ungroup","Ungrouping blocks from within a Group block back into individual blocks within the Editor "))):null}const{Fill:gp,Slot:hp}=(0,p.createSlotFill)("BlockSettingsMenuControls");function bp({...e}){return(0,s.createElement)(p.__experimentalStyleProvider,{document:document},(0,s.createElement)(gp,e))}bp.Slot=({fillProps:e,clientIds:t=null})=>{const{selectedBlocks:n,selectedClientIds:o}=(0,m.useSelect)((e=>{const{getBlocksByClientId:n,getSelectedBlockClientIds:o}=e(Wn),r=null!==t?t:o();return{selectedBlocks:(0,u.map)((0,u.compact)(n(r)),(e=>e.name)),selectedClientIds:r}}),[t]),l=function(){const{clientIds:e,isGroupable:t,isUngroupable:n,blocksSelection:o,groupingBlockName:l}=(0,m.useSelect)((e=>{var t;const{getBlockRootClientId:n,getBlocksByClientId:o,canInsertBlockType:l,getSelectedBlockClientIds:i}=e(Wn),{getGroupingBlockName:s}=e(r.store),a=i(),c=s(),u=l(c,null!=a&&a.length?n(a[0]):void 0),d=o(a),p=1===d.length&&(null===(t=d[0])||void 0===t?void 0:t.name)===c;return{clientIds:a,isGroupable:u&&d.length&&!p,isUngroupable:p&&!!d[0].innerBlocks.length,blocksSelection:d,groupingBlockName:c}}),[]);return{clientIds:e,isGroupable:t,isUngroupable:n,blocksSelection:o,groupingBlockName:l}}(),{isGroupable:a,isUngroupable:c}=l,d=a||c;return(0,s.createElement)(hp,{fillProps:{...e,selectedBlocks:n,selectedClientIds:o}},(t=>{if((null==t?void 0:t.length)>0||d)return(0,s.createElement)(p.MenuGroup,null,t,(0,s.createElement)(fp,i({},l,{onClose:null==e?void 0:e.onClose})))}))};var vp=bp;const kp={className:"block-editor-block-settings-menu__popover",position:"bottom right",isAlternate:!0};function _p({blocks:e,onCopy:t}){const n=(0,d.useCopyToClipboard)((()=>(0,r.serialize)(e)),t);return(0,s.createElement)(p.MenuItem,{ref:n},(0,g.__)("Copy"))}var yp=function({clientIds:e,__experimentalSelectBlock:t,children:n,...o}){const r=(0,u.castArray)(e),l=r.length,a=r[0],c=(0,m.useSelect)((e=>1===e(Wn).getBlockCount()),[]),d=(0,m.useSelect)((e=>{const{getShortcutRepresentation:t}=e(Qa.store);return{duplicate:t("core/block-editor/duplicate"),remove:t("core/block-editor/remove"),insertAfter:t("core/block-editor/insert-after"),insertBefore:t("core/block-editor/insert-before")}}),[]),f=(0,s.useCallback)(t?async e=>{const n=await e;n&&n[0]&&t(n[0])}:u.noop,[t]),h=1===l?(0,g.__)("Remove block"):(0,g.__)("Remove blocks");return(0,s.createElement)(ap,{clientIds:e,__experimentalUpdateSelection:!t},(({canDuplicate:t,canInsertDefaultBlock:r,canMove:m,canRemove:b,onDuplicate:v,onInsertAfter:k,onInsertBefore:_,onRemove:y,onCopy:E,onMoveTo:C,blocks:S})=>(0,s.createElement)(p.DropdownMenu,i({icon:op,label:(0,g.__)("Options"),className:"block-editor-block-settings-menu",popoverProps:kp,noIcons:!0},o),(({onClose:o})=>(0,s.createElement)(s.Fragment,null,(0,s.createElement)(p.MenuGroup,null,(0,s.createElement)(mp.Slot,{fillProps:{onClose:o}}),1===l&&(0,s.createElement)(up,{clientId:a}),(0,s.createElement)(_p,{blocks:S,onCopy:E}),t&&(0,s.createElement)(p.MenuItem,{onClick:(0,u.flow)(o,v,f),shortcut:d.duplicate},(0,g.__)("Duplicate")),r&&(0,s.createElement)(s.Fragment,null,(0,s.createElement)(p.MenuItem,{onClick:(0,u.flow)(o,_),shortcut:d.insertBefore},(0,g.__)("Insert before")),(0,s.createElement)(p.MenuItem,{onClick:(0,u.flow)(o,k),shortcut:d.insertAfter},(0,g.__)("Insert after"))),m&&!c&&(0,s.createElement)(p.MenuItem,{onClick:(0,u.flow)(o,C)},(0,g.__)("Move to")),1===l&&(0,s.createElement)(cp,{clientId:a,onToggle:o})),(0,s.createElement)(vp.Slot,{fillProps:{onClose:o},clientIds:e}),"function"==typeof n?n({onClose:o}):s.Children.map((e=>(0,s.cloneElement)(e,{onClose:o}))),b&&(0,s.createElement)(p.MenuGroup,null,(0,s.createElement)(p.MenuItem,{onClick:(0,u.flow)(o,y,f),shortcut:d.remove},h)))))))},Ep=function({clientIds:e,...t}){return(0,s.createElement)(p.ToolbarGroup,null,(0,s.createElement)(p.ToolbarItem,null,(n=>(0,s.createElement)(yp,i({clientIds:e,toggleProps:n},t)))))};function Cp({hideDragHandle:e}){const{blockClientIds:t,blockClientId:n,blockType:o,hasFixedToolbar:l,hasReducedUI:a,isValid:u,isVisual:f}=(0,m.useSelect)((e=>{const{getBlockName:t,getBlockMode:n,getSelectedBlockClientIds:o,isBlockValid:l,getBlockRootClientId:i,getSettings:s}=e(Wn),a=o(),c=a[0],u=i(c),d=s();return{blockClientIds:a,blockClientId:c,blockType:c&&(0,r.getBlockType)(t(c)),hasFixedToolbar:d.hasFixedToolbar,hasReducedUI:d.hasReducedUI,rootClientId:u,isValid:a.every((e=>l(e))),isVisual:a.every((e=>"visual"===n(e)))}}),[]),{toggleBlockHighlight:g}=(0,m.useDispatch)(Wn),h=(0,s.useRef)(),{showMovers:b,gestures:v}=Fd({ref:h,onChange(e){e&&a||g(n,e)}}),k=(0,d.useViewportMatch)("medium","<")||l;if(o&&!(0,r.hasBlockSupport)(o,"__experimentalToolbar",!0))return null;const _=k||b;if(0===t.length)return null;const y=u&&f,E=t.length>1,C=c()("block-editor-block-toolbar",_&&"is-showing-movers");return(0,s.createElement)("div",{className:C},!E&&!k&&(0,s.createElement)(zd,{clientIds:t}),(0,s.createElement)("div",i({ref:h},v),(y||E)&&(0,s.createElement)(p.ToolbarGroup,{className:"block-editor-block-toolbar__block-controls"},(0,s.createElement)(np,{clientIds:t}),(0,s.createElement)(Ld,{clientIds:t,hideDragHandle:e||a}))),y&&(0,s.createElement)(s.Fragment,null,(0,s.createElement)(eo.Slot,{group:"parent",className:"block-editor-block-toolbar__slot"}),(0,s.createElement)(eo.Slot,{group:"block",className:"block-editor-block-toolbar__slot"}),(0,s.createElement)(eo.Slot,{className:"block-editor-block-toolbar__slot"}),(0,s.createElement)(eo.Slot,{group:"inline",className:"block-editor-block-toolbar__slot"}),(0,s.createElement)(eo.Slot,{group:"other",className:"block-editor-block-toolbar__slot"})),(0,s.createElement)(Ep,{clientIds:t}))}var Sp=function({focusOnMount:e,isFixed:t,...n}){const{blockType:o,hasParents:l,showParentSelector:a}=(0,m.useSelect)((e=>{const{getBlockName:t,getBlockParents:n,getSelectedBlockClientIds:o}=e(Wn),{getBlockType:l}=e(r.store),i=o(),s=i[0],a=n(s),c=l(t(a[a.length-1]));return{blockType:s&&l(t(s)),hasParents:a.length,showParentSelector:(0,r.hasBlockSupport)(c,"__experimentalParentSelector",!0)&&i.length<=1}}),[]);if(o&&!(0,r.hasBlockSupport)(o,"__experimentalToolbar",!0))return null;const u=c()("block-editor-block-contextual-toolbar",{"has-parent":l&&a,"is-fixed":t});return(0,s.createElement)(Sd,i({focusOnMount:e,className:u
|
52 |
-
/* translators: accessibility text for the block toolbar */,"aria-label":(0,g.__)("Block tools")},n),(0,s.createElement)(Cp,{hideDragHandle:t}))};function wp(e){const{isNavigationMode:t,isMultiSelecting:n,hasMultiSelection:o,isTyping:r,isCaretWithinFormattedText:l,getSettings:i,getLastMultiSelectedBlockClientId:s}=e(Wn);return{isNavigationMode:t(),isMultiSelecting:n(),isTyping:r(),isCaretWithinFormattedText:l(),hasMultiSelection:o(),hasFixedToolbar:i().hasFixedToolbar,lastClientId:s()}}function Bp({clientId:e,rootClientId:t,isValid:n,isEmptyDefaultBlock:o,capturingClientId:r,__unstablePopoverSlot:l,__unstableContentRef:i}){const{isNavigationMode:a,isMultiSelecting:u,isTyping:f,isCaretWithinFormattedText:g,hasMultiSelection:h,hasFixedToolbar:b,lastClientId:v}=(0,m.useSelect)(wp,[]),k=(0,m.useSelect)((t=>{const{isBlockInsertionPointVisible:n,getBlockInsertionPoint:o,getBlockOrder:r}=t(Wn);if(!n())return!1;const l=o();return r(l.rootClientId)[l.index]===e}),[e]),_=(0,d.useViewportMatch)("medium"),[y,E]=(0,s.useState)(!1),[C,S]=(0,s.useState)(!1),{stopTyping:w}=(0,m.useDispatch)(Wn),B=!f&&!a&&o&&n,I=a,x=!a&&!b&&_&&!B&&!u&&(!f||g),T=!(a||x||b||o);(0,Qa.useShortcut)("core/block-editor/focus-toolbar",(()=>{E(!0),w(!0)}),{isDisabled:!T}),(0,s.useEffect)((()=>{x||E(!1)}),[x]);const N=(0,s.useRef)(),P=Sa(e),R=Sa(v),M=Sa(r),L=pd(i);if(!(I||x||y||B))return null;let A=P;if(!A)return null;r&&(A=M);let D=A;if(h){if(!R)return null;D={top:A,bottom:R}}const O=B?"top left right":"top right left",{ownerDocument:F}=A,z=B?void 0:F.defaultView.frameElement||(0,tr.getScrollContainer)(A)||F.body;return(0,s.createElement)(p.Popover,{ref:L,noArrow:!0,animate:!1,position:O,focusOnMount:!1,anchorRef:D,className:c()("block-editor-block-list__block-popover",{"is-insertion-point-visible":k}),__unstableStickyBoundaryElement:z,__unstableSlotName:l||null,__unstableBoundaryParent:!0,__unstableObserveElement:A,shouldAnchorIncludePadding:!0,__unstableEditorCanvasWrapper:null==i?void 0:i.current},(x||y)&&(0,s.createElement)("div",{onFocus:function(){S(!0)},onBlur:function(){S(!1)},tabIndex:-1,className:c()("block-editor-block-list__block-popover-inserter",{"is-visible":C})},(0,s.createElement)(id,{clientId:e,rootClientId:t,__experimentalIsQuick:!0})),(x||y)&&(0,s.createElement)(Sp,{focusOnMount:y,__experimentalInitialIndex:N.current,__experimentalOnIndexChange:e=>{N.current=e},key:e}),I&&(0,s.createElement)(Ed,{clientId:e,rootClientId:t,blockElement:A}),B&&(0,s.createElement)("div",{className:"block-editor-block-list__empty-block-inserter"},(0,s.createElement)(id,{position:"bottom right",rootClientId:t,clientId:e,__experimentalIsQuick:!0})))}function Ip(e){const{getSelectedBlockClientId:t,getFirstMultiSelectedBlockClientId:n,getBlockRootClientId:o,getBlock:l,getBlockParents:i,__experimentalGetBlockListSettingsForBlocks:s}=e(Wn),a=t()||n();if(!a)return;const{name:c,attributes:d={},isValid:p}=l(a)||{},m=i(a),f=s(m),g=(0,u.find)(m,(e=>{var t;return null===(t=f[e])||void 0===t?void 0:t.__experimentalCaptureToolbars}));return{clientId:a,rootClientId:o(a),name:c,isValid:p,isEmptyDefaultBlock:c&&(0,r.isUnmodifiedDefaultBlock)({name:c,attributes:d}),capturingClientId:g}}function xp({__unstablePopoverSlot:e,__unstableContentRef:t}){const n=(0,m.useSelect)(Ip,[]);if(!n)return null;const{clientId:o,rootClientId:r,name:l,isValid:i,isEmptyDefaultBlock:a,capturingClientId:c}=n;return l?(0,s.createElement)(Bp,{clientId:o,rootClientId:r,isValid:i,isEmptyDefaultBlock:a,capturingClientId:c,__unstablePopoverSlot:e,__unstableContentRef:t}):null}function Tp({children:e}){const t=(0,s.useContext)(md),n=(0,s.useContext)(p.Disabled.Context);return t||n?e:(At()('wp.components.Popover.Slot name="block-toolbar"',{alternative:"wp.blockEditor.BlockTools"}),(0,s.createElement)(gd,{__unstablePopoverSlot:"block-toolbar"},(0,s.createElement)(xp,{__unstablePopoverSlot:"block-toolbar"}),e))}var Np=(0,d.createHigherOrderComponent)((e=>t=>{const{clientId:n}=qn();return(0,s.createElement)(e,i({},t,{clientId:n}))}),"withClientId"),Pp=Np((({clientId:e,showSeparator:t,isFloating:n,onAddBlock:o,isToggle:r})=>(0,s.createElement)(ud,{className:c()({"block-list-appender__toggle":r}),rootClientId:e,showSeparator:t,isFloating:n,onAddBlock:o}))),Rp=(0,d.compose)([Np,(0,m.withSelect)(((e,{clientId:t})=>{const{getBlockOrder:n}=e(Wn),o=n(t);return{lastBlockClientId:(0,u.last)(o)}}))])((({clientId:e,lastBlockClientId:t})=>(0,s.createElement)(sd,{rootClientId:e,lastBlockClientId:t}))),Mp=window.wp.isShallowEqual,Lp=n.n(Mp);const Ap=new WeakMap;function Dp(e,t){const n=(0,m.useSelect)((e=>e(Wn).getSettings().mediaUpload),[]),{canInsertBlockType:o,getBlockIndex:l,getClientIdsOfDescendants:i}=(0,m.useSelect)(Wn),{insertBlocks:s,moveBlocksToPosition:a,updateBlockAttributes:c,clearSelectedBlock:u}=(0,m.useDispatch)(Wn),d=function(e,t,n,o,l,i,s){return a=>{const{srcRootClientId:c,srcClientIds:u,type:d,blocks:p}=function(e){let t={srcRootClientId:null,srcClientIds:null,srcIndex:null,type:null,blocks:null};if(!e.dataTransfer)return t;try{t=Object.assign(t,JSON.parse(e.dataTransfer.getData("wp-blocks")))}catch(e){return t}return t}(a);if("inserter"===d){s();const n=p.map((e=>(0,r.cloneBlock)(e)));i(n,t,e,!0,null)}if("block"===d){const r=n(u[0],c);if(c===e&&r===t)return;if(u.includes(e)||o(u).some((t=>t===e)))return;const i=c===e,s=u.length;l(u,c,e,i&&r<t?t-s:t)}}}(e,t,l,i,a,s,u),p=function(e,t,n,o,l,i){return s=>{if(!n)return;const a=(0,r.findTransform)((0,r.getBlockTransforms)("from"),(t=>"files"===t.type&&l(t.blockName,e)&&t.isMatch(s)));if(a){const n=a.transform(s,o);i(n,t,e)}}}(e,t,n,c,o,s),f=function(e,t,n){return o=>{const l=(0,r.pasteHandler)({HTML:o,mode:"BLOCKS"});l.length&&n(l,t,e)}}(e,t,s);return e=>{const t=(0,tr.getFilesFromDataTransfer)(e.dataTransfer),n=e.dataTransfer.getData("text/html");t.length?p(t):n?f(n):d(e)}}function Op(e,t,n=["top","bottom","left","right"]){let o,r;return n.forEach((n=>{const l=function(e,t,n){const o="top"===n||"bottom"===n,{x:r,y:l}=e,i=o?r:l,s=o?l:r,a=o?t.left:t.top,c=o?t.right:t.bottom,u=t[n];let d;return d=i>=a&&i<=c?i:i<c?a:c,Math.sqrt((i-d)**2+(s-u)**2)}(e,t,n);(void 0===o||l<o)&&(o=l,r=n)})),[o,r]}function Fp({rootClientId:e=""}={}){const[t,n]=(0,s.useState)(null),o=(0,m.useSelect)((t=>{const{getTemplateLock:n}=t(Wn);return"all"===n(e)}),[e]),{getBlockListSettings:r}=(0,m.useSelect)(Wn),{showInsertionPoint:l,hideInsertionPoint:i}=(0,m.useDispatch)(Wn),a=Dp(e,t),c=(0,d.useThrottle)((0,s.useCallback)(((t,o)=>{var i;const s=function(e,t,n){const o="horizontal"===n?["left","right"]:["top","bottom"],r=(0,g.isRTL)();let l,i;return e.forEach(((e,n)=>{const s=e.getBoundingClientRect(),[a,c]=Op(t,s,o);(void 0===i||a<i)&&(i=a,l=n+("bottom"===c||!r&&"right"===c||r&&"left"===c?1:0))})),l}(Array.from(o.children).filter((e=>e.classList.contains("wp-block"))),{x:t.clientX,y:t.clientY},null===(i=r(e))||void 0===i?void 0:i.orientation);n(void 0===s?0:s),null!==s&&l(e,s)}),[]),200);return(0,d.__experimentalUseDropZone)({isDisabled:o,onDrop:a,onDragOver(e){c(e,e.currentTarget)},onDragLeave(){c.cancel(),i(),n(null)},onDragEnd(){c.cancel(),i(),n(null)}})}function zp(e){const{clientId:t,allowedBlocks:n,__experimentalDefaultBlock:o,__experimentalDirectInsert:l,template:i,templateLock:a,wrapperRef:c,templateInsertUpdatesSelection:d,__experimentalCaptureToolbars:p,__experimentalAppenderTagName:f,renderAppender:g,orientation:h,placeholder:b,__experimentalLayout:v}=e;!function(e,t,n,o,r,l,i,a){const{updateBlockListSettings:c}=(0,m.useDispatch)(Wn),{blockListSettings:u,parentLock:d}=(0,m.useSelect)((t=>{const n=t(Wn).getBlockRootClientId(e);return{blockListSettings:t(Wn).getBlockListSettings(e),parentLock:t(Wn).getTemplateLock(n)}}),[e]),p=(0,s.useMemo)((()=>t),t);(0,s.useLayoutEffect)((()=>{const t={allowedBlocks:p,templateLock:void 0===r?d:r};if(void 0!==l&&(t.__experimentalCaptureToolbars=l),void 0!==i)t.orientation=i;else{const e=wo(null==a?void 0:a.type);t.orientation=e.getOrientation(a)}void 0!==n&&(t.__experimentalDefaultBlock=n),void 0!==o&&(t.__experimentalDirectInsert=o),Lp()(u,t)||c(e,t)}),[e,u,p,n,o,r,d,l,i,c,a])}(t,n,o,l,a,p,h,v),function(e,t,n,o){const{getSelectedBlocksInitialCaretPosition:l}=(0,m.useSelect)(Wn),{replaceInnerBlocks:i}=(0,m.useDispatch)(Wn),a=(0,m.useSelect)((t=>t(Wn).getBlocks(e)),[e]),c=(0,s.useRef)(null);(0,s.useLayoutEffect)((()=>{if((0===a.length||"all"===n)&&!(0,u.isEqual)(t,c.current)){c.current=t;const n=(0,r.synchronizeBlocksWithTemplate)(a,t);(0,u.isEqual)(n,a)||i(e,n,0===a.length&&o&&0!==n.length,l())}}),[a,t,n,e])}(t,i,a,d);const k=(0,m.useSelect)((e=>{const n=e(Wn).getBlock(t),o=(0,r.getBlockType)(n.name);if(o&&o.providesContext)return function(e,t){Ap.has(t)||Ap.set(t,new WeakMap);const n=Ap.get(t);if(!n.has(e)){const o=(0,u.mapValues)(t.providesContext,(t=>e[t]));n.set(e,o)}return n.get(e)}(n.attributes,o)}),[t]);return(0,s.createElement)(or,{value:k},(0,s.createElement)(Yp,{rootClientId:t,renderAppender:g,__experimentalAppenderTagName:f,__experimentalLayout:v,wrapperRef:c,placeholder:b}))}function Vp(e){return Ha(e),(0,s.createElement)(zp,e)}const Hp=(0,s.forwardRef)(((e,t)=>{const n=Up({ref:t},e);return(0,s.createElement)("div",{className:"block-editor-inner-blocks"},(0,s.createElement)("div",n))}));function Up(e={},t={}){const{clientId:n}=qn(),o=(0,d.useViewportMatch)("medium","<"),{__experimentalCaptureToolbars:l,hasOverlay:a}=(0,m.useSelect)((e=>{if(!n)return{};const{getBlockName:t,isBlockSelected:l,hasSelectedInnerBlock:i,isNavigationMode:s}=e(Wn),a=t(n),c=s()||o;return{__experimentalCaptureToolbars:e(r.store).hasBlockSupport(a,"__experimentalExposeControlsToChildren",!1),hasOverlay:"core/template"!==a&&!l(n)&&!i(n,!0)&&c}}),[n,o]),u=(0,d.useMergeRefs)([e.ref,Fp({rootClientId:n})]),p={__experimentalCaptureToolbars:l,...t},f=p.value&&p.onChange?Vp:zp;return{...e,ref:u,className:c()(e.className,"block-editor-block-list__layout",{"has-overlay":a}),children:n?(0,s.createElement)(f,i({},p,{clientId:n})):(0,s.createElement)(Yp,t)}}Hp.DefaultBlockAppender=Rp,Hp.ButtonBlockAppender=Pp,Hp.Content=(0,r.withBlockContentContext)((({BlockContent:e})=>(0,s.createElement)(e,null)));var Gp=Hp;const Wp=(0,s.createContext)(),$p=(0,s.createContext)();function jp({className:e,...t}){const[n,o]=(0,s.useState)(),r=(0,d.useViewportMatch)("medium"),{isOutlineMode:l,isFocusMode:i,isNavigationMode:a}=(0,m.useSelect)((e=>{const{getSettings:t,isNavigationMode:n}=e(Wn),{outlineMode:o,focusMode:r}=t();return{isOutlineMode:o,isFocusMode:r,isNavigationMode:n()}}),[]),u=Up({ref:(0,d.useMergeRefs)([Wa(),hd(),o]),className:c()("is-root-container",e,{"is-outline-mode":l,"is-focus-mode":i&&r,"is-navigate-mode":a})},t);return(0,s.createElement)(Wp.Provider,{value:n},(0,s.createElement)("div",u))}function Kp(e){return function(){const e=(0,m.useSelect)((e=>e(Wn).getSettings().__experimentalBlockPatterns),[]);(0,s.useEffect)((()=>{if(null==e||!e.length)return;let t,n=-1;const o=()=>{n++,n>=e.length||((0,m.select)(Wn).__experimentalGetParsedPattern(e[n].name),t=bd(o))};return t=bd(o),()=>vd(t)}),[e])}(),(0,s.createElement)(Tp,null,(0,s.createElement)(Kn,{value:$n},(0,s.createElement)(jp,e)))}function qp({placeholder:e,rootClientId:t,renderAppender:n,__experimentalAppenderTagName:o,__experimentalLayout:r=Bo}){const[l,i]=(0,s.useState)(new Set),a=(0,s.useMemo)((()=>{const{IntersectionObserver:e}=window;if(e)return new e((e=>{i((t=>{const n=new Set(t);for(const t of e){const e=t.target.getAttribute("data-block");n[t.isIntersecting?"add":"delete"](e)}return n}))}))}),[i]),{order:c,selectedBlocks:u}=(0,m.useSelect)((e=>{const{getBlockOrder:n,getSelectedBlockClientIds:o}=e(Wn);return{order:n(t),selectedBlocks:o()}}),[t]);return(0,s.createElement)(xo,{value:r},(0,s.createElement)($p.Provider,{value:a},c.map((e=>(0,s.createElement)(m.AsyncModeProvider,{key:e,value:!l.has(e)&&!u.includes(e)},(0,s.createElement)(Ma,{rootClientId:t,clientId:e}))))),c.length<1&&e,(0,s.createElement)(dd,{tagName:o,rootClientId:t,renderAppender:n}))}function Yp(e){return(0,s.createElement)(m.AsyncModeProvider,{value:!1},(0,s.createElement)(qp,e))}Kp.__unstableElementContext=Wp,Rc([Mc,Dc]);const Zp=(e,t,n)=>{if(t){const n=(0,u.find)(e,{slug:t});if(n)return n}return{color:n}},Xp=(e,t)=>(0,u.find)(e,{color:t});function Qp(e,t){if(e&&t)return`has-${(0,u.kebabCase)(t)}-${e}`}const Jp=[];function em(e){if(e)return`has-${e}-gradient-background`}function tm(e,t){const n=(0,u.find)(e,["slug",t]);return n&&n.gradient}function nm(e,t){return(0,u.find)(e,["gradient",t])}function om(e,t){const n=nm(e,t);return n&&n.slug}function rm({gradientAttribute:e="gradient",customGradientAttribute:t="customGradient"}={}){const{clientId:n}=qn(),o=fo("color.gradients")||Jp,{gradient:r,customGradient:l}=(0,m.useSelect)((o=>{const{getBlockAttributes:r}=o(Wn),l=r(n)||{};return{customGradient:l[t],gradient:l[e]}}),[n,e,t]),{updateBlockAttributes:i}=(0,m.useDispatch)(Wn),a=(0,s.useCallback)((r=>{const l=om(o,r);i(n,l?{[e]:l,[t]:void 0}:{[e]:void 0,[t]:r})}),[o,n,i]),c=em(r);let u;return u=r?tm(o,r):l,{gradientClass:c,gradientValue:u,setGradient:a}}
|
53 |
-
|
54 |
-
const lm=(0,g.__)("(Color: %s)"),im=(0,g.__)("(Gradient: %s)"),sm=["colors","disableCustomColors","gradients","disableCustomGradients"];// translators: first %s: the gradient name or value (e.g. red to green or linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)
|
55 |
-
function am({colors:e,gradients:t,label:n,currentTab:o,colorValue:r,gradientValue:l}){let i,a;if("color"===o){if(r){i=r;const t=Xp(e,i),n=t&&t.name;a=(0,g.sprintf)(lm,n||i)}}else if("gradient"===o&&l){i=l;const e=nm(t,i),n=e&&e.name;a=(0,g.sprintf)(im,n||i)}return(0,s.createElement)(s.Fragment,null,n,!!i&&(0,s.createElement)(p.ColorIndicator,{colorValue:i,"aria-label":a}))}function cm({colors:e,gradients:t,disableCustomColors:n,disableCustomGradients:o,className:r,label:l,onColorChange:i,onGradientChange:a,colorValue:d,gradientValue:m,clearable:f}){const h=i&&(!(0,u.isEmpty)(e)||!n),b=a&&(!(0,u.isEmpty)(t)||!o),[v,k]=(0,s.useState)(m?"gradient":!!h&&"color");return h||b?(0,s.createElement)(p.BaseControl,{className:c()("block-editor-color-gradient-control",r)},(0,s.createElement)("fieldset",null,(0,s.createElement)(p.__experimentalVStack,{space:3},(0,s.createElement)("legend",null,(0,s.createElement)("div",{className:"block-editor-color-gradient-control__color-indicator"},(0,s.createElement)(p.BaseControl.VisualLabel,null,(0,s.createElement)(am,{currentTab:v,label:l,colorValue:d,gradientValue:m})))),h&&b&&(0,s.createElement)(p.__experimentalToggleGroupControl,{value:v,onChange:k,label:(0,g.__)("Select color type"),hideLabelFromVision:!0,isBlock:!0},(0,s.createElement)(p.__experimentalToggleGroupControlOption,{value:"color",label:(0,g.__)("Solid")}),(0,s.createElement)(p.__experimentalToggleGroupControlOption,{value:"gradient",label:(0,g.__)("Gradient")})),("color"===v||!b)&&(0,s.createElement)(p.ColorPalette,{value:d,onChange:b?e=>{i(e),a()}:i,colors:e,disableCustomColors:n,clearable:f}),("gradient"===v||!h)&&(0,s.createElement)(p.GradientPicker,{value:m,onChange:h?e=>{a(e),i()}:a,gradients:t,disableCustomGradients:o,clearable:f})))):null}function um(e){const t={};return t.colors=fo("color.palette"),t.gradients=fo("color.gradients"),t.disableCustomColors=!fo("color.custom"),t.disableCustomGradients=!fo("color.customGradient"),(0,s.createElement)(cm,i({},t,e))}var dm=function(e){return(0,u.every)(sm,(t=>e.hasOwnProperty(t)))?(0,s.createElement)(cm,e):(0,s.createElement)(um,e)};const pm=[];function mm(e){const{attributes:{borderColor:t,style:n},setAttributes:o}=e,r=fo("color.palette")||pm,l=!fo("color.custom"),i=!fo("color.customGradient"),[a,c]=(0,s.useState)((()=>{var e,o;return null===(e=Zp(r,t,null==n||null===(o=n.border)||void 0===o?void 0:o.color))||void 0===e?void 0:e.color}));return(0,s.createElement)(dm,{label:(0,g.__)("Color"),colorValue:a,colors:r,gradients:void 0,disableCustomColors:l,disableCustomGradients:i,onColorChange:e=>{c(e);const t=Xp(r,e),l={...n,border:{...null==n?void 0:n.border,color:null!=t&&t.slug?void 0:e}},i=null!=t&&t.slug?t.slug:void 0;o({style:$o(l),borderColor:i})}})}function fm(e,t,n){var o;if(!zm(t,"color")||Vm(t))return e;const{borderColor:r,style:l}=n,i=Qp("border-color",r),s=c()(e.className,{"has-border-color":r||(null==l||null===(o=l.border)||void 0===o?void 0:o.color),[i]:!!i});return e.className=s||void 0,e}const gm=(0,d.createHigherOrderComponent)((e=>t=>{var n,o;const{name:r,attributes:l}=t,{borderColor:a}=l,c=fo("color.palette")||pm;if(!zm(r,"color")||Vm(r))return(0,s.createElement)(e,t);const u={borderColor:a?null===(n=Zp(c,a))||void 0===n?void 0:n.color:void 0};let d=t.wrapperProps;return d={...t.wrapperProps,style:{...u,...null===(o=t.wrapperProps)||void 0===o?void 0:o.style}},(0,s.createElement)(e,i({},t,{wrapperProps:d}))}));function hm(e){return[...e].sort(((t,n)=>e.filter((e=>e===n)).length-e.filter((e=>e===t)).length)).shift()}function bm(e={}){if("string"==typeof e)return e;const t=Object.values(e).map((e=>(0,p.__experimentalParseUnit)(e))),n=t.map((e=>e[0])),o=t.map((e=>e[1])),r=n.every((e=>e===n[0]))?n[0]:"",l=hm(o);return 0===r||r?`${r}${l}`:null}function vm(e={}){const t=bm(e);return isNaN(parseFloat(t))}function km(e){return!!e&&("string"==typeof e||!!Object.values(e).filter((e=>!!e||0===e)).length)}function _m({onChange:e,values:t,...n}){const o=bm(t),r=km(t)&&vm(t),l=r?(0,g.__)("Mixed"):null;return(0,s.createElement)(p.__experimentalUnitControl,i({},n,{"aria-label":(0,g.__)("Border radius"),disableUnits:r,isOnly:!0,value:o,onChange:e,placeholder:l}))}(0,l.addFilter)("blocks.registerBlockType","core/border/addAttributes",(function(e){return zm(e,"color")?e.attributes.borderColor?e:{...e,attributes:{...e.attributes,borderColor:{type:"string"}}}:e})),(0,l.addFilter)("blocks.getSaveContent.extraProps","core/border/addSaveProps",fm),(0,l.addFilter)("blocks.registerBlockType","core/border/addEditProps",(function(e){if(!zm(e,"color")||Vm(e))return e;const t=e.getEditWrapperProps;return e.getEditWrapperProps=n=>{let o={};return t&&(o=t(n)),fm(o,e,n)},e})),(0,l.addFilter)("editor.BlockListBlock","core/border/with-border-color-palette-styles",gm);const ym={topLeft:(0,g.__)("Top left"),topRight:(0,g.__)("Top right"),bottomLeft:(0,g.__)("Bottom left"),bottomRight:(0,g.__)("Bottom right")};function Em({onChange:e,values:t,...n}){const o="string"!=typeof t?t:{topLeft:t,topRight:t,bottomLeft:t,bottomRight:t};return(0,s.createElement)("div",{className:"components-border-radius-control__input-controls-wrapper"},Object.entries(ym).map((([t,r])=>{return(0,s.createElement)(p.__experimentalUnitControl,i({},n,{key:t,"aria-label":r,value:o[t],onChange:(l=t,t=>{e&&e({...o,[l]:t||void 0})})}));var l})))}var Cm=(0,s.createElement)(F.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,s.createElement)(F.Path,{d:"M15.6 7.2H14v1.5h1.6c2 0 3.7 1.7 3.7 3.7s-1.7 3.7-3.7 3.7H14v1.5h1.6c2.8 0 5.2-2.3 5.2-5.2 0-2.9-2.3-5.2-5.2-5.2zM4.7 12.4c0-2 1.7-3.7 3.7-3.7H10V7.2H8.4c-2.9 0-5.2 2.3-5.2 5.2 0 2.9 2.3 5.2 5.2 5.2H10v-1.5H8.4c-2 0-3.7-1.7-3.7-3.7zm4.6.9h5.3v-1.5H9.3v1.5z"})),Sm=(0,s.createElement)(F.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,s.createElement)(F.Path,{d:"M15.6 7.3h-.7l1.6-3.5-.9-.4-3.9 8.5H9v1.5h2l-1.3 2.8H8.4c-2 0-3.7-1.7-3.7-3.7s1.7-3.7 3.7-3.7H10V7.3H8.4c-2.9 0-5.2 2.3-5.2 5.2 0 2.9 2.3 5.2 5.2 5.2H9l-1.4 3.2.9.4 5.7-12.5h1.4c2 0 3.7 1.7 3.7 3.7s-1.7 3.7-3.7 3.7H14v1.5h1.6c2.9 0 5.2-2.3 5.2-5.2 0-2.9-2.4-5.2-5.2-5.2z"}));function wm({isLinked:e,...t}){const n=e?(0,g.__)("Unlink Radii"):(0,g.__)("Link Radii");return(0,s.createElement)(p.Tooltip,{text:n},(0,s.createElement)(p.Button,i({},t,{className:"component-border-radius-control__linked-button",isPrimary:e,isSecondary:!e,isSmall:!0,icon:e?Cm:Sm,iconSize:16,"aria-label":n})))}const Bm={topLeft:null,topRight:null,bottomLeft:null,bottomRight:null},Im={px:100,em:20,rem:20};function xm({onChange:e,values:t}){const[n,o]=(0,s.useState)(!km(t)||!vm(t)),r=(0,p.__experimentalUseCustomUnits)({availableUnits:fo("spacing.units")||["px","em","rem"]}),l=function(e={}){if("string"==typeof e){const[,t]=(0,p.__experimentalParseUnit)(e);return t||"px"}return hm(Object.values(e).map((e=>{const[,t]=(0,p.__experimentalParseUnit)(e);return t})))||"px"}(t),i=r&&r.find((e=>e.value===l)),a=(null==i?void 0:i.step)||1,[c]=(0,p.__experimentalParseUnit)(bm(t));return(0,s.createElement)("fieldset",{className:"components-border-radius-control"},(0,s.createElement)("legend",null,(0,g.__)("Radius")),(0,s.createElement)("div",{className:"components-border-radius-control__wrapper"},n?(0,s.createElement)(s.Fragment,null,(0,s.createElement)(_m,{className:"components-border-radius-control__unit-control",values:t,min:0,onChange:e,unit:l,units:r}),(0,s.createElement)(p.RangeControl,{className:"components-border-radius-control__range-control",value:c,min:0,max:Im[l],initialPosition:0,withInputField:!1,onChange:t=>{e(void 0!==t?`${t}${l}`:void 0)},step:a})):(0,s.createElement)(Em,{min:0,onChange:e,values:t||Bm,units:r}),(0,s.createElement)(wm,{onClick:()=>o(!n),isLinked:n})))}function Tm(e){var t;const{attributes:{style:n},setAttributes:o}=e;return(0,s.createElement)(xm,{values:null==n||null===(t=n.border)||void 0===t?void 0:t.radius,onChange:e=>{let t={...n,border:{...null==n?void 0:n.border,radius:e}};void 0!==e&&""!==e||(t=$o(t)),o({style:t})}})}var Nm=(0,s.createElement)(F.SVG,{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",fill:"none"},(0,s.createElement)(F.Path,{d:"M5 11.25h14v1.5H5z"})),Pm=(0,s.createElement)(F.SVG,{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",fill:"none"},(0,s.createElement)(F.Path,{fillRule:"evenodd",d:"M5 11.25h3v1.5H5v-1.5zm5.5 0h3v1.5h-3v-1.5zm8.5 0h-3v1.5h3v-1.5z",clipRule:"evenodd"})),Rm=(0,s.createElement)(F.SVG,{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",fill:"none"},(0,s.createElement)(F.Path,{fillRule:"evenodd",d:"M5.25 11.25h1.5v1.5h-1.5v-1.5zm3 0h1.5v1.5h-1.5v-1.5zm4.5 0h-1.5v1.5h1.5v-1.5zm1.5 0h1.5v1.5h-1.5v-1.5zm4.5 0h-1.5v1.5h1.5v-1.5z",clipRule:"evenodd"}));const Mm=[{label:(0,g.__)("Solid"),icon:Nm,value:"solid"},{label:(0,g.__)("Dashed"),icon:Pm,value:"dashed"},{label:(0,g.__)("Dotted"),icon:Rm,value:"dotted"}];function Lm({onChange:e,value:t}){return(0,s.createElement)("fieldset",{className:"components-border-style-control"},(0,s.createElement)("legend",null,(0,g.__)("Style")),(0,s.createElement)("div",{className:"components-border-style-control__buttons"},Mm.map((n=>(0,s.createElement)(p.Button,{key:n.value,icon:n.icon,isSmall:!0,isPressed:n.value===t,onClick:()=>e(n.value===t?void 0:n.value),"aria-label":n.label})))))}const Am=e=>{var t;const{attributes:{style:n},setAttributes:o}=e;return(0,s.createElement)(Lm,{value:null==n||null===(t=n.border)||void 0===t?void 0:t.style,onChange:e=>{const t={...n,border:{...null==n?void 0:n.border,style:e}};o({style:$o(t)})}})},Dm=e=>{const{attributes:{borderColor:t,style:n},setAttributes:o}=e,{width:r,color:l,style:i}=(null==n?void 0:n.border)||{},[a,c]=(0,s.useState)(),[u,d]=(0,s.useState)();(0,s.useEffect)((()=>{"none"!==i&&c(i)}),[i]),(0,s.useEffect)((()=>{(t||l)&&d({name:t||void 0,color:l||void 0})}),[t,l]);const m=(0,p.__experimentalUseCustomUnits)({availableUnits:fo("spacing.units")||["px","em","rem"]});return(0,s.createElement)(p.__experimentalUnitControl,{value:r,label:(0,g.__)("Width"),min:0,onChange:e=>{let r={...n,border:{...null==n?void 0:n.border,width:e}},l=t;const s=0===parseFloat(e);s&&(l=void 0,r.border.color=void 0,r.border.style="none"),s||"none"!==i||(r.border.style=a),s||void 0!==t||(l=null==u?void 0:u.name,r.border.color=null==u?void 0:u.color),void 0!==e&&""!==e||(r=$o(r)),o({borderColor:l,style:r})},units:m})},Om="__experimentalBorder";function Fm(e){const t=Hm(e),n=zm(e.name),o=fo("border.customColor")&&zm(e.name,"color"),r=fo("border.customRadius")&&zm(e.name,"radius"),l=fo("border.customStyle")&&zm(e.name,"style"),i=fo("border.customWidth")&&zm(e.name,"width");return t||!n?null:(0,s.createElement)(Xo,null,(0,s.createElement)(p.PanelBody,{className:"block-editor-hooks__border-controls",title:(0,g.__)("Border"),initialOpen:!1},(i||l)&&(0,s.createElement)("div",{className:"block-editor-hooks__border-controls-row"},i&&(0,s.createElement)(Dm,e),l&&(0,s.createElement)(Am,e)),o&&(0,s.createElement)(mm,e),r&&(0,s.createElement)(Tm,e)))}function zm(e,t="any"){if("web"!==s.Platform.OS)return!1;const n=(0,r.getBlockSupport)(e,Om);return!!(!0===n||("any"===t?null!=n&&n.color||null!=n&&n.radius||null!=n&&n.width||null!=n&&n.style:null!=n&&n[t]))}function Vm(e){const t=(0,r.getBlockSupport)(e,Om);return null==t?void 0:t.__experimentalSkipSerialization}const Hm=()=>[!fo("border.customColor"),!fo("border.customRadius"),!fo("border.customStyle"),!fo("border.customWidth")].every(Boolean),Um=(0,g.__)("(%s: color %s)"),Gm=(0,g.__)("(%s: gradient %s)"),Wm=["colors","disableCustomColors","gradients","disableCustomGradients"],$m=({colors:e,gradients:t,settings:n})=>n.map((({colorValue:n,gradientValue:o,label:r,colors:l,gradients:i},a)=>{if(!n&&!o)return null;let c;if(n){const t=Xp(l||e,n);c=(0,g.sprintf)(Um,r.toLowerCase(),t&&t.name||n)}else{const e=nm(i||t,n);c=(0,g.sprintf)(Gm,r.toLowerCase(),e&&e.name||o)}return(0,s.createElement)(p.ColorIndicator,{key:a,colorValue:n||o,"aria-label":c})})),jm=({className:e,colors:t,gradients:n,disableCustomColors:o,disableCustomGradients:r,children:l,settings:a,title:d,showTitle:m=!0,...f})=>{if((0,u.isEmpty)(t)&&(0,u.isEmpty)(n)&&o&&r&&(0,u.every)(a,(e=>(0,u.isEmpty)(e.colors)&&(0,u.isEmpty)(e.gradients)&&(void 0===e.disableCustomColors||e.disableCustomColors)&&(void 0===e.disableCustomGradients||e.disableCustomGradients))))return null;const g=(0,s.createElement)("span",{className:"block-editor-panel-color-gradient-settings__panel-title"},d,(0,s.createElement)($m,{colors:t,gradients:n,settings:a}));return(0,s.createElement)(p.PanelBody,i({className:c()("block-editor-panel-color-gradient-settings",e),title:m?g:void 0},f),a.map(((e,l)=>(0,s.createElement)(dm,i({key:l,colors:t,gradients:n,disableCustomColors:o,disableCustomGradients:r},e)))),l)},Km=e=>{const t={};return t.colors=fo("color.palette"),t.gradients=fo("color.gradients"),t.disableCustomColors=!fo("color.custom"),t.disableCustomGradients=!fo("color.customGradient"),(0,s.createElement)(jm,i({},t,e))};var qm=e=>(0,u.every)(Wm,(t=>e.hasOwnProperty(t)))?(0,s.createElement)(jm,e):(0,s.createElement)(Km,e);function Ym({colordBackgroundColor:e,colordTextColor:t,backgroundColor:n,textColor:o}){const r=e.brightness()<t.brightness()?(0,g.__)("This color combination may be hard for people to read. Try using a darker background color and/or a brighter text color."):(0,g.__)("This color combination may be hard for people to read. Try using a brighter background color and/or a darker text color.");return(0,s.useEffect)((()=>{(0,Rt.speak)((0,g.__)("This color combination may be hard for people to read."))}),[n,o]),(0,s.createElement)("div",{className:"block-editor-contrast-checker"},(0,s.createElement)(p.Notice,{spokenMessage:null,status:"warning",isDismissible:!1},r))}Rc([Mc,Dc]);var Zm=function({backgroundColor:e,fallbackBackgroundColor:t,fallbackTextColor:n,fontSize:o,isLargeText:r,textColor:l}){if(!e&&!t||!l&&!n)return null;const i=Nc(e||t),a=Nc(l||n);return 1!==i.alpha()||1!==a.alpha()||a.isReadable(i,{level:"AA",size:r||!1!==r&&o>=24?"large":"small"})?null:(0,s.createElement)(Ym,{backgroundColor:e,textColor:l,colordBackgroundColor:i,colordTextColor:a})};function Xm(e){return e.ownerDocument.defaultView.getComputedStyle(e)}function Qm({settings:e,clientId:t,enableContrastChecking:n=!0,showTitle:o=!0}){const[r,l]=(0,s.useState)(),[i,a]=(0,s.useState)(),c=Ca(t);return(0,s.useEffect)((()=>{if(!n)return;if(!c.current)return;a(Xm(c.current).color);let e=c.current,t=Xm(e).backgroundColor;for(;"rgba(0, 0, 0, 0)"===t&&e.parentNode&&e.parentNode.nodeType===e.parentNode.ELEMENT_NODE;)e=e.parentNode,t=Xm(e).backgroundColor;l(t)})),(0,s.createElement)(Xo,null,(0,s.createElement)(qm,{title:(0,g.__)("Color"),initialOpen:!1,settings:e,showTitle:o},n&&(0,s.createElement)(Zm,{backgroundColor:r,textColor:i})))}const Jm="color",ef=[],tf=e=>{const t=(0,r.getBlockSupport)(e,Jm);return t&&(!0===t.link||!0===t.gradient||!1!==t.background||!1!==t.text)},nf=e=>{const t=(0,r.getBlockSupport)(e,Jm);return null==t?void 0:t.__experimentalSkipSerialization},of=e=>{const t=(0,r.getBlockSupport)(e,Jm);return(0,u.isObject)(t)&&!!t.gradients};function rf(e,t,n){var o,r,l,i,s,a;if(!tf(t)||nf(t))return e;const u=of(t),{backgroundColor:d,textColor:p,gradient:m,style:f}=n,g=Qp("background-color",d),h=em(m),b=Qp("color",p),v=c()(e.className,b,h,{[g]:!(u&&null!=f&&null!==(o=f.color)&&void 0!==o&&o.gradient||!g),"has-text-color":p||(null==f||null===(r=f.color)||void 0===r?void 0:r.text),"has-background":d||(null==f||null===(l=f.color)||void 0===l?void 0:l.background)||u&&(m||(null==f||null===(i=f.color)||void 0===i?void 0:i.gradient)),"has-link-color":null==f||null===(s=f.elements)||void 0===s||null===(a=s.link)||void 0===a?void 0:a.color});return e.className=v||void 0,e}const lf=(e,t)=>{const n=/var:preset\|color\|(.+)/.exec(t);return n&&n[1]?Zp(e,n[1]).color:t};function sf(e){var t,n,o,l,i,a,c,d,p;const{name:m,attributes:f}=e,h=fo("color.palette")||ef,b=fo("color.gradients")||ef,v=fo("color.custom"),k=fo("color.customGradient"),_=fo("color.link"),y=fo("color.text"),E=fo("color.background"),C=(0,s.useRef)(f);if((0,s.useEffect)((()=>{C.current=f}),[f]),!tf(m))return null;const S=(e=>{if("web"!==s.Platform.OS)return!1;const t=(0,r.getBlockSupport)(e,Jm);return(0,u.isObject)(t)&&!!t.link})(m)&&_&&(h.length>0||v),w=(e=>{const t=(0,r.getBlockSupport)(e,Jm);return t&&!1!==t.text})(m)&&y&&(h.length>0||v),B=(e=>{const t=(0,r.getBlockSupport)(e,Jm);return t&&!1!==t.background})(m)&&E&&(h.length>0||v),I=of(m)&&(b.length>0||k);if(!(S||w||B||I))return null;const{style:x,textColor:T,backgroundColor:N,gradient:P}=f;let R;if(I&&P)R=tm(b,P);else if(I){var M;R=null==x||null===(M=x.color)||void 0===M?void 0:M.gradient}const L=t=>n=>{var o,r;const l=Xp(h,n),i=t+"Color",s={...C.current.style,color:{...null===(o=C.current)||void 0===o||null===(r=o.style)||void 0===r?void 0:r.color,[t]:null!=l&&l.slug?void 0:n}},a=null!=l&&l.slug?l.slug:void 0,c={style:$o(s),[i]:a};e.setAttributes(c),C.current={...C.current,...c}};return(0,s.createElement)(Qm,{enableContrastChecking:!("web"!==s.Platform.OS||P||null!=x&&null!==(t=x.color)&&void 0!==t&&t.gradient),clientId:e.clientId,settings:[...w?[{label:(0,g.__)("Text color"),onColorChange:L("text"),colorValue:Zp(h,T,null==x||null===(n=x.color)||void 0===n?void 0:n.text).color}]:[],...B||I?[{label:(0,g.__)("Background color"),onColorChange:B?L("background"):void 0,colorValue:Zp(h,N,null==x||null===(o=x.color)||void 0===o?void 0:o.background).color,gradientValue:R,onGradientChange:I?t=>{const n=om(b,t);let o;if(n){var r,l,i;const e={...null===(r=C.current)||void 0===r?void 0:r.style,color:{...null===(l=C.current)||void 0===l||null===(i=l.style)||void 0===i?void 0:i.color,gradient:void 0}};o={style:$o(e),gradient:n}}else{var s,a,c;const e={...null===(s=C.current)||void 0===s?void 0:s.style,color:{...null===(a=C.current)||void 0===a||null===(c=a.style)||void 0===c?void 0:c.color,gradient:t}};o={style:$o(e),gradient:void 0}}e.setAttributes(o),C.current={...C.current,...o}}:void 0}]:[],...S?[{label:(0,g.__)("Link Color"),onColorChange:t=>{const n=Xp(h,t),o=null!=n&&n.slug?`var:preset|color|${n.slug}`:t,r=$o(function(e,t,n){return(0,u.setWith)(e?(0,u.clone)(e):{},["elements","link","color","text"],n,u.clone)}(x,0,o));e.setAttributes({style:r})},colorValue:lf(h,null==x||null===(l=x.elements)||void 0===l||null===(i=l.link)||void 0===i||null===(a=i.color)||void 0===a?void 0:a.text),clearable:!(null==x||null===(c=x.elements)||void 0===c||null===(d=c.link)||void 0===d||null===(p=d.color)||void 0===p||!p.text)}]:[]]})}const af=(0,d.createHigherOrderComponent)((e=>t=>{var n,o,r;const{name:l,attributes:a}=t,{backgroundColor:c,textColor:u}=a,d=fo("color.palette")||ef;if(!tf(l)||nf(l))return(0,s.createElement)(e,t);const p={color:u?null===(n=Zp(d,u))||void 0===n?void 0:n.color:void 0,backgroundColor:c?null===(o=Zp(d,c))||void 0===o?void 0:o.color:void 0};let m=t.wrapperProps;return m={...t.wrapperProps,style:{...p,...null===(r=t.wrapperProps)||void 0===r?void 0:r.style}},(0,s.createElement)(e,i({},t,{wrapperProps:m}))}));(0,l.addFilter)("blocks.registerBlockType","core/color/addAttribute",(function(e){return tf(e)?(e.attributes.backgroundColor||Object.assign(e.attributes,{backgroundColor:{type:"string"}}),e.attributes.textColor||Object.assign(e.attributes,{textColor:{type:"string"}}),of(e)&&!e.attributes.gradient&&Object.assign(e.attributes,{gradient:{type:"string"}}),e):e})),(0,l.addFilter)("blocks.getSaveContent.extraProps","core/color/addSaveProps",rf),(0,l.addFilter)("blocks.registerBlockType","core/color/addEditProps",(function(e){if(!tf(e)||nf(e))return e;const t=e.getEditWrapperProps;return e.getEditWrapperProps=n=>{let o={};return t&&(o=t(n)),rf(o,e,n)},e})),(0,l.addFilter)("editor.BlockListBlock","core/color/with-color-palette-styles",af);var cf=(0,s.createElement)(F.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,s.createElement)(F.Path,{d:"M7 18v1h10v-1H7zm5-2c1.5 0 2.6-.4 3.4-1.2.8-.8 1.1-2 1.1-3.5V5H15v5.8c0 1.2-.2 2.1-.6 2.8-.4.7-1.2 1-2.4 1s-2-.3-2.4-1c-.4-.7-.6-1.6-.6-2.8V5H7.5v6.2c0 1.5.4 2.7 1.1 3.5.8.9 1.9 1.3 3.4 1.3z"})),uf=(0,s.createElement)(F.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,s.createElement)(F.Path,{d:"M9.1 9v-.5c0-.6.2-1.1.7-1.4.5-.3 1.2-.5 2-.5.7 0 1.4.1 2.1.3.7.2 1.4.5 2.1.9l.2-1.9c-.6-.3-1.2-.5-1.9-.7-.8-.1-1.6-.2-2.4-.2-1.5 0-2.7.3-3.6 1-.8.7-1.2 1.5-1.2 2.6V9h2zM20 12H4v1h8.3c.3.1.6.2.8.3.5.2.9.5 1.1.8.3.3.4.7.4 1.2 0 .7-.2 1.1-.8 1.5-.5.3-1.2.5-2.1.5-.8 0-1.6-.1-2.4-.3-.8-.2-1.5-.5-2.2-.8L7 18.1c.5.2 1.2.4 2 .6.8.2 1.6.3 2.4.3 1.7 0 3-.3 3.9-1 .9-.7 1.3-1.6 1.3-2.8 0-.9-.2-1.7-.7-2.2H20v-1z"}));const df=[{name:(0,g.__)("Underline"),value:"underline",icon:cf},{name:(0,g.__)("Strikethrough"),value:"line-through",icon:uf}];function pf({value:e,onChange:t}){return(0,s.createElement)("fieldset",{className:"block-editor-text-decoration-control"},(0,s.createElement)("legend",null,(0,g.__)("Decoration")),(0,s.createElement)("div",{className:"block-editor-text-decoration-control__buttons"},df.map((n=>(0,s.createElement)(p.Button,{key:n.value,icon:n.icon,isSmall:!0,isPressed:n.value===e,onClick:()=>t(n.value===e?void 0:n.value),"aria-label":n.name})))))}const mf="typography.__experimentalTextDecoration";function ff(e){var t;const{attributes:{style:n},setAttributes:o}=e;return gf(e)?null:(0,s.createElement)(pf,{value:null==n||null===(t=n.typography)||void 0===t?void 0:t.textDecoration,onChange:function(e){o({style:$o({...n,typography:{...null==n?void 0:n.typography,textDecoration:e}})})}})}function gf({name:e}={}){const t=!(0,r.hasBlockSupport)(e,mf),n=fo("typography.customTextDecorations");return t||!n}var hf=(0,s.createElement)(F.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,s.createElement)(F.Path,{d:"M6.1 6.8L2.1 18h1.6l1.1-3h4.3l1.1 3h1.6l-4-11.2H6.1zm-.8 6.8L7 8.9l1.7 4.7H5.3zm15.1-.7c-.4-.5-.9-.8-1.6-1 .4-.2.7-.5.8-.9.2-.4.3-.9.3-1.4 0-.9-.3-1.6-.8-2-.6-.5-1.3-.7-2.4-.7h-3.5V18h4.2c1.1 0 2-.3 2.6-.8.6-.6 1-1.4 1-2.4-.1-.8-.3-1.4-.6-1.9zm-5.7-4.7h1.8c.6 0 1.1.1 1.4.4.3.2.5.7.5 1.3 0 .6-.2 1.1-.5 1.3-.3.2-.8.4-1.4.4h-1.8V8.2zm4 8c-.4.3-.9.5-1.5.5h-2.6v-3.8h2.6c1.4 0 2 .6 2 1.9.1.6-.1 1-.5 1.4z"})),bf=(0,s.createElement)(F.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,s.createElement)(F.Path,{d:"M11 16.8c-.1-.1-.2-.3-.3-.5v-2.6c0-.9-.1-1.7-.3-2.2-.2-.5-.5-.9-.9-1.2-.4-.2-.9-.3-1.6-.3-.5 0-1 .1-1.5.2s-.9.3-1.2.6l.2 1.2c.4-.3.7-.4 1.1-.5.3-.1.7-.2 1-.2.6 0 1 .1 1.3.4.3.2.4.7.4 1.4-1.2 0-2.3.2-3.3.7s-1.4 1.1-1.4 2.1c0 .7.2 1.2.7 1.6.4.4 1 .6 1.8.6.9 0 1.7-.4 2.4-1.2.1.3.2.5.4.7.1.2.3.3.6.4.3.1.6.1 1.1.1h.1l.2-1.2h-.1c-.4.1-.6 0-.7-.1zM9.2 16c-.2.3-.5.6-.9.8-.3.1-.7.2-1.1.2-.4 0-.7-.1-.9-.3-.2-.2-.3-.5-.3-.9 0-.6.2-1 .7-1.3.5-.3 1.3-.4 2.5-.5v2zm10.6-3.9c-.3-.6-.7-1.1-1.2-1.5-.6-.4-1.2-.6-1.9-.6-.5 0-.9.1-1.4.3-.4.2-.8.5-1.1.8V6h-1.4v12h1.3l.2-1c.2.4.6.6 1 .8.4.2.9.3 1.4.3.7 0 1.2-.2 1.8-.5.5-.4 1-.9 1.3-1.5.3-.6.5-1.3.5-2.1-.1-.6-.2-1.3-.5-1.9zm-1.7 4c-.4.5-.9.8-1.6.8s-1.2-.2-1.7-.7c-.4-.5-.7-1.2-.7-2.1 0-.9.2-1.6.7-2.1.4-.5 1-.7 1.7-.7s1.2.3 1.6.8c.4.5.6 1.2.6 2s-.2 1.4-.6 2z"})),vf=(0,s.createElement)(F.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,s.createElement)(F.Path,{d:"M7.1 6.8L3.1 18h1.6l1.1-3h4.3l1.1 3h1.6l-4-11.2H7.1zm-.8 6.8L8 8.9l1.7 4.7H6.3zm14.5-1.5c-.3-.6-.7-1.1-1.2-1.5-.6-.4-1.2-.6-1.9-.6-.5 0-.9.1-1.4.3-.4.2-.8.5-1.1.8V6h-1.4v12h1.3l.2-1c.2.4.6.6 1 .8.4.2.9.3 1.4.3.7 0 1.2-.2 1.8-.5.5-.4 1-.9 1.3-1.5.3-.6.5-1.3.5-2.1-.1-.6-.2-1.3-.5-1.9zm-1.7 4c-.4.5-.9.8-1.6.8s-1.2-.2-1.7-.7c-.4-.5-.7-1.2-.7-2.1 0-.9.2-1.6.7-2.1.4-.5 1-.7 1.7-.7s1.2.3 1.6.8c.4.5.6 1.2.6 2 .1.8-.2 1.4-.6 2z"}));const kf=[{name:(0,g.__)("Uppercase"),value:"uppercase",icon:hf},{name:(0,g.__)("Lowercase"),value:"lowercase",icon:bf},{name:(0,g.__)("Capitalize"),value:"capitalize",icon:vf}];function _f({value:e,onChange:t}){return(0,s.createElement)("fieldset",{className:"block-editor-text-transform-control"},(0,s.createElement)("legend",null,(0,g.__)("Letter case")),(0,s.createElement)("div",{className:"block-editor-text-transform-control__buttons"},kf.map((n=>(0,s.createElement)(p.Button,{key:n.value,icon:n.icon,isSmall:!0,isPressed:e===n.value,"aria-label":n.name,onClick:()=>t(e===n.value?void 0:n.value)})))))}const yf="typography.__experimentalTextTransform";function Ef(e){var t;const{attributes:{style:n},setAttributes:o}=e;return Cf(e)?null:(0,s.createElement)(_f,{value:null==n||null===(t=n.typography)||void 0===t?void 0:t.textTransform,onChange:function(e){o({style:$o({...n,typography:{...null==n?void 0:n.typography,textTransform:e}})})}})}function Cf({name:e}={}){const t=!(0,r.hasBlockSupport)(e,yf),n=fo("typography.customTextTransforms");return t||!n}function Sf(e){const t=!gf(e),n=!Cf(e);return t||n?(0,s.createElement)("div",{className:"block-editor-text-decoration-and-transform"},t&&(0,s.createElement)(ff,e),n&&(0,s.createElement)(Ef,e)):null}function wf({value:e,onChange:t}){const n=function(e){return void 0!==e&&""!==e}(e),o=n?e:"";return(0,s.createElement)("div",{className:"block-editor-line-height-control"},(0,s.createElement)(p.TextControl,{autoComplete:"off",onKeyDown:e=>{const{keyCode:o}=e;o!==fa.ZERO||n||(e.preventDefault(),t("0"))},onChange:e=>{if(n)return void t(e);let o=e;switch(e){case"0.1":o=1.6;break;case"0":o=1.4}t(o)},label:(0,g.__)("Line height"),placeholder:1.5,step:.1,type:"number",value:o,min:0}))}const Bf="typography.lineHeight";function If(e){var t;const{attributes:{style:n}}=e;return xf(e)?null:(0,s.createElement)(wf,{value:null==n||null===(t=n.typography)||void 0===t?void 0:t.lineHeight,onChange:t=>{const o={...n,typography:{...null==n?void 0:n.typography,lineHeight:t}};e.setAttributes({style:$o(o)})}})}function xf({name:e}={}){const t=!fo("typography.customLineHeight");return!(0,r.hasBlockSupport)(e,Bf)||t}const Tf=[{name:(0,g.__)("Regular"),value:"normal"},{name:(0,g.__)("Italic"),value:"italic"}],Nf=[{name:(0,g.__)("Thin"),value:"100"},{name:(0,g.__)("Extra Light"),value:"200"},{name:(0,g.__)("Light"),value:"300"},{name:(0,g.__)("Regular"),value:"400"},{name:(0,g.__)("Medium"),value:"500"},{name:(0,g.__)("Semi Bold"),value:"600"},{name:(0,g.__)("Bold"),value:"700"},{name:(0,g.__)("Extra Bold"),value:"800"},{name:(0,g.__)("Black"),value:"900"}];function Pf(e){const{onChange:t,hasFontStyles:n=!0,hasFontWeights:o=!0,value:{fontStyle:r,fontWeight:l}}=e,i=n||o,a={key:"default",name:(0,g.__)("Default"),style:{fontStyle:void 0,fontWeight:void 0}},c=(0,s.useMemo)((()=>n&&o?(()=>{const e=[a];return Tf.forEach((({name:t,value:n})=>{Nf.forEach((({name:o,value:r})=>{const l="normal"===n?o:(0,g.sprintf)(
|
|
|
|
|
56 |
/* translators: 1: Font weight name. 2: Font style name. */
|
57 |
-
(0,
|
58 |
-
(0,
|
59 |
-
(0,
|
60 |
-
(0,g.__)("Currently selected font weight: %s"),u.name):(0,g.__)("No selected font appearance"),options:c,value:u,onChange:({selectedItem:e})=>t(e.style)})}const Rf="typography.__experimentalFontStyle",Mf="typography.__experimentalFontWeight";function Lf(e){var t,n;const{attributes:{style:o},setAttributes:r}=e,l=!Af(e),i=!Df(e);if(!l&&!i)return null;const a=null==o||null===(t=o.typography)||void 0===t?void 0:t.fontStyle,c=null==o||null===(n=o.typography)||void 0===n?void 0:n.fontWeight;return(0,s.createElement)(Pf,{onChange:e=>{r({style:$o({...o,typography:{...null==o?void 0:o.typography,fontStyle:e.fontStyle,fontWeight:e.fontWeight}})})},hasFontStyles:l,hasFontWeights:i,value:{fontStyle:a,fontWeight:c}})}function Af({name:e}={}){const t=(0,r.hasBlockSupport)(e,Rf),n=fo("typography.customFontStyle");return!t||!n}function Df({name:e}={}){const t=(0,r.hasBlockSupport)(e,Mf),n=fo("typography.customFontWeight");return!t||!n}function Of(e){const t=Af(e),n=Df(e);return t&&n}function Ff({value:e="",onChange:t,fontFamilies:n,...o}){const r=fo("typography.fontFamilies");if(n||(n=r),(0,u.isEmpty)(n))return null;const l=[{value:"",label:(0,g.__)("Default")},...n.map((({fontFamily:e,name:t})=>({value:e,label:t||e})))];return(0,s.createElement)(p.SelectControl,i({label:(0,g.__)("Font family"),options:l,value:e,onChange:t,labelPosition:"top"},o))}const zf="typography.__experimentalFontFamily";function Vf(e,t,n){if(!(0,r.hasBlockSupport)(t,zf))return e;if((0,r.hasBlockSupport)(t,"__experimentalSkipTypographySerialization"))return e;if(null==n||!n.fontFamily)return e;const o=new(Wd())(e.className);o.add(`has-${(0,u.kebabCase)(null==n?void 0:n.fontFamily)}-font-family`);const l=o.value;return e.className=l||void 0,e}function Hf({name:e,setAttributes:t,attributes:{fontFamily:n}}){var o;const r=fo("typography.fontFamilies");if(Uf({name:e}))return null;const l=null===(o=(0,u.find)(r,(({slug:e})=>n===e)))||void 0===o?void 0:o.fontFamily;return(0,s.createElement)(Ff,{className:"block-editor-hooks-font-family-control",fontFamilies:r,value:l,onChange:function(e){const n=(0,u.find)(r,(({fontFamily:t})=>t===e));t({fontFamily:null==n?void 0:n.slug})}})}function Uf({name:e}){const t=fo("typography.fontFamilies");return!t||0===t.length||!(0,r.hasBlockSupport)(e,zf)}(0,l.addFilter)("blocks.registerBlockType","core/fontFamily/addAttribute",(function(e){return(0,r.hasBlockSupport)(e,zf)?(e.attributes.fontFamily||Object.assign(e.attributes,{fontFamily:{type:"string"}}),e):e})),(0,l.addFilter)("blocks.getSaveContent.extraProps","core/fontFamily/addSaveProps",Vf),(0,l.addFilter)("blocks.registerBlockType","core/fontFamily/addEditProps",(function(e){if(!(0,r.hasBlockSupport)(e,zf))return e;const t=e.getEditWrapperProps;return e.getEditWrapperProps=n=>{let o={};return t&&(o=t(n)),Vf(o,e,n)},e}));const Gf=(e,t,n)=>{if(t){const n=(0,u.find)(e,{slug:t});if(n)return n}return{size:n}};function Wf(e,t){return(0,u.find)(e,{size:t})||{size:t}}function $f(e){if(e)return`has-${(0,u.kebabCase)(e)}-font-size`}var jf=function(e){const t=fo("typography.fontSizes"),n=!fo("typography.customFontSize");return(0,s.createElement)(p.FontSizePicker,i({},e,{fontSizes:t,disableCustomFontSizes:n}))};const Kf="typography.fontSize";function qf(e,t,n){if(!(0,r.hasBlockSupport)(t,Kf))return e;if((0,r.hasBlockSupport)(t,"typography.__experimentalSkipSerialization"))return e;const o=new(Wd())(e.className);o.add($f(n.fontSize));const l=o.value;return e.className=l||void 0,e}function Yf(e){var t,n;const{attributes:{fontSize:o,style:r},setAttributes:l}=e,i=Zf(e),a=fo("typography.fontSizes");if(i)return null;const c=Gf(a,o,null==r||null===(t=r.typography)||void 0===t?void 0:t.fontSize),u=(null==c?void 0:c.size)||(null==r||null===(n=r.typography)||void 0===n?void 0:n.fontSize)||o;return(0,s.createElement)(jf,{onChange:e=>{const t=Wf(a,e).slug;l({style:$o({...r,typography:{...null==r?void 0:r.typography,fontSize:t?void 0:e}}),fontSize:t})},value:u})}function Zf({name:e}={}){const t=fo("typography.fontSizes"),n=!(null==t||!t.length);return!(0,r.hasBlockSupport)(e,Kf)||!n}const Xf=(0,d.createHigherOrderComponent)((e=>t=>{var n,o;const l=fo("typography.fontSizes"),{name:i,attributes:{fontSize:a,style:c},wrapperProps:u}=t;if(!(0,r.hasBlockSupport)(i,Kf)||(0,r.hasBlockSupport)(i,"typography.__experimentalSkipSerialization")||!a||null!=c&&null!==(n=c.typography)&&void 0!==n&&n.fontSize)return(0,s.createElement)(e,t);const d=Gf(l,a,null==c||null===(o=c.typography)||void 0===o?void 0:o.fontSize).size,p={...t,wrapperProps:{...u,style:{fontSize:d,...null==u?void 0:u.style}}};return(0,s.createElement)(e,p)}),"withFontSizeInlineStyles");function Qf({value:e,onChange:t}){const n=(0,p.__experimentalUseCustomUnits)({availableUnits:fo("spacing.units")||["px","em","rem"],defaultValues:{px:"2",em:".2",rem:".2"}});return(0,s.createElement)(p.__experimentalUnitControl,{label:(0,g.__)("Letter-spacing"),value:e,__unstableInputWidth:"60px",units:n,onChange:t})}(0,l.addFilter)("blocks.registerBlockType","core/font/addAttribute",(function(e){return(0,r.hasBlockSupport)(e,Kf)?(e.attributes.fontSize||Object.assign(e.attributes,{fontSize:{type:"string"}}),e):e})),(0,l.addFilter)("blocks.getSaveContent.extraProps","core/font/addSaveProps",qf),(0,l.addFilter)("blocks.registerBlockType","core/font/addEditProps",(function(e){if(!(0,r.hasBlockSupport)(e,Kf))return e;const t=e.getEditWrapperProps;return e.getEditWrapperProps=n=>{let o={};return t&&(o=t(n)),qf(o,e,n)},e})),(0,l.addFilter)("editor.BlockListBlock","core/font-size/with-font-size-inline-styles",Xf);const Jf="typography.__experimentalLetterSpacing";function eg(e){var t;const{attributes:{style:n},setAttributes:o}=e;return tg(e)?null:(0,s.createElement)(Qf,{value:null==n||null===(t=n.typography)||void 0===t?void 0:t.letterSpacing,onChange:function(e){o({style:$o({...n,typography:{...null==n?void 0:n.typography,letterSpacing:e}})})}})}function tg({name:e}={}){const t=!(0,r.hasBlockSupport)(e,Jf),n=fo("typography.customLetterSpacing");return t||!n}const ng=[Bf,Kf,Rf,Mf,zf,mf,yf,Jf];function og(e){const t=function(e={}){const t=[Of(e),Zf(e),xf(e),Uf(e),gf(e),Cf(e),tg(e)];return t.filter(Boolean).length===t.length}(e),n=rg(e.name);return t||!n?null:(0,s.createElement)(Xo,null,(0,s.createElement)(p.PanelBody,{title:(0,g.__)("Typography")},(0,s.createElement)(Hf,e),(0,s.createElement)(Yf,e),(0,s.createElement)(Lf,e),(0,s.createElement)(If,e),(0,s.createElement)(Sf,e),(0,s.createElement)(eg,e)))}const rg=e=>ng.some((t=>(0,r.hasBlockSupport)(e,t)));function lg(e){const t=(0,r.getBlockSupport)(e,fg);return!!(!0===t||null!=t&&t.blockGap)}function ig({name:e}={}){const t=!fo("spacing.blockGap");return!lg(e)||t}function sg(e){var t;const{clientId:n,attributes:{style:o},setAttributes:r}=e,l=(0,p.__experimentalUseCustomUnits)({availableUnits:fo("spacing.units")||["%","px","em","rem","vw"]}),i=Ca(n);return ig(e)?null:s.Platform.select({web:(0,s.createElement)(s.Fragment,null,(0,s.createElement)(p.__experimentalUnitControl,{label:(0,g.__)("Block spacing"),__unstableInputWidth:"80px",min:0,onChange:e=>{var t;const n={...o,spacing:{...null==o?void 0:o.spacing,blockGap:e}};r({style:$o(n)});const l=(null===(t=window)||void 0===t?void 0:t.navigator.userAgent)&&window.navigator.userAgent.includes("Safari")&&!window.navigator.userAgent.includes("Chrome ")&&!window.navigator.userAgent.includes("Chromium ");var s;i.current&&l&&(null===(s=i.current.parentNode)||void 0===s||s.replaceChild(i.current,i.current))},units:l,value:null==o||null===(t=o.spacing)||void 0===t?void 0:t.blockGap})),native:null})}function ag(e){const t=(0,r.getBlockSupport)(e,fg);return!!(!0===t||null!=t&&t.margin)}function cg({name:e}={}){const t=!fo("spacing.customMargin"),n=!_g(e,"margin");return!ag(e)||t||n}function ug(e){var t;const{name:n,attributes:{style:o},setAttributes:r}=e,l=(0,p.__experimentalUseCustomUnits)({availableUnits:fo("spacing.units")||["%","px","em","rem","vw"]}),i=kg(n,"margin"),a=i&&i.some((e=>hg.includes(e)));return cg(e)?null:s.Platform.select({web:(0,s.createElement)(s.Fragment,null,(0,s.createElement)(p.__experimentalBoxControl,{values:null==o||null===(t=o.spacing)||void 0===t?void 0:t.margin,onChange:e=>{const t={...o,spacing:{...null==o?void 0:o.spacing,margin:e}};r({style:$o(t)})},onChangeShowVisualizer:e=>{const t={...o,visualizers:{margin:e}};r({style:$o(t)})},label:(0,g.__)("Margin"),sides:i,units:l,allowReset:!1,splitOnAxis:a})),native:null})}function dg(e){const t=(0,r.getBlockSupport)(e,fg);return!!(!0===t||null!=t&&t.padding)}function pg({name:e}={}){const t=!fo("spacing.customPadding"),n=!_g(e,"padding");return!dg(e)||t||n}function mg(e){var t;const{name:n,attributes:{style:o},setAttributes:r}=e,l=(0,p.__experimentalUseCustomUnits)({availableUnits:fo("spacing.units")||["%","px","em","rem","vw"]}),i=kg(n,"padding"),a=i&&i.some((e=>hg.includes(e)));return pg(e)?null:s.Platform.select({web:(0,s.createElement)(s.Fragment,null,(0,s.createElement)(p.__experimentalBoxControl,{values:null==o||null===(t=o.spacing)||void 0===t?void 0:t.padding,onChange:e=>{const t={...o,spacing:{...null==o?void 0:o.spacing,padding:e}};r({style:$o(t)})},onChangeShowVisualizer:e=>{const t={...o,visualizers:{padding:e}};r({style:$o(t)})},label:(0,g.__)("Padding"),sides:i,units:l,allowReset:!1,splitOnAxis:a})),native:null})}const fg="spacing",gg=["top","right","bottom","left"],hg=["vertical","horizontal"];function bg(e){const t=ig(e),n=pg(e),o=cg(e),l=vg(e),i=(a=e.name,"web"===s.Platform.OS&&(lg(a)||dg(a)||ag(a)));var a;if(l||!i)return null;const c=(0,r.getBlockSupport)(e.name,[fg,"__experimentalDefaultControls"]),u=e=>t=>{var n;return{...t,style:{...t.style,spacing:{...null===(n=t.style)||void 0===n?void 0:n.spacing,[e]:void 0}}}};return(0,s.createElement)(Xo,{__experimentalGroup:"dimensions"},!n&&(0,s.createElement)(p.__experimentalToolsPanelItem,{hasValue:()=>function(e){var t,n;return void 0!==(null===(t=e.attributes.style)||void 0===t||null===(n=t.spacing)||void 0===n?void 0:n.padding)}(e),label:(0,g.__)("Padding"),onDeselect:()=>function({attributes:e={},setAttributes:t}){const{style:n}=e;t({style:$o({...n,spacing:{...null==n?void 0:n.spacing,padding:void 0}})})}(e),resetAllFilter:u("padding"),isShownByDefault:null==c?void 0:c.padding,panelId:e.clientId},(0,s.createElement)(mg,e)),!o&&(0,s.createElement)(p.__experimentalToolsPanelItem,{hasValue:()=>function(e){var t,n;return void 0!==(null===(t=e.attributes.style)||void 0===t||null===(n=t.spacing)||void 0===n?void 0:n.margin)}(e),label:(0,g.__)("Margin"),onDeselect:()=>function({attributes:e={},setAttributes:t}){const{style:n}=e;t({style:$o({...n,spacing:{...null==n?void 0:n.spacing,margin:void 0}})})}(e),resetAllFilter:u("margin"),isShownByDefault:null==c?void 0:c.margin,panelId:e.clientId},(0,s.createElement)(ug,e)),!t&&(0,s.createElement)(p.__experimentalToolsPanelItem,{hasValue:()=>function(e){var t,n;return void 0!==(null===(t=e.attributes.style)||void 0===t||null===(n=t.spacing)||void 0===n?void 0:n.blockGap)}(e),label:(0,g.__)("Block spacing"),onDeselect:()=>function({attributes:e={},setAttributes:t}){const{style:n}=e;t({style:{...n,spacing:{...null==n?void 0:n.spacing,blockGap:void 0}}})}(e),resetAllFilter:u("blockGap"),isShownByDefault:null==c?void 0:c.blockGap,panelId:e.clientId},(0,s.createElement)(sg,e)))}const vg=(e={})=>{const t=ig(e),n=pg(e),o=cg(e);return t&&n&&o};function kg(e,t){const n=(0,r.getBlockSupport)(e,fg);if(n&&"boolean"!=typeof n[t])return n[t]}function _g(e,t){const n=kg(e,t);return!(n&&n.some((e=>gg.includes(e)))&&n.some((e=>hg.includes(e)))&&(console.warn(`The ${t} support for the "${e}" block can not be configured to support both axial and arbitrary sides.`),1))}const yg=[...ng,Om,Jm,fg],Eg=e=>yg.some((t=>(0,r.hasBlockSupport)(e,t))),Cg="var:";function Sg(e){return(0,u.startsWith)(e,Cg)?`var(--wp--${e.slice(Cg.length).split("|").join("--")})`:e}function wg(e={}){const t={};return Object.keys(r.__EXPERIMENTAL_STYLE_PROPERTY).forEach((n=>{const o=r.__EXPERIMENTAL_STYLE_PROPERTY[n].value,l=r.__EXPERIMENTAL_STYLE_PROPERTY[n].properties;if((0,u.has)(e,o)&&"elements"!==(0,u.first)(o)){const r=(0,u.get)(e,o);l&&!(0,u.isString)(r)?Object.entries(l).forEach((e=>{const[n,o]=e,l=(0,u.get)(r,[o]);l&&(t[n]=Sg(l))})):t[n]=Sg((0,u.get)(e,o))}})),t}const Bg={"__experimentalBorder.__experimentalSkipSerialization":["border"],"color.__experimentalSkipSerialization":[Jm],"typography.__experimentalSkipSerialization":["typography"],[`${fg}.__experimentalSkipSerialization`]:["spacing"]},Ig={...Bg,[`${fg}`]:["spacing.blockGap"]};function xg(e,t,n,o=Ig){if(!Eg(t))return e;let{style:l}=n;return(0,u.forEach)(o,((e,n)=>{(0,r.getBlockSupport)(t,n)&&(l=(0,u.omit)(l,e))})),e.style={...wg(l),...e.style},e}const Tg=(0,d.createHigherOrderComponent)((e=>t=>{const n=Yn();return(0,s.createElement)(s.Fragment,null,n&&(0,s.createElement)(s.Fragment,null,(0,s.createElement)(sf,t),(0,s.createElement)(og,t),(0,s.createElement)(Fm,t),(0,s.createElement)(bg,t)),(0,s.createElement)(e,t))}),"withToolbarControls"),Ng=(0,d.createHigherOrderComponent)((e=>t=>{var n,o;const l=null===(n=t.attributes.style)||void 0===n?void 0:n.elements,a=`wp-elements-${(0,d.useInstanceId)(e)}`,p=function(e,t={}){return(0,u.map)(t,((t,n)=>{const o=wg(t);return(0,u.isEmpty)(o)?"":[`.${e} ${r.__EXPERIMENTAL_ELEMENTS[n]}{`,...(0,u.map)(o,((e,t)=>`\t${(0,u.kebabCase)(t)}: ${e};`)),"}"].join("\n")})).join("\n")}(a,null===(o=t.attributes.style)||void 0===o?void 0:o.elements),m=(0,s.useContext)(Kp.__unstableElementContext);return(0,s.createElement)(s.Fragment,null,l&&m&&(0,s.createPortal)((0,s.createElement)("style",{dangerouslySetInnerHTML:{__html:p}}),m),(0,s.createElement)(e,i({},t,{className:l?c()(t.className,a):t.className})))}));(0,l.addFilter)("blocks.registerBlockType","core/style/addAttribute",(function(e){return Eg(e)?(e.attributes.style||Object.assign(e.attributes,{style:{type:"object"}}),e):e})),(0,l.addFilter)("blocks.getSaveContent.extraProps","core/style/addSaveProps",xg),(0,l.addFilter)("blocks.registerBlockType","core/style/addEditProps",(function(e){if(!Eg(e))return e;const t=e.getEditWrapperProps;return e.getEditWrapperProps=n=>{let o={};return t&&(o=t(n)),xg(o,e,n,Bg)},e})),(0,l.addFilter)("editor.BlockEdit","core/style/with-block-controls",Tg),(0,l.addFilter)("editor.BlockListBlock","core/editor/with-elements-styles",Ng);var Pg=function({colorPalette:e,duotonePalette:t,disableCustomColors:n,disableCustomDuotone:o,value:r,onChange:l}){return(0,s.createElement)(p.Dropdown,{popoverProps:{className:"block-editor-duotone-control__popover",headerTitle:(0,g.__)("Duotone")},renderToggle:({isOpen:e,onToggle:t})=>(0,s.createElement)(p.ToolbarButton,{showTooltip:!0,onClick:t,"aria-haspopup":"true","aria-expanded":e,onKeyDown:n=>{e||n.keyCode!==fa.DOWN||(n.preventDefault(),t())},label:(0,g.__)("Apply duotone filter"),icon:(0,s.createElement)(p.DuotoneSwatch,{values:r})}),renderContent:()=>(0,s.createElement)(p.MenuGroup,{label:(0,g.__)("Duotone")},(0,s.createElement)(p.DuotonePicker,{colorPalette:e,duotonePalette:t,disableCustomColors:n,disableCustomDuotone:o,value:r,onChange:l}))})};const Rg=[];function Mg(e=[]){const t={r:[],g:[],b:[]};return e.forEach((e=>{const n=Nc(e).toRgb();t.r.push(n.r/255),t.g.push(n.g/255),t.b.push(n.b/255)})),t}function Lg({selector:e,id:t,values:n}){const o=`\n${e} {\n\tfilter: url( #${t} );\n}\n`;return(0,s.createElement)(s.Fragment,null,(0,s.createElement)(p.SVG,{xmlnsXlink:"http://www.w3.org/1999/xlink",viewBox:"0 0 0 0",width:"0",height:"0",focusable:"false",role:"none",style:{visibility:"hidden",position:"absolute",left:"-9999px",overflow:"hidden"}},(0,s.createElement)("defs",null,(0,s.createElement)("filter",{id:t},(0,s.createElement)("feColorMatrix",{type:"matrix",values:".299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 0 0 0 1 0"}),(0,s.createElement)("feComponentTransfer",{colorInterpolationFilters:"sRGB"},(0,s.createElement)("feFuncR",{type:"table",tableValues:n.r.join(" ")}),(0,s.createElement)("feFuncG",{type:"table",tableValues:n.g.join(" ")}),(0,s.createElement)("feFuncB",{type:"table",tableValues:n.b.join(" ")}))))),(0,s.createElement)("style",{dangerouslySetInnerHTML:{__html:o}}))}function Ag({attributes:e,setAttributes:t}){var n;const o=null==e?void 0:e.style,r=null==o||null===(n=o.color)||void 0===n?void 0:n.duotone,l=fo("color.duotone")||Rg,i=fo("color.palette")||Rg,a=!fo("color.custom"),c=!fo("color.customDuotone")||0===(null==i?void 0:i.length)&&a;return 0===(null==l?void 0:l.length)&&c?null:(0,s.createElement)(eo,{group:"block",__experimentalShareWithChildBlocks:!0},(0,s.createElement)(Pg,{duotonePalette:l,colorPalette:i,disableCustomDuotone:c,disableCustomColors:a,value:r,onChange:e=>{const n={...o,color:{...null==o?void 0:o.color,duotone:e}};t({style:n})}}))}Rc([Mc]);const Dg=(0,d.createHigherOrderComponent)((e=>t=>{const n=(0,r.hasBlockSupport)(t.name,"color.__experimentalDuotone");return(0,s.createElement)(s.Fragment,null,(0,s.createElement)(e,t),n&&(0,s.createElement)(Ag,t))}),"withDuotoneControls"),Og=(0,d.createHigherOrderComponent)((e=>t=>{var n,o,l;const a=(0,r.getBlockSupport)(t.name,"color.__experimentalDuotone"),u=null==t||null===(n=t.attributes)||void 0===n||null===(o=n.style)||void 0===o||null===(l=o.color)||void 0===l?void 0:l.duotone;if(!a||!u)return(0,s.createElement)(e,t);const p=`wp-duotone-${(0,d.useInstanceId)(e)}`,m=function(e,t){const n=e.split(","),o=t.split(","),r=[];return n.forEach((e=>{o.forEach((t=>{r.push(`${e.trim()} ${t.trim()}`)}))})),r.join(", ")}(`.editor-styles-wrapper .${p}`,a),f=c()(null==t?void 0:t.className,p),g=(0,s.useContext)(Kp.__unstableElementContext);return(0,s.createElement)(s.Fragment,null,g&&(0,s.createPortal)((0,s.createElement)(Lg,{selector:m,id:p,values:Mg(u)}),g),(0,s.createElement)(e,i({},t,{className:f})))}),"withDuotoneStyles");(0,l.addFilter)("blocks.registerBlockType","core/editor/duotone/add-attributes",(function(e){return(0,r.hasBlockSupport)(e,"color.__experimentalDuotone")?(e.attributes.style||Object.assign(e.attributes,{style:{type:"object"}}),e):e})),(0,l.addFilter)("editor.BlockEdit","core/editor/duotone/with-editor-controls",Dg),(0,l.addFilter)("editor.BlockListBlock","core/editor/duotone/with-styles",Og);const Fg="__experimentalLayout";function zg({setAttributes:e,attributes:t,name:n}){const{layout:o}=t,l=fo("layout"),i=(0,m.useSelect)((e=>{const{getSettings:t}=e(Wn);return t().supportsLayout}),[]),a=(0,r.getBlockSupport)(n,Fg,{}),{allowSwitching:c,allowEditing:u=!0,allowInheriting:d=!0,default:f}=a;if(!u)return null;const h=o||f||{},{inherit:b=!1,type:v="default"}=h;if("default"===v&&!i)return null;const k=wo(v),_=t=>e({layout:t});return(0,s.createElement)(s.Fragment,null,(0,s.createElement)(Xo,null,(0,s.createElement)(p.PanelBody,{title:(0,g.__)("Layout")},d&&!!l&&(0,s.createElement)(p.ToggleControl,{label:(0,g.__)("Inherit default layout"),checked:!!b,onChange:()=>e({layout:{inherit:!b}})}),!b&&c&&(0,s.createElement)(Vg,{type:v,onChange:t=>e({layout:{type:t}})}),!b&&k&&(0,s.createElement)(k.inspectorControls,{layout:h,onChange:_,layoutBlockSupport:a}))),!b&&k&&(0,s.createElement)(k.toolBarControls,{layout:h,onChange:_,layoutBlockSupport:a}))}function Vg({type:e,onChange:t}){return(0,s.createElement)(p.ButtonGroup,null,So.map((({name:n,label:o})=>(0,s.createElement)(p.Button,{key:n,isPressed:e===n,onClick:()=>t(n)},o))))}const Hg=(0,d.createHigherOrderComponent)((e=>t=>{const{name:n}=t;return[(0,r.hasBlockSupport)(n,Fg)&&(0,s.createElement)(zg,i({key:"layout"},t)),(0,s.createElement)(e,i({key:"edit"},t))]}),"withInspectorControls"),Ug=(0,d.createHigherOrderComponent)((e=>t=>{const{name:n,attributes:o}=t,l=(0,r.hasBlockSupport)(n,Fg),a=(0,d.useInstanceId)(e),u=fo("layout")||{},p=(0,s.useContext)(Kp.__unstableElementContext),{layout:m}=o,{default:f}=(0,r.getBlockSupport)(n,Fg)||{},g=null!=m&&m.inherit?u:m||f||{},h=c()(null==t?void 0:t.className,{[`wp-container-${a}`]:l});return(0,s.createElement)(s.Fragment,null,l&&p&&(0,s.createPortal)((0,s.createElement)(To,{selector:`.wp-container-${a}`,layout:g}),p),(0,s.createElement)(e,i({},t,{className:h})))}));(0,l.addFilter)("blocks.registerBlockType","core/layout/addAttribute",(function(e){return(0,u.has)(e.attributes,["layout","type"])||(0,r.hasBlockSupport)(e,Fg)&&(e.attributes={...e.attributes,layout:{type:"object"}}),e})),(0,l.addFilter)("editor.BlockListBlock","core/editor/layout/with-layout-styles",Ug),(0,l.addFilter)("editor.BlockEdit","core/editor/layout/with-inspector-controls",Hg);const Gg=[];function Wg({borderColor:e,style:t}){var n;const o=(null==t?void 0:t.border)||{},r=Qp("border-color",e);return{className:c()({[r]:!!r,"has-border-color":e||(null==t||null===(n=t.border)||void 0===n?void 0:n.color)})||void 0,style:wg({border:o})}}function $g(e){const t=fo("color.palette")||Gg,n=Wg(e);if(e.borderColor){const o=Zp(t,e.borderColor);n.style.borderColor=o.color}return n}const jg=[];function Kg(e){var t,n,o,r,l,i;const{backgroundColor:s,textColor:a,gradient:u,style:d}=e,p=Qp("background-color",s),m=Qp("color",a),f=em(u),g=f||(null==d||null===(t=d.color)||void 0===t?void 0:t.gradient);return{className:c()(m,f,{[p]:!g&&!!p,"has-text-color":a||(null==d||null===(n=d.color)||void 0===n?void 0:n.text),"has-background":s||(null==d||null===(o=d.color)||void 0===o?void 0:o.background)||u||(null==d||null===(r=d.color)||void 0===r?void 0:r.gradient),"has-link-color":null==d||null===(l=d.elements)||void 0===l||null===(i=l.link)||void 0===i?void 0:i.color})||void 0,style:wg({color:(null==d?void 0:d.color)||{}})}}function qg(e){const{backgroundColor:t,textColor:n,gradient:o}=e,r=fo("color.palette")||jg,l=fo("color.gradients")||jg,i=Kg(e);if(t){const e=Zp(r,t);i.style.backgroundColor=e.color}if(o&&(i.style.background=tm(l,o)),n){const e=Zp(r,n);i.style.color=e.color}return i}function Yg(e){const{style:t}=e;return{style:wg({spacing:(null==t?void 0:t.spacing)||{}})}}function Zg(e){const[t,n]=(0,s.useState)(e);return(0,s.useEffect)((()=>{e&&n(e)}),[e]),t}const Xg=[];function Qg(e,t){const n=(0,u.reduce)(e,((e,t)=>({...e,...(0,u.isString)(t)?{[t]:(0,u.kebabCase)(t)}:t})),{});return(0,d.compose)([t,e=>class extends s.Component{constructor(e){super(e),this.setters=this.createSetters(),this.colorUtils={getMostReadableColor:this.getMostReadableColor.bind(this)},this.state={}}getMostReadableColor(e){const{colors:t}=this.props;return function(e,t){const n=Nc(t);return(0,u.maxBy)(e,(({color:e})=>n.contrast(e))).color}(t,e)}createSetters(){return(0,u.reduce)(n,((e,t,n)=>{const o=(0,u.upperFirst)(n),r=`custom${o}`;return e[`set${o}`]=this.createSetColor(n,r),e}),{})}createSetColor(e,t){return n=>{const o=Xp(this.props.colors,n);this.props.setAttributes({[e]:o&&o.slug?o.slug:void 0,[t]:o&&o.slug?void 0:n})}}static getDerivedStateFromProps({attributes:e,colors:t},o){return(0,u.reduce)(n,((n,r,l)=>{const i=Zp(t,e[l],e[`custom${(0,u.upperFirst)(l)}`]),s=o[l];return(null==s?void 0:s.color)===i.color&&s?n[l]=s:n[l]={...i,class:Qp(r,i.slug)},n}),{})}render(){return(0,s.createElement)(e,i({},this.props,{colors:void 0},this.state,this.setters,{colorUtils:this.colorUtils}))}}])}function Jg(e){return(...t)=>{const n=(e=>(0,d.createHigherOrderComponent)((t=>n=>(0,s.createElement)(t,i({},n,{colors:e}))),"withCustomColorPalette"))(e);return(0,d.createHigherOrderComponent)(Qg(t,n),"withCustomColors")}}function eh(...e){const t=(0,d.createHigherOrderComponent)((e=>t=>{const n=fo("color.palette")||Xg;return(0,s.createElement)(e,i({},t,{colors:n}))}),"withEditorColorPalette");return(0,d.createHigherOrderComponent)(Qg(e,t),"withColors")}const th=[];var nh=(...e)=>{const t=(0,u.reduce)(e,((e,t)=>(e[t]=`custom${(0,u.upperFirst)(t)}`,e)),{});return(0,d.createHigherOrderComponent)((0,d.compose)([(0,d.createHigherOrderComponent)((e=>t=>{const n=fo("typography.fontSizes")||th;return(0,s.createElement)(e,i({},t,{fontSizes:n}))}),"withFontSizes"),e=>class extends s.Component{constructor(e){super(e),this.setters=this.createSetters(),this.state={}}createSetters(){return(0,u.reduce)(t,((e,t,n)=>(e[`set${(0,u.upperFirst)(n)}`]=this.createSetFontSize(n,t),e)),{})}createSetFontSize(e,t){return n=>{const o=(0,u.find)(this.props.fontSizes,{size:Number(n)});this.props.setAttributes({[e]:o&&o.slug?o.slug:void 0,[t]:o&&o.slug?void 0:n})}}static getDerivedStateFromProps({attributes:e,fontSizes:n},o){const r=(t,n)=>!o[n]||(e[n]?e[n]!==o[n].slug:o[n].size!==e[t]);if(!(0,u.some)(t,r))return null;const l=(0,u.reduce)((0,u.pickBy)(t,r),((t,o,r)=>{const l=e[r],i=Gf(n,l,e[o]);return t[r]={...i,class:$f(l)},t}),{});return{...o,...l}}render(){return(0,s.createElement)(e,i({},this.props,{fontSizes:void 0},this.state,this.setters))}}]),"withFontSizes")},oh=(0,s.createElement)(F.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,s.createElement)(F.Path,{d:"M4 19.8h8.9v-1.5H4v1.5zm8.9-15.6H4v1.5h8.9V4.2zm-8.9 7v1.5h16v-1.5H4z"})),rh=(0,s.createElement)(F.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,s.createElement)(F.Path,{d:"M16.4 4.2H7.6v1.5h8.9V4.2zM4 11.2v1.5h16v-1.5H4zm3.6 8.6h8.9v-1.5H7.6v1.5z"})),lh=(0,s.createElement)(F.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,s.createElement)(F.Path,{d:"M11.1 19.8H20v-1.5h-8.9v1.5zm0-15.6v1.5H20V4.2h-8.9zM4 12.8h16v-1.5H4v1.5z"}));const ih=[{icon:oh,title:(0,g.__)("Align text left"),align:"left"},{icon:rh,title:(0,g.__)("Align text center"),align:"center"},{icon:lh,title:(0,g.__)("Align text right"),align:"right"}],sh={position:"bottom right",isAlternate:!0};var ah=function({value:e,onChange:t,alignmentControls:n=ih,label:o=(0,g.__)("Align"),describedBy:r=(0,g.__)("Change text alignment"),isCollapsed:l=!0,isToolbar:a}){function c(n){return()=>t(e===n?void 0:n)}const d=(0,u.find)(n,(t=>t.align===e)),m=a?p.ToolbarGroup:p.ToolbarDropdownMenu,f=a?{isCollapsed:l}:{};return(0,s.createElement)(m,i({icon:d?d.icon:(0,g.isRTL)()?lh:oh,label:o,toggleProps:{describedBy:r,className:d?"is-pressed":void 0},popoverProps:sh,controls:n.map((t=>{const{align:n}=t,o=e===n;return{...t,isActive:o,role:l?"menuitemradio":void 0,onClick:c(n)}}))},f))};function ch(e){return(0,s.createElement)(ah,i({},e,{isToolbar:!1}))}function uh(e){return(0,s.createElement)(ah,i({},e,{isToolbar:!0}))}var dh={name:"blocks",className:"block-editor-autocompleters__block",triggerPrefix:"/",useItems(e){const{rootClientId:t,selectedBlockName:n}=(0,m.useSelect)((e=>{const{getSelectedBlockClientId:t,getBlockName:n,getBlockInsertionPoint:o}=e(Wn),r=t();return{selectedBlockName:r?n(r):null,rootClientId:o().rootClientId}}),[]),[o,r,l]=ku(t,u.noop),i=(0,s.useMemo)((()=>(e.trim()?Ku(o,r,l,e):(0,u.orderBy)(o,["frecency"],["desc"])).filter((e=>e.name!==n)).slice(0,9)),[e,n,o,r,l]);return[(0,s.useMemo)((()=>i.map((e=>{const{title:t,icon:n,isDisabled:o}=e;return{key:`block-${e.id}`,value:e,label:(0,s.createElement)(s.Fragment,null,(0,s.createElement)(za,{key:"icon",icon:n,showColors:!0}),t),isDisabled:o}}))),[i])]},allowContext:(e,t)=>!(/\S/.test(e)||/\S/.test(t)),getOptionCompletion(e){const{name:t,initialAttributes:n,innerBlocks:o}=e;return{action:"replace",value:(0,r.createBlock)(t,n,(0,r.createBlocksFromInnerBlocksTemplate)(o))}}};const ph=[];function mh({completers:e=ph}){const{name:t}=qn();return(0,s.useMemo)((()=>{let n=e;return(t===(0,r.getDefaultBlockName)()||(0,r.getBlockSupport)(t,"__experimentalSlashInserter",!1))&&(n=n.concat([dh])),(0,l.hasFilter)("editor.Autocomplete.completers")&&(n===e&&(n=n.map(u.clone)),n=(0,l.applyFilters)("editor.Autocomplete.completers",n,t)),n}),[e,t])}var fh=function(e){return(0,s.createElement)(p.Autocomplete,i({},e,{completers:mh(e)}))},gh=(0,s.createElement)(F.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,s.createElement)(F.Path,{d:"M4.2 9h1.5V5.8H9V4.2H4.2V9zm14 9.2H15v1.5h4.8V15h-1.5v3.2zM15 4.2v1.5h3.2V9h1.5V4.2H15zM5.8 15H4.2v4.8H9v-1.5H5.8V15z"})),hh=function({isActive:e,label:t=(0,g.__)("Toggle full height"),onToggle:n,isDisabled:o}){return(0,s.createElement)(p.ToolbarButton,{isActive:e,icon:gh,label:t,onClick:()=>n(!e),disabled:o})},bh=function(e){const{label:t=(0,g.__)("Change matrix alignment"),onChange:n=u.noop,value:o="center",isDisabled:r}=e,l=(0,s.createElement)(p.__experimentalAlignmentMatrixControl.Icon,{value:o}),i="block-editor-block-alignment-matrix-control",a=`${i}__popover`;return(0,s.createElement)(p.Dropdown,{position:"bottom right",className:i,popoverProps:{className:a,isAlternate:!0},renderToggle:({onToggle:e,isOpen:n})=>(0,s.createElement)(p.ToolbarButton,{onClick:e,"aria-haspopup":"true","aria-expanded":n,onKeyDown:t=>{n||t.keyCode!==fa.DOWN||(t.preventDefault(),e())},label:t,icon:l,showTooltip:!0,disabled:r}),renderContent:()=>(0,s.createElement)(p.__experimentalAlignmentMatrixControl,{hasFocusBorder:!1,onChange:n,value:o})})},vh=(0,s.createElement)(F.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,s.createElement)(F.Path,{d:"M10.8622 8.04053L14.2805 12.0286L10.8622 16.0167L9.72327 15.0405L12.3049 12.0286L9.72327 9.01672L10.8622 8.04053Z"})),kh=function({rootLabelText:e}){const{selectBlock:t,clearSelectedBlock:n}=(0,m.useDispatch)(Wn),{clientId:o,parents:r,hasSelection:l}=(0,m.useSelect)((e=>{const{getSelectionStart:t,getSelectedBlockClientId:n,getBlockParents:o}=e(Wn),r=n();return{parents:o(r),clientId:r,hasSelection:!!t().clientId}}),[]),i=e||(0,g.__)("Document");return(0,s.createElement)("ul",{className:"block-editor-block-breadcrumb",role:"list","aria-label":(0,g.__)("Block breadcrumb")},(0,s.createElement)("li",{className:l?void 0:"block-editor-block-breadcrumb__current","aria-current":l?void 0:"true"},l&&(0,s.createElement)(p.Button,{className:"block-editor-block-breadcrumb__button",variant:"tertiary",onClick:n},i),!l&&i,!!o&&(0,s.createElement)(Co,{icon:vh,className:"block-editor-block-breadcrumb__separator"})),r.map((e=>(0,s.createElement)("li",{key:e},(0,s.createElement)(p.Button,{className:"block-editor-block-breadcrumb__button",variant:"tertiary",onClick:()=>t(e)},(0,s.createElement)(_d,{clientId:e})),(0,s.createElement)(Co,{icon:vh,className:"block-editor-block-breadcrumb__separator"})))),!!o&&(0,s.createElement)("li",{className:"block-editor-block-breadcrumb__current","aria-current":"true"},(0,s.createElement)(_d,{clientId:o})))};function _h({clientId:e,tagName:t="div",wrapperProps:n,className:o}){const[r,l]=(0,s.useState)(!0),[a,u]=(0,s.useState)(!1),{isParentSelected:d,hasChildSelected:p,isDraggingBlocks:f,isParentHighlighted:g}=(0,m.useSelect)((t=>{const{isBlockSelected:n,hasSelectedInnerBlock:o,isDraggingBlocks:r,isBlockHighlighted:l}=t(Wn);return{isParentSelected:n(e),hasChildSelected:o(e,!0),isDraggingBlocks:r(),isParentHighlighted:l(e)}}),[e]),h=c()("block-editor-block-content-overlay",null==n?void 0:n.className,o,{"overlay-active":r,"parent-highlighted":g,"is-dragging-blocks":f});return(0,s.useEffect)((()=>{d||p||r||l(!0),d&&!a&&r&&l(!1),p&&r&&l(!1)}),[d,p,r,a]),(0,s.createElement)(t,i({},n,{className:h,onMouseEnter:()=>u(!0),onMouseLeave:()=>u(!1),onMouseUp:r?()=>l(!1):void 0}),null==n?void 0:n.children)}const yh=()=>(0,s.createElement)(p.SVG,{xmlns:"https://www.w3.org/2000/svg",viewBox:"0 0 20 20"},(0,s.createElement)(p.Path,{d:"M7.434 5l3.18 9.16H8.538l-.692-2.184H4.628l-.705 2.184H2L5.18 5h2.254zm-1.13 1.904h-.115l-1.148 3.593H7.44L6.304 6.904zM14.348 7.006c1.853 0 2.9.876 2.9 2.374v4.78h-1.79v-.914h-.114c-.362.64-1.123 1.022-2.031 1.022-1.346 0-2.292-.826-2.292-2.108 0-1.27.972-2.006 2.71-2.107l1.696-.102V9.38c0-.584-.42-.914-1.18-.914-.667 0-1.112.228-1.264.647h-1.701c.12-1.295 1.307-2.107 3.066-2.107zm1.079 4.1l-1.416.09c-.793.056-1.18.342-1.18.844 0 .52.45.837 1.091.837.857 0 1.505-.545 1.505-1.256v-.515z"})),Eh=({style:e,className:t})=>(0,s.createElement)("div",{className:"block-library-colors-selector__icon-container"},(0,s.createElement)("div",{className:`${t} block-library-colors-selector__state-selection`,style:e},(0,s.createElement)(yh,null))),Ch=({TextColor:e,BackgroundColor:t})=>({onToggle:n,isOpen:o})=>(0,s.createElement)(p.ToolbarGroup,null,(0,s.createElement)(p.ToolbarButton,{className:"components-toolbar__control block-library-colors-selector__toggle",label:(0,g.__)("Open Colors Selector"),onClick:n,onKeyDown:e=>{o||e.keyCode!==fa.DOWN||(e.preventDefault(),n())},icon:(0,s.createElement)(t,null,(0,s.createElement)(e,null,(0,s.createElement)(Eh,null)))}));var Sh=({children:e,...t})=>(0,s.createElement)(p.Dropdown,{position:"bottom right",className:"block-library-colors-selector",contentClassName:"block-library-colors-selector__popover",renderToggle:Ch(t),renderContent:()=>e}),wh=(0,s.createElement)(F.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},(0,s.createElement)(F.Path,{d:"M13.8 5.2H3v1.5h10.8V5.2zm-3.6 12v1.5H21v-1.5H10.2zm7.2-6H6.6v1.5h10.8v-1.5z"}));const Bh=Js(p.__experimentalTreeGridRow);function Ih({isSelected:e,position:t,level:n,rowCount:o,children:r,className:l,path:a,...u}){const d=na({isSelected:e,adjustScrolling:!1,enableAnimation:!0,triggerAnimationOnChange:a.join("_")});return(0,s.createElement)(Bh,i({ref:d,className:c()("block-editor-list-view-leaf",l),level:n,positionInSet:t,setSize:o},u),r)}const xh=(e,t)=>(0,u.isArray)(t)&&t.length?-1!==t.indexOf(e):t===e;function Th({onClick:e}){return(0,s.createElement)("span",{className:"block-editor-list-view__expander",onClick:t=>e(t,{forceToggle:!0}),"aria-hidden":"true"},(0,s.createElement)(Co,{icon:vh}))}var Nh=(0,s.forwardRef)((function e({className:t,block:{clientId:n},isSelected:o,onClick:r,onToggleExpanded:l,position:i,siblingBlockCount:a,level:u,tabIndex:m,onFocus:f,onDragStart:h,onDragEnd:b,draggable:v},k){const _=kd(n),y=`list-view-block-select-button__${(0,d.useInstanceId)(e)}`,E=((e,t,n)=>(0,g.sprintf)(
|
61 |
/* translators: 1: The numerical position of the block. 2: The total number of blocks. 3. The level of nesting for the block. */
|
62 |
-
(0,g.__)("Block %1$d of %2$d, Level %3$d"),e,t,n))(i,a,u);return(0,s.createElement)(s.Fragment,null,(0,s.createElement)(p.Button,{className:c()("block-editor-list-view-block-select-button",t),onClick:r,"aria-describedby":y,ref:k,tabIndex:m,onFocus:f,onDragStart:h,onDragEnd:b,draggable:v},(0,s.createElement)(Th,{onClick:l}),(0,s.createElement)(za,{icon:null==_?void 0:_.icon,showColors:!0}),(0,s.createElement)(_d,{clientId:n}),(null==_?void 0:_.anchor)&&(0,s.createElement)("span",{className:"block-editor-list-view-block-select-button__anchor"},_.anchor),o&&(0,s.createElement)(p.VisuallyHidden,null,(0,g.__)("(selected block)"))),(0,s.createElement)("div",{className:"block-editor-list-view-block-select-button__description",id:y},E))})),Ph=(0,s.forwardRef)((({onClick:e,onToggleExpanded:t,block:n,isSelected:o,position:r,siblingBlockCount:l,level:a,...u},d)=>{const{clientId:p}=n,{blockMovingClientId:f,selectedBlockInBlockEditor:g}=(0,m.useSelect)((e=>{const{getBlockRootClientId:t,hasBlockMovingClientId:n,getSelectedBlockClientId:o}=e(Wn);return{rootClientId:t(p)||"",blockMovingClientId:n(),selectedBlockInBlockEditor:o()}}),[p]),h=f&&g===p,b=c()("block-editor-list-view-block-contents",{"is-dropping-before":h});return(0,s.createElement)(yd,{clientIds:[n.clientId]},(({draggable:c,onDragStart:p,onDragEnd:m})=>(0,s.createElement)(Nh,i({ref:d,className:b,block:n,onClick:e,onToggleExpanded:t,isSelected:o,position:r,siblingBlockCount:l,level:a,draggable:c,onDragStart:p,onDragEnd:m},u))))}));const Rh=(0,s.createContext)({__experimentalFeatures:!1,__experimentalPersistentListViewFeatures:!1}),Mh=()=>(0,s.useContext)(Rh);function Lh({block:e,isSelected:t,isDragged:n,isBranchSelected:o,isLastOfSelectedBranch:r,onClick:l,onToggleExpanded:i,position:a,level:u,rowCount:d,siblingBlockCount:f,showBlockMovers:g,path:h,isExpanded:b}){const v=(0,s.useRef)(null),[k,_]=(0,s.useState)(!1),{clientId:y}=e,{toggleBlockHighlight:E}=(0,m.useDispatch)(Wn),C=g&&f>0,S=c()("block-editor-list-view-block__mover-cell",{"is-visible":k||t}),{__experimentalFeatures:w,__experimentalPersistentListViewFeatures:B,isTreeGridMounted:I}=Mh(),x=c()("block-editor-list-view-block__menu-cell",{"is-visible":k||t});(0,s.useEffect)((()=>{B&&!I&&t&&v.current.focus()}),[]);const T=B?E:()=>{},N=()=>{_(!0),T(y,!0)},P=()=>{_(!1),T(y,!1)},R=c()({"is-selected":t,"is-branch-selected":B&&o,"is-last-of-selected-branch":B&&r,"is-dragging":n});return(0,s.createElement)(Ih,{className:R,onMouseEnter:N,onMouseLeave:P,onFocus:N,onBlur:P,level:u,position:a,rowCount:d,path:h,id:`list-view-block-${y}`,"data-block":y,isExpanded:b},(0,s.createElement)(p.__experimentalTreeGridCell,{className:"block-editor-list-view-block__contents-cell",colSpan:C?void 0:2,ref:v},(({ref:n,tabIndex:o,onFocus:r})=>(0,s.createElement)("div",{className:"block-editor-list-view-block__contents-container"},(0,s.createElement)(Ph,{block:e,onClick:l,onToggleExpanded:i,isSelected:t,position:a,siblingBlockCount:f,level:u,ref:n,tabIndex:o,onFocus:r})))),C&&(0,s.createElement)(s.Fragment,null,(0,s.createElement)(p.__experimentalTreeGridCell,{className:S,withoutGridItem:!0},(0,s.createElement)(p.__experimentalTreeGridItem,null,(({ref:e,tabIndex:t,onFocus:n})=>(0,s.createElement)(Rd,{orientation:"vertical",clientIds:[y],ref:e,tabIndex:t,onFocus:n}))),(0,s.createElement)(p.__experimentalTreeGridItem,null,(({ref:e,tabIndex:t,onFocus:n})=>(0,s.createElement)(Md,{orientation:"vertical",clientIds:[y],ref:e,tabIndex:t,onFocus:n}))))),w&&(0,s.createElement)(p.__experimentalTreeGridCell,{className:x},(({ref:e,tabIndex:t,onFocus:n})=>(0,s.createElement)(yp,{clientIds:[y],icon:op,toggleProps:{ref:e,className:"block-editor-list-view-block__menu",tabIndex:t,onFocus:n},disableOpenOnArrowDown:!0,__experimentalSelectBlock:l}))))}function Ah({parentBlockClientId:e,position:t,level:n,rowCount:o,path:r}){const l=(0,m.useSelect)((t=>{const{isBlockBeingDragged:n,isAncestorBeingDragged:o}=t(Wn);return n(e)||o(e)}),[e]),i=`list-view-appender-row__description_${(0,d.useInstanceId)(Ah)}`,a=(0,g.sprintf)(
|
63 |
-
/* translators: 1: The numerical position of the block that will be inserted. 2: The level of nesting for the block that will be inserted. */
|
64 |
-
(0,g.__)("Add block at position %1$d, Level %2$d"),t,n);return(0,s.createElement)(Ih,{className:c()({"is-dragging":l}),level:n,position:t,rowCount:o,path:r},(0,s.createElement)(p.__experimentalTreeGridCell,{className:"block-editor-list-view-appender__cell",colSpan:"3"},(({ref:t,tabIndex:n,onFocus:o})=>(0,s.createElement)("div",{className:"block-editor-list-view-appender__container"},(0,s.createElement)(id,{rootClientId:e,__experimentalIsQuick:!0,"aria-describedby":i,toggleProps:{ref:t,tabIndex:n,onFocus:o}}),(0,s.createElement)("div",{className:"block-editor-list-view-appender__description",id:i},a)))))}function Dh(e){const{blocks:t,selectBlock:n,showAppender:o,showBlockMovers:r,showNestedBlocks:l,parentBlockClientId:i,level:a=1,terminatedLevels:c=[],path:d=[],isBranchSelected:p=!1,isLastOfBranch:f=!1}=e,{expandedState:g,expand:h,collapse:b,draggedClientIds:v,selectedClientIds:k}=Mh(),_=!i,y=(0,u.compact)(t),E=e=>o&&!_&&xh(e,k),C=E(i),S=y.length,w=C?S+1:S,B=w;return(0,s.createElement)(s.Fragment,null,(0,u.map)(y,((e,t)=>{var i;const{clientId:u,innerBlocks:_}=e,y=t+1,C=w===y?[...c,a]:c,B=[...d,y],I=l&&!!_&&!!_.length,x=E(u),T=I||x,N=xh(u,k),P=p||N&&T,R=t===S-1,M=N||f&&R,L=f&&!T&&R,A=T?null===(i=g[u])||void 0===i||i:void 0,D=!(null==v||!v.includes(u));return(0,s.createElement)(m.AsyncModeProvider,{key:u,value:!N},(0,s.createElement)(Lh,{block:e,onClick:e=>{e.stopPropagation(),n(u)},onToggleExpanded:e=>{e.stopPropagation(),!0===A?b(u):!1===A&&h(u)},isDragged:D,isSelected:N,isBranchSelected:P,isLastOfSelectedBranch:L,level:a,position:y,rowCount:w,siblingBlockCount:S,showBlockMovers:r,terminatedLevels:c,path:B,isExpanded:A}),T&&A&&!D&&(0,s.createElement)(Dh,{blocks:_,selectBlock:n,isBranchSelected:P,isLastOfBranch:M,showAppender:o,showBlockMovers:r,showNestedBlocks:l,parentBlockClientId:u,level:a+1,terminatedLevels:C,path:B}))})),C&&(0,s.createElement)(Ah,{parentBlockClientId:i,position:w,rowCount:B,level:a,terminatedLevels:c,path:[...d,B]}))}function Oh({listViewRef:e,blockDropTarget:t}){const{rootClientId:n,clientId:o,dropPosition:r}=t||{},[l,i]=(0,s.useMemo)((()=>e.current?[n?e.current.querySelector(`[data-block="${n}"]`):void 0,o?e.current.querySelector(`[data-block="${o}"]`):void 0]:[]),[n,o]),a=i||l,c=(0,s.useCallback)((()=>{if(!l)return 0;const e=a.getBoundingClientRect();return l.querySelector(".block-editor-block-icon").getBoundingClientRect().right-e.left}),[l,a]),u=(0,s.useMemo)((()=>{if(!a)return{};const e=c();return{width:a.offsetWidth-e}}),[c,a]),d=(0,s.useCallback)((()=>{if(!a)return{};const e=a.ownerDocument,t=a.getBoundingClientRect(),n=c(),o={left:t.left+n,right:t.right,width:0,height:t.height,ownerDocument:e};return"top"===r?{...o,top:t.top,bottom:t.top}:"bottom"===r||"inside"===r?{...o,top:t.bottom,bottom:t.bottom}:{}}),[a,r,c]);return a?(0,s.createElement)(p.Popover,{noArrow:!0,animate:!1,getAnchorRect:d,focusOnMount:!1,className:"block-editor-list-view-drop-indicator"},(0,s.createElement)("div",{style:u,className:"block-editor-list-view-drop-indicator__line"})):null}function Fh(e,t){return t.left<=e.x&&t.right>=e.x&&t.top<=e.y&&t.bottom>=e.y}Dh.defaultProps={selectBlock:()=>{}};const zh=["top","bottom"];const Vh=()=>{},Hh=(e,t)=>{switch(t.type){case"expand":return{...e,[t.clientId]:!0};case"collapse":return{...e,[t.clientId]:!1};default:return e}};var Uh=(0,s.forwardRef)((function({blocks:e,showOnlyCurrentHierarchy:t,onSelect:n=Vh,__experimentalFeatures:o,__experimentalPersistentListViewFeatures:r,...l},a){const{clientIdsTree:c,selectedClientIds:u,draggedClientIds:f}=function(e,t,n){const{selectedClientIds:o,draggedClientIds:r}=(0,m.useSelect)((e=>{const{getSelectedBlockClientId:t,getSelectedBlockClientIds:o,getDraggedBlockClientIds:r}=e(Wn);return n?{selectedClientIds:o(),draggedClientIds:r()}:{selectedClientIds:t(),draggedClientIds:r()}}),[n]);return{clientIdsTree:((e,t,n)=>(0,m.useSelect)((o=>{const{getBlockHierarchyRootClientId:r,__unstableGetClientIdsTree:l,__unstableGetClientIdWithClientIdsTree:i}=o(Wn);if(e)return e;const s=t&&!Array.isArray(t);if(!n||!s)return l();const a=i(r(t));return a&&(!xh(a.clientId,t)||a.innerBlocks&&0!==a.innerBlocks.length)?[a]:l()}),[e,t,n]))(e,o,t),selectedClientIds:o,draggedClientIds:r}}(e,t,r),{selectBlock:h}=(0,m.useDispatch)(Wn),b=(0,s.useCallback)((e=>{h(e),n(e)}),[h,n]),[v,k]=(0,s.useReducer)(Hh,{}),{ref:_,target:y}=function(){const{getBlockRootClientId:e,getBlockIndex:t,getBlockCount:n,getDraggedBlockClientIds:o,canInsertBlocks:r}=(0,m.useSelect)(Wn),[l,i]=(0,s.useState)(),{rootClientId:a,blockIndex:c}=l||{},u=Dp(a,c),p=o(),f=(0,d.useThrottle)((0,s.useCallback)(((o,l)=>{const s={x:o.clientX,y:o.clientY},a=!(null==p||!p.length),c=function(e,t){let n,o,r,l;for(const i of e){if(i.isDraggedBlock)continue;const s=i.element.getBoundingClientRect(),[a,c]=Op(t,s,zh),u=Fh(t,s);if(void 0===r||a<r||u){r=a;const t=e.indexOf(i),d=e[t-1];if("top"===c&&d&&d.rootClientId===i.rootClientId&&!d.isDraggedBlock?(o=d,n="bottom",l=d.element.getBoundingClientRect()):(o=i,n=c,l=s),u)break}}if(!o)return;const i="bottom"===n;if(i&&o.canInsertDraggedBlocksAsChild&&(o.innerBlockCount>0||function(e,t){const n=t.left+t.width/2;return e.x>n}(t,l)))return{rootClientId:o.clientId,blockIndex:0,dropPosition:"inside"};if(!o.canInsertDraggedBlocksAsSibling)return;const s=i?1:0;return{rootClientId:o.rootClientId,clientId:o.clientId,blockIndex:o.blockIndex+s,dropPosition:n}}(Array.from(l.querySelectorAll("[data-block]")).map((o=>{const l=o.dataset.block,i=e(l);return{clientId:l,rootClientId:i,blockIndex:t(l,i),element:o,isDraggedBlock:!!a&&p.includes(l),innerBlockCount:n(l),canInsertDraggedBlocksAsSibling:!a||r(p,i),canInsertDraggedBlocksAsChild:!a||r(p,l)}})),s);c&&i(c)}),[p]),200);return{ref:(0,d.__experimentalUseDropZone)({onDrop:u,onDragOver(e){f(e,e.currentTarget)},onDragEnd(){f.cancel(),i(null)}}),target:l}}(),E=(0,s.useRef)(),C=(0,d.useMergeRefs)([E,_,a]),S=(0,s.useRef)(!1);(0,s.useEffect)((()=>{S.current=!0}),[]);const w=(0,s.useCallback)((e=>{e&&k({type:"expand",clientId:e})}),[k]),B=(0,s.useCallback)((e=>{e&&k({type:"collapse",clientId:e})}),[k]),I=(0,s.useMemo)((()=>({__experimentalFeatures:o,__experimentalPersistentListViewFeatures:r,isTreeGridMounted:S.current,draggedClientIds:f,selectedClientIds:u,expandedState:v,expand:w,collapse:B})),[o,r,S.current,f,u,v,w,B]);return(0,s.createElement)(m.AsyncModeProvider,{value:!0},(0,s.createElement)(Oh,{listViewRef:E,blockDropTarget:y}),(0,s.createElement)(p.__experimentalTreeGrid,{className:"block-editor-list-view-tree","aria-label":(0,g.__)("Block navigation structure"),ref:C,onCollapseRow:e=>{var t;B(null==e||null===(t=e.dataset)||void 0===t?void 0:t.block)},onExpandRow:e=>{var t;w(null==e||null===(t=e.dataset)||void 0===t?void 0:t.block)}},(0,s.createElement)(Rh.Provider,{value:I},(0,s.createElement)(Dh,i({blocks:c,selectBlock:b},l)))))}));function Gh({isEnabled:e,onToggle:t,isOpen:n,innerRef:o,...r}){return(0,s.createElement)(p.Button,i({},r,{ref:o,icon:wh,"aria-expanded":n,"aria-haspopup":"true",onClick:e?t:void 0
|
65 |
-
/* translators: button label text should, if possible, be under 16 characters. */,label:(0,g.__)("List view"),className:"block-editor-block-navigation","aria-disabled":!e}))}var Wh=(0,s.forwardRef)((function({isDisabled:e,__experimentalFeatures:t,...n},o){const r=(0,m.useSelect)((e=>!!e(Wn).getBlockCount()),[])&&!e;return(0,s.createElement)(p.Dropdown,{contentClassName:"block-editor-block-navigation__popover",position:"bottom right",renderToggle:({isOpen:e,onToggle:t})=>(0,s.createElement)(Gh,i({},n,{innerRef:o,isOpen:e,onToggle:t,isEnabled:r})),renderContent:()=>(0,s.createElement)("div",{className:"block-editor-block-navigation__container"},(0,s.createElement)("p",{className:"block-editor-block-navigation__label"},(0,g.__)("List view")),(0,s.createElement)(Uh,{showNestedBlocks:!0,showOnlyCurrentHierarchy:!0,__experimentalFeatures:t}))})})),$h=(0,s.createElement)(F.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,s.createElement)(F.Path,{d:"M18 5.5H6a.5.5 0 00-.5.5v3h13V6a.5.5 0 00-.5-.5zm.5 5H10v8h8a.5.5 0 00.5-.5v-7.5zm-10 0h-3V18a.5.5 0 00.5.5h2.5v-8zM6 4h12a2 2 0 012 2v12a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2z"})),jh=function({icon:e=$h,label:t=(0,g.__)("Choose variation"),instructions:n=(0,g.__)("Select a variation to start with."),variations:o,onSelect:r,allowSkip:l}){const i=c()("block-editor-block-variation-picker",{"has-many-variations":o.length>4});return(0,s.createElement)(p.Placeholder,{icon:e,label:t,instructions:n,className:i},(0,s.createElement)("ul",{className:"block-editor-block-variation-picker__variations",role:"list","aria-label":(0,g.__)("Block variations")},o.map((e=>(0,s.createElement)("li",{key:e.name},(0,s.createElement)(p.Button,{variant:"secondary",icon:e.icon,iconSize:48,onClick:()=>r(e),className:"block-editor-block-variation-picker__variation",label:e.description||e.title}),(0,s.createElement)("span",{className:"block-editor-block-variation-picker__variation-label",role:"presentation"},e.title))))),l&&(0,s.createElement)("div",{className:"block-editor-block-variation-picker__skip"},(0,s.createElement)(p.Button,{variant:"link",onClick:()=>r()},(0,g.__)("Skip"))))},Kh=(0,s.createElement)(F.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,s.createElement)(F.Path,{d:"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7.8 16.5H5c-.3 0-.5-.2-.5-.5v-6.2h6.8v6.7zm0-8.3H4.5V5c0-.3.2-.5.5-.5h6.2v6.7zm8.3 7.8c0 .3-.2.5-.5.5h-6.2v-6.8h6.8V19zm0-7.8h-6.8V4.5H19c.3 0 .5.2.5.5v6.2z",fillRule:"evenodd",clipRule:"evenodd"}));const qh="carousel",Yh="grid",Zh=({onStartBlank:e,onBlockPatternSelect:t})=>(0,s.createElement)("div",{className:"block-editor-block-pattern-setup__actions"},(0,s.createElement)(p.Button,{onClick:e},(0,g.__)("Start blank")),(0,s.createElement)(p.Button,{variant:"primary",onClick:t},(0,g.__)("Choose"))),Xh=({handlePrevious:e,handleNext:t,activeSlide:n,totalSlides:o})=>(0,s.createElement)("div",{className:"block-editor-block-pattern-setup__navigation"},(0,s.createElement)(p.Button,{icon:Bd,label:(0,g.__)("Previous pattern"),onClick:e,disabled:0===n}),(0,s.createElement)(p.Button,{icon:wd,label:(0,g.__)("Next pattern"),onClick:t,disabled:n===o-1}));var Qh=({viewMode:e,setViewMode:t,handlePrevious:n,handleNext:o,activeSlide:r,totalSlides:l,onBlockPatternSelect:i,onStartBlank:a})=>{const c=e===qh,u=(0,s.createElement)("div",{className:"block-editor-block-pattern-setup__display-controls"},(0,s.createElement)(p.Button,{icon:io,label:(0,g.__)("Carousel view"),onClick:()=>t(qh),isPressed:c}),(0,s.createElement)(p.Button,{icon:Kh,label:(0,g.__)("Grid view"),onClick:()=>t(Yh),isPressed:e===Yh}));return(0,s.createElement)("div",{className:"block-editor-block-pattern-setup__toolbar"},c&&(0,s.createElement)(Xh,{handlePrevious:n,handleNext:o,activeSlide:r,totalSlides:l}),u,c&&(0,s.createElement)(Zh,{onBlockPatternSelect:i,onStartBlank:a}))};const Jh=({viewMode:e,activeSlide:t,patterns:n,onBlockPatternSelect:o})=>{const r=(0,p.__unstableUseCompositeState)(),l="block-editor-block-pattern-setup__container";if(e===qh){const e=new Map([[t,"active-slide"],[t-1,"previous-slide"],[t+1,"next-slide"]]);return(0,s.createElement)("div",{className:l},(0,s.createElement)("ul",{className:"carousel-container"},n.map(((t,n)=>(0,s.createElement)(tb,{className:e.get(n)||"",key:t.name,pattern:t})))))}return(0,s.createElement)(p.__unstableComposite,i({},r,{role:"listbox",className:l,"aria-label":(0,g.__)("Patterns list")}),n.map((e=>(0,s.createElement)(eb,{key:e.name,pattern:e,onSelect:o,composite:r}))))};function eb({pattern:e,onSelect:t,composite:n}){const o="block-editor-block-pattern-setup-list",{blocks:r,title:l,description:a,viewportWidth:c=700}=e,u=(0,d.useInstanceId)(eb,`${o}__item-description`);return(0,s.createElement)("div",{className:`${o}__list-item`,"aria-label":e.title,"aria-describedby":e.description?u:void 0},(0,s.createElement)(p.__unstableCompositeItem,i({role:"option",as:"div"},n,{className:`${o}__item`,onClick:()=>t(r)}),(0,s.createElement)(iu,{blocks:r,viewportWidth:c}),(0,s.createElement)("div",{className:`${o}__item-title`},l)),!!a&&(0,s.createElement)(p.VisuallyHidden,{id:u},a))}function tb({className:e,pattern:t}){const{blocks:n,title:o,description:r}=t,l=(0,d.useInstanceId)(tb,"block-editor-block-pattern-setup-list__item-description");return(0,s.createElement)("li",{className:`pattern-slide ${e}`,"aria-label":o,"aria-describedby":r?l:void 0},(0,s.createElement)(iu,{blocks:n,__experimentalLive:!0}),!!r&&(0,s.createElement)(p.VisuallyHidden,{id:l},r))}var nb=({clientId:e,blockName:t,filterPatternsFn:n,startBlankComponent:o,onBlockPatternSelect:l})=>{const[i,a]=(0,s.useState)(qh),[c,u]=(0,s.useState)(0),[d,p]=(0,s.useState)(!1),{replaceBlock:f}=(0,m.useDispatch)(Wn),g=function(e,t,n){return(0,m.useSelect)((o=>{const{getBlockRootClientId:r,__experimentalGetPatternsByBlockTypes:l,__experimentalGetAllowedPatterns:i}=o(Wn),s=r(e);return n?i(s).filter(n):l(t,s)}),[e,t,n])}(e,t,n);if(null==g||!g.length||d)return o;const h=l||(t=>{const n=t.map((e=>(0,r.cloneBlock)(e)));f(e,n)});return(0,s.createElement)("div",{className:`block-editor-block-pattern-setup view-mode-${i}`},(0,s.createElement)(Qh,{viewMode:i,setViewMode:a,activeSlide:c,totalSlides:g.length,handleNext:()=>{u((e=>e+1))},handlePrevious:()=>{u((e=>e-1))},onBlockPatternSelect:()=>{h(g[c].blocks)},onStartBlank:()=>{p(!0)}}),(0,s.createElement)(Jh,{viewMode:i,activeSlide:c,patterns:g,onBlockPatternSelect:h}))};const ob=(e,t)=>{if(!t||!e)return;const n=t.filter((({attributes:t})=>!(!t||!Object.keys(t).length)&&(0,u.isMatch)(e,t)));return 1===n.length?n[0]:void 0};var rb=function({blockClientId:e}){const[t,n]=(0,s.useState)(),{updateBlockAttributes:o}=(0,m.useDispatch)(Wn),{variations:l,blockAttributes:i}=(0,m.useSelect)((t=>{const{getBlockVariations:n}=t(r.store),{getBlockName:o,getBlockAttributes:l}=t(Wn),i=e&&o(e);return{variations:i&&n(i,"transform"),blockAttributes:l(e)}}),[e]);if((0,s.useEffect)((()=>{var e;n(null===(e=ob(i,l))||void 0===e?void 0:e.name)}),[i,l]),null==l||!l.length)return null;const a=l.map((({name:e,title:t,description:n})=>({value:e,label:t,info:n}))),c=t=>{o(e,{...l.find((({name:e})=>e===t)).attributes})},u="block-editor-block-variation-transforms";return(0,s.createElement)(p.DropdownMenu,{className:u,label:(0,g.__)("Transform to variation"),text:(0,g.__)("Transform to variation"),popoverProps:{position:"bottom center",className:`${u}__popover`},icon:xd,toggleProps:{iconPosition:"right"}},(()=>(0,s.createElement)("div",{className:`${u}__container`},(0,s.createElement)(p.MenuGroup,null,(0,s.createElement)(p.MenuItemsChoice,{choices:a,value:t,onSelect:c})))))};const lb=(0,s.createElement)(p.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,s.createElement)(p.Path,{d:"M15 4H9v11h6V4zM4 18.5V20h16v-1.5H4z"})),ib=(0,s.createElement)(p.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,s.createElement)(p.Path,{d:"M20 11h-5V4H9v7H4v1.5h5V20h6v-7.5h5z"})),sb={top:{icon:(0,s.createElement)(p.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,s.createElement)(p.Path,{d:"M9 20h6V9H9v11zM4 4v1.5h16V4H4z"})),title:(0,g._x)("Align top","Block vertical alignment setting")},center:{icon:ib,title:(0,g._x)("Align middle","Block vertical alignment setting")},bottom:{icon:lb,title:(0,g._x)("Align bottom","Block vertical alignment setting")}},ab=["top","center","bottom"],cb={isAlternate:!0};var ub=function({value:e,onChange:t,controls:n=ab,isCollapsed:o=!0,isToolbar:r}){const l=sb[e],a=sb.top,c=r?p.ToolbarGroup:p.ToolbarDropdownMenu,u=r?{isCollapsed:o}:{};return(0,s.createElement)(c,i({popoverProps:cb,icon:l?l.icon:a.icon,label:(0,g._x)("Change vertical alignment","Block vertical alignment setting label"),controls:n.map((n=>{return{...sb[n],isActive:e===n,role:o?"menuitemradio":void 0,onClick:(r=n,()=>t(e===r?void 0:r))};var r}))},u))};function db(e){return(0,s.createElement)(ub,i({},e,{isToolbar:!1}))}function pb(e){return(0,s.createElement)(ub,i({},e,{isToolbar:!0}))}var mb=(0,d.createHigherOrderComponent)((e=>t=>{const n=fo("color.palette"),o=!fo("color.custom"),r=void 0===t.colors?n:t.colors,l=void 0===t.disableCustomColors?o:t.disableCustomColors,a=!(0,u.isEmpty)(r)||!l;return(0,s.createElement)(e,i({},t,{colors:r,disableCustomColors:l,hasColorsToChoose:a}))}),"withColorContext"),fb=mb(p.ColorPalette);function gb({onChange:e,value:t,...n}){return(0,s.createElement)(dm,i({},n,{onColorChange:e,colorValue:t,gradients:[],disableCustomGradients:!0}))}var hb=function(e,t){return(hb=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(e,t)},bb=function(){return(bb=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e}).apply(this,arguments)};function vb(e,t,n,o){void 0===o&&(o=0);var r=Tb(e,t,o),l=r.width,i=r.height;return e>=t*n&&l>t*n?{width:t*n,height:t}:l>t*n?{width:e,height:e/n}:l>i*n?{width:i*n,height:i}:{width:l,height:l/n}}function kb(e,t,n,o,r){void 0===r&&(r=0);var l=Tb(t.width,t.height,r),i=l.width,s=l.height;return{x:_b(e.x,i,n.width,o),y:_b(e.y,s,n.height,o)}}function _b(e,t,n,o){var r=t*o/2-n/2;return Math.min(r,Math.max(e,-r))}function yb(e,t){return Math.sqrt(Math.pow(e.y-t.y,2)+Math.pow(e.x-t.x,2))}function Eb(e,t){return 180*Math.atan2(t.y-e.y,t.x-e.x)/Math.PI}function Cb(e,t,n,o,r,l,i){void 0===l&&(l=0),void 0===i&&(i=!0);var s=i&&0===l?Sb:wb,a={x:s(100,((t.width-n.width/r)/2-e.x/r)/t.width*100),y:s(100,((t.height-n.height/r)/2-e.y/r)/t.height*100),width:s(100,n.width/t.width*100/r),height:s(100,n.height/t.height*100/r)},c=Math.round(s(t.naturalWidth,a.width*t.naturalWidth/100)),u=Math.round(s(t.naturalHeight,a.height*t.naturalHeight/100)),d=t.naturalWidth>=t.naturalHeight*o?{width:Math.round(u*o),height:u}:{width:c,height:Math.round(c/o)};return{croppedAreaPercentages:a,croppedAreaPixels:bb(bb({},d),{x:Math.round(s(t.naturalWidth-d.width,a.x*t.naturalWidth/100)),y:Math.round(s(t.naturalHeight-d.height,a.y*t.naturalHeight/100))})}}function Sb(e,t){return Math.min(e,Math.max(0,t))}function wb(e,t){return t}function Bb(e,t,n){var o=t.width/t.naturalWidth,r=function(e,t,n){var o=t.width/t.naturalWidth;if(n)return n.height>n.width?n.height/o/e.height:n.width/o/e.width;var r=e.width/e.height;return t.naturalWidth>=t.naturalHeight*r?t.naturalHeight/e.height:t.naturalWidth/e.width}(e,t,n),l=o*r;return{crop:{x:((t.naturalWidth-e.width)/2-e.x)*l,y:((t.naturalHeight-e.height)/2-e.y)*l},zoom:r}}function Ib(e,t){return{x:(t.x+e.x)/2,y:(t.y+e.y)/2}}function xb(e,t,n,o,r){var l=Math.cos,i=Math.sin,s=r*Math.PI/180;return[(e-n)*l(s)-(t-o)*i(s)+n,(e-n)*i(s)+(t-o)*l(s)+o]}function Tb(e,t,n){var o=e/2,r=t/2,l=[xb(0,0,o,r,n),xb(e,0,o,r,n),xb(e,t,o,r,n),xb(0,t,o,r,n)],i=Math.min.apply(Math,l.map((function(e){return e[0]}))),s=Math.max.apply(Math,l.map((function(e){return e[0]}))),a=Math.min.apply(Math,l.map((function(e){return e[1]})));return{width:s-i,height:Math.max.apply(Math,l.map((function(e){return e[1]})))-a}}function Nb(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return e.filter((function(e){return"string"==typeof e&&e.length>0})).join(" ").trim()}var Pb=function(e){function t(){var n=null!==e&&e.apply(this,arguments)||this;return n.imageRef=null,n.videoRef=null,n.containerRef=null,n.styleRef=null,n.containerRect=null,n.mediaSize={width:0,height:0,naturalWidth:0,naturalHeight:0},n.dragStartPosition={x:0,y:0},n.dragStartCrop={x:0,y:0},n.lastPinchDistance=0,n.lastPinchRotation=0,n.rafDragTimeout=null,n.rafPinchTimeout=null,n.wheelTimer=null,n.state={cropSize:null,hasWheelJustStarted:!1},n.preventZoomSafari=function(e){return e.preventDefault()},n.cleanEvents=function(){document.removeEventListener("mousemove",n.onMouseMove),document.removeEventListener("mouseup",n.onDragStopped),document.removeEventListener("touchmove",n.onTouchMove),document.removeEventListener("touchend",n.onDragStopped)},n.clearScrollEvent=function(){n.containerRef&&n.containerRef.removeEventListener("wheel",n.onWheel),n.wheelTimer&&clearTimeout(n.wheelTimer)},n.onMediaLoad=function(){n.computeSizes(),n.emitCropData(),n.setInitialCrop(),n.props.onMediaLoaded&&n.props.onMediaLoaded(n.mediaSize)},n.setInitialCrop=function(){var e=n.props,t=e.initialCroppedAreaPixels,o=e.cropSize;if(t){var r=Bb(t,n.mediaSize,o),l=r.crop,i=r.zoom;n.props.onCropChange(l),n.props.onZoomChange&&n.props.onZoomChange(i)}},n.computeSizes=function(){var e,t,o,r,l=n.imageRef||n.videoRef;if(l){n.mediaSize={width:l.offsetWidth,height:l.offsetHeight,naturalWidth:(null===(e=n.imageRef)||void 0===e?void 0:e.naturalWidth)||(null===(t=n.videoRef)||void 0===t?void 0:t.videoWidth)||0,naturalHeight:(null===(o=n.imageRef)||void 0===o?void 0:o.naturalHeight)||(null===(r=n.videoRef)||void 0===r?void 0:r.videoHeight)||0};var i=n.props.cropSize?n.props.cropSize:vb(l.offsetWidth,l.offsetHeight,n.props.aspect,n.props.rotation);n.setState({cropSize:i},n.recomputeCropPosition)}n.containerRef&&(n.containerRect=n.containerRef.getBoundingClientRect())},n.onMouseDown=function(e){e.preventDefault(),document.addEventListener("mousemove",n.onMouseMove),document.addEventListener("mouseup",n.onDragStopped),n.onDragStart(t.getMousePoint(e))},n.onMouseMove=function(e){return n.onDrag(t.getMousePoint(e))},n.onTouchStart=function(e){e.preventDefault(),document.addEventListener("touchmove",n.onTouchMove,{passive:!1}),document.addEventListener("touchend",n.onDragStopped),2===e.touches.length?n.onPinchStart(e):1===e.touches.length&&n.onDragStart(t.getTouchPoint(e.touches[0]))},n.onTouchMove=function(e){e.preventDefault(),2===e.touches.length?n.onPinchMove(e):1===e.touches.length&&n.onDrag(t.getTouchPoint(e.touches[0]))},n.onDragStart=function(e){var t,o,r=e.x,l=e.y;n.dragStartPosition={x:r,y:l},n.dragStartCrop=bb({},n.props.crop),null===(o=(t=n.props).onInteractionStart)||void 0===o||o.call(t)},n.onDrag=function(e){var t=e.x,o=e.y;n.rafDragTimeout&&window.cancelAnimationFrame(n.rafDragTimeout),n.rafDragTimeout=window.requestAnimationFrame((function(){if(n.state.cropSize&&void 0!==t&&void 0!==o){var e=t-n.dragStartPosition.x,r=o-n.dragStartPosition.y,l={x:n.dragStartCrop.x+e,y:n.dragStartCrop.y+r},i=n.props.restrictPosition?kb(l,n.mediaSize,n.state.cropSize,n.props.zoom,n.props.rotation):l;n.props.onCropChange(i)}}))},n.onDragStopped=function(){var e,t;n.cleanEvents(),n.emitCropData(),null===(t=(e=n.props).onInteractionEnd)||void 0===t||t.call(e)},n.onWheel=function(e){e.preventDefault();var o=t.getMousePoint(e),r=n.props.zoom-e.deltaY*n.props.zoomSpeed/200;n.setNewZoom(r,o),n.state.hasWheelJustStarted||n.setState({hasWheelJustStarted:!0},(function(){var e,t;return null===(t=(e=n.props).onInteractionStart)||void 0===t?void 0:t.call(e)})),n.wheelTimer&&clearTimeout(n.wheelTimer),n.wheelTimer=window.setTimeout((function(){return n.setState({hasWheelJustStarted:!1},(function(){var e,t;return null===(t=(e=n.props).onInteractionEnd)||void 0===t?void 0:t.call(e)}))}),250)},n.getPointOnContainer=function(e){var t=e.x,o=e.y;if(!n.containerRect)throw new Error("The Cropper is not mounted");return{x:n.containerRect.width/2-(t-n.containerRect.left),y:n.containerRect.height/2-(o-n.containerRect.top)}},n.getPointOnMedia=function(e){var t=e.x,o=e.y,r=n.props,l=r.crop,i=r.zoom;return{x:(t+l.x)/i,y:(o+l.y)/i}},n.setNewZoom=function(e,t){if(n.state.cropSize&&n.props.onZoomChange){var o=n.getPointOnContainer(t),r=n.getPointOnMedia(o),l=Math.min(n.props.maxZoom,Math.max(e,n.props.minZoom)),i={x:r.x*l-o.x,y:r.y*l-o.y},s=n.props.restrictPosition?kb(i,n.mediaSize,n.state.cropSize,l,n.props.rotation):i;n.props.onCropChange(s),n.props.onZoomChange(l)}},n.emitCropData=function(){if(n.state.cropSize){var e=Cb(n.props.restrictPosition?kb(n.props.crop,n.mediaSize,n.state.cropSize,n.props.zoom,n.props.rotation):n.props.crop,n.mediaSize,n.state.cropSize,n.getAspect(),n.props.zoom,n.props.rotation,n.props.restrictPosition),t=e.croppedAreaPercentages,o=e.croppedAreaPixels;n.props.onCropComplete&&n.props.onCropComplete(t,o)}},n.recomputeCropPosition=function(){if(n.state.cropSize){var e=n.props.restrictPosition?kb(n.props.crop,n.mediaSize,n.state.cropSize,n.props.zoom,n.props.rotation):n.props.crop;n.props.onCropChange(e),n.emitCropData()}},n}return function(e,t){function __(){this.constructor=e}hb(e,t),e.prototype=null===t?Object.create(t):(__.prototype=t.prototype,new __)}(t,e),t.prototype.componentDidMount=function(){window.addEventListener("resize",this.computeSizes),this.containerRef&&(this.props.zoomWithScroll&&this.containerRef.addEventListener("wheel",this.onWheel,{passive:!1}),this.containerRef.addEventListener("gesturestart",this.preventZoomSafari),this.containerRef.addEventListener("gesturechange",this.preventZoomSafari)),this.props.disableAutomaticStylesInjection||(this.styleRef=document.createElement("style"),this.styleRef.setAttribute("type","text/css"),this.styleRef.innerHTML=".reactEasyCrop_Container {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n overflow: hidden;\n user-select: none;\n touch-action: none;\n cursor: move;\n}\n\n.reactEasyCrop_Image,\n.reactEasyCrop_Video {\n max-width: 100%;\n max-height: 100%;\n margin: auto;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n will-change: transform; /* this improves performances and prevent painting issues on iOS Chrome */\n}\n\n.reactEasyCrop_CropArea {\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n border: 1px solid rgba(255, 255, 255, 0.5);\n box-sizing: border-box;\n box-shadow: 0 0 0 9999em;\n color: rgba(0, 0, 0, 0.5);\n overflow: hidden;\n}\n\n.reactEasyCrop_CropAreaRound {\n border-radius: 50%;\n}\n\n.reactEasyCrop_CropAreaGrid::before {\n content: ' ';\n box-sizing: border-box;\n position: absolute;\n border: 1px solid rgba(255, 255, 255, 0.5);\n top: 0;\n bottom: 0;\n left: 33.33%;\n right: 33.33%;\n border-top: 0;\n border-bottom: 0;\n}\n\n.reactEasyCrop_CropAreaGrid::after {\n content: ' ';\n box-sizing: border-box;\n position: absolute;\n border: 1px solid rgba(255, 255, 255, 0.5);\n top: 33.33%;\n bottom: 33.33%;\n left: 0;\n right: 0;\n border-left: 0;\n border-right: 0;\n}\n",document.head.appendChild(this.styleRef)),this.imageRef&&this.imageRef.complete&&this.onMediaLoad()},t.prototype.componentWillUnmount=function(){window.removeEventListener("resize",this.computeSizes),this.containerRef&&(this.containerRef.removeEventListener("gesturestart",this.preventZoomSafari),this.containerRef.removeEventListener("gesturechange",this.preventZoomSafari)),this.styleRef&&this.styleRef.remove(),this.cleanEvents(),this.props.zoomWithScroll&&this.clearScrollEvent()},t.prototype.componentDidUpdate=function(e){e.rotation!==this.props.rotation?(this.computeSizes(),this.recomputeCropPosition()):e.aspect!==this.props.aspect?this.computeSizes():e.zoom!==this.props.zoom?this.recomputeCropPosition():e.cropSize!==this.props.cropSize&&this.computeSizes(),e.zoomWithScroll!==this.props.zoomWithScroll&&this.containerRef&&(this.props.zoomWithScroll?this.containerRef.addEventListener("wheel",this.onWheel,{passive:!1}):this.clearScrollEvent())},t.prototype.getAspect=function(){var e=this.props,t=e.cropSize,n=e.aspect;return t?t.width/t.height:n},t.prototype.onPinchStart=function(e){var n=t.getTouchPoint(e.touches[0]),o=t.getTouchPoint(e.touches[1]);this.lastPinchDistance=yb(n,o),this.lastPinchRotation=Eb(n,o),this.onDragStart(Ib(n,o))},t.prototype.onPinchMove=function(e){var n=this,o=t.getTouchPoint(e.touches[0]),r=t.getTouchPoint(e.touches[1]),l=Ib(o,r);this.onDrag(l),this.rafPinchTimeout&&window.cancelAnimationFrame(this.rafPinchTimeout),this.rafPinchTimeout=window.requestAnimationFrame((function(){var e=yb(o,r),t=n.props.zoom*(e/n.lastPinchDistance);n.setNewZoom(t,l),n.lastPinchDistance=e;var i=Eb(o,r),s=n.props.rotation+(i-n.lastPinchRotation);n.props.onRotationChange&&n.props.onRotationChange(s),n.lastPinchRotation=i}))},t.prototype.render=function(){var e=this,t=this.props,n=t.image,o=t.video,r=t.mediaProps,l=t.crop,i=l.x,s=l.y,a=t.rotation,c=t.zoom,u=t.cropShape,d=t.showGrid,p=t.style,m=p.containerStyle,f=p.cropAreaStyle,g=p.mediaStyle,h=t.classes,b=h.containerClassName,v=h.cropAreaClassName,k=h.mediaClassName;return Vr().createElement("div",{onMouseDown:this.onMouseDown,onTouchStart:this.onTouchStart,ref:function(t){return e.containerRef=t},"data-testid":"container",style:m,className:Nb("reactEasyCrop_Container",b)},n?Vr().createElement("img",bb({alt:"",className:Nb("reactEasyCrop_Image",k)},r,{src:n,ref:function(t){return e.imageRef=t},style:bb(bb({},g),{transform:"translate("+i+"px, "+s+"px) rotate("+a+"deg) scale("+c+")"}),onLoad:this.onMediaLoad})):o&&Vr().createElement("video",bb({autoPlay:!0,loop:!0,muted:!0,className:Nb("reactEasyCrop_Video",k)},r,{src:o,ref:function(t){return e.videoRef=t},onLoadedMetadata:this.onMediaLoad,style:bb(bb({},g),{transform:"translate("+i+"px, "+s+"px) rotate("+a+"deg) scale("+c+")"}),controls:!1})),this.state.cropSize&&Vr().createElement("div",{style:bb(bb({},f),{width:this.state.cropSize.width,height:this.state.cropSize.height}),"data-testid":"cropper",className:Nb("reactEasyCrop_CropArea","round"===u&&"reactEasyCrop_CropAreaRound",d&&"reactEasyCrop_CropAreaGrid",v)}))},t.defaultProps={zoom:1,rotation:0,aspect:4/3,maxZoom:3,minZoom:1,cropShape:"rect",showGrid:!0,style:{},classes:{},mediaProps:{},zoomSpeed:1,restrictPosition:!0,zoomWithScroll:!0},t.getMousePoint=function(e){return{x:Number(e.clientX),y:Number(e.clientY)}},t.getTouchPoint=function(e){return{x:Number(e.clientX),y:Number(e.clientY)}},t}(Vr().Component);const Rb={position:"bottom right",isAlternate:!0};var Mb=window.wp.apiFetch,Lb=n.n(Mb);const Ab=(0,s.createContext)({}),Db=()=>(0,s.useContext)(Ab);function Ob({id:e,url:t,naturalWidth:n,naturalHeight:o,isEditing:r,onFinishEditing:i,onSaveImage:a,children:c}){const u=function(e,t){const n=function({url:e,naturalWidth:t,naturalHeight:n}){const[o,r]=(0,s.useState)(),[i,a]=(0,s.useState)(),[c,u]=(0,s.useState)({x:0,y:0}),[d,p]=(0,s.useState)(),[m,f]=(0,s.useState)(),[g,h]=(0,s.useState)(),[b,v]=(0,s.useState)(),k=(0,s.useCallback)((()=>{u({x:0,y:0}),p(100),f(0),h(t/n),v(t/n)}),[t,n,u,p,f,h,v]),_=(0,s.useCallback)((()=>{const o=(m+90)%360;let i=t/n;if(m%180==90&&(i=n/t),0===o)return r(),f(o),h(1/g),void u({x:-c.y*i,y:c.x*i});const s=new window.Image;s.src=e,s.onload=function(e){const t=document.createElement("canvas");let n=0,l=0;o%180?(t.width=e.target.height,t.height=e.target.width):(t.width=e.target.width,t.height=e.target.height),90!==o&&180!==o||(n=t.width),270!==o&&180!==o||(l=t.height);const s=t.getContext("2d");s.translate(n,l),s.rotate(o*Math.PI/180),s.drawImage(e.target,0,0),t.toBlob((e=>{r(URL.createObjectURL(e)),f(o),h(1/g),u({x:-c.y*i,y:c.x*i})}))};const a=(0,l.applyFilters)("media.crossOrigin",void 0,e);"string"==typeof a&&(s.crossOrigin=a)}),[m,t,n,r,f,h,u]);return(0,s.useMemo)((()=>({editedUrl:o,setEditedUrl:r,crop:i,setCrop:a,position:c,setPosition:u,zoom:d,setZoom:p,rotation:m,setRotation:f,rotateClockwise:_,aspect:g,setAspect:h,defaultAspect:b,initializeTransformValues:k})),[o,r,i,a,c,u,d,p,m,f,_,g,h,b,k])}(e),{initializeTransformValues:o}=n;return(0,s.useEffect)((()=>{t&&o()}),[t,o]),n}({url:t,naturalWidth:n,naturalHeight:o},r),d=function({crop:e,rotation:t,height:n,width:o,aspect:r,url:l,id:i,onSaveImage:a,onFinishEditing:c}){const{createErrorNotice:u}=(0,m.useDispatch)(Su.store),[d,p]=(0,s.useState)(!1),f=(0,s.useCallback)((()=>{p(!1),c()}),[p,c]),h=(0,s.useCallback)((()=>{p(!0);let s={};(e.width<99.9||e.height<99.9)&&(s=e),t>0&&(s.rotation=t),s.src=l,Lb()({path:`/wp/v2/media/${i}/edit`,method:"POST",data:s}).then((e=>{a({id:e.id,url:e.source_url,height:n&&o?o/r:void 0})})).catch((e=>{u((0,g.sprintf)(
|
66 |
/* translators: 1. Error message */
|
67 |
-
(0,g.__)("Could not edit image. %s"),e.message),{id:"image-editing-error",type:"snackbar"})})).finally((()=>{p(!1),c()}))}),[p,e,t,n,o,r,l,a,u,p,c]);return(0,s.useMemo)((()=>({isInProgress:d,apply:h,cancel:f})),[d,h,f])}({id:e,url:t,onSaveImage:a,onFinishEditing:i,...u}),p=(0,s.useMemo)((()=>({...u,...d})),[u,d]);return(0,s.createElement)(Ab.Provider,{value:p},c)}function Fb({url:e,width:t,height:n,clientWidth:o,naturalHeight:r,naturalWidth:l}){const{isInProgress:i,editedUrl:a,position:u,zoom:d,aspect:m,setPosition:f,setCrop:g,setZoom:h,rotation:b}=Db();let v=n||o*r/l;return b%180==90&&(v=o*l/r),(0,s.createElement)("div",{className:c()("wp-block-image__crop-area",{"is-applying":i}),style:{width:t||o,height:v}},(0,s.createElement)(Pb,{image:a||e,disabled:i,minZoom:1,maxZoom:3,crop:u,zoom:d/100,aspect:m,onCropChange:f,onCropComplete:e=>{g(e)},onZoomChange:e=>{h(100*e)}}),i&&(0,s.createElement)(p.Spinner,null))}var zb=(0,s.createElement)(F.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,s.createElement)(F.Path,{d:"M13.5 6C10.5 6 8 8.5 8 11.5c0 1.1.3 2.1.9 3l-3.4 3 1 1.1 3.4-2.9c1 .9 2.2 1.4 3.6 1.4 3 0 5.5-2.5 5.5-5.5C19 8.5 16.5 6 13.5 6zm0 9.5c-2.2 0-4-1.8-4-4s1.8-4 4-4 4 1.8 4 4-1.8 4-4 4z"}));function Vb(){const{isInProgress:e,zoom:t,setZoom:n}=Db();return(0,s.createElement)(p.Dropdown,{contentClassName:"wp-block-image__zoom",popoverProps:Rb,renderToggle:({isOpen:t,onToggle:n})=>(0,s.createElement)(p.ToolbarButton,{icon:zb,label:(0,g.__)("Zoom"),onClick:n,"aria-expanded":t,disabled:e}),renderContent:()=>(0,s.createElement)(p.RangeControl,{label:(0,g.__)("Zoom"),min:100,max:300,value:Math.round(t),onChange:n})})}var Hb=(0,s.createElement)(F.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,s.createElement)(F.Path,{d:"M16.7 7.1l-6.3 8.5-3.3-2.5-.9 1.2 4.5 3.4L17.9 8z"})),Ub=(0,s.createElement)(F.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,s.createElement)(F.Path,{d:"M18.5 5.5h-13c-1.1 0-2 .9-2 2v9c0 1.1.9 2 2 2h13c1.1 0 2-.9 2-2v-9c0-1.1-.9-2-2-2zm.5 11c0 .3-.2.5-.5.5h-13c-.3 0-.5-.2-.5-.5v-9c0-.3.2-.5.5-.5h13c.3 0 .5.2.5.5v9zM6.5 12H8v-2h2V8.5H6.5V12zm9.5 2h-2v1.5h3.5V12H16v2z"}));function Gb({aspectRatios:e,isDisabled:t,label:n,onClick:o,value:r}){return(0,s.createElement)(p.MenuGroup,{label:n},e.map((({title:e,aspect:n})=>(0,s.createElement)(p.MenuItem,{key:n,disabled:t,onClick:()=>{o(n)},role:"menuitemradio",isSelected:n===r,icon:n===r?Hb:void 0},e))))}function Wb({toggleProps:e}){const{isInProgress:t,aspect:n,setAspect:o,defaultAspect:r}=Db();return(0,s.createElement)(p.DropdownMenu,{icon:Ub,label:(0,g.__)("Aspect Ratio"),popoverProps:Rb,toggleProps:e,className:"wp-block-image__aspect-ratio"},(({onClose:e})=>(0,s.createElement)(s.Fragment,null,(0,s.createElement)(Gb,{isDisabled:t,onClick:t=>{o(t),e()},value:n,aspectRatios:[{title:(0,g.__)("Original"),aspect:r},{title:(0,g.__)("Square"),aspect:1}]}),(0,s.createElement)(Gb,{label:(0,g.__)("Landscape"),isDisabled:t,onClick:t=>{o(t),e()},value:n,aspectRatios:[{title:(0,g.__)("16:10"),aspect:1.6},{title:(0,g.__)("16:9"),aspect:16/9},{title:(0,g.__)("4:3"),aspect:4/3},{title:(0,g.__)("3:2"),aspect:1.5}]}),(0,s.createElement)(Gb,{label:(0,g.__)("Portrait"),isDisabled:t,onClick:t=>{o(t),e()},value:n,aspectRatios:[{title:(0,g.__)("10:16"),aspect:.625},{title:(0,g.__)("9:16"),aspect:9/16},{title:(0,g.__)("3:4"),aspect:3/4},{title:(0,g.__)("2:3"),aspect:2/3}]}))))}var $b=(0,s.createElement)(F.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,s.createElement)(F.Path,{d:"M15.1 4.8l-3-2.5V4c-4.4 0-8 3.6-8 8 0 3.7 2.5 6.9 6 7.7.3.1.6.1 1 .2l.2-1.5c-.4 0-.7-.1-1.1-.2l-.1.2v-.2c-2.6-.8-4.5-3.3-4.5-6.2 0-3.6 2.9-6.5 6.5-6.5v1.8l3-2.5zM20 11c-.2-1.4-.7-2.7-1.6-3.8l-1.2.8c.7.9 1.1 2 1.3 3.1L20 11zm-1.5 1.8c-.1.5-.2 1.1-.4 1.6s-.5 1-.8 1.5l1.2.9c.4-.5.8-1.1 1-1.8s.5-1.3.5-2l-1.5-.2zm-5.6 5.6l.2 1.5c1.4-.2 2.7-.7 3.8-1.6l-.9-1.1c-.9.7-2 1.1-3.1 1.2z"}));function jb(){const{isInProgress:e,rotateClockwise:t}=Db();return(0,s.createElement)(p.ToolbarButton,{icon:$b,label:(0,g.__)("Rotate"),onClick:t,disabled:e})}function Kb(){const{isInProgress:e,apply:t,cancel:n}=Db();return(0,s.createElement)(s.Fragment,null,(0,s.createElement)(p.ToolbarButton,{onClick:t,disabled:e},(0,g.__)("Apply")),(0,s.createElement)(p.ToolbarButton,{onClick:n},(0,g.__)("Cancel")))}function qb({url:e,width:t,height:n,clientWidth:o,naturalHeight:r,naturalWidth:l}){return(0,s.createElement)(s.Fragment,null,(0,s.createElement)(Fb,{url:e,width:t,height:n,clientWidth:o,naturalHeight:r,naturalWidth:l}),(0,s.createElement)(eo,null,(0,s.createElement)(p.ToolbarGroup,null,(0,s.createElement)(Vb,null),(0,s.createElement)(p.ToolbarItem,null,(e=>(0,s.createElement)(Wb,{toggleProps:e}))),(0,s.createElement)(jb,null)),(0,s.createElement)(p.ToolbarGroup,null,(0,s.createElement)(Kb,null))))}const Yb=[25,50,75,100];function Zb({imageWidth:e,imageHeight:t,imageSizeOptions:n=[],isResizable:o=!0,slug:r,width:l,height:i,onChange:a,onChangeImage:c=u.noop}){const{currentHeight:d,currentWidth:m,updateDimension:f,updateDimensions:h}=function(e,t,n,o,r){var l,i;const[a,c]=(0,s.useState)(null!==(l=null!=t?t:o)&&void 0!==l?l:""),[u,d]=(0,s.useState)(null!==(i=null!=e?e:n)&&void 0!==i?i:"");return(0,s.useEffect)((()=>{void 0===t&&void 0!==o&&c(o),void 0===e&&void 0!==n&&d(n)}),[o,n]),(0,s.useEffect)((()=>{void 0!==t&&Number.parseInt(t)!==Number.parseInt(a)&&c(t),void 0!==e&&Number.parseInt(e)!==Number.parseInt(u)&&d(e)}),[t,e]),{currentHeight:u,currentWidth:a,updateDimension:(e,t)=>{"width"===e?c(t):d(t),r({[e]:""===t?void 0:parseInt(t,10)})},updateDimensions:(e,t)=>{d(null!=e?e:n),c(null!=t?t:o),r({height:e,width:t})}}}(i,l,t,e,a);return(0,s.createElement)(s.Fragment,null,!(0,u.isEmpty)(n)&&(0,s.createElement)(p.SelectControl,{label:(0,g.__)("Image size"),value:r,options:n,onChange:c}),o&&(0,s.createElement)("div",{className:"block-editor-image-size-control"},(0,s.createElement)("p",{className:"block-editor-image-size-control__row"},(0,g.__)("Image dimensions")),(0,s.createElement)("div",{className:"block-editor-image-size-control__row"},(0,s.createElement)(p.TextControl,{type:"number",className:"block-editor-image-size-control__width",label:(0,g.__)("Width"),value:m,min:1,onChange:e=>f("width",e)}),(0,s.createElement)(p.TextControl,{type:"number",className:"block-editor-image-size-control__height",label:(0,g.__)("Height"),value:d,min:1,onChange:e=>f("height",e)})),(0,s.createElement)("div",{className:"block-editor-image-size-control__row"},(0,s.createElement)(p.ButtonGroup,{"aria-label":(0,g.__)("Image size presets")},Yb.map((n=>{const o=Math.round(e*(n/100)),r=Math.round(t*(n/100)),l=m===o&&d===r;return(0,s.createElement)(p.Button,{key:n,isSmall:!0,variant:l?"primary":void 0,isPressed:l,onClick:()=>h(r,o)},n,"%")}))),(0,s.createElement)(p.Button,{isSmall:!0,onClick:()=>h()},(0,g.__)("Reset")))))}var Xb=(0,s.createElement)(F.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"-2 -2 24 24"},(0,s.createElement)(F.Path,{d:"M6.734 16.106l2.176-2.38-1.093-1.028-3.846 4.158 3.846 4.157 1.093-1.027-2.176-2.38h2.811c1.125 0 2.25.03 3.374 0 1.428-.001 3.362-.25 4.963-1.277 1.66-1.065 2.868-2.906 2.868-5.859 0-2.479-1.327-4.896-3.65-5.93-1.82-.813-3.044-.8-4.806-.788l-.567.002v1.5c.184 0 .368 0 .553-.002 1.82-.007 2.704-.014 4.21.657 1.854.827 2.76 2.657 2.76 4.561 0 2.472-.973 3.824-2.178 4.596-1.258.807-2.864 1.04-4.163 1.04h-.02c-1.115.03-2.229 0-3.344 0H6.734z"})),Qb=({value:e,onChange:t=u.noop,settings:n})=>{if(!n||!n.length)return null;const o=n=>o=>{t({...e,[n.id]:o})},r=n.map((t=>(0,s.createElement)(p.ToggleControl,{className:"block-editor-link-control__setting",key:t.id,label:t.title,onChange:o(t),checked:!!e&&!!e[t.id]})));return(0,s.createElement)("fieldset",{className:"block-editor-link-control__settings"},(0,s.createElement)(p.VisuallyHidden,{as:"legend"},(0,g.__)("Currently selected link settings")),r)};class Jb extends s.Component{constructor(e){super(e),this.onChange=this.onChange.bind(this),this.onFocus=this.onFocus.bind(this),this.onKeyDown=this.onKeyDown.bind(this),this.selectLink=this.selectLink.bind(this),this.handleOnClick=this.handleOnClick.bind(this),this.bindSuggestionNode=this.bindSuggestionNode.bind(this),this.autocompleteRef=e.autocompleteRef||(0,s.createRef)(),this.inputRef=(0,s.createRef)(),this.updateSuggestions=(0,u.debounce)(this.updateSuggestions.bind(this),200),this.suggestionNodes=[],this.isUpdatingSuggestions=!1,this.state={suggestions:[],showSuggestions:!1,selectedSuggestion:null,suggestionsListboxId:"",suggestionOptionIdPrefix:""}}componentDidUpdate(e){const{showSuggestions:t,selectedSuggestion:n}=this.state,{value:o}=this.props;t&&null!==n&&this.suggestionNodes[n]&&!this.scrollingIntoView&&(this.scrollingIntoView=!0,va()(this.suggestionNodes[n],this.autocompleteRef.current,{onlyScrollIfNeeded:!0}),this.props.setTimeout((()=>{this.scrollingIntoView=!1}),100)),e.value!==o&&this.shouldShowInitialSuggestions()&&this.updateSuggestions()}componentDidMount(){this.shouldShowInitialSuggestions()&&this.updateSuggestions()}componentWillUnmount(){var e,t;null===(e=this.suggestionsRequest)||void 0===e||null===(t=e.cancel)||void 0===t||t.call(e),delete this.suggestionsRequest}bindSuggestionNode(e){return t=>{this.suggestionNodes[e]=t}}shouldShowInitialSuggestions(){const{suggestions:e}=this.state,{__experimentalShowInitialSuggestions:t=!1,value:n}=this.props;return!this.isUpdatingSuggestions&&t&&!(n&&n.length)&&!(e&&e.length)}updateSuggestions(e=""){var t;const{__experimentalFetchLinkSuggestions:n,__experimentalHandleURLSuggestions:o}=this.props;if(!n)return;const r=!(null!==(t=e)&&void 0!==t&&t.length);if(e=e.trim(),!r&&(e.length<2||!o&&(0,Pu.isURL)(e)))return void this.setState({showSuggestions:!1,selectedSuggestion:null,loading:!1});this.isUpdatingSuggestions=!0,this.setState({selectedSuggestion:null,loading:!0});const l=n(e,{isInitialSuggestions:r});l.then((e=>{this.suggestionsRequest===l&&(this.setState({suggestions:e,loading:!1,showSuggestions:!!e.length}),e.length?this.props.debouncedSpeak((0,g.sprintf)(
|
1 |
+
!function(){var e={9367:function(e,t){var n,o;void 0===(o="function"==typeof(n=function(e,t){"use strict";var n,o,r="function"==typeof Map?new Map:(n=[],o=[],{has:function(e){return n.indexOf(e)>-1},get:function(e){return o[n.indexOf(e)]},set:function(e,t){-1===n.indexOf(e)&&(n.push(e),o.push(t))},delete:function(e){var t=n.indexOf(e);t>-1&&(n.splice(t,1),o.splice(t,1))}}),l=function(e){return new Event(e,{bubbles:!0})};try{new Event("test")}catch(e){l=function(e){var t=document.createEvent("Event");return t.initEvent(e,!0,!1),t}}function i(e){if(e&&e.nodeName&&"TEXTAREA"===e.nodeName&&!r.has(e)){var t=null,n=null,o=null,i=function(){e.clientWidth!==n&&d()},s=function(t){window.removeEventListener("resize",i,!1),e.removeEventListener("input",d,!1),e.removeEventListener("keyup",d,!1),e.removeEventListener("autosize:destroy",s,!1),e.removeEventListener("autosize:update",d,!1),Object.keys(t).forEach((function(n){e.style[n]=t[n]})),r.delete(e)}.bind(e,{height:e.style.height,resize:e.style.resize,overflowY:e.style.overflowY,overflowX:e.style.overflowX,wordWrap:e.style.wordWrap});e.addEventListener("autosize:destroy",s,!1),"onpropertychange"in e&&"oninput"in e&&e.addEventListener("keyup",d,!1),window.addEventListener("resize",i,!1),e.addEventListener("input",d,!1),e.addEventListener("autosize:update",d,!1),e.style.overflowX="hidden",e.style.wordWrap="break-word",r.set(e,{destroy:s,update:d}),"vertical"===(a=window.getComputedStyle(e,null)).resize?e.style.resize="none":"both"===a.resize&&(e.style.resize="horizontal"),t="content-box"===a.boxSizing?-(parseFloat(a.paddingTop)+parseFloat(a.paddingBottom)):parseFloat(a.borderTopWidth)+parseFloat(a.borderBottomWidth),isNaN(t)&&(t=0),d()}var a;function c(t){var n=e.style.width;e.style.width="0px",e.offsetWidth,e.style.width=n,e.style.overflowY=t}function u(){if(0!==e.scrollHeight){var o=function(e){for(var t=[];e&&e.parentNode&&e.parentNode instanceof Element;)e.parentNode.scrollTop&&t.push({node:e.parentNode,scrollTop:e.parentNode.scrollTop}),e=e.parentNode;return t}(e),r=document.documentElement&&document.documentElement.scrollTop;e.style.height="",e.style.height=e.scrollHeight+t+"px",n=e.clientWidth,o.forEach((function(e){e.node.scrollTop=e.scrollTop})),r&&(document.documentElement.scrollTop=r)}}function d(){u();var t=Math.round(parseFloat(e.style.height)),n=window.getComputedStyle(e,null),r="content-box"===n.boxSizing?Math.round(parseFloat(n.height)):e.offsetHeight;if(r<t?"hidden"===n.overflowY&&(c("scroll"),u(),r="content-box"===n.boxSizing?Math.round(parseFloat(window.getComputedStyle(e,null).height)):e.offsetHeight):"hidden"!==n.overflowY&&(c("hidden"),u(),r="content-box"===n.boxSizing?Math.round(parseFloat(window.getComputedStyle(e,null).height)):e.offsetHeight),o!==r){o=r;var i=l("autosize:resized");try{e.dispatchEvent(i)}catch(e){}}}}function s(e){var t=r.get(e);t&&t.destroy()}function a(e){var t=r.get(e);t&&t.update()}var c=null;"undefined"==typeof window||"function"!=typeof window.getComputedStyle?((c=function(e){return e}).destroy=function(e){return e},c.update=function(e){return e}):((c=function(e,t){return e&&Array.prototype.forEach.call(e.length?e:[e],(function(e){return i(e)})),e}).destroy=function(e){return e&&Array.prototype.forEach.call(e.length?e:[e],s),e},c.update=function(e){return e&&Array.prototype.forEach.call(e.length?e:[e],a),e}),t.default=c,e.exports=t.default})?n.apply(t,[e,t]):n)||(e.exports=o)},4184:function(e,t){var n;!function(){"use strict";var o={}.hasOwnProperty;function r(){for(var e=[],t=0;t<arguments.length;t++){var n=arguments[t];if(n){var l=typeof n;if("string"===l||"number"===l)e.push(n);else if(Array.isArray(n)){if(n.length){var i=r.apply(null,n);i&&e.push(i)}}else if("object"===l)if(n.toString===Object.prototype.toString)for(var s in n)o.call(n,s)&&n[s]&&e.push(s);else e.push(n.toString())}}return e.join(" ")}e.exports?(r.default=r,e.exports=r):void 0===(n=function(){return r}.apply(t,[]))||(e.exports=n)}()},1934:function(e){e.exports=function(e,t,n){return((n=window.getComputedStyle)?n(e):e.currentStyle)[t.replace(/-(\w)/gi,(function(e,t){return t.toUpperCase()}))]}},5913:function(e,t){"use strict";function n(){}function o(e,t,n,o,r){for(var l=0,i=t.length,s=0,a=0;l<i;l++){var c=t[l];if(c.removed){if(c.value=e.join(o.slice(a,a+c.count)),a+=c.count,l&&t[l-1].added){var u=t[l-1];t[l-1]=t[l],t[l]=u}}else{if(!c.added&&r){var d=n.slice(s,s+c.count);d=d.map((function(e,t){var n=o[a+t];return n.length>e.length?n:e})),c.value=e.join(d)}else c.value=e.join(n.slice(s,s+c.count));s+=c.count,c.added||(a+=c.count)}}var p=t[i-1];return i>1&&"string"==typeof p.value&&(p.added||p.removed)&&e.equals("",p.value)&&(t[i-2].value+=p.value,t.pop()),t}function r(e){return{newPos:e.newPos,components:e.components.slice(0)}}Object.defineProperty(t,"__esModule",{value:!0}),t.default=n,n.prototype={diff:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},l=n.callback;"function"==typeof n&&(l=n,n={}),this.options=n;var i=this;function s(e){return l?(setTimeout((function(){l(void 0,e)}),0),!0):e}e=this.castInput(e),t=this.castInput(t),e=this.removeEmpty(this.tokenize(e));var a=(t=this.removeEmpty(this.tokenize(t))).length,c=e.length,u=1,d=a+c,p=[{newPos:-1,components:[]}],m=this.extractCommon(p[0],t,e,0);if(p[0].newPos+1>=a&&m+1>=c)return s([{value:this.join(t),count:t.length}]);function f(){for(var n=-1*u;n<=u;n+=2){var l=void 0,d=p[n-1],m=p[n+1],f=(m?m.newPos:0)-n;d&&(p[n-1]=void 0);var h=d&&d.newPos+1<a,g=m&&0<=f&&f<c;if(h||g){if(!h||g&&d.newPos<m.newPos?(l=r(m),i.pushComponent(l.components,void 0,!0)):((l=d).newPos++,i.pushComponent(l.components,!0,void 0)),f=i.extractCommon(l,t,e,n),l.newPos+1>=a&&f+1>=c)return s(o(i,l.components,t,e,i.useLongestToken));p[n]=l}else p[n]=void 0}u++}if(l)!function e(){setTimeout((function(){if(u>d)return l();f()||e()}),0)}();else for(;u<=d;){var h=f();if(h)return h}},pushComponent:function(e,t,n){var o=e[e.length-1];o&&o.added===t&&o.removed===n?e[e.length-1]={count:o.count+1,added:t,removed:n}:e.push({count:1,added:t,removed:n})},extractCommon:function(e,t,n,o){for(var r=t.length,l=n.length,i=e.newPos,s=i-o,a=0;i+1<r&&s+1<l&&this.equals(t[i+1],n[s+1]);)i++,s++,a++;return a&&e.components.push({count:a}),e.newPos=i,s},equals:function(e,t){return this.options.comparator?this.options.comparator(e,t):e===t||this.options.ignoreCase&&e.toLowerCase()===t.toLowerCase()},removeEmpty:function(e){for(var t=[],n=0;n<e.length;n++)e[n]&&t.push(e[n]);return t},castInput:function(e){return e},tokenize:function(e){return e.split("")},join:function(e){return e.join("")}}},7630:function(e,t,n){"use strict";var o;t.Kx=function(e,t,n){return r.diff(e,t,n)};var r=new(((o=n(5913))&&o.__esModule?o:{default:o}).default)},9010:function(e,t,n){"use strict";var o=n(4657);e.exports=function(e,t,n){n=n||{},9===t.nodeType&&(t=o.getWindow(t));var r=n.allowHorizontalScroll,l=n.onlyScrollIfNeeded,i=n.alignWithTop,s=n.alignWithLeft,a=n.offsetTop||0,c=n.offsetLeft||0,u=n.offsetBottom||0,d=n.offsetRight||0;r=void 0===r||r;var p=o.isWindow(t),m=!(!p||!t.frameElement),f=o.offset(e),h=o.outerHeight(e),g=o.outerWidth(e),v=void 0,b=void 0,k=void 0,_=void 0,y=void 0,E=void 0,C=void 0,w=void 0,S=void 0,B=void 0;m&&(t=t.document.scrollingElement||t.document.body),p||m?(C=t,B=o.height(C),S=o.width(C),w={left:o.scrollLeft(C),top:o.scrollTop(C)},y={left:f.left-w.left-c,top:f.top-w.top-a},E={left:f.left+g-(w.left+S)+d,top:f.top+h-(w.top+B)+u},_=w):(v=o.offset(t),b=t.clientHeight,k=t.clientWidth,_={left:t.scrollLeft,top:t.scrollTop},y={left:f.left-(v.left+(parseFloat(o.css(t,"borderLeftWidth"))||0))-c,top:f.top-(v.top+(parseFloat(o.css(t,"borderTopWidth"))||0))-a},E={left:f.left+g-(v.left+k+(parseFloat(o.css(t,"borderRightWidth"))||0))+d,top:f.top+h-(v.top+b+(parseFloat(o.css(t,"borderBottomWidth"))||0))+u}),y.top<0||E.top>0?!0===i?o.scrollTop(t,_.top+y.top):!1===i?o.scrollTop(t,_.top+E.top):y.top<0?o.scrollTop(t,_.top+y.top):o.scrollTop(t,_.top+E.top):l||((i=void 0===i||!!i)?o.scrollTop(t,_.top+y.top):o.scrollTop(t,_.top+E.top)),r&&(y.left<0||E.left>0?!0===s?o.scrollLeft(t,_.left+y.left):!1===s?o.scrollLeft(t,_.left+E.left):y.left<0?o.scrollLeft(t,_.left+y.left):o.scrollLeft(t,_.left+E.left):l||((s=void 0===s||!!s)?o.scrollLeft(t,_.left+y.left):o.scrollLeft(t,_.left+E.left)))}},4979:function(e,t,n){"use strict";e.exports=n(9010)},4657:function(e){"use strict";var t=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol?"symbol":typeof e};function o(e,t){var n=e["page"+(t?"Y":"X")+"Offset"],o="scroll"+(t?"Top":"Left");if("number"!=typeof n){var r=e.document;"number"!=typeof(n=r.documentElement[o])&&(n=r.body[o])}return n}function r(e){return o(e)}function l(e){return o(e,!0)}function i(e){var t=function(e){var t,n=void 0,o=void 0,r=e.ownerDocument,l=r.body,i=r&&r.documentElement;return n=(t=e.getBoundingClientRect()).left,o=t.top,{left:n-=i.clientLeft||l.clientLeft||0,top:o-=i.clientTop||l.clientTop||0}}(e),n=e.ownerDocument,o=n.defaultView||n.parentWindow;return t.left+=r(o),t.top+=l(o),t}var s=new RegExp("^("+/[\-+]?(?:\d*\.|)\d+(?:[eE][\-+]?\d+|)/.source+")(?!px)[a-z%]+$","i"),a=/^(top|right|bottom|left)$/,c=void 0;function u(e,t){for(var n=0;n<e.length;n++)t(e[n])}function d(e){return"border-box"===c(e,"boxSizing")}"undefined"!=typeof window&&(c=window.getComputedStyle?function(e,t,n){var o="",r=e.ownerDocument,l=n||r.defaultView.getComputedStyle(e,null);return l&&(o=l.getPropertyValue(t)||l[t]),o}:function(e,t){var n=e.currentStyle&&e.currentStyle[t];if(s.test(n)&&!a.test(t)){var o=e.style,r=o.left,l=e.runtimeStyle.left;e.runtimeStyle.left=e.currentStyle.left,o.left="fontSize"===t?"1em":n||0,n=o.pixelLeft+"px",o.left=r,e.runtimeStyle.left=l}return""===n?"auto":n});var p=["margin","border","padding"];function m(e,t,n){var o={},r=e.style,l=void 0;for(l in t)t.hasOwnProperty(l)&&(o[l]=r[l],r[l]=t[l]);for(l in n.call(e),t)t.hasOwnProperty(l)&&(r[l]=o[l])}function f(e,t,n){var o=0,r=void 0,l=void 0,i=void 0;for(l=0;l<t.length;l++)if(r=t[l])for(i=0;i<n.length;i++){var s;s="border"===r?r+n[i]+"Width":r+n[i],o+=parseFloat(c(e,s))||0}return o}function h(e){return null!=e&&e==e.window}var g={};function v(e,t,n){if(h(e))return"width"===t?g.viewportWidth(e):g.viewportHeight(e);if(9===e.nodeType)return"width"===t?g.docWidth(e):g.docHeight(e);var o="width"===t?["Left","Right"]:["Top","Bottom"],r="width"===t?e.offsetWidth:e.offsetHeight,l=(c(e),d(e)),i=0;(null==r||r<=0)&&(r=void 0,(null==(i=c(e,t))||Number(i)<0)&&(i=e.style[t]||0),i=parseFloat(i)||0),void 0===n&&(n=l?1:-1);var s=void 0!==r||l,a=r||i;if(-1===n)return s?a-f(e,["border","padding"],o):i;if(s){var u=2===n?-f(e,["border"],o):f(e,["margin"],o);return a+(1===n?0:u)}return i+f(e,p.slice(n),o)}u(["Width","Height"],(function(e){g["doc"+e]=function(t){var n=t.document;return Math.max(n.documentElement["scroll"+e],n.body["scroll"+e],g["viewport"+e](n))},g["viewport"+e]=function(t){var n="client"+e,o=t.document,r=o.body,l=o.documentElement[n];return"CSS1Compat"===o.compatMode&&l||r&&r[n]||l}}));var b={position:"absolute",visibility:"hidden",display:"block"};function k(e){var t=void 0,n=arguments;return 0!==e.offsetWidth?t=v.apply(void 0,n):m(e,b,(function(){t=v.apply(void 0,n)})),t}function _(e,t,o){var r=o;if("object"!==(void 0===t?"undefined":n(t)))return void 0!==r?("number"==typeof r&&(r+="px"),void(e.style[t]=r)):c(e,t);for(var l in t)t.hasOwnProperty(l)&&_(e,l,t[l])}u(["width","height"],(function(e){var t=e.charAt(0).toUpperCase()+e.slice(1);g["outer"+t]=function(t,n){return t&&k(t,e,n?0:1)};var n="width"===e?["Left","Right"]:["Top","Bottom"];g[e]=function(t,o){return void 0===o?t&&k(t,e,-1):t?(c(t),d(t)&&(o+=f(t,["padding","border"],n)),_(t,e,o)):void 0}})),e.exports=t({getWindow:function(e){var t=e.ownerDocument||e;return t.defaultView||t.parentWindow},offset:function(e,t){if(void 0===t)return i(e);!function(e,t){"static"===_(e,"position")&&(e.style.position="relative");var n=i(e),o={},r=void 0,l=void 0;for(l in t)t.hasOwnProperty(l)&&(r=parseFloat(_(e,l))||0,o[l]=r+t[l]-n[l]);_(e,o)}(e,t)},isWindow:h,each:u,css:_,clone:function(e){var t={};for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n]);if(e.overflow)for(var n in e)e.hasOwnProperty(n)&&(t.overflow[n]=e.overflow[n]);return t},scrollLeft:function(e,t){if(h(e)){if(void 0===t)return r(e);window.scrollTo(t,l(e))}else{if(void 0===t)return e.scrollLeft;e.scrollLeft=t}},scrollTop:function(e,t){if(h(e)){if(void 0===t)return l(e);window.scrollTo(r(e),t)}else{if(void 0===t)return e.scrollTop;e.scrollTop=t}},viewportWidth:0,viewportHeight:0},g)},5717:function(e){"function"==typeof Object.create?e.exports=function(e,t){e.super_=t,e.prototype=Object.create(t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}})}:e.exports=function(e,t){e.super_=t;var n=function(){};n.prototype=t.prototype,e.prototype=new n,e.prototype.constructor=e}},8303:function(e,t,n){var o=n(1934);e.exports=function(e){var t=o(e,"line-height"),n=parseFloat(t,10);if(t===n+""){var r=e.style.lineHeight;e.style.lineHeight=t+"em",t=o(e,"line-height"),n=parseFloat(t,10),r?e.style.lineHeight=r:delete e.style.lineHeight}if(-1!==t.indexOf("pt")?(n*=4,n/=3):-1!==t.indexOf("mm")?(n*=96,n/=25.4):-1!==t.indexOf("cm")?(n*=96,n/=2.54):-1!==t.indexOf("in")?n*=96:-1!==t.indexOf("pc")&&(n*=16),n=Math.round(n),"normal"===t){var l=e.nodeName,i=document.createElement(l);i.innerHTML=" ","TEXTAREA"===l.toUpperCase()&&i.setAttribute("rows","1");var s=o(e,"font-size");i.style.fontSize=s,i.style.padding="0px",i.style.border="0px";var a=document.body;a.appendChild(i),n=i.offsetHeight,a.removeChild(i)}return n}},2703:function(e,t,n){"use strict";var o=n(414);function r(){}function l(){}l.resetWarningCache=r,e.exports=function(){function e(e,t,n,r,l,i){if(i!==o){var s=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw s.name="Invariant Violation",s}}function t(){return e}e.isRequired=e;var n={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:l,resetWarningCache:r};return n.PropTypes=n,n}},5697:function(e,t,n){e.exports=n(2703)()},414:function(e){"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},4857:function(e,t,n){"use strict";var o,r=this&&this.__extends||(o=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},function(e,t){function __(){this.constructor=e}o(e,t),e.prototype=null===t?Object.create(t):(__.prototype=t.prototype,new __)}),l=this&&this.__assign||Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},i=this&&this.__rest||function(e,t){var n={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(n[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(o=Object.getOwnPropertySymbols(e);r<o.length;r++)t.indexOf(o[r])<0&&(n[o[r]]=e[o[r]])}return n};t.__esModule=!0;var s=n(3804),a=n(5697),c=n(9367),u=n(8303),d="autosize:resized",p=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.state={lineHeight:null},t.textarea=null,t.onResize=function(e){t.props.onResize&&t.props.onResize(e)},t.updateLineHeight=function(){t.textarea&&t.setState({lineHeight:u(t.textarea)})},t.onChange=function(e){var n=t.props.onChange;t.currentValue=e.currentTarget.value,n&&n(e)},t}return r(t,e),t.prototype.componentDidMount=function(){var e=this,t=this.props,n=t.maxRows,o=t.async;"number"==typeof n&&this.updateLineHeight(),"number"==typeof n||o?setTimeout((function(){return e.textarea&&c(e.textarea)})):this.textarea&&c(this.textarea),this.textarea&&this.textarea.addEventListener(d,this.onResize)},t.prototype.componentWillUnmount=function(){this.textarea&&(this.textarea.removeEventListener(d,this.onResize),c.destroy(this.textarea))},t.prototype.render=function(){var e=this,t=this.props,n=(t.onResize,t.maxRows),o=(t.onChange,t.style),r=(t.innerRef,t.children),a=i(t,["onResize","maxRows","onChange","style","innerRef","children"]),c=this.state.lineHeight,u=n&&c?c*n:null;return s.createElement("textarea",l({},a,{onChange:this.onChange,style:u?l({},o,{maxHeight:u}):o,ref:function(t){e.textarea=t,"function"==typeof e.props.innerRef?e.props.innerRef(t):e.props.innerRef&&(e.props.innerRef.current=t)}}),r)},t.prototype.componentDidUpdate=function(){this.textarea&&c.update(this.textarea)},t.defaultProps={rows:1,async:!1},t.propTypes={rows:a.number,maxRows:a.number,onResize:a.func,innerRef:a.any,async:a.bool},t}(s.Component);t.TextareaAutosize=s.forwardRef((function(e,t){return s.createElement(p,l({},e,{innerRef:t}))}))},4042:function(e,t,n){"use strict";var o=n(4857);t.Z=o.TextareaAutosize},3692:function(e){var t=e.exports=function(e){return new n(e)};function n(e){this.value=e}function o(e,t,n){var o=[],i=[],u=!0;return function e(d){var p=n?r(d):d,m={},f=!0,h={node:p,node_:d,path:[].concat(o),parent:i[i.length-1],parents:i,key:o.slice(-1)[0],isRoot:0===o.length,level:o.length,circular:null,update:function(e,t){h.isRoot||(h.parent.node[h.key]=e),h.node=e,t&&(f=!1)},delete:function(e){delete h.parent.node[h.key],e&&(f=!1)},remove:function(e){s(h.parent.node)?h.parent.node.splice(h.key,1):delete h.parent.node[h.key],e&&(f=!1)},keys:null,before:function(e){m.before=e},after:function(e){m.after=e},pre:function(e){m.pre=e},post:function(e){m.post=e},stop:function(){u=!1},block:function(){f=!1}};if(!u)return h;function g(){if("object"==typeof h.node&&null!==h.node){h.keys&&h.node_===h.node||(h.keys=l(h.node)),h.isLeaf=0==h.keys.length;for(var e=0;e<i.length;e++)if(i[e].node_===d){h.circular=i[e];break}}else h.isLeaf=!0,h.keys=null;h.notLeaf=!h.isLeaf,h.notRoot=!h.isRoot}g();var v=t.call(h,h.node);return void 0!==v&&h.update&&h.update(v),m.before&&m.before.call(h,h.node),f?("object"!=typeof h.node||null===h.node||h.circular||(i.push(h),g(),a(h.keys,(function(t,r){o.push(t),m.pre&&m.pre.call(h,h.node[t],t);var l=e(h.node[t]);n&&c.call(h.node,t)&&(h.node[t]=l.node),l.isLast=r==h.keys.length-1,l.isFirst=0==r,m.post&&m.post.call(h,l),o.pop()})),i.pop()),m.after&&m.after.call(h,h.node),h):h}(e).node}function r(e){if("object"==typeof e&&null!==e){var t;if(s(e))t=[];else if("[object Date]"===i(e))t=new Date(e.getTime?e.getTime():e);else if("[object RegExp]"===i(e))t=new RegExp(e);else if(function(e){return"[object Error]"===i(e)}(e))t={message:e.message};else if(function(e){return"[object Boolean]"===i(e)}(e))t=new Boolean(e);else if(function(e){return"[object Number]"===i(e)}(e))t=new Number(e);else if(function(e){return"[object String]"===i(e)}(e))t=new String(e);else if(Object.create&&Object.getPrototypeOf)t=Object.create(Object.getPrototypeOf(e));else if(e.constructor===Object)t={};else{var n=e.constructor&&e.constructor.prototype||e.__proto__||{},o=function(){};o.prototype=n,t=new o}return a(l(e),(function(n){t[n]=e[n]})),t}return e}n.prototype.get=function(e){for(var t=this.value,n=0;n<e.length;n++){var o=e[n];if(!t||!c.call(t,o)){t=void 0;break}t=t[o]}return t},n.prototype.has=function(e){for(var t=this.value,n=0;n<e.length;n++){var o=e[n];if(!t||!c.call(t,o))return!1;t=t[o]}return!0},n.prototype.set=function(e,t){for(var n=this.value,o=0;o<e.length-1;o++){var r=e[o];c.call(n,r)||(n[r]={}),n=n[r]}return n[e[o]]=t,t},n.prototype.map=function(e){return o(this.value,e,!0)},n.prototype.forEach=function(e){return this.value=o(this.value,e,!1),this.value},n.prototype.reduce=function(e,t){var n=1===arguments.length,o=n?this.value:t;return this.forEach((function(t){this.isRoot&&n||(o=e.call(this,o,t))})),o},n.prototype.paths=function(){var e=[];return this.forEach((function(t){e.push(this.path)})),e},n.prototype.nodes=function(){var e=[];return this.forEach((function(t){e.push(this.node)})),e},n.prototype.clone=function(){var e=[],t=[];return function n(o){for(var i=0;i<e.length;i++)if(e[i]===o)return t[i];if("object"==typeof o&&null!==o){var s=r(o);return e.push(o),t.push(s),a(l(o),(function(e){s[e]=n(o[e])})),e.pop(),t.pop(),s}return o}(this.value)};var l=Object.keys||function(e){var t=[];for(var n in e)t.push(n);return t};function i(e){return Object.prototype.toString.call(e)}var s=Array.isArray||function(e){return"[object Array]"===Object.prototype.toString.call(e)},a=function(e,t){if(e.forEach)return e.forEach(t);for(var n=0;n<e.length;n++)t(e[n],n,e)};a(l(n.prototype),(function(e){t[e]=function(t){var o=[].slice.call(arguments,1),r=new n(t);return r[e].apply(r,o)}}));var c=Object.hasOwnProperty||function(e,t){return t in e}},3804:function(e){"use strict";e.exports=window.React}},t={};function n(o){var r=t[o];if(void 0!==r)return r.exports;var l=t[o]={exports:{}};return e[o].call(l.exports,l,l.exports,n),l.exports}n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,{a:t}),t},n.d=function(e,t){for(var o in t)n.o(t,o)&&!n.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var o={};!function(){"use strict";n.r(o),n.d(o,{AlignmentControl:function(){return bg},AlignmentToolbar:function(){return kg},Autocomplete:function(){return Cg},BlockAlignmentControl:function(){return Fo},BlockAlignmentToolbar:function(){return zo},BlockBreadcrumb:function(){return xg},BlockColorsStyleSelector:function(){return Rg},BlockContextProvider:function(){return lr},BlockControls:function(){return Zn},BlockEdit:function(){return cr},BlockEditorKeyboardShortcuts:function(){return $k},BlockEditorProvider:function(){return Wa},BlockFormatControls:function(){return Yn},BlockIcon:function(){return Ha},BlockInspector:function(){return Hk},BlockList:function(){return nm},BlockMover:function(){return Gd},BlockNavigationDropdown:function(){return ev},BlockPreview:function(){return au},BlockSelectionClearer:function(){return Ka},BlockSettingsMenu:function(){return Pp},BlockSettingsMenuControls:function(){return Ip},BlockTitle:function(){return Td},BlockToolbar:function(){return Mp},BlockTools:function(){return Uk},BlockVerticalAlignmentControl:function(){return yv},BlockVerticalAlignmentToolbar:function(){return Ev},ButtonBlockAppender:function(){return kd},ButtonBlockerAppender:function(){return bd},ColorPalette:function(){return wv},ColorPaletteControl:function(){return Sv},ContrastChecker:function(){return rf},CopyHandler:function(){return gp},DefaultBlockAppender:function(){return gd},FontSizePicker:function(){return zf},InnerBlocks:function(){return Qp},Inserter:function(){return hd},InspectorAdvancedControls:function(){return Qo},InspectorControls:function(){return Jo},JustifyContentControl:function(){return go},JustifyToolbar:function(){return vo},LineHeightControl:function(){return yf},MediaPlaceholder:function(){return Vb},MediaReplaceFlow:function(){return Ab},MediaUpload:function(){return Rb},MediaUploadCheck:function(){return Lb},MultiSelectScrollIntoView:function(){return jk},NavigableToolbar:function(){return Rd},ObserveTyping:function(){return Zk},PanelColorSettings:function(){return Hb},PlainText:function(){return mk},PreserveScrollInReorder:function(){return Xk},RichText:function(){return uk},RichTextShortcut:function(){return gk},RichTextToolbarButton:function(){return vk},SETTINGS_DEFAULTS:function(){return v},SkipToSelectedBlock:function(){return Ak},ToolSelector:function(){return _k},Typewriter:function(){return t_},URLInput:function(){return ub},URLInputButton:function(){return wk},URLPopover:function(){return Fb},Warning:function(){return dr},WritingFlow:function(){return oc},__experimentalBlockAlignmentMatrixControl:function(){return Bg},__experimentalBlockContentOverlay:function(){return Tg},__experimentalBlockFullHeightAligmentControl:function(){return Sg},__experimentalBlockPatternSetup:function(){return pv},__experimentalBlockVariationPicker:function(){return nv},__experimentalBlockVariationTransforms:function(){return fv},__experimentalBorderRadiusControl:function(){return xm},__experimentalBorderStyleControl:function(){return Lm},__experimentalColorGradientControl:function(){return am},__experimentalDuotoneControl:function(){return Vh},__experimentalFontAppearanceControl:function(){return _f},__experimentalFontFamilyControl:function(){return Pf},__experimentalGetBorderClassesAndStyles:function(){return Jh},__experimentalGetColorClassesAndStyles:function(){return ng},__experimentalGetGradientClass:function(){return Gm},__experimentalGetGradientObjectByGradientValue:function(){return $m},__experimentalGetMatchingVariation:function(){return mv},__experimentalGetSpacingClassesAndStyles:function(){return rg},__experimentalImageEditingProvider:function(){return Kv},__experimentalImageEditor:function(){return rb},__experimentalImageSizeControl:function(){return ib},__experimentalImageURLInputUI:function(){return Mk},__experimentalLayoutStyle:function(){return Po},__experimentalLetterSpacingControl:function(){return ih},__experimentalLibrary:function(){return Gk},__experimentalLinkControl:function(){return Nb},__experimentalLinkControlSearchInput:function(){return Eb},__experimentalLinkControlSearchItem:function(){return mb},__experimentalLinkControlSearchResults:function(){return gb},__experimentalListView:function(){return Qg},__experimentalPanelColorGradientSettings:function(){return nf},__experimentalPreviewOptions:function(){return Rk},__experimentalResponsiveBlockControl:function(){return hk},__experimentalTextDecorationControl:function(){return qf},__experimentalTextTransformControl:function(){return nh},__experimentalUnitControl:function(){return yk},__experimentalUseBorderProps:function(){return eg},__experimentalUseColorProps:function(){return og},__experimentalUseCustomSides:function(){return xh},__experimentalUseGradient:function(){return Km},__experimentalUseNoRecursiveRenders:function(){return l_},__experimentalUseResizeCanvas:function(){return Lk},__unstableBlockSettingsMenuFirstItem:function(){return Ep},__unstableEditorStyles:function(){return lu},__unstableIframe:function(){return ic},__unstableInserterMenuExtension:function(){return rd},__unstableRichTextInputEvent:function(){return bk},__unstableUseBlockSelectionClearer:function(){return ja},__unstableUseCanvasClickRedirect:function(){return o_},__unstableUseClipboardHandler:function(){return hp},__unstableUseMouseMoveTypingReset:function(){return qk},__unstableUseTypewriter:function(){return e_},__unstableUseTypingObserver:function(){return Yk},createCustomColorsHOC:function(){return ag},getColorClassName:function(){return dm},getColorObjectByAttributeValues:function(){return cm},getColorObjectByColorValue:function(){return um},getFontSize:function(){return Df},getFontSizeClass:function(){return Ff},getFontSizeObjectByValue:function(){return Of},getGradientSlugByValue:function(){return jm},getGradientValueBySlug:function(){return Wm},getPxFromCssUnit:function(){return p_},store:function(){return Vn},storeConfig:function(){return zn},transformStyles:function(){return nu},useBlockDisplayInformation:function(){return xd},useBlockEditContext:function(){return Wn},useBlockProps:function(){return Na},useCachedTruthy:function(){return lg},useInnerBlocksProps:function(){return Xp},useSetting:function(){return mo},validateThemeColors:function(){return i_},validateThemeGradients:function(){return s_},withColorContext:function(){return Cv},withColors:function(){return cg},withFontSizes:function(){return dg}});var e={};n.r(e),n.d(e,{__experimentalGetActiveBlockIdByBlockNames:function(){return Tt},__experimentalGetAllowedBlocks:function(){return ct},__experimentalGetAllowedPatterns:function(){return mt},__experimentalGetBlockListSettingsForBlocks:function(){return kt},__experimentalGetDirectInsertBlock:function(){return ut},__experimentalGetLastBlockAttributeChanges:function(){return Et},__experimentalGetParsedPattern:function(){return dt},__experimentalGetPatternTransformItems:function(){return ht},__experimentalGetPatternsByBlockTypes:function(){return ft},__experimentalGetReusableBlockTitle:function(){return _t},__unstableGetBlockWithoutInnerBlocks:function(){return $},__unstableGetClientIdWithClientIdsTree:function(){return K},__unstableGetClientIdsTree:function(){return q},__unstableIsLastBlockChangeIgnored:function(){return yt},areInnerBlocksControlled:function(){return xt},canInsertBlockType:function(){return Ye},canInsertBlocks:function(){return Ze},canMoveBlock:function(){return Je},canMoveBlocks:function(){return et},canRemoveBlock:function(){return Xe},canRemoveBlocks:function(){return Qe},didAutomaticChange:function(){return Bt},getAdjacentBlockClientId:function(){return me},getBlock:function(){return W},getBlockAttributes:function(){return G},getBlockCount:function(){return J},getBlockHierarchyRootClientId:function(){return de},getBlockIndex:function(){return xe},getBlockInsertionPoint:function(){return Ue},getBlockListSettings:function(){return gt},getBlockMode:function(){return Ae},getBlockName:function(){return H},getBlockOrder:function(){return Ie},getBlockParents:function(){return ce},getBlockParentsByBlockName:function(){return ue},getBlockRootClientId:function(){return ae},getBlockSelectionEnd:function(){return oe},getBlockSelectionStart:function(){return ne},getBlockTransformItems:function(){return st},getBlocks:function(){return j},getBlocksByClientId:function(){return Q},getClientIdsOfDescendants:function(){return Y},getClientIdsWithDescendants:function(){return Z},getDraggedBlockClientIds:function(){return Fe},getFirstMultiSelectedBlockClientId:function(){return _e},getGlobalBlockCount:function(){return X},getInserterItems:function(){return it},getLastMultiSelectedBlockClientId:function(){return ye},getLowestCommonAncestorWithSelectedBlock:function(){return pe},getMultiSelectedBlockClientIds:function(){return be},getMultiSelectedBlocks:function(){return ke},getMultiSelectedBlocksEndClientId:function(){return Be},getMultiSelectedBlocksStartClientId:function(){return Se},getNextBlockClientId:function(){return he},getPreviousBlockClientId:function(){return fe},getSelectedBlock:function(){return se},getSelectedBlockClientId:function(){return ie},getSelectedBlockClientIds:function(){return ve},getSelectedBlockCount:function(){return re},getSelectedBlocksInitialCaretPosition:function(){return ge},getSelectionEnd:function(){return te},getSelectionStart:function(){return ee},getSettings:function(){return vt},getTemplate:function(){return $e},getTemplateLock:function(){return je},hasBlockMovingClientId:function(){return St},hasInserterItems:function(){return at},hasMultiSelection:function(){return Me},hasSelectedBlock:function(){return le},hasSelectedInnerBlock:function(){return Ne},isAncestorBeingDragged:function(){return Ve},isAncestorMultiSelected:function(){return we},isBlockBeingDragged:function(){return ze},isBlockHighlighted:function(){return It},isBlockInsertionPointVisible:function(){return Ge},isBlockMultiSelected:function(){return Ce},isBlockSelected:function(){return Te},isBlockValid:function(){return U},isBlockWithinSelection:function(){return Pe},isCaretWithinFormattedText:function(){return He},isDraggingBlocks:function(){return Oe},isFirstMultiSelectedBlock:function(){return Ee},isLastBlockChangePersistent:function(){return bt},isMultiSelecting:function(){return Re},isNavigationMode:function(){return wt},isSelectionEnabled:function(){return Le},isTyping:function(){return De},isValidTemplate:function(){return We},wasBlockJustInserted:function(){return Nt}});var t={};n.r(t),n.d(t,{__unstableMarkAutomaticChange:function(){return Tn},__unstableMarkLastChangeAsPersistent:function(){return In},__unstableMarkNextChangeAsNotPersistent:function(){return xn},__unstableSaveReusableBlock:function(){return Bn},clearSelectedBlock:function(){return Kt},duplicateBlocks:function(){return Mn},enterFormattedText:function(){return kn},exitFormattedText:function(){return yn},flashBlock:function(){return Dn},hideInsertionPoint:function(){return sn},insertAfterBlock:function(){return Ln},insertBeforeBlock:function(){return Rn},insertBlock:function(){return on},insertBlocks:function(){return rn},insertDefaultBlock:function(){return Cn},mergeBlocks:function(){return un},moveBlockToPosition:function(){return nn},moveBlocksDown:function(){return Jt},moveBlocksToPosition:function(){return tn},moveBlocksUp:function(){return en},multiSelect:function(){return jt},receiveBlocks:function(){return Ft},removeBlock:function(){return pn},removeBlocks:function(){return dn},replaceBlock:function(){return Xt},replaceBlocks:function(){return Zt},replaceInnerBlocks:function(){return mn},resetBlocks:function(){return At},resetSelection:function(){return Ot},selectBlock:function(){return Ht},selectNextBlock:function(){return Gt},selectPreviousBlock:function(){return Ut},selectionChange:function(){return En},setBlockMovingClientId:function(){return Pn},setHasControlledInnerBlocks:function(){return On},setNavigationMode:function(){return Nn},setTemplateValidity:function(){return an},showInsertionPoint:function(){return ln},startDraggingBlocks:function(){return vn},startMultiSelect:function(){return Wt},startTyping:function(){return hn},stopDraggingBlocks:function(){return bn},stopMultiSelect:function(){return $t},stopTyping:function(){return gn},synchronizeTemplate:function(){return cn},toggleBlockHighlight:function(){return An},toggleBlockMode:function(){return fn},toggleSelection:function(){return qt},updateBlock:function(){return Vt},updateBlockAttributes:function(){return zt},updateBlockListSettings:function(){return wn},updateSettings:function(){return Sn},validateBlocksToTemplate:function(){return Dt}});var r=window.wp.blocks,l=window.wp.hooks;function i(){return(i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e}).apply(this,arguments)}(0,l.addFilter)("blocks.registerBlockType","core/compat/migrateLightBlockWrapper",(function(e){const{apiVersion:t=1}=e;return t<2&&(0,r.hasBlockSupport)(e,"lightBlockWrapper",!1)&&(e.apiVersion=2),e}));var s=window.wp.element,a=n(4184),c=n.n(a),u=window.lodash,d=window.wp.compose,p=window.wp.components,m=window.wp.data,f={default:(0,p.createSlotFill)("BlockControls"),block:(0,p.createSlotFill)("BlockControlsBlock"),inline:(0,p.createSlotFill)("BlockFormatControls"),other:(0,p.createSlotFill)("BlockControlsOther"),parent:(0,p.createSlotFill)("BlockControlsParent")},h=window.wp.i18n;const g={insertUsage:{}},v={alignWide:!1,supportsLayout:!0,colors:[{name:(0,h.__)("Black"),slug:"black",color:"#000000"},{name:(0,h.__)("Cyan bluish gray"),slug:"cyan-bluish-gray",color:"#abb8c3"},{name:(0,h.__)("White"),slug:"white",color:"#ffffff"},{name:(0,h.__)("Pale pink"),slug:"pale-pink",color:"#f78da7"},{name:(0,h.__)("Vivid red"),slug:"vivid-red",color:"#cf2e2e"},{name:(0,h.__)("Luminous vivid orange"),slug:"luminous-vivid-orange",color:"#ff6900"},{name:(0,h.__)("Luminous vivid amber"),slug:"luminous-vivid-amber",color:"#fcb900"},{name:(0,h.__)("Light green cyan"),slug:"light-green-cyan",color:"#7bdcb5"},{name:(0,h.__)("Vivid green cyan"),slug:"vivid-green-cyan",color:"#00d084"},{name:(0,h.__)("Pale cyan blue"),slug:"pale-cyan-blue",color:"#8ed1fc"},{name:(0,h.__)("Vivid cyan blue"),slug:"vivid-cyan-blue",color:"#0693e3"},{name:(0,h.__)("Vivid purple"),slug:"vivid-purple",color:"#9b51e0"}],fontSizes:[{name:(0,h._x)("Small","font size name"),size:13,slug:"small"},{name:(0,h._x)("Normal","font size name"),size:16,slug:"normal"},{name:(0,h._x)("Medium","font size name"),size:20,slug:"medium"},{name:(0,h._x)("Large","font size name"),size:36,slug:"large"},{name:(0,h._x)("Huge","font size name"),size:42,slug:"huge"}],imageDefaultSize:"large",imageSizes:[{slug:"thumbnail",name:(0,h.__)("Thumbnail")},{slug:"medium",name:(0,h.__)("Medium")},{slug:"large",name:(0,h.__)("Large")},{slug:"full",name:(0,h.__)("Full Size")}],imageEditing:!0,maxWidth:580,allowedBlockTypes:!0,maxUploadFileSize:0,allowedMimeTypes:null,__experimentalCanUserUseUnfilteredHTML:!1,__experimentalBlockDirectory:!1,__mobileEnablePageTemplates:!1,__experimentalBlockPatterns:[],__experimentalBlockPatternCategories:[],__experimentalSpotlightEntityBlocks:[],__unstableGalleryWithImageBlocks:!1,gradients:[{name:(0,h.__)("Vivid cyan blue to vivid purple"),gradient:"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)",slug:"vivid-cyan-blue-to-vivid-purple"},{name:(0,h.__)("Light green cyan to vivid green cyan"),gradient:"linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%)",slug:"light-green-cyan-to-vivid-green-cyan"},{name:(0,h.__)("Luminous vivid amber to luminous vivid orange"),gradient:"linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%)",slug:"luminous-vivid-amber-to-luminous-vivid-orange"},{name:(0,h.__)("Luminous vivid orange to vivid red"),gradient:"linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%)",slug:"luminous-vivid-orange-to-vivid-red"},{name:(0,h.__)("Very light gray to cyan bluish gray"),gradient:"linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%)",slug:"very-light-gray-to-cyan-bluish-gray"},{name:(0,h.__)("Cool to warm spectrum"),gradient:"linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%)",slug:"cool-to-warm-spectrum"},{name:(0,h.__)("Blush light purple"),gradient:"linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%)",slug:"blush-light-purple"},{name:(0,h.__)("Blush bordeaux"),gradient:"linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%)",slug:"blush-bordeaux"},{name:(0,h.__)("Luminous dusk"),gradient:"linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%)",slug:"luminous-dusk"},{name:(0,h.__)("Pale ocean"),gradient:"linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%)",slug:"pale-ocean"},{name:(0,h.__)("Electric grass"),gradient:"linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%)",slug:"electric-grass"},{name:(0,h.__)("Midnight"),gradient:"linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%)",slug:"midnight"}]};function b(e,t,n){return[...e.slice(0,n),...(0,u.castArray)(t),...e.slice(n)]}function k(e,t,n,o=1){const r=[...e];return r.splice(t,o),b(r,e.slice(t,t+o),n)}function _(e,t=""){const n={[t]:[]};return e.forEach((e=>{const{clientId:o,innerBlocks:r}=e;n[t].push(o),Object.assign(n,_(r,o))})),n}function y(e,t=""){return e.reduce(((e,n)=>Object.assign(e,{[n.clientId]:t},y(n.innerBlocks,n.clientId))),{})}function E(e,t=u.identity){const n={},o=[...e];for(;o.length;){const{innerBlocks:e,...r}=o.shift();o.push(...e),n[r.clientId]=t(r)}return n}function C(e){return E(e,(e=>(0,u.omit)(e,"attributes")))}function w(e){return E(e,(e=>e.attributes))}function S(e,t="",n={}){return(0,u.reduce)(e[t],((t,o)=>n[o]?t:[...t,o,...S(e,o)]),[])}function B(e,t){return"UPDATE_BLOCK_ATTRIBUTES"===e.type&&void 0!==t&&"UPDATE_BLOCK_ATTRIBUTES"===t.type&&(0,u.isEqual)(e.clientIds,t.clientIds)&&function(e,t){return(0,u.isEqual)((0,u.keys)(e),(0,u.keys)(t))}(e.attributes,t.attributes)}function I(e,t){const n={},o=[...t],r=[...t];for(;o.length;){const e=o.shift();o.push(...e.innerBlocks),r.push(...e.innerBlocks)}for(const e of r)n[e.clientId]={};for(const t of r)n[t.clientId]=Object.assign(n[t.clientId],{...e.byClientId[t.clientId],attributes:e.attributes[t.clientId],innerBlocks:t.innerBlocks.map((e=>n[e.clientId]))});return n}function x(e,t,n,o=!1){const r=new Set([]),l=new Set;for(const t of n){let n=o?t:e.parents[t];do{if(e.controlledInnerBlocks[n]){l.add(n);break}r.add(n),n=e.parents[n]}while(void 0!==n)}for(const e of r)t[e]={...t[e]};for(const n of r)t[n].innerBlocks=(e.order[n]||[]).map((e=>t[e]));for(const n of l)t["controlled||"+n]={innerBlocks:(e.order[n]||[]).map((e=>t[e]))};return t}const T=(0,u.flow)(m.combineReducers,(e=>(t,n)=>{if(t&&"SAVE_REUSABLE_BLOCK_SUCCESS"===n.type){const{id:e,updatedId:o}=n;if(e===o)return t;(t={...t}).attributes=(0,u.mapValues)(t.attributes,((n,r)=>{const{name:l}=t.byClientId[r];return"core/block"===l&&n.ref===e?{...n,ref:o}:n}))}return e(t,n)}),(e=>(t={},n)=>{const o=e(t,n);if(o===t)return t;switch(o.tree=t.tree?t.tree:{},n.type){case"RECEIVE_BLOCKS":case"INSERT_BLOCKS":{const e=I(o,n.blocks);o.tree=x(o,{...o.tree,...e},n.rootClientId?[n.rootClientId]:[""],!0);break}case"UPDATE_BLOCK":o.tree=x(o,{...o.tree,[n.clientId]:{...o.tree[n.clientId],...o.byClientId[n.clientId],attributes:o.attributes[n.clientId]}},[n.clientId],!1);break;case"UPDATE_BLOCK_ATTRIBUTES":{const e=n.clientIds.reduce(((e,t)=>(e[t]={...o.tree[t],attributes:o.attributes[t]},e)),{});o.tree=x(o,{...o.tree,...e},n.clientIds,!1);break}case"REPLACE_BLOCKS_AUGMENTED_WITH_CHILDREN":{const e=I(o,n.blocks);o.tree=x(o,{...(0,u.omit)(o.tree,n.replacedClientIds.concat(n.replacedClientIds.map((e=>"controlled||"+e)))),...e},n.blocks.map((e=>e.clientId)),!1);const r=[];for(const e of n.clientIds)void 0===t.parents[e]||""!==t.parents[e]&&!o.byClientId[t.parents[e]]||r.push(t.parents[e]);o.tree=x(o,o.tree,r,!0);break}case"REMOVE_BLOCKS_AUGMENTED_WITH_CHILDREN":const e=[];for(const r of n.clientIds)void 0===t.parents[r]||""!==t.parents[r]&&!o.byClientId[t.parents[r]]||e.push(t.parents[r]);o.tree=x(o,(0,u.omit)(o.tree,n.removedClientIds.concat(n.removedClientIds.map((e=>"controlled||"+e)))),e,!0);break;case"MOVE_BLOCKS_TO_POSITION":{const e=[];n.fromRootClientId&&e.push(n.fromRootClientId),n.toRootClientId&&e.push(n.toRootClientId),n.fromRootClientId&&n.fromRootClientId||e.push(""),o.tree=x(o,o.tree,e,!0);break}case"MOVE_BLOCKS_UP":case"MOVE_BLOCKS_DOWN":{const e=[n.rootClientId?n.rootClientId:""];o.tree=x(o,o.tree,e,!0);break}case"SAVE_REUSABLE_BLOCK_SUCCESS":{const e=(0,u.keys)((0,u.omitBy)(o.attributes,((e,t)=>"core/block"!==o.byClientId[t].name||e.ref!==n.updatedId)));o.tree=x(o,{...o.tree,...e.reduce(((e,t)=>(e[t]={...o.byClientId[t],attributes:o.attributes[t],innerBlocks:o.tree[t].innerBlocks},e)),{})},e,!1)}}return o}),(e=>(t,n)=>{const o=e=>{let o=e;for(let r=0;r<o.length;r++)!t.order[o[r]]||n.keepControlledInnerBlocks&&n.keepControlledInnerBlocks[o[r]]||(o===e&&(o=[...o]),o.push(...t.order[o[r]]));return o};if(t)switch(n.type){case"REMOVE_BLOCKS":n={...n,type:"REMOVE_BLOCKS_AUGMENTED_WITH_CHILDREN",removedClientIds:o(n.clientIds)};break;case"REPLACE_BLOCKS":n={...n,type:"REPLACE_BLOCKS_AUGMENTED_WITH_CHILDREN",replacedClientIds:o(n.clientIds)}}return e(t,n)}),(e=>(t,n)=>{if("REPLACE_INNER_BLOCKS"!==n.type)return e(t,n);const o={};if(Object.keys(t.controlledInnerBlocks).length){const e=[...n.blocks];for(;e.length;){const{innerBlocks:n,...r}=e.shift();e.push(...n),t.controlledInnerBlocks[r.clientId]&&(o[r.clientId]=!0)}}let r=t;t.order[n.rootClientId]&&(r=e(r,{type:"REMOVE_BLOCKS",keepControlledInnerBlocks:o,clientIds:t.order[n.rootClientId]}));let l=r;return n.blocks.length&&(l=e(l,{...n,type:"INSERT_BLOCKS",index:0}),l.order={...l.order,...(0,u.reduce)(o,((e,n,o)=>(t.order[o]&&(e[o]=t.order[o]),e)),{})}),l}),(e=>(t,n)=>{if("RESET_BLOCKS"===n.type){var o,r,l;const e=S(null!==(o=null==t?void 0:t.order)&&void 0!==o?o:{},"",null!==(r=null==t?void 0:t.controlledInnerBlocks)&&void 0!==r?r:{}),i=Object.keys((0,u.pickBy)(null!==(l=null==t?void 0:t.controlledInnerBlocks)&&void 0!==l?l:{})),s={...t,byClientId:{...(0,u.omit)(null==t?void 0:t.byClientId,e),...C(n.blocks)},attributes:{...(0,u.omit)(null==t?void 0:t.attributes,e),...w(n.blocks)},order:{...(0,u.omit)(null==t?void 0:t.order,e),...(0,u.omit)(_(n.blocks),i)},parents:{...(0,u.omit)(null==t?void 0:t.parents,e),...y(n.blocks)},controlledInnerBlocks:(null==t?void 0:t.controlledInnerBlocks)||{}},a=I(s,n.blocks);return s.tree={...(0,u.omit)(null==t?void 0:t.tree,e),...a,"":{innerBlocks:n.blocks.map((e=>a[e.clientId]))}},s}return e(t,n)}),(function(e){let t,n=!1;return(o,r)=>{let l=e(o,r);const i="MARK_LAST_CHANGE_AS_PERSISTENT"===r.type||n;if(o===l&&!i){var s;n="MARK_NEXT_CHANGE_AS_NOT_PERSISTENT"===r.type;const e=null===(s=null==o?void 0:o.isPersistentChange)||void 0===s||s;return o.isPersistentChange===e?o:{...l,isPersistentChange:e}}return l={...l,isPersistentChange:i?!n:!B(r,t)},t=r,n="MARK_NEXT_CHANGE_AS_NOT_PERSISTENT"===r.type,l}}),(function(e){const t=new Set(["RECEIVE_BLOCKS"]);return(n,o)=>{const r=e(n,o);return r!==n&&(r.isIgnoredChange=t.has(o.type)),r}}))({byClientId(e={},t){switch(t.type){case"RECEIVE_BLOCKS":case"INSERT_BLOCKS":return{...e,...C(t.blocks)};case"UPDATE_BLOCK":if(!e[t.clientId])return e;const n=(0,u.omit)(t.updates,"attributes");return(0,u.isEmpty)(n)?e:{...e,[t.clientId]:{...e[t.clientId],...n}};case"REPLACE_BLOCKS_AUGMENTED_WITH_CHILDREN":return t.blocks?{...(0,u.omit)(e,t.replacedClientIds),...C(t.blocks)}:e;case"REMOVE_BLOCKS_AUGMENTED_WITH_CHILDREN":return(0,u.omit)(e,t.removedClientIds)}return e},attributes(e={},t){switch(t.type){case"RECEIVE_BLOCKS":case"INSERT_BLOCKS":return{...e,...w(t.blocks)};case"UPDATE_BLOCK":return e[t.clientId]&&t.updates.attributes?{...e,[t.clientId]:{...e[t.clientId],...t.updates.attributes}}:e;case"UPDATE_BLOCK_ATTRIBUTES":{if(t.clientIds.every((t=>!e[t])))return e;const n=t.clientIds.reduce(((n,o)=>({...n,[o]:(0,u.reduce)(t.uniqueByBlock?t.attributes[o]:t.attributes,((t,n,r)=>{var l,i;return n!==t[r]&&((t=(l=e[o])===(i=t)?{...l}:i)[r]=n),t}),e[o])})),{});return t.clientIds.every((t=>n[t]===e[t]))?e:{...e,...n}}case"REPLACE_BLOCKS_AUGMENTED_WITH_CHILDREN":return t.blocks?{...(0,u.omit)(e,t.replacedClientIds),...w(t.blocks)}:e;case"REMOVE_BLOCKS_AUGMENTED_WITH_CHILDREN":return(0,u.omit)(e,t.removedClientIds)}return e},order(e={},t){switch(t.type){case"RECEIVE_BLOCKS":{const n=_(t.blocks);return{...e,...(0,u.omit)(n,""),"":((null==e?void 0:e[""])||[]).concat(n[""])}}case"INSERT_BLOCKS":{const{rootClientId:n=""}=t,o=e[n]||[],r=_(t.blocks,n),{index:l=o.length}=t;return{...e,...r,[n]:b(o,r[n],l)}}case"MOVE_BLOCKS_TO_POSITION":{const{fromRootClientId:n="",toRootClientId:o="",clientIds:r}=t,{index:l=e[o].length}=t;if(n===o){const t=e[o].indexOf(r[0]);return{...e,[o]:k(e[o],t,l,r.length)}}return{...e,[n]:(0,u.without)(e[n],...r),[o]:b(e[o],r,l)}}case"MOVE_BLOCKS_UP":{const{clientIds:n,rootClientId:o=""}=t,r=(0,u.first)(n),l=e[o];if(!l.length||r===(0,u.first)(l))return e;const i=l.indexOf(r);return{...e,[o]:k(l,i,i-1,n.length)}}case"MOVE_BLOCKS_DOWN":{const{clientIds:n,rootClientId:o=""}=t,r=(0,u.first)(n),l=(0,u.last)(n),i=e[o];if(!i.length||l===(0,u.last)(i))return e;const s=i.indexOf(r);return{...e,[o]:k(i,s,s+1,n.length)}}case"REPLACE_BLOCKS_AUGMENTED_WITH_CHILDREN":{const{clientIds:n}=t;if(!t.blocks)return e;const o=_(t.blocks);return(0,u.flow)([e=>(0,u.omit)(e,t.replacedClientIds),e=>({...e,...(0,u.omit)(o,"")}),e=>(0,u.mapValues)(e,(e=>(0,u.reduce)(e,((e,t)=>t===n[0]?[...e,...o[""]]:(-1===n.indexOf(t)&&e.push(t),e)),[])))])(e)}case"REMOVE_BLOCKS_AUGMENTED_WITH_CHILDREN":return(0,u.flow)([e=>(0,u.omit)(e,t.removedClientIds),e=>(0,u.mapValues)(e,(e=>(0,u.without)(e,...t.removedClientIds)))])(e)}return e},parents(e={},t){switch(t.type){case"RECEIVE_BLOCKS":return{...e,...y(t.blocks)};case"INSERT_BLOCKS":return{...e,...y(t.blocks,t.rootClientId||"")};case"MOVE_BLOCKS_TO_POSITION":return{...e,...t.clientIds.reduce(((e,n)=>(e[n]=t.toRootClientId||"",e)),{})};case"REPLACE_BLOCKS_AUGMENTED_WITH_CHILDREN":return{...(0,u.omit)(e,t.replacedClientIds),...y(t.blocks,e[t.clientIds[0]])};case"REMOVE_BLOCKS_AUGMENTED_WITH_CHILDREN":return(0,u.omit)(e,t.removedClientIds)}return e},controlledInnerBlocks:(e={},{type:t,clientId:n,hasControlledInnerBlocks:o})=>"SET_HAS_CONTROLLED_INNER_BLOCKS"===t?{...e,[n]:o}:e});function N(e={},t){switch(t.type){case"CLEAR_SELECTED_BLOCK":return e.clientId?{}:e;case"SELECT_BLOCK":return t.clientId===e.clientId?e:{clientId:t.clientId};case"REPLACE_INNER_BLOCKS":case"INSERT_BLOCKS":return t.updateSelection&&t.blocks.length?{clientId:t.blocks[0].clientId}:e;case"REMOVE_BLOCKS":return t.clientIds&&t.clientIds.length&&-1!==t.clientIds.indexOf(e.clientId)?{}:e;case"REPLACE_BLOCKS":{if(-1===t.clientIds.indexOf(e.clientId))return e;const n=t.blocks[t.indexToSelect]||t.blocks[t.blocks.length-1];return n?n.clientId===e.clientId?e:{clientId:n.clientId}:{}}}return e}var P,M,R=(0,m.combineReducers)({blocks:T,isTyping:function(e=!1,t){switch(t.type){case"START_TYPING":return!0;case"STOP_TYPING":return!1}return e},draggedBlocks:function(e=[],t){switch(t.type){case"START_DRAGGING_BLOCKS":return t.clientIds;case"STOP_DRAGGING_BLOCKS":return[]}return e},isCaretWithinFormattedText:function(e=!1,t){switch(t.type){case"ENTER_FORMATTED_TEXT":return!0;case"EXIT_FORMATTED_TEXT":return!1}return e},selection:function(e={},t){var n,o;switch(t.type){case"SELECTION_CHANGE":return{selectionStart:{clientId:t.clientId,attributeKey:t.attributeKey,offset:t.startOffset},selectionEnd:{clientId:t.clientId,attributeKey:t.attributeKey,offset:t.endOffset}};case"RESET_SELECTION":const{selectionStart:r,selectionEnd:l}=t;return{selectionStart:r,selectionEnd:l};case"MULTI_SELECT":const{start:i,end:s}=t;return{selectionStart:{clientId:i},selectionEnd:{clientId:s}};case"RESET_BLOCKS":const a=null==e||null===(n=e.selectionStart)||void 0===n?void 0:n.clientId,c=null==e||null===(o=e.selectionEnd)||void 0===o?void 0:o.clientId;if(!a&&!c)return e;if(!t.blocks.some((e=>e.clientId===a)))return{selectionStart:{},selectionEnd:{}};if(!t.blocks.some((e=>e.clientId===c)))return{...e,selectionEnd:e.selectionStart}}return{selectionStart:N(e.selectionStart,t),selectionEnd:N(e.selectionEnd,t)}},isMultiSelecting:function(e=!1,t){switch(t.type){case"START_MULTI_SELECT":return!0;case"STOP_MULTI_SELECT":return!1}return e},isSelectionEnabled:function(e=!0,t){switch(t.type){case"TOGGLE_SELECTION":return t.isSelectionEnabled}return e},initialPosition:function(e=null,t){return"REPLACE_BLOCKS"===t.type&&void 0!==t.initialPosition||["SELECT_BLOCK","RESET_SELECTION","INSERT_BLOCKS","REPLACE_INNER_BLOCKS"].includes(t.type)?t.initialPosition:e},blocksMode:function(e={},t){if("TOGGLE_BLOCK_MODE"===t.type){const{clientId:n}=t;return{...e,[n]:e[n]&&"html"===e[n]?"visual":"html"}}return e},blockListSettings:(e={},t)=>{switch(t.type){case"REPLACE_BLOCKS":case"REMOVE_BLOCKS":return(0,u.omit)(e,t.clientIds);case"UPDATE_BLOCK_LIST_SETTINGS":{const{clientId:n}=t;return t.settings?(0,u.isEqual)(e[n],t.settings)?e:{...e,[n]:t.settings}:e.hasOwnProperty(n)?(0,u.omit)(e,n):e}}return e},insertionPoint:function(e=null,t){switch(t.type){case"SHOW_INSERTION_POINT":const{rootClientId:e,index:n,__unstableWithInserter:o}=t;return{rootClientId:e,index:n,__unstableWithInserter:o};case"HIDE_INSERTION_POINT":return null}return e},template:function(e={isValid:!0},t){switch(t.type){case"SET_TEMPLATE_VALIDITY":return{...e,isValid:t.isValid}}return e},settings:function(e=v,t){switch(t.type){case"UPDATE_SETTINGS":return{...e,...t.settings}}return e},preferences:function(e=g,t){switch(t.type){case"INSERT_BLOCKS":case"REPLACE_BLOCKS":return t.blocks.reduce(((e,n)=>{const{attributes:o,name:l}=n,i=(0,m.select)(r.store).getActiveBlockVariation(l,o);let s=null!=i&&i.name?`${l}/${i.name}`:l;const a={name:s};return"core/block"===l&&(a.ref=o.ref,s+="/"+o.ref),{...e,insertUsage:{...e.insertUsage,[s]:{time:t.time,count:e.insertUsage[s]?e.insertUsage[s].count+1:1,insert:a}}}}),e)}return e},lastBlockAttributesChange:function(e,t){switch(t.type){case"UPDATE_BLOCK":if(!t.updates.attributes)break;return{[t.clientId]:t.updates.attributes};case"UPDATE_BLOCK_ATTRIBUTES":return t.clientIds.reduce(((e,n)=>({...e,[n]:t.uniqueByBlock?t.attributes[n]:t.attributes})),{})}return null},isNavigationMode:function(e=!1,t){return"INSERT_BLOCKS"!==t.type&&("SET_NAVIGATION_MODE"===t.type?t.isNavigationMode:e)},hasBlockMovingClientId:function(e=null,t){return"SET_BLOCK_MOVING_MODE"===t.type?t.hasBlockMovingClientId:"SET_NAVIGATION_MODE"===t.type?null:e},automaticChangeStatus:function(e,t){switch(t.type){case"MARK_AUTOMATIC_CHANGE":return"pending";case"MARK_AUTOMATIC_CHANGE_FINAL":return"pending"===e?"final":void 0;case"SELECTION_CHANGE":return"final"!==e?e:void 0;case"START_TYPING":case"STOP_TYPING":return e}},highlightedBlock:function(e,t){switch(t.type){case"TOGGLE_BLOCK_HIGHLIGHT":const{clientId:n,isHighlighted:o}=t;return o?n:e===n?null:e;case"SELECT_BLOCK":if(t.clientId!==e)return null}return e},lastBlockInserted:function(e={},t){var n;switch(t.type){case"INSERT_BLOCKS":return t.blocks.length?{clientId:t.blocks[0].clientId,source:null===(n=t.meta)||void 0===n?void 0:n.source}:e;case"RESET_BLOCKS":return{}}return e}});function L(e){return[e]}function A(){var e={clear:function(){e.head=null}};return e}function D(e,t,n){var o;if(e.length!==t.length)return!1;for(o=n;o<e.length;o++)if(e[o]!==t[o])return!1;return!0}function O(e,t){var n,o;function r(){n=M?new WeakMap:A()}function l(){var n,r,l,i,s,a=arguments.length;for(i=new Array(a),l=0;l<a;l++)i[l]=arguments[l];for(s=t.apply(null,i),(n=o(s)).isUniqueByDependants||(n.lastDependants&&!D(s,n.lastDependants,0)&&n.clear(),n.lastDependants=s),r=n.head;r;){if(D(r.args,i,1))return r!==n.head&&(r.prev.next=r.next,r.next&&(r.next.prev=r.prev),r.next=n.head,r.prev=null,n.head.prev=r,n.head=r),r.val;r=r.next}return r={val:e.apply(null,i)},i[0]=null,r.args=i,n.head&&(n.head.prev=r,r.next=n.head),n.head=r,r.val}return t||(t=L),o=M?function(e){var t,o,r,l,i,s=n,a=!0;for(t=0;t<e.length;t++){if(!(i=o=e[t])||"object"!=typeof i){a=!1;break}s.has(o)?s=s.get(o):(r=new WeakMap,s.set(o,r),s=r)}return s.has(P)||((l=A()).isUniqueByDependants=a,s.set(P,l)),s.get(P)}:function(){return n},l.getDependants=t,l.clear=r,r(),l}P={},M="undefined"!=typeof WeakMap;var F=window.wp.primitives,z=(0,s.createElement)(F.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,s.createElement)(F.Path,{d:"M21.3 10.8l-5.6-5.6c-.7-.7-1.8-.7-2.5 0l-5.6 5.6c-.7.7-.7 1.8 0 2.5l5.6 5.6c.3.3.8.5 1.2.5s.9-.2 1.2-.5l5.6-5.6c.8-.7.8-1.9.1-2.5zm-1 1.4l-5.6 5.6c-.1.1-.3.1-.4 0l-5.6-5.6c-.1-.1-.1-.3 0-.4l5.6-5.6s.1-.1.2-.1.1 0 .2.1l5.6 5.6c.1.1.1.3 0 .4zm-16.6-.4L10 5.5l-1-1-6.3 6.3c-.7.7-.7 1.8 0 2.5L9 19.5l1.1-1.1-6.3-6.3c-.2 0-.2-.2-.1-.3z"}));const V=[];function H(e,t){const n=e.blocks.byClientId[t],o="core/social-link";if("web"!==s.Platform.OS&&(null==n?void 0:n.name)===o){const n=e.blocks.attributes[t],{service:r}=n;return r?`core/social-link-${r}`:o}return n?n.name:null}function U(e,t){const n=e.blocks.byClientId[t];return!!n&&n.isValid}function G(e,t){return e.blocks.byClientId[t]?e.blocks.attributes[t]:null}function W(e,t){return e.blocks.byClientId[t]?e.blocks.tree[t]:null}const $=O(((e,t)=>{const n=e.blocks.byClientId[t];return n?{...n,attributes:G(e,t)}:null}),((e,t)=>[e.blocks.byClientId[t],e.blocks.attributes[t]]));function j(e,t){var n;const o=t&&xt(e,t)?"controlled||"+t:t||"";return(null===(n=e.blocks.tree[o])||void 0===n?void 0:n.innerBlocks)||V}const K=O(((e,t)=>({clientId:t,innerBlocks:q(e,t)})),(e=>[e.blocks.order])),q=O(((e,t="")=>(0,u.map)(Ie(e,t),(t=>K(e,t)))),(e=>[e.blocks.order])),Y=(e,t)=>(0,u.flatMap)(t,(t=>{const n=Ie(e,t);return[...n,...Y(e,n)]})),Z=O((e=>{const t=Ie(e);return[...t,...Y(e,t)]}),(e=>[e.blocks.order])),X=O(((e,t)=>{const n=Z(e);return t?(0,u.reduce)(n,((n,o)=>e.blocks.byClientId[o].name===t?n+1:n),0):n.length}),(e=>[e.blocks.order,e.blocks.byClientId])),Q=O(((e,t)=>(0,u.map)((0,u.castArray)(t),(t=>W(e,t)))),((e,t)=>(0,u.map)((0,u.castArray)(t),(t=>e.blocks.tree[t]))));function J(e,t){return Ie(e,t).length}function ee(e){return e.selection.selectionStart}function te(e){return e.selection.selectionEnd}function ne(e){return e.selection.selectionStart.clientId}function oe(e){return e.selection.selectionEnd.clientId}function re(e){return be(e).length||(e.selection.selectionStart.clientId?1:0)}function le(e){const{selectionStart:t,selectionEnd:n}=e.selection;return!!t.clientId&&t.clientId===n.clientId}function ie(e){const{selectionStart:t,selectionEnd:n}=e.selection,{clientId:o}=t;return o&&o===n.clientId?o:null}function se(e){const t=ie(e);return t?W(e,t):null}function ae(e,t){return void 0!==e.blocks.parents[t]?e.blocks.parents[t]:null}const ce=O(((e,t,n=!1)=>{const o=[];let r=t;for(;e.blocks.parents[r];)r=e.blocks.parents[r],o.push(r);return n?o:o.reverse()}),(e=>[e.blocks.parents])),ue=O(((e,t,n,o=!1)=>{const r=ce(e,t,o);return(0,u.map)((0,u.filter)((0,u.map)(r,(t=>({id:t,name:H(e,t)}))),(({name:e})=>Array.isArray(n)?n.includes(e):e===n)),(({id:e})=>e))}),(e=>[e.blocks.parents]));function de(e,t){let n,o=t;do{n=o,o=e.blocks.parents[o]}while(o);return n}function pe(e,t){const n=ie(e),o=[...ce(e,t),t],r=[...ce(e,n),n];let l;const i=Math.min(o.length,r.length);for(let e=0;e<i&&o[e]===r[e];e++)l=o[e];return l}function me(e,t,n=1){if(void 0===t&&(t=ie(e)),void 0===t&&(t=n<0?_e(e):ye(e)),!t)return null;const o=ae(e,t);if(null===o)return null;const{order:r}=e.blocks,l=r[o],i=l.indexOf(t)+1*n;return i<0||i===l.length?null:l[i]}function fe(e,t){return me(e,t,-1)}function he(e,t){return me(e,t,1)}function ge(e){return e.initialPosition}const ve=O((e=>{const{selectionStart:t,selectionEnd:n}=e.selection;if(void 0===t.clientId||void 0===n.clientId)return V;if(t.clientId===n.clientId)return[t.clientId];const o=ae(e,t.clientId);if(null===o)return V;const r=Ie(e,o),l=r.indexOf(t.clientId),i=r.indexOf(n.clientId);return l>i?r.slice(i,l+1):r.slice(l,i+1)}),(e=>[e.blocks.order,e.selection.selectionStart.clientId,e.selection.selectionEnd.clientId]));function be(e){const{selectionStart:t,selectionEnd:n}=e.selection;return t.clientId===n.clientId?V:ve(e)}const ke=O((e=>{const t=be(e);return t.length?t.map((t=>W(e,t))):V}),(e=>[...ve.getDependants(e),e.blocks.byClientId,e.blocks.order,e.blocks.attributes]));function _e(e){return(0,u.first)(be(e))||null}function ye(e){return(0,u.last)(be(e))||null}function Ee(e,t){return _e(e)===t}function Ce(e,t){return-1!==be(e).indexOf(t)}const we=O(((e,t)=>{let n=t,o=!1;for(;n&&!o;)n=ae(e,n),o=Ce(e,n);return o}),(e=>[e.blocks.order,e.selection.selectionStart.clientId,e.selection.selectionEnd.clientId]));function Se(e){const{selectionStart:t,selectionEnd:n}=e.selection;return t.clientId===n.clientId?null:t.clientId||null}function Be(e){const{selectionStart:t,selectionEnd:n}=e.selection;return t.clientId===n.clientId?null:n.clientId||null}function Ie(e,t){return e.blocks.order[t||""]||V}function xe(e,t,n){return Ie(e,n).indexOf(t)}function Te(e,t){const{selectionStart:n,selectionEnd:o}=e.selection;return n.clientId===o.clientId&&n.clientId===t}function Ne(e,t,n=!1){return(0,u.some)(Ie(e,t),(t=>Te(e,t)||Ce(e,t)||n&&Ne(e,t,n)))}function Pe(e,t){if(!t)return!1;const n=be(e),o=n.indexOf(t);return o>-1&&o<n.length-1}function Me(e){const{selectionStart:t,selectionEnd:n}=e.selection;return t.clientId!==n.clientId}function Re(e){return e.isMultiSelecting}function Le(e){return e.isSelectionEnabled}function Ae(e,t){return e.blocksMode[t]||"visual"}function De(e){return e.isTyping}function Oe(e){return!!e.draggedBlocks.length}function Fe(e){return e.draggedBlocks}function ze(e,t){return e.draggedBlocks.includes(t)}function Ve(e,t){if(!Oe(e))return!1;const n=ce(e,t);return(0,u.some)(n,(t=>ze(e,t)))}function He(e){return e.isCaretWithinFormattedText}function Ue(e){let t,n;const{insertionPoint:o,selection:{selectionEnd:r}}=e;if(null!==o)return o;const{clientId:l}=r;return l?(t=ae(e,l)||void 0,n=xe(e,r.clientId,t)+1):n=Ie(e).length,{rootClientId:t,index:n}}function Ge(e){return null!==e.insertionPoint}function We(e){return e.template.isValid}function $e(e){return e.settings.template}function je(e,t){if(!t)return e.settings.templateLock;const n=gt(e,t);return n?n.templateLock:null}const Ke=(e,t,n=null)=>(0,u.isBoolean)(e)?e:(0,u.isArray)(e)?!(!e.includes("core/post-content")||null!==t)||e.includes(t):n,qe=(e,t,n=null)=>{let o;if(t&&"object"==typeof t?(o=t,t=o.name):o=(0,r.getBlockType)(t),!o)return!1;const{allowedBlockTypes:l}=vt(e);if(!Ke(l,t,!0))return!1;if(je(e,n))return!1;const i=gt(e,n);if(n&&void 0===i)return!1;const s=null==i?void 0:i.allowedBlocks,a=Ke(s,t),c=o.parent,u=H(e,n),d=Ke(c,u);return null!==a&&null!==d?a||d:null!==a?a:null===d||d},Ye=O(qe,((e,t,n)=>[e.blockListSettings[n],e.blocks.byClientId[n],e.settings.allowedBlockTypes,e.settings.templateLock]));function Ze(e,t,n=null){return t.every((t=>Ye(e,H(e,t),n)))}function Xe(e,t,n=null){const o=G(e,t);if(null===o)return!0;const{lock:r}=o,l=!!je(e,n);return void 0===r||void 0===(null==r?void 0:r.remove)?!l:!(null!=r&&r.remove)}function Qe(e,t,n=null){return t.every((t=>Xe(e,t,n)))}function Je(e,t,n=null){const o=G(e,t);if(null===o)return;const{lock:r}=o,l="all"===je(e,n);return void 0===r||void 0===(null==r?void 0:r.move)?!l:!(null!=r&&r.move)}function et(e,t,n=null){return t.every((t=>Je(e,t,n)))}function tt(e,t){var n,o;return null!==(n=null===(o=e.preferences.insertUsage)||void 0===o?void 0:o[t])&&void 0!==n?n:null}const nt=(e,t,n)=>!!(0,r.hasBlockSupport)(t,"inserter",!0)&&qe(e,t.name,n),ot=(e,t)=>n=>{const o=`${t.id}/${n.name}`,{time:r,count:l=0}=tt(e,o)||{};return{...t,id:o,icon:n.icon||t.icon,title:n.title||t.title,description:n.description||t.description,category:n.category||t.category,example:n.hasOwnProperty("example")?n.example:t.example,initialAttributes:{...t.initialAttributes,...n.attributes},innerBlocks:n.innerBlocks,keywords:n.keywords||t.keywords,frecency:rt(r,l)}},rt=(e,t)=>{if(!e)return t;const n=Date.now()-e;switch(!0){case n<36e5:return 4*t;case n<864e5:return 2*t;case n<6048e5:return t/2;default:return t/4}},lt=(e,{buildScope:t="inserter"})=>n=>{const o=n.name;let l=!1;(0,r.hasBlockSupport)(n.name,"multiple",!0)||(l=(0,u.some)(Q(e,Z(e)),{name:n.name}));const{time:i,count:s=0}=tt(e,o)||{},a={id:o,name:n.name,title:n.title,icon:n.icon,isDisabled:l,frecency:rt(i,s)};if("transform"===t)return a;const c=(0,r.getBlockVariations)(n.name,"inserter");return{...a,initialAttributes:{},description:n.description,category:n.category,keywords:n.keywords,variations:c,example:n.example,utility:1}},it=O(((e,t=null)=>{const n=lt(e,{buildScope:"inserter"}),o=/^\s*<!--\s+(\/)?wp:([a-z][a-z0-9_-]*\/)?([a-z][a-z0-9_-]*)\s+({(?:(?=([^}]+|}+(?=})|(?!}\s+\/?-->)[^])*)\5|[^]*?)}\s+)?(\/)?-->/,l=(0,r.getBlockTypes)().filter((n=>nt(e,n,t))).map(n),i=qe(e,"core/block",t)?Ct(e).map((t=>{let n=z;if("web"===s.Platform.OS){const e=("string"==typeof t.content.raw?t.content.raw:t.content).match(o);if(e){const[,,t="core/",o]=e,l=(0,r.getBlockType)(t+o);l&&(n=l.icon)}}const l=`core/block/${t.id}`,{time:i,count:a=0}=tt(e,l)||{},c=rt(i,a);return{id:l,name:"core/block",initialAttributes:{ref:t.id},title:t.title.raw,icon:n,category:"reusable",keywords:[],isDisabled:!1,utility:1,frecency:c}})):[],a=l.filter((({variations:e=[]})=>!e.some((({isDefault:e})=>e)))),c=[];for(const t of l){const{variations:n=[]}=t;if(n.length){const o=ot(e,t);c.push(...n.map(o))}}const u=(e,t)=>{const{core:n,noncore:o}=e;return(t.name.startsWith("core/")?n:o).push(t),e},d=a.reduce(u,{core:[],noncore:[]}),p=c.reduce(u,{core:[],noncore:[]});return[...d.core,...p.core,...d.noncore,...p.noncore,...i]}),((e,t)=>[e.blockListSettings[t],e.blocks.byClientId,e.blocks.order,e.preferences.insertUsage,e.settings.allowedBlockTypes,e.settings.templateLock,Ct(e),(0,r.getBlockTypes)()])),st=O(((e,t,n=null)=>{const o=lt(e,{buildScope:"transform"}),l=(0,r.getBlockTypes)().filter((t=>nt(e,t,n))).map(o),i=(0,u.mapKeys)(l,(({name:e})=>e)),s=(0,r.getPossibleBlockTransformations)(t).reduce(((e,t)=>(i[null==t?void 0:t.name]&&e.push(i[t.name]),e)),[]);return(0,u.orderBy)(s,(e=>i[e.name].frecency),"desc")}),((e,t)=>[e.blockListSettings[t],e.blocks.byClientId,e.preferences.insertUsage,e.settings.allowedBlockTypes,e.settings.templateLock,(0,r.getBlockTypes)()])),at=O(((e,t=null)=>!!(0,u.some)((0,r.getBlockTypes)(),(n=>nt(e,n,t)))||qe(e,"core/block",t)&&Ct(e).length>0),((e,t)=>[e.blockListSettings[t],e.blocks.byClientId,e.settings.allowedBlockTypes,e.settings.templateLock,Ct(e),(0,r.getBlockTypes)()])),ct=O(((e,t=null)=>{if(t)return(0,u.filter)((0,r.getBlockTypes)(),(n=>nt(e,n,t)))}),((e,t)=>[e.blockListSettings[t],e.blocks.byClientId,e.settings.allowedBlockTypes,e.settings.templateLock,(0,r.getBlockTypes)()])),ut=O(((e,t=null)=>{var n,o;if(!t)return;const r=null===(n=e.blockListSettings[t])||void 0===n?void 0:n.__experimentalDefaultBlock,l=null===(o=e.blockListSettings[t])||void 0===o?void 0:o.__experimentalDirectInsert;return r&&l?"function"==typeof l?l(W(e,t))?r:null:r:void 0}),((e,t)=>[e.blockListSettings[t],e.blocks.tree[t]])),dt=O(((e,t)=>{const n=e.settings.__experimentalBlockPatterns.find((({name:e})=>e===t));return n?{...n,blocks:(0,r.parse)(n.content)}:null}),(e=>[e.settings.__experimentalBlockPatterns])),pt=O((e=>{const t=e.settings.__experimentalBlockPatterns,{allowedBlockTypes:n}=vt(e);return t.filter((({inserter:e=!0})=>!!e)).map((({name:t})=>dt(e,t))).filter((({blocks:e})=>((e,t)=>{if((0,u.isBoolean)(t))return t;const n=[...e];for(;n.length>0;){var o;const e=n.shift();if(!Ke(t,e.name||e.blockName,!0))return!1;null===(o=e.innerBlocks)||void 0===o||o.forEach((e=>{n.push(e)}))}return!0})(e,n)))}),(e=>[e.settings.__experimentalBlockPatterns,e.settings.allowedBlockTypes])),mt=O(((e,t=null)=>{const n=pt(e);return(0,u.filter)(n,(({blocks:n})=>n.every((({name:n})=>Ye(e,n,t)))))}),((e,t)=>[e.settings.__experimentalBlockPatterns,e.settings.allowedBlockTypes,e.settings.templateLock,e.blockListSettings[t],e.blocks.byClientId[t]])),ft=O(((e,t,n=null)=>{if(!t)return V;const o=mt(e,n),r=Array.isArray(t)?t:[t];return o.filter((e=>{var t,n;return null==e||null===(t=e.blockTypes)||void 0===t||null===(n=t.some)||void 0===n?void 0:n.call(t,(e=>r.includes(e)))}))}),((e,t)=>[...mt.getDependants(e,t)])),ht=O(((e,t,n=null)=>{if(!t)return V;if(t.some((({clientId:t,innerBlocks:n})=>n.length||xt(e,t))))return V;const o=Array.from(new Set(t.map((({name:e})=>e))));return ft(e,o,n)}),((e,t)=>[...ft.getDependants(e,t)]));function gt(e,t){return e.blockListSettings[t]}function vt(e){return e.settings}function bt(e){return e.blocks.isPersistentChange}const kt=O(((e,t=[])=>t.reduce(((t,n)=>e.blockListSettings[n]?{...t,[n]:e.blockListSettings[n]}:t),{})),(e=>[e.blockListSettings])),_t=O(((e,t)=>{var n;const o=(0,u.find)(Ct(e),(e=>e.id===t));return o?null===(n=o.title)||void 0===n?void 0:n.raw:null}),(e=>[Ct(e)]));function yt(e){return e.blocks.isIgnoredChange}function Et(e){return e.lastBlockAttributesChange}function Ct(e){var t,n;return null!==(t=null==e||null===(n=e.settings)||void 0===n?void 0:n.__experimentalReusableBlocks)&&void 0!==t?t:V}function wt(e){return e.isNavigationMode}function St(e){return e.hasBlockMovingClientId}function Bt(e){return!!e.automaticChangeStatus}function It(e,t){return e.highlightedBlock===t}function xt(e,t){return!!e.blocks.controlledInnerBlocks[t]}const Tt=O(((e,t)=>{if(!t.length)return null;const n=ie(e);if(t.includes(H(e,n)))return n;const o=be(e),r=ue(e,n||o[0],t);return r?(0,u.last)(r):null}),((e,t)=>[e.selection.selectionStart.clientId,e.selection.selectionEnd.clientId,t]));function Nt(e,t,n){const{lastBlockInserted:o}=e;return o.clientId===t&&o.source===n}var Pt=window.wp.a11y,Mt=window.wp.richText,Rt=window.wp.deprecated,Lt=n.n(Rt);const At=e=>({dispatch:t})=>{t({type:"RESET_BLOCKS",blocks:e}),t(Dt(e))},Dt=e=>({select:t,dispatch:n})=>{const o=t.getTemplate(),l=t.getTemplateLock(),i=!o||"all"!==l||(0,r.doBlocksMatchTemplate)(e,o);if(i!==t.isValidTemplate())return n.setTemplateValidity(i),i};function Ot(e,t,n){return{type:"RESET_SELECTION",selectionStart:e,selectionEnd:t,initialPosition:n}}function Ft(e){return Lt()('wp.data.dispatch( "core/block-editor" ).receiveBlocks',{since:"5.9",alternative:"resetBlocks or insertBlocks"}),{type:"RECEIVE_BLOCKS",blocks:e}}function zt(e,t,n=!1){return{type:"UPDATE_BLOCK_ATTRIBUTES",clientIds:(0,u.castArray)(e),attributes:t,uniqueByBlock:n}}function Vt(e,t){return{type:"UPDATE_BLOCK",clientId:e,updates:t}}function Ht(e,t=0){return{type:"SELECT_BLOCK",initialPosition:t,clientId:e}}const Ut=e=>({select:t,dispatch:n})=>{const o=t.getPreviousBlockClientId(e);o&&n.selectBlock(o,-1)},Gt=e=>({select:t,dispatch:n})=>{const o=t.getNextBlockClientId(e);o&&n.selectBlock(o)};function Wt(){return{type:"START_MULTI_SELECT"}}function $t(){return{type:"STOP_MULTI_SELECT"}}const jt=(e,t)=>({select:n,dispatch:o})=>{if(n.getBlockRootClientId(e)!==n.getBlockRootClientId(t))return;o({type:"MULTI_SELECT",start:e,end:t});const r=n.getSelectedBlockCount();(0,Pt.speak)((0,h.sprintf)(
|
2 |
/* translators: %s: number of selected blocks */
|
3 |
+
(0,h._n)("%s block selected.","%s blocks selected.",r),r),"assertive")};function Kt(){return{type:"CLEAR_SELECTED_BLOCK"}}function qt(e=!0){return{type:"TOGGLE_SELECTION",isSelectionEnabled:e}}function Yt(e,t){var n,o;const l=null!==(n=null==t||null===(o=t.__experimentalPreferredStyleVariations)||void 0===o?void 0:o.value)&&void 0!==n?n:{};return e.map((e=>{var t;const n=e.name;if(!(0,r.hasBlockSupport)(n,"defaultStylePicker",!0))return e;if(!l[n])return e;const o=null===(t=e.attributes)||void 0===t?void 0:t.className;if(null!=o&&o.includes("is-style-"))return e;const{attributes:i={}}=e,s=l[n];return{...e,attributes:{...i,className:`${o||""} is-style-${s}`.trim()}}}))}const Zt=(e,t,n,o=0,r)=>({select:l,dispatch:i})=>{e=(0,u.castArray)(e),t=Yt((0,u.castArray)(t),l.getSettings());const s=l.getBlockRootClientId((0,u.first)(e));for(let e=0;e<t.length;e++){const n=t[e];if(!l.canInsertBlockType(n.name,s))return}i({type:"REPLACE_BLOCKS",clientIds:e,blocks:t,time:Date.now(),indexToSelect:n,initialPosition:o,meta:r}),i((({select:e,dispatch:t})=>{if(e.getBlockCount()>0)return;const{__unstableHasCustomAppender:n}=e.getSettings();n||t.insertDefaultBlock()}))};function Xt(e,t){return Zt(e,t)}const Qt=e=>(t,n)=>({select:o,dispatch:r})=>{o.canMoveBlocks(t,n)&&r({type:e,clientIds:(0,u.castArray)(t),rootClientId:n})},Jt=Qt("MOVE_BLOCKS_DOWN"),en=Qt("MOVE_BLOCKS_UP"),tn=(e,t="",n="",o)=>({select:r,dispatch:l})=>{if(r.canMoveBlocks(e,t)){if(t!==n){if(!r.canRemoveBlocks(e,t))return;if(!r.canInsertBlocks(e,n))return}l({type:"MOVE_BLOCKS_TO_POSITION",fromRootClientId:t,toRootClientId:n,clientIds:e,index:o})}};function nn(e,t="",n="",o){return tn([e],t,n,o)}function on(e,t,n,o,r){return rn([e],t,n,o,0,r)}const rn=(e,t,n,o=!0,r=0,l)=>({select:i,dispatch:s})=>{(0,u.isObject)(r)&&(l=r,r=0,Lt()("meta argument in wp.data.dispatch('core/block-editor')",{since:"10.1",plugin:"Gutenberg",hint:"The meta argument is now the 6th argument of the function"})),e=Yt((0,u.castArray)(e),i.getSettings());const a=[];for(const t of e)i.canInsertBlockType(t.name,n)&&a.push(t);a.length&&s({type:"INSERT_BLOCKS",blocks:a,index:t,rootClientId:n,time:Date.now(),updateSelection:o,initialPosition:o?r:null,meta:l})};function ln(e,t,n={}){const{__unstableWithInserter:o}=n;return{type:"SHOW_INSERTION_POINT",rootClientId:e,index:t,__unstableWithInserter:o}}function sn(){return{type:"HIDE_INSERTION_POINT"}}function an(e){return{type:"SET_TEMPLATE_VALIDITY",isValid:e}}const cn=()=>({select:e,dispatch:t})=>{t({type:"SYNCHRONIZE_TEMPLATE"});const n=e.getBlocks(),o=e.getTemplate(),l=(0,r.synchronizeBlocksWithTemplate)(n,o);t.resetBlocks(l)},un=(e,t)=>({select:n,dispatch:o})=>{const l=[e,t];o({type:"MERGE_BLOCKS",blocks:l});const[i,s]=l,a=n.getBlock(i),c=(0,r.getBlockType)(a.name);if(c&&!c.merge)return void o.selectBlock(a.clientId);const d=n.getBlock(s),p=(0,r.getBlockType)(d.name),{clientId:m,attributeKey:f,offset:h}=n.getSelectionStart(),g=(m===i?c:p).attributes[f],v=(m===i||m===s)&&void 0!==f&&void 0!==h&&!!g;g||("number"==typeof f?window.console.error("RichText needs an identifier prop that is the block attribute key of the attribute it controls. Its type is expected to be a string, but was "+typeof f):window.console.error("The RichText identifier prop does not match any attributes defined by the block."));const b=(0,r.cloneBlock)(a),k=(0,r.cloneBlock)(d);if(v){const e=m===i?b:k,t=e.attributes[f],{multiline:n,__unstableMultilineWrapperTags:o,__unstablePreserveWhiteSpace:r}=g,l=(0,Mt.insert)((0,Mt.create)({html:t,multilineTag:n,multilineWrapperTags:o,preserveWhiteSpace:r}),"",h,h);e.attributes[f]=(0,Mt.toHTMLString)({value:l,multilineTag:n,preserveWhiteSpace:r})}const _=a.name===d.name?[k]:(0,r.switchToBlockType)(k,a.name);if(!_||!_.length)return;const y=c.merge(b.attributes,_[0].attributes);if(v){const e=(0,u.findKey)(y,(e=>"string"==typeof e&&-1!==e.indexOf(""))),t=y[e],{multiline:n,__unstableMultilineWrapperTags:r,__unstablePreserveWhiteSpace:l}=c.attributes[e],i=(0,Mt.create)({html:t,multilineTag:n,multilineWrapperTags:r,preserveWhiteSpace:l}),s=i.text.indexOf(""),d=(0,Mt.remove)(i,s,s+1),p=(0,Mt.toHTMLString)({value:d,multilineTag:n,preserveWhiteSpace:l});y[e]=p,o.selectionChange(a.clientId,e,s,s)}o.replaceBlocks([a.clientId,d.clientId],[{...a,attributes:{...a.attributes,...y}},..._.slice(1)],0)},dn=(e,t=!0)=>({select:n,dispatch:o})=>{if(!e||!e.length)return;e=(0,u.castArray)(e);const r=n.getBlockRootClientId(e[0]);n.canRemoveBlocks(e,r)&&(t&&o.selectPreviousBlock(e[0]),o({type:"REMOVE_BLOCKS",clientIds:e}),o((({select:e,dispatch:t})=>{if(e.getBlockCount()>0)return;const{__unstableHasCustomAppender:n}=e.getSettings();n||t.insertDefaultBlock()})))};function pn(e,t){return dn([e],t)}function mn(e,t,n=!1,o=0){return{type:"REPLACE_INNER_BLOCKS",rootClientId:e,blocks:t,updateSelection:n,initialPosition:n?o:null,time:Date.now()}}function fn(e){return{type:"TOGGLE_BLOCK_MODE",clientId:e}}function hn(){return{type:"START_TYPING"}}function gn(){return{type:"STOP_TYPING"}}function vn(e=[]){return{type:"START_DRAGGING_BLOCKS",clientIds:e}}function bn(){return{type:"STOP_DRAGGING_BLOCKS"}}function kn(){return{type:"ENTER_FORMATTED_TEXT"}}function yn(){return{type:"EXIT_FORMATTED_TEXT"}}function En(e,t,n,o){return{type:"SELECTION_CHANGE",clientId:e,attributeKey:t,startOffset:n,endOffset:o}}function Cn(e,t,n){const o=(0,r.getDefaultBlockName)();if(o)return on((0,r.createBlock)(o,e),n,t)}function wn(e,t){return{type:"UPDATE_BLOCK_LIST_SETTINGS",clientId:e,settings:t}}function Sn(e){return{type:"UPDATE_SETTINGS",settings:e}}function Bn(e,t){return{type:"SAVE_REUSABLE_BLOCK_SUCCESS",id:e,updatedId:t}}function In(){return{type:"MARK_LAST_CHANGE_AS_PERSISTENT"}}function xn(){return{type:"MARK_NEXT_CHANGE_AS_NOT_PERSISTENT"}}const Tn=()=>({dispatch:e})=>{e({type:"MARK_AUTOMATIC_CHANGE"});const{requestIdleCallback:t=(e=>setTimeout(e,100))}=window;t((()=>{e({type:"MARK_AUTOMATIC_CHANGE_FINAL"})}))},Nn=(e=!0)=>({dispatch:t})=>{t({type:"SET_NAVIGATION_MODE",isNavigationMode:e}),e?(0,Pt.speak)((0,h.__)("You are currently in navigation mode. Navigate blocks using the Tab key and Arrow keys. Use Left and Right Arrow keys to move between nesting levels. To exit navigation mode and edit the selected block, press Enter.")):(0,Pt.speak)((0,h.__)("You are currently in edit mode. To return to the navigation mode, press Escape."))},Pn=(e=null)=>({dispatch:t})=>{t({type:"SET_BLOCK_MOVING_MODE",hasBlockMovingClientId:e}),e&&(0,Pt.speak)((0,h.__)("Use the Tab key and Arrow keys to choose new block location. Use Left and Right Arrow keys to move between nesting levels. Once location is selected press Enter or Space to move the block."))},Mn=(e,t=!0)=>({select:n,dispatch:o})=>{if(!e||!e.length)return;const l=n.getBlocksByClientId(e);if((0,u.some)(l,(e=>!e)))return;if(l.map((e=>e.name)).some((e=>!(0,r.hasBlockSupport)(e,"multiple",!0))))return;const i=n.getBlockRootClientId(e[0]),s=n.getBlockIndex((0,u.last)((0,u.castArray)(e)),i),a=l.map((e=>(0,r.__experimentalCloneSanitizedBlock)(e)));return o.insertBlocks(a,s+1,i,t),a.length>1&&t&&o.multiSelect((0,u.first)(a).clientId,(0,u.last)(a).clientId),a.map((e=>e.clientId))},Rn=e=>({select:t,dispatch:n})=>{if(!e)return;const o=t.getBlockRootClientId(e);if(t.getTemplateLock(o))return;const r=t.getBlockIndex(e,o);return n.insertDefaultBlock({},o,r)},Ln=e=>({select:t,dispatch:n})=>{if(!e)return;const o=t.getBlockRootClientId(e);if(t.getTemplateLock(o))return;const r=t.getBlockIndex(e,o);return n.insertDefaultBlock({},o,r+1)};function An(e,t){return{type:"TOGGLE_BLOCK_HIGHLIGHT",clientId:e,isHighlighted:t}}const Dn=e=>async({dispatch:t})=>{t(An(e,!0)),await new Promise((e=>setTimeout(e,150))),t(An(e,!1))};function On(e,t){return{type:"SET_HAS_CONTROLLED_INNER_BLOCKS",hasControlledInnerBlocks:t,clientId:e}}const Fn="core/block-editor",zn={reducer:R,selectors:e,actions:t,__experimentalUseThunks:!0},Vn=(0,m.createReduxStore)(Fn,{...zn,persist:["preferences"]});(0,m.registerStore)(Fn,{...zn,persist:["preferences"]});const Hn={name:"",isSelected:!1},Un=(0,s.createContext)(Hn),{Provider:Gn}=Un;function Wn(){return(0,s.useContext)(Un)}function $n(){const{isSelected:e,clientId:t,name:n}=Wn();return(0,m.useSelect)((o=>{if(e)return!0;const{getBlockName:r,isFirstMultiSelectedBlock:l,getMultiSelectedBlockClientIds:i}=o(Vn);return!!l(t)&&i().every((e=>r(e)===n))}),[t,e,n])}function jn({group:e="default",controls:t,children:n,__experimentalShareWithChildBlocks:o=!1}){const l=function(e,t){const n=$n(),{clientId:o}=Wn(),l=(0,m.useSelect)((e=>{const{getBlockName:n,hasSelectedInnerBlock:l}=e(Vn),{hasBlockSupport:i}=e(r.store);return t&&i(n(o),"__experimentalExposeControlsToChildren",!1)&&l(o)}),[t,o]);var i;return n?null===(i=f[e])||void 0===i?void 0:i.Fill:l?f.parent.Fill:null}(e,o);return l?(0,s.createElement)(p.__experimentalStyleProvider,{document:document},(0,s.createElement)(l,null,(o=>{const r=(0,u.isEmpty)(o)?null:o;return(0,s.createElement)(p.__experimentalToolbarContext.Provider,{value:r},"default"===e&&(0,s.createElement)(p.ToolbarGroup,{controls:t}),n)}))):null}function Kn({group:e="default",...t}){const n=(0,s.useContext)(p.__experimentalToolbarContext),o=f[e].Slot,r=(0,p.__experimentalUseSlot)(o.__unstableName);return Boolean(r.fills&&r.fills.length)?"default"===e?(0,s.createElement)(o,i({},t,{bubblesVirtually:!0,fillProps:n})):(0,s.createElement)(p.ToolbarGroup,null,(0,s.createElement)(o,i({},t,{bubblesVirtually:!0,fillProps:n}))):null}const qn=jn;qn.Slot=Kn;const Yn=e=>(0,s.createElement)(jn,i({group:"inline"},e));Yn.Slot=e=>(0,s.createElement)(Kn,i({group:"inline"},e));var Zn=qn,Xn=(0,s.createElement)(F.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,s.createElement)(F.Path,{d:"M5 15h14V9H5v6zm0 4.8h14v-1.5H5v1.5zM5 4.2v1.5h14V4.2H5z"})),Qn=(0,s.createElement)(F.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,s.createElement)(F.Path,{d:"M4 9v6h14V9H4zm8-4.8H4v1.5h8V4.2zM4 19.8h8v-1.5H4v1.5z"})),Jn=(0,s.createElement)(F.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,s.createElement)(F.Path,{d:"M7 9v6h10V9H7zM5 19.8h14v-1.5H5v1.5zM5 4.3v1.5h14V4.3H5z"})),eo=(0,s.createElement)(F.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,s.createElement)(F.Path,{d:"M6 15h14V9H6v6zm6-10.8v1.5h8V4.2h-8zm0 15.6h8v-1.5h-8v1.5z"})),to=(0,s.createElement)(F.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,s.createElement)(F.Path,{d:"M5 9v6h14V9H5zm11-4.8H8v1.5h8V4.2zM8 19.8h8v-1.5H8v1.5z"})),no=(0,s.createElement)(F.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,s.createElement)(F.Path,{d:"M5 4v11h14V4H5zm3 15.8h8v-1.5H8v1.5z"})),oo=(0,s.createElement)(F.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,s.createElement)(F.Path,{d:"M9 9v6h11V9H9zM4 20h1.5V4H4v16z"})),ro=(0,s.createElement)(F.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,s.createElement)(F.Path,{d:"M20 9h-7.2V4h-1.6v5H4v6h7.2v5h1.6v-5H20z"})),lo=(0,s.createElement)(F.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,s.createElement)(F.Path,{d:"M4 15h11V9H4v6zM18.5 4v16H20V4h-1.5z"})),io=(0,s.createElement)(F.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,s.createElement)(F.Path,{d:"M9 15h6V9H9v6zm-5 5h1.5V4H4v16zM18.5 4v16H20V4h-1.5z"})),so=(0,s.createElement)(F.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,s.createElement)(F.Path,{d:"M14.3 6.7l-1.1 1.1 4 4H4v1.5h13.3l-4.1 4.4 1.1 1.1 5.8-6.3z"})),ao=(0,s.createElement)(F.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,s.createElement)(F.Path,{d:"M16.2 13.2l-4 4V4h-1.5v13.3l-4.5-4.1-1 1.1 6.2 5.8 5.8-5.8-1-1.1z"}));function co(e,t=""){return e.split(",").map((e=>`.editor-styles-wrapper ${e} ${t}`)).join(",")}const uo={"color.palette":e=>void 0===e.colors?void 0:e.colors,"color.gradients":e=>void 0===e.gradients?void 0:e.gradients,"color.custom":e=>void 0===e.disableCustomColors?void 0:!e.disableCustomColors,"color.customGradient":e=>void 0===e.disableCustomGradients?void 0:!e.disableCustomGradients,"typography.fontSizes":e=>void 0===e.fontSizes?void 0:e.fontSizes,"typography.customFontSize":e=>void 0===e.disableCustomFontSizes?void 0:!e.disableCustomFontSizes,"typography.lineHeight":e=>e.enableCustomLineHeight,"spacing.units":e=>{if(void 0!==e.enableCustomUnits)return!0===e.enableCustomUnits?["px","em","rem","vh","vw","%"]:e.enableCustomUnits},"spacing.padding":e=>e.enableCustomSpacing},po={"border.customColor":"border.color","border.customStyle":"border.style","border.customWidth":"border.width","typography.customFontStyle":"typography.fontStyle","typography.customFontWeight":"typography.fontWeight","typography.customLetterSpacing":"typography.letterSpacing","typography.customTextDecorations":"typography.textDecoration","typography.customTextTransforms":"typography.textTransform","border.customRadius":"border.radius","spacing.customMargin":"spacing.margin","spacing.customPadding":"spacing.padding","typography.customLineHeight":"typography.lineHeight"};function mo(e){const{name:t}=Wn();return(0,m.useSelect)((n=>{var o;const l=n(Vn).getSettings(),i=(e=>po[e]||e)(e),s=`__experimentalFeatures.${i}`,a=`__experimentalFeatures.blocks.${t}.${i}`,c=null!==(o=(0,u.get)(l,a))&&void 0!==o?o:(0,u.get)(l,s);var d,p;if(void 0!==c)return r.__EXPERIMENTAL_PATHS_WITH_MERGE[i]?null!==(d=null!==(p=c.user)&&void 0!==p?p:c.theme)&&void 0!==d?d:c.core:c;const m=uo[i]?uo[i](l):void 0;return void 0!==m?m:"typography.dropCap"===i||void 0}),[t,e])}const fo={left:oo,center:ro,right:lo,"space-between":io};var ho=function({allowedControls:e=["left","center","right","space-between"],isCollapsed:t=!0,onChange:n,value:o,popoverProps:r,isToolbar:l}){const a=e=>{n(e===o?void 0:e)},c=o?fo[o]:fo.left,u=[{name:"left",icon:oo,title:(0,h.__)("Justify items left"),isActive:"left"===o,onClick:()=>a("left")},{name:"center",icon:ro,title:(0,h.__)("Justify items center"),isActive:"center"===o,onClick:()=>a("center")},{name:"right",icon:lo,title:(0,h.__)("Justify items right"),isActive:"right"===o,onClick:()=>a("right")},{name:"space-between",icon:io,title:(0,h.__)("Space between items"),isActive:"space-between"===o,onClick:()=>a("space-between")}],d=l?p.ToolbarGroup:p.ToolbarDropdownMenu,m=l?{isCollapsed:t}:{};return(0,s.createElement)(d,i({icon:c,popoverProps:r,label:(0,h.__)("Change items justification"),controls:u.filter((t=>e.includes(t.name)))},m))};function go(e){return(0,s.createElement)(ho,i({},e,{isToolbar:!1}))}function vo(e){return(0,s.createElement)(ho,i({},e,{isToolbar:!0}))}const bo={left:"flex-start",right:"flex-end",center:"center","space-between":"space-between"},ko={left:"flex-start",right:"flex-end",center:"center"},_o=["wrap","nowrap"];var yo={name:"flex",label:(0,h.__)("Flex"),inspectorControls:function({layout:e={},onChange:t}){const{allowOrientation:n=!0}=e;return(0,s.createElement)(s.Fragment,null,(0,s.createElement)(p.Flex,null,(0,s.createElement)(p.FlexItem,null,(0,s.createElement)(Eo,{layout:e,onChange:t})),(0,s.createElement)(p.FlexItem,null,n&&(0,s.createElement)(wo,{layout:e,onChange:t}))),(0,s.createElement)(Co,{layout:e,onChange:t}))},toolBarControls:function({layout:e={},onChange:t,layoutBlockSupport:n}){return null!=n&&n.allowSwitching?null:(0,s.createElement)(Zn,{group:"block",__experimentalShareWithChildBlocks:!0},(0,s.createElement)(Eo,{layout:e,onChange:t,isToolbar:!0}))},save:function({selector:e,layout:t}){const{orientation:n="horizontal",setCascadingProperties:o=!1}=t,r=null!==mo("spacing.blockGap"),l=bo[t.justifyContent]||bo.left,i=_o.includes(t.flexWrap)?t.flexWrap:"wrap";let a=`\n\t\tflex-direction: row;\n\t\talign-items: center;\n\t\tjustify-content: ${l};\n\t\t`;o&&(a+=`\n\t\t\t--layout-justification-setting: ${l};\n\t\t\t--layout-direction: row;\n\t\t\t--layout-wrap: ${i};\n\t\t\t--layout-justify: ${l};\n\t\t\t--layout-align: center;\n\t\t\t`);const c=ko[t.justifyContent]||ko.left;let u=`\n\t\tflex-direction: column;\n\t\talign-items: ${c};\n\t\t`;return o&&(u+=`\n\t\t\t--layout-justification-setting: ${c};\n\t\t\t--layout-direction: column;\n\t\t\t--layout-justify: initial;\n\t\t\t--layout-align: ${c};\n\t\t\t`),(0,s.createElement)("style",null,`\n\t\t\t\t${co(e)} {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\tgap: ${r?"var( --wp--style--block-gap, 0.5em )":"0.5em"};\n\t\t\t\t\tflex-wrap: ${i};\n\t\t\t\t\t${"horizontal"===n?a:u}\n\t\t\t\t}\n\n\t\t\t\t${co(e,"> *")} {\n\t\t\t\t\tmargin: 0;\n\t\t\t\t}\n\t\t\t`)},getOrientation(e){const{orientation:t="horizontal"}=e;return t},getAlignments:()=>[]};function Eo({layout:e,onChange:t,isToolbar:n=!1}){const{justifyContent:o="left",orientation:r="horizontal"}=e,l=n=>{t({...e,justifyContent:n})},i=["left","center","right"];if("horizontal"===r&&i.push("space-between"),n)return(0,s.createElement)(go,{allowedControls:i,value:o,onChange:l,popoverProps:{position:"bottom right",isAlternate:!0}});const a=[{value:"left",icon:oo,label:(0,h.__)("Justify items left")},{value:"center",icon:ro,label:(0,h.__)("Justify items center")},{value:"right",icon:lo,label:(0,h.__)("Justify items right")}];return"horizontal"===r&&a.push({value:"space-between",icon:io,label:(0,h.__)("Space between items")}),(0,s.createElement)("fieldset",{className:"block-editor-hooks__flex-layout-justification-controls"},(0,s.createElement)("legend",null,(0,h.__)("Justification")),(0,s.createElement)("div",null,a.map((({value:e,icon:t,label:n})=>(0,s.createElement)(p.Button,{key:e,label:n,icon:t,isPressed:o===e,onClick:()=>l(e)})))))}function Co({layout:e,onChange:t}){const{flexWrap:n="wrap"}=e;return(0,s.createElement)(p.ToggleControl,{label:(0,h.__)("Allow to wrap to multiple lines"),onChange:n=>{t({...e,flexWrap:n?"wrap":"nowrap"})},checked:"wrap"===n})}function wo({layout:e,onChange:t}){const{orientation:n="horizontal"}=e;return(0,s.createElement)("fieldset",{className:"block-editor-hooks__flex-layout-orientation-controls"},(0,s.createElement)("legend",null,(0,h.__)("Orientation")),(0,s.createElement)(p.Button,{label:"horizontal",icon:so,isPressed:"horizontal"===n,onClick:()=>t({...e,orientation:"horizontal"})}),(0,s.createElement)(p.Button,{label:"vertical",icon:ao,isPressed:"vertical"===n,onClick:()=>t({...e,orientation:"vertical"})}))}var So=function({icon:e,size:t=24,...n}){return(0,s.cloneElement)(e,{width:t,height:t,...n})};const Bo=[{name:"default",label:(0,h.__)("Flow"),inspectorControls:function({layout:e,onChange:t}){const{wideSize:n,contentSize:o}=e,r=(0,p.__experimentalUseCustomUnits)({availableUnits:mo("spacing.units")||["%","px","em","rem","vw"]});return(0,s.createElement)(s.Fragment,null,(0,s.createElement)("div",{className:"block-editor-hooks__layout-controls"},(0,s.createElement)("div",{className:"block-editor-hooks__layout-controls-unit"},(0,s.createElement)(p.__experimentalUnitControl,{label:(0,h.__)("Content"),labelPosition:"top",__unstableInputWidth:"80px",value:o||n||"",onChange:n=>{n=0>parseFloat(n)?"0":n,t({...e,contentSize:n})},units:r}),(0,s.createElement)(So,{icon:Jn})),(0,s.createElement)("div",{className:"block-editor-hooks__layout-controls-unit"},(0,s.createElement)(p.__experimentalUnitControl,{label:(0,h.__)("Wide"),labelPosition:"top",__unstableInputWidth:"80px",value:n||o||"",onChange:n=>{n=0>parseFloat(n)?"0":n,t({...e,wideSize:n})},units:r}),(0,s.createElement)(So,{icon:to}))),(0,s.createElement)("div",{className:"block-editor-hooks__layout-controls-reset"},(0,s.createElement)(p.Button,{variant:"secondary",isSmall:!0,disabled:!o&&!n,onClick:()=>t({contentSize:void 0,wideSize:void 0,inherit:!1})},(0,h.__)("Reset"))),(0,s.createElement)("p",{className:"block-editor-hooks__layout-controls-helptext"},(0,h.__)("Customize the width for all elements that are assigned to the center or wide columns.")))},toolBarControls:function(){return null},save:function({selector:e,layout:t={}}){const{contentSize:n,wideSize:o}=t,r=null!==mo("spacing.blockGap");let l=n||o?`\n\t\t\t\t\t${co(e,"> *")} {\n\t\t\t\t\t\tmax-width: ${null!=n?n:o};\n\t\t\t\t\t\tmargin-left: auto !important;\n\t\t\t\t\t\tmargin-right: auto !important;\n\t\t\t\t\t}\n\n\t\t\t\t\t${co(e,'> [data-align="wide"]')} {\n\t\t\t\t\t\tmax-width: ${null!=o?o:n};\n\t\t\t\t\t}\n\n\t\t\t\t\t${co(e,'> [data-align="full"]')} {\n\t\t\t\t\t\tmax-width: none;\n\t\t\t\t\t}\n\t\t\t\t`:"";return l+=`\n\t\t\t${co(e,'> [data-align="left"]')} {\n\t\t\t\tfloat: left;\n\t\t\t\tmargin-right: 2em;\n\t\t\t}\n\n\t\t\t${co(e,'> [data-align="right"]')} {\n\t\t\t\tfloat: right;\n\t\t\t\tmargin-left: 2em;\n\t\t\t}\n\n\t\t`,r&&(l+=`\n\t\t\t\t${co(e,"> *")} {\n\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\tmargin-bottom: 0;\n\t\t\t\t}\n\t\t\t\t${co(e,"> * + *")} {\n\t\t\t\t\tmargin-top: var( --wp--style--block-gap );\n\t\t\t\t}\n\t\t\t`),(0,s.createElement)("style",null,l)},getOrientation:()=>"vertical",getAlignments(e){const t=function(e){const{contentSize:t,wideSize:n}=e,o={},r=/^(?!0)\d+(px|em|rem|vw|vh|%)?$/i;return r.test(t)&&(
|
4 |
// translators: %s: container size (i.e. 600px etc)
|
5 |
+
o.none=(0,h.sprintf)((0,h.__)("Max %s wide"),t)),r.test(n)&&(
|
6 |
// translators: %s: container size (i.e. 600px etc)
|
7 |
+
o.wide=(0,h.sprintf)((0,h.__)("Max %s wide"),n)),o}(e);if(void 0!==e.alignments)return e.alignments.includes("none")||e.alignments.unshift("none"),e.alignments.map((e=>({name:e,info:t[e]})));const{contentSize:n,wideSize:o}=e,r=[{name:"left"},{name:"center"},{name:"right"}];return n&&r.unshift({name:"full"}),o&&r.unshift({name:"wide",info:t.wide}),r.unshift({name:"none",info:t.none}),r}},yo];function Io(e="default"){return Bo.find((t=>t.name===e))}const xo={type:"default"},To=(0,s.createContext)(xo),No=To.Provider;function Po({layout:e={},...t}){const n=Io(e.type);return n?(0,s.createElement)(n.save,i({layout:e},t)):null}const Mo=["none","left","center","right","wide","full"],Ro=["wide","full"];function Lo(e=Mo){e.includes("none")||(e=["none",...e]);const{wideControlsEnabled:t=!1,themeSupportsLayout:n}=(0,m.useSelect)((e=>{const{getSettings:t}=e(Vn),n=t();return{wideControlsEnabled:n.alignWide,themeSupportsLayout:n.supportsLayout}}),[]),o=(0,s.useContext)(To),r=Io(null==o?void 0:o.type),l=r.getAlignments(o);if(n){const t=l.filter((({name:t})=>e.includes(t)));return 1===t.length&&"none"===t[0].name?[]:t}if("default"!==r.name)return[];const{alignments:i=Mo}=o,a=e.filter((e=>(o.alignments||t||!Ro.includes(e))&&i.includes(e))).map((e=>({name:e})));return 1===a.length&&"none"===a[0].name?[]:a}const Ao={none:{icon:Xn,title:(0,h.__)("None")},left:{icon:Qn,title:(0,h.__)("Align left")},center:{icon:Jn,title:(0,h.__)("Align center")},right:{icon:eo,title:(0,h.__)("Align right")},wide:{icon:to,title:(0,h.__)("Wide width")},full:{icon:no,title:(0,h.__)("Full width")}},Do={isAlternate:!0};var Oo=function({value:e,onChange:t,controls:n,isToolbar:o,isCollapsed:r=!0}){const l=Lo(n);if(!l.length)return null;function a(n){t([e,"none"].includes(n)?void 0:n)}const u=Ao[e],d=Ao.none,m=o?p.ToolbarGroup:p.ToolbarDropdownMenu,f={popoverProps:Do,icon:u?u.icon:d.icon,label:(0,h.__)("Align"),toggleProps:{describedBy:(0,h.__)("Change alignment")}},g=o||s.Platform.isNative?{isCollapsed:o?r:void 0,controls:l.map((({name:t})=>({...Ao[t],isActive:e===t||!e&&"none"===t,role:r?"menuitemradio":void 0,onClick:()=>a(t)})))}:{children:({onClose:t})=>(0,s.createElement)(s.Fragment,null,(0,s.createElement)(p.MenuGroup,{className:"block-editor-block-alignment-control__menu-group"},l.map((({name:n,info:o})=>{const{icon:r,title:l}=Ao[n],i=n===e||!e&&"none"===n;return(0,s.createElement)(p.MenuItem,{key:n,icon:r,iconPosition:"left",className:c()("components-dropdown-menu__menu-item",{"is-active":i}),isSelected:i,onClick:()=>{a(n),t()},role:"menuitemradio",info:o},l)}))))};return(0,s.createElement)(m,i({},f,g))};function Fo(e){return(0,s.createElement)(Oo,i({},e,{isToolbar:!1}))}function zo(e){return(0,s.createElement)(Oo,i({},e,{isToolbar:!0}))}const Vo=["left","center","right","wide","full"],Ho=["wide","full"];function Uo(e,t=!0,n=!0){let o;return o=Array.isArray(e)?Vo.filter((t=>e.includes(t))):!0===e?[...Vo]:[],!n||!0===e&&!t?(0,u.without)(o,...Ho):o}const Go=(0,d.createHigherOrderComponent)((e=>t=>{const{name:n}=t,o=Lo(Uo((0,r.getBlockSupport)(n,"align"),(0,r.hasBlockSupport)(n,"alignWide",!0))).map((({name:e})=>e));return(0,s.createElement)(s.Fragment,null,!!o.length&&(0,s.createElement)(Zn,{group:"block",__experimentalShareWithChildBlocks:!0},(0,s.createElement)(Fo,{value:t.attributes.align,onChange:e=>{if(!e){var n,o;const l=(0,r.getBlockType)(t.name);(null==l||null===(n=l.attributes)||void 0===n||null===(o=n.align)||void 0===o?void 0:o.default)&&(e="")}t.setAttributes({align:e})},controls:o})),(0,s.createElement)(e,t))}),"withToolbarControls"),Wo=(0,d.createHigherOrderComponent)((e=>t=>{const{name:n,attributes:o}=t,{align:l}=o,a=Lo(Uo((0,r.getBlockSupport)(n,"align"),(0,r.hasBlockSupport)(n,"alignWide",!0)));if(void 0===l)return(0,s.createElement)(e,t);let c=t.wrapperProps;return a.some((e=>e.name===l))&&(c={...c,"data-align":l}),(0,s.createElement)(e,i({},t,{wrapperProps:c}))}));(0,l.addFilter)("blocks.registerBlockType","core/align/addAttribute",(function(e){return(0,u.has)(e.attributes,["align","type"])||(0,r.hasBlockSupport)(e,"align")&&(e.attributes={...e.attributes,align:{type:"string",enum:[...Vo,""]}}),e})),(0,l.addFilter)("editor.BlockListBlock","core/editor/align/with-data-align",Wo),(0,l.addFilter)("editor.BlockEdit","core/editor/align/with-toolbar-controls",Go),(0,l.addFilter)("blocks.getSaveContent.extraProps","core/align/addAssignedAlign",(function(e,t,n){const{align:o}=n;return Uo((0,r.getBlockSupport)(t,"align"),(0,r.hasBlockSupport)(t,"alignWide",!0)).includes(o)&&(e.className=c()(`align${o}`,e.className)),e})),(0,l.addFilter)("blocks.registerBlockType","core/lock/addAttribute",(function(e){return(0,u.has)(e.attributes,["lock","type"])||(e.attributes={...e.attributes,lock:{type:"object"}}),e})),window.wp.warning;var $o={default:(0,p.createSlotFill)("InspectorControls"),advanced:(0,p.createSlotFill)("InspectorAdvancedControls"),dimensions:(0,p.createSlotFill)("InspectorControlsDimensions"),typography:(0,p.createSlotFill)("InspectorControlsTypography")};function jo({__experimentalGroup:e="default",children:t}){var n;const o=$n(),r=null===(n=$o[e])||void 0===n?void 0:n.Fill;return r?o?(0,s.createElement)(p.__experimentalStyleProvider,{document:document},(0,s.createElement)(r,null,(e=>{const n=(0,u.isEmpty)(e)?null:e;return(0,s.createElement)(p.__experimentalToolsPanelContext.Provider,{value:n},t)}))):null:("undefined"!=typeof process&&process.env,null)}const Ko=e=>{if(!(0,u.isObject)(e)||Array.isArray(e))return e;const t=(0,u.pickBy)((0,u.mapValues)(e,Ko),u.identity);return(0,u.isEmpty)(t)?void 0:t};function qo({children:e,group:t,label:n}){const{clientId:o,attributes:r}=(0,m.useSelect)((e=>{const{getBlockAttributes:t,getSelectedBlockClientId:n}=e(Vn),o=n();return{clientId:o,attributes:t(o)}}),[]),{updateBlockAttributes:l}=(0,m.useDispatch)(Vn);return(0,s.createElement)(p.__experimentalToolsPanel,{className:`${t}-block-support-panel`,label:n,resetAll:(e=[])=>{const{style:t}=r;let n={style:t};e.forEach((e=>{n={...n,...e(n)}})),n={...n,style:Ko(n.style)},l(o,n)},key:o,panelId:o,hasInnerWrapper:!0,shouldRenderPlaceholderItems:!0},e)}function Yo({Slot:e,...t}){const n=(0,s.useContext)(p.__experimentalToolsPanelContext);return(0,s.createElement)(e,i({},t,{fillProps:n}))}function Zo({__experimentalGroup:e="default",bubblesVirtually:t=!0,label:n,...o}){var r;const l=null===(r=$o[e])||void 0===r?void 0:r.Slot,a=(0,p.__experimentalUseSlot)(null==l?void 0:l.__unstableName);return l&&a?Boolean(a.fills&&a.fills.length)?n?(0,s.createElement)(qo,{group:e,label:n},(0,s.createElement)(Yo,i({},o,{bubblesVirtually:t,Slot:l}))):(0,s.createElement)(l,i({},o,{bubblesVirtually:t})):null:("undefined"!=typeof process&&process.env,null)}const Xo=jo;Xo.Slot=Zo;const Qo=e=>(0,s.createElement)(jo,i({},e,{__experimentalGroup:"advanced"}));Qo.Slot=e=>(0,s.createElement)(Zo,i({},e,{__experimentalGroup:"advanced"})),Qo.slotName="InspectorAdvancedControls";var Jo=Xo;const er=/[\s#]/g,tr=(0,d.createHigherOrderComponent)((e=>t=>{if((0,r.hasBlockSupport)(t.name,"anchor")&&t.isSelected){const n="web"===s.Platform.OS,o=(0,s.createElement)(p.TextControl,{className:"html-anchor-control",label:(0,h.__)("HTML anchor"),help:(0,s.createElement)(s.Fragment,null,(0,h.__)("Enter a word or two — without spaces — to make a unique web address just for this block, called an “anchor.” Then, you’ll be able to link directly to this section of your page."),n&&(0,s.createElement)(p.ExternalLink,{href:(0,h.__)("https://wordpress.org/support/article/page-jumps/")},(0,h.__)("Learn more about anchors"))),value:t.attributes.anchor||"",placeholder:n?null:(0,h.__)("Add an anchor"),onChange:e=>{e=e.replace(er,"-"),t.setAttributes({anchor:e})},autoCapitalize:"none",autoComplete:"off"});return(0,s.createElement)(s.Fragment,null,(0,s.createElement)(e,t),n&&(0,s.createElement)(Jo,{__experimentalGroup:"advanced"},o),!n&&"core/heading"===t.name&&(0,s.createElement)(Jo,null,(0,s.createElement)(p.PanelBody,{title:(0,h.__)("Heading settings")},o)))}return(0,s.createElement)(e,t)}),"withInspectorControl");(0,l.addFilter)("blocks.registerBlockType","core/anchor/attribute",(function(e){return(0,u.has)(e.attributes,["anchor","type"])||(0,r.hasBlockSupport)(e,"anchor")&&(e.attributes={...e.attributes,anchor:{type:"string",source:"attribute",attribute:"id",selector:"*"}}),e})),(0,l.addFilter)("editor.BlockEdit","core/editor/anchor/with-inspector-control",tr),(0,l.addFilter)("blocks.getSaveContent.extraProps","core/anchor/save-props",(function(e,t,n){return(0,r.hasBlockSupport)(t,"anchor")&&(e.id=""===n.anchor?null:n.anchor),e}));const nr=(0,d.createHigherOrderComponent)((e=>t=>(0,r.hasBlockSupport)(t.name,"customClassName",!0)&&t.isSelected?(0,s.createElement)(s.Fragment,null,(0,s.createElement)(e,t),(0,s.createElement)(Jo,{__experimentalGroup:"advanced"},(0,s.createElement)(p.TextControl,{autoComplete:"off",label:(0,h.__)("Additional CSS class(es)"),value:t.attributes.className||"",onChange:e=>{t.setAttributes({className:""!==e?e:void 0})},help:(0,h.__)("Separate multiple classes with spaces.")}))):(0,s.createElement)(e,t)),"withInspectorControl");(0,l.addFilter)("blocks.registerBlockType","core/custom-class-name/attribute",(function(e){return(0,r.hasBlockSupport)(e,"customClassName",!0)&&(e.attributes={...e.attributes,className:{type:"string"}}),e})),(0,l.addFilter)("editor.BlockEdit","core/editor/custom-class-name/with-inspector-control",nr),(0,l.addFilter)("blocks.getSaveContent.extraProps","core/custom-class-name/save-props",(function(e,t,n){return(0,r.hasBlockSupport)(t,"customClassName",!0)&&n.className&&(e.className=c()(e.className,n.className)),e})),(0,l.addFilter)("blocks.getSaveContent.extraProps","core/generated-class-name/save-props",(function(e,t){return(0,r.hasBlockSupport)(t,"className",!0)&&("string"==typeof e.className?e.className=(0,u.uniq)([(0,r.getBlockDefaultClassName)(t.name),...e.className.split(" ")]).join(" ").trim():e.className=(0,r.getBlockDefaultClassName)(t.name)),e}));var or=window.wp.dom;const rr=(0,s.createContext)({});function lr({value:e,children:t}){const n=(0,s.useContext)(rr),o=(0,s.useMemo)((()=>({...n,...e})),[n,e]);return(0,s.createElement)(rr.Provider,{value:o,children:t})}var ir=rr;const sr={};var ar=(0,p.withFilters)("editor.BlockEdit")((e=>{const{attributes:t={},name:n}=e,o=(0,r.getBlockType)(n),l=(0,s.useContext)(ir),a=(0,s.useMemo)((()=>o&&o.usesContext?(0,u.pick)(l,o.usesContext):sr),[o,l]);if(!o)return null;const d=o.edit||o.save;if(o.apiVersion>1)return(0,s.createElement)(d,i({},e,{context:a}));const p=(0,r.hasBlockSupport)(o,"className",!0)?(0,r.getBlockDefaultClassName)(n):null,m=c()(p,t.className);return(0,s.createElement)(d,i({},e,{context:a,className:m}))}));function cr(e){const{name:t,isSelected:n,clientId:o}=e,r={name:t,isSelected:n,clientId:o};return(0,s.createElement)(Gn,{value:(0,s.useMemo)((()=>r),Object.values(r))},(0,s.createElement)(ar,e))}var ur=(0,s.createElement)(F.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,s.createElement)(F.Path,{d:"M11 13h2v-2h-2v2zm-6 0h2v-2H5v2zm12-2v2h2v-2h-2z"})),dr=function({className:e,actions:t,children:n,secondaryActions:o}){return(0,s.createElement)("div",{className:c()(e,"block-editor-warning")},(0,s.createElement)("div",{className:"block-editor-warning__contents"},(0,s.createElement)("p",{className:"block-editor-warning__message"},n),(s.Children.count(t)>0||o)&&(0,s.createElement)("div",{className:"block-editor-warning__actions"},s.Children.count(t)>0&&s.Children.map(t,((e,t)=>(0,s.createElement)("span",{key:t,className:"block-editor-warning__action"},e))),o&&(0,s.createElement)(p.DropdownMenu,{className:"block-editor-warning__secondary",icon:ur,label:(0,h.__)("More options"),popoverProps:{position:"bottom left",className:"block-editor-warning__dropdown"},noIcons:!0},(()=>(0,s.createElement)(p.MenuGroup,null,o.map(((e,t)=>(0,s.createElement)(p.MenuItem,{onClick:e.onClick,key:t},e.title)))))))))},pr=n(7630);function mr({title:e,rawContent:t,renderedContent:n,action:o,actionText:r,className:l}){return(0,s.createElement)("div",{className:l},(0,s.createElement)("div",{className:"block-editor-block-compare__content"},(0,s.createElement)("h2",{className:"block-editor-block-compare__heading"},e),(0,s.createElement)("div",{className:"block-editor-block-compare__html"},t),(0,s.createElement)("div",{className:"block-editor-block-compare__preview edit-post-visual-editor"},(0,s.createElement)(s.RawHTML,null,(0,or.safeHTML)(n)))),(0,s.createElement)("div",{className:"block-editor-block-compare__action"},(0,s.createElement)(p.Button,{variant:"secondary",tabIndex:"0",onClick:o},r)))}var fr=function({block:e,onKeep:t,onConvert:n,convertor:o,convertButtonText:l}){const i=(a=o(e),(0,u.castArray)(a).map((e=>(0,r.getSaveContent)(e.name,e.attributes,e.innerBlocks))).join(""));var a;const d=(p=e.originalContent,m=i,(0,pr.Kx)(p,m).map(((e,t)=>{const n=c()({"block-editor-block-compare__added":e.added,"block-editor-block-compare__removed":e.removed});return(0,s.createElement)("span",{key:t,className:n},e.value)})));var p,m;return(0,s.createElement)("div",{className:"block-editor-block-compare__wrapper"},(0,s.createElement)(mr,{title:(0,h.__)("Current"),className:"block-editor-block-compare__current",action:t,actionText:(0,h.__)("Convert to HTML"),rawContent:e.originalContent,renderedContent:e.originalContent}),(0,s.createElement)(mr,{title:(0,h.__)("After Conversion"),className:"block-editor-block-compare__converted",action:n,actionText:l,rawContent:d,renderedContent:i}))};const hr=e=>(0,r.rawHandler)({HTML:e.originalContent});var gr=(0,d.compose)([(0,m.withSelect)(((e,{clientId:t})=>({block:e(Vn).getBlock(t)}))),(0,m.withDispatch)(((e,{block:t})=>{const{replaceBlock:n}=e(Vn);return{convertToClassic(){n(t.clientId,(e=>(0,r.createBlock)("core/freeform",{content:e.originalContent}))(t))},convertToHTML(){n(t.clientId,(e=>(0,r.createBlock)("core/html",{content:e.originalContent}))(t))},convertToBlocks(){n(t.clientId,hr(t))},attemptBlockRecovery(){n(t.clientId,(({name:e,attributes:t,innerBlocks:n})=>(0,r.createBlock)(e,t,n))(t))}}}))])((function({convertToHTML:e,convertToBlocks:t,convertToClassic:n,attemptBlockRecovery:o,block:l}){const i=!!(0,r.getBlockType)("core/html"),[a,c]=(0,s.useState)(!1),u=(0,s.useCallback)((()=>c(!0)),[]),d=(0,s.useCallback)((()=>c(!1)),[]),m=(0,s.useMemo)((()=>[{
|
8 |
// translators: Button to fix block content
|
9 |
+
title:(0,h._x)("Resolve","imperative verb"),onClick:u},i&&{title:(0,h.__)("Convert to HTML"),onClick:e},{title:(0,h.__)("Convert to Classic Block"),onClick:n}].filter(Boolean)),[u,e,n]);return(0,s.createElement)(s.Fragment,null,(0,s.createElement)(dr,{actions:[(0,s.createElement)(p.Button,{key:"recover",onClick:o,variant:"primary"},(0,h.__)("Attempt Block Recovery"))],secondaryActions:m},(0,h.__)("This block contains unexpected or invalid content.")),a&&(0,s.createElement)(p.Modal,{title:// translators: Dialog title to fix block content
|
10 |
+
(0,h.__)("Resolve Block"),onRequestClose:d,className:"block-editor-block-compare"},(0,s.createElement)(fr,{block:l,onKeep:e,onConvert:t,convertor:hr,convertButtonText:(0,h.__)("Convert to Blocks")})))}));const vr=(0,s.createElement)(dr,{className:"block-editor-block-list__block-crash-warning"},(0,h.__)("This block has encountered an error and cannot be previewed."));var br=()=>vr;class kr extends s.Component{constructor(){super(...arguments),this.state={hasError:!1}}componentDidCatch(){this.setState({hasError:!0})}render(){return this.state.hasError?this.props.fallback:this.props.children}}var _r=kr,yr=n(4042),Er=function({clientId:e}){const[t,n]=(0,s.useState)(""),o=(0,m.useSelect)((t=>t(Vn).getBlock(e)),[e]),{updateBlock:l}=(0,m.useDispatch)(Vn);return(0,s.useEffect)((()=>{n((0,r.getBlockContent)(o))}),[o]),(0,s.createElement)(yr.Z,{className:"block-editor-block-list__block-html-textarea",value:t,onBlur:()=>{const i=(0,r.getBlockType)(o.name);if(!i)return;const s=(0,r.getBlockAttributes)(i,t,o.attributes),a=t||(0,r.getSaveContent)(i,s),c=!t||(0,r.isValidBlockContent)(i,s,a);l(e,{attributes:s,originalContent:a,isValid:c}),t||n({content:a})},onChange:e=>n(e.target.value)})};let Cr=Fr();const wr=e=>Lr(e,Cr);let Sr=Fr();wr.write=e=>Lr(e,Sr);let Br=Fr();wr.onStart=e=>Lr(e,Br);let Ir=Fr();wr.onFrame=e=>Lr(e,Ir);let xr=Fr();wr.onFinish=e=>Lr(e,xr);let Tr=[];wr.setTimeout=(e,t)=>{let n=wr.now()+t,o=()=>{let e=Tr.findIndex((e=>e.cancel==o));~e&&Tr.splice(e,1),Vr.count-=~e?1:0},r={time:n,handler:e,cancel:o};return Tr.splice(Nr(n),0,r),Vr.count+=1,Ar(),r};let Nr=e=>~(~Tr.findIndex((t=>t.time>e))||~Tr.length);wr.cancel=e=>{Cr.delete(e),Sr.delete(e)},wr.sync=e=>{Rr=!0,wr.batchedUpdates(e),Rr=!1},wr.throttle=e=>{let t;function n(){try{e(...t)}finally{t=null}}function o(...e){t=e,wr.onStart(n)}return o.handler=e,o.cancel=()=>{Br.delete(n),t=null},o};let Pr="undefined"!=typeof window?window.requestAnimationFrame:()=>{};wr.use=e=>Pr=e,wr.now="undefined"!=typeof performance?()=>performance.now():Date.now,wr.batchedUpdates=e=>e(),wr.catch=console.error,wr.frameLoop="always",wr.advance=()=>{"demand"!==wr.frameLoop?console.warn("Cannot call the manual advancement of rafz whilst frameLoop is not set as demand"):Or()};let Mr=-1,Rr=!1;function Lr(e,t){Rr?(t.delete(e),e(0)):(t.add(e),Ar())}function Ar(){Mr<0&&(Mr=0,"demand"!==wr.frameLoop&&Pr(Dr))}function Dr(){~Mr&&(Pr(Dr),wr.batchedUpdates(Or))}function Or(){let e=Mr;Mr=wr.now();let t=Nr(Mr);t&&(zr(Tr.splice(0,t),(e=>e.handler())),Vr.count-=t),Br.flush(),Cr.flush(e?Math.min(64,Mr-e):16.667),Ir.flush(),Sr.flush(),xr.flush()}function Fr(){let e=new Set,t=e;return{add(n){Vr.count+=t!=e||e.has(n)?0:1,e.add(n)},delete:n=>(Vr.count-=t==e&&e.has(n)?1:0,e.delete(n)),flush(n){t.size&&(e=new Set,Vr.count-=t.size,zr(t,(t=>t(n)&&e.add(t))),Vr.count+=e.size,t=e)}}}function zr(e,t){e.forEach((e=>{try{t(e)}catch(e){wr.catch(e)}}))}const Vr={count:0,clear(){Mr=-1,Tr=[],Br=Fr(),Cr=Fr(),Ir=Fr(),Sr=Fr(),xr=Fr(),Vr.count=0}};var Hr=n(3804),Ur=n.n(Hr);function Gr(){}const Wr={arr:Array.isArray,obj:e=>!!e&&"Object"===e.constructor.name,fun:e=>"function"==typeof e,str:e=>"string"==typeof e,num:e=>"number"==typeof e,und:e=>void 0===e};function $r(e,t){if(Wr.arr(e)){if(!Wr.arr(t)||e.length!==t.length)return!1;for(let n=0;n<e.length;n++)if(e[n]!==t[n])return!1;return!0}return e===t}const jr=(e,t)=>e.forEach(t);function Kr(e,t,n){for(const o in e)e.hasOwnProperty(o)&&t.call(n,e[o],o)}const qr=e=>Wr.und(e)?[]:Wr.arr(e)?e:[e];function Yr(e,t){if(e.size){const n=Array.from(e);e.clear(),jr(n,t)}}const Zr=(e,...t)=>Yr(e,(e=>e(...t)));let Xr,Qr,Jr=null,el=!1,tl=Gr;var nl=Object.freeze({__proto__:null,get createStringInterpolator(){return Xr},get to(){return Qr},get colors(){return Jr},get skipAnimation(){return el},get willAdvance(){return tl},assign:e=>{e.to&&(Qr=e.to),e.now&&(wr.now=e.now),void 0!==e.colors&&(Jr=e.colors),null!=e.skipAnimation&&(el=e.skipAnimation),e.createStringInterpolator&&(Xr=e.createStringInterpolator),e.requestAnimationFrame&&wr.use(e.requestAnimationFrame),e.batchedUpdates&&(wr.batchedUpdates=e.batchedUpdates),e.willAdvance&&(tl=e.willAdvance),e.frameLoop&&(wr.frameLoop=e.frameLoop)}});const ol=new Set;let rl=[],ll=[],il=0;const sl={get idle(){return!ol.size&&!rl.length},start(e){il>e.priority?(ol.add(e),wr.onStart(al)):(cl(e),wr(dl))},advance:dl,sort(e){if(il)wr.onFrame((()=>sl.sort(e)));else{const t=rl.indexOf(e);~t&&(rl.splice(t,1),ul(e))}},clear(){rl=[],ol.clear()}};function al(){ol.forEach(cl),ol.clear(),wr(dl)}function cl(e){rl.includes(e)||ul(e)}function ul(e){rl.splice(function(t,n){const o=t.findIndex((t=>t.priority>e.priority));return o<0?t.length:o}(rl),0,e)}function dl(e){const t=ll;for(let n=0;n<rl.length;n++){const o=rl[n];il=o.priority,o.idle||(tl(o),o.advance(e),o.idle||t.push(o))}return il=0,ll=rl,ll.length=0,rl=t,rl.length>0}const pl="[-+]?\\d*\\.?\\d+",ml=pl+"%";function fl(...e){return"\\(\\s*("+e.join(")\\s*,\\s*(")+")\\s*\\)"}const hl=new RegExp("rgb"+fl(pl,pl,pl)),gl=new RegExp("rgba"+fl(pl,pl,pl,pl)),vl=new RegExp("hsl"+fl(pl,ml,ml)),bl=new RegExp("hsla"+fl(pl,ml,ml,pl)),kl=/^#([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,_l=/^#([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,yl=/^#([0-9a-fA-F]{6})$/,El=/^#([0-9a-fA-F]{8})$/;function Cl(e,t,n){return n<0&&(n+=1),n>1&&(n-=1),n<1/6?e+6*(t-e)*n:n<.5?t:n<2/3?e+(t-e)*(2/3-n)*6:e}function wl(e,t,n){const o=n<.5?n*(1+t):n+t-n*t,r=2*n-o,l=Cl(r,o,e+1/3),i=Cl(r,o,e),s=Cl(r,o,e-1/3);return Math.round(255*l)<<24|Math.round(255*i)<<16|Math.round(255*s)<<8}function Sl(e){const t=parseInt(e,10);return t<0?0:t>255?255:t}function Bl(e){return(parseFloat(e)%360+360)%360/360}function Il(e){const t=parseFloat(e);return t<0?0:t>1?255:Math.round(255*t)}function xl(e){const t=parseFloat(e);return t<0?0:t>100?1:t/100}function Tl(e){let t=function(e){let t;return"number"==typeof e?e>>>0===e&&e>=0&&e<=4294967295?e:null:(t=yl.exec(e))?parseInt(t[1]+"ff",16)>>>0:Jr&&void 0!==Jr[e]?Jr[e]:(t=hl.exec(e))?(Sl(t[1])<<24|Sl(t[2])<<16|Sl(t[3])<<8|255)>>>0:(t=gl.exec(e))?(Sl(t[1])<<24|Sl(t[2])<<16|Sl(t[3])<<8|Il(t[4]))>>>0:(t=kl.exec(e))?parseInt(t[1]+t[1]+t[2]+t[2]+t[3]+t[3]+"ff",16)>>>0:(t=El.exec(e))?parseInt(t[1],16)>>>0:(t=_l.exec(e))?parseInt(t[1]+t[1]+t[2]+t[2]+t[3]+t[3]+t[4]+t[4],16)>>>0:(t=vl.exec(e))?(255|wl(Bl(t[1]),xl(t[2]),xl(t[3])))>>>0:(t=bl.exec(e))?(wl(Bl(t[1]),xl(t[2]),xl(t[3]))|Il(t[4]))>>>0:null}(e);return null===t?e:(t=t||0,`rgba(${(4278190080&t)>>>24}, ${(16711680&t)>>>16}, ${(65280&t)>>>8}, ${(255&t)/255})`)}const Nl=(e,t,n)=>{if(Wr.fun(e))return e;if(Wr.arr(e))return Nl({range:e,output:t,extrapolate:n});if(Wr.str(e.output[0]))return Xr(e);const o=e,r=o.output,l=o.range||[0,1],i=o.extrapolateLeft||o.extrapolate||"extend",s=o.extrapolateRight||o.extrapolate||"extend",a=o.easing||(e=>e);return e=>{const t=function(e,t){for(var n=1;n<t.length-1&&!(t[n]>=e);++n);return n-1}(e,l);return function(e,t,n,o,r,l,i,s,a){let c=a?a(e):e;if(c<t){if("identity"===i)return c;"clamp"===i&&(c=t)}if(c>n){if("identity"===s)return c;"clamp"===s&&(c=n)}return o===r?o:t===n?e<=t?o:r:(t===-1/0?c=-c:n===1/0?c-=t:c=(c-t)/(n-t),c=l(c),o===-1/0?c=-c:r===1/0?c+=o:c=c*(r-o)+o,c)}(e,l[t],l[t+1],r[t],r[t+1],a,i,s,o.map)}};function Pl(){return(Pl=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e}).apply(this,arguments)}const Ml=Symbol.for("FluidValue.get"),Rl=Symbol.for("FluidValue.observers"),Ll=e=>Boolean(e&&e[Ml]),Al=e=>e&&e[Ml]?e[Ml]():e,Dl=e=>e[Rl]||null;function Ol(e,t){let n=e[Rl];n&&n.forEach((e=>{!function(e,t){e.eventObserved?e.eventObserved(t):e(t)}(e,t)}))}class Fl{constructor(e){if(this[Ml]=void 0,this[Rl]=void 0,!e&&!(e=this.get))throw Error("Unknown getter");zl(this,e)}}const zl=(e,t)=>Ul(e,Ml,t);function Vl(e,t){if(e[Ml]){let n=e[Rl];n||Ul(e,Rl,n=new Set),n.has(t)||(n.add(t),e.observerAdded&&e.observerAdded(n.size,t))}return t}function Hl(e,t){let n=e[Rl];if(n&&n.has(t)){const o=n.size-1;o?n.delete(t):e[Rl]=null,e.observerRemoved&&e.observerRemoved(o,t)}}const Ul=(e,t,n)=>Object.defineProperty(e,t,{value:n,writable:!0,configurable:!0}),Gl=/[+\-]?(?:0|[1-9]\d*)(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,Wl=/(#(?:[0-9a-f]{2}){2,4}|(#[0-9a-f]{3})|(rgb|hsl)a?\((-?\d+%?[,\s]+){2,3}\s*[\d\.]+%?\))/gi;let $l;const jl=/rgba\(([0-9\.-]+), ([0-9\.-]+), ([0-9\.-]+), ([0-9\.-]+)\)/gi,Kl=(e,t,n,o,r)=>`rgba(${Math.round(t)}, ${Math.round(n)}, ${Math.round(o)}, ${r})`,ql=e=>{$l||($l=Jr?new RegExp(`(${Object.keys(Jr).join("|")})(?!\\w)`,"g"):/^\b$/);const t=e.output.map((e=>Al(e).replace(Wl,Tl).replace($l,Tl))),n=t.map((e=>e.match(Gl).map(Number))),o=n[0].map(((e,t)=>n.map((e=>{if(!(t in e))throw Error('The arity of each "output" value must be equal');return e[t]})))).map((t=>Nl(Pl({},e,{output:t}))));return e=>{let n=0;return t[0].replace(Gl,(()=>String(o[n++](e)))).replace(jl,Kl)}},Yl="react-spring: ",Zl=e=>{const t=e;let n=!1;if("function"!=typeof t)throw new TypeError(`${Yl}once requires a function parameter`);return(...e)=>{n||(t(...e),n=!0)}},Xl=Zl(console.warn),Ql=Zl(console.warn);function Jl(e){return Wr.str(e)&&("#"==e[0]||/\d/.test(e)||e in(Jr||{}))}const ei=e=>(0,Hr.useEffect)(e,ti),ti=[];function ni(){const e=(0,Hr.useState)()[1],t=(0,Hr.useState)(oi)[0];return ei(t.unmount),()=>{t.current&&e({})}}function oi(){const e={current:!0,unmount:()=>()=>{e.current=!1}};return e}function ri(e){const t=(0,Hr.useRef)();return(0,Hr.useEffect)((()=>{t.current=e})),t.current}const li="undefined"!=typeof window&&window.document&&window.document.createElement?Hr.useLayoutEffect:Hr.useEffect,ii=Symbol.for("Animated:node"),si=e=>e&&e[ii],ai=(e,t)=>{return n=e,o=ii,r=t,Object.defineProperty(n,o,{value:r,writable:!0,configurable:!0});var n,o,r},ci=e=>e&&e[ii]&&e[ii].getPayload();class ui{constructor(){this.payload=void 0,ai(this,this)}getPayload(){return this.payload||[]}}class di extends ui{constructor(e){super(),this.done=!0,this.elapsedTime=void 0,this.lastPosition=void 0,this.lastVelocity=void 0,this.v0=void 0,this.durationProgress=0,this._value=e,Wr.num(this._value)&&(this.lastPosition=this._value)}static create(e){return new di(e)}getPayload(){return[this]}getValue(){return this._value}setValue(e,t){return Wr.num(e)&&(this.lastPosition=e,t&&(e=Math.round(e/t)*t,this.done&&(this.lastPosition=e))),this._value!==e&&(this._value=e,!0)}reset(){const{done:e}=this;this.done=!1,Wr.num(this._value)&&(this.elapsedTime=0,this.durationProgress=0,this.lastPosition=this._value,e&&(this.lastVelocity=null),this.v0=null)}}class pi extends di{constructor(e){super(0),this._string=null,this._toString=void 0,this._toString=Nl({output:[e,e]})}static create(e){return new pi(e)}getValue(){let e=this._string;return null==e?this._string=this._toString(this._value):e}setValue(e){if(Wr.str(e)){if(e==this._string)return!1;this._string=e,this._value=1}else{if(!super.setValue(e))return!1;this._string=null}return!0}reset(e){e&&(this._toString=Nl({output:[this.getValue(),e]})),this._value=0,super.reset()}}const mi={dependencies:null};class fi extends ui{constructor(e){super(),this.source=e,this.setValue(e)}getValue(e){const t={};return Kr(this.source,((n,o)=>{var r;(r=n)&&r[ii]===r?t[o]=n.getValue(e):Ll(n)?t[o]=Al(n):e||(t[o]=n)})),t}setValue(e){this.source=e,this.payload=this._makePayload(e)}reset(){this.payload&&jr(this.payload,(e=>e.reset()))}_makePayload(e){if(e){const t=new Set;return Kr(e,this._addToPayload,t),Array.from(t)}}_addToPayload(e){mi.dependencies&&Ll(e)&&mi.dependencies.add(e);const t=ci(e);t&&jr(t,(e=>this.add(e)))}}class hi extends fi{constructor(e){super(e)}static create(e){return new hi(e)}getValue(){return this.source.map((e=>e.getValue()))}setValue(e){const t=this.getPayload();return e.length==t.length?t.map(((t,n)=>t.setValue(e[n]))).some(Boolean):(super.setValue(e.map(gi)),!0)}}function gi(e){return(Jl(e)?pi:di).create(e)}function vi(e){const t=si(e);return t?t.constructor:Wr.arr(e)?hi:Jl(e)?pi:di}function bi(){return(bi=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e}).apply(this,arguments)}const ki=(e,t)=>{const n=!Wr.fun(e)||e.prototype&&e.prototype.isReactComponent;return(0,Hr.forwardRef)(((o,r)=>{const l=(0,Hr.useRef)(null),i=n&&(0,Hr.useCallback)((e=>{l.current=function(e,t){return e&&(Wr.fun(e)?e(t):e.current=t),t}(r,e)}),[r]),[s,a]=function(e,t){const n=new Set;return mi.dependencies=n,e.style&&(e=bi({},e,{style:t.createAnimatedStyle(e.style)})),e=new fi(e),mi.dependencies=null,[e,n]}(o,t),c=ni(),u=()=>{const e=l.current;n&&!e||!1===(!!e&&t.applyAnimatedValues(e,s.getValue(!0)))&&c()},d=new _i(u,a),p=(0,Hr.useRef)();li((()=>{const e=p.current;p.current=d,jr(a,(e=>Vl(e,d))),e&&(jr(e.deps,(t=>Hl(t,e))),wr.cancel(e.update))})),(0,Hr.useEffect)(u,[]),ei((()=>()=>{const e=p.current;jr(e.deps,(t=>Hl(t,e)))}));const m=t.getComponentProps(s.getValue());return Hr.createElement(e,bi({},m,{ref:i}))}))};class _i{constructor(e,t){this.update=e,this.deps=t}eventObserved(e){"change"==e.type&&wr.write(this.update)}}const yi=Symbol.for("AnimatedComponent"),Ei=e=>Wr.str(e)?e:e&&Wr.str(e.displayName)?e.displayName:Wr.fun(e)&&e.name||null;function Ci(){return(Ci=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e}).apply(this,arguments)}function wi(e,...t){return Wr.fun(e)?e(...t):e}const Si=(e,t)=>!0===e||!!(t&&e&&(Wr.fun(e)?e(t):qr(e).includes(t))),Bi=(e,t)=>Wr.obj(e)?t&&e[t]:e,Ii=(e,t)=>!0===e.default?e[t]:e.default?e.default[t]:void 0,xi=e=>e,Ti=(e,t=xi)=>{let n=Ni;e.default&&!0!==e.default&&(e=e.default,n=Object.keys(e));const o={};for(const r of n){const n=t(e[r],r);Wr.und(n)||(o[r]=n)}return o},Ni=["config","onProps","onStart","onChange","onPause","onResume","onRest"],Pi={config:1,from:1,to:1,ref:1,loop:1,reset:1,pause:1,cancel:1,reverse:1,immediate:1,default:1,delay:1,onProps:1,onStart:1,onChange:1,onPause:1,onResume:1,onRest:1,onResolve:1,items:1,trail:1,sort:1,expires:1,initial:1,enter:1,update:1,leave:1,children:1,onDestroyed:1,keys:1,callId:1,parentId:1};function Mi(e){const t=function(e){const t={};let n=0;if(Kr(e,((e,o)=>{Pi[o]||(t[o]=e,n++)})),n)return t}(e);if(t){const n={to:t};return Kr(e,((e,o)=>o in t||(n[o]=e))),n}return Ci({},e)}function Ri(e){return e=Al(e),Wr.arr(e)?e.map(Ri):Jl(e)?nl.createStringInterpolator({range:[0,1],output:[e,e]})(1):e}function Li(e){for(const t in e)return!0;return!1}function Ai(e){return Wr.fun(e)||Wr.arr(e)&&Wr.obj(e[0])}function Di(e,t){var n;null==(n=e.ref)||n.delete(e),null==t||t.delete(e)}function Oi(e,t){var n;t&&e.ref!==t&&(null==(n=e.ref)||n.delete(e),t.add(e),e.ref=t)}const Fi=Ci({},{tension:170,friction:26},{mass:1,damping:1,easing:e=>e,clamp:!1});class zi{constructor(){this.tension=void 0,this.friction=void 0,this.frequency=void 0,this.damping=void 0,this.mass=void 0,this.velocity=0,this.restVelocity=void 0,this.precision=void 0,this.progress=void 0,this.duration=void 0,this.easing=void 0,this.clamp=void 0,this.bounce=void 0,this.decay=void 0,this.round=void 0,Object.assign(this,Fi)}}function Vi(e,t){if(Wr.und(t.decay)){const n=!Wr.und(t.tension)||!Wr.und(t.friction);!n&&Wr.und(t.frequency)&&Wr.und(t.damping)&&Wr.und(t.mass)||(e.duration=void 0,e.decay=void 0),n&&(e.frequency=void 0)}else e.duration=void 0}const Hi=[];class Ui{constructor(){this.changed=!1,this.values=Hi,this.toValues=null,this.fromValues=Hi,this.to=void 0,this.from=void 0,this.config=new zi,this.immediate=!1}}function Gi(e,{key:t,props:n,defaultProps:o,state:r,actions:l}){return new Promise(((i,s)=>{var a;let c,u,d=Si(null!=(a=n.cancel)?a:null==o?void 0:o.cancel,t);if(d)f();else{Wr.und(n.pause)||(r.paused=Si(n.pause,t));let e=null==o?void 0:o.pause;!0!==e&&(e=r.paused||Si(e,t)),c=wi(n.delay||0,t),e?(r.resumeQueue.add(m),l.pause()):(l.resume(),m())}function p(){r.resumeQueue.add(m),r.timeouts.delete(u),u.cancel(),c=u.time-wr.now()}function m(){c>0?(u=wr.setTimeout(f,c),r.pauseQueue.add(p),r.timeouts.add(u)):f()}function f(){r.pauseQueue.delete(p),r.timeouts.delete(u),e<=(r.cancelId||0)&&(d=!0);try{l.start(Ci({},n,{callId:e,cancel:d}),i)}catch(e){s(e)}}}))}const Wi=(e,t)=>1==t.length?t[0]:t.some((e=>e.cancelled))?Ki(e.get()):t.every((e=>e.noop))?$i(e.get()):ji(e.get(),t.every((e=>e.finished))),$i=e=>({value:e,noop:!0,finished:!0,cancelled:!1}),ji=(e,t,n=!1)=>({value:e,finished:t,cancelled:n}),Ki=e=>({value:e,cancelled:!0,finished:!1});function qi(e,t,n,o){const{callId:r,parentId:l,onRest:i}=t,{asyncTo:s,promise:a}=n;return l||e!==s||t.reset?n.promise=(async()=>{n.asyncId=r,n.asyncTo=e;const c=Ti(t,((e,t)=>"onRest"===t?void 0:e));let u,d;const p=new Promise(((e,t)=>(u=e,d=t))),m=e=>{const t=r<=(n.cancelId||0)&&Ki(o)||r!==n.asyncId&&ji(o,!1);if(t)throw e.result=t,d(e),e},f=(e,t)=>{const l=new Zi,i=new Xi;return(async()=>{if(nl.skipAnimation)throw Yi(n),i.result=ji(o,!1),d(i),i;m(l);const s=Wr.obj(e)?Ci({},e):Ci({},t,{to:e});s.parentId=r,Kr(c,((e,t)=>{Wr.und(s[t])&&(s[t]=e)}));const a=await o.start(s);return m(l),n.paused&&await new Promise((e=>{n.resumeQueue.add(e)})),a})()};let h;if(nl.skipAnimation)return Yi(n),ji(o,!1);try{let t;t=Wr.arr(e)?(async e=>{for(const t of e)await f(t)})(e):Promise.resolve(e(f,o.stop.bind(o))),await Promise.all([t.then(u),p]),h=ji(o.get(),!0,!1)}catch(e){if(e instanceof Zi)h=e.result;else{if(!(e instanceof Xi))throw e;h=e.result}}finally{r==n.asyncId&&(n.asyncId=l,n.asyncTo=l?s:void 0,n.promise=l?a:void 0)}return Wr.fun(i)&&wr.batchedUpdates((()=>{i(h,o,o.item)})),h})():a}function Yi(e,t){Yr(e.timeouts,(e=>e.cancel())),e.pauseQueue.clear(),e.resumeQueue.clear(),e.asyncId=e.asyncTo=e.promise=void 0,t&&(e.cancelId=t)}class Zi extends Error{constructor(){super("An async animation has been interrupted. You see this error because you forgot to use `await` or `.catch(...)` on its returned promise."),this.result=void 0}}class Xi extends Error{constructor(){super("SkipAnimationSignal"),this.result=void 0}}const Qi=e=>e instanceof es;let Ji=1;class es extends Fl{constructor(...e){super(...e),this.id=Ji++,this.key=void 0,this._priority=0}get priority(){return this._priority}set priority(e){this._priority!=e&&(this._priority=e,this._onPriorityChange(e))}get(){const e=si(this);return e&&e.getValue()}to(...e){return nl.to(this,e)}interpolate(...e){return Xl(`${Yl}The "interpolate" function is deprecated in v9 (use "to" instead)`),nl.to(this,e)}toJSON(){return this.get()}observerAdded(e){1==e&&this._attach()}observerRemoved(e){0==e&&this._detach()}_attach(){}_detach(){}_onChange(e,t=!1){Ol(this,{type:"change",parent:this,value:e,idle:t})}_onPriorityChange(e){this.idle||sl.sort(this),Ol(this,{type:"priority",parent:this,priority:e})}}const ts=Symbol.for("SpringPhase"),ns=e=>(1&e[ts])>0,os=e=>(2&e[ts])>0,rs=e=>(4&e[ts])>0,ls=(e,t)=>t?e[ts]|=3:e[ts]&=-3,is=(e,t)=>t?e[ts]|=4:e[ts]&=-5;class ss extends es{constructor(e,t){if(super(),this.key=void 0,this.animation=new Ui,this.queue=void 0,this.defaultProps={},this._state={paused:!1,pauseQueue:new Set,resumeQueue:new Set,timeouts:new Set},this._pendingCalls=new Set,this._lastCallId=0,this._lastToId=0,this._memoizedDuration=0,!Wr.und(e)||!Wr.und(t)){const n=Wr.obj(e)?Ci({},e):Ci({},t,{from:e});Wr.und(n.default)&&(n.default=!0),this.start(n)}}get idle(){return!(os(this)||this._state.asyncTo)||rs(this)}get goal(){return Al(this.animation.to)}get velocity(){const e=si(this);return e instanceof di?e.lastVelocity||0:e.getPayload().map((e=>e.lastVelocity||0))}get hasAnimated(){return ns(this)}get isAnimating(){return os(this)}get isPaused(){return rs(this)}advance(e){let t=!0,n=!1;const o=this.animation;let{config:r,toValues:l}=o;const i=ci(o.to);!i&&Ll(o.to)&&(l=qr(Al(o.to))),o.values.forEach(((s,a)=>{if(s.done)return;const c=s.constructor==pi?1:i?i[a].lastPosition:l[a];let u=o.immediate,d=c;if(!u){if(d=s.lastPosition,r.tension<=0)return void(s.done=!0);let t=s.elapsedTime+=e;const n=o.fromValues[a],l=null!=s.v0?s.v0:s.v0=Wr.arr(r.velocity)?r.velocity[a]:r.velocity;let i;if(Wr.und(r.duration))if(r.decay){const e=!0===r.decay?.998:r.decay,o=Math.exp(-(1-e)*t);d=n+l/(1-e)*(1-o),u=Math.abs(s.lastPosition-d)<.1,i=l*o}else{i=null==s.lastVelocity?l:s.lastVelocity;const t=r.precision||(n==c?.005:Math.min(1,.001*Math.abs(c-n))),o=r.restVelocity||t/10,a=r.clamp?0:r.bounce,p=!Wr.und(a),m=n==c?s.v0>0:n<c;let f,h=!1;const g=1,v=Math.ceil(e/g);for(let e=0;e<v&&(f=Math.abs(i)>o,f||(u=Math.abs(c-d)<=t,!u));++e)p&&(h=d==c||d>c==m,h&&(i=-i*a,d=c)),i+=(1e-6*-r.tension*(d-c)+.001*-r.friction*i)/r.mass*g,d+=i*g}else{let o=1;r.duration>0&&(this._memoizedDuration!==r.duration&&(this._memoizedDuration=r.duration,s.durationProgress>0&&(s.elapsedTime=r.duration*s.durationProgress,t=s.elapsedTime+=e)),o=(r.progress||0)+t/this._memoizedDuration,o=o>1?1:o<0?0:o,s.durationProgress=o),d=n+r.easing(o)*(c-n),i=(d-s.lastPosition)/e,u=1==o}s.lastVelocity=i,Number.isNaN(d)&&(console.warn("Got NaN while animating:",this),u=!0)}i&&!i[a].done&&(u=!1),u?s.done=!0:t=!1,s.setValue(d,r.round)&&(n=!0)}));const s=si(this),a=s.getValue();if(t){const e=Al(o.to);a===e&&!n||r.decay?n&&r.decay&&this._onChange(a):(s.setValue(e),this._onChange(e)),this._stop()}else n&&this._onChange(a)}set(e){return wr.batchedUpdates((()=>{this._stop(),this._focus(e),this._set(e)})),this}pause(){this._update({pause:!0})}resume(){this._update({pause:!1})}finish(){if(os(this)){const{to:e,config:t}=this.animation;wr.batchedUpdates((()=>{this._onStart(),t.decay||this._set(e,!1),this._stop()}))}return this}update(e){return(this.queue||(this.queue=[])).push(e),this}start(e,t){let n;return Wr.und(e)?(n=this.queue||[],this.queue=[]):n=[Wr.obj(e)?e:Ci({},t,{to:e})],Promise.all(n.map((e=>this._update(e)))).then((e=>Wi(this,e)))}stop(e){const{to:t}=this.animation;return this._focus(this.get()),Yi(this._state,e&&this._lastCallId),wr.batchedUpdates((()=>this._stop(t,e))),this}reset(){this._update({reset:!0})}eventObserved(e){"change"==e.type?this._start():"priority"==e.type&&(this.priority=e.priority+1)}_prepareNode(e){const t=this.key||"";let{to:n,from:o}=e;n=Wr.obj(n)?n[t]:n,(null==n||Ai(n))&&(n=void 0),o=Wr.obj(o)?o[t]:o,null==o&&(o=void 0);const r={to:n,from:o};return ns(this)||(e.reverse&&([n,o]=[o,n]),o=Al(o),Wr.und(o)?si(this)||this._set(n):this._set(o)),r}_update(e,t){let n=Ci({},e);const{key:o,defaultProps:r}=this;n.default&&Object.assign(r,Ti(n,((e,t)=>/^on/.test(t)?Bi(e,o):e))),fs(this,n,"onProps"),hs(this,"onProps",n,this);const l=this._prepareNode(n);if(Object.isFrozen(this))throw Error("Cannot animate a `SpringValue` object that is frozen. Did you forget to pass your component to `animated(...)` before animating its props?");const i=this._state;return Gi(++this._lastCallId,{key:o,props:n,defaultProps:r,state:i,actions:{pause:()=>{rs(this)||(is(this,!0),Zr(i.pauseQueue),hs(this,"onPause",ji(this,as(this,this.animation.to)),this))},resume:()=>{rs(this)&&(is(this,!1),os(this)&&this._resume(),Zr(i.resumeQueue),hs(this,"onResume",ji(this,as(this,this.animation.to)),this))},start:this._merge.bind(this,l)}}).then((e=>{if(n.loop&&e.finished&&(!t||!e.noop)){const e=cs(n);if(e)return this._update(e,!0)}return e}))}_merge(e,t,n){if(t.cancel)return this.stop(!0),n(Ki(this));const o=!Wr.und(e.to),r=!Wr.und(e.from);if(o||r){if(!(t.callId>this._lastToId))return n(Ki(this));this._lastToId=t.callId}const{key:l,defaultProps:i,animation:s}=this,{to:a,from:c}=s;let{to:u=a,from:d=c}=e;!r||o||t.default&&!Wr.und(u)||(u=d),t.reverse&&([u,d]=[d,u]);const p=!$r(d,c);p&&(s.from=d),d=Al(d);const m=!$r(u,a);m&&this._focus(u);const f=Ai(t.to),{config:h}=s,{decay:g,velocity:v}=h;(o||r)&&(h.velocity=0),t.config&&!f&&function(e,t,n){n&&(Vi(n=Ci({},n),t),t=Ci({},n,t)),Vi(e,t),Object.assign(e,t);for(const t in Fi)null==e[t]&&(e[t]=Fi[t]);let{mass:o,frequency:r,damping:l}=e;Wr.und(r)||(r<.01&&(r=.01),l<0&&(l=0),e.tension=Math.pow(2*Math.PI/r,2)*o,e.friction=4*Math.PI*l*o/r)}(h,wi(t.config,l),t.config!==i.config?wi(i.config,l):void 0);let b=si(this);if(!b||Wr.und(u))return n(ji(this,!0));const k=Wr.und(t.reset)?r&&!t.default:!Wr.und(d)&&Si(t.reset,l),_=k?d:this.get(),y=Ri(u),E=Wr.num(y)||Wr.arr(y)||Jl(y),C=!f&&(!E||Si(i.immediate||t.immediate,l));if(m){const e=vi(u);if(e!==b.constructor){if(!C)throw Error(`Cannot animate between ${b.constructor.name} and ${e.name}, as the "to" prop suggests`);b=this._set(y)}}const w=b.constructor;let S=Ll(u),B=!1;if(!S){const e=k||!ns(this)&&p;(m||e)&&(B=$r(Ri(_),y),S=!B),($r(s.immediate,C)||C)&&$r(h.decay,g)&&$r(h.velocity,v)||(S=!0)}if(B&&os(this)&&(s.changed&&!k?S=!0:S||this._stop(a)),!f&&((S||Ll(a))&&(s.values=b.getPayload(),s.toValues=Ll(u)?null:w==pi?[1]:qr(y)),s.immediate!=C&&(s.immediate=C,C||k||this._set(a)),S)){const{onRest:e}=s;jr(ms,(e=>fs(this,t,e)));const o=ji(this,as(this,a));Zr(this._pendingCalls,o),this._pendingCalls.add(n),s.changed&&wr.batchedUpdates((()=>{s.changed=!k,null==e||e(o,this),k?wi(i.onRest,o):null==s.onStart||s.onStart(o,this)}))}k&&this._set(_),f?n(qi(t.to,t,this._state,this)):S?this._start():os(this)&&!m?this._pendingCalls.add(n):n($i(_))}_focus(e){const t=this.animation;e!==t.to&&(Dl(this)&&this._detach(),t.to=e,Dl(this)&&this._attach())}_attach(){let e=0;const{to:t}=this.animation;Ll(t)&&(Vl(t,this),Qi(t)&&(e=t.priority+1)),this.priority=e}_detach(){const{to:e}=this.animation;Ll(e)&&Hl(e,this)}_set(e,t=!0){const n=Al(e);if(!Wr.und(n)){const e=si(this);if(!e||!$r(n,e.getValue())){const o=vi(n);e&&e.constructor==o?e.setValue(n):ai(this,o.create(n)),e&&wr.batchedUpdates((()=>{this._onChange(n,t)}))}}return si(this)}_onStart(){const e=this.animation;e.changed||(e.changed=!0,hs(this,"onStart",ji(this,as(this,e.to)),this))}_onChange(e,t){t||(this._onStart(),wi(this.animation.onChange,e,this)),wi(this.defaultProps.onChange,e,this),super._onChange(e,t)}_start(){const e=this.animation;si(this).reset(Al(e.to)),e.immediate||(e.fromValues=e.values.map((e=>e.lastPosition))),os(this)||(ls(this,!0),rs(this)||this._resume())}_resume(){nl.skipAnimation?this.finish():sl.start(this)}_stop(e,t){if(os(this)){ls(this,!1);const n=this.animation;jr(n.values,(e=>{e.done=!0})),n.toValues&&(n.onChange=n.onPause=n.onResume=void 0),Ol(this,{type:"idle",parent:this});const o=t?Ki(this.get()):ji(this.get(),as(this,null!=e?e:n.to));Zr(this._pendingCalls,o),n.changed&&(n.changed=!1,hs(this,"onRest",o,this))}}}function as(e,t){const n=Ri(t);return $r(Ri(e.get()),n)}function cs(e,t=e.loop,n=e.to){let o=wi(t);if(o){const r=!0!==o&&Mi(o),l=(r||e).reverse,i=!r||r.reset;return us(Ci({},e,{loop:t,default:!1,pause:void 0,to:!l||Ai(n)?n:void 0,from:i?e.from:void 0,reset:i},r))}}function us(e){const{to:t,from:n}=e=Mi(e),o=new Set;return Wr.obj(t)&&ps(t,o),Wr.obj(n)&&ps(n,o),e.keys=o.size?Array.from(o):null,e}function ds(e){const t=us(e);return Wr.und(t.default)&&(t.default=Ti(t)),t}function ps(e,t){Kr(e,((e,n)=>null!=e&&t.add(n)))}const ms=["onStart","onRest","onChange","onPause","onResume"];function fs(e,t,n){e.animation[n]=t[n]!==Ii(t,n)?Bi(t[n],e.key):void 0}function hs(e,t,...n){var o,r,l,i;null==(o=(r=e.animation)[t])||o.call(r,...n),null==(l=(i=e.defaultProps)[t])||l.call(i,...n)}const gs=["onStart","onChange","onRest"];let vs=1;class bs{constructor(e,t){this.id=vs++,this.springs={},this.queue=[],this.ref=void 0,this._flush=void 0,this._initialProps=void 0,this._lastAsyncId=0,this._active=new Set,this._changed=new Set,this._started=!1,this._item=void 0,this._state={paused:!1,pauseQueue:new Set,resumeQueue:new Set,timeouts:new Set},this._events={onStart:new Map,onChange:new Map,onRest:new Map},this._onFrame=this._onFrame.bind(this),t&&(this._flush=t),e&&this.start(Ci({default:!0},e))}get idle(){return!this._state.asyncTo&&Object.values(this.springs).every((e=>e.idle))}get item(){return this._item}set item(e){this._item=e}get(){const e={};return this.each(((t,n)=>e[n]=t.get())),e}set(e){for(const t in e){const n=e[t];Wr.und(n)||this.springs[t].set(n)}}update(e){return e&&this.queue.push(us(e)),this}start(e){let{queue:t}=this;return e?t=qr(e).map(us):this.queue=[],this._flush?this._flush(this,t):(Ss(this,t),ks(this,t))}stop(e,t){if(e!==!!e&&(t=e),t){const n=this.springs;jr(qr(t),(t=>n[t].stop(!!e)))}else Yi(this._state,this._lastAsyncId),this.each((t=>t.stop(!!e)));return this}pause(e){if(Wr.und(e))this.start({pause:!0});else{const t=this.springs;jr(qr(e),(e=>t[e].pause()))}return this}resume(e){if(Wr.und(e))this.start({pause:!1});else{const t=this.springs;jr(qr(e),(e=>t[e].resume()))}return this}each(e){Kr(this.springs,e)}_onFrame(){const{onStart:e,onChange:t,onRest:n}=this._events,o=this._active.size>0,r=this._changed.size>0;(o&&!this._started||r&&!this._started)&&(this._started=!0,Yr(e,(([e,t])=>{t.value=this.get(),e(t,this,this._item)})));const l=!o&&this._started,i=r||l&&n.size?this.get():null;r&&t.size&&Yr(t,(([e,t])=>{t.value=i,e(t,this,this._item)})),l&&(this._started=!1,Yr(n,(([e,t])=>{t.value=i,e(t,this,this._item)})))}eventObserved(e){if("change"==e.type)this._changed.add(e.parent),e.idle||this._active.add(e.parent);else{if("idle"!=e.type)return;this._active.delete(e.parent)}wr.onFrame(this._onFrame)}}function ks(e,t){return Promise.all(t.map((t=>_s(e,t)))).then((t=>Wi(e,t)))}async function _s(e,t,n){const{keys:o,to:r,from:l,loop:i,onRest:s,onResolve:a}=t,c=Wr.obj(t.default)&&t.default;i&&(t.loop=!1),!1===r&&(t.to=null),!1===l&&(t.from=null);const u=Wr.arr(r)||Wr.fun(r)?r:void 0;u?(t.to=void 0,t.onRest=void 0,c&&(c.onRest=void 0)):jr(gs,(n=>{const o=t[n];if(Wr.fun(o)){const r=e._events[n];t[n]=({finished:e,cancelled:t})=>{const n=r.get(o);n?(e||(n.finished=!1),t&&(n.cancelled=!0)):r.set(o,{value:null,finished:e||!1,cancelled:t||!1})},c&&(c[n]=t[n])}}));const d=e._state;t.pause===!d.paused?(d.paused=t.pause,Zr(t.pause?d.pauseQueue:d.resumeQueue)):d.paused&&(t.pause=!0);const p=(o||Object.keys(e.springs)).map((n=>e.springs[n].start(t))),m=!0===t.cancel||!0===Ii(t,"cancel");(u||m&&d.asyncId)&&p.push(Gi(++e._lastAsyncId,{props:t,state:d,actions:{pause:Gr,resume:Gr,start(t,n){m?(Yi(d,e._lastAsyncId),n(Ki(e))):(t.onRest=s,n(qi(u,t,d,e)))}}})),d.paused&&await new Promise((e=>{d.resumeQueue.add(e)}));const f=Wi(e,await Promise.all(p));if(i&&f.finished&&(!n||!f.noop)){const n=cs(t,i,r);if(n)return Ss(e,[n]),_s(e,n,!0)}return a&&wr.batchedUpdates((()=>a(f,e,e.item))),f}function ys(e,t){const n=Ci({},e.springs);return t&&jr(qr(t),(e=>{Wr.und(e.keys)&&(e=us(e)),Wr.obj(e.to)||(e=Ci({},e,{to:void 0})),ws(n,e,(e=>Cs(e)))})),Es(e,n),n}function Es(e,t){Kr(t,((t,n)=>{e.springs[n]||(e.springs[n]=t,Vl(t,e))}))}function Cs(e,t){const n=new ss;return n.key=e,t&&Vl(n,t),n}function ws(e,t,n){t.keys&&jr(t.keys,(o=>{(e[o]||(e[o]=n(o)))._prepareNode(t)}))}function Ss(e,t){jr(t,(t=>{ws(e.springs,t,(t=>Cs(t,e)))}))}const Bs=["children"],Is=e=>{let{children:t}=e,n=function(e,t){if(null==e)return{};var n,o,r={},l=Object.keys(e);for(o=0;o<l.length;o++)n=l[o],t.indexOf(n)>=0||(r[n]=e[n]);return r}(e,Bs);const o=(0,Hr.useContext)(xs),r=n.pause||!!o.pause,l=n.immediate||!!o.immediate;n=function(e,t){const[n]=(0,Hr.useState)((()=>({inputs:t,result:e()}))),o=(0,Hr.useRef)(),r=o.current;let l=r;return l?Boolean(t&&l.inputs&&function(e,t){if(e.length!==t.length)return!1;for(let n=0;n<e.length;n++)if(e[n]!==t[n])return!1;return!0}(t,l.inputs))||(l={inputs:t,result:e()}):l=n,(0,Hr.useEffect)((()=>{o.current=l,r==n&&(n.inputs=n.result=void 0)}),[l]),l.result}((()=>({pause:r,immediate:l})),[r,l]);const{Provider:i}=xs;return Hr.createElement(i,{value:n},t)},xs=(Ts=Is,Ns={},Object.assign(Ts,Hr.createContext(Ns)),Ts.Provider._context=Ts,Ts.Consumer._context=Ts,Ts);var Ts,Ns;Is.Provider=xs.Provider,Is.Consumer=xs.Consumer;const Ps=()=>{const e=[],t=function(t){Ql(`${Yl}Directly calling start instead of using the api object is deprecated in v9 (use ".start" instead), this will be removed in later 0.X.0 versions`);const o=[];return jr(e,((e,r)=>{if(Wr.und(t))o.push(e.start());else{const l=n(t,e,r);l&&o.push(e.start(l))}})),o};t.current=e,t.add=function(t){e.includes(t)||e.push(t)},t.delete=function(t){const n=e.indexOf(t);~n&&e.splice(n,1)},t.pause=function(){return jr(e,(e=>e.pause(...arguments))),this},t.resume=function(){return jr(e,(e=>e.resume(...arguments))),this},t.set=function(t){jr(e,(e=>e.set(t)))},t.start=function(t){const n=[];return jr(e,((e,o)=>{if(Wr.und(t))n.push(e.start());else{const r=this._getProps(t,e,o);r&&n.push(e.start(r))}})),n},t.stop=function(){return jr(e,(e=>e.stop(...arguments))),this},t.update=function(t){return jr(e,((e,n)=>e.update(this._getProps(t,e,n)))),this};const n=function(e,t,n){return Wr.fun(e)?e(n,t):e};return t._getProps=n,t};function Ms(e,t,n){const o=Wr.fun(t)&&t;o&&!n&&(n=[]);const r=(0,Hr.useMemo)((()=>o||3==arguments.length?Ps():void 0),[]),l=(0,Hr.useRef)(0),i=ni(),s=(0,Hr.useMemo)((()=>({ctrls:[],queue:[],flush(e,t){const n=ys(e,t);return l.current>0&&!s.queue.length&&!Object.keys(n).some((t=>!e.springs[t]))?ks(e,t):new Promise((o=>{Es(e,n),s.queue.push((()=>{o(ks(e,t))})),i()}))}})),[]),a=(0,Hr.useRef)([...s.ctrls]),c=[],u=ri(e)||0;function d(e,n){for(let r=e;r<n;r++){const e=a.current[r]||(a.current[r]=new bs(null,s.flush)),n=o?o(r,e):t[r];n&&(c[r]=ds(n))}}(0,Hr.useMemo)((()=>{jr(a.current.slice(e,u),(e=>{Di(e,r),e.stop(!0)})),a.current.length=e,d(u,e)}),[e]),(0,Hr.useMemo)((()=>{d(0,Math.min(u,e))}),n);const p=a.current.map(((e,t)=>ys(e,c[t]))),m=(0,Hr.useContext)(Is),f=ri(m),h=m!==f&&Li(m);li((()=>{l.current++,s.ctrls=a.current;const{queue:e}=s;e.length&&(s.queue=[],jr(e,(e=>e()))),jr(a.current,((e,t)=>{null==r||r.add(e),h&&e.start({default:m});const n=c[t];n&&(Oi(e,n.ref),e.ref?e.queue.push(n):e.start(n))}))})),ei((()=>()=>{jr(s.ctrls,(e=>e.stop(!0)))}));const g=p.map((e=>Ci({},e)));return r?[g,r]:g}let Rs;!function(e){e.MOUNT="mount",e.ENTER="enter",e.UPDATE="update",e.LEAVE="leave"}(Rs||(Rs={}));class Ls extends es{constructor(e,t){super(),this.key=void 0,this.idle=!0,this.calc=void 0,this._active=new Set,this.source=e,this.calc=Nl(...t);const n=this._get(),o=vi(n);ai(this,o.create(n))}advance(e){const t=this._get();$r(t,this.get())||(si(this).setValue(t),this._onChange(t,this.idle)),!this.idle&&Ds(this._active)&&Os(this)}_get(){const e=Wr.arr(this.source)?this.source.map(Al):qr(Al(this.source));return this.calc(...e)}_start(){this.idle&&!Ds(this._active)&&(this.idle=!1,jr(ci(this),(e=>{e.done=!1})),nl.skipAnimation?(wr.batchedUpdates((()=>this.advance())),Os(this)):sl.start(this))}_attach(){let e=1;jr(qr(this.source),(t=>{Ll(t)&&Vl(t,this),Qi(t)&&(t.idle||this._active.add(t),e=Math.max(e,t.priority+1))})),this.priority=e,this._start()}_detach(){jr(qr(this.source),(e=>{Ll(e)&&Hl(e,this)})),this._active.clear(),Os(this)}eventObserved(e){"change"==e.type?e.idle?this.advance():(this._active.add(e.parent),this._start()):"idle"==e.type?this._active.delete(e.parent):"priority"==e.type&&(this.priority=qr(this.source).reduce(((e,t)=>Math.max(e,(Qi(t)?t.priority:0)+1)),0))}}function As(e){return!1!==e.idle}function Ds(e){return!e.size||Array.from(e).every(As)}function Os(e){e.idle||(e.idle=!0,jr(ci(e),(e=>{e.done=!0})),Ol(e,{type:"idle",parent:e}))}nl.assign({createStringInterpolator:ql,to:(e,t)=>new Ls(e,t)}),sl.advance;var Fs=window.ReactDOM;function zs(e,t){if(null==e)return{};var n,o,r={},l=Object.keys(e);for(o=0;o<l.length;o++)n=l[o],t.indexOf(n)>=0||(r[n]=e[n]);return r}const Vs=["style","children","scrollTop","scrollLeft"],Hs=/^--/;function Us(e,t){return null==t||"boolean"==typeof t||""===t?"":"number"!=typeof t||0===t||Hs.test(e)||Ws.hasOwnProperty(e)&&Ws[e]?(""+t).trim():t+"px"}const Gs={};let Ws={animationIterationCount:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0};const $s=["Webkit","Ms","Moz","O"];Ws=Object.keys(Ws).reduce(((e,t)=>($s.forEach((n=>e[((e,t)=>e+t.charAt(0).toUpperCase()+t.substring(1))(n,t)]=e[t])),e)),Ws);const js=["x","y","z"],Ks=/^(matrix|translate|scale|rotate|skew)/,qs=/^(translate)/,Ys=/^(rotate|skew)/,Zs=(e,t)=>Wr.num(e)&&0!==e?e+t:e,Xs=(e,t)=>Wr.arr(e)?e.every((e=>Xs(e,t))):Wr.num(e)?e===t:parseFloat(e)===t;class Qs extends fi{constructor(e){let{x:t,y:n,z:o}=e,r=zs(e,js);const l=[],i=[];(t||n||o)&&(l.push([t||0,n||0,o||0]),i.push((e=>[`translate3d(${e.map((e=>Zs(e,"px"))).join(",")})`,Xs(e,0)]))),Kr(r,((e,t)=>{if("transform"===t)l.push([e||""]),i.push((e=>[e,""===e]));else if(Ks.test(t)){if(delete r[t],Wr.und(e))return;const n=qs.test(t)?"px":Ys.test(t)?"deg":"";l.push(qr(e)),i.push("rotate3d"===t?([e,t,o,r])=>[`rotate3d(${e},${t},${o},${Zs(r,n)})`,Xs(r,0)]:e=>[`${t}(${e.map((e=>Zs(e,n))).join(",")})`,Xs(e,t.startsWith("scale")?1:0)])}})),l.length&&(r.transform=new Js(l,i)),super(r)}}class Js extends Fl{constructor(e,t){super(),this._value=null,this.inputs=e,this.transforms=t}get(){return this._value||(this._value=this._get())}_get(){let e="",t=!0;return jr(this.inputs,((n,o)=>{const r=Al(n[0]),[l,i]=this.transforms[o](Wr.arr(r)?r:n.map(Al));e+=" "+l,t=t&&i})),t?"none":e}observerAdded(e){1==e&&jr(this.inputs,(e=>jr(e,(e=>Ll(e)&&Vl(e,this)))))}observerRemoved(e){0==e&&jr(this.inputs,(e=>jr(e,(e=>Ll(e)&&Hl(e,this)))))}eventObserved(e){"change"==e.type&&(this._value=null),Ol(this,e)}}const ea=["scrollTop","scrollLeft"];nl.assign({batchedUpdates:Fs.unstable_batchedUpdates,createStringInterpolator:ql,colors:{transparent:0,aliceblue:4042850303,antiquewhite:4209760255,aqua:16777215,aquamarine:2147472639,azure:4043309055,beige:4126530815,bisque:4293182719,black:255,blanchedalmond:4293643775,blue:65535,blueviolet:2318131967,brown:2771004159,burlywood:3736635391,burntsienna:3934150143,cadetblue:1604231423,chartreuse:2147418367,chocolate:3530104575,coral:4286533887,cornflowerblue:1687547391,cornsilk:4294499583,crimson:3692313855,cyan:16777215,darkblue:35839,darkcyan:9145343,darkgoldenrod:3095792639,darkgray:2846468607,darkgreen:6553855,darkgrey:2846468607,darkkhaki:3182914559,darkmagenta:2332068863,darkolivegreen:1433087999,darkorange:4287365375,darkorchid:2570243327,darkred:2332033279,darksalmon:3918953215,darkseagreen:2411499519,darkslateblue:1211993087,darkslategray:793726975,darkslategrey:793726975,darkturquoise:13554175,darkviolet:2483082239,deeppink:4279538687,deepskyblue:12582911,dimgray:1768516095,dimgrey:1768516095,dodgerblue:512819199,firebrick:2988581631,floralwhite:4294635775,forestgreen:579543807,fuchsia:4278255615,gainsboro:3705462015,ghostwhite:4177068031,gold:4292280575,goldenrod:3668254975,gray:2155905279,green:8388863,greenyellow:2919182335,grey:2155905279,honeydew:4043305215,hotpink:4285117695,indianred:3445382399,indigo:1258324735,ivory:4294963455,khaki:4041641215,lavender:3873897215,lavenderblush:4293981695,lawngreen:2096890111,lemonchiffon:4294626815,lightblue:2916673279,lightcoral:4034953471,lightcyan:3774873599,lightgoldenrodyellow:4210742015,lightgray:3553874943,lightgreen:2431553791,lightgrey:3553874943,lightpink:4290167295,lightsalmon:4288707327,lightseagreen:548580095,lightskyblue:2278488831,lightslategray:2005441023,lightslategrey:2005441023,lightsteelblue:2965692159,lightyellow:4294959359,lime:16711935,limegreen:852308735,linen:4210091775,magenta:4278255615,maroon:2147483903,mediumaquamarine:1724754687,mediumblue:52735,mediumorchid:3126187007,mediumpurple:2473647103,mediumseagreen:1018393087,mediumslateblue:2070474495,mediumspringgreen:16423679,mediumturquoise:1221709055,mediumvioletred:3340076543,midnightblue:421097727,mintcream:4127193855,mistyrose:4293190143,moccasin:4293178879,navajowhite:4292783615,navy:33023,oldlace:4260751103,olive:2155872511,olivedrab:1804477439,orange:4289003775,orangered:4282712319,orchid:3664828159,palegoldenrod:4008225535,palegreen:2566625535,paleturquoise:2951671551,palevioletred:3681588223,papayawhip:4293907967,peachpuff:4292524543,peru:3448061951,pink:4290825215,plum:3718307327,powderblue:2967529215,purple:2147516671,rebeccapurple:1714657791,red:4278190335,rosybrown:3163525119,royalblue:1097458175,saddlebrown:2336560127,salmon:4202722047,sandybrown:4104413439,seagreen:780883967,seashell:4294307583,sienna:2689740287,silver:3233857791,skyblue:2278484991,slateblue:1784335871,slategray:1887473919,slategrey:1887473919,snow:4294638335,springgreen:16744447,steelblue:1182971135,tan:3535047935,teal:8421631,thistle:3636451583,tomato:4284696575,turquoise:1088475391,violet:4001558271,wheat:4125012991,white:4294967295,whitesmoke:4126537215,yellow:4294902015,yellowgreen:2597139199}});const ta=((e,{applyAnimatedValues:t=(()=>!1),createAnimatedStyle:n=(e=>new fi(e)),getComponentProps:o=(e=>e)}={})=>{const r={applyAnimatedValues:t,createAnimatedStyle:n,getComponentProps:o},l=e=>{const t=Ei(e)||"Anonymous";return(e=Wr.str(e)?l[e]||(l[e]=ki(e,r)):e[yi]||(e[yi]=ki(e,r))).displayName=`Animated(${t})`,e};return Kr(e,((t,n)=>{Wr.arr(e)&&(n=Ei(t)),l[n]=l(t)})),{animated:l}})(["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","tspan"],{applyAnimatedValues:function(e,t){if(!e.nodeType||!e.setAttribute)return!1;const n="filter"===e.nodeName||e.parentNode&&"filter"===e.parentNode.nodeName,o=t,{style:r,children:l,scrollTop:i,scrollLeft:s}=o,a=zs(o,Vs),c=Object.values(a),u=Object.keys(a).map((t=>n||e.hasAttribute(t)?t:Gs[t]||(Gs[t]=t.replace(/([A-Z])/g,(e=>"-"+e.toLowerCase())))));void 0!==l&&(e.textContent=l);for(let t in r)if(r.hasOwnProperty(t)){const n=Us(t,r[t]);Hs.test(t)?e.style.setProperty(t,n):e.style[t]=n}u.forEach(((t,n)=>{e.setAttribute(t,c[n])})),void 0!==i&&(e.scrollTop=i),void 0!==s&&(e.scrollLeft=s)},createAnimatedStyle:e=>new Qs(e),getComponentProps:e=>zs(e,ea)}).animated,na=e=>e+1,oa=e=>({top:e.offsetTop,left:e.offsetLeft});var ra=function({isSelected:e,adjustScrolling:t,enableAnimation:n,triggerAnimationOnChange:o}){const r=(0,s.useRef)(),l=(0,d.useReducedMotion)()||!n,[i,a]=(0,s.useReducer)(na,0),[c,u]=(0,s.useReducer)(na,0),[p,m]=(0,s.useState)({x:0,y:0}),f=(0,s.useMemo)((()=>r.current?oa(r.current):null),[o]),h=(0,s.useMemo)((()=>{if(!t||!r.current)return()=>{};const e=(0,or.getScrollContainer)(r.current);if(!e)return()=>{};const n=r.current.getBoundingClientRect();return()=>{const t=r.current.getBoundingClientRect().top-n.top;t&&(e.scrollTop+=t)}}),[o,t]);function g({value:t}){let{x:n,y:o}=t;n=Math.round(n),o=Math.round(o),n===g.x&&o===g.y||(function({x:t,y:n}){if(!r.current)return;const o=0===t&&0===n;r.current.style.transformOrigin=o?"":"center",r.current.style.transform=o?"":`translate3d(${t}px,${n}px,0)`,r.current.style.zIndex=!e||o?"":"1",h()}({x:n,y:o}),g.x=n,g.y=o)}return(0,s.useLayoutEffect)((()=>{i&&u()}),[i]),(0,s.useLayoutEffect)((()=>{if(!f)return;if(l)return void h();r.current.style.transform="";const e=oa(r.current);a(),m({x:Math.round(f.left-e.left),y:Math.round(f.top-e.top)})}),[o]),g.x=0,g.y=0,function(e,t){const n=Wr.fun(e),[[o],r]=Ms(1,n?e:[e],n?t||[]:t)}({from:{x:p.x,y:p.y},to:{x:0,y:0},reset:i!==c,config:{mass:5,tension:2e3,friction:200},immediate:l,onChange:g}),r};const la=".block-editor-block-list__block",ia=".block-list-appender";function sa(e,t){return t.closest([la,ia].join(","))===e}function aa(e){const t=(0,s.useRef)(),n=function(e){return(0,m.useSelect)((t=>{const{getSelectedBlocksInitialCaretPosition:n,isMultiSelecting:o,isNavigationMode:r,isBlockSelected:l}=t(Vn);if(l(e)&&!o()&&!r())return n()}),[e])}(e);return(0,s.useEffect)((()=>{if(null==n)return;if(!t.current)return;const{ownerDocument:e}=t.current;if(t.current.contains(e.activeElement))return;const o=or.focus.tabbable.find(t.current).filter((e=>(0,or.isTextField)(e))),r=-1===n,l=(r?u.last:u.first)(o)||t.current;sa(t.current,l)?(0,or.placeCaretAtHorizontalEdge)(l,r):t.current.focus()}),[n]),t}function ca(e){if(e.defaultPrevented)return;const t="mouseover"===e.type?"add":"remove";e.preventDefault(),e.currentTarget.classList[t]("is-hovered")}function ua(){const e=(0,m.useSelect)((e=>{const{isNavigationMode:t,getSettings:n}=e(Vn);return t()||n().outlineMode}),[]);return(0,d.useRefEffect)((t=>{if(e)return t.addEventListener("mouseout",ca),t.addEventListener("mouseover",ca),()=>{t.removeEventListener("mouseout",ca),t.removeEventListener("mouseover",ca),t.classList.remove("is-hovered")}}),[e])}function da(e){return(0,m.useSelect)((t=>{const{isBlockBeingDragged:n,isBlockHighlighted:o,isBlockSelected:l,isBlockMultiSelected:i,getBlockName:s,getSettings:a,hasSelectedInnerBlock:u,isTyping:d,__experimentalGetActiveBlockIdByBlockNames:p}=t(Vn),{__experimentalSpotlightEntityBlocks:m,outlineMode:f}=a(),h=n(e),g=l(e),v=s(e),b=u(e,!0),k=p(m);return c()({"is-selected":g,"is-highlighted":o(e),"is-multi-selected":i(e),"is-reusable":(0,r.isReusableBlock)((0,r.getBlockType)(v)),"is-dragging":h,"has-child-selected":b,"has-active-entity":k,"is-active-entity":k===e,"remove-outline":g&&f&&d()})}),[e])}function pa(e){return(0,m.useSelect)((t=>{const n=t(Vn).getBlockName(e),o=(0,r.getBlockType)(n);if((null==o?void 0:o.apiVersion)>1)return(0,r.getBlockDefaultClassName)(n)}),[e])}function ma(e){return(0,m.useSelect)((t=>{const{getBlockName:n,getBlockAttributes:o}=t(Vn),l=o(e);if(null==l||!l.className)return;const i=(0,r.getBlockType)(n(e));return(null==i?void 0:i.apiVersion)>1?l.className:void 0}),[e])}function fa(e){return(0,m.useSelect)((t=>{const{hasBlockMovingClientId:n,canInsertBlockType:o,getBlockName:r,getBlockRootClientId:l,isBlockSelected:i}=t(Vn);if(!i(e))return;const s=n();return s?c()("is-block-moving-mode",{"can-insert-moving-block":o(r(s),l(e))}):void 0}),[e])}function ha(e){const{isBlockSelected:t}=(0,m.useSelect)(Vn),{selectBlock:n,selectionChange:o}=(0,m.useDispatch)(Vn);return(0,d.useRefEffect)((r=>{function l(l){t(e)?l.target.isContentEditable||o(e):sa(r,l.target)&&n(e)}return r.addEventListener("focusin",l),()=>{r.removeEventListener("focusin",l)}}),[t,n])}var ga=window.wp.keycodes;function va(e){const t=(0,m.useSelect)((t=>t(Vn).isBlockSelected(e)),[e]),{getBlockRootClientId:n,getBlockIndex:o}=(0,m.useSelect)(Vn),{insertDefaultBlock:r,removeBlock:l}=(0,m.useDispatch)(Vn);return(0,d.useRefEffect)((i=>{if(t)return i.addEventListener("keydown",s),i.addEventListener("dragstart",a),()=>{i.removeEventListener("keydown",s),i.removeEventListener("dragstart",a)};function s(t){const{keyCode:s,target:a}=t;s!==ga.ENTER&&s!==ga.BACKSPACE&&s!==ga.DELETE||a!==i||(0,or.isTextField)(a)||(t.preventDefault(),s===ga.ENTER?r({},n(e),o(e)+1):l(e))}function a(e){e.preventDefault()}}),[e,t,n,o,r,l])}function ba(e){const{isNavigationMode:t,isBlockSelected:n}=(0,m.useSelect)(Vn),{setNavigationMode:o,selectBlock:r}=(0,m.useDispatch)(Vn);return(0,d.useRefEffect)((l=>{function i(l){t()&&!l.defaultPrevented&&(l.preventDefault(),n(e)?o(!1):r(e))}return l.addEventListener("mousedown",i),()=>{l.addEventListener("mousedown",i)}}),[e,t,n,o])}var ka=n(4979),_a=n.n(ka);function ya(e){const t=(0,s.useRef)(),n=(0,m.useSelect)((t=>{const{isBlockSelected:n,getBlockSelectionEnd:o}=t(Vn);return n(e)||o()===e}),[e]);return(0,s.useEffect)((()=>{if(!n)return;const e=t.current;if(!e)return;if(e.contains(e.ownerDocument.activeElement))return;const o=(0,or.getScrollContainer)(e)||e.ownerDocument.defaultView;o&&_a()(e,o,{onlyScrollIfNeeded:!0})}),[n]),t}const Ea=(0,s.createContext)();function Ca({children:e}){const t=(0,s.useMemo)((()=>({refs:new Map,callbacks:new Map})),[]);return(0,s.createElement)(Ea.Provider,{value:t},e)}function wa(e){const{refs:t,callbacks:n}=(0,s.useContext)(Ea),o=(0,s.useRef)();return(0,s.useLayoutEffect)((()=>(t.set(o,e),()=>{t.delete(o)})),[e]),(0,d.useRefEffect)((t=>{o.current=t,n.forEach(((n,o)=>{e===n&&o(t)}))}),[e])}function Sa(e){const{refs:t}=(0,s.useContext)(Ea),n=(0,s.useRef)();return n.current=e,(0,s.useMemo)((()=>({get current(){let e=null;for(const[o,r]of t.entries())r===n.current&&o.current&&(e=o.current);return e}})),[])}function Ba(e){const{callbacks:t}=(0,s.useContext)(Ea),n=Sa(e),[o,r]=(0,s.useState)(null);return(0,s.useLayoutEffect)((()=>{if(e)return t.set(r,e),()=>{t.delete(r)}}),[e]),n.current||o}function Ia(e,t){Array.from(e.closest(".is-root-container").querySelectorAll(".rich-text")).forEach((e=>{t?e.setAttribute("contenteditable",!0):e.removeAttribute("contenteditable")}))}function xa(e){const{startMultiSelect:t,stopMultiSelect:n,multiSelect:o,selectBlock:r}=(0,m.useDispatch)(Vn),{isSelectionEnabled:l,isBlockSelected:i,getBlockParents:s,getBlockSelectionStart:a,hasMultiSelection:c}=(0,m.useSelect)(Vn);return(0,d.useRefEffect)((u=>{const{ownerDocument:d}=u,{defaultView:p}=d;let m,f;function h({isSelectionEnd:t}){const n=p.getSelection();if(!n.rangeCount||n.isCollapsed)return void Ia(u,!0);const l=function(e){for(;e&&e.nodeType!==e.ELEMENT_NODE;)e=e.parentNode;if(!e)return;const t=e.closest(la);return t?t.id.slice("block-".length):void 0}(n.focusNode);if(e===l){if(r(e),t&&(Ia(u,!0),n.rangeCount)){const{commonAncestorContainer:e}=n.getRangeAt(0);m.contains(e)&&m.focus()}}else{const t=[...s(e),e],n=[...s(l),l],r=Math.min(t.length,n.length)-1;o(t[r],n[r])}}function g(){d.removeEventListener("selectionchange",h),p.removeEventListener("mouseup",g),f=p.requestAnimationFrame((()=>{h({isSelectionEnd:!0}),n()}))}function v({buttons:n}){1===n&&l()&&i(e)&&(m=d.activeElement,t(),d.addEventListener("selectionchange",h),p.addEventListener("mouseup",g),Ia(u,!1))}function b(t){if(l()&&0===t.button)if(t.shiftKey){const n=a(),r=s(n);if(n&&n!==e&&(null==r||!r.includes(e))){const l=[...r,n],i=[...s(e),e],a=Math.min(l.length,i.length)-1,c=l[a],d=i[a];c!==d&&(Ia(u,!1),o(c,d),t.preventDefault())}}else c()&&r(e)}return u.addEventListener("mousedown",b),u.addEventListener("mouseleave",v),()=>{u.removeEventListener("mousedown",b),u.removeEventListener("mouseleave",v),d.removeEventListener("selectionchange",h),p.removeEventListener("mouseup",g),p.cancelAnimationFrame(f)}}),[e,t,n,o,r,l,i,s])}function Ta(){const e=(0,s.useContext)(em);return(0,d.useRefEffect)((t=>{if(e)return e.observe(t),()=>{e.unobserve(t)}}),[e])}function Na(e={},{__unstableIsHtml:t}={}){const{clientId:n,className:o,wrapperProps:l={},isAligned:i}=(0,s.useContext)(Pa),{index:a,mode:u,name:p,blockApiVersion:f,blockTitle:g,isPartOfSelection:v,adjustScrolling:b,enableAnimation:k}=(0,m.useSelect)((e=>{const{getBlockRootClientId:t,getBlockIndex:o,getBlockMode:l,getBlockName:i,isTyping:s,getGlobalBlockCount:a,isBlockSelected:c,isBlockMultiSelected:u,isAncestorMultiSelected:d,isFirstMultiSelectedBlock:p}=e(Vn),m=c(n),f=u(n)||d(n),h=i(n),g=t(n),v=(0,r.getBlockType)(h);return{index:o(n,g),mode:l(n),name:h,blockApiVersion:(null==v?void 0:v.apiVersion)||1,blockTitle:null==v?void 0:v.title,isPartOfSelection:m||f,adjustScrolling:m||p(n),enableAnimation:!s()&&a()<=200}}),[n]),_=(0,h.sprintf)((0,h.__)("Block: %s"),g),y="html"!==u||t?"":"-visual",E=(0,d.useMergeRefs)([e.ref,aa(n),ya(n),wa(n),ha(n),xa(n),va(n),ba(n),ua(),Ta(),ra({isSelected:v,adjustScrolling:b,enableAnimation:k,triggerAnimationOnChange:a})]),C=Wn();return f<2&&n===C.clientId&&"undefined"!=typeof process&&process.env,{...l,...e,ref:E,id:`block-${n}${y}`,tabIndex:0,role:"document","aria-label":_,"data-block":n,"data-type":p,"data-title":g,className:c()(c()("block-editor-block-list__block",{"wp-block":!i}),o,e.className,l.className,da(n),pa(n),ma(n),fa(n)),style:{...l.style,...e.style}}}Na.save=r.__unstableGetBlockProps;const Pa=(0,s.createContext)();function Ma({children:e,isHtml:t,...n}){return(0,s.createElement)("div",Na(n,{__unstableIsHtml:t}),e)}const Ra=(0,m.withSelect)(((e,{clientId:t,rootClientId:n})=>{const{isBlockSelected:o,getBlockMode:r,isSelectionEnabled:l,getTemplateLock:i,__unstableGetBlockWithoutInnerBlocks:s,canRemoveBlock:a,canMoveBlock:c}=e(Vn),u=s(t),d=o(t),p=i(n),m=a(t,n),f=c(t,n),{name:h,attributes:g,isValid:v}=u||{};return{mode:r(t),isSelectionEnabled:l(),isLocked:!!p,canRemove:m,canMove:f,block:u,name:h,attributes:g,isValid:v,isSelected:d}})),La=(0,m.withDispatch)(((e,t,{select:n})=>{const{updateBlockAttributes:o,insertBlocks:l,mergeBlocks:i,replaceBlocks:s,toggleSelection:a,__unstableMarkLastChangeAsPersistent:c}=e(Vn);return{setAttributes(e){const{getMultiSelectedBlockClientIds:r}=n(Vn),l=r(),{clientId:i}=t,s=l.length?l:[i];o(s,e)},onInsertBlocks(e,n){const{rootClientId:o}=t;l(e,n,o)},onInsertBlocksAfter(e){const{clientId:o,rootClientId:r}=t,{getBlockIndex:i}=n(Vn),s=i(o,r);l(e,s+1,r)},onMerge(e){const{clientId:o}=t,{getPreviousBlockClientId:r,getNextBlockClientId:l}=n(Vn);if(e){const e=l(o);e&&i(o,e)}else{const e=r(o);e&&i(e,o)}},onReplace(e,n,o){e.length&&!(0,r.isUnmodifiedDefaultBlock)(e[e.length-1])&&c(),s([t.clientId],e,n,o)},toggleSelection(e){a(e)}}}));var Aa=(0,d.compose)(d.pure,Ra,La,(0,d.ifCondition)((({block:e})=>!!e)),(0,p.withFilters)("editor.BlockListBlock"))((function({mode:e,isLocked:t,canRemove:n,clientId:o,isSelected:l,isSelectionEnabled:i,className:a,name:d,isValid:p,attributes:f,wrapperProps:h,setAttributes:g,onReplace:v,onInsertBlocksAfter:b,onMerge:k,toggleSelection:_}){const{removeBlock:y}=(0,m.useDispatch)(Vn),E=(0,s.useCallback)((()=>y(o)),[o]);let C=(0,s.createElement)(cr,{name:d,isSelected:l,attributes:f,setAttributes:g,insertBlocksAfter:t?void 0:b,onReplace:n?v:void 0,onRemove:n?E:void 0,mergeBlocks:n?k:void 0,clientId:o,isSelectionEnabled:i,toggleSelection:_});const w=(0,r.getBlockType)(d);null!=w&&w.getEditWrapperProps&&(h=function(e,t){const n={...e,...t};return e&&t&&e.className&&t.className&&(n.className=c()(e.className,t.className)),e&&t&&e.style&&t.style&&(n.style={...e.style,...t.style}),n}(h,w.getEditWrapperProps(f)));const S=h&&!!h["data-align"];let B;if(S&&(C=(0,s.createElement)("div",{className:"wp-block","data-align":h["data-align"]},C)),p)B="html"===e?(0,s.createElement)(s.Fragment,null,(0,s.createElement)("div",{style:{display:"none"}},C),(0,s.createElement)(Ma,{isHtml:!0},(0,s.createElement)(Er,{clientId:o}))):(null==w?void 0:w.apiVersion)>1?C:(0,s.createElement)(Ma,h,C);else{const e=(0,r.getSaveContent)(w,f);B=(0,s.createElement)(Ma,{className:"has-warning"},(0,s.createElement)(gr,{clientId:o}),(0,s.createElement)(s.RawHTML,null,(0,or.safeHTML)(e)))}const I={clientId:o,className:a,wrapperProps:(0,u.omit)(h,["data-align"]),isAligned:S},x=(0,s.useMemo)((()=>I),Object.values(I));return(0,s.createElement)(Pa.Provider,{value:x},(0,s.createElement)(_r,{fallback:(0,s.createElement)(Ma,{className:"has-warning"},(0,s.createElement)(br,null))},B))})),Da=window.wp.htmlEntities,Oa=(0,s.createElement)(F.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,s.createElement)(F.Path,{d:"M18 11.2h-5.2V6h-1.6v5.2H6v1.6h5.2V18h1.6v-5.2H18z"}));const Fa=[(0,s.createInterpolateElement)((0,h.__)("While writing, you can press <kbd>/</kbd> to quickly insert new blocks."),{kbd:(0,s.createElement)("kbd",null)}),(0,s.createInterpolateElement)((0,h.__)("Indent a list by pressing <kbd>space</kbd> at the beginning of a line."),{kbd:(0,s.createElement)("kbd",null)}),(0,s.createInterpolateElement)((0,h.__)("Outdent a list by pressing <kbd>backspace</kbd> at the beginning of a line."),{kbd:(0,s.createElement)("kbd",null)}),(0,h.__)("Drag files into the editor to automatically insert media blocks."),(0,h.__)("Change a block's type by pressing the block icon on the toolbar.")];var za=function(){const[e]=(0,s.useState)(Math.floor(Math.random()*Fa.length));return(0,s.createElement)(p.Tip,null,Fa[e])},Va=(0,s.createElement)(F.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,s.createElement)(F.Path,{d:"M19 8h-1V6h-5v2h-2V6H6v2H5c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-8c0-1.1-.9-2-2-2zm.5 10c0 .3-.2.5-.5.5H5c-.3 0-.5-.2-.5-.5v-8c0-.3.2-.5.5-.5h14c.3 0 .5.2.5.5v8z"})),Ha=(0,s.memo)((function({icon:e,showColors:t=!1,className:n}){var o;"block-default"===(null===(o=e)||void 0===o?void 0:o.src)&&(e={src:Va});const r=(0,s.createElement)(p.Icon,{icon:e&&e.src?e.src:e}),l=t?{backgroundColor:e&&e.background,color:e&&e.foreground}:{};return(0,s.createElement)("span",{style:l,className:c()("block-editor-block-icon",n,{"has-colors":t})},r)})),Ua=function({title:e,icon:t,description:n,blockType:o}){return o&&(Lt()("`blockType` property in `BlockCard component`",{since:"5.7",alternative:"`title, icon and description` properties"}),({title:e,icon:t,description:n}=o)),(0,s.createElement)("div",{className:"block-editor-block-card"},(0,s.createElement)(Ha,{icon:t,showColors:!0}),(0,s.createElement)("div",{className:"block-editor-block-card__content"},(0,s.createElement)("h2",{className:"block-editor-block-card__title"},e),(0,s.createElement)("span",{className:"block-editor-block-card__description"},n)))};function Ga({clientId:e=null,value:t,selection:n,onChange:o=u.noop,onInput:l=u.noop}){const i=(0,m.useRegistry)(),{resetBlocks:a,resetSelection:c,replaceInnerBlocks:d,setHasControlledInnerBlocks:p,__unstableMarkNextChangeAsNotPersistent:f}=i.dispatch(Vn),{getBlockName:h,getBlocks:g}=i.select(Vn),v=(0,s.useRef)({incoming:null,outgoing:[]}),b=(0,s.useRef)(!1),k=(0,s.useRef)(l),_=(0,s.useRef)(o);(0,s.useEffect)((()=>{k.current=l,_.current=o}),[l,o]),(0,s.useEffect)((()=>{v.current.outgoing.includes(t)?(0,u.last)(v.current.outgoing)===t&&(v.current.outgoing=[]):g(e)!==t&&(v.current.outgoing=[],(()=>{if(t)if(f(),e){p(e,!0),f();const n=t.map((e=>(0,r.cloneBlock)(e)));b.current&&(v.current.incoming=n),d(e,n)}else b.current&&(v.current.incoming=t),a(t)})(),n&&c(n.selectionStart,n.selectionEnd,n.initialPosition))}),[t,e]),(0,s.useEffect)((()=>{const{getSelectionStart:t,getSelectionEnd:n,getSelectedBlocksInitialCaretPosition:o,isLastBlockChangePersistent:r,__unstableIsLastBlockChangeIgnored:l}=i.select(Vn);let s=g(e),a=r(),c=!1;b.current=!0;const u=i.subscribe((()=>{if(null!==e&&null===h(e))return;const i=r(),u=g(e),d=u!==s;if(s=u,d&&(v.current.incoming||l()))return v.current.incoming=null,void(a=i);(d||c&&!d&&i&&!a)&&(a=i,v.current.outgoing.push(s),(a?_.current:k.current)(s,{selection:{selectionStart:t(),selectionEnd:n(),initialPosition:o()}})),c=d}));return()=>u()}),[i,e])}var Wa=(0,d.createHigherOrderComponent)((e=>(0,m.withRegistry)((({useSubRegistry:t=!0,registry:n,...o})=>{if(!t)return(0,s.createElement)(e,i({registry:n},o));const[r,l]=(0,s.useState)(null);return(0,s.useEffect)((()=>{const e=(0,m.createRegistry)({},n);e.registerStore(Fn,zn),l(e)}),[n]),r?(0,s.createElement)(m.RegistryProvider,{value:r},(0,s.createElement)(e,i({registry:r},o))):null}))),"withRegistryProvider")((function(e){const{children:t,settings:n}=e,{updateSettings:o}=(0,m.useDispatch)(Vn);return(0,s.useEffect)((()=>{o(n)}),[n]),Ga(e),(0,s.createElement)(Ca,null,t)}));function $a({onClick:e}){return(0,s.createElement)("div",{tabIndex:0,role:"button",onClick:e,onKeyPress:e},(0,s.createElement)(p.Disabled,null,(0,s.createElement)(nm,null)))}function ja(){const{hasSelectedBlock:e,hasMultiSelection:t}=(0,m.useSelect)(Vn),{clearSelectedBlock:n}=(0,m.useDispatch)(Vn);return(0,d.useRefEffect)((o=>{function r(r){(e()||t())&&r.target===o&&n()}return o.addEventListener("mousedown",r),()=>{o.removeEventListener("mousedown",r)}}),[e,t,n])}function Ka(e){return(0,s.createElement)("div",i({ref:ja()},e))}function qa(e,t){const n="start"===t?"firstChild":"lastChild",o="start"===t?"nextSibling":"previousSibling";for(;e[n];)for(e=e[n];e.nodeType===e.TEXT_NODE&&/^[ \t\n]*$/.test(e.data)&&e[o];)e=e[o];return e}function Ya(e){const{isMultiSelecting:t,getMultiSelectedBlockClientIds:n,hasMultiSelection:o,getSelectedBlockClientId:r}=e(Vn);return{isMultiSelecting:t(),multiSelectedBlockClientIds:n(),hasMultiSelection:o(),selectedBlockClientId:r()}}function Za(){const{isMultiSelecting:e,multiSelectedBlockClientIds:t,hasMultiSelection:n,selectedBlockClientId:o}=(0,m.useSelect)(Ya,[]),r=Sa(o),l=Sa((0,u.first)(t)),i=Sa((0,u.last)(t));return(0,d.useRefEffect)((s=>{const{ownerDocument:a}=s,{defaultView:c}=a;if(!n||e){if(!o||e)return;const t=c.getSelection();if(t.rangeCount&&!t.isCollapsed){const e=r.current,{startContainer:n,endContainer:o}=t.getRangeAt(0);!e||e.contains(n)&&e.contains(o)||t.removeAllRanges()}return}const{length:u}=t;if(u<2)return;if(!l.current||!i.current)return;s.focus();const d=c.getSelection(),p=a.createRange(),m=qa(l.current,"start"),f=qa(i.current,"end");var h;h=s,Array.from(h.querySelectorAll(".rich-text")).forEach((e=>{e.removeAttribute("contenteditable")})),p.setStartBefore(m),p.setEndAfter(f),d.removeAllRanges(),d.addRange(p)}),[n,e,t,o])}function Xa(e){const{tagName:t}=e;return"INPUT"===t||"BUTTON"===t||"SELECT"===t||"TEXTAREA"===t}function Qa(e,t,n,o){let r,l=or.focus.focusable.find(n);return t&&(l=(0,u.reverse)(l)),l=l.slice(l.indexOf(e)+1),o&&(r=e.getBoundingClientRect()),(0,u.find)(l,(function(e){if(!or.focus.tabbable.isTabbableIndex(e))return!1;if(e.isContentEditable&&"true"!==e.contentEditable)return!1;if(o){const t=e.getBoundingClientRect();if(t.left>=r.right||t.right<=r.left)return!1}return!0}))}function Ja(){const{getSelectedBlockClientId:e,getMultiSelectedBlocksStartClientId:t,getMultiSelectedBlocksEndClientId:n,getPreviousBlockClientId:o,getNextBlockClientId:r,getFirstMultiSelectedBlockClientId:l,getLastMultiSelectedBlockClientId:i,getSettings:s,hasMultiSelection:a}=(0,m.useSelect)(Vn),{multiSelect:c,selectBlock:u}=(0,m.useDispatch)(Vn);return(0,d.useRefEffect)((d=>{let p;function m(){p=null}function f(l){const i=e(),s=t(),a=n(),d=o(a||i),p=r(a||i),m=l?d:p;m&&(s===m?u(m):c(s||i,m))}function h(e){const t=l(),n=i(),o=e?t:n;o&&u(o)}function g(t){const{keyCode:l,target:i}=t,c=l===ga.UP,u=l===ga.DOWN,m=l===ga.LEFT,g=l===ga.RIGHT,v=c||m,b=m||g,k=c||u,_=b||k,y=t.shiftKey,E=y||t.ctrlKey||t.altKey||t.metaKey,C=k?or.isVerticalEdge:or.isHorizontalEdge,{ownerDocument:w}=d,{defaultView:S}=w;if(a())return void(_&&((y?f:h)(v),t.preventDefault()));if(k?p||(p=(0,or.computeCaretRect)(S)):p=null,t.defaultPrevented)return;if(!_)return;if(!function(e,t,n){if((t===ga.UP||t===ga.DOWN)&&!n)return!0;const{tagName:o}=e;return"INPUT"!==o&&"TEXTAREA"!==o}(i,l,E))return;const B=(0,or.isRTL)(i)?!v:v,{keepCaretInsideBlock:I}=s(),x=e();if(y){const e=n(),l=o(e||x),s=r(e||x);(v&&l||!v&&s)&&function(e,t){const n=Qa(e,t,d);return!n||!function(e,t){return e.closest(la)===t.closest(la)}(e,n)}(i,v)&&C(i,v)&&(f(v),t.preventDefault())}else if(k&&(0,or.isVerticalEdge)(i,v)&&!I){const e=Qa(i,v,d,!0);e&&((0,or.placeCaretAtVerticalEdge)(e,v,p),t.preventDefault())}else if(b&&S.getSelection().isCollapsed&&(0,or.isHorizontalEdge)(i,B)&&!I){const e=Qa(i,B,d);(0,or.placeCaretAtHorizontalEdge)(e,v),t.preventDefault()}}return d.addEventListener("mousedown",m),d.addEventListener("keydown",g),()=>{d.removeEventListener("mousedown",m),d.removeEventListener("keydown",g)}}),[])}var ec=window.wp.keyboardShortcuts;function tc(){const{getBlockOrder:e,getSelectedBlockClientIds:t,getBlockRootClientId:n}=(0,m.useSelect)(Vn),{multiSelect:o}=(0,m.useDispatch)(Vn),r=(0,ec.__unstableUseShortcutEventMatch)();return(0,d.useRefEffect)((l=>{function i(l){if(!r("core/block-editor/select-all",l))return;if(!(0,or.isEntirelySelected)(l.target))return;const i=t(),[s]=i,a=n(s);let c=e(a);i.length===c.length&&(c=e(n(a)));const d=(0,u.first)(c),p=(0,u.last)(c);d!==p&&(o(d,p),l.preventDefault())}return l.addEventListener("keydown",i),()=>{l.removeEventListener("keydown",i)}}),[])}function nc(){const[e,t,n]=function(){const e=(0,s.useRef)(),t=(0,s.useRef)(),n=(0,s.useRef)(),o=(0,s.useRef)(),{hasMultiSelection:r,getSelectedBlockClientId:l,getBlockCount:i}=(0,m.useSelect)(Vn),{setNavigationMode:a}=(0,m.useDispatch)(Vn),c=(0,m.useSelect)((e=>e(Vn).isNavigationMode()),[])?void 0:"0",u=(0,s.useRef)();function p(t){if(u.current)u.current=null;else if(r())e.current.focus();else if(l())o.current.focus();else{a(!0);const n=t.target.compareDocumentPosition(e.current)&t.target.DOCUMENT_POSITION_FOLLOWING?"findNext":"findPrevious";or.focus.tabbable[n](t.target).focus()}}const f=(0,s.createElement)("div",{ref:t,tabIndex:c,onFocus:p}),h=(0,s.createElement)("div",{ref:n,tabIndex:c,onFocus:p}),g=(0,d.useRefEffect)((s=>{function c(e){if(e.defaultPrevented)return;if(e.keyCode===ga.ESCAPE&&!r())return e.preventDefault(),void a(!0);if(e.keyCode!==ga.TAB)return;const o=e.shiftKey,i=o?"findPrevious":"findNext";if(!r()&&!l())return void(e.target===s&&a(!0));if(Xa(e.target)&&Xa(or.focus.tabbable[i](e.target)))return;const c=o?t:n;u.current=!0,c.current.focus({preventScroll:!0})}function d(e){o.current=e.target;const{ownerDocument:t}=s;e.relatedTarget||t.activeElement!==t.body||0!==i()||s.focus()}function p(o){var r;if(o.keyCode!==ga.TAB)return;if("region"===(null===(r=o.target)||void 0===r?void 0:r.getAttribute("role")))return;if(e.current===o.target)return;const l=o.shiftKey?"findPrevious":"findNext",i=or.focus.tabbable[l](o.target);i!==t.current&&i!==n.current||(o.preventDefault(),i.focus({preventScroll:!0}))}const{ownerDocument:m}=s,{defaultView:f}=m;return f.addEventListener("keydown",p),s.addEventListener("keydown",c),s.addEventListener("focusout",d),()=>{f.removeEventListener("keydown",p),s.removeEventListener("keydown",c),s.removeEventListener("focusout",d)}}),[]);return[f,(0,d.useMergeRefs)([e,g]),h]}(),o=(0,m.useSelect)((e=>e(Vn).hasMultiSelection()),[]);return[e,(0,d.useMergeRefs)([t,Za(),tc(),Ja(),(0,d.useRefEffect)((e=>{if(e.tabIndex=-1,o)return e.setAttribute("aria-label",(0,h.__)("Multiple selected blocks")),()=>{e.removeAttribute("aria-label")}}),[o])]),n]}var oc=(0,s.forwardRef)((function({children:e,...t},n){const[o,r,l]=nc();return(0,s.createElement)(s.Fragment,null,o,(0,s.createElement)("div",i({},t,{ref:(0,d.useMergeRefs)([r,n]),className:c()(t.className,"block-editor-writing-flow")}),e),l)}));const rc="editor-styles-wrapper";function lc(e){return(0,s.useMemo)((()=>{const t=document.implementation.createHTMLDocument("");return t.body.innerHTML=e,Array.from(t.body.children)}),[e])}var ic=(0,s.forwardRef)((function({contentRef:e,children:t,head:n,tabIndex:o=0,...r},l){var a,u;const[,m]=(0,s.useReducer)((()=>({}))),[f,g]=(0,s.useState)(),[v,b]=(0,s.useState)([]),k=lc(null===(a=window.__editorAssets)||void 0===a?void 0:a.styles),_=lc(null===(u=window.__editorAssets)||void 0===u?void 0:u.scripts),y=ja(),[E,C,w]=nc(),S=(0,d.useRefEffect)((e=>{function t(){const{contentDocument:t,ownerDocument:n}=e,{readyState:o,documentElement:r}=t;return("interactive"===o||"complete"===o)&&(function(e){const{defaultView:t}=e,{frameElement:n}=t;function o(e){const o=Object.getPrototypeOf(e).constructor.name,r=window[o],l={};for(const t in e)l[t]=e[t];if(e instanceof t.MouseEvent){const e=n.getBoundingClientRect();l.clientX+=e.left,l.clientY+=e.top}const i=new r(e.type,l);!n.dispatchEvent(i)&&e.preventDefault()}const r=["dragover"];for(const t of r)e.addEventListener(t,o)}(t),g(t),y(r),b(Array.from(n.body.classList).filter((e=>e.startsWith("admin-color-")||"wp-embed-responsive"===e))),t.dir=n.dir,r.removeChild(t.head),r.removeChild(t.body),!0)}t()||e.addEventListener("load",(()=>{t()}))}),[]),B=(0,d.useRefEffect)((e=>{_.reduce(((t,n)=>t.then((()=>async function(e,{id:t,src:n}){return new Promise(((o,r)=>{const l=e.ownerDocument.createElement("script");l.id=t,n?(l.src=n,l.onload=()=>o(),l.onerror=()=>r()):o(),e.appendChild(l)}))}(e,n)))),Promise.resolve()).finally((()=>{m()}))}),[]),I=(0,d.useMergeRefs)([e,y,C]);return(0,s.useEffect)((()=>{var e;f&&(e=f,Array.from(document.styleSheets).forEach((t=>{try{t.cssRules}catch(e){return}const{ownerNode:n,cssRules:o}=t;if(o&&"LINK"===n.tagName&&"wp-reset-editor-styles-css"!==n.id&&Array.from(o).find((({selectorText:e})=>e&&(e.includes(`.${rc}`)||e.includes(".wp-block"))))&&!e.getElementById(n.id)){console.warn(`Stylesheet ${n.id} was not properly added.\nFor blocks, use the block API's style (https://developer.wordpress.org/block-editor/reference-guides/block-api/block-metadata/#style) or editorStyle (https://developer.wordpress.org/block-editor/reference-guides/block-api/block-metadata/#editor-style).\nFor themes, use add_editor_style (https://developer.wordpress.org/block-editor/how-to-guides/themes/theme-support/#editor-styles).`,n.outerHTML),e.head.appendChild(n.cloneNode(!0));const t=n.id.replace("-css","-inline-css"),o=document.getElementById(t);o&&e.head.appendChild(o.cloneNode(!0))}})))}),[f]),n=(0,s.createElement)(s.Fragment,null,(0,s.createElement)("style",null,"body{margin:0}"),k.map((({tagName:e,href:t,id:n,rel:o,media:r,textContent:l})=>{const i=e.toLowerCase();return"style"===i?(0,s.createElement)(i,{id:n,key:n},l):(0,s.createElement)(i,{href:t,id:n,rel:o,media:r,key:n})})),n),(0,s.createElement)(s.Fragment,null,o>=0&&E,(0,s.createElement)("iframe",i({},r,{ref:(0,d.useMergeRefs)([l,S]),tabIndex:o,title:(0,h.__)("Editor canvas")}),f&&(0,s.createPortal)((0,s.createElement)(s.Fragment,null,(0,s.createElement)("head",{ref:B},n),(0,s.createElement)("body",{ref:I,className:c()(rc,...v)},(0,s.createElement)(p.__experimentalStyleProvider,{document:f},t))),f.documentElement)),o>=0&&w)})),sc={grad:.9,turn:360,rad:360/(2*Math.PI)},ac=function(e){return"string"==typeof e?e.length>0:"number"==typeof e},cc=function(e,t,n){return void 0===t&&(t=0),void 0===n&&(n=Math.pow(10,t)),Math.round(n*e)/n+0},uc=function(e,t,n){return void 0===t&&(t=0),void 0===n&&(n=1),e>n?n:e>t?e:t},dc=function(e){return(e=isFinite(e)?e%360:0)>0?e:e+360},pc=function(e){return{r:uc(e.r,0,255),g:uc(e.g,0,255),b:uc(e.b,0,255),a:uc(e.a)}},mc=function(e){return{r:cc(e.r),g:cc(e.g),b:cc(e.b),a:cc(e.a,3)}},fc=/^#([0-9a-f]{3,8})$/i,hc=function(e){var t=e.toString(16);return t.length<2?"0"+t:t},gc=function(e){var t=e.r,n=e.g,o=e.b,r=e.a,l=Math.max(t,n,o),i=l-Math.min(t,n,o),s=i?l===t?(n-o)/i:l===n?2+(o-t)/i:4+(t-n)/i:0;return{h:60*(s<0?s+6:s),s:l?i/l*100:0,v:l/255*100,a:r}},vc=function(e){var t=e.h,n=e.s,o=e.v,r=e.a;t=t/360*6,n/=100,o/=100;var l=Math.floor(t),i=o*(1-n),s=o*(1-(t-l)*n),a=o*(1-(1-t+l)*n),c=l%6;return{r:255*[o,s,i,i,a,o][c],g:255*[a,o,o,s,i,i][c],b:255*[i,i,a,o,o,s][c],a:r}},bc=function(e){return{h:dc(e.h),s:uc(e.s,0,100),l:uc(e.l,0,100),a:uc(e.a)}},kc=function(e){return{h:cc(e.h),s:cc(e.s),l:cc(e.l),a:cc(e.a,3)}},_c=function(e){return vc((n=(t=e).s,{h:t.h,s:(n*=((o=t.l)<50?o:100-o)/100)>0?2*n/(o+n)*100:0,v:o+n,a:t.a}));var t,n,o},yc=function(e){return{h:(t=gc(e)).h,s:(r=(200-(n=t.s))*(o=t.v)/100)>0&&r<200?n*o/100/(r<=100?r:200-r)*100:0,l:r/2,a:t.a};var t,n,o,r},Ec=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Cc=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,wc=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Sc=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Bc={string:[[function(e){var t=fc.exec(e);return t?(e=t[1]).length<=4?{r:parseInt(e[0]+e[0],16),g:parseInt(e[1]+e[1],16),b:parseInt(e[2]+e[2],16),a:4===e.length?cc(parseInt(e[3]+e[3],16)/255,2):1}:6===e.length||8===e.length?{r:parseInt(e.substr(0,2),16),g:parseInt(e.substr(2,2),16),b:parseInt(e.substr(4,2),16),a:8===e.length?cc(parseInt(e.substr(6,2),16)/255,2):1}:null:null},"hex"],[function(e){var t=wc.exec(e)||Sc.exec(e);return t?t[2]!==t[4]||t[4]!==t[6]?null:pc({r:Number(t[1])/(t[2]?100/255:1),g:Number(t[3])/(t[4]?100/255:1),b:Number(t[5])/(t[6]?100/255:1),a:void 0===t[7]?1:Number(t[7])/(t[8]?100:1)}):null},"rgb"],[function(e){var t=Ec.exec(e)||Cc.exec(e);if(!t)return null;var n,o,r=bc({h:(n=t[1],o=t[2],void 0===o&&(o="deg"),Number(n)*(sc[o]||1)),s:Number(t[3]),l:Number(t[4]),a:void 0===t[5]?1:Number(t[5])/(t[6]?100:1)});return _c(r)},"hsl"]],object:[[function(e){var t=e.r,n=e.g,o=e.b,r=e.a,l=void 0===r?1:r;return ac(t)&&ac(n)&&ac(o)?pc({r:Number(t),g:Number(n),b:Number(o),a:Number(l)}):null},"rgb"],[function(e){var t=e.h,n=e.s,o=e.l,r=e.a,l=void 0===r?1:r;if(!ac(t)||!ac(n)||!ac(o))return null;var i=bc({h:Number(t),s:Number(n),l:Number(o),a:Number(l)});return _c(i)},"hsl"],[function(e){var t=e.h,n=e.s,o=e.v,r=e.a,l=void 0===r?1:r;if(!ac(t)||!ac(n)||!ac(o))return null;var i=function(e){return{h:dc(e.h),s:uc(e.s,0,100),v:uc(e.v,0,100),a:uc(e.a)}}({h:Number(t),s:Number(n),v:Number(o),a:Number(l)});return vc(i)},"hsv"]]},Ic=function(e,t){for(var n=0;n<t.length;n++){var o=t[n][0](e);if(o)return[o,t[n][1]]}return[null,void 0]},xc=function(e,t){var n=yc(e);return{h:n.h,s:uc(n.s+100*t,0,100),l:n.l,a:n.a}},Tc=function(e){return(299*e.r+587*e.g+114*e.b)/1e3/255},Nc=function(e,t){var n=yc(e);return{h:n.h,s:n.s,l:uc(n.l+100*t,0,100),a:n.a}},Pc=function(){function e(e){this.parsed=function(e){return"string"==typeof e?Ic(e.trim(),Bc.string):"object"==typeof e&&null!==e?Ic(e,Bc.object):[null,void 0]}(e)[0],this.rgba=this.parsed||{r:0,g:0,b:0,a:1}}return e.prototype.isValid=function(){return null!==this.parsed},e.prototype.brightness=function(){return cc(Tc(this.rgba),2)},e.prototype.isDark=function(){return Tc(this.rgba)<.5},e.prototype.isLight=function(){return Tc(this.rgba)>=.5},e.prototype.toHex=function(){return t=(e=mc(this.rgba)).r,n=e.g,o=e.b,l=(r=e.a)<1?hc(cc(255*r)):"","#"+hc(t)+hc(n)+hc(o)+l;var e,t,n,o,r,l},e.prototype.toRgb=function(){return mc(this.rgba)},e.prototype.toRgbString=function(){return t=(e=mc(this.rgba)).r,n=e.g,o=e.b,(r=e.a)<1?"rgba("+t+", "+n+", "+o+", "+r+")":"rgb("+t+", "+n+", "+o+")";var e,t,n,o,r},e.prototype.toHsl=function(){return kc(yc(this.rgba))},e.prototype.toHslString=function(){return t=(e=kc(yc(this.rgba))).h,n=e.s,o=e.l,(r=e.a)<1?"hsla("+t+", "+n+"%, "+o+"%, "+r+")":"hsl("+t+", "+n+"%, "+o+"%)";var e,t,n,o,r},e.prototype.toHsv=function(){return e=gc(this.rgba),{h:cc(e.h),s:cc(e.s),v:cc(e.v),a:cc(e.a,3)};var e},e.prototype.invert=function(){return Mc({r:255-(e=this.rgba).r,g:255-e.g,b:255-e.b,a:e.a});var e},e.prototype.saturate=function(e){return void 0===e&&(e=.1),Mc(xc(this.rgba,e))},e.prototype.desaturate=function(e){return void 0===e&&(e=.1),Mc(xc(this.rgba,-e))},e.prototype.grayscale=function(){return Mc(xc(this.rgba,-1))},e.prototype.lighten=function(e){return void 0===e&&(e=.1),Mc(Nc(this.rgba,e))},e.prototype.darken=function(e){return void 0===e&&(e=.1),Mc(Nc(this.rgba,-e))},e.prototype.rotate=function(e){return void 0===e&&(e=15),this.hue(this.hue()+e)},e.prototype.alpha=function(e){return"number"==typeof e?Mc({r:(t=this.rgba).r,g:t.g,b:t.b,a:e}):cc(this.rgba.a,3);var t},e.prototype.hue=function(e){var t=yc(this.rgba);return"number"==typeof e?Mc({h:e,s:t.s,l:t.l,a:t.a}):cc(t.h)},e.prototype.isEqual=function(e){return this.toHex()===Mc(e).toHex()},e}(),Mc=function(e){return e instanceof Pc?e:new Pc(e)},Rc=[],Lc=function(e){e.forEach((function(e){Rc.indexOf(e)<0&&(e(Pc,Bc),Rc.push(e))}))};function Ac(e,t){var n={white:"#ffffff",bisque:"#ffe4c4",blue:"#0000ff",cadetblue:"#5f9ea0",chartreuse:"#7fff00",chocolate:"#d2691e",coral:"#ff7f50",antiquewhite:"#faebd7",aqua:"#00ffff",azure:"#f0ffff",whitesmoke:"#f5f5f5",papayawhip:"#ffefd5",plum:"#dda0dd",blanchedalmond:"#ffebcd",black:"#000000",gold:"#ffd700",goldenrod:"#daa520",gainsboro:"#dcdcdc",cornsilk:"#fff8dc",cornflowerblue:"#6495ed",burlywood:"#deb887",aquamarine:"#7fffd4",beige:"#f5f5dc",crimson:"#dc143c",cyan:"#00ffff",darkblue:"#00008b",darkcyan:"#008b8b",darkgoldenrod:"#b8860b",darkkhaki:"#bdb76b",darkgray:"#a9a9a9",darkgreen:"#006400",darkgrey:"#a9a9a9",peachpuff:"#ffdab9",darkmagenta:"#8b008b",darkred:"#8b0000",darkorchid:"#9932cc",darkorange:"#ff8c00",darkslateblue:"#483d8b",gray:"#808080",darkslategray:"#2f4f4f",darkslategrey:"#2f4f4f",deeppink:"#ff1493",deepskyblue:"#00bfff",wheat:"#f5deb3",firebrick:"#b22222",floralwhite:"#fffaf0",ghostwhite:"#f8f8ff",darkviolet:"#9400d3",magenta:"#ff00ff",green:"#008000",dodgerblue:"#1e90ff",grey:"#808080",honeydew:"#f0fff0",hotpink:"#ff69b4",blueviolet:"#8a2be2",forestgreen:"#228b22",lawngreen:"#7cfc00",indianred:"#cd5c5c",indigo:"#4b0082",fuchsia:"#ff00ff",brown:"#a52a2a",maroon:"#800000",mediumblue:"#0000cd",lightcoral:"#f08080",darkturquoise:"#00ced1",lightcyan:"#e0ffff",ivory:"#fffff0",lightyellow:"#ffffe0",lightsalmon:"#ffa07a",lightseagreen:"#20b2aa",linen:"#faf0e6",mediumaquamarine:"#66cdaa",lemonchiffon:"#fffacd",lime:"#00ff00",khaki:"#f0e68c",mediumseagreen:"#3cb371",limegreen:"#32cd32",mediumspringgreen:"#00fa9a",lightskyblue:"#87cefa",lightblue:"#add8e6",midnightblue:"#191970",lightpink:"#ffb6c1",mistyrose:"#ffe4e1",moccasin:"#ffe4b5",mintcream:"#f5fffa",lightslategray:"#778899",lightslategrey:"#778899",navajowhite:"#ffdead",navy:"#000080",mediumvioletred:"#c71585",powderblue:"#b0e0e6",palegoldenrod:"#eee8aa",oldlace:"#fdf5e6",paleturquoise:"#afeeee",mediumturquoise:"#48d1cc",mediumorchid:"#ba55d3",rebeccapurple:"#663399",lightsteelblue:"#b0c4de",mediumslateblue:"#7b68ee",thistle:"#d8bfd8",tan:"#d2b48c",orchid:"#da70d6",mediumpurple:"#9370db",purple:"#800080",pink:"#ffc0cb",skyblue:"#87ceeb",springgreen:"#00ff7f",palegreen:"#98fb98",red:"#ff0000",yellow:"#ffff00",slateblue:"#6a5acd",lavenderblush:"#fff0f5",peru:"#cd853f",palevioletred:"#db7093",violet:"#ee82ee",teal:"#008080",slategray:"#708090",slategrey:"#708090",aliceblue:"#f0f8ff",darkseagreen:"#8fbc8f",darkolivegreen:"#556b2f",greenyellow:"#adff2f",seagreen:"#2e8b57",seashell:"#fff5ee",tomato:"#ff6347",silver:"#c0c0c0",sienna:"#a0522d",lavender:"#e6e6fa",lightgreen:"#90ee90",orange:"#ffa500",orangered:"#ff4500",steelblue:"#4682b4",royalblue:"#4169e1",turquoise:"#40e0d0",yellowgreen:"#9acd32",salmon:"#fa8072",saddlebrown:"#8b4513",sandybrown:"#f4a460",rosybrown:"#bc8f8f",darksalmon:"#e9967a",lightgoldenrodyellow:"#fafad2",snow:"#fffafa",lightgrey:"#d3d3d3",lightgray:"#d3d3d3",dimgray:"#696969",dimgrey:"#696969",olivedrab:"#6b8e23",olive:"#808000"},o={};for(var r in n)o[n[r]]=r;var l={};e.prototype.toName=function(t){if(!(this.rgba.a||this.rgba.r||this.rgba.g||this.rgba.b))return"transparent";var r,i,s=o[this.toHex()];if(s)return s;if(null==t?void 0:t.closest){var a=this.toRgb(),c=1/0,u="black";if(!l.length)for(var d in n)l[d]=new e(n[d]).toRgb();for(var p in n){var m=(r=a,i=l[p],Math.pow(r.r-i.r,2)+Math.pow(r.g-i.g,2)+Math.pow(r.b-i.b,2));m<c&&(c=m,u=p)}return u}},t.string.push([function(t){var o=t.toLowerCase(),r="transparent"===o?"#0000":n[o];return r?new e(r).toRgb():null},"name"])}var Dc=function(e){var t=e/255;return t<.04045?t/12.92:Math.pow((t+.055)/1.055,2.4)},Oc=function(e){return.2126*Dc(e.r)+.7152*Dc(e.g)+.0722*Dc(e.b)};function Fc(e){e.prototype.luminance=function(){return e=Oc(this.rgba),void 0===(t=2)&&(t=0),void 0===n&&(n=Math.pow(10,t)),Math.round(n*e)/n+0;var e,t,n},e.prototype.contrast=function(t){void 0===t&&(t="#FFF");var n,o,r,l,i,s,a,c=t instanceof e?t:new e(t);return l=this.rgba,i=c.toRgb(),n=(s=Oc(l))>(a=Oc(i))?(s+.05)/(a+.05):(a+.05)/(s+.05),void 0===(o=2)&&(o=0),void 0===r&&(r=Math.pow(10,o)),Math.floor(r*n)/r+0},e.prototype.isReadable=function(e,t){return void 0===e&&(e="#FFF"),void 0===t&&(t={}),this.contrast(e)>=(i=void 0===(l=(n=t).size)?"normal":l,"AAA"===(r=void 0===(o=n.level)?"AA":o)&&"normal"===i?7:"AA"===r&&"large"===i?3:4.5);var n,o,r,l,i}}var zc=n(3692),Vc=n.n(zc);const Hc=/\/\*[^*]*\*+([^/*][^*]*\*+)*\//g;function Uc(e,t){t=t||{};let n=1,o=1;function r(e){const t=e.match(/\n/g);t&&(n+=t.length);const r=e.lastIndexOf("\n");o=~r?e.length-r:o+e.length}function l(){const e={line:n,column:o};return function(t){return t.position=new i(e),m(),t}}function i(e){this.start=e,this.end={line:n,column:o},this.source=t.source}i.prototype.content=e;const s=[];function a(r){const l=new Error(t.source+":"+n+":"+o+": "+r);if(l.reason=r,l.filename=t.source,l.line=n,l.column=o,l.source=e,!t.silent)throw l;s.push(l)}function c(){return p(/^{\s*/)}function u(){return p(/^}/)}function d(){let t;const n=[];for(m(),f(n);e.length&&"}"!==e.charAt(0)&&(t=w()||S());)!1!==t&&(n.push(t),f(n));return n}function p(t){const n=t.exec(e);if(!n)return;const o=n[0];return r(o),e=e.slice(o.length),n}function m(){p(/^\s*/)}function f(e){let t;for(e=e||[];t=h();)!1!==t&&e.push(t);return e}function h(){const t=l();if("/"!==e.charAt(0)||"*"!==e.charAt(1))return;let n=2;for(;""!==e.charAt(n)&&("*"!==e.charAt(n)||"/"!==e.charAt(n+1));)++n;if(n+=2,""===e.charAt(n-1))return a("End of comment missing");const i=e.slice(2,n-2);return o+=2,r(i),e=e.slice(n),o+=2,t({type:"comment",comment:i})}function g(){const e=p(/^([^{]+)/);if(e)return Gc(e[0]).replace(/\/\*([^*]|[\r\n]|(\*+([^*/]|[\r\n])))*\*\/+/g,"").replace(/"(?:\\"|[^"])*"|'(?:\\'|[^'])*'/g,(function(e){return e.replace(/,/g,"")})).split(/\s*(?![^(]*\)),\s*/).map((function(e){return e.replace(/\u200C/g,",")}))}function v(){const e=l();let t=p(/^(\*?[-#\/\*\\\w]+(\[[0-9a-z_-]+\])?)\s*/);if(!t)return;if(t=Gc(t[0]),!p(/^:\s*/))return a("property missing ':'");const n=p(/^((?:'(?:\\'|.)*?'|"(?:\\"|.)*?"|\([^\)]*?\)|[^};])+)/),o=e({type:"declaration",property:t.replace(Hc,""),value:n?Gc(n[0]).replace(Hc,""):""});return p(/^[;\s]*/),o}function b(){const e=[];if(!c())return a("missing '{'");let t;for(f(e);t=v();)!1!==t&&(e.push(t),f(e));return u()?e:a("missing '}'")}function k(){let e;const t=[],n=l();for(;e=p(/^((\d+\.\d+|\.\d+|\d+)%?|[a-z]+)\s*/);)t.push(e[1]),p(/^,\s*/);if(t.length)return n({type:"keyframe",values:t,declarations:b()})}const _=C("import"),y=C("charset"),E=C("namespace");function C(e){const t=new RegExp("^@"+e+"\\s*([^;]+);");return function(){const n=l(),o=p(t);if(!o)return;const r={type:e};return r[e]=o[1].trim(),n(r)}}function w(){if("@"===e[0])return function(){const e=l();let t=p(/^@([-\w]+)?keyframes\s*/);if(!t)return;const n=t[1];if(t=p(/^([-\w]+)\s*/),!t)return a("@keyframes missing name");const o=t[1];if(!c())return a("@keyframes missing '{'");let r,i=f();for(;r=k();)i.push(r),i=i.concat(f());return u()?e({type:"keyframes",name:o,vendor:n,keyframes:i}):a("@keyframes missing '}'")}()||function(){const e=l(),t=p(/^@media *([^{]+)/);if(!t)return;const n=Gc(t[1]);if(!c())return a("@media missing '{'");const o=f().concat(d());return u()?e({type:"media",media:n,rules:o}):a("@media missing '}'")}()||function(){const e=l(),t=p(/^@custom-media\s+(--[^\s]+)\s*([^{;]+);/);if(t)return e({type:"custom-media",name:Gc(t[1]),media:Gc(t[2])})}()||function(){const e=l(),t=p(/^@supports *([^{]+)/);if(!t)return;const n=Gc(t[1]);if(!c())return a("@supports missing '{'");const o=f().concat(d());return u()?e({type:"supports",supports:n,rules:o}):a("@supports missing '}'")}()||_()||y()||E()||function(){const e=l(),t=p(/^@([-\w]+)?document *([^{]+)/);if(!t)return;const n=Gc(t[1]),o=Gc(t[2]);if(!c())return a("@document missing '{'");const r=f().concat(d());return u()?e({type:"document",document:o,vendor:n,rules:r}):a("@document missing '}'")}()||function(){const e=l();if(!p(/^@page */))return;const t=g()||[];if(!c())return a("@page missing '{'");let n,o=f();for(;n=v();)o.push(n),o=o.concat(f());return u()?e({type:"page",selectors:t,declarations:o}):a("@page missing '}'")}()||function(){const e=l();if(!p(/^@host\s*/))return;if(!c())return a("@host missing '{'");const t=f().concat(d());return u()?e({type:"host",rules:t}):a("@host missing '}'")}()||function(){const e=l();if(!p(/^@font-face\s*/))return;if(!c())return a("@font-face missing '{'");let t,n=f();for(;t=v();)n.push(t),n=n.concat(f());return u()?e({type:"font-face",declarations:n}):a("@font-face missing '}'")}()}function S(){const e=l(),t=g();return t?(f(),e({type:"rule",selectors:t,declarations:b()})):a("selector missing")}return Wc(function(){const e=d();return{type:"stylesheet",stylesheet:{source:t.source,rules:e,parsingErrors:s}}}())}function Gc(e){return e?e.replace(/^\s+|\s+$/g,""):""}function Wc(e,t){const n=e&&"string"==typeof e.type,o=n?e:t;for(const t in e){const n=e[t];Array.isArray(n)?n.forEach((function(e){Wc(e,o)})):n&&"object"==typeof n&&Wc(n,o)}return n&&Object.defineProperty(e,"parent",{configurable:!0,writable:!0,enumerable:!1,value:t||null}),e}var $c=n(5717),jc=n.n($c),Kc=qc;function qc(e){this.options=e||{}}qc.prototype.emit=function(e){return e},qc.prototype.visit=function(e){return this[e.type](e)},qc.prototype.mapVisit=function(e,t){let n="";t=t||"";for(let o=0,r=e.length;o<r;o++)n+=this.visit(e[o]),t&&o<r-1&&(n+=this.emit(t));return n};var Yc=Zc;function Zc(e){Kc.call(this,e)}jc()(Zc,Kc),Zc.prototype.compile=function(e){return e.stylesheet.rules.map(this.visit,this).join("")},Zc.prototype.comment=function(e){return this.emit("",e.position)},Zc.prototype.import=function(e){return this.emit("@import "+e.import+";",e.position)},Zc.prototype.media=function(e){return this.emit("@media "+e.media,e.position)+this.emit("{")+this.mapVisit(e.rules)+this.emit("}")},Zc.prototype.document=function(e){const t="@"+(e.vendor||"")+"document "+e.document;return this.emit(t,e.position)+this.emit("{")+this.mapVisit(e.rules)+this.emit("}")},Zc.prototype.charset=function(e){return this.emit("@charset "+e.charset+";",e.position)},Zc.prototype.namespace=function(e){return this.emit("@namespace "+e.namespace+";",e.position)},Zc.prototype.supports=function(e){return this.emit("@supports "+e.supports,e.position)+this.emit("{")+this.mapVisit(e.rules)+this.emit("}")},Zc.prototype.keyframes=function(e){return this.emit("@"+(e.vendor||"")+"keyframes "+e.name,e.position)+this.emit("{")+this.mapVisit(e.keyframes)+this.emit("}")},Zc.prototype.keyframe=function(e){const t=e.declarations;return this.emit(e.values.join(","),e.position)+this.emit("{")+this.mapVisit(t)+this.emit("}")},Zc.prototype.page=function(e){const t=e.selectors.length?e.selectors.join(", "):"";return this.emit("@page "+t,e.position)+this.emit("{")+this.mapVisit(e.declarations)+this.emit("}")},Zc.prototype["font-face"]=function(e){return this.emit("@font-face",e.position)+this.emit("{")+this.mapVisit(e.declarations)+this.emit("}")},Zc.prototype.host=function(e){return this.emit("@host",e.position)+this.emit("{")+this.mapVisit(e.rules)+this.emit("}")},Zc.prototype["custom-media"]=function(e){return this.emit("@custom-media "+e.name+" "+e.media+";",e.position)},Zc.prototype.rule=function(e){const t=e.declarations;return t.length?this.emit(e.selectors.join(","),e.position)+this.emit("{")+this.mapVisit(t)+this.emit("}"):""},Zc.prototype.declaration=function(e){return this.emit(e.property+":"+e.value,e.position)+this.emit(";")};var Xc=Qc;function Qc(e){e=e||{},Kc.call(this,e),this.indentation=e.indent}jc()(Qc,Kc),Qc.prototype.compile=function(e){return this.stylesheet(e)},Qc.prototype.stylesheet=function(e){return this.mapVisit(e.stylesheet.rules,"\n\n")},Qc.prototype.comment=function(e){return this.emit(this.indent()+"/*"+e.comment+"*/",e.position)},Qc.prototype.import=function(e){return this.emit("@import "+e.import+";",e.position)},Qc.prototype.media=function(e){return this.emit("@media "+e.media,e.position)+this.emit(" {\n"+this.indent(1))+this.mapVisit(e.rules,"\n\n")+this.emit(this.indent(-1)+"\n}")},Qc.prototype.document=function(e){const t="@"+(e.vendor||"")+"document "+e.document;return this.emit(t,e.position)+this.emit(" {\n"+this.indent(1))+this.mapVisit(e.rules,"\n\n")+this.emit(this.indent(-1)+"\n}")},Qc.prototype.charset=function(e){return this.emit("@charset "+e.charset+";",e.position)},Qc.prototype.namespace=function(e){return this.emit("@namespace "+e.namespace+";",e.position)},Qc.prototype.supports=function(e){return this.emit("@supports "+e.supports,e.position)+this.emit(" {\n"+this.indent(1))+this.mapVisit(e.rules,"\n\n")+this.emit(this.indent(-1)+"\n}")},Qc.prototype.keyframes=function(e){return this.emit("@"+(e.vendor||"")+"keyframes "+e.name,e.position)+this.emit(" {\n"+this.indent(1))+this.mapVisit(e.keyframes,"\n")+this.emit(this.indent(-1)+"}")},Qc.prototype.keyframe=function(e){const t=e.declarations;return this.emit(this.indent())+this.emit(e.values.join(", "),e.position)+this.emit(" {\n"+this.indent(1))+this.mapVisit(t,"\n")+this.emit(this.indent(-1)+"\n"+this.indent()+"}\n")},Qc.prototype.page=function(e){const t=e.selectors.length?e.selectors.join(", ")+" ":"";return this.emit("@page "+t,e.position)+this.emit("{\n")+this.emit(this.indent(1))+this.mapVisit(e.declarations,"\n")+this.emit(this.indent(-1))+this.emit("\n}")},Qc.prototype["font-face"]=function(e){return this.emit("@font-face ",e.position)+this.emit("{\n")+this.emit(this.indent(1))+this.mapVisit(e.declarations,"\n")+this.emit(this.indent(-1))+this.emit("\n}")},Qc.prototype.host=function(e){return this.emit("@host",e.position)+this.emit(" {\n"+this.indent(1))+this.mapVisit(e.rules,"\n\n")+this.emit(this.indent(-1)+"\n}")},Qc.prototype["custom-media"]=function(e){return this.emit("@custom-media "+e.name+" "+e.media+";",e.position)},Qc.prototype.rule=function(e){const t=this.indent(),n=e.declarations;return n.length?this.emit(e.selectors.map((function(e){return t+e})).join(",\n"),e.position)+this.emit(" {\n")+this.emit(this.indent(1))+this.mapVisit(n,"\n")+this.emit(this.indent(-1))+this.emit("\n"+this.indent()+"}"):""},Qc.prototype.declaration=function(e){return this.emit(this.indent())+this.emit(e.property+": "+e.value,e.position)+this.emit(";")},Qc.prototype.indent=function(e){return this.level=this.level||1,null!==e?(this.level+=e,""):Array(this.level).join(this.indentation||" ")};function Jc(e){return 0!==e.value.indexOf("data:")&&0!==e.value.indexOf("#")&&(t=e.value,!/^\/(?!\/)/.test(t)&&!function(e){return/^(?:https?:)?\/\//.test(e)}(e.value));var t}function eu(e,t){return new URL(e,t).toString()}const tu=/^(body|html|:root).*$/;var nu=(e,t="")=>(0,u.map)(e,(({css:e,baseURL:n,__experimentalNoWrapper:o=!1})=>{const r=[];return t&&!o&&r.push(((e,t=[])=>n=>"rule"===n.type?{...n,selectors:n.selectors.map((n=>t.includes(n.trim())?n:n.match(tu)?n.replace(/^(body|html|:root)/,e):e+" "+n))}:n)(t)),n&&r.push((l=n,e=>{if("declaration"===e.type){const r=function(e){const t=/url\((\s*)(['"]?)(.+?)\2(\s*)\)/g;let n;const o=[];for(;null!==(n=t.exec(e));){const e={source:n[0],before:n[1],quote:n[2],value:n[3],after:n[4]};Jc(e)&&o.push(e)}return o}(e.value).map((o=l,e=>({...e,newUrl:"url("+e.before+e.quote+eu(e.value,o)+e.quote+e.after+")"})));return{...e,value:(t=e.value,n=r,n.forEach((e=>{t=t.replace(e.source,e.newUrl)})),t)}}var t,n,o;return e})),r.length?function(e,t){try{const r=Uc(e);return n=Vc().map(r,(function(e){if(!e)return e;const n=t(e);return this.update(n)})),((o=o||{}).compress?new Yc(o):new Xc(o)).compile(n)}catch(e){return console.warn("Error while traversing the CSS: "+e),null}var n,o}(e,(0,d.compose)(r)):e;var l}));const ou=".editor-styles-wrapper";function ru(e){return(0,s.useCallback)((e=>{if(!e)return;const{ownerDocument:t}=e,{defaultView:n,body:o}=t,r=t.querySelector(ou);let l;if(r)l=n.getComputedStyle(r,null).getPropertyValue("background-color");else{const e=t.createElement("div");e.classList.add("editor-styles-wrapper"),o.appendChild(e),l=n.getComputedStyle(e,null).getPropertyValue("background-color"),o.removeChild(e)}const i=Mc(l);i.luminance()>.5||0===i.alpha()?o.classList.remove("is-dark-theme"):o.classList.add("is-dark-theme")}),[e])}function lu({styles:e}){const t=(0,s.useMemo)((()=>nu(e,ou)),[e]);return(0,s.createElement)(s.Fragment,null,(0,s.createElement)("style",{ref:ru(e)}),t.map(((e,t)=>(0,s.createElement)("style",{key:t},e))))}let iu;Lc([Ac,Fc]);var su=function({viewportWidth:e,__experimentalPadding:t}){const[n,{width:o}]=(0,d.useResizeObserver)(),[r,{height:l}]=(0,d.useResizeObserver)(),i=(0,m.useSelect)((e=>e(Vn).getSettings().styles),[]);iu=iu||(0,d.pure)(nm);const a=o/e;return(0,s.createElement)("div",{className:"block-editor-block-preview__container"},n,(0,s.createElement)(p.Disabled,{className:"block-editor-block-preview__content",style:{transform:`scale(${a})`,height:l*a}},(0,s.createElement)(ic,{head:(0,s.createElement)(lu,{styles:i}),contentRef:(0,d.useRefEffect)((e=>{const{ownerDocument:{documentElement:n}}=e;n.style.position="absolute",n.style.width="100%",e.style.padding=t+"px"}),[]),"aria-hidden":!0,tabIndex:-1,style:{position:"absolute",width:e,height:l,pointerEvents:"none"}},r,(0,s.createElement)(iu,{renderAppender:!1}))))},au=(0,s.memo)((function({blocks:e,__experimentalPadding:t=0,viewportWidth:n=1200,__experimentalLive:o=!1,__experimentalOnClick:r}){const l=(0,m.useSelect)((e=>e(Vn).getSettings()),[]),i=(0,s.useMemo)((()=>{const e={...l};return e.__experimentalBlockPatterns=[],e}),[l]),a=(0,s.useMemo)((()=>(0,u.castArray)(e)),[e]);return e&&0!==e.length?(0,s.createElement)(Wa,{value:a,settings:i},o?(0,s.createElement)($a,{onClick:r}):(0,s.createElement)(su,{viewportWidth:n,__experimentalPadding:t})):null})),cu=function({item:e}){var t,n;const{name:o,title:l,icon:i,description:a,initialAttributes:c}=e,u=(0,r.getBlockType)(o),d=(0,r.isReusableBlock)(e);return(0,s.createElement)("div",{className:"block-editor-inserter__preview-container"},(0,s.createElement)("div",{className:"block-editor-inserter__preview"},d||null!=u&&u.example?(0,s.createElement)("div",{className:"block-editor-inserter__preview-content"},(0,s.createElement)(au,{__experimentalPadding:16,viewportWidth:null!==(t=null===(n=u.example)||void 0===n?void 0:n.viewportWidth)&&void 0!==t?t:500,blocks:u.example?(0,r.getBlockFromExample)(e.name,{attributes:{...u.example.attributes,...c},innerBlocks:u.example.innerBlocks}):(0,r.createBlock)(o,c)})):(0,s.createElement)("div",{className:"block-editor-inserter__preview-content-missing"},(0,h.__)("No Preview Available."))),!d&&(0,s.createElement)(Ua,{title:l,icon:i,description:a}))},uu=(0,s.createContext)(),du=(0,s.forwardRef)((function({isFirst:e,as:t,children:n,...o},r){const l=(0,s.useContext)(uu);return(0,s.createElement)(p.__unstableCompositeItem,i({ref:r,state:l,role:"option",focusable:!0},o),(o=>{const r={...o,tabIndex:e?0:o.tabIndex};return t?(0,s.createElement)(t,r,n):"function"==typeof n?n(r):(0,s.createElement)(p.Button,r,n)}))})),pu=(0,s.createElement)(F.SVG,{width:"18",height:"18",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 18 18"},(0,s.createElement)(F.Path,{d:"M5 4h2V2H5v2zm6-2v2h2V2h-2zm-6 8h2V8H5v2zm6 0h2V8h-2v2zm-6 6h2v-2H5v2zm6 0h2v-2h-2v2z"}));function mu({count:e,icon:t}){return(0,s.createElement)("div",{className:"block-editor-block-draggable-chip-wrapper"},(0,s.createElement)("div",{className:"block-editor-block-draggable-chip"},(0,s.createElement)(p.Flex,{justify:"center",className:"block-editor-block-draggable-chip__content"},(0,s.createElement)(p.FlexItem,null,t?(0,s.createElement)(Ha,{icon:t}):(0,h.sprintf)(
|
11 |
/* translators: %d: Number of blocks. */
|
12 |
+
(0,h._n)("%d block","%d blocks",e),e)),(0,s.createElement)(p.FlexItem,null,(0,s.createElement)(Ha,{icon:pu})))))}var fu=({isEnabled:e,blocks:t,icon:n,children:o})=>{const r={type:"inserter",blocks:t};return(0,s.createElement)(p.Draggable,{__experimentalTransferDataType:"wp-blocks",transferData:r,__experimentalDragComponent:(0,s.createElement)(mu,{count:t.length,icon:n})},(({onDraggableStart:t,onDraggableEnd:n})=>o({draggable:e,onDragStart:e?t:void 0,onDragEnd:e?n:void 0})))};function hu(e=window){const{platform:t}=e.navigator;return-1!==t.indexOf("Mac")||["iPad","iPhone"].includes(t)}var gu=(0,s.memo)((function({className:e,isFirst:t,item:n,onSelect:o,onHover:l,isDraggable:a,...u}){const d=(0,s.useRef)(!1),p=n.icon?{backgroundColor:n.icon.background,color:n.icon.foreground}:{},m=(0,s.useMemo)((()=>[(0,r.createBlock)(n.name,n.initialAttributes,(0,r.createBlocksFromInnerBlocksTemplate)(n.innerBlocks))]),[n.name,n.initialAttributes,n.initialAttributes]);return(0,s.createElement)(fu,{isEnabled:a&&!n.disabled,blocks:m,icon:n.icon},(({draggable:r,onDragStart:a,onDragEnd:m})=>(0,s.createElement)("div",{className:"block-editor-block-types-list__list-item",draggable:r,onDragStart:e=>{d.current=!0,a&&(l(null),a(e))},onDragEnd:e=>{d.current=!1,m&&m(e)}},(0,s.createElement)(du,i({isFirst:t,className:c()("block-editor-block-types-list__item",e),disabled:n.isDisabled,onClick:e=>{e.preventDefault(),o(n,hu()?e.metaKey:e.ctrlKey),l(null)},onKeyDown:e=>{const{keyCode:t}=e;t===ga.ENTER&&(e.preventDefault(),o(n,hu()?e.metaKey:e.ctrlKey),l(null))},onFocus:()=>{d.current||l(n)},onMouseEnter:()=>{d.current||l(n)},onMouseLeave:()=>l(null),onBlur:()=>l(null)},u),(0,s.createElement)("span",{className:"block-editor-block-types-list__item-icon",style:p},(0,s.createElement)(Ha,{icon:n.icon,showColors:!0})),(0,s.createElement)("span",{className:"block-editor-block-types-list__item-title"},n.title)))))})),vu=(0,s.forwardRef)((function(e,t){const[n,o]=(0,s.useState)(!1);return(0,s.useEffect)((()=>{n&&(0,Pt.speak)((0,h.__)("Use left and right arrow keys to move through blocks"))}),[n]),(0,s.createElement)("div",i({ref:t,role:"listbox","aria-orientation":"horizontal",onFocus:()=>{o(!0)},onBlur:e=>{!e.currentTarget.contains(e.relatedTarget)&&o(!1)}},e))})),bu=(0,s.forwardRef)((function(e,t){const n=(0,s.useContext)(uu);return(0,s.createElement)(p.__unstableCompositeGroup,i({state:n,role:"presentation",ref:t},e))})),ku=function({items:e=[],onSelect:t,onHover:n=(()=>{}),children:o,label:l,isDraggable:i=!0}){return(0,s.createElement)(vu,{className:"block-editor-block-types-list","aria-label":l},function(e,t){const n=[];for(let t=0,o=e.length;t<o;t+=3)n.push(e.slice(t,t+3));return n}(e).map(((e,o)=>(0,s.createElement)(bu,{key:o},e.map(((e,l)=>(0,s.createElement)(gu,{key:e.id,item:e,className:(0,r.getBlockMenuDefaultClassName)(e.id),onSelect:t,onHover:n,isDraggable:i,isFirst:0===o&&0===l})))))),o)},_u=function({title:e,icon:t,children:n}){return(0,s.createElement)(s.Fragment,null,(0,s.createElement)("div",{className:"block-editor-inserter__panel-header"},(0,s.createElement)("h2",{className:"block-editor-inserter__panel-title"},e),(0,s.createElement)(p.Icon,{icon:t})),(0,s.createElement)("div",{className:"block-editor-inserter__panel-content"},n))},yu=(e,t)=>{const{categories:n,collections:o,items:l}=(0,m.useSelect)((t=>{const{getInserterItems:n}=t(Vn),{getCategories:o,getCollections:l}=t(r.store);return{categories:o(),collections:l(),items:n(e)}}),[e]);return[l,n,o,(0,s.useCallback)((({name:e,initialAttributes:n,innerBlocks:o},l)=>{const i=(0,r.createBlock)(e,n,(0,r.createBlocksFromInnerBlocksTemplate)(o));t(i,void 0,l)}),[t])]},Eu=function({children:e}){const t=(0,p.__unstableUseCompositeState)({shift:!0,wrap:"horizontal"});return(0,s.createElement)(uu.Provider,{value:t},e)};const Cu=[];var wu=function({rootClientId:e,onInsert:t,onHover:n,showMostUsedBlocks:o}){const[r,l,i,a]=yu(e,t),c=(0,s.useMemo)((()=>(0,u.orderBy)(r,["frecency"],["desc"]).slice(0,6)),[r]),p=(0,s.useMemo)((()=>r.filter((e=>!e.category))),[r]),m=(0,s.useMemo)((()=>(0,u.flow)((e=>e.filter((e=>e.category&&"reusable"!==e.category))),(e=>(0,u.groupBy)(e,"category")))(r)),[r]),f=(0,s.useMemo)((()=>{const e={...i};return Object.keys(i).forEach((t=>{e[t]=r.filter((e=>(e=>e.name.split("/")[0])(e)===t)),0===e[t].length&&delete e[t]})),e}),[r,i]);(0,s.useEffect)((()=>()=>n(null)),[]);const g=(0,d.useAsyncList)(l),v=l.length===g.length,b=(0,s.useMemo)((()=>Object.entries(i)),[i]),k=(0,d.useAsyncList)(v?b:Cu);return(0,s.createElement)(Eu,null,(0,s.createElement)("div",null,o&&!!c.length&&(0,s.createElement)(_u,{title:(0,h._x)("Most used","blocks")},(0,s.createElement)(ku,{items:c,onSelect:a,onHover:n,label:(0,h._x)("Most used","blocks")})),(0,u.map)(g,(e=>{const t=m[e.slug];return t&&t.length?(0,s.createElement)(_u,{key:e.slug,title:e.title,icon:e.icon},(0,s.createElement)(ku,{items:t,onSelect:a,onHover:n,label:e.title})):null})),v&&p.length>0&&(0,s.createElement)(_u,{className:"block-editor-inserter__uncategorized-blocks-panel",title:(0,h.__)("Uncategorized")},(0,s.createElement)(ku,{items:p,onSelect:a,onHover:n,label:(0,h.__)("Uncategorized")})),(0,u.map)(k,(([e,t])=>{const o=f[e];return o&&o.length?(0,s.createElement)(_u,{key:e,title:t.title,icon:t.icon},(0,s.createElement)(ku,{items:o,onSelect:a,onHover:n,label:t.title})):null}))))},Su=function({selectedCategory:e,patternCategories:t,onClickCategory:n,openPatternExplorer:o}){const r=(0,d.useViewportMatch)("medium","<"),l=c()("block-editor-inserter__panel-header","block-editor-inserter__panel-header-patterns");return(0,s.createElement)(p.Flex,{justify:"space-between",align:"start",gap:"4",className:l},(0,s.createElement)(p.FlexItem,{isBlock:!0},(0,s.createElement)(p.SelectControl,{className:"block-editor-inserter__panel-dropdown",label:(0,h.__)("Filter patterns"),hideLabelFromVision:!0,value:e.name,onChange:e=>{n(t.find((t=>e===t.name)))},onBlur:e=>{null!=e&&e.relatedTarget||e.stopPropagation()},options:(()=>{const e=[];return t.map((t=>e.push({value:t.name,label:t.label}))),e})()})),!r&&(0,s.createElement)(p.FlexItem,null,(0,s.createElement)(p.Button,{variant:"secondary",className:"block-editor-inserter__patterns-explorer-expand",label:(0,h.__)("Explore all patterns"),onClick:()=>o()},(0,h._x)("Explore","Label for showing all block patterns"))))},Bu=window.wp.notices,Iu=(e,t)=>{const{patternCategories:n,patterns:o}=(0,m.useSelect)((e=>{const{__experimentalGetAllowedPatterns:n,getSettings:o}=e(Vn);return{patterns:n(t),patternCategories:o().__experimentalBlockPatternCategories}}),[t]),{createSuccessNotice:l}=(0,m.useDispatch)(Bu.store);return[o,n,(0,s.useCallback)(((t,n)=>{e((0,u.map)(n,(e=>(0,r.cloneBlock)(e))),t.name),l((0,h.sprintf)(
|
13 |
/* translators: %s: block pattern title. */
|
14 |
+
(0,h.__)('Block pattern "%s" inserted.'),t.title),{type:"snackbar"})}),[])]};function xu({isDraggable:e,pattern:t,onClick:n,composite:o}){const{blocks:r,viewportWidth:l}=t,a=`block-editor-block-patterns-list__item-description-${(0,d.useInstanceId)(xu)}`;return(0,s.createElement)(fu,{isEnabled:e,blocks:r},(({draggable:e,onDragStart:c,onDragEnd:u})=>(0,s.createElement)("div",{className:"block-editor-block-patterns-list__list-item","aria-label":t.title,"aria-describedby":t.description?a:void 0,draggable:e,onDragStart:c,onDragEnd:u},(0,s.createElement)(p.__unstableCompositeItem,i({role:"option",as:"div"},o,{className:"block-editor-block-patterns-list__item",onClick:()=>n(t,r)}),(0,s.createElement)(au,{blocks:r,viewportWidth:l}),(0,s.createElement)("div",{className:"block-editor-block-patterns-list__item-title"},t.title),!!t.description&&(0,s.createElement)(p.VisuallyHidden,{id:a},t.description)))))}function Tu(){return(0,s.createElement)("div",{className:"block-editor-block-patterns-list__item is-placeholder"})}var Nu=function({isDraggable:e,blockPatterns:t,shownPatterns:n,onClickPattern:o,orientation:r,label:l=(0,h.__)("Block Patterns")}){const a=(0,p.__unstableUseCompositeState)({orientation:r});return(0,s.createElement)(p.__unstableComposite,i({},a,{role:"listbox",className:"block-editor-block-patterns-list","aria-label":l}),t.map((t=>n.includes(t)?(0,s.createElement)(xu,{key:t.name,pattern:t,onClick:o,isDraggable:e,composite:a}):(0,s.createElement)(Tu,{key:t.name}))))};function Pu({selectedCategory:e,patternCategories:t,onClickCategory:n}){const o="block-editor-block-patterns-explorer__sidebar";return(0,s.createElement)("div",{className:`${o}__categories-list`},t.map((({name:t,label:r})=>(0,s.createElement)(p.Button,{key:t,label:r,className:`${o}__categories-list__item`,isPressed:e===t,onClick:()=>{n(t)}},r))))}function Mu({filterValue:e,setFilterValue:t}){return(0,s.createElement)("div",{className:"block-editor-block-patterns-explorer__search"},(0,s.createElement)(p.SearchControl,{onChange:t,value:e,label:(0,h.__)("Search for patterns"),placeholder:(0,h.__)("Search")}))}var Ru=function({selectedCategory:e,patternCategories:t,onClickCategory:n,filterValue:o,setFilterValue:r}){return(0,s.createElement)("div",{className:"block-editor-block-patterns-explorer__sidebar"},(0,s.createElement)(Mu,{filterValue:o,setFilterValue:r}),!o&&(0,s.createElement)(Pu,{selectedCategory:e,patternCategories:t,onClickCategory:n}))},Lu=function(){return(0,s.createElement)("div",{className:"block-editor-inserter__no-results"},(0,s.createElement)(So,{className:"block-editor-inserter__no-results-icon",icon:Va}),(0,s.createElement)("p",null,(0,h.__)("No results found.")))},Au=function({rootClientId:e="",insertionIndex:t,clientId:n,isAppender:o,onSelect:l,shouldFocusBlock:i=!0}){const{getSelectedBlock:a}=(0,m.useSelect)(Vn),{destinationRootClientId:c,destinationIndex:d}=(0,m.useSelect)((r=>{const{getSelectedBlockClientId:l,getBlockRootClientId:i,getBlockIndex:s,getBlockOrder:a}=r(Vn),c=l();let u,d=e;return void 0!==t?u=t:n?u=s(n,d):!o&&c?(d=i(c),u=s(c,d)+1):u=a(d).length,{destinationRootClientId:d,destinationIndex:u}}),[e,t,n,o]),{replaceBlocks:p,insertBlocks:f,showInsertionPoint:g,hideInsertionPoint:v}=(0,m.useDispatch)(Vn),b=(0,s.useCallback)(((e,t,n=!1)=>{const s=a();!o&&s&&(0,r.isUnmodifiedDefaultBlock)(s)?p(s.clientId,e,null,i||n?0:null,t):f(e,d,c,!0,i||n?0:null,t);const m=(0,h.sprintf)(// translators: %d: the name of the block that has been added
|
15 |
+
(0,h._n)("%d block added.","%d blocks added.",(0,u.castArray)(e).length),(0,u.castArray)(e).length);(0,Pt.speak)(m),l&&l()}),[o,a,p,f,c,d,l,i]),k=(0,s.useCallback)((e=>{e?g(c,d):v()}),[g,v,c,d]);return[c,b,k]};const Du=e=>e.name||"",Ou=e=>e.title,Fu=e=>e.description||"",zu=e=>e.keywords||[],Vu=e=>e.category,Hu=()=>null;function Uu(e=""){return(e=(e=(0,u.deburr)(e)).replace(/^\//,"")).toLowerCase()}const Gu=(e="")=>(0,u.words)(Uu(e)),Wu=(e,t,n,o)=>0===Gu(o).length?e:$u(e,o,{getCategory:e=>{var n;return null===(n=(0,u.find)(t,{slug:e.category}))||void 0===n?void 0:n.title},getCollection:e=>{var t;return null===(t=n[e.name.split("/")[0]])||void 0===t?void 0:t.title}}),$u=(e=[],t="",n={})=>{if(0===Gu(t).length)return e;const o=e.map((e=>[e,ju(e,t,n)])).filter((([,e])=>e>0));return o.sort((([,e],[,t])=>t-e)),o.map((([e])=>e))};function ju(e,t,n={}){const{getName:o=Du,getTitle:r=Ou,getDescription:l=Fu,getKeywords:i=zu,getCategory:s=Vu,getCollection:a=Hu}=n,c=o(e),d=r(e),p=l(e),m=i(e),f=s(e),h=a(e),g=Uu(t),v=Uu(d);let b=0;if(g===v)b+=30;else if(v.startsWith(g))b+=20;else{const e=[c,d,p,...m,f,h].join(" ");0===(k=(0,u.words)(g),_=e,(0,u.differenceWith)(k,Gu(_),((e,t)=>t.includes(e)))).length&&(b+=10)}var k,_;return 0!==b&&c.startsWith("core/")&&b++,b}function Ku({filterValue:e,filteredBlockPatternsLength:t}){return e?(0,s.createElement)(p.__experimentalHeading,{level:2,lineHeight:"48px",className:"block-editor-block-patterns-explorer__search-results-count"},(0,h.sprintf)(
|
16 |
+
/* translators: %d: number of patterns. %s: block pattern search query */
|
17 |
+
(0,h._n)('%1$d pattern found for "%2$s"','%1$d patterns found for "%2$s"',t),t,e)):null}var qu=function({filterValue:e,selectedCategory:t,patternCategories:n}){const o=(0,d.useDebounce)(Pt.speak,500),[r,l]=Au({shouldFocusBlock:!0}),[i,,a]=Iu(l,r),c=(0,s.useMemo)((()=>n.map((e=>e.name))),[n]),u=(0,s.useMemo)((()=>e?$u(i,e):i.filter((e=>{var n,o;return"uncategorized"===t?!(null!==(n=e.categories)&&void 0!==n&&n.length)||e.categories.every((e=>!c.includes(e))):null===(o=e.categories)||void 0===o?void 0:o.includes(t)}))),[e,t,i]);(0,s.useEffect)((()=>{if(!e)return;const t=u.length,n=(0,h.sprintf)(
|
18 |
/* translators: %d: number of results. */
|
19 |
+
(0,h._n)("%d result found.","%d results found.",t),t);o(n)}),[e,o]);const p=(0,d.useAsyncList)(u,{step:2}),m=!(null==u||!u.length);return(0,s.createElement)("div",{className:"block-editor-block-patterns-explorer__list"},m&&(0,s.createElement)(Ku,{filterValue:e,filteredBlockPatternsLength:u.length}),(0,s.createElement)(Eu,null,!m&&(0,s.createElement)(Lu,null),m&&(0,s.createElement)(Nu,{shownPatterns:p,blockPatterns:u,onClickPattern:a,isDraggable:!1})))};function Yu({initialCategory:e,patternCategories:t}){const[n,o]=(0,s.useState)(""),[r,l]=(0,s.useState)(null==e?void 0:e.name);return(0,s.createElement)("div",{className:"block-editor-block-patterns-explorer"},(0,s.createElement)(Ru,{selectedCategory:r,patternCategories:t,onClickCategory:l,filterValue:n,setFilterValue:o}),(0,s.createElement)(qu,{filterValue:n,selectedCategory:r,patternCategories:t}))}var Zu=function({onModalClose:e,...t}){return(0,s.createElement)(p.Modal,{title:(0,h.__)("Patterns"),closeLabel:(0,h.__)("Close"),onRequestClose:e,isFullScreen:!0},(0,s.createElement)(Yu,t))};function Xu({rootClientId:e,onInsert:t,selectedCategory:n,populatedCategories:o}){const[r,,l]=Iu(t,e),i=(0,s.useCallback)((e=>{var t;if(null===(t=e.categories)||void 0===t||!t.length)return 1/0;const n=o.reduce(((e,{name:t},n)=>(e[t]=n,e)),{});return Math.min(...e.categories.map((e=>void 0!==n[e]?n[e]:1/0)))}),[o]),a=(0,s.useMemo)((()=>r.filter((e=>{var t;return"uncategorized"===n.name?i(e)===1/0:null===(t=e.categories)||void 0===t?void 0:t.includes(n.name)}))),[r,n]),c=(0,s.useMemo)((()=>a.sort(((e,t)=>i(e)-i(t)))),[a,i]),u=(0,d.useAsyncList)(c);return a.length?(0,s.createElement)("div",{className:"block-editor-inserter__panel-content"},(0,s.createElement)(Nu,{shownPatterns:u,blockPatterns:a,onClickPattern:l,label:n.label,orientation:"vertical",isDraggable:!0})):null}var Qu=function({rootClientId:e,onInsert:t,onClickCategory:n,selectedCategory:o}){const[r,l]=(0,s.useState)(!1),[i,a]=Iu(),c=(0,s.useCallback)((e=>!(!e.categories||!e.categories.length)&&e.categories.some((e=>a.some((t=>t.name===e))))),[a]),u=(0,s.useMemo)((()=>{const e=a.filter((e=>i.some((t=>{var n;return null===(n=t.categories)||void 0===n?void 0:n.includes(e.name)})))).sort((({name:e},{name:t})=>[e,t].includes("featured")?"featured"===e?-1:1:0));return i.some((e=>!c(e)))&&!e.find((e=>"uncategorized"===e.name))&&e.push({name:"uncategorized",label:(0,h._x)("Uncategorized")}),e}),[i,a]),d=o||u[0];return(0,s.createElement)(s.Fragment,null,!r&&(0,s.createElement)(s.Fragment,null,(0,s.createElement)(Su,{selectedCategory:d,patternCategories:u,onClickCategory:n,openPatternExplorer:()=>l(!0)}),(0,s.createElement)(Xu,{rootClientId:e,onInsert:t,selectedCategory:d,populatedCategories:u})),r&&(0,s.createElement)(Zu,{initialCategory:d,patternCategories:u,onModalClose:()=>l(!1)}))},Ju=window.wp.url;function ed({onHover:e,onInsert:t,rootClientId:n}){const[o,,,r]=yu(n,t),l=(0,s.useMemo)((()=>o.filter((({category:e})=>"reusable"===e))),[o]);return 0===l.length?(0,s.createElement)(Lu,null):(0,s.createElement)(_u,{title:(0,h.__)("Reusable blocks")},(0,s.createElement)(ku,{items:l,onSelect:r,onHover:e,label:(0,h.__)("Reusable blocks")}))}var td=function({rootClientId:e,onInsert:t,onHover:n}){return(0,s.createElement)(s.Fragment,null,(0,s.createElement)(ed,{onHover:n,onInsert:t,rootClientId:e}),(0,s.createElement)("div",{className:"block-editor-inserter__manage-reusable-blocks-container"},(0,s.createElement)("a",{className:"block-editor-inserter__manage-reusable-blocks",href:(0,Ju.addQueryArgs)("edit.php",{post_type:"wp_block"})},(0,h.__)("Manage Reusable blocks"))))};const{Fill:nd,Slot:od}=(0,p.createSlotFill)("__unstableInserterMenuExtension");nd.Slot=od;var rd=nd;const ld=[];var id=function({filterValue:e,onSelect:t,onHover:n,rootClientId:o,clientId:r,isAppender:l,__experimentalInsertionIndex:i,maxBlockPatterns:a,maxBlockTypes:c,showBlockDirectory:m=!1,isDraggable:f=!0,shouldFocusBlock:g=!0}){const v=(0,d.useDebounce)(Pt.speak,500),[b,k]=Au({onSelect:t,rootClientId:o,clientId:r,isAppender:l,insertionIndex:i,shouldFocusBlock:g}),[_,y,E,C]=yu(b,k),[w,,S]=Iu(k,b),B=(0,s.useMemo)((()=>{const t=Wu((0,u.orderBy)(_,["frecency"],["desc"]),y,E,e);return void 0!==c?t.slice(0,c):t}),[e,_,y,E,c]),I=(0,s.useMemo)((()=>{const t=$u(w,e);return void 0!==a?t.slice(0,a):t}),[e,w,a]);(0,s.useEffect)((()=>{if(!e)return;const t=B.length+I.length,n=(0,h.sprintf)(
|
20 |
+
/* translators: %d: number of results. */
|
21 |
+
(0,h._n)("%d result found.","%d results found.",t),t);v(n)}),[e,v]);const x=(0,d.useAsyncList)(B,{step:9}),T=(0,d.useAsyncList)(x.length===B.length?I:ld),N=!(0,u.isEmpty)(B)||!(0,u.isEmpty)(I);return(0,s.createElement)(Eu,null,!m&&!N&&(0,s.createElement)(Lu,null),!!B.length&&(0,s.createElement)(_u,{title:(0,s.createElement)(p.VisuallyHidden,null,(0,h.__)("Blocks"))},(0,s.createElement)(ku,{items:x,onSelect:C,onHover:n,label:(0,h.__)("Blocks"),isDraggable:f})),!!B.length&&!!I.length&&(0,s.createElement)("div",{className:"block-editor-inserter__quick-inserter-separator"}),!!I.length&&(0,s.createElement)(_u,{title:(0,s.createElement)(p.VisuallyHidden,null,(0,h.__)("Block Patterns"))},(0,s.createElement)("div",{className:"block-editor-inserter__quick-inserter-patterns"},(0,s.createElement)(Nu,{shownPatterns:T,blockPatterns:I,onClickPattern:S,isDraggable:f}))),m&&(0,s.createElement)(rd.Slot,{fillProps:{onSelect:C,onHover:n,filterValue:e,hasItems:N,rootClientId:b}},(e=>e.length?e:N?null:(0,s.createElement)(Lu,null))))};const sd={name:"blocks",
|
22 |
/* translators: Blocks tab title in the block inserter. */
|
23 |
+
title:(0,h.__)("Blocks")},ad={name:"patterns",
|
24 |
/* translators: Patterns tab title in the block inserter. */
|
25 |
+
title:(0,h.__)("Patterns")},cd={name:"reusable",
|
26 |
/* translators: Reusable blocks tab title in the block inserter. */
|
27 |
+
title:(0,h.__)("Reusable")};var ud=function({children:e,showPatterns:t=!1,showReusableBlocks:n=!1,onSelect:o}){const r=(0,s.useMemo)((()=>{const e=[sd];return t&&e.push(ad),n&&e.push(cd),e}),[sd,t,ad,n,cd]);return(0,s.createElement)(p.TabPanel,{className:"block-editor-inserter__tabs",tabs:r,onSelect:o},e)},dd=function({rootClientId:e,clientId:t,isAppender:n,__experimentalInsertionIndex:o,onSelect:r,showInserterHelpPanel:l,showMostUsedBlocks:i,__experimentalFilterValue:a="",shouldFocusBlock:c=!0}){const[u,d]=(0,s.useState)(a),[f,g]=(0,s.useState)(null),[v,b]=(0,s.useState)(null),[k,_,y]=Au({rootClientId:e,clientId:t,isAppender:n,insertionIndex:o,shouldFocusBlock:c}),{showPatterns:E,hasReusableBlocks:C}=(0,m.useSelect)((e=>{var t;const{__experimentalGetAllowedPatterns:n,getSettings:o}=e(Vn);return{showPatterns:!!n(k).length,hasReusableBlocks:!(null===(t=o().__experimentalReusableBlocks)||void 0===t||!t.length)}}),[k]),w=(0,s.useCallback)(((e,t,n)=>{_(e,t,n),r()}),[_,r]),S=(0,s.useCallback)(((e,t)=>{_(e,{patternName:t}),r()}),[_,r]),B=(0,s.useCallback)((e=>{y(!!e),g(e)}),[y,g]),I=(0,s.useCallback)((e=>{b(e)}),[b]),x=(0,s.useMemo)((()=>(0,s.createElement)(s.Fragment,null,(0,s.createElement)("div",{className:"block-editor-inserter__block-list"},(0,s.createElement)(wu,{rootClientId:k,onInsert:w,onHover:B,showMostUsedBlocks:i})),l&&(0,s.createElement)("div",{className:"block-editor-inserter__tips"},(0,s.createElement)(p.VisuallyHidden,{as:"h2"},(0,h.__)("A tip for using the block editor")),(0,s.createElement)(za,null)))),[k,w,B,u,i,l]),T=(0,s.useMemo)((()=>(0,s.createElement)(Qu,{rootClientId:k,onInsert:S,onClickCategory:I,selectedCategory:v})),[k,S,I,v]),N=(0,s.useMemo)((()=>(0,s.createElement)(td,{rootClientId:k,onInsert:w,onHover:B})),[k,w,B]),P=(0,s.useCallback)((e=>"blocks"===e.name?x:"patterns"===e.name?T:N),[x,T,N]);return(0,s.createElement)("div",{className:"block-editor-inserter__menu"},(0,s.createElement)("div",{className:"block-editor-inserter__main-area"},(0,s.createElement)("div",{className:"block-editor-inserter__content"},(0,s.createElement)(p.SearchControl,{className:"block-editor-inserter__search",onChange:e=>{f&&g(null),d(e)},value:u,label:(0,h.__)("Search for blocks and patterns"),placeholder:(0,h.__)("Search")}),!!u&&(0,s.createElement)(id,{filterValue:u,onSelect:r,onHover:B,rootClientId:e,clientId:t,isAppender:n,__experimentalInsertionIndex:o,showBlockDirectory:!0,shouldFocusBlock:c}),!u&&(E||C)&&(0,s.createElement)(ud,{showPatterns:E,showReusableBlocks:C},P),!u&&!E&&!C&&x)),l&&f&&(0,s.createElement)(cu,{item:f}))};function pd({onSelect:e,rootClientId:t,clientId:n,isAppender:o}){const[r,l]=(0,s.useState)(""),[i,a]=Au({onSelect:e,rootClientId:t,clientId:n,isAppender:o}),[u]=yu(i,a),[d]=Iu(a,i),f=d.length&&!!r,g=f&&d.length>6||u.length>6,{setInserterIsOpened:v,insertionIndex:b}=(0,m.useSelect)((e=>{const{getSettings:o,getBlockIndex:r,getBlockCount:l}=e(Vn),i=r(n,t);return{setInserterIsOpened:o().__experimentalSetIsInserterOpened,insertionIndex:-1===i?l():i}}),[n,t]);return(0,s.useEffect)((()=>{v&&v(!1)}),[v]),(0,s.createElement)("div",{className:c()("block-editor-inserter__quick-inserter",{"has-search":g,"has-expand":v})},g&&(0,s.createElement)(p.SearchControl,{className:"block-editor-inserter__search",value:r,onChange:e=>{l(e)},label:(0,h.__)("Search for blocks and patterns"),placeholder:(0,h.__)("Search")}),(0,s.createElement)("div",{className:"block-editor-inserter__quick-inserter-results"},(0,s.createElement)(id,{filterValue:r,onSelect:e,rootClientId:t,clientId:n,isAppender:o,maxBlockPatterns:f?2:0,maxBlockTypes:6,isDraggable:!1})),v&&(0,s.createElement)(p.Button,{className:"block-editor-inserter__quick-inserter-expand",onClick:()=>{v({rootClientId:t,insertionIndex:b,filterValue:r})},"aria-label":(0,h.__)("Browse all. This will open the main inserter panel in the editor toolbar.")},(0,h.__)("Browse all")))}const md=({onToggle:e,disabled:t,isOpen:n,blockTitle:o,hasSingleBlockType:r,toggleProps:l={}})=>{let a;a=r?(0,h.sprintf)(// translators: %s: the name of the block when there is only one
|
28 |
+
(0,h._x)("Add %s","directly add the only allowed block"),o):(0,h._x)("Add block","Generic label for block inserter button");const{onClick:c,...u}=l;return(0,s.createElement)(p.Button,i({icon:Oa,label:a,tooltipPosition:"bottom",onClick:function(t){e&&e(t),c&&c(t)},className:"block-editor-inserter__toggle","aria-haspopup":!r&&"true","aria-expanded":!r&&n,disabled:t},u))};class fd extends s.Component{constructor(){super(...arguments),this.onToggle=this.onToggle.bind(this),this.renderToggle=this.renderToggle.bind(this),this.renderContent=this.renderContent.bind(this)}onToggle(e){const{onToggle:t}=this.props;t&&t(e)}renderToggle({onToggle:e,isOpen:t}){const{disabled:n,blockTitle:o,hasSingleBlockType:r,directInsertBlock:l,toggleProps:i,hasItems:s,renderToggle:a=md}=this.props;return a({onToggle:e,isOpen:t,disabled:n||!s,blockTitle:o,hasSingleBlockType:r,directInsertBlock:l,toggleProps:i})}renderContent({onClose:e}){const{rootClientId:t,clientId:n,isAppender:o,showInserterHelpPanel:r,__experimentalIsQuick:l}=this.props;return l?(0,s.createElement)(pd,{onSelect:()=>{e()},rootClientId:t,clientId:n,isAppender:o}):(0,s.createElement)(dd,{onSelect:()=>{e()},rootClientId:t,clientId:n,isAppender:o,showInserterHelpPanel:r})}render(){const{position:e,hasSingleBlockType:t,directInsertBlock:n,insertOnlyAllowedBlock:o,__experimentalIsQuick:r,onSelectOrClose:l}=this.props;return t||null!=n&&n.length?this.renderToggle({onToggle:o}):(0,s.createElement)(p.Dropdown,{className:"block-editor-inserter",contentClassName:c()("block-editor-inserter__popover",{"is-quick":r}),position:e,onToggle:this.onToggle,expandOnMobile:!0,headerTitle:(0,h.__)("Add a block"),renderToggle:this.renderToggle,renderContent:this.renderContent,onClose:l})}}var hd=(0,d.compose)([(0,m.withSelect)(((e,{clientId:t,rootClientId:n})=>{const{getBlockRootClientId:o,hasInserterItems:l,__experimentalGetAllowedBlocks:i,__experimentalGetDirectInsertBlock:s}=e(Vn),{getBlockVariations:a}=e(r.store),c=i(n=n||o(t)||void 0),d=s(n),p=1===(0,u.size)(c)&&0===(0,u.size)(a(c[0].name,"inserter"));let m=!1;return p&&(m=c[0]),{hasItems:l(n),hasSingleBlockType:p,blockTitle:m?m.title:"",allowedBlockType:m,directInsertBlock:d,rootClientId:n}})),(0,m.withDispatch)(((e,t,{select:n})=>({insertOnlyAllowedBlock(){const{rootClientId:o,clientId:l,isAppender:i,hasSingleBlockType:s,allowedBlockType:a,directInsertBlock:c,onSelectOrClose:u}=t;if(!(s||null!=c&&c.length))return;const{insertBlock:d}=e(Vn);d(null!=c&&c.length?(0,r.createBlock)(...c):(0,r.createBlock)(a.name),function(){const{getBlockIndex:e,getBlockSelectionEnd:t,getBlockOrder:r,getBlockRootClientId:s}=n(Vn);if(l)return e(l,o);const a=t();return!i&&a&&s(a)===o?e(a,o)+1:r(o).length}(),o),u&&u();const p=(0,h.sprintf)(// translators: %s: the name of the block that has been added
|
29 |
+
(0,h.__)("%s block added"),a.title);(0,Pt.speak)(p)}}))),(0,d.ifCondition)((({hasItems:e,isAppender:t,rootClientId:n,clientId:o})=>e||!t&&!n&&!o))])(fd),gd=(0,d.compose)((0,m.withSelect)(((e,t)=>{const{getBlockCount:n,getBlockName:o,isBlockValid:l,getSettings:i,getTemplateLock:s}=e(Vn),a=!n(t.rootClientId),c=o(t.lastBlockClientId)===(0,r.getDefaultBlockName)(),u=l(t.lastBlockClientId),{bodyPlaceholder:d}=i();return{isVisible:a||!c||!u,showPrompt:a,isLocked:!!s(t.rootClientId),placeholder:d}})),(0,m.withDispatch)(((e,t)=>{const{insertDefaultBlock:n,startTyping:o}=e(Vn);return{onAppend(){const{rootClientId:e}=t;n(void 0,e),o()}}})))((function({isLocked:e,isVisible:t,onAppend:n,showPrompt:o,placeholder:r,rootClientId:l}){if(e||!t)return null;const i=(0,Da.decodeEntities)(r)||(0,h.__)("Type / to choose a block");return(0,s.createElement)("div",{"data-root-client-id":l||"",className:c()("block-editor-default-block-appender",{"has-visible-prompt":o})},(0,s.createElement)("p",{tabIndex:"0",contentEditable:!0,suppressContentEditableWarning:!0,role:"button","aria-label":(0,h.__)("Add block"),className:"block-editor-default-block-appender__content",onFocus:n},o?i:"\ufeff"),(0,s.createElement)(hd,{rootClientId:l,position:"bottom right",isAppender:!0,__experimentalIsQuick:!0}))}));function vd({rootClientId:e,className:t,onFocus:n,tabIndex:o},r){return(0,s.createElement)(hd,{position:"bottom center",rootClientId:e,__experimentalIsQuick:!0,renderToggle:({onToggle:e,disabled:l,isOpen:i,blockTitle:a,hasSingleBlockType:u})=>{let d;d=u?(0,h.sprintf)(// translators: %s: the name of the block when there is only one
|
30 |
+
(0,h._x)("Add %s","directly add the only allowed block"),a):(0,h._x)("Add block","Generic label for block inserter button");const m=!u;let f=(0,s.createElement)(p.Button,{ref:r,onFocus:n,tabIndex:o,className:c()(t,"block-editor-button-block-appender"),onClick:e,"aria-haspopup":m?"true":void 0,"aria-expanded":m?i:void 0,disabled:l,label:d},!u&&(0,s.createElement)(p.VisuallyHidden,{as:"span"},d),(0,s.createElement)(So,{icon:Oa}));return(m||u)&&(f=(0,s.createElement)(p.Tooltip,{text:d},f)),f},isAppender:!0})}const bd=(0,s.forwardRef)(((e,t)=>(Lt()("wp.blockEditor.ButtonBlockerAppender",{alternative:"wp.blockEditor.ButtonBlockAppender"}),vd(e,t))));var kd=(0,s.forwardRef)(vd),_d=(0,m.withSelect)(((e,{rootClientId:t})=>{const{getBlockOrder:n,canInsertBlockType:o,getTemplateLock:l,getSelectedBlockClientId:i}=e(Vn);return{isLocked:!!l(t),blockClientIds:n(t),canInsertDefaultBlock:o((0,r.getDefaultBlockName)(),t),selectedBlockClientId:i()}}))((function({blockClientIds:e,rootClientId:t,canInsertDefaultBlock:n,isLocked:o,renderAppender:r,className:l,selectedBlockClientId:i,tagName:a="div"}){if(o||!1===r)return null;let d;if(r)d=(0,s.createElement)(r,null);else{const o=!t,r=i===t,l=i&&!e.includes(i);if(!o&&!r&&(!i||l))return null;d=n?(0,s.createElement)(gd,{rootClientId:t,lastBlockClientId:(0,u.last)(e)}):(0,s.createElement)(kd,{rootClientId:t,className:"block-list-appender__toggle"})}return(0,s.createElement)(a,{tabIndex:-1,className:c()("block-list-appender wp-block",l),"data-block":!0},d)}));function yd(e){return(0,d.useRefEffect)((t=>{if(!e)return;function n(t){const{deltaX:n,deltaY:o}=t;e.current.scrollBy(n,o)}const o={passive:!0};return t.addEventListener("wheel",n,o),()=>{t.removeEventListener("wheel",n,o)}}),[e])}const Ed=(0,s.createContext)();function Cd({__unstablePopoverSlot:e,__unstableContentRef:t}){const{selectBlock:n}=(0,m.useDispatch)(Vn),o=(0,s.useContext)(Ed),r=(0,s.useRef)(),{orientation:l,previousClientId:i,nextClientId:a,rootClientId:u,isInserterShown:f}=(0,m.useSelect)((e=>{var t;const{getBlockOrder:n,getBlockListSettings:o,getBlockInsertionPoint:r,isBlockBeingDragged:l,getPreviousBlockClientId:i,getNextBlockClientId:s}=e(Vn),a=r(),c=n(a.rootClientId);if(!c.length)return{};let u=c[a.index-1],d=c[a.index];for(;l(u);)u=i(u);for(;l(d);)d=s(d);return{previousClientId:u,nextClientId:d,orientation:(null===(t=o(a.rootClientId))||void 0===t?void 0:t.orientation)||"vertical",rootClientId:a.rootClientId,isInserterShown:null==a?void 0:a.__unstableWithInserter}}),[]),g=Ba(i),v=Ba(a),b="vertical"===l,k=(0,s.useMemo)((()=>{if(!g&&!v)return{};const e=g?g.getBoundingClientRect():null,t=v?v.getBoundingClientRect():null;if(b)return{width:g?g.offsetWidth:v.offsetWidth,height:t&&e?t.top-e.bottom:0};let n=0;return e&&t&&(n=(0,h.isRTL)()?e.left-t.right:t.left-e.right),{width:n,height:g?g.offsetHeight:v.offsetHeight}}),[g,v]),_=(0,s.useCallback)((()=>{if(!g&&!v)return{};const{ownerDocument:e}=g||v,t=g?g.getBoundingClientRect():null,n=v?v.getBoundingClientRect():null;return b?(0,h.isRTL)()?{top:t?t.bottom:n.top,left:t?t.right:n.right,right:t?t.left:n.left,bottom:n?n.top:t.bottom,ownerDocument:e}:{top:t?t.bottom:n.top,left:t?t.left:n.left,right:t?t.right:n.right,bottom:n?n.top:t.bottom,ownerDocument:e}:(0,h.isRTL)()?{top:t?t.top:n.top,left:t?t.left:n.right,right:n?n.right:t.left,bottom:t?t.bottom:n.bottom,ownerDocument:e}:{top:t?t.top:n.top,left:t?t.right:n.left,right:n?n.left:t.right,bottom:t?t.bottom:n.bottom,ownerDocument:e}}),[g,v]),y=yd(t),E=(0,d.useReducedMotion)(),C=c()("block-editor-block-list__insertion-point","is-"+l),w=g&&v&&f,S={start:{...b?{height:0,left:"50%",right:"50%",y:0}:{width:0,top:"50%",bottom:"50%",x:0},opacity:0},rest:{...b?{height:4,left:0,right:0,y:-2}:{width:4,top:0,bottom:0,x:-2},opacity:1,borderRadius:"2px",transition:{delay:w?.4:0}},hover:{...b?{height:4,left:0,right:0,y:-2}:{width:4,top:0,bottom:0,x:-2},opacity:1,borderRadius:"2px",transition:{delay:.4}}},B={start:{scale:E?1:0},rest:{scale:1,transition:{delay:.2}}};return(0,s.createElement)(p.Popover,{ref:y,noArrow:!0,animate:!1,getAnchorRect:_,focusOnMount:!1,className:"block-editor-block-list__insertion-point-popover",__unstableSlotName:e||null,key:a+"--"+u},(0,s.createElement)(p.__unstableMotion.div,{layout:!E,initial:E?"rest":"start",animate:"rest",whileHover:"hover",whileTap:"pressed",exit:"start",ref:r,tabIndex:-1,onClick:function(e){e.target===r.current&&a&&n(a,-1)},onFocus:function(e){e.target!==r.current&&(o.current=!0)},className:c()(C,{"is-with-inserter":w}),style:k},(0,s.createElement)(p.__unstableMotion.div,{variants:S,className:"block-editor-block-list__insertion-point-indicator"}),w&&(0,s.createElement)(p.__unstableMotion.div,{variants:B,className:c()("block-editor-block-list__insertion-point-inserter")},(0,s.createElement)(hd,{position:"bottom center",clientId:a,rootClientId:u,__experimentalIsQuick:!0,onToggle:e=>{o.current=e},onSelectOrClose:()=>{o.current=!1}}))))}function wd({children:e,__unstablePopoverSlot:t,__unstableContentRef:n}){const o=(0,m.useSelect)((e=>e(Vn).isBlockInsertionPointVisible()),[]);return(0,s.createElement)(Ed.Provider,{value:(0,s.useRef)(!1)},o&&(0,s.createElement)(Cd,{__unstablePopoverSlot:t,__unstableContentRef:n}),e)}function Sd(){const e=(0,s.useContext)(Ed),t=(0,m.useSelect)((e=>e(Vn).getSettings().hasReducedUI),[]),{getBlockListSettings:n,getBlockRootClientId:o,getBlockIndex:r,isBlockInsertionPointVisible:l,isMultiSelecting:i,getSelectedBlockClientIds:a,getTemplateLock:c}=(0,m.useSelect)(Vn),{showInsertionPoint:u,hideInsertionPoint:p}=(0,m.useDispatch)(Vn);return(0,d.useRefEffect)((o=>{if(!t)return o.addEventListener("mousemove",s),()=>{o.removeEventListener("mousemove",s)};function s(t){var o,s;if(e.current)return;if(i())return;if(!t.target.classList.contains("block-editor-block-list__layout"))return void(l()&&p());let d;if(t.target.classList.contains("is-root-container")||(d=(t.target.getAttribute("data-block")?t.target:t.target.closest("[data-block]")).getAttribute("data-block")),c(d))return;const m=(null===(o=n(d))||void 0===o?void 0:o.orientation)||"vertical",f=t.target.getBoundingClientRect(),h=t.clientY-f.top,g=t.clientX-f.left;let v=Array.from(t.target.children).find((e=>e.classList.contains("wp-block")&&"vertical"===m&&e.offsetTop>h||e.classList.contains("wp-block")&&"horizontal"===m&&e.offsetLeft>g));if(!v)return;if(!v.id&&(v=v.firstElementChild,!v))return;if(null===(s=v.parentElement)||void 0===s?void 0:s.closest(".block-editor-block-content-overlay.overlay-active"))return;const b=v.id.slice("block-".length);if(!b)return;if(a().includes(b))return;const k=v.getBoundingClientRect();if("horizontal"===m&&(t.clientY>k.bottom||t.clientY<k.top)||"vertical"===m&&(t.clientX>k.right||t.clientX<k.left))return void(l()&&p());const _=r(b,d);0!==_?u(d,_,{__unstableWithInserter:!0}):l()&&p()}}),[e,n,o,r,l,i,u,p,a])}const Bd="undefined"==typeof window?e=>{setTimeout((()=>e(Date.now())),0)}:window.requestIdleCallback||window.requestAnimationFrame,Id="undefined"==typeof window?clearTimeout:window.cancelIdleCallback||window.cancelAnimationFrame;function xd(e){return(0,m.useSelect)((t=>{if(!e)return null;const{getBlockName:n,getBlockAttributes:o}=t(Vn),{getBlockType:l,getActiveBlockVariation:i}=t(r.store),s=n(e),a=l(s);if(!a)return null;const c=o(e),u=i(s,c),d={title:a.title,icon:a.icon,description:a.description,anchor:null==c?void 0:c.anchor};return u?{title:u.title||a.title,icon:u.icon||a.icon,description:u.description||a.description}:d}),[e])}function Td({clientId:e}){const{attributes:t,name:n,reusableBlockTitle:o}=(0,m.useSelect)((t=>{if(!e)return{};const{getBlockName:n,getBlockAttributes:o,__experimentalGetReusableBlockTitle:l}=t(Vn),i=n(e);if(!i)return{};const s=(0,r.isReusableBlock)((0,r.getBlockType)(i));return{attributes:o(e),name:i,reusableBlockTitle:s&&l(o(e).ref)}}),[e]),l=xd(e);if(!n||!l)return null;const i=(0,r.getBlockType)(n),s=i?(0,r.__experimentalGetBlockLabel)(i,t):null,a=o||s;return a&&a!==i.title?(0,u.truncate)(a,{length:35}):l.title}var Nd=({children:e,clientIds:t,cloneClassname:n,onDragStart:o,onDragEnd:l})=>{const{srcRootClientId:i,isDraggable:a,icon:c}=(0,m.useSelect)((e=>{var n;const{getBlockRootClientId:o,getTemplateLock:l,getBlockName:i}=e(Vn),s=o(t[0]),a=s?l(s):null,c=i(t[0]);return{srcRootClientId:s,isDraggable:"all"!==a,icon:null===(n=(0,r.getBlockType)(c))||void 0===n?void 0:n.icon}}),[t]),u=(0,s.useRef)(!1),[d,f,h]=function(){const e=(0,s.useRef)(null),t=(0,s.useRef)(null),n=(0,s.useRef)(null),o=(0,s.useRef)(null);return(0,s.useEffect)((()=>()=>{o.current&&(clearInterval(o.current),o.current=null)}),[]),[(0,s.useCallback)((r=>{e.current=r.clientY,n.current=(0,or.getScrollContainer)(r.target),o.current=setInterval((()=>{if(n.current&&t.current){const e=n.current.scrollTop+t.current;n.current.scroll({top:e})}}),25)}),[]),(0,s.useCallback)((o=>{if(!n.current)return;const r=n.current.offsetHeight,l=e.current-n.current.offsetTop,i=o.clientY-n.current.offsetTop;if(o.clientY>l){const e=Math.max(r-l-50,0),n=Math.max(i-l-50,0)/e;t.current=25*n}else if(o.clientY<l){const e=Math.max(l-50,0),n=Math.max(l-i-50,0)/e;t.current=-25*n}else t.current=0}),[]),()=>{e.current=null,n.current=null,o.current&&(clearInterval(o.current),o.current=null)}]}(),{startDraggingBlocks:g,stopDraggingBlocks:v}=(0,m.useDispatch)(Vn);if((0,s.useEffect)((()=>()=>{u.current&&v()}),[]),!a)return e({isDraggable:!1});const b={type:"block",srcClientIds:t,srcRootClientId:i};return(0,s.createElement)(p.Draggable,{cloneClassname:n,__experimentalTransferDataType:"wp-blocks",transferData:b,onDragStart:e=>{g(t),u.current=!0,d(e),o&&o()},onDragOver:f,onDragEnd:()=>{v(),u.current=!1,h(),l&&l()},__experimentalDragComponent:(0,s.createElement)(mu,{count:t.length,icon:c})},(({onDraggableStart:t,onDraggableEnd:n})=>e({draggable:!0,onDragStart:t,onDragEnd:n})))},Pd=function({clientId:e,rootClientId:t,blockElement:n}){const o=xd(e),l=(0,m.useSelect)((n=>{var o;const{getBlock:r,getBlockIndex:l,hasBlockMovingClientId:i,getBlockListSettings:s}=n(Vn),a=l(e,t),{name:c,attributes:u}=r(e);return{index:a,name:c,attributes:u,blockMovingMode:i(),orientation:null===(o=s(t))||void 0===o?void 0:o.orientation}}),[e,t]),{index:a,name:u,attributes:d,blockMovingMode:f,orientation:g}=l,{setNavigationMode:v,removeBlock:b}=(0,m.useDispatch)(Vn),k=(0,s.useRef)(),_=(0,r.getBlockType)(u),y=(0,r.__experimentalGetAccessibleBlockLabel)(_,d,a+1,g);(0,s.useEffect)((()=>{k.current.focus(),(0,Pt.speak)(y)}),[y]);const{hasBlockMovingClientId:E,getBlockIndex:C,getBlockRootClientId:w,getClientIdsOfDescendants:S,getSelectedBlockClientId:B,getMultiSelectedBlocksEndClientId:I,getPreviousBlockClientId:x,getNextBlockClientId:T}=(0,m.useSelect)(Vn),{selectBlock:N,clearSelectedBlock:P,setBlockMovingClientId:M,moveBlockToPosition:R}=(0,m.useDispatch)(Vn),L=c()("block-editor-block-list__block-selection-button",{"is-block-moving-mode":!!f}),A=(0,h.__)("Drag");return(0,s.createElement)("div",{className:L},(0,s.createElement)(p.Flex,{justify:"center",className:"block-editor-block-list__block-selection-button__content"},(0,s.createElement)(p.FlexItem,null,(0,s.createElement)(Ha,{icon:null==o?void 0:o.icon,showColors:!0})),(0,s.createElement)(p.FlexItem,null,(0,s.createElement)(Nd,{clientIds:[e]},(e=>(0,s.createElement)(p.Button,i({icon:pu,className:"block-selection-button_drag-handle","aria-hidden":"true",label:A,tabIndex:"-1"},e))))),(0,s.createElement)(p.FlexItem,null,(0,s.createElement)(p.Button,{ref:k,onClick:()=>v(!1),onKeyDown:function(t){const{keyCode:o}=t,r=o===ga.UP,l=o===ga.DOWN,i=o===ga.LEFT,s=o===ga.RIGHT,a=o===ga.TAB,c=o===ga.ESCAPE,u=o===ga.ENTER,d=o===ga.SPACE,p=t.shiftKey;if(o===ga.BACKSPACE||o===ga.DELETE)return b(e),void t.preventDefault();const m=B(),f=I(),h=x(f||m),g=T(f||m),v=a&&p||r,k=a&&!p||l,_=i,y=s;let L;if(v)L=h;else if(k)L=g;else if(_){var A;L=null!==(A=w(m))&&void 0!==A?A:m}else if(y){var D;L=null!==(D=S([m])[0])&&void 0!==D?D:m}const O=E();if(c&&O&&!t.defaultPrevented&&(M(null),t.preventDefault()),(u||d)&&O){const e=w(O),t=w(m),n=C(O,e);let o=C(m,t);n<o&&e===t&&(o-=1),R(O,e,t,o),N(O),M(null)}if(k||v||_||y)if(L)t.preventDefault(),N(L);else if(a&&m){let e;k?(e=or.focus.tabbable.findNext(n),e||(e=n.ownerDocument.defaultView.frameElement,e=or.focus.tabbable.findNext(e))):e=or.focus.tabbable.findPrevious(n),e&&(t.preventDefault(),e.focus(),P())}},label:y,className:"block-selection-button_select-button"},(0,s.createElement)(Td,{clientId:e})))))};function Md(e){return Array.from(e.querySelectorAll("[data-toolbar-item]"))}var Rd=function({children:e,focusOnMount:t,__experimentalInitialIndex:n,__experimentalOnIndexChange:o,...r}){const l=(0,s.useRef)(),a=function(e){const[t,n]=(0,s.useState)(!0),o=(0,s.useCallback)((()=>{const t=!or.focus.tabbable.find(e.current).some((e=>!("toolbarItem"in e.dataset)));t||Lt()("Using custom components as toolbar controls",{since:"5.6",alternative:"ToolbarItem, ToolbarButton or ToolbarDropdownMenu components",link:"https://developer.wordpress.org/block-editor/components/toolbar-button/#inside-blockcontrols"}),n(t)}),[]);return(0,s.useLayoutEffect)((()=>{const t=new window.MutationObserver(o);return t.observe(e.current,{childList:!0,subtree:!0}),()=>t.disconnect()}),[t]),t}(l);return function(e,t,n,o,r){const[l]=(0,s.useState)(t),[i]=(0,s.useState)(o),a=(0,s.useCallback)((()=>{!function(e){const[t]=or.focus.tabbable.find(e);t&&t.focus()}(e.current)}),[]);(0,ec.useShortcut)("core/block-editor/focus-toolbar",a),(0,s.useEffect)((()=>{l&&a()}),[n,l,a]),(0,s.useEffect)((()=>{let t=0;return i&&!l&&(t=window.requestAnimationFrame((()=>{const t=Md(e.current),n=i||0;var o;t[n]&&(o=e.current).contains(o.ownerDocument.activeElement)&&t[n].focus()}))),()=>{if(window.cancelAnimationFrame(t),!r||!e.current)return;const n=Md(e.current).findIndex((e=>0===e.tabIndex));r(n)}}),[i,l])}(l,t,a,n,o),a?(0,s.createElement)(p.Toolbar,i({label:r["aria-label"],ref:l},r),e):(0,s.createElement)(p.NavigableMenu,i({orientation:"horizontal",role:"toolbar",ref:l},r),e)},Ld=(0,s.createElement)(F.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,s.createElement)(F.Path,{d:"M10.6 6L9.4 7l4.6 5-4.6 5 1.2 1 5.4-6z"})),Ad=(0,s.createElement)(F.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,s.createElement)(F.Path,{d:"M14.6 7l-1.2-1L8 12l5.4 6 1.2-1-4.6-5z"})),Dd=(0,s.createElement)(F.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},(0,s.createElement)(F.Path,{d:"M6.5 12.4L12 8l5.5 4.4-.9 1.2L12 10l-4.5 3.6-1-1.2z"})),Od=(0,s.createElement)(F.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},(0,s.createElement)(F.Path,{d:"M17.5 11.6L12 16l-5.5-4.4.9-1.2L12 14l4.5-3.6 1 1.2z"}));const Fd=(e,t)=>"up"===e?"horizontal"===t?(0,h.isRTL)()?Ld:Ad:Dd:"down"===e?"horizontal"===t?(0,h.isRTL)()?Ad:Ld:Od:null,zd=(e,t)=>"up"===e?"horizontal"===t?(0,h.isRTL)()?(0,h.__)("Move right"):(0,h.__)("Move left"):(0,h.__)("Move up"):"down"===e?"horizontal"===t?(0,h.isRTL)()?(0,h.__)("Move left"):(0,h.__)("Move right"):(0,h.__)("Move down"):null,Vd=(0,s.forwardRef)((({clientIds:e,direction:t,orientation:n,...o},l)=>{const a=(0,d.useInstanceId)(Vd),f=(0,u.castArray)(e).length,{blockType:g,isDisabled:v,rootClientId:b,isFirst:k,isLast:_,firstIndex:y,orientation:E="vertical"}=(0,m.useSelect)((o=>{const{getBlockIndex:l,getBlockRootClientId:i,getBlockOrder:s,getBlock:a,getBlockListSettings:c}=o(Vn),d=(0,u.castArray)(e),p=(0,u.first)(d),m=i(p),f=l(p,m),h=l((0,u.last)(d),m),g=s(m),v=a(p),b=0===f,k=h===g.length-1,{orientation:_}=c(m)||{};return{blockType:v?(0,r.getBlockType)(v.name):null,isDisabled:"up"===t?b:k,rootClientId:m,firstIndex:f,isFirst:b,isLast:k,orientation:n||_}}),[e,t]),{moveBlocksDown:C,moveBlocksUp:w}=(0,m.useDispatch)(Vn),S="up"===t?w:C,B=`block-editor-block-mover-button__description-${a}`;return(0,s.createElement)(s.Fragment,null,(0,s.createElement)(p.Button,i({ref:l,className:c()("block-editor-block-mover-button",`is-${t}-button`),icon:Fd(t,E),label:zd(t,E),"aria-describedby":B},o,{onClick:v?null:t=>{S(e,b),o.onClick&&o.onClick(t)},"aria-disabled":v})),(0,s.createElement)("span",{id:B,className:"block-editor-block-mover-button__description"},function(e,t,n,o,r,l,i){const s=n+1,a=e=>"up"===e?"horizontal"===i?(0,h.isRTL)()?"right":"left":"up":"down"===e?"horizontal"===i?(0,h.isRTL)()?"left":"right":"down":null;if(e>1)return function(e,t,n,o,r){const l=t+1;return r<0&&n?(0,h.__)("Blocks cannot be moved up as they are already at the top"):r>0&&o?(0,h.__)("Blocks cannot be moved down as they are already at the bottom"):r<0&&!n?(0,h.sprintf)(// translators: 1: Number of selected blocks, 2: Position of selected blocks
|
31 |
+
(0,h._n)("Move %1$d block from position %2$d up by one place","Move %1$d blocks from position %2$d up by one place",e),e,l):r>0&&!o?(0,h.sprintf)(// translators: 1: Number of selected blocks, 2: Position of selected blocks
|
32 |
+
(0,h._n)("Move %1$d block from position %2$d down by one place","Move %1$d blocks from position %2$d down by one place",e),e,l):void 0}(e,n,o,r,l);if(o&&r)return(0,h.sprintf)(// translators: %s: Type of block (i.e. Text, Image etc)
|
33 |
+
(0,h.__)("Block %s is the only block, and cannot be moved"),t);if(l>0&&!r){const e=a("down");if("down"===e)return(0,h.sprintf)(// translators: 1: Type of block (i.e. Text, Image etc), 2: Position of selected block, 3: New position
|
34 |
+
(0,h.__)("Move %1$s block from position %2$d down to position %3$d"),t,s,s+1);if("left"===e)return(0,h.sprintf)(// translators: 1: Type of block (i.e. Text, Image etc), 2: Position of selected block, 3: New position
|
35 |
+
(0,h.__)("Move %1$s block from position %2$d left to position %3$d"),t,s,s+1);if("right"===e)return(0,h.sprintf)(// translators: 1: Type of block (i.e. Text, Image etc), 2: Position of selected block, 3: New position
|
36 |
+
(0,h.__)("Move %1$s block from position %2$d right to position %3$d"),t,s,s+1)}if(l>0&&r){const e=a("down");if("down"===e)return(0,h.sprintf)(// translators: 1: Type of block (i.e. Text, Image etc)
|
37 |
+
(0,h.__)("Block %1$s is at the end of the content and can’t be moved down"),t);if("left"===e)return(0,h.sprintf)(// translators: 1: Type of block (i.e. Text, Image etc)
|
38 |
+
(0,h.__)("Block %1$s is at the end of the content and can’t be moved left"),t);if("right"===e)return(0,h.sprintf)(// translators: 1: Type of block (i.e. Text, Image etc)
|
39 |
+
(0,h.__)("Block %1$s is at the end of the content and can’t be moved right"),t)}if(l<0&&!o){const e=a("up");if("up"===e)return(0,h.sprintf)(// translators: 1: Type of block (i.e. Text, Image etc), 2: Position of selected block, 3: New position
|
40 |
+
(0,h.__)("Move %1$s block from position %2$d up to position %3$d"),t,s,s-1);if("left"===e)return(0,h.sprintf)(// translators: 1: Type of block (i.e. Text, Image etc), 2: Position of selected block, 3: New position
|
41 |
+
(0,h.__)("Move %1$s block from position %2$d left to position %3$d"),t,s,s-1);if("right"===e)return(0,h.sprintf)(// translators: 1: Type of block (i.e. Text, Image etc), 2: Position of selected block, 3: New position
|
42 |
+
(0,h.__)("Move %1$s block from position %2$d right to position %3$d"),t,s,s-1)}if(l<0&&o){const e=a("up");if("up"===e)return(0,h.sprintf)(// translators: 1: Type of block (i.e. Text, Image etc)
|
43 |
+
(0,h.__)("Block %1$s is at the beginning of the content and can’t be moved up"),t);if("left"===e)return(0,h.sprintf)(// translators: 1: Type of block (i.e. Text, Image etc)
|
44 |
+
(0,h.__)("Block %1$s is at the beginning of the content and can’t be moved left"),t);if("right"===e)return(0,h.sprintf)(// translators: 1: Type of block (i.e. Text, Image etc)
|
45 |
+
(0,h.__)("Block %1$s is at the beginning of the content and can’t be moved right"),t)}}(f,g&&g.title,y,k,_,"up"===t?-1:1,E)))})),Hd=(0,s.forwardRef)(((e,t)=>(0,s.createElement)(Vd,i({direction:"up",ref:t},e)))),Ud=(0,s.forwardRef)(((e,t)=>(0,s.createElement)(Vd,i({direction:"down",ref:t},e))));var Gd=(0,m.withSelect)(((e,{clientIds:t})=>{var n;const{getBlock:o,getBlockIndex:l,getBlockListSettings:i,canMoveBlocks:s,getBlockOrder:a,getBlockRootClientId:c}=e(Vn),d=(0,u.castArray)(t),p=(0,u.first)(d),m=o(p),f=c((0,u.first)(d)),h=l(p,f),g=0===h,v=l((0,u.last)(d),f)===a(f).length-1;return{blockType:m?(0,r.getBlockType)(m.name):null,canMove:s(t,f),rootClientId:f,firstIndex:h,isFirst:g,isLast:v,orientation:null===(n=i(f))||void 0===n?void 0:n.orientation}}))((function({isFirst:e,isLast:t,clientIds:n,canMove:o,isHidden:r,rootClientId:l,orientation:a,hideDragHandle:u}){const[d,m]=(0,s.useState)(!1),f=()=>m(!0),g=()=>m(!1);if(!o||e&&t&&!l)return null;const v=(0,h.__)("Drag");return(0,s.createElement)("div",{className:c()("block-editor-block-mover",{"is-visible":d||!r,"is-horizontal":"horizontal"===a})},!u&&(0,s.createElement)(Nd,{clientIds:n,cloneClassname:"block-editor-block-mover__drag-clone"},(e=>(0,s.createElement)(p.Button,i({icon:pu,className:"block-editor-block-mover__drag-handle","aria-hidden":"true",label:v,tabIndex:"-1"},e)))),(0,s.createElement)(p.ToolbarGroup,{className:"block-editor-block-mover__move-button-container"},(0,s.createElement)(p.ToolbarItem,{onFocus:f,onBlur:g},(e=>(0,s.createElement)(Hd,i({clientIds:n},e)))),(0,s.createElement)(p.ToolbarItem,{onFocus:f,onBlur:g},(e=>(0,s.createElement)(Ud,i({clientIds:n},e))))))}));const{clearTimeout:Wd,setTimeout:$d}=window;function jd({ref:e,isFocused:t,debounceTimeout:n=200,onChange:o=u.noop}){const[r,l]=(0,s.useState)(!1),i=(0,s.useRef)(),a=t=>{null!=e&&e.current&&l(t),o(t)},c=()=>{const e=i.current;e&&Wd&&Wd(e)};return(0,s.useEffect)((()=>()=>c()),[]),{showMovers:r,debouncedShowMovers:e=>{e&&e.stopPropagation(),c(),r||a(!0)},debouncedHideMovers:o=>{o&&o.stopPropagation(),c(),i.current=$d((()=>{(()=>{const n=(null==e?void 0:e.current)&&e.current.matches(":hover");return!t&&!n})()&&a(!1)}),n)}}}function Kd({ref:e,debounceTimeout:t=200,onChange:n=u.noop}){const[o,r]=(0,s.useState)(!1),{showMovers:l,debouncedShowMovers:i,debouncedHideMovers:a}=jd({ref:e,debounceTimeout:t,isFocused:o,onChange:n}),c=(0,s.useRef)(!1),d=()=>(null==e?void 0:e.current)&&e.current.contains(e.current.ownerDocument.activeElement);return(0,s.useEffect)((()=>{const t=e.current,n=()=>{d()&&(r(!0),i())},o=()=>{d()||(r(!1),a())};return t&&!c.current&&(t.addEventListener("focus",n,!0),t.addEventListener("blur",o,!0),c.current=!0),()=>{t&&(t.removeEventListener("focus",n),t.removeEventListener("blur",o))}}),[e,c,r,i,a]),{showMovers:l,gestures:{onMouseMove:i,onMouseLeave:a}}}function qd(){const{selectBlock:e,toggleBlockHighlight:t}=(0,m.useDispatch)(Vn),{firstParentClientId:n,shouldHide:o,hasReducedUI:l}=(0,m.useSelect)((e=>{const{getBlockName:t,getBlockParents:n,getSelectedBlockClientId:o,getSettings:l}=e(Vn),{hasBlockSupport:i}=e(r.store),s=n(o()),a=s[s.length-1],c=t(a),u=(0,r.getBlockType)(c),d=l();return{firstParentClientId:a,shouldHide:!i(u,"__experimentalParentSelector",!0),hasReducedUI:d.hasReducedUI}}),[]),a=xd(n),c=(0,s.useRef)(),{gestures:u}=Kd({ref:c,onChange(e){e&&l||t(n,e)}});return o||void 0===n?null:(0,s.createElement)("div",i({className:"block-editor-block-parent-selector",key:n,ref:c},u),(0,s.createElement)(p.ToolbarButton,{className:"block-editor-block-parent-selector__button",onClick:()=>e(n),label:(0,h.sprintf)(
|
46 |
/* translators: %s: Name of the block's parent. */
|
47 |
+
(0,h.__)("Select %s"),a.title),showTooltip:!0,icon:(0,s.createElement)(Ha,{icon:a.icon})}))}var Yd=(0,s.createElement)(F.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,s.createElement)(F.Path,{d:"M20.2 8v11c0 .7-.6 1.2-1.2 1.2H6v1.5h13c1.5 0 2.7-1.2 2.7-2.8V8zM18 16.4V4.6c0-.9-.7-1.6-1.6-1.6H4.6C3.7 3 3 3.7 3 4.6v11.8c0 .9.7 1.6 1.6 1.6h11.8c.9 0 1.6-.7 1.6-1.6zm-13.5 0V4.6c0-.1.1-.1.1-.1h11.8c.1 0 .1.1.1.1v11.8c0 .1-.1.1-.1.1H4.6l-.1-.1z"}));function Zd({blocks:e}){return(0,s.createElement)("div",{className:"block-editor-block-switcher__popover__preview__parent"},(0,s.createElement)("div",{className:"block-editor-block-switcher__popover__preview__container"},(0,s.createElement)(p.Popover,{className:"block-editor-block-switcher__preview__popover",position:"bottom right",focusOnMount:!1},(0,s.createElement)("div",{className:"block-editor-block-switcher__preview"},(0,s.createElement)("div",{className:"block-editor-block-switcher__preview-title"},(0,h.__)("Preview")),(0,s.createElement)(au,{viewportWidth:500,blocks:e})))))}var Xd=({className:e,possibleBlockTransformations:t,onSelect:n,blocks:o})=>{const[l,i]=(0,s.useState)();return(0,s.createElement)(p.MenuGroup,{label:(0,h.__)("Transform to"),className:e},l&&(0,s.createElement)(Zd,{blocks:(0,r.switchToBlockType)(o,l)}),t.map((e=>{const{name:t,icon:o,title:l,isDisabled:a}=e;return(0,s.createElement)(p.MenuItem,{key:t,className:(0,r.getBlockMenuDefaultClassName)(t),onClick:e=>{e.preventDefault(),n(t)},disabled:a,onMouseLeave:()=>i(null),onMouseEnter:()=>i(t)},(0,s.createElement)(Ha,{icon:o,showColors:!0}),l)})))},Qd=window.wp.tokenList,Jd=n.n(Qd);const ep={};function tp({genericPreviewBlock:e,viewportWidth:t,style:n,isActive:o,onBlur:r,onHover:l,onSelect:i,styleClassName:a,itemRole:u}){const d=(0,s.useMemo)((()=>({...e,attributes:{...e.attributes,className:a}})),[e,a]);return(0,s.createElement)("div",{key:n.name,className:c()("block-editor-block-styles__item",{"is-active":o}),onClick:()=>i(),onKeyDown:e=>{ga.ENTER!==e.keyCode&&ga.SPACE!==e.keyCode||(e.preventDefault(),i())},onMouseEnter:l,onMouseLeave:r,role:u||"button",tabIndex:"0","aria-label":n.label||n.name},(0,s.createElement)("div",{className:"block-editor-block-styles__item-preview"},(0,s.createElement)(au,{viewportWidth:t,blocks:d})),(0,s.createElement)("div",{className:"block-editor-block-styles__item-label"},n.label||n.name))}var np=function({clientId:e,onSwitch:t=u.noop,onHoverClassName:n=u.noop,itemRole:o}){const{styles:l,block:i,type:a,className:c}=(0,m.useSelect)((t=>{const{getBlock:n}=t(Vn),o=n(e);if(!o)return ep;const l=(0,r.getBlockType)(o.name),{getBlockStyles:i}=t(r.store);return{block:o,type:l,styles:i(o.name),className:o.attributes.className||""}}),[e]),{updateBlockAttributes:d}=(0,m.useDispatch)(Vn),p=function(e,t){return(0,s.useMemo)((()=>{const n=null==t?void 0:t.example,o=null==t?void 0:t.name;return n&&o?(0,r.getBlockFromExample)(o,{attributes:n.attributes,innerBlocks:n.innerBlocks}):e?(0,r.cloneBlock)(e):void 0}),[null!=t&&t.example?null==e?void 0:e.name:e,t])}(i,a);if(!l||0===l.length)return null;const f=(0,u.find)(l,"isDefault")?l:[{name:"default",label:(0,h._x)("Default","block style"),isDefault:!0},...l],g=function(e,t){for(const n of new(Jd())(t).values()){if(-1===n.indexOf("is-style-"))continue;const t=n.substring(9),o=(0,u.find)(e,{name:t});if(o)return o}return(0,u.find)(e,"isDefault")}(f,c);return(0,s.createElement)("div",{className:"block-editor-block-styles"},f.map((r=>{var l,i;const u=function(e,t,n){const o=new(Jd())(e);return t&&o.remove("is-style-"+t.name),o.add("is-style-"+n.name),o.value}(c,g,r);return(0,s.createElement)(tp,{genericPreviewBlock:p,viewportWidth:null!==(l=null===(i=a.example)||void 0===i?void 0:i.viewportWidth)&&void 0!==l?l:500,className:c,isActive:g===r,key:r.name,onSelect:()=>{d(e,{className:u}),n(null),t()},onBlur:()=>n(null),onHover:()=>n(u),style:r,styleClassName:u,itemRole:o})})))};function op({hoveredBlock:e,onSwitch:t}){const{name:n,clientId:o}=e,[l,i]=(0,s.useState)(),a=(0,m.useSelect)((e=>e(r.store).getBlockType(n)),[n]);return(0,s.createElement)(p.MenuGroup,{label:(0,h.__)("Styles"),className:"block-editor-block-switcher__styles__menugroup"},l&&(0,s.createElement)(Zd,{blocks:a&&a.example?(0,r.getBlockFromExample)(a.name,{attributes:{...a.example.attributes,className:l},innerBlocks:a.example.innerBlocks}):(0,r.cloneBlock)(e,{className:l})}),(0,s.createElement)(np,{clientId:o,onSwitch:t,onHoverClassName:i,itemRole:"menuitem"}))}const rp=(e,t,n=new Set)=>{const{clientId:o,name:r,innerBlocks:l=[]}=e;if(!n.has(o)){if(r===t)return e;for(const e of l){const o=rp(e,t,n);if(o)return o}}},lp=(e,t)=>{const n=((e,t)=>{const n=(0,r.__experimentalGetBlockAttributesNamesByRole)(e,"content");return null!=n&&n.length?n.reduce(((e,n)=>(t[n]&&(e[n]=t[n]),e)),{}):t})(t.name,t.attributes);e.attributes={...e.attributes,...n}};function ip({patterns:e,onSelect:t}){return(0,s.createElement)("div",{className:"block-editor-block-switcher__popover__preview__parent"},(0,s.createElement)("div",{className:"block-editor-block-switcher__popover__preview__container"},(0,s.createElement)(p.Popover,{className:"block-editor-block-switcher__preview__popover",position:"bottom right"},(0,s.createElement)("div",{className:"block-editor-block-switcher__preview"},(0,s.createElement)("div",{className:"block-editor-block-switcher__preview-title"},(0,h.__)("Preview")),(0,s.createElement)(sp,{patterns:e,onSelect:t})))))}function sp({patterns:e,onSelect:t}){const n=(0,p.__unstableUseCompositeState)();return(0,s.createElement)(p.__unstableComposite,i({},n,{role:"listbox",className:"block-editor-block-switcher__preview-patterns-container","aria-label":(0,h.__)("Patterns list")}),e.map((e=>(0,s.createElement)(ap,{key:e.name,pattern:e,onSelect:t,composite:n}))))}function ap({pattern:e,onSelect:t,composite:n}){const o="block-editor-block-switcher__preview-patterns-container",r=(0,d.useInstanceId)(ap,`${o}-list__item-description`);return(0,s.createElement)("div",{className:`${o}-list__list-item`,"aria-label":e.title,"aria-describedby":e.description?r:void 0},(0,s.createElement)(p.__unstableCompositeItem,i({role:"option",as:"div"},n,{className:`${o}-list__item`,onClick:()=>t(e.transformedBlocks)}),(0,s.createElement)(au,{blocks:e.transformedBlocks,viewportWidth:e.viewportWidth||500}),(0,s.createElement)("div",{className:`${o}-list__item-title`},e.title)),!!e.description&&(0,s.createElement)(p.VisuallyHidden,{id:r},e.description))}var cp=function({blocks:e,patterns:t,onSelect:n}){const[o,l]=(0,s.useState)(!1),i=((e,t)=>(0,s.useMemo)((()=>e.reduce(((e,n)=>{const o=((e,t)=>{const n=t.map((e=>(0,r.cloneBlock)(e))),o=new Set;for(const t of e){let e=!1;for(const r of n){const n=rp(r,t.name,o);if(n){e=!0,o.add(n.clientId),lp(n,t);break}}if(!e)return}return n})(t,n.blocks);return o&&e.push({...n,transformedBlocks:o}),e}),[])),[e,t]))(t,e);return i.length?(0,s.createElement)(p.MenuGroup,{className:"block-editor-block-switcher__pattern__transforms__menugroup"},o&&(0,s.createElement)(ip,{patterns:i,onSelect:n}),(0,s.createElement)(p.MenuItem,{onClick:e=>{e.preventDefault(),l(!o)},icon:Ld},(0,h.__)("Patterns"))):null};const up=({clientIds:e,blocks:t})=>{const{replaceBlocks:n}=(0,m.useDispatch)(Vn),o=xd(t[0].clientId),{possibleBlockTransformations:l,canRemove:i,hasBlockStyles:a,icon:c,blockTitle:d,patterns:f}=(0,m.useSelect)((n=>{var l;const{getBlockRootClientId:i,getBlockTransformItems:s,__experimentalGetPatternTransformItems:a}=n(Vn),{getBlockStyles:c,getBlockType:d}=n(r.store),{canRemoveBlocks:p}=n(Vn),m=i((0,u.castArray)(e)[0]),[{name:f}]=t,h=1===t.length,g=h&&c(f);let v;var b;h?v=null==o?void 0:o.icon:v=1===(0,u.uniq)(t.map((({name:e})=>e))).length?null===(b=d(f))||void 0===b?void 0:b.icon:Yd;return{possibleBlockTransformations:s(t,m),canRemove:p(e,m),hasBlockStyles:!(null==g||!g.length),icon:v,blockTitle:null===(l=d(f))||void 0===l?void 0:l.title,patterns:a(t,m)}}),[e,t,null==o?void 0:o.icon]),g=1===t.length&&(0,r.isReusableBlock)(t[0]),v=1===t.length&&(0,r.isTemplatePart)(t[0]),b=!!l.length&&i,k=!(null==f||!f.length)&&i;if(!a&&!b)return(0,s.createElement)(p.ToolbarGroup,null,(0,s.createElement)(p.ToolbarButton,{disabled:!0,className:"block-editor-block-switcher__no-switcher-icon",title:d,icon:(0,s.createElement)(Ha,{icon:c,showColors:!0})}));const _=d,y=1===t.length?(0,h.sprintf)(
|
48 |
/* translators: %s: block title. */
|
49 |
+
(0,h.__)("%s: Change block type or style"),d):(0,h.sprintf)(
|
50 |
/* translators: %d: number of blocks. */
|
51 |
+
(0,h._n)("Change type of %d block","Change type of %d blocks",t.length),t.length),E=a||b||k;return(0,s.createElement)(p.ToolbarGroup,null,(0,s.createElement)(p.ToolbarItem,null,(o=>(0,s.createElement)(p.DropdownMenu,{className:"block-editor-block-switcher",label:_,popoverProps:{position:"bottom right",isAlternate:!0,className:"block-editor-block-switcher__popover"},icon:(0,s.createElement)(s.Fragment,null,(0,s.createElement)(Ha,{icon:c,className:"block-editor-block-switcher__toggle",showColors:!0}),(g||v)&&(0,s.createElement)("span",{className:"block-editor-block-switcher__toggle-text"},(0,s.createElement)(Td,{clientId:e}))),toggleProps:{describedBy:y,...o},menuProps:{orientation:"both"}},(({onClose:o})=>E&&(0,s.createElement)("div",{className:"block-editor-block-switcher__container"},k&&(0,s.createElement)(cp,{blocks:t,patterns:f,onSelect:t=>{(t=>{n(e,t)})(t),o()}}),b&&(0,s.createElement)(Xd,{className:"block-editor-block-switcher__transforms__menugroup",possibleBlockTransformations:l,blocks:t,onSelect:l=>{(o=>{n(e,(0,r.switchToBlockType)(t,o))})(l),o()}}),a&&(0,s.createElement)(op,{hoveredBlock:t[0],onSwitch:o})))))))};var dp=({clientIds:e})=>{const t=(0,m.useSelect)((t=>t(Vn).getBlocksByClientId(e)),[e]);return!t.length||t.some((e=>!e))?null:(0,s.createElement)(up,{clientIds:e,blocks:t})},pp=(0,s.createElement)(F.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,s.createElement)(F.Path,{d:"M13 19h-2v-2h2v2zm0-6h-2v-2h2v2zm0-6h-2V5h2v2z"})),mp=window.wp.blob;function fp(){const{getBlockName:e}=(0,m.useSelect)(Vn),{getBlockType:t}=(0,m.useSelect)(r.store),{createSuccessNotice:n}=(0,m.useDispatch)(Bu.store);return(0,s.useCallback)(((o,r)=>{let l="";if(1===r.length){var i;const n=r[0],s=null===(i=t(e(n)))||void 0===i?void 0:i.title;l="copy"===o?(0,h.sprintf)(// Translators: Name of the block being copied, e.g. "Paragraph".
|
52 |
+
(0,h.__)('Copied "%s" to clipboard.'),s):(0,h.sprintf)(// Translators: Name of the block being cut, e.g. "Paragraph".
|
53 |
+
(0,h.__)('Moved "%s" to clipboard.'),s)}else l="copy"===o?(0,h.sprintf)(// Translators: %d: Number of blocks being copied.
|
54 |
+
(0,h._n)("Copied %d block to clipboard.","Copied %d blocks to clipboard.",r.length),r.length):(0,h.sprintf)(// Translators: %d: Number of blocks being cut.
|
55 |
+
(0,h._n)("Moved %d block to clipboard.","Moved %d blocks to clipboard.",r.length),r.length);n(l,{type:"snackbar"})}),[])}function hp(){const{getBlocksByClientId:e,getSelectedBlockClientIds:t,hasMultiSelection:n,getSettings:o}=(0,m.useSelect)(Vn),{flashBlock:l,removeBlocks:i,replaceBlocks:s}=(0,m.useDispatch)(Vn),a=fp();return(0,d.useRefEffect)((c=>{function u(u){const d=t();if(0===d.length)return;if(!n()){const{target:e}=u,{ownerDocument:t}=e;if("copy"===u.type||"cut"===u.type?(0,or.documentHasUncollapsedSelection)(t):(0,or.documentHasSelection)(t))return}if(!c.contains(u.target.ownerDocument.activeElement))return;const p=u.defaultPrevented;if(u.preventDefault(),"copy"===u.type||"cut"===u.type){1===d.length&&l(d[0]),a(u.type,d);const t=e(d),n=(0,r.serialize)(t);u.clipboardData.setData("text/plain",n),u.clipboardData.setData("text/html",n)}if("cut"===u.type)i(d);else if("paste"===u.type){if(p)return;const{__experimentalCanUserUseUnfilteredHTML:e}=o(),{plainText:t,html:n}=function({clipboardData:e}){let t="",n="";try{t=e.getData("text/plain"),n=e.getData("text/html")}catch(t){try{n=e.getData("Text")}catch(e){return}}const o=(0,or.getFilesFromDataTransfer)(e).filter((({type:e})=>/^image\/(?:jpe?g|png|gif)$/.test(e)));return o.length&&!n&&(n=o.map((e=>`<img src="${(0,mp.createBlobURL)(e)}">`)).join(""),t=""),{html:n,plainText:t}}(u),l=(0,r.pasteHandler)({HTML:n,plainText:t,mode:"BLOCKS",canUserUseUnfilteredHTML:e});s(d,l,l.length-1,-1)}}return c.ownerDocument.addEventListener("copy",u),c.ownerDocument.addEventListener("cut",u),c.ownerDocument.addEventListener("paste",u),()=>{c.ownerDocument.removeEventListener("copy",u),c.ownerDocument.removeEventListener("cut",u),c.ownerDocument.removeEventListener("paste",u)}}),[])}var gp=function({children:e}){return(0,s.createElement)("div",{ref:hp()},e)};function vp({clientIds:e,children:t,__experimentalUpdateSelection:n}){const{canInsertBlockType:o,getBlockRootClientId:l,getBlocksByClientId:i,canMoveBlocks:s,canRemoveBlocks:a}=(0,m.useSelect)(Vn),{getDefaultBlockName:c,getGroupingBlockName:d}=(0,m.useSelect)(r.store),p=i(e),f=l(e[0]),h=(0,u.every)(p,(e=>!!e&&(0,r.hasBlockSupport)(e.name,"multiple",!0)&&o(e.name,f))),g=o(c(),f),v=s(e,f),b=a(e,f),{removeBlocks:k,replaceBlocks:_,duplicateBlocks:y,insertAfterBlock:E,insertBeforeBlock:C,flashBlock:w,setBlockMovingClientId:S,setNavigationMode:B,selectBlock:I}=(0,m.useDispatch)(Vn),x=fp();return t({canDuplicate:h,canInsertDefaultBlock:g,canMove:v,canRemove:b,rootClientId:f,blocks:p,onDuplicate:()=>y(e,n),onRemove:()=>k(e,n),onInsertBefore(){C((0,u.first)((0,u.castArray)(e)))},onInsertAfter(){E((0,u.last)((0,u.castArray)(e)))},onMoveTo(){B(!0),I(e[0]),S(e[0])},onGroup(){if(!p.length)return;const t=d(),n=(0,r.switchToBlockType)(p,t);n&&_(e,n)},onUngroup(){if(!p.length)return;const t=p[0].innerBlocks;t.length&&_(e,t)},onCopy(){const e=p.map((({clientId:e})=>e));1===p.length&&w(e[0]),x("copy",e)}})}var bp=(0,d.compose)([(0,m.withSelect)(((e,{clientId:t})=>{const{getBlock:n,getBlockMode:o,getSettings:l}=e(Vn),i=n(t),s=l().codeEditingEnabled;return{mode:o(t),blockType:i?(0,r.getBlockType)(i.name):null,isCodeEditingEnabled:s}})),(0,m.withDispatch)(((e,{onToggle:t=u.noop,clientId:n})=>({onToggleMode(){e(Vn).toggleBlockMode(n),t()}})))])((function({blockType:e,mode:t,onToggleMode:n,small:o=!1,isCodeEditingEnabled:l=!0}){if(!(0,r.hasBlockSupport)(e,"html",!0)||!l)return null;const i="visual"===t?(0,h.__)("Edit as HTML"):(0,h.__)("Edit visually");return(0,s.createElement)(p.MenuItem,{onClick:n},!o&&i)})),kp=(0,d.compose)((0,m.withSelect)(((e,{clientId:t})=>{const n=e(Vn).getBlock(t);return{block:n,shouldRender:n&&"core/html"===n.name}})),(0,m.withDispatch)(((e,{block:t})=>({onClick:()=>e(Vn).replaceBlocks(t.clientId,(0,r.rawHandler)({HTML:(0,r.getBlockContent)(t)}))}))))((function({shouldRender:e,onClick:t,small:n}){if(!e)return null;const o=(0,h.__)("Convert to Blocks");return(0,s.createElement)(p.MenuItem,{onClick:t},!n&&o)}));const{Fill:_p,Slot:yp}=(0,p.createSlotFill)("__unstableBlockSettingsMenuFirstItem");_p.Slot=yp;var Ep=_p;function Cp({clientIds:e,isGroupable:t,isUngroupable:n,blocksSelection:o,groupingBlockName:l,onClose:i=(()=>{})}){const{replaceBlocks:a}=(0,m.useDispatch)(Vn);return t||n?(0,s.createElement)(s.Fragment,null,t&&(0,s.createElement)(p.MenuItem,{onClick:()=>{(()=>{const t=(0,r.switchToBlockType)(o,l);t&&a(e,t)})(),i()}},(0,h._x)("Group","verb")),n&&(0,s.createElement)(p.MenuItem,{onClick:()=>{(()=>{const t=o[0].innerBlocks;t.length&&a(e,t)})(),i()}},(0,h._x)("Ungroup","Ungrouping blocks from within a Group block back into individual blocks within the Editor "))):null}const{Fill:wp,Slot:Sp}=(0,p.createSlotFill)("BlockSettingsMenuControls");function Bp({...e}){return(0,s.createElement)(p.__experimentalStyleProvider,{document:document},(0,s.createElement)(wp,e))}Bp.Slot=({fillProps:e,clientIds:t=null})=>{const{selectedBlocks:n,selectedClientIds:o}=(0,m.useSelect)((e=>{const{getBlocksByClientId:n,getSelectedBlockClientIds:o}=e(Vn),r=null!==t?t:o();return{selectedBlocks:(0,u.map)((0,u.compact)(n(r)),(e=>e.name)),selectedClientIds:r}}),[t]),l=function(){const{clientIds:e,isGroupable:t,isUngroupable:n,blocksSelection:o,groupingBlockName:l}=(0,m.useSelect)((e=>{var t;const{getBlockRootClientId:n,getBlocksByClientId:o,canInsertBlockType:l,getSelectedBlockClientIds:i}=e(Vn),{getGroupingBlockName:s}=e(r.store),a=i(),c=s(),u=l(c,null!=a&&a.length?n(a[0]):void 0),d=o(a),p=1===d.length&&(null===(t=d[0])||void 0===t?void 0:t.name)===c;return{clientIds:a,isGroupable:u&&d.length&&!p,isUngroupable:p&&!!d[0].innerBlocks.length,blocksSelection:d,groupingBlockName:c}}),[]);return{clientIds:e,isGroupable:t,isUngroupable:n,blocksSelection:o,groupingBlockName:l}}(),{isGroupable:a,isUngroupable:c}=l,d=a||c;return(0,s.createElement)(Sp,{fillProps:{...e,selectedBlocks:n,selectedClientIds:o}},(t=>{if((null==t?void 0:t.length)>0||d)return(0,s.createElement)(p.MenuGroup,null,t,(0,s.createElement)(Cp,i({},l,{onClose:null==e?void 0:e.onClose})))}))};var Ip=Bp;const xp={className:"block-editor-block-settings-menu__popover",position:"bottom right",isAlternate:!0};function Tp({blocks:e,onCopy:t}){const n=(0,d.useCopyToClipboard)((()=>(0,r.serialize)(e)),t);return(0,s.createElement)(p.MenuItem,{ref:n},(0,h.__)("Copy"))}var Np=function({clientIds:e,__experimentalSelectBlock:t,children:n,...o}){const l=(0,u.castArray)(e),a=l.length,c=l[0],{onlyBlock:d,title:f}=(0,m.useSelect)((e=>{var t;const{getBlockCount:n,getBlockName:o}=e(Vn),{getBlockType:l}=e(r.store);return{onlyBlock:1===n(),title:null===(t=l(o(c)))||void 0===t?void 0:t.title}}),[c]),g=(0,m.useSelect)((e=>{const{getShortcutRepresentation:t}=e(ec.store);return{duplicate:t("core/block-editor/duplicate"),remove:t("core/block-editor/remove"),insertAfter:t("core/block-editor/insert-after"),insertBefore:t("core/block-editor/insert-before")}}),[]),v=(0,s.useCallback)(t?async e=>{const n=await e;n&&n[0]&&t(n[0])}:u.noop,[t]),b=(0,h.sprintf)(
|
56 |
+
/* translators: %s: block name */
|
57 |
+
(0,h.__)("Remove %s"),f),k=1===a?b:(0,h.__)("Remove blocks");return(0,s.createElement)(vp,{clientIds:e,__experimentalUpdateSelection:!t},(({canDuplicate:t,canInsertDefaultBlock:r,canMove:l,canRemove:m,onDuplicate:f,onInsertAfter:b,onInsertBefore:_,onRemove:y,onCopy:E,onMoveTo:C,blocks:w})=>(0,s.createElement)(p.DropdownMenu,i({icon:pp,label:(0,h.__)("Options"),className:"block-editor-block-settings-menu",popoverProps:xp,noIcons:!0},o),(({onClose:o})=>(0,s.createElement)(s.Fragment,null,(0,s.createElement)(p.MenuGroup,null,(0,s.createElement)(Ep.Slot,{fillProps:{onClose:o}}),1===a&&(0,s.createElement)(kp,{clientId:c}),(0,s.createElement)(Tp,{blocks:w,onCopy:E}),t&&(0,s.createElement)(p.MenuItem,{onClick:(0,u.flow)(o,f,v),shortcut:g.duplicate},(0,h.__)("Duplicate")),r&&(0,s.createElement)(s.Fragment,null,(0,s.createElement)(p.MenuItem,{onClick:(0,u.flow)(o,_),shortcut:g.insertBefore},(0,h.__)("Insert before")),(0,s.createElement)(p.MenuItem,{onClick:(0,u.flow)(o,b),shortcut:g.insertAfter},(0,h.__)("Insert after"))),l&&!d&&(0,s.createElement)(p.MenuItem,{onClick:(0,u.flow)(o,C)},(0,h.__)("Move to")),1===a&&(0,s.createElement)(bp,{clientId:c,onToggle:o})),(0,s.createElement)(Ip.Slot,{fillProps:{onClose:o},clientIds:e}),"function"==typeof n?n({onClose:o}):s.Children.map((e=>(0,s.cloneElement)(e,{onClose:o}))),m&&(0,s.createElement)(p.MenuGroup,null,(0,s.createElement)(p.MenuItem,{onClick:(0,u.flow)(o,y,v),shortcut:g.remove},k)))))))},Pp=function({clientIds:e,...t}){return(0,s.createElement)(p.ToolbarGroup,null,(0,s.createElement)(p.ToolbarItem,null,(n=>(0,s.createElement)(Np,i({clientIds:e,toggleProps:n},t)))))};function Mp({hideDragHandle:e}){const{blockClientIds:t,blockClientId:n,blockType:o,hasFixedToolbar:l,hasReducedUI:a,isValid:u,isVisual:f}=(0,m.useSelect)((e=>{const{getBlockName:t,getBlockMode:n,getSelectedBlockClientIds:o,isBlockValid:l,getBlockRootClientId:i,getSettings:s}=e(Vn),a=o(),c=a[0],u=i(c),d=s();return{blockClientIds:a,blockClientId:c,blockType:c&&(0,r.getBlockType)(t(c)),hasFixedToolbar:d.hasFixedToolbar,hasReducedUI:d.hasReducedUI,rootClientId:u,isValid:a.every((e=>l(e))),isVisual:a.every((e=>"visual"===n(e)))}}),[]),{toggleBlockHighlight:h}=(0,m.useDispatch)(Vn),g=(0,s.useRef)(),{showMovers:v,gestures:b}=Kd({ref:g,onChange(e){e&&a||h(n,e)}}),k=(0,d.useViewportMatch)("medium","<")||l;if(o&&!(0,r.hasBlockSupport)(o,"__experimentalToolbar",!0))return null;const _=k||v;if(0===t.length)return null;const y=u&&f,E=t.length>1,C=c()("block-editor-block-toolbar",_&&"is-showing-movers");return(0,s.createElement)("div",{className:C},!E&&!k&&(0,s.createElement)(qd,{clientIds:t}),(0,s.createElement)("div",i({ref:g},b),(y||E)&&(0,s.createElement)(p.ToolbarGroup,{className:"block-editor-block-toolbar__block-controls"},(0,s.createElement)(dp,{clientIds:t}),(0,s.createElement)(Gd,{clientIds:t,hideDragHandle:e||a}))),y&&(0,s.createElement)(s.Fragment,null,(0,s.createElement)(Zn.Slot,{group:"parent",className:"block-editor-block-toolbar__slot"}),(0,s.createElement)(Zn.Slot,{group:"block",className:"block-editor-block-toolbar__slot"}),(0,s.createElement)(Zn.Slot,{className:"block-editor-block-toolbar__slot"}),(0,s.createElement)(Zn.Slot,{group:"inline",className:"block-editor-block-toolbar__slot"}),(0,s.createElement)(Zn.Slot,{group:"other",className:"block-editor-block-toolbar__slot"})),(0,s.createElement)(Pp,{clientIds:t}))}var Rp=function({focusOnMount:e,isFixed:t,...n}){const{blockType:o,hasParents:l,showParentSelector:a}=(0,m.useSelect)((e=>{const{getBlockName:t,getBlockParents:n,getSelectedBlockClientIds:o}=e(Vn),{getBlockType:l}=e(r.store),i=o(),s=i[0],a=n(s),c=l(t(a[a.length-1]));return{blockType:s&&l(t(s)),hasParents:a.length,showParentSelector:(0,r.hasBlockSupport)(c,"__experimentalParentSelector",!0)&&i.length<=1}}),[]);if(o&&!(0,r.hasBlockSupport)(o,"__experimentalToolbar",!0))return null;const u=c()("block-editor-block-contextual-toolbar",{"has-parent":l&&a,"is-fixed":t});return(0,s.createElement)(Rd,i({focusOnMount:e,className:u
|
58 |
+
/* translators: accessibility text for the block toolbar */,"aria-label":(0,h.__)("Block tools")},n),(0,s.createElement)(Mp,{hideDragHandle:t}))};function Lp(e){const{isNavigationMode:t,isMultiSelecting:n,hasMultiSelection:o,isTyping:r,isCaretWithinFormattedText:l,getSettings:i,getLastMultiSelectedBlockClientId:s}=e(Vn);return{isNavigationMode:t(),isMultiSelecting:n(),isTyping:r(),isCaretWithinFormattedText:l(),hasMultiSelection:o(),hasFixedToolbar:i().hasFixedToolbar,lastClientId:s()}}function Ap({clientId:e,rootClientId:t,isValid:n,isEmptyDefaultBlock:o,capturingClientId:r,__unstablePopoverSlot:l,__unstableContentRef:i}){const{isNavigationMode:a,isMultiSelecting:u,isTyping:f,isCaretWithinFormattedText:h,hasMultiSelection:g,hasFixedToolbar:v,lastClientId:b}=(0,m.useSelect)(Lp,[]),k=(0,m.useSelect)((t=>{const{isBlockInsertionPointVisible:n,getBlockInsertionPoint:o,getBlockOrder:r}=t(Vn);if(!n())return!1;const l=o();return r(l.rootClientId)[l.index]===e}),[e]),_=(0,d.useViewportMatch)("medium"),[y,E]=(0,s.useState)(!1),[C,w]=(0,s.useState)(!1),{stopTyping:S}=(0,m.useDispatch)(Vn),B=!f&&!a&&o&&n,I=a,x=!a&&!v&&_&&!B&&!u&&(!f||h),T=!(a||x||v||o);(0,ec.useShortcut)("core/block-editor/focus-toolbar",(()=>{E(!0),S(!0)}),{isDisabled:!T}),(0,s.useEffect)((()=>{x||E(!1)}),[x]);const N=(0,s.useRef)(),P=Ba(e),M=Ba(b),R=Ba(r),L=yd(i);if(!(I||x||y||B))return null;let A=P;if(!A)return null;r&&(A=R);let D=A;if(g){if(!M)return null;D={top:A,bottom:M}}const O=B?"top left right":"top right left",{ownerDocument:F}=A,z=B?void 0:F.defaultView.frameElement||(0,or.getScrollContainer)(A)||F.body;return(0,s.createElement)(p.Popover,{ref:L,noArrow:!0,animate:!1,position:O,focusOnMount:!1,anchorRef:D,className:c()("block-editor-block-list__block-popover",{"is-insertion-point-visible":k}),__unstableStickyBoundaryElement:z,__unstableSlotName:l||null,__unstableBoundaryParent:!0,__unstableObserveElement:A,shouldAnchorIncludePadding:!0,__unstableEditorCanvasWrapper:null==i?void 0:i.current},(x||y)&&(0,s.createElement)("div",{onFocus:function(){w(!0)},onBlur:function(){w(!1)},tabIndex:-1,className:c()("block-editor-block-list__block-popover-inserter",{"is-visible":C})},(0,s.createElement)(hd,{clientId:e,rootClientId:t,__experimentalIsQuick:!0})),(x||y)&&(0,s.createElement)(Rp,{focusOnMount:y,__experimentalInitialIndex:N.current,__experimentalOnIndexChange:e=>{N.current=e},key:e}),I&&(0,s.createElement)(Pd,{clientId:e,rootClientId:t,blockElement:A}),B&&(0,s.createElement)("div",{className:"block-editor-block-list__empty-block-inserter"},(0,s.createElement)(hd,{position:"bottom right",rootClientId:t,clientId:e,__experimentalIsQuick:!0})))}function Dp(e){const{getSelectedBlockClientId:t,getFirstMultiSelectedBlockClientId:n,getBlockRootClientId:o,getBlock:l,getBlockParents:i,__experimentalGetBlockListSettingsForBlocks:s}=e(Vn),a=t()||n();if(!a)return;const{name:c,attributes:d={},isValid:p}=l(a)||{},m=i(a),f=s(m),h=(0,u.find)(m,(e=>{var t;return null===(t=f[e])||void 0===t?void 0:t.__experimentalCaptureToolbars}));return{clientId:a,rootClientId:o(a),name:c,isValid:p,isEmptyDefaultBlock:c&&(0,r.isUnmodifiedDefaultBlock)({name:c,attributes:d}),capturingClientId:h}}function Op({__unstablePopoverSlot:e,__unstableContentRef:t}){const n=(0,m.useSelect)(Dp,[]);if(!n)return null;const{clientId:o,rootClientId:r,name:l,isValid:i,isEmptyDefaultBlock:a,capturingClientId:c}=n;return l?(0,s.createElement)(Ap,{clientId:o,rootClientId:r,isValid:i,isEmptyDefaultBlock:a,capturingClientId:c,__unstablePopoverSlot:e,__unstableContentRef:t}):null}function Fp({children:e}){const t=(0,s.useContext)(Ed),n=(0,s.useContext)(p.Disabled.Context);return t||n?e:(Lt()('wp.components.Popover.Slot name="block-toolbar"',{alternative:"wp.blockEditor.BlockTools"}),(0,s.createElement)(wd,{__unstablePopoverSlot:"block-toolbar"},(0,s.createElement)(Op,{__unstablePopoverSlot:"block-toolbar"}),e))}var zp=(0,d.createHigherOrderComponent)((e=>t=>{const{clientId:n}=Wn();return(0,s.createElement)(e,i({},t,{clientId:n}))}),"withClientId"),Vp=zp((({clientId:e,showSeparator:t,isFloating:n,onAddBlock:o,isToggle:r})=>(0,s.createElement)(kd,{className:c()({"block-list-appender__toggle":r}),rootClientId:e,showSeparator:t,isFloating:n,onAddBlock:o}))),Hp=(0,d.compose)([zp,(0,m.withSelect)(((e,{clientId:t})=>{const{getBlockOrder:n}=e(Vn),o=n(t);return{lastBlockClientId:(0,u.last)(o)}}))])((({clientId:e,lastBlockClientId:t})=>(0,s.createElement)(gd,{rootClientId:e,lastBlockClientId:t}))),Up=window.wp.isShallowEqual,Gp=n.n(Up);const Wp=new WeakMap;function $p(e,t){const n=(0,m.useSelect)((e=>e(Vn).getSettings().mediaUpload),[]),{canInsertBlockType:o,getBlockIndex:l,getClientIdsOfDescendants:i}=(0,m.useSelect)(Vn),{insertBlocks:s,moveBlocksToPosition:a,updateBlockAttributes:c,clearSelectedBlock:u}=(0,m.useDispatch)(Vn),d=function(e,t,n,o,l,i,s){return a=>{const{srcRootClientId:c,srcClientIds:u,type:d,blocks:p}=function(e){let t={srcRootClientId:null,srcClientIds:null,srcIndex:null,type:null,blocks:null};if(!e.dataTransfer)return t;try{t=Object.assign(t,JSON.parse(e.dataTransfer.getData("wp-blocks")))}catch(e){return t}return t}(a);if("inserter"===d){s();const n=p.map((e=>(0,r.cloneBlock)(e)));i(n,t,e,!0,null)}if("block"===d){const r=n(u[0],c);if(c===e&&r===t)return;if(u.includes(e)||o(u).some((t=>t===e)))return;const i=c===e,s=u.length;l(u,c,e,i&&r<t?t-s:t)}}}(e,t,l,i,a,s,u),p=function(e,t,n,o,l,i){return s=>{if(!n)return;const a=(0,r.findTransform)((0,r.getBlockTransforms)("from"),(t=>"files"===t.type&&l(t.blockName,e)&&t.isMatch(s)));if(a){const n=a.transform(s,o);i(n,t,e)}}}(e,t,n,c,o,s),f=function(e,t,n){return o=>{const l=(0,r.pasteHandler)({HTML:o,mode:"BLOCKS"});l.length&&n(l,t,e)}}(e,t,s);return e=>{const t=(0,or.getFilesFromDataTransfer)(e.dataTransfer),n=e.dataTransfer.getData("text/html");t.length?p(t):n?f(n):d(e)}}function jp(e,t,n=["top","bottom","left","right"]){let o,r;return n.forEach((n=>{const l=function(e,t,n){const o="top"===n||"bottom"===n,{x:r,y:l}=e,i=o?r:l,s=o?l:r,a=o?t.left:t.top,c=o?t.right:t.bottom,u=t[n];let d;return d=i>=a&&i<=c?i:i<c?a:c,Math.sqrt((i-d)**2+(s-u)**2)}(e,t,n);(void 0===o||l<o)&&(o=l,r=n)})),[o,r]}function Kp({rootClientId:e=""}={}){const[t,n]=(0,s.useState)(null),o=(0,m.useSelect)((t=>{const{getTemplateLock:n}=t(Vn);return"all"===n(e)}),[e]),{getBlockListSettings:r}=(0,m.useSelect)(Vn),{showInsertionPoint:l,hideInsertionPoint:i}=(0,m.useDispatch)(Vn),a=$p(e,t),c=(0,d.useThrottle)((0,s.useCallback)(((t,o)=>{var i;const s=function(e,t,n){const o="horizontal"===n?["left","right"]:["top","bottom"],r=(0,h.isRTL)();let l,i;return e.forEach(((e,n)=>{const s=e.getBoundingClientRect(),[a,c]=jp(t,s,o);(void 0===i||a<i)&&(i=a,l=n+("bottom"===c||!r&&"right"===c||r&&"left"===c?1:0))})),l}(Array.from(o.children).filter((e=>e.classList.contains("wp-block"))),{x:t.clientX,y:t.clientY},null===(i=r(e))||void 0===i?void 0:i.orientation);n(void 0===s?0:s),null!==s&&l(e,s)}),[]),200);return(0,d.__experimentalUseDropZone)({isDisabled:o,onDrop:a,onDragOver(e){c(e,e.currentTarget)},onDragLeave(){c.cancel(),i(),n(null)},onDragEnd(){c.cancel(),i(),n(null)}})}function qp(e){const{clientId:t,allowedBlocks:n,__experimentalDefaultBlock:o,__experimentalDirectInsert:l,template:i,templateLock:a,wrapperRef:c,templateInsertUpdatesSelection:d,__experimentalCaptureToolbars:p,__experimentalAppenderTagName:f,renderAppender:h,orientation:g,placeholder:v,__experimentalLayout:b}=e;!function(e,t,n,o,r,l,i,a){const{updateBlockListSettings:c}=(0,m.useDispatch)(Vn),{blockListSettings:u,parentLock:d}=(0,m.useSelect)((t=>{const n=t(Vn).getBlockRootClientId(e);return{blockListSettings:t(Vn).getBlockListSettings(e),parentLock:t(Vn).getTemplateLock(n)}}),[e]),p=(0,s.useMemo)((()=>t),t);(0,s.useLayoutEffect)((()=>{const t={allowedBlocks:p,templateLock:void 0===r?d:r};if(void 0!==l&&(t.__experimentalCaptureToolbars=l),void 0!==i)t.orientation=i;else{const e=Io(null==a?void 0:a.type);t.orientation=e.getOrientation(a)}void 0!==n&&(t.__experimentalDefaultBlock=n),void 0!==o&&(t.__experimentalDirectInsert=o),Gp()(u,t)||c(e,t)}),[e,u,p,n,o,r,d,l,i,c,a])}(t,n,o,l,a,p,g,b),function(e,t,n,o){const{getSelectedBlocksInitialCaretPosition:l}=(0,m.useSelect)(Vn),{replaceInnerBlocks:i}=(0,m.useDispatch)(Vn),a=(0,m.useSelect)((t=>t(Vn).getBlocks(e)),[e]),c=(0,s.useRef)(null);(0,s.useLayoutEffect)((()=>{if((0===a.length||"all"===n)&&!(0,u.isEqual)(t,c.current)){c.current=t;const n=(0,r.synchronizeBlocksWithTemplate)(a,t);(0,u.isEqual)(n,a)||i(e,n,0===a.length&&o&&0!==n.length,l())}}),[a,t,n,e])}(t,i,a,d);const k=(0,m.useSelect)((e=>{const n=e(Vn).getBlock(t),o=(0,r.getBlockType)(n.name);if(o&&o.providesContext)return function(e,t){Wp.has(t)||Wp.set(t,new WeakMap);const n=Wp.get(t);if(!n.has(e)){const o=(0,u.mapValues)(t.providesContext,(t=>e[t]));n.set(e,o)}return n.get(e)}(n.attributes,o)}),[t]);return(0,s.createElement)(lr,{value:k},(0,s.createElement)(rm,{rootClientId:t,renderAppender:h,__experimentalAppenderTagName:f,__experimentalLayout:b,wrapperRef:c,placeholder:v}))}function Yp(e){return Ga(e),(0,s.createElement)(qp,e)}const Zp=(0,s.forwardRef)(((e,t)=>{const n=Xp({ref:t},e);return(0,s.createElement)("div",{className:"block-editor-inner-blocks"},(0,s.createElement)("div",n))}));function Xp(e={},t={}){const{clientId:n}=Wn(),o=(0,d.useViewportMatch)("medium","<"),{__experimentalCaptureToolbars:l,hasOverlay:a}=(0,m.useSelect)((e=>{if(!n)return{};const{getBlockName:t,isBlockSelected:l,hasSelectedInnerBlock:i,isNavigationMode:s}=e(Vn),a=t(n),c=s()||o;return{__experimentalCaptureToolbars:e(r.store).hasBlockSupport(a,"__experimentalExposeControlsToChildren",!1),hasOverlay:"core/template"!==a&&!l(n)&&!i(n,!0)&&c}}),[n,o]),u=(0,d.useMergeRefs)([e.ref,Kp({rootClientId:n})]),p={__experimentalCaptureToolbars:l,...t},f=p.value&&p.onChange?Yp:qp;return{...e,ref:u,className:c()(e.className,"block-editor-block-list__layout",{"has-overlay":a}),children:n?(0,s.createElement)(f,i({},p,{clientId:n})):(0,s.createElement)(rm,t)}}Xp.save=r.__unstableGetInnerBlocksProps,Zp.DefaultBlockAppender=Hp,Zp.ButtonBlockAppender=Vp,Zp.Content=()=>Xp.save().children;var Qp=Zp;const Jp=(0,s.createContext)(),em=(0,s.createContext)();function tm({className:e,...t}){const[n,o]=(0,s.useState)(),r=(0,d.useViewportMatch)("medium"),{isOutlineMode:l,isFocusMode:i,isNavigationMode:a}=(0,m.useSelect)((e=>{const{getSettings:t,isNavigationMode:n}=e(Vn),{outlineMode:o,focusMode:r}=t();return{isOutlineMode:o,isFocusMode:r,isNavigationMode:n()}}),[]),u=Xp({ref:(0,d.useMergeRefs)([ja(),Sd(),o]),className:c()("is-root-container",e,{"is-outline-mode":l,"is-focus-mode":i&&r,"is-navigate-mode":a})},t);return(0,s.createElement)(Jp.Provider,{value:n},(0,s.createElement)("div",u))}function nm(e){return function(){const e=(0,m.useSelect)((e=>e(Vn).getSettings().__experimentalBlockPatterns),[]);(0,s.useEffect)((()=>{if(null==e||!e.length)return;let t,n=-1;const o=()=>{n++,n>=e.length||((0,m.select)(Vn).__experimentalGetParsedPattern(e[n].name),t=Bd(o))};return t=Bd(o),()=>Id(t)}),[e])}(),(0,s.createElement)(Fp,null,(0,s.createElement)(Gn,{value:Hn},(0,s.createElement)(tm,e)))}function om({placeholder:e,rootClientId:t,renderAppender:n,__experimentalAppenderTagName:o,__experimentalLayout:r=xo}){const[l,i]=(0,s.useState)(new Set),a=(0,s.useMemo)((()=>{const{IntersectionObserver:e}=window;if(e)return new e((e=>{i((t=>{const n=new Set(t);for(const t of e){const e=t.target.getAttribute("data-block");n[t.isIntersecting?"add":"delete"](e)}return n}))}))}),[i]),{order:c,selectedBlocks:u}=(0,m.useSelect)((e=>{const{getBlockOrder:n,getSelectedBlockClientIds:o}=e(Vn);return{order:n(t),selectedBlocks:o()}}),[t]);return(0,s.createElement)(No,{value:r},(0,s.createElement)(em.Provider,{value:a},c.map((e=>(0,s.createElement)(m.AsyncModeProvider,{key:e,value:!l.has(e)&&!u.includes(e)},(0,s.createElement)(Aa,{rootClientId:t,clientId:e}))))),c.length<1&&e,(0,s.createElement)(_d,{tagName:o,rootClientId:t,renderAppender:n}))}function rm(e){return(0,s.createElement)(m.AsyncModeProvider,{value:!1},(0,s.createElement)(om,e))}nm.__unstableElementContext=Jp;const lm=["colors","disableCustomColors","gradients","disableCustomGradients"];function im({colors:e,gradients:t,disableCustomColors:n,disableCustomGradients:o,__experimentalHasMultipleOrigins:r,className:l,label:i,onColorChange:a,onGradientChange:d,colorValue:m,gradientValue:f,clearable:g,showTitle:v=!0}){const b=a&&(!(0,u.isEmpty)(e)||!n),k=d&&(!(0,u.isEmpty)(t)||!o),[_,y]=(0,s.useState)(f?"gradient":!!b&&"color");return b||k?(0,s.createElement)(p.BaseControl,{className:c()("block-editor-color-gradient-control",l)},(0,s.createElement)("fieldset",null,(0,s.createElement)(p.__experimentalVStack,{spacing:1},v&&(0,s.createElement)("legend",null,(0,s.createElement)("div",{className:"block-editor-color-gradient-control__color-indicator"},(0,s.createElement)(p.BaseControl.VisualLabel,null,i))),b&&k&&(0,s.createElement)(p.__experimentalToggleGroupControl,{value:_,onChange:y,label:(0,h.__)("Select color type"),hideLabelFromVision:!0,isBlock:!0},(0,s.createElement)(p.__experimentalToggleGroupControlOption,{value:"color",label:(0,h.__)("Solid")}),(0,s.createElement)(p.__experimentalToggleGroupControlOption,{value:"gradient",label:(0,h.__)("Gradient")})),("color"===_||!k)&&(0,s.createElement)(p.ColorPalette,{value:m,onChange:k?e=>{a(e),d()}:a,colors:e,disableCustomColors:n,__experimentalHasMultipleOrigins:r,clearable:g}),("gradient"===_||!b)&&(0,s.createElement)(p.GradientPicker,{value:f,onChange:b?e=>{d(e),a()}:d,gradients:t,disableCustomGradients:o,__experimentalHasMultipleOrigins:r,clearable:g})))):null}function sm(e){const t={};return t.colors=mo("color.palette"),t.gradients=mo("color.gradients"),t.disableCustomColors=!mo("color.custom"),t.disableCustomGradients=!mo("color.customGradient"),(0,s.createElement)(im,i({},t,e))}var am=function(e){return(0,u.every)(lm,(t=>e.hasOwnProperty(t)))?(0,s.createElement)(im,e):(0,s.createElement)(sm,e)};Lc([Ac,Fc]);const cm=(e,t,n)=>{if(t){const n=(0,u.find)(e,{slug:t});if(n)return n}return{color:n}},um=(e,t)=>(0,u.find)(e,{color:t});function dm(e,t){if(e&&t)return`has-${(0,u.kebabCase)(t)}-${e}`}const pm=[];function mm(e){const{attributes:{borderColor:t,style:n},setAttributes:o}=e,r=mo("color.palette")||pm,l=!mo("color.custom"),i=!mo("color.customGradient"),[a,c]=(0,s.useState)((()=>{var e,o;return null===(e=cm(r,t,null==n||null===(o=n.border)||void 0===o?void 0:o.color))||void 0===e?void 0:e.color}));return(0,s.createElement)(am,{label:(0,h.__)("Color"),colorValue:a,colors:r,gradients:void 0,disableCustomColors:l,disableCustomGradients:i,onColorChange:e=>{c(e);const t=um(r,e),l={...n,border:{...null==n?void 0:n.border,color:null!=t&&t.slug?void 0:e}},i=null!=t&&t.slug?t.slug:void 0;o({style:Ko(l),borderColor:i})}})}function fm(e,t,n){var o;if(!zm(t,"color")||Vm(t))return e;const{borderColor:r,style:l}=n,i=dm("border-color",r),s=c()(e.className,{"has-border-color":r||(null==l||null===(o=l.border)||void 0===o?void 0:o.color),[i]:!!i});return e.className=s||void 0,e}const hm=(0,d.createHigherOrderComponent)((e=>t=>{var n,o;const{name:r,attributes:l}=t,{borderColor:a}=l,c=mo("color.palette")||pm;if(!zm(r,"color")||Vm(r))return(0,s.createElement)(e,t);const u={borderColor:a?null===(n=cm(c,a))||void 0===n?void 0:n.color:void 0};let d=t.wrapperProps;return d={...t.wrapperProps,style:{...u,...null===(o=t.wrapperProps)||void 0===o?void 0:o.style}},(0,s.createElement)(e,i({},t,{wrapperProps:d}))}));function gm(e){return[...e].sort(((t,n)=>e.filter((e=>e===n)).length-e.filter((e=>e===t)).length)).shift()}function vm(e={}){if("string"==typeof e)return e;const t=Object.values(e).map((e=>(0,p.__experimentalParseUnit)(e))),n=t.map((e=>e[0])),o=t.map((e=>e[1])),r=n.every((e=>e===n[0]))?n[0]:"",l=gm(o);return 0===r||r?`${r}${l}`:null}function bm(e={}){const t=vm(e);return isNaN(parseFloat(t))}function km(e){return!!e&&("string"==typeof e||!!Object.values(e).filter((e=>!!e||0===e)).length)}function _m({onChange:e,values:t,...n}){const o=vm(t),r=km(t)&&bm(t),l=r?(0,h.__)("Mixed"):null;return(0,s.createElement)(p.__experimentalUnitControl,i({},n,{"aria-label":(0,h.__)("Border radius"),disableUnits:r,isOnly:!0,value:o,onChange:e,placeholder:l}))}(0,l.addFilter)("blocks.registerBlockType","core/border/addAttributes",(function(e){return zm(e,"color")?e.attributes.borderColor?e:{...e,attributes:{...e.attributes,borderColor:{type:"string"}}}:e})),(0,l.addFilter)("blocks.getSaveContent.extraProps","core/border/addSaveProps",fm),(0,l.addFilter)("blocks.registerBlockType","core/border/addEditProps",(function(e){if(!zm(e,"color")||Vm(e))return e;const t=e.getEditWrapperProps;return e.getEditWrapperProps=n=>{let o={};return t&&(o=t(n)),fm(o,e,n)},e})),(0,l.addFilter)("editor.BlockListBlock","core/border/with-border-color-palette-styles",hm);const ym={topLeft:(0,h.__)("Top left"),topRight:(0,h.__)("Top right"),bottomLeft:(0,h.__)("Bottom left"),bottomRight:(0,h.__)("Bottom right")};function Em({onChange:e,values:t,...n}){const o="string"!=typeof t?t:{topLeft:t,topRight:t,bottomLeft:t,bottomRight:t};return(0,s.createElement)("div",{className:"components-border-radius-control__input-controls-wrapper"},Object.entries(ym).map((([t,r])=>{return(0,s.createElement)(p.__experimentalUnitControl,i({},n,{key:t,"aria-label":r,value:o[t],onChange:(l=t,t=>{e&&e({...o,[l]:t||void 0})})}));var l})))}var Cm=(0,s.createElement)(F.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,s.createElement)(F.Path,{d:"M15.6 7.2H14v1.5h1.6c2 0 3.7 1.7 3.7 3.7s-1.7 3.7-3.7 3.7H14v1.5h1.6c2.8 0 5.2-2.3 5.2-5.2 0-2.9-2.3-5.2-5.2-5.2zM4.7 12.4c0-2 1.7-3.7 3.7-3.7H10V7.2H8.4c-2.9 0-5.2 2.3-5.2 5.2 0 2.9 2.3 5.2 5.2 5.2H10v-1.5H8.4c-2 0-3.7-1.7-3.7-3.7zm4.6.9h5.3v-1.5H9.3v1.5z"})),wm=(0,s.createElement)(F.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,s.createElement)(F.Path,{d:"M15.6 7.3h-.7l1.6-3.5-.9-.4-3.9 8.5H9v1.5h2l-1.3 2.8H8.4c-2 0-3.7-1.7-3.7-3.7s1.7-3.7 3.7-3.7H10V7.3H8.4c-2.9 0-5.2 2.3-5.2 5.2 0 2.9 2.3 5.2 5.2 5.2H9l-1.4 3.2.9.4 5.7-12.5h1.4c2 0 3.7 1.7 3.7 3.7s-1.7 3.7-3.7 3.7H14v1.5h1.6c2.9 0 5.2-2.3 5.2-5.2 0-2.9-2.4-5.2-5.2-5.2z"}));function Sm({isLinked:e,...t}){const n=e?(0,h.__)("Unlink Radii"):(0,h.__)("Link Radii");return(0,s.createElement)(p.Tooltip,{text:n},(0,s.createElement)(p.Button,i({},t,{className:"component-border-radius-control__linked-button",isPrimary:e,isSecondary:!e,isSmall:!0,icon:e?Cm:wm,iconSize:16,"aria-label":n})))}const Bm={topLeft:null,topRight:null,bottomLeft:null,bottomRight:null},Im={px:100,em:20,rem:20};function xm({onChange:e,values:t}){const[n,o]=(0,s.useState)(!km(t)||!bm(t)),r=(0,p.__experimentalUseCustomUnits)({availableUnits:mo("spacing.units")||["px","em","rem"]}),l=function(e={}){if("string"==typeof e){const[,t]=(0,p.__experimentalParseUnit)(e);return t||"px"}return gm(Object.values(e).map((e=>{const[,t]=(0,p.__experimentalParseUnit)(e);return t})))||"px"}(t),i=r&&r.find((e=>e.value===l)),a=(null==i?void 0:i.step)||1,[c]=(0,p.__experimentalParseUnit)(vm(t));return(0,s.createElement)("fieldset",{className:"components-border-radius-control"},(0,s.createElement)("legend",null,(0,h.__)("Radius")),(0,s.createElement)("div",{className:"components-border-radius-control__wrapper"},n?(0,s.createElement)(s.Fragment,null,(0,s.createElement)(_m,{className:"components-border-radius-control__unit-control",values:t,min:0,onChange:e,unit:l,units:r}),(0,s.createElement)(p.RangeControl,{className:"components-border-radius-control__range-control",value:c,min:0,max:Im[l],initialPosition:0,withInputField:!1,onChange:t=>{e(void 0!==t?`${t}${l}`:void 0)},step:a})):(0,s.createElement)(Em,{min:0,onChange:e,values:t||Bm,units:r}),(0,s.createElement)(Sm,{onClick:()=>o(!n),isLinked:n})))}function Tm(e){var t;const{attributes:{style:n},setAttributes:o}=e;return(0,s.createElement)(xm,{values:null==n||null===(t=n.border)||void 0===t?void 0:t.radius,onChange:e=>{let t={...n,border:{...null==n?void 0:n.border,radius:e}};void 0!==e&&""!==e||(t=Ko(t)),o({style:t})}})}var Nm=(0,s.createElement)(F.SVG,{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",fill:"none"},(0,s.createElement)(F.Path,{d:"M5 11.25h14v1.5H5z"})),Pm=(0,s.createElement)(F.SVG,{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",fill:"none"},(0,s.createElement)(F.Path,{fillRule:"evenodd",d:"M5 11.25h3v1.5H5v-1.5zm5.5 0h3v1.5h-3v-1.5zm8.5 0h-3v1.5h3v-1.5z",clipRule:"evenodd"})),Mm=(0,s.createElement)(F.SVG,{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",fill:"none"},(0,s.createElement)(F.Path,{fillRule:"evenodd",d:"M5.25 11.25h1.5v1.5h-1.5v-1.5zm3 0h1.5v1.5h-1.5v-1.5zm4.5 0h-1.5v1.5h1.5v-1.5zm1.5 0h1.5v1.5h-1.5v-1.5zm4.5 0h-1.5v1.5h1.5v-1.5z",clipRule:"evenodd"}));const Rm=[{label:(0,h.__)("Solid"),icon:Nm,value:"solid"},{label:(0,h.__)("Dashed"),icon:Pm,value:"dashed"},{label:(0,h.__)("Dotted"),icon:Mm,value:"dotted"}];function Lm({onChange:e,value:t}){return(0,s.createElement)("fieldset",{className:"components-border-style-control"},(0,s.createElement)("legend",null,(0,h.__)("Style")),(0,s.createElement)("div",{className:"components-border-style-control__buttons"},Rm.map((n=>(0,s.createElement)(p.Button,{key:n.value,icon:n.icon,isSmall:!0,isPressed:n.value===t,onClick:()=>e(n.value===t?void 0:n.value),"aria-label":n.label})))))}const Am=e=>{var t;const{attributes:{style:n},setAttributes:o}=e;return(0,s.createElement)(Lm,{value:null==n||null===(t=n.border)||void 0===t?void 0:t.style,onChange:e=>{const t={...n,border:{...null==n?void 0:n.border,style:e}};o({style:Ko(t)})}})},Dm=e=>{const{attributes:{borderColor:t,style:n},setAttributes:o}=e,{width:r,color:l,style:i}=(null==n?void 0:n.border)||{},[a,c]=(0,s.useState)(),[u,d]=(0,s.useState)();(0,s.useEffect)((()=>{"none"!==i&&c(i)}),[i]),(0,s.useEffect)((()=>{(t||l)&&d({name:t||void 0,color:l||void 0})}),[t,l]);const m=(0,p.__experimentalUseCustomUnits)({availableUnits:mo("spacing.units")||["px","em","rem"]});return(0,s.createElement)(p.__experimentalUnitControl,{value:r,label:(0,h.__)("Width"),min:0,onChange:e=>{let r={...n,border:{...null==n?void 0:n.border,width:e}},l=t;const s=0===parseFloat(e);s&&(l=void 0,r.border.color=void 0,r.border.style="none"),s||"none"!==i||(r.border.style=a),s||void 0!==t||(l=null==u?void 0:u.name,r.border.color=null==u?void 0:u.color),void 0!==e&&""!==e||(r=Ko(r)),o({borderColor:l,style:r})},units:m})},Om="__experimentalBorder";function Fm(e){const t=Hm(e),n=zm(e.name),o=mo("border.color")&&zm(e.name,"color"),r=mo("border.radius")&&zm(e.name,"radius"),l=mo("border.style")&&zm(e.name,"style"),i=mo("border.width")&&zm(e.name,"width");return t||!n?null:(0,s.createElement)(Jo,null,(0,s.createElement)(p.PanelBody,{className:"block-editor-hooks__border-controls",title:(0,h.__)("Border"),initialOpen:!1},(i||l)&&(0,s.createElement)("div",{className:"block-editor-hooks__border-controls-row"},i&&(0,s.createElement)(Dm,e),l&&(0,s.createElement)(Am,e)),o&&(0,s.createElement)(mm,e),r&&(0,s.createElement)(Tm,e)))}function zm(e,t="any"){if("web"!==s.Platform.OS)return!1;const n=(0,r.getBlockSupport)(e,Om);return!!(!0===n||("any"===t?null!=n&&n.color||null!=n&&n.radius||null!=n&&n.width||null!=n&&n.style:null!=n&&n[t]))}function Vm(e){const t=(0,r.getBlockSupport)(e,Om);return null==t?void 0:t.__experimentalSkipSerialization}const Hm=()=>[!mo("border.color"),!mo("border.radius"),!mo("border.style"),!mo("border.width")].every(Boolean),Um=[];function Gm(e){if(e)return`has-${e}-gradient-background`}function Wm(e,t){const n=(0,u.find)(e,["slug",t]);return n&&n.gradient}function $m(e,t){return(0,u.find)(e,["gradient",t])}function jm(e,t){const n=$m(e,t);return n&&n.slug}function Km({gradientAttribute:e="gradient",customGradientAttribute:t="customGradient"}={}){const{clientId:n}=Wn(),o=mo("color.gradients")||Um,{gradient:r,customGradient:l}=(0,m.useSelect)((o=>{const{getBlockAttributes:r}=o(Vn),l=r(n)||{};return{customGradient:l[t],gradient:l[e]}}),[n,e,t]),{updateBlockAttributes:i}=(0,m.useDispatch)(Vn),a=(0,s.useCallback)((r=>{const l=jm(o,r);i(n,l?{[e]:l,[t]:void 0}:{[e]:void 0,[t]:r})}),[o,n,i]),c=Gm(r);let u;return u=r?Wm(o,r):l,{gradientClass:c,gradientValue:u,setGradient:a}}
|
59 |
+
// translators: first %s: The type of color or gradient (e.g. background, overlay...), second %s: the color name or value (e.g. red or #ff0000)
|
60 |
+
const qm=(0,h.__)("(%s: color %s)"),Ym=(0,h.__)("(%s: gradient %s)"),Zm=["colors","disableCustomColors","gradients","disableCustomGradients"],Xm=({colors:e,gradients:t,settings:n})=>n.map((({colorValue:n,gradientValue:o,label:r,colors:l,gradients:i},a)=>{if(!n&&!o)return null;let c;if(n){const t=um(l||e,n);c=(0,h.sprintf)(qm,r.toLowerCase(),t&&t.name||n)}else{const e=$m(i||t,n);c=(0,h.sprintf)(Ym,r.toLowerCase(),e&&e.name||o)}return(0,s.createElement)(p.ColorIndicator,{key:a,colorValue:n||o,"aria-label":c})})),Qm=({className:e,colors:t,gradients:n,disableCustomColors:o,disableCustomGradients:r,children:l,settings:a,title:d,showTitle:m=!0,__experimentalHasMultipleOrigins:f,...h})=>{if((0,u.isEmpty)(t)&&(0,u.isEmpty)(n)&&o&&r&&(0,u.every)(a,(e=>(0,u.isEmpty)(e.colors)&&(0,u.isEmpty)(e.gradients)&&(void 0===e.disableCustomColors||e.disableCustomColors)&&(void 0===e.disableCustomGradients||e.disableCustomGradients))))return null;const g=(0,s.createElement)("span",{className:"block-editor-panel-color-gradient-settings__panel-title"},d,(0,s.createElement)(Xm,{colors:t,gradients:n,settings:a}));return(0,s.createElement)(p.PanelBody,i({className:c()("block-editor-panel-color-gradient-settings",e),title:m?g:void 0},h),a.map(((e,l)=>(0,s.createElement)(am,i({showTitle:m,key:l,colors:t,gradients:n,disableCustomColors:o,disableCustomGradients:r,__experimentalHasMultipleOrigins:f},e)))),l)};// translators: first %s: The type of color or gradient (e.g. background, overlay...), second %s: the color name or value (e.g. red or #ff0000)
|
61 |
+
function Jm(){return{disableCustomColors:!mo("color.custom"),disableCustomGradients:!mo("color.customGradient")}}const ef=e=>{const t=Jm();return t.colors=mo("color.palette"),t.gradients=mo("color.gradients"),(0,s.createElement)(Qm,i({},t,e))},tf=e=>{const t=Jm(),n=mo("color.palette.user"),o=mo("color.palette.theme"),r=mo("color.palette.core");t.colors=(0,s.useMemo)((()=>{const e=[];return r&&r.length&&e.push({name:(0,h.__)("Core"),colors:r}),o&&o.length&&e.push({name:(0,h.__)("Theme"),colors:o}),n&&n.length&&e.push({name:(0,h.__)("User"),colors:n}),e}),[r,o,n]);const l=mo("color.gradients.user"),a=mo("color.gradients.theme"),c=mo("color.gradients.core");return t.gradients=(0,s.useMemo)((()=>{const e=[];return c&&c.length&&e.push({name:(0,h.__)("Core"),gradients:c}),a&&a.length&&e.push({name:(0,h.__)("Theme"),gradients:a}),l&&l.length&&e.push({name:(0,h.__)("User"),gradients:l}),e}),[l,a,c]),(0,s.createElement)(Qm,i({},t,e))};var nf=e=>(0,u.every)(Zm,(t=>e.hasOwnProperty(t)))?(0,s.createElement)(Qm,e):e.__experimentalHasMultipleOrigins?(0,s.createElement)(tf,e):(0,s.createElement)(ef,e);function of({colordBackgroundColor:e,colordTextColor:t,backgroundColor:n,textColor:o}){const r=e.brightness()<t.brightness()?(0,h.__)("This color combination may be hard for people to read. Try using a darker background color and/or a brighter text color."):(0,h.__)("This color combination may be hard for people to read. Try using a brighter background color and/or a darker text color.");return(0,s.useEffect)((()=>{(0,Pt.speak)((0,h.__)("This color combination may be hard for people to read."))}),[n,o]),(0,s.createElement)("div",{className:"block-editor-contrast-checker"},(0,s.createElement)(p.Notice,{spokenMessage:null,status:"warning",isDismissible:!1},r))}Lc([Ac,Fc]);var rf=function({backgroundColor:e,fallbackBackgroundColor:t,fallbackTextColor:n,fontSize:o,isLargeText:r,textColor:l}){if(!e&&!t||!l&&!n)return null;const i=Mc(e||t),a=Mc(l||n);return 1!==i.alpha()||1!==a.alpha()||a.isReadable(i,{level:"AA",size:r||!1!==r&&o>=24?"large":"small"})?null:(0,s.createElement)(of,{backgroundColor:e,textColor:l,colordBackgroundColor:i,colordTextColor:a})};function lf(e){return e.ownerDocument.defaultView.getComputedStyle(e)}function sf({settings:e,clientId:t,enableContrastChecking:n=!0,showTitle:o=!0}){const[r,l]=(0,s.useState)(),[i,a]=(0,s.useState)(),c=Sa(t);return(0,s.useEffect)((()=>{if(!n)return;if(!c.current)return;a(lf(c.current).color);let e=c.current,t=lf(e).backgroundColor;for(;"rgba(0, 0, 0, 0)"===t&&e.parentNode&&e.parentNode.nodeType===e.parentNode.ELEMENT_NODE;)e=e.parentNode,t=lf(e).backgroundColor;l(t)})),(0,s.createElement)(Jo,null,(0,s.createElement)(nf,{title:(0,h.__)("Color"),initialOpen:!1,settings:e,showTitle:o,__experimentalHasMultipleOrigins:!0},n&&(0,s.createElement)(rf,{backgroundColor:r,textColor:i})))}const af="color",cf=[],uf=e=>{const t=(0,r.getBlockSupport)(e,af);return t&&(!0===t.link||!0===t.gradient||!1!==t.background||!1!==t.text)},df=e=>{const t=(0,r.getBlockSupport)(e,af);return null==t?void 0:t.__experimentalSkipSerialization},pf=e=>{const t=(0,r.getBlockSupport)(e,af);return(0,u.isObject)(t)&&!!t.gradients};function mf(e,t,n){var o,r,l,i,s,a;if(!uf(t)||df(t))return e;const u=pf(t),{backgroundColor:d,textColor:p,gradient:m,style:f}=n,h=dm("background-color",d),g=Gm(m),v=dm("color",p),b=c()(e.className,v,g,{[h]:!(u&&null!=f&&null!==(o=f.color)&&void 0!==o&&o.gradient||!h),"has-text-color":p||(null==f||null===(r=f.color)||void 0===r?void 0:r.text),"has-background":d||(null==f||null===(l=f.color)||void 0===l?void 0:l.background)||u&&(m||(null==f||null===(i=f.color)||void 0===i?void 0:i.gradient)),"has-link-color":null==f||null===(s=f.elements)||void 0===s||null===(a=s.link)||void 0===a?void 0:a.color});return e.className=b||void 0,e}const ff=(e,t)=>{const n=/var:preset\|color\|(.+)/.exec(t);return n&&n[1]?cm(e,n[1]).color:t};function hf(e){var t,n,o,l,i,a,c,d,p;const{name:m,attributes:f}=e,g=mo("color.palette")||cf,v=mo("color.gradients")||cf,b=mo("color.custom"),k=mo("color.customGradient"),_=mo("color.link"),y=mo("color.text"),E=mo("color.background"),C=(0,s.useRef)(f);if((0,s.useEffect)((()=>{C.current=f}),[f]),!uf(m))return null;const w=(e=>{if("web"!==s.Platform.OS)return!1;const t=(0,r.getBlockSupport)(e,af);return(0,u.isObject)(t)&&!!t.link})(m)&&_&&(g.length>0||b),S=(e=>{const t=(0,r.getBlockSupport)(e,af);return t&&!1!==t.text})(m)&&y&&(g.length>0||b),B=(e=>{const t=(0,r.getBlockSupport)(e,af);return t&&!1!==t.background})(m)&&E&&(g.length>0||b),I=pf(m)&&(v.length>0||k);if(!(w||S||B||I))return null;const{style:x,textColor:T,backgroundColor:N,gradient:P}=f;let M;if(I&&P)M=Wm(v,P);else if(I){var R;M=null==x||null===(R=x.color)||void 0===R?void 0:R.gradient}const L=t=>n=>{var o,r;const l=um(g,n),i=t+"Color",s={...C.current.style,color:{...null===(o=C.current)||void 0===o||null===(r=o.style)||void 0===r?void 0:r.color,[t]:null!=l&&l.slug?void 0:n}},a=null!=l&&l.slug?l.slug:void 0,c={style:Ko(s),[i]:a};e.setAttributes(c),C.current={...C.current,...c}};return(0,s.createElement)(sf,{enableContrastChecking:!("web"!==s.Platform.OS||P||null!=x&&null!==(t=x.color)&&void 0!==t&&t.gradient),clientId:e.clientId,settings:[...S?[{label:(0,h.__)("Text color"),onColorChange:L("text"),colorValue:cm(g,T,null==x||null===(n=x.color)||void 0===n?void 0:n.text).color}]:[],...B||I?[{label:(0,h.__)("Background color"),onColorChange:B?L("background"):void 0,colorValue:cm(g,N,null==x||null===(o=x.color)||void 0===o?void 0:o.background).color,gradientValue:M,onGradientChange:I?t=>{const n=jm(v,t);let o;if(n){var r,l,i;const e={...null===(r=C.current)||void 0===r?void 0:r.style,color:{...null===(l=C.current)||void 0===l||null===(i=l.style)||void 0===i?void 0:i.color,gradient:void 0}};o={style:Ko(e),gradient:n}}else{var s,a,c;const e={...null===(s=C.current)||void 0===s?void 0:s.style,color:{...null===(a=C.current)||void 0===a||null===(c=a.style)||void 0===c?void 0:c.color,gradient:t}};o={style:Ko(e),gradient:void 0}}e.setAttributes(o),C.current={...C.current,...o}}:void 0}]:[],...w?[{label:(0,h.__)("Link Color"),onColorChange:t=>{const n=um(g,t),o=null!=n&&n.slug?`var:preset|color|${n.slug}`:t,r=Ko(function(e,t,n){return(0,u.setWith)(e?(0,u.clone)(e):{},["elements","link","color","text"],n,u.clone)}(x,0,o));e.setAttributes({style:r})},colorValue:ff(g,null==x||null===(l=x.elements)||void 0===l||null===(i=l.link)||void 0===i||null===(a=i.color)||void 0===a?void 0:a.text),clearable:!(null==x||null===(c=x.elements)||void 0===c||null===(d=c.link)||void 0===d||null===(p=d.color)||void 0===p||!p.text)}]:[]]})}const gf=(0,d.createHigherOrderComponent)((e=>t=>{var n,o,r;const{name:l,attributes:a}=t,{backgroundColor:c,textColor:u}=a,d=mo("color.palette")||cf;if(!uf(l)||df(l))return(0,s.createElement)(e,t);const p={color:u?null===(n=cm(d,u))||void 0===n?void 0:n.color:void 0,backgroundColor:c?null===(o=cm(d,c))||void 0===o?void 0:o.color:void 0};let m=t.wrapperProps;return m={...t.wrapperProps,style:{...p,...null===(r=t.wrapperProps)||void 0===r?void 0:r.style}},(0,s.createElement)(e,i({},t,{wrapperProps:m}))}));(0,l.addFilter)("blocks.registerBlockType","core/color/addAttribute",(function(e){return uf(e)?(e.attributes.backgroundColor||Object.assign(e.attributes,{backgroundColor:{type:"string"}}),e.attributes.textColor||Object.assign(e.attributes,{textColor:{type:"string"}}),pf(e)&&!e.attributes.gradient&&Object.assign(e.attributes,{gradient:{type:"string"}}),e):e})),(0,l.addFilter)("blocks.getSaveContent.extraProps","core/color/addSaveProps",mf),(0,l.addFilter)("blocks.registerBlockType","core/color/addEditProps",(function(e){if(!uf(e)||df(e))return e;const t=e.getEditWrapperProps;return e.getEditWrapperProps=n=>{let o={};return t&&(o=t(n)),mf(o,e,n)},e})),(0,l.addFilter)("editor.BlockListBlock","core/color/with-color-palette-styles",gf);const vf=[{name:(0,h.__)("Regular"),value:"normal"},{name:(0,h.__)("Italic"),value:"italic"}],bf=[{name:(0,h.__)("Thin"),value:"100"},{name:(0,h.__)("Extra Light"),value:"200"},{name:(0,h.__)("Light"),value:"300"},{name:(0,h.__)("Regular"),value:"400"},{name:(0,h.__)("Medium"),value:"500"},{name:(0,h.__)("Semi Bold"),value:"600"},{name:(0,h.__)("Bold"),value:"700"},{name:(0,h.__)("Extra Bold"),value:"800"},{name:(0,h.__)("Black"),value:"900"}],kf=(e,t)=>e?t?(0,h.__)("Appearance"):(0,h.__)("Font style"):(0,h.__)("Font weight");function _f(e){const{onChange:t,hasFontStyles:n=!0,hasFontWeights:o=!0,value:{fontStyle:r,fontWeight:l}}=e,i=n||o,a=kf(n,o),c={key:"default",name:(0,h.__)("Default"),style:{fontStyle:void 0,fontWeight:void 0}},u=(0,s.useMemo)((()=>n&&o?(()=>{const e=[c];return vf.forEach((({name:t,value:n})=>{bf.forEach((({name:o,value:r})=>{const l="normal"===n?o:(0,h.sprintf)(
|
62 |
/* translators: 1: Font weight name. 2: Font style name. */
|
63 |
+
(0,h.__)("%1$s %2$s"),o,t);e.push({key:`${n}-${r}`,name:l,style:{fontStyle:n,fontWeight:r}})}))})),e})():n?(()=>{const e=[c];return vf.forEach((({name:t,value:n})=>{e.push({key:n,name:t,style:{fontStyle:n,fontWeight:void 0}})})),e})():(()=>{const e=[c];return bf.forEach((({name:t,value:n})=>{e.push({key:n,name:t,style:{fontStyle:void 0,fontWeight:n}})})),e})()),[e.options]),d=u.find((e=>e.style.fontStyle===r&&e.style.fontWeight===l))||u[0];return i&&(0,s.createElement)(p.CustomSelectControl,{className:"components-font-appearance-control",label:a,describedBy:d?n?o?(0,h.sprintf)(// translators: %s: Currently selected font appearance.
|
64 |
+
(0,h.__)("Currently selected font appearance: %s"),d.name):(0,h.sprintf)(// translators: %s: Currently selected font style.
|
65 |
+
(0,h.__)("Currently selected font style: %s"),d.name):(0,h.sprintf)(// translators: %s: Currently selected font weight.
|
66 |
+
(0,h.__)("Currently selected font weight: %s"),d.name):(0,h.__)("No selected font appearance"),options:u,value:d,onChange:({selectedItem:e})=>t(e.style)})}function yf({value:e,onChange:t}){const n=function(e){return void 0!==e&&""!==e}(e),o=n?e:"";return(0,s.createElement)("div",{className:"block-editor-line-height-control"},(0,s.createElement)(p.TextControl,{autoComplete:"off",onKeyDown:e=>{const{keyCode:o}=e;o!==ga.ZERO||n||(e.preventDefault(),t("0"))},onChange:e=>{if(n)return void t(e);let o=e;switch(e){case"0.1":o=1.6;break;case"0":o=1.4}t(o)},label:(0,h.__)("Line height"),placeholder:1.5,step:.1,type:"number",value:o,min:0}))}const Ef="typography.lineHeight";function Cf(e){var t;const{attributes:{style:n},setAttributes:o}=e;return(0,s.createElement)(yf,{value:null==n||null===(t=n.typography)||void 0===t?void 0:t.lineHeight,onChange:e=>{const t={...n,typography:{...null==n?void 0:n.typography,lineHeight:e}};o({style:Ko(t)})}})}function wf({name:e}={}){const t=!mo("typography.lineHeight");return!(0,r.hasBlockSupport)(e,Ef)||t}const Sf="typography.__experimentalFontStyle",Bf="typography.__experimentalFontWeight";function If(e){var t,n;const{attributes:{style:o},setAttributes:r}=e,l=!xf(e),i=!Tf(e),a=null==o||null===(t=o.typography)||void 0===t?void 0:t.fontStyle,c=null==o||null===(n=o.typography)||void 0===n?void 0:n.fontWeight;return(0,s.createElement)(_f,{onChange:e=>{r({style:Ko({...o,typography:{...null==o?void 0:o.typography,fontStyle:e.fontStyle,fontWeight:e.fontWeight}})})},hasFontStyles:l,hasFontWeights:i,value:{fontStyle:a,fontWeight:c}})}function xf({name:e}={}){const t=(0,r.hasBlockSupport)(e,Sf),n=mo("typography.fontStyle");return!t||!n}function Tf({name:e}={}){const t=(0,r.hasBlockSupport)(e,Bf),n=mo("typography.fontWeight");return!t||!n}function Nf(e){const t=xf(e),n=Tf(e);return t&&n}function Pf({value:e="",onChange:t,fontFamilies:n,...o}){const r=mo("typography.fontFamilies");if(n||(n=r),(0,u.isEmpty)(n))return null;const l=[{value:"",label:(0,h.__)("Default")},...n.map((({fontFamily:e,name:t})=>({value:e,label:t||e})))];return(0,s.createElement)(p.SelectControl,i({label:(0,h.__)("Font family"),options:l,value:e,onChange:t,labelPosition:"top"},o))}const Mf="typography.__experimentalFontFamily";function Rf(e,t,n){if(!(0,r.hasBlockSupport)(t,Mf))return e;if((0,r.hasBlockSupport)(t,"typography.__experimentalSkipSerialization"))return e;if(null==n||!n.fontFamily)return e;const o=new(Jd())(e.className);o.add(`has-${(0,u.kebabCase)(null==n?void 0:n.fontFamily)}-font-family`);const l=o.value;return e.className=l||void 0,e}function Lf({setAttributes:e,attributes:{fontFamily:t}}){var n;const o=mo("typography.fontFamilies"),r=null===(n=(0,u.find)(o,(({slug:e})=>t===e)))||void 0===n?void 0:n.fontFamily;return(0,s.createElement)(Pf,{className:"block-editor-hooks-font-family-control",fontFamilies:o,value:r,onChange:function(t){const n=(0,u.find)(o,(({fontFamily:e})=>e===t));e({fontFamily:null==n?void 0:n.slug})}})}function Af({name:e}){const t=mo("typography.fontFamilies");return!t||0===t.length||!(0,r.hasBlockSupport)(e,Mf)}(0,l.addFilter)("blocks.registerBlockType","core/fontFamily/addAttribute",(function(e){return(0,r.hasBlockSupport)(e,Mf)?(e.attributes.fontFamily||Object.assign(e.attributes,{fontFamily:{type:"string"}}),e):e})),(0,l.addFilter)("blocks.getSaveContent.extraProps","core/fontFamily/addSaveProps",Rf),(0,l.addFilter)("blocks.registerBlockType","core/fontFamily/addEditProps",(function(e){if(!(0,r.hasBlockSupport)(e,Mf))return e;const t=e.getEditWrapperProps;return e.getEditWrapperProps=n=>{let o={};return t&&(o=t(n)),Rf(o,e,n)},e}));const Df=(e,t,n)=>{if(t){const n=(0,u.find)(e,{slug:t});if(n)return n}return{size:n}};function Of(e,t){return(0,u.find)(e,{size:t})||{size:t}}function Ff(e){if(e)return`has-${(0,u.kebabCase)(e)}-font-size`}var zf=function(e){const t=mo("typography.fontSizes"),n=!mo("typography.customFontSize");return(0,s.createElement)(p.FontSizePicker,i({},e,{fontSizes:t,disableCustomFontSizes:n}))};const Vf="typography.fontSize";function Hf(e,t,n){if(!(0,r.hasBlockSupport)(t,Vf))return e;if((0,r.hasBlockSupport)(t,"typography.__experimentalSkipSerialization"))return e;const o=new(Jd())(e.className);o.add(Ff(n.fontSize));const l=o.value;return e.className=l||void 0,e}function Uf(e){var t,n;const{attributes:{fontSize:o,style:r},setAttributes:l}=e,i=mo("typography.fontSizes"),a=Df(i,o,null==r||null===(t=r.typography)||void 0===t?void 0:t.fontSize),c=(null==a?void 0:a.size)||(null==r||null===(n=r.typography)||void 0===n?void 0:n.fontSize)||o;return(0,s.createElement)(zf,{onChange:e=>{const t=Of(i,e).slug;l({style:Ko({...r,typography:{...null==r?void 0:r.typography,fontSize:t?void 0:e}}),fontSize:t})},value:c,withReset:!1})}function Gf({name:e}={}){const t=mo("typography.fontSizes"),n=!(null==t||!t.length);return!(0,r.hasBlockSupport)(e,Vf)||!n}const Wf=(0,d.createHigherOrderComponent)((e=>t=>{var n,o;const l=mo("typography.fontSizes"),{name:i,attributes:{fontSize:a,style:c},wrapperProps:u}=t;if(!(0,r.hasBlockSupport)(i,Vf)||(0,r.hasBlockSupport)(i,"typography.__experimentalSkipSerialization")||!a||null!=c&&null!==(n=c.typography)&&void 0!==n&&n.fontSize)return(0,s.createElement)(e,t);const d=Df(l,a,null==c||null===(o=c.typography)||void 0===o?void 0:o.fontSize).size,p={...t,wrapperProps:{...u,style:{fontSize:d,...null==u?void 0:u.style}}};return(0,s.createElement)(e,p)}),"withFontSizeInlineStyles");(0,l.addFilter)("blocks.registerBlockType","core/font/addAttribute",(function(e){return(0,r.hasBlockSupport)(e,Vf)?(e.attributes.fontSize||Object.assign(e.attributes,{fontSize:{type:"string"}}),e):e})),(0,l.addFilter)("blocks.getSaveContent.extraProps","core/font/addSaveProps",Hf),(0,l.addFilter)("blocks.registerBlockType","core/font/addEditProps",(function(e){if(!(0,r.hasBlockSupport)(e,Vf))return e;const t=e.getEditWrapperProps;return e.getEditWrapperProps=n=>{let o={};return t&&(o=t(n)),Hf(o,e,n)},e})),(0,l.addFilter)("editor.BlockListBlock","core/font-size/with-font-size-inline-styles",Wf);var $f=(0,s.createElement)(F.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,s.createElement)(F.Path,{d:"M7 18v1h10v-1H7zm5-2c1.5 0 2.6-.4 3.4-1.2.8-.8 1.1-2 1.1-3.5V5H15v5.8c0 1.2-.2 2.1-.6 2.8-.4.7-1.2 1-2.4 1s-2-.3-2.4-1c-.4-.7-.6-1.6-.6-2.8V5H7.5v6.2c0 1.5.4 2.7 1.1 3.5.8.9 1.9 1.3 3.4 1.3z"})),jf=(0,s.createElement)(F.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,s.createElement)(F.Path,{d:"M9.1 9v-.5c0-.6.2-1.1.7-1.4.5-.3 1.2-.5 2-.5.7 0 1.4.1 2.1.3.7.2 1.4.5 2.1.9l.2-1.9c-.6-.3-1.2-.5-1.9-.7-.8-.1-1.6-.2-2.4-.2-1.5 0-2.7.3-3.6 1-.8.7-1.2 1.5-1.2 2.6V9h2zM20 12H4v1h8.3c.3.1.6.2.8.3.5.2.9.5 1.1.8.3.3.4.7.4 1.2 0 .7-.2 1.1-.8 1.5-.5.3-1.2.5-2.1.5-.8 0-1.6-.1-2.4-.3-.8-.2-1.5-.5-2.2-.8L7 18.1c.5.2 1.2.4 2 .6.8.2 1.6.3 2.4.3 1.7 0 3-.3 3.9-1 .9-.7 1.3-1.6 1.3-2.8 0-.9-.2-1.7-.7-2.2H20v-1z"}));const Kf=[{name:(0,h.__)("Underline"),value:"underline",icon:$f},{name:(0,h.__)("Strikethrough"),value:"line-through",icon:jf}];function qf({value:e,onChange:t}){return(0,s.createElement)("fieldset",{className:"block-editor-text-decoration-control"},(0,s.createElement)("legend",null,(0,h.__)("Decoration")),(0,s.createElement)("div",{className:"block-editor-text-decoration-control__buttons"},Kf.map((n=>(0,s.createElement)(p.Button,{key:n.value,icon:n.icon,isSmall:!0,isPressed:n.value===e,onClick:()=>t(n.value===e?void 0:n.value),"aria-label":n.name})))))}const Yf="typography.__experimentalTextDecoration";function Zf(e){var t;const{attributes:{style:n},setAttributes:o}=e;return(0,s.createElement)(qf,{value:null==n||null===(t=n.typography)||void 0===t?void 0:t.textDecoration,onChange:function(e){o({style:Ko({...n,typography:{...null==n?void 0:n.typography,textDecoration:e}})})}})}function Xf({name:e}={}){const t=!(0,r.hasBlockSupport)(e,Yf),n=mo("typography.textDecoration");return t||!n}var Qf=(0,s.createElement)(F.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,s.createElement)(F.Path,{d:"M6.1 6.8L2.1 18h1.6l1.1-3h4.3l1.1 3h1.6l-4-11.2H6.1zm-.8 6.8L7 8.9l1.7 4.7H5.3zm15.1-.7c-.4-.5-.9-.8-1.6-1 .4-.2.7-.5.8-.9.2-.4.3-.9.3-1.4 0-.9-.3-1.6-.8-2-.6-.5-1.3-.7-2.4-.7h-3.5V18h4.2c1.1 0 2-.3 2.6-.8.6-.6 1-1.4 1-2.4-.1-.8-.3-1.4-.6-1.9zm-5.7-4.7h1.8c.6 0 1.1.1 1.4.4.3.2.5.7.5 1.3 0 .6-.2 1.1-.5 1.3-.3.2-.8.4-1.4.4h-1.8V8.2zm4 8c-.4.3-.9.5-1.5.5h-2.6v-3.8h2.6c1.4 0 2 .6 2 1.9.1.6-.1 1-.5 1.4z"})),Jf=(0,s.createElement)(F.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,s.createElement)(F.Path,{d:"M11 16.8c-.1-.1-.2-.3-.3-.5v-2.6c0-.9-.1-1.7-.3-2.2-.2-.5-.5-.9-.9-1.2-.4-.2-.9-.3-1.6-.3-.5 0-1 .1-1.5.2s-.9.3-1.2.6l.2 1.2c.4-.3.7-.4 1.1-.5.3-.1.7-.2 1-.2.6 0 1 .1 1.3.4.3.2.4.7.4 1.4-1.2 0-2.3.2-3.3.7s-1.4 1.1-1.4 2.1c0 .7.2 1.2.7 1.6.4.4 1 .6 1.8.6.9 0 1.7-.4 2.4-1.2.1.3.2.5.4.7.1.2.3.3.6.4.3.1.6.1 1.1.1h.1l.2-1.2h-.1c-.4.1-.6 0-.7-.1zM9.2 16c-.2.3-.5.6-.9.8-.3.1-.7.2-1.1.2-.4 0-.7-.1-.9-.3-.2-.2-.3-.5-.3-.9 0-.6.2-1 .7-1.3.5-.3 1.3-.4 2.5-.5v2zm10.6-3.9c-.3-.6-.7-1.1-1.2-1.5-.6-.4-1.2-.6-1.9-.6-.5 0-.9.1-1.4.3-.4.2-.8.5-1.1.8V6h-1.4v12h1.3l.2-1c.2.4.6.6 1 .8.4.2.9.3 1.4.3.7 0 1.2-.2 1.8-.5.5-.4 1-.9 1.3-1.5.3-.6.5-1.3.5-2.1-.1-.6-.2-1.3-.5-1.9zm-1.7 4c-.4.5-.9.8-1.6.8s-1.2-.2-1.7-.7c-.4-.5-.7-1.2-.7-2.1 0-.9.2-1.6.7-2.1.4-.5 1-.7 1.7-.7s1.2.3 1.6.8c.4.5.6 1.2.6 2s-.2 1.4-.6 2z"})),eh=(0,s.createElement)(F.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,s.createElement)(F.Path,{d:"M7.1 6.8L3.1 18h1.6l1.1-3h4.3l1.1 3h1.6l-4-11.2H7.1zm-.8 6.8L8 8.9l1.7 4.7H6.3zm14.5-1.5c-.3-.6-.7-1.1-1.2-1.5-.6-.4-1.2-.6-1.9-.6-.5 0-.9.1-1.4.3-.4.2-.8.5-1.1.8V6h-1.4v12h1.3l.2-1c.2.4.6.6 1 .8.4.2.9.3 1.4.3.7 0 1.2-.2 1.8-.5.5-.4 1-.9 1.3-1.5.3-.6.5-1.3.5-2.1-.1-.6-.2-1.3-.5-1.9zm-1.7 4c-.4.5-.9.8-1.6.8s-1.2-.2-1.7-.7c-.4-.5-.7-1.2-.7-2.1 0-.9.2-1.6.7-2.1.4-.5 1-.7 1.7-.7s1.2.3 1.6.8c.4.5.6 1.2.6 2 .1.8-.2 1.4-.6 2z"}));const th=[{name:(0,h.__)("Uppercase"),value:"uppercase",icon:Qf},{name:(0,h.__)("Lowercase"),value:"lowercase",icon:Jf},{name:(0,h.__)("Capitalize"),value:"capitalize",icon:eh}];function nh({value:e,onChange:t}){return(0,s.createElement)("fieldset",{className:"block-editor-text-transform-control"},(0,s.createElement)("legend",null,(0,h.__)("Letter case")),(0,s.createElement)("div",{className:"block-editor-text-transform-control__buttons"},th.map((n=>(0,s.createElement)(p.Button,{key:n.value,icon:n.icon,isSmall:!0,isPressed:e===n.value,"aria-label":n.name,onClick:()=>t(e===n.value?void 0:n.value)})))))}const oh="typography.__experimentalTextTransform";function rh(e){var t;const{attributes:{style:n},setAttributes:o}=e;return(0,s.createElement)(nh,{value:null==n||null===(t=n.typography)||void 0===t?void 0:t.textTransform,onChange:function(e){o({style:Ko({...n,typography:{...null==n?void 0:n.typography,textTransform:e}})})}})}function lh({name:e}={}){const t=!(0,r.hasBlockSupport)(e,oh),n=mo("typography.textTransform");return t||!n}function ih({value:e,onChange:t,__unstableInputWidth:n="60px"}){const o=(0,p.__experimentalUseCustomUnits)({availableUnits:mo("spacing.units")||["px","em","rem"],defaultValues:{px:"2",em:".2",rem:".2"}});return(0,s.createElement)(p.__experimentalUnitControl,{label:(0,h.__)("Letter-spacing"),value:e,__unstableInputWidth:n,units:o,onChange:t})}const sh="typography.__experimentalLetterSpacing";function ah(e){var t;const{attributes:{style:n},setAttributes:o}=e;return(0,s.createElement)(ih,{value:null==n||null===(t=n.typography)||void 0===t?void 0:t.letterSpacing,onChange:function(e){o({style:Ko({...n,typography:{...null==n?void 0:n.typography,letterSpacing:e}})})},__unstableInputWidth:!1})}function ch({name:e}={}){const t=!(0,r.hasBlockSupport)(e,sh),n=mo("typography.letterSpacing");return t||!n}const uh="typography",dh=[Ef,Vf,Sf,Bf,Mf,Yf,oh,sh];function ph(e){const{clientId:t}=e,n=Af(e),o=Gf(e),l=Nf(e),i=wf(e),a=Xf(e),c=lh(e),u=ch(e),d=!xf(e),m=!Tf(e),f=function(e={}){const t=[Nf(e),Gf(e),wf(e),Af(e),Xf(e),lh(e),ch(e)];return t.filter(Boolean).length===t.length}(e),g=mh(e.name);if(f||!g)return null;const v=(0,r.getBlockSupport)(e.name,[uh,"__experimentalDefaultControls"]),b=e=>t=>{var n;return{...t,style:{...t.style,typography:{...null===(n=t.style)||void 0===n?void 0:n.typography,[e]:void 0}}}};return(0,s.createElement)(Jo,{__experimentalGroup:"typography"},!n&&(0,s.createElement)(p.__experimentalToolsPanelItem,{hasValue:()=>function(e){return!!e.attributes.fontFamily}(e),label:(0,h.__)("Font family"),onDeselect:()=>function({setAttributes:e}){e({fontFamily:void 0})}(e),isShownByDefault:null==v?void 0:v.fontFamily,resetAllFilter:e=>({...e,fontFamily:void 0}),panelId:t},(0,s.createElement)(Lf,e)),!o&&(0,s.createElement)(p.__experimentalToolsPanelItem,{hasValue:()=>function(e){var t;const{fontSize:n,style:o}=e.attributes;return!!n||!(null==o||null===(t=o.typography)||void 0===t||!t.fontSize)}(e),label:(0,h.__)("Font size"),onDeselect:()=>function({attributes:e={},setAttributes:t}){const{style:n}=e;t({fontSize:void 0,style:Ko({...n,typography:{...null==n?void 0:n.typography,fontSize:void 0}})})}(e),isShownByDefault:null==v?void 0:v.fontSize,resetAllFilter:e=>{var t;return{...e,fontSize:void 0,style:{...e.style,typography:{...null===(t=e.style)||void 0===t?void 0:t.typography,fontSize:void 0}}}},panelId:t},(0,s.createElement)(Uf,e)),!l&&(0,s.createElement)(p.__experimentalToolsPanelItem,{className:"single-column",hasValue:()=>function(e){var t;const{fontStyle:n,fontWeight:o}=(null===(t=e.attributes.style)||void 0===t?void 0:t.typography)||{};return!!n||!!o}(e),label:kf(d,m),onDeselect:()=>function({attributes:e={},setAttributes:t}){const{style:n}=e;t({style:Ko({...n,typography:{...null==n?void 0:n.typography,fontStyle:void 0,fontWeight:void 0}})})}(e),isShownByDefault:null==v?void 0:v.fontAppearance,resetAllFilter:e=>{var t;return{...e,style:{...e.style,typography:{...null===(t=e.style)||void 0===t?void 0:t.typography,fontStyle:void 0,fontWeight:void 0}}}},panelId:t},(0,s.createElement)(If,e)),!i&&(0,s.createElement)(p.__experimentalToolsPanelItem,{className:"single-column",hasValue:()=>function(e){var t,n;return!(null===(t=e.attributes.style)||void 0===t||null===(n=t.typography)||void 0===n||!n.lineHeight)}(e),label:(0,h.__)("Line height"),onDeselect:()=>function({attributes:e={},setAttributes:t}){const{style:n}=e;t({style:Ko({...n,typography:{...null==n?void 0:n.typography,lineHeight:void 0}})})}(e),isShownByDefault:null==v?void 0:v.lineHeight,resetAllFilter:b("lineHeight"),panelId:t},(0,s.createElement)(Cf,e)),!a&&(0,s.createElement)(p.__experimentalToolsPanelItem,{className:"single-column",hasValue:()=>function(e){var t,n;return!(null===(t=e.attributes.style)||void 0===t||null===(n=t.typography)||void 0===n||!n.textDecoration)}(e),label:(0,h.__)("Decoration"),onDeselect:()=>function({attributes:e={},setAttributes:t}){const{style:n}=e;t({style:Ko({...n,typography:{...null==n?void 0:n.typography,textDecoration:void 0}})})}(e),isShownByDefault:null==v?void 0:v.textDecoration,resetAllFilter:b("textDecoration"),panelId:t},(0,s.createElement)(Zf,e)),!c&&(0,s.createElement)(p.__experimentalToolsPanelItem,{className:"single-column",hasValue:()=>function(e){var t,n;return!(null===(t=e.attributes.style)||void 0===t||null===(n=t.typography)||void 0===n||!n.textTransform)}(e),label:(0,h.__)("Letter case"),onDeselect:()=>function({attributes:e={},setAttributes:t}){const{style:n}=e;t({style:Ko({...n,typography:{...null==n?void 0:n.typography,textTransform:void 0}})})}(e),isShownByDefault:null==v?void 0:v.textTransform,resetAllFilter:b("textTransform"),panelId:t},(0,s.createElement)(rh,e)),!u&&(0,s.createElement)(p.__experimentalToolsPanelItem,{className:"single-column",hasValue:()=>function(e){var t,n;return!(null===(t=e.attributes.style)||void 0===t||null===(n=t.typography)||void 0===n||!n.letterSpacing)}(e),label:(0,h.__)("Letter-spacing"),onDeselect:()=>function({attributes:e={},setAttributes:t}){const{style:n}=e;t({style:Ko({...n,typography:{...null==n?void 0:n.typography,letterSpacing:void 0}})})}(e),isShownByDefault:null==v?void 0:v.letterSpacing,resetAllFilter:b("letterSpacing"),panelId:t},(0,s.createElement)(ah,e)))}const mh=e=>dh.some((t=>(0,r.hasBlockSupport)(e,t)));function fh(e){const t=(0,r.getBlockSupport)(e,Ch);return!!(!0===t||null!=t&&t.blockGap)}function hh({name:e}={}){const t=!mo("spacing.blockGap");return!fh(e)||t}function gh(e){var t;const{clientId:n,attributes:{style:o},setAttributes:r}=e,l=(0,p.__experimentalUseCustomUnits)({availableUnits:mo("spacing.units")||["%","px","em","rem","vw"]}),i=Sa(n);return hh(e)?null:s.Platform.select({web:(0,s.createElement)(s.Fragment,null,(0,s.createElement)(p.__experimentalUnitControl,{label:(0,h.__)("Block spacing"),__unstableInputWidth:"80px",min:0,onChange:e=>{var t;const n={...o,spacing:{...null==o?void 0:o.spacing,blockGap:e}};r({style:Ko(n)});const l=(null===(t=window)||void 0===t?void 0:t.navigator.userAgent)&&window.navigator.userAgent.includes("Safari")&&!window.navigator.userAgent.includes("Chrome ")&&!window.navigator.userAgent.includes("Chromium ");var s;i.current&&l&&(null===(s=i.current.parentNode)||void 0===s||s.replaceChild(i.current,i.current))},units:l,value:null==o||null===(t=o.spacing)||void 0===t?void 0:t.blockGap})),native:null})}function vh(e){const t=(0,r.getBlockSupport)(e,Ch);return!!(!0===t||null!=t&&t.margin)}function bh({name:e}={}){const t=!mo("spacing.margin"),n=!Th(e,"margin");return!vh(e)||t||n}function kh(e){var t;const{name:n,attributes:{style:o},setAttributes:r}=e,l=(0,p.__experimentalUseCustomUnits)({availableUnits:mo("spacing.units")||["%","px","em","rem","vw"]}),i=xh(n,"margin"),a=i&&i.some((e=>Sh.includes(e)));return bh(e)?null:s.Platform.select({web:(0,s.createElement)(s.Fragment,null,(0,s.createElement)(p.__experimentalBoxControl,{values:null==o||null===(t=o.spacing)||void 0===t?void 0:t.margin,onChange:e=>{const t={...o,spacing:{...null==o?void 0:o.spacing,margin:e}};r({style:Ko(t)})},onChangeShowVisualizer:e=>{const t={...o,visualizers:{margin:e}};r({style:Ko(t)})},label:(0,h.__)("Margin"),sides:i,units:l,allowReset:!1,splitOnAxis:a})),native:null})}function _h(e){const t=(0,r.getBlockSupport)(e,Ch);return!!(!0===t||null!=t&&t.padding)}function yh({name:e}={}){const t=!mo("spacing.padding"),n=!Th(e,"padding");return!_h(e)||t||n}function Eh(e){var t;const{name:n,attributes:{style:o},setAttributes:r}=e,l=(0,p.__experimentalUseCustomUnits)({availableUnits:mo("spacing.units")||["%","px","em","rem","vw"]}),i=xh(n,"padding"),a=i&&i.some((e=>Sh.includes(e)));return yh(e)?null:s.Platform.select({web:(0,s.createElement)(s.Fragment,null,(0,s.createElement)(p.__experimentalBoxControl,{values:null==o||null===(t=o.spacing)||void 0===t?void 0:t.padding,onChange:e=>{const t={...o,spacing:{...null==o?void 0:o.spacing,padding:e}};r({style:Ko(t)})},onChangeShowVisualizer:e=>{const t={...o,visualizers:{padding:e}};r({style:Ko(t)})},label:(0,h.__)("Padding"),sides:i,units:l,allowReset:!1,splitOnAxis:a})),native:null})}const Ch="spacing",wh=["top","right","bottom","left"],Sh=["vertical","horizontal"];function Bh(e){const t=hh(e),n=yh(e),o=bh(e),l=Ih(e),i=(a=e.name,"web"===s.Platform.OS&&(fh(a)||_h(a)||vh(a)));var a;if(l||!i)return null;const c=(0,r.getBlockSupport)(e.name,[Ch,"__experimentalDefaultControls"]),u=e=>t=>{var n;return{...t,style:{...t.style,spacing:{...null===(n=t.style)||void 0===n?void 0:n.spacing,[e]:void 0}}}};return(0,s.createElement)(Jo,{__experimentalGroup:"dimensions"},!n&&(0,s.createElement)(p.__experimentalToolsPanelItem,{hasValue:()=>function(e){var t,n;return void 0!==(null===(t=e.attributes.style)||void 0===t||null===(n=t.spacing)||void 0===n?void 0:n.padding)}(e),label:(0,h.__)("Padding"),onDeselect:()=>function({attributes:e={},setAttributes:t}){const{style:n}=e;t({style:Ko({...n,spacing:{...null==n?void 0:n.spacing,padding:void 0}})})}(e),resetAllFilter:u("padding"),isShownByDefault:null==c?void 0:c.padding,panelId:e.clientId},(0,s.createElement)(Eh,e)),!o&&(0,s.createElement)(p.__experimentalToolsPanelItem,{hasValue:()=>function(e){var t,n;return void 0!==(null===(t=e.attributes.style)||void 0===t||null===(n=t.spacing)||void 0===n?void 0:n.margin)}(e),label:(0,h.__)("Margin"),onDeselect:()=>function({attributes:e={},setAttributes:t}){const{style:n}=e;t({style:Ko({...n,spacing:{...null==n?void 0:n.spacing,margin:void 0}})})}(e),resetAllFilter:u("margin"),isShownByDefault:null==c?void 0:c.margin,panelId:e.clientId},(0,s.createElement)(kh,e)),!t&&(0,s.createElement)(p.__experimentalToolsPanelItem,{hasValue:()=>function(e){var t,n;return void 0!==(null===(t=e.attributes.style)||void 0===t||null===(n=t.spacing)||void 0===n?void 0:n.blockGap)}(e),label:(0,h.__)("Block spacing"),onDeselect:()=>function({attributes:e={},setAttributes:t}){const{style:n}=e;t({style:{...n,spacing:{...null==n?void 0:n.spacing,blockGap:void 0}}})}(e),resetAllFilter:u("blockGap"),isShownByDefault:null==c?void 0:c.blockGap,panelId:e.clientId},(0,s.createElement)(gh,e)))}const Ih=(e={})=>{const t=hh(e),n=yh(e),o=bh(e);return t&&n&&o};function xh(e,t){const n=(0,r.getBlockSupport)(e,Ch);if(n&&"boolean"!=typeof n[t])return n[t]}function Th(e,t){const n=xh(e,t);return!(n&&n.some((e=>wh.includes(e)))&&n.some((e=>Sh.includes(e)))&&(console.warn(`The ${t} support for the "${e}" block can not be configured to support both axial and arbitrary sides.`),1))}const Nh=[...dh,Om,af,Ch],Ph=e=>Nh.some((t=>(0,r.hasBlockSupport)(e,t))),Mh="var:";function Rh(e){return(0,u.startsWith)(e,Mh)?`var(--wp--${e.slice(Mh.length).split("|").join("--")})`:e}function Lh(e={}){const t={};return Object.keys(r.__EXPERIMENTAL_STYLE_PROPERTY).forEach((n=>{const o=r.__EXPERIMENTAL_STYLE_PROPERTY[n].value,l=r.__EXPERIMENTAL_STYLE_PROPERTY[n].properties;if((0,u.has)(e,o)&&"elements"!==(0,u.first)(o)){const r=(0,u.get)(e,o);l&&!(0,u.isString)(r)?Object.entries(l).forEach((e=>{const[n,o]=e,l=(0,u.get)(r,[o]);l&&(t[n]=Rh(l))})):t[n]=Rh((0,u.get)(e,o))}})),t}const Ah={"__experimentalBorder.__experimentalSkipSerialization":["border"],"color.__experimentalSkipSerialization":[af],"typography.__experimentalSkipSerialization":[uh],[`${Ch}.__experimentalSkipSerialization`]:["spacing"]},Dh={...Ah,[`${Ch}`]:["spacing.blockGap"]};function Oh(e,t,n,o=Dh){if(!Ph(t))return e;let{style:l}=n;return(0,u.forEach)(o,((e,n)=>{(0,r.getBlockSupport)(t,n)&&(l=(0,u.omit)(l,e))})),e.style={...Lh(l),...e.style},e}const Fh=(0,d.createHigherOrderComponent)((e=>t=>{const n=$n();return(0,s.createElement)(s.Fragment,null,n&&(0,s.createElement)(s.Fragment,null,(0,s.createElement)(hf,t),(0,s.createElement)(ph,t),(0,s.createElement)(Fm,t),(0,s.createElement)(Bh,t)),(0,s.createElement)(e,t))}),"withToolbarControls"),zh=(0,d.createHigherOrderComponent)((e=>t=>{var n,o;const l=null===(n=t.attributes.style)||void 0===n?void 0:n.elements,a=`wp-elements-${(0,d.useInstanceId)(e)}`,p=function(e,t={}){return(0,u.map)(t,((t,n)=>{const o=Lh(t);return(0,u.isEmpty)(o)?"":[`.${e} ${r.__EXPERIMENTAL_ELEMENTS[n]}{`,...(0,u.map)(o,((e,t)=>`\t${(0,u.kebabCase)(t)}: ${e};`)),"}"].join("\n")})).join("\n")}(a,null===(o=t.attributes.style)||void 0===o?void 0:o.elements),m=(0,s.useContext)(nm.__unstableElementContext);return(0,s.createElement)(s.Fragment,null,l&&m&&(0,s.createPortal)((0,s.createElement)("style",{dangerouslySetInnerHTML:{__html:p}}),m),(0,s.createElement)(e,i({},t,{className:l?c()(t.className,a):t.className})))}));(0,l.addFilter)("blocks.registerBlockType","core/style/addAttribute",(function(e){return Ph(e)?(e.attributes.style||Object.assign(e.attributes,{style:{type:"object"}}),e):e})),(0,l.addFilter)("blocks.getSaveContent.extraProps","core/style/addSaveProps",Oh),(0,l.addFilter)("blocks.registerBlockType","core/style/addEditProps",(function(e){if(!Ph(e))return e;const t=e.getEditWrapperProps;return e.getEditWrapperProps=n=>{let o={};return t&&(o=t(n)),Oh(o,e,n,Ah)},e})),(0,l.addFilter)("editor.BlockEdit","core/style/with-block-controls",Fh),(0,l.addFilter)("editor.BlockListBlock","core/editor/with-elements-styles",zh);var Vh=function({colorPalette:e,duotonePalette:t,disableCustomColors:n,disableCustomDuotone:o,value:r,onChange:l}){return(0,s.createElement)(p.Dropdown,{popoverProps:{className:"block-editor-duotone-control__popover",headerTitle:(0,h.__)("Duotone"),isAlternate:!0},renderToggle:({isOpen:e,onToggle:t})=>(0,s.createElement)(p.ToolbarButton,{showTooltip:!0,onClick:t,"aria-haspopup":"true","aria-expanded":e,onKeyDown:n=>{e||n.keyCode!==ga.DOWN||(n.preventDefault(),t())},label:(0,h.__)("Apply duotone filter"),icon:(0,s.createElement)(p.DuotoneSwatch,{values:r})}),renderContent:()=>(0,s.createElement)(p.MenuGroup,{label:(0,h.__)("Duotone")},(0,s.createElement)("div",{className:"block-editor-duotone-control__description"},(0,h.__)("Create a two-tone color effect without losing your original image.")),(0,s.createElement)(p.DuotonePicker,{colorPalette:e,duotonePalette:t,disableCustomColors:n,disableCustomDuotone:o,value:r,onChange:l}))})};const Hh=[];function Uh(e=[]){const t={r:[],g:[],b:[],a:[]};return e.forEach((e=>{const n=Mc(e).toRgb();t.r.push(n.r/255),t.g.push(n.g/255),t.b.push(n.b/255),t.a.push(n.a)})),t}function Gh({selector:e,id:t,values:n}){const o=`\n${e} {\n\tfilter: url( #${t} );\n}\n`;return(0,s.createElement)(s.Fragment,null,(0,s.createElement)(p.SVG,{xmlnsXlink:"http://www.w3.org/1999/xlink",viewBox:"0 0 0 0",width:"0",height:"0",focusable:"false",role:"none",style:{visibility:"hidden",position:"absolute",left:"-9999px",overflow:"hidden"}},(0,s.createElement)("defs",null,(0,s.createElement)("filter",{id:t},(0,s.createElement)("feColorMatrix",{colorInterpolationFilters:"sRGB",type:"matrix",values:" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 "}),(0,s.createElement)("feComponentTransfer",{colorInterpolationFilters:"sRGB"},(0,s.createElement)("feFuncR",{type:"table",tableValues:n.r.join(" ")}),(0,s.createElement)("feFuncG",{type:"table",tableValues:n.g.join(" ")}),(0,s.createElement)("feFuncB",{type:"table",tableValues:n.b.join(" ")}),(0,s.createElement)("feFuncA",{type:"table",tableValues:n.a.join(" ")})),(0,s.createElement)("feComposite",{in2:"SourceGraphic",operator:"in"})))),(0,s.createElement)("style",{dangerouslySetInnerHTML:{__html:o}}))}function Wh({attributes:e,setAttributes:t}){var n;const o=null==e?void 0:e.style,r=null==o||null===(n=o.color)||void 0===n?void 0:n.duotone,l=mo("color.duotone")||Hh,i=mo("color.palette")||Hh,a=!mo("color.custom"),c=!mo("color.customDuotone")||0===(null==i?void 0:i.length)&&a;return 0===(null==l?void 0:l.length)&&c?null:(0,s.createElement)(Zn,{group:"block",__experimentalShareWithChildBlocks:!0},(0,s.createElement)(Vh,{duotonePalette:l,colorPalette:i,disableCustomDuotone:c,disableCustomColors:a,value:r,onChange:e=>{const n={...o,color:{...null==o?void 0:o.color,duotone:e}};t({style:n})}}))}Lc([Ac]);const $h=(0,d.createHigherOrderComponent)((e=>t=>{const n=(0,r.hasBlockSupport)(t.name,"color.__experimentalDuotone");return(0,s.createElement)(s.Fragment,null,(0,s.createElement)(e,t),n&&(0,s.createElement)(Wh,t))}),"withDuotoneControls"),jh=(0,d.createHigherOrderComponent)((e=>t=>{var n,o,l;const a=(0,r.getBlockSupport)(t.name,"color.__experimentalDuotone"),u=null==t||null===(n=t.attributes)||void 0===n||null===(o=n.style)||void 0===o||null===(l=o.color)||void 0===l?void 0:l.duotone;if(!a||!u)return(0,s.createElement)(e,t);const p=`wp-duotone-${(0,d.useInstanceId)(e)}`,m=function(e,t){const n=e.split(","),o=t.split(","),r=[];return n.forEach((e=>{o.forEach((t=>{r.push(`${e.trim()} ${t.trim()}`)}))})),r.join(", ")}(`.editor-styles-wrapper .${p}`,a),f=c()(null==t?void 0:t.className,p),h=(0,s.useContext)(nm.__unstableElementContext);return(0,s.createElement)(s.Fragment,null,h&&(0,s.createPortal)((0,s.createElement)(Gh,{selector:m,id:p,values:Uh(u)}),h),(0,s.createElement)(e,i({},t,{className:f})))}),"withDuotoneStyles");(0,l.addFilter)("blocks.registerBlockType","core/editor/duotone/add-attributes",(function(e){return(0,r.hasBlockSupport)(e,"color.__experimentalDuotone")?(e.attributes.style||Object.assign(e.attributes,{style:{type:"object"}}),e):e})),(0,l.addFilter)("editor.BlockEdit","core/editor/duotone/with-editor-controls",$h),(0,l.addFilter)("editor.BlockListBlock","core/editor/duotone/with-styles",jh);const Kh="__experimentalLayout";function qh({setAttributes:e,attributes:t,name:n}){const{layout:o}=t,l=mo("layout"),i=(0,m.useSelect)((e=>{const{getSettings:t}=e(Vn);return t().supportsLayout}),[]),a=(0,r.getBlockSupport)(n,Kh,{}),{allowSwitching:c,allowEditing:u=!0,allowInheriting:d=!0,default:f}=a;if(!u)return null;const g=o||f||{},{inherit:v=!1,type:b="default"}=g;if("default"===b&&!i)return null;const k=Io(b),_=t=>e({layout:t});return(0,s.createElement)(s.Fragment,null,(0,s.createElement)(Jo,null,(0,s.createElement)(p.PanelBody,{title:(0,h.__)("Layout")},d&&!!l&&(0,s.createElement)(p.ToggleControl,{label:(0,h.__)("Inherit default layout"),checked:!!v,onChange:()=>e({layout:{inherit:!v}})}),!v&&c&&(0,s.createElement)(Yh,{type:b,onChange:t=>e({layout:{type:t}})}),!v&&k&&(0,s.createElement)(k.inspectorControls,{layout:g,onChange:_,layoutBlockSupport:a}))),!v&&k&&(0,s.createElement)(k.toolBarControls,{layout:g,onChange:_,layoutBlockSupport:a}))}function Yh({type:e,onChange:t}){return(0,s.createElement)(p.ButtonGroup,null,Bo.map((({name:n,label:o})=>(0,s.createElement)(p.Button,{key:n,isPressed:e===n,onClick:()=>t(n)},o))))}const Zh=(0,d.createHigherOrderComponent)((e=>t=>{const{name:n}=t;return[(0,r.hasBlockSupport)(n,Kh)&&(0,s.createElement)(qh,i({key:"layout"},t)),(0,s.createElement)(e,i({key:"edit"},t))]}),"withInspectorControls"),Xh=(0,d.createHigherOrderComponent)((e=>t=>{const{name:n,attributes:o}=t,l=(0,r.hasBlockSupport)(n,Kh),a=(0,d.useInstanceId)(e),u=mo("layout")||{},p=(0,s.useContext)(nm.__unstableElementContext),{layout:m}=o,{default:f}=(0,r.getBlockSupport)(n,Kh)||{},h=null!=m&&m.inherit?u:m||f||{},g=c()(null==t?void 0:t.className,{[`wp-container-${a}`]:l});return(0,s.createElement)(s.Fragment,null,l&&p&&(0,s.createPortal)((0,s.createElement)(Po,{selector:`.wp-container-${a}`,layout:h}),p),(0,s.createElement)(e,i({},t,{className:g})))}));(0,l.addFilter)("blocks.registerBlockType","core/layout/addAttribute",(function(e){return(0,u.has)(e.attributes,["layout","type"])||(0,r.hasBlockSupport)(e,Kh)&&(e.attributes={...e.attributes,layout:{type:"object"}}),e})),(0,l.addFilter)("editor.BlockListBlock","core/editor/layout/with-layout-styles",Xh),(0,l.addFilter)("editor.BlockEdit","core/editor/layout/with-inspector-controls",Zh);const Qh=[];function Jh({borderColor:e,style:t}){var n;const o=(null==t?void 0:t.border)||{},r=dm("border-color",e);return{className:c()({[r]:!!r,"has-border-color":e||(null==t||null===(n=t.border)||void 0===n?void 0:n.color)})||void 0,style:Lh({border:o})}}function eg(e){const t=mo("color.palette")||Qh,n=Jh(e);if(e.borderColor){const o=cm(t,e.borderColor);n.style.borderColor=o.color}return n}const tg=[];function ng(e){var t,n,o,r,l,i;const{backgroundColor:s,textColor:a,gradient:u,style:d}=e,p=dm("background-color",s),m=dm("color",a),f=Gm(u),h=f||(null==d||null===(t=d.color)||void 0===t?void 0:t.gradient);return{className:c()(m,f,{[p]:!h&&!!p,"has-text-color":a||(null==d||null===(n=d.color)||void 0===n?void 0:n.text),"has-background":s||(null==d||null===(o=d.color)||void 0===o?void 0:o.background)||u||(null==d||null===(r=d.color)||void 0===r?void 0:r.gradient),"has-link-color":null==d||null===(l=d.elements)||void 0===l||null===(i=l.link)||void 0===i?void 0:i.color})||void 0,style:Lh({color:(null==d?void 0:d.color)||{}})}}function og(e){const{backgroundColor:t,textColor:n,gradient:o}=e,r=mo("color.palette")||tg,l=mo("color.gradients")||tg,i=ng(e);if(t){const e=cm(r,t);i.style.backgroundColor=e.color}if(o&&(i.style.background=Wm(l,o)),n){const e=cm(r,n);i.style.color=e.color}return i}function rg(e){const{style:t}=e;return{style:Lh({spacing:(null==t?void 0:t.spacing)||{}})}}function lg(e){const[t,n]=(0,s.useState)(e);return(0,s.useEffect)((()=>{e&&n(e)}),[e]),t}const ig=[];function sg(e,t){const n=(0,u.reduce)(e,((e,t)=>({...e,...(0,u.isString)(t)?{[t]:(0,u.kebabCase)(t)}:t})),{});return(0,d.compose)([t,e=>class extends s.Component{constructor(e){super(e),this.setters=this.createSetters(),this.colorUtils={getMostReadableColor:this.getMostReadableColor.bind(this)},this.state={}}getMostReadableColor(e){const{colors:t}=this.props;return function(e,t){const n=Mc(t);return(0,u.maxBy)(e,(({color:e})=>n.contrast(e))).color}(t,e)}createSetters(){return(0,u.reduce)(n,((e,t,n)=>{const o=(0,u.upperFirst)(n),r=`custom${o}`;return e[`set${o}`]=this.createSetColor(n,r),e}),{})}createSetColor(e,t){return n=>{const o=um(this.props.colors,n);this.props.setAttributes({[e]:o&&o.slug?o.slug:void 0,[t]:o&&o.slug?void 0:n})}}static getDerivedStateFromProps({attributes:e,colors:t},o){return(0,u.reduce)(n,((n,r,l)=>{const i=cm(t,e[l],e[`custom${(0,u.upperFirst)(l)}`]),s=o[l];return(null==s?void 0:s.color)===i.color&&s?n[l]=s:n[l]={...i,class:dm(r,i.slug)},n}),{})}render(){return(0,s.createElement)(e,i({},this.props,{colors:void 0},this.state,this.setters,{colorUtils:this.colorUtils}))}}])}function ag(e){return(...t)=>{const n=(e=>(0,d.createHigherOrderComponent)((t=>n=>(0,s.createElement)(t,i({},n,{colors:e}))),"withCustomColorPalette"))(e);return(0,d.createHigherOrderComponent)(sg(t,n),"withCustomColors")}}function cg(...e){const t=(0,d.createHigherOrderComponent)((e=>t=>{const n=mo("color.palette")||ig;return(0,s.createElement)(e,i({},t,{colors:n}))}),"withEditorColorPalette");return(0,d.createHigherOrderComponent)(sg(e,t),"withColors")}const ug=[];var dg=(...e)=>{const t=(0,u.reduce)(e,((e,t)=>(e[t]=`custom${(0,u.upperFirst)(t)}`,e)),{});return(0,d.createHigherOrderComponent)((0,d.compose)([(0,d.createHigherOrderComponent)((e=>t=>{const n=mo("typography.fontSizes")||ug;return(0,s.createElement)(e,i({},t,{fontSizes:n}))}),"withFontSizes"),e=>class extends s.Component{constructor(e){super(e),this.setters=this.createSetters(),this.state={}}createSetters(){return(0,u.reduce)(t,((e,t,n)=>(e[`set${(0,u.upperFirst)(n)}`]=this.createSetFontSize(n,t),e)),{})}createSetFontSize(e,t){return n=>{const o=(0,u.find)(this.props.fontSizes,{size:Number(n)});this.props.setAttributes({[e]:o&&o.slug?o.slug:void 0,[t]:o&&o.slug?void 0:n})}}static getDerivedStateFromProps({attributes:e,fontSizes:n},o){const r=(t,n)=>!o[n]||(e[n]?e[n]!==o[n].slug:o[n].size!==e[t]);if(!(0,u.some)(t,r))return null;const l=(0,u.reduce)((0,u.pickBy)(t,r),((t,o,r)=>{const l=e[r],i=Df(n,l,e[o]);return t[r]={...i,class:Ff(l)},t}),{});return{...o,...l}}render(){return(0,s.createElement)(e,i({},this.props,{fontSizes:void 0},this.state,this.setters))}}]),"withFontSizes")},pg=(0,s.createElement)(F.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,s.createElement)(F.Path,{d:"M4 19.8h8.9v-1.5H4v1.5zm8.9-15.6H4v1.5h8.9V4.2zm-8.9 7v1.5h16v-1.5H4z"})),mg=(0,s.createElement)(F.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,s.createElement)(F.Path,{d:"M16.4 4.2H7.6v1.5h8.9V4.2zM4 11.2v1.5h16v-1.5H4zm3.6 8.6h8.9v-1.5H7.6v1.5z"})),fg=(0,s.createElement)(F.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,s.createElement)(F.Path,{d:"M11.1 19.8H20v-1.5h-8.9v1.5zm0-15.6v1.5H20V4.2h-8.9zM4 12.8h16v-1.5H4v1.5z"}));const hg=[{icon:pg,title:(0,h.__)("Align text left"),align:"left"},{icon:mg,title:(0,h.__)("Align text center"),align:"center"},{icon:fg,title:(0,h.__)("Align text right"),align:"right"}],gg={position:"bottom right",isAlternate:!0};var vg=function({value:e,onChange:t,alignmentControls:n=hg,label:o=(0,h.__)("Align"),describedBy:r=(0,h.__)("Change text alignment"),isCollapsed:l=!0,isToolbar:a}){function c(n){return()=>t(e===n?void 0:n)}const d=(0,u.find)(n,(t=>t.align===e)),m=a?p.ToolbarGroup:p.ToolbarDropdownMenu,f=a?{isCollapsed:l}:{};return(0,s.createElement)(m,i({icon:d?d.icon:(0,h.isRTL)()?fg:pg,label:o,toggleProps:{describedBy:r},popoverProps:gg,controls:n.map((t=>{const{align:n}=t,o=e===n;return{...t,isActive:o,role:l?"menuitemradio":void 0,onClick:c(n)}}))},f))};function bg(e){return(0,s.createElement)(vg,i({},e,{isToolbar:!1}))}function kg(e){return(0,s.createElement)(vg,i({},e,{isToolbar:!0}))}var _g={name:"blocks",className:"block-editor-autocompleters__block",triggerPrefix:"/",useItems(e){const{rootClientId:t,selectedBlockName:n}=(0,m.useSelect)((e=>{const{getSelectedBlockClientId:t,getBlockName:n,getBlockInsertionPoint:o}=e(Vn),r=t();return{selectedBlockName:r?n(r):null,rootClientId:o().rootClientId}}),[]),[o,r,l]=yu(t,u.noop),i=(0,s.useMemo)((()=>(e.trim()?Wu(o,r,l,e):(0,u.orderBy)(o,["frecency"],["desc"])).filter((e=>e.name!==n)).slice(0,9)),[e,n,o,r,l]);return[(0,s.useMemo)((()=>i.map((e=>{const{title:t,icon:n,isDisabled:o}=e;return{key:`block-${e.id}`,value:e,label:(0,s.createElement)(s.Fragment,null,(0,s.createElement)(Ha,{key:"icon",icon:n,showColors:!0}),t),isDisabled:o}}))),[i])]},allowContext:(e,t)=>!(/\S/.test(e)||/\S/.test(t)),getOptionCompletion(e){const{name:t,initialAttributes:n,innerBlocks:o}=e;return{action:"replace",value:(0,r.createBlock)(t,n,(0,r.createBlocksFromInnerBlocksTemplate)(o))}}};const yg=[];function Eg({completers:e=yg}){const{name:t}=Wn();return(0,s.useMemo)((()=>{let n=e;return(t===(0,r.getDefaultBlockName)()||(0,r.getBlockSupport)(t,"__experimentalSlashInserter",!1))&&(n=n.concat([_g])),(0,l.hasFilter)("editor.Autocomplete.completers")&&(n===e&&(n=n.map(u.clone)),n=(0,l.applyFilters)("editor.Autocomplete.completers",n,t)),n}),[e,t])}var Cg=function(e){return(0,s.createElement)(p.Autocomplete,i({},e,{completers:Eg(e)}))},wg=(0,s.createElement)(F.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,s.createElement)(F.Path,{d:"M4.2 9h1.5V5.8H9V4.2H4.2V9zm14 9.2H15v1.5h4.8V15h-1.5v3.2zM15 4.2v1.5h3.2V9h1.5V4.2H15zM5.8 15H4.2v4.8H9v-1.5H5.8V15z"})),Sg=function({isActive:e,label:t=(0,h.__)("Toggle full height"),onToggle:n,isDisabled:o}){return(0,s.createElement)(p.ToolbarButton,{isActive:e,icon:wg,label:t,onClick:()=>n(!e),disabled:o})},Bg=function(e){const{label:t=(0,h.__)("Change matrix alignment"),onChange:n=u.noop,value:o="center",isDisabled:r}=e,l=(0,s.createElement)(p.__experimentalAlignmentMatrixControl.Icon,{value:o}),i="block-editor-block-alignment-matrix-control",a=`${i}__popover`;return(0,s.createElement)(p.Dropdown,{position:"bottom right",className:i,popoverProps:{className:a,isAlternate:!0},renderToggle:({onToggle:e,isOpen:n})=>(0,s.createElement)(p.ToolbarButton,{onClick:e,"aria-haspopup":"true","aria-expanded":n,onKeyDown:t=>{n||t.keyCode!==ga.DOWN||(t.preventDefault(),e())},label:t,icon:l,showTooltip:!0,disabled:r}),renderContent:()=>(0,s.createElement)(p.__experimentalAlignmentMatrixControl,{hasFocusBorder:!1,onChange:n,value:o})})},Ig=(0,s.createElement)(F.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,s.createElement)(F.Path,{d:"M10.8622 8.04053L14.2805 12.0286L10.8622 16.0167L9.72327 15.0405L12.3049 12.0286L9.72327 9.01672L10.8622 8.04053Z"})),xg=function({rootLabelText:e}){const{selectBlock:t,clearSelectedBlock:n}=(0,m.useDispatch)(Vn),{clientId:o,parents:r,hasSelection:l}=(0,m.useSelect)((e=>{const{getSelectionStart:t,getSelectedBlockClientId:n,getBlockParents:o}=e(Vn),r=n();return{parents:o(r),clientId:r,hasSelection:!!t().clientId}}),[]),i=e||(0,h.__)("Document");return(0,s.createElement)("ul",{className:"block-editor-block-breadcrumb",role:"list","aria-label":(0,h.__)("Block breadcrumb")},(0,s.createElement)("li",{className:l?void 0:"block-editor-block-breadcrumb__current","aria-current":l?void 0:"true"},l&&(0,s.createElement)(p.Button,{className:"block-editor-block-breadcrumb__button",variant:"tertiary",onClick:n},i),!l&&i,!!o&&(0,s.createElement)(So,{icon:Ig,className:"block-editor-block-breadcrumb__separator"})),r.map((e=>(0,s.createElement)("li",{key:e},(0,s.createElement)(p.Button,{className:"block-editor-block-breadcrumb__button",variant:"tertiary",onClick:()=>t(e)},(0,s.createElement)(Td,{clientId:e})),(0,s.createElement)(So,{icon:Ig,className:"block-editor-block-breadcrumb__separator"})))),!!o&&(0,s.createElement)("li",{className:"block-editor-block-breadcrumb__current","aria-current":"true"},(0,s.createElement)(Td,{clientId:o})))};function Tg({clientId:e,tagName:t="div",wrapperProps:n,className:o}){const[r,l]=(0,s.useState)(!0),[a,u]=(0,s.useState)(!1),{isParentSelected:d,hasChildSelected:p,isDraggingBlocks:f,isParentHighlighted:h}=(0,m.useSelect)((t=>{const{isBlockSelected:n,hasSelectedInnerBlock:o,isDraggingBlocks:r,isBlockHighlighted:l}=t(Vn);return{isParentSelected:n(e),hasChildSelected:o(e,!0),isDraggingBlocks:r(),isParentHighlighted:l(e)}}),[e]),g=c()("block-editor-block-content-overlay",null==n?void 0:n.className,o,{"overlay-active":r,"parent-highlighted":h,"is-dragging-blocks":f});return(0,s.useEffect)((()=>{d||p||r||l(!0),d&&!a&&r&&l(!1),p&&r&&l(!1)}),[d,p,r,a]),(0,s.createElement)(t,i({},n,{className:g,onMouseEnter:()=>u(!0),onMouseLeave:()=>u(!1),onMouseUp:r?()=>l(!1):void 0}),null==n?void 0:n.children)}const Ng=()=>(0,s.createElement)(p.SVG,{xmlns:"https://www.w3.org/2000/svg",viewBox:"0 0 20 20"},(0,s.createElement)(p.Path,{d:"M7.434 5l3.18 9.16H8.538l-.692-2.184H4.628l-.705 2.184H2L5.18 5h2.254zm-1.13 1.904h-.115l-1.148 3.593H7.44L6.304 6.904zM14.348 7.006c1.853 0 2.9.876 2.9 2.374v4.78h-1.79v-.914h-.114c-.362.64-1.123 1.022-2.031 1.022-1.346 0-2.292-.826-2.292-2.108 0-1.27.972-2.006 2.71-2.107l1.696-.102V9.38c0-.584-.42-.914-1.18-.914-.667 0-1.112.228-1.264.647h-1.701c.12-1.295 1.307-2.107 3.066-2.107zm1.079 4.1l-1.416.09c-.793.056-1.18.342-1.18.844 0 .52.45.837 1.091.837.857 0 1.505-.545 1.505-1.256v-.515z"})),Pg=({style:e,className:t})=>(0,s.createElement)("div",{className:"block-library-colors-selector__icon-container"},(0,s.createElement)("div",{className:`${t} block-library-colors-selector__state-selection`,style:e},(0,s.createElement)(Ng,null))),Mg=({TextColor:e,BackgroundColor:t})=>({onToggle:n,isOpen:o})=>(0,s.createElement)(p.ToolbarGroup,null,(0,s.createElement)(p.ToolbarButton,{className:"components-toolbar__control block-library-colors-selector__toggle",label:(0,h.__)("Open Colors Selector"),onClick:n,onKeyDown:e=>{o||e.keyCode!==ga.DOWN||(e.preventDefault(),n())},icon:(0,s.createElement)(t,null,(0,s.createElement)(e,null,(0,s.createElement)(Pg,null)))}));var Rg=({children:e,...t})=>(0,s.createElement)(p.Dropdown,{position:"bottom right",className:"block-library-colors-selector",contentClassName:"block-library-colors-selector__popover",renderToggle:Mg(t),renderContent:()=>e}),Lg=(0,s.createElement)(F.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},(0,s.createElement)(F.Path,{d:"M13.8 5.2H3v1.5h10.8V5.2zm-3.6 12v1.5H21v-1.5H10.2zm7.2-6H6.6v1.5h10.8v-1.5z"}));const Ag=ta(p.__experimentalTreeGridRow);function Dg({isSelected:e,position:t,level:n,rowCount:o,children:r,className:l,path:a,...u}){const d=ra({isSelected:e,adjustScrolling:!1,enableAnimation:!0,triggerAnimationOnChange:a});return(0,s.createElement)(Ag,i({ref:d,className:c()("block-editor-list-view-leaf",l),level:n,positionInSet:t,setSize:o},u),r)}function Og({onClick:e}){return(0,s.createElement)("span",{className:"block-editor-list-view__expander",onClick:t=>e(t,{forceToggle:!0}),"aria-hidden":"true"},(0,s.createElement)(So,{icon:Ig}))}var Fg=(0,s.forwardRef)((function e({className:t,block:{clientId:n},isSelected:o,onClick:r,onToggleExpanded:l,position:i,siblingBlockCount:a,level:u,tabIndex:m,onFocus:f,onDragStart:g,onDragEnd:v,draggable:b},k){const _=xd(n),y=`list-view-block-select-button__${(0,d.useInstanceId)(e)}`,E=((e,t,n)=>(0,h.sprintf)(
|
67 |
/* translators: 1: The numerical position of the block. 2: The total number of blocks. 3. The level of nesting for the block. */
|
68 |
+
(0,h.__)("Block %1$d of %2$d, Level %3$d"),e,t,n))(i,a,u);return(0,s.createElement)(s.Fragment,null,(0,s.createElement)(p.Button,{className:c()("block-editor-list-view-block-select-button",t),onClick:r,"aria-describedby":y,ref:k,tabIndex:m,onFocus:f,onDragStart:g,onDragEnd:v,draggable:b},(0,s.createElement)(Og,{onClick:l}),(0,s.createElement)(Ha,{icon:null==_?void 0:_.icon,showColors:!0}),(0,s.createElement)(Td,{clientId:n}),(null==_?void 0:_.anchor)&&(0,s.createElement)("span",{className:"block-editor-list-view-block-select-button__anchor"},_.anchor),o&&(0,s.createElement)(p.VisuallyHidden,null,(0,h.__)("(selected block)"))),(0,s.createElement)("div",{className:"block-editor-list-view-block-select-button__description",id:y},E))})),zg=(0,s.forwardRef)((({onClick:e,onToggleExpanded:t,block:n,isSelected:o,position:r,siblingBlockCount:l,level:a,...u},d)=>{const{clientId:p}=n,{blockMovingClientId:f,selectedBlockInBlockEditor:h}=(0,m.useSelect)((e=>{const{getBlockRootClientId:t,hasBlockMovingClientId:n,getSelectedBlockClientId:o}=e(Vn);return{rootClientId:t(p)||"",blockMovingClientId:n(),selectedBlockInBlockEditor:o()}}),[p]),g=f&&h===p,v=c()("block-editor-list-view-block-contents",{"is-dropping-before":g});return(0,s.createElement)(Nd,{clientIds:[n.clientId]},(({draggable:c,onDragStart:p,onDragEnd:m})=>(0,s.createElement)(Fg,i({ref:d,className:v,block:n,onClick:e,onToggleExpanded:t,isSelected:o,position:r,siblingBlockCount:l,level:a,draggable:c,onDragStart:p,onDragEnd:m},u))))}));const Vg=(0,s.createContext)({__experimentalFeatures:!1,__experimentalPersistentListViewFeatures:!1}),Hg=()=>(0,s.useContext)(Vg);var Ug=(0,s.memo)((function({block:e,isDragged:t,isSelected:n,isBranchSelected:o,selectBlock:r,position:l,level:i,rowCount:a,siblingBlockCount:u,showBlockMovers:d,path:f,isExpanded:h}){const g=(0,s.useRef)(null),[v,b]=(0,s.useState)(!1),{clientId:k}=e,{toggleBlockHighlight:_}=(0,m.useDispatch)(Vn),{__experimentalFeatures:y,__experimentalPersistentListViewFeatures:E,__experimentalHideContainerBlockActions:C,isTreeGridMounted:w,expand:S,collapse:B}=Hg(),I=d&&u>0,x=c()("block-editor-list-view-block__mover-cell",{"is-visible":v||n}),T=c()("block-editor-list-view-block__menu-cell",{"is-visible":v||n});(0,s.useEffect)((()=>{E&&!w&&n&&g.current.focus()}),[]);const N=E?_:()=>{},P=(0,s.useCallback)((()=>{b(!0),N(k,!0)}),[k,b,N]),M=(0,s.useCallback)((()=>{b(!1),N(k,!1)}),[k,b,N]),R=(0,s.useCallback)((e=>{e.stopPropagation(),r(k)}),[k,r]),L=(0,s.useCallback)((e=>{e.stopPropagation(),!0===h?B(k):!1===h&&S(k)}),[k,S,B,h]),A=y&&(!C||C&&i>1),D=y&&!A;let O;I?O=2:D&&(O=3);const F=c()({"is-selected":n,"is-branch-selected":E&&o,"is-dragging":t,"has-single-cell":D});return(0,s.createElement)(Dg,{className:F,onMouseEnter:P,onMouseLeave:M,onFocus:P,onBlur:M,level:i,position:l,rowCount:a,path:f,id:`list-view-block-${k}`,"data-block":k,isExpanded:h},(0,s.createElement)(p.__experimentalTreeGridCell,{className:"block-editor-list-view-block__contents-cell",colSpan:O,ref:g},(({ref:t,tabIndex:o,onFocus:r})=>(0,s.createElement)("div",{className:"block-editor-list-view-block__contents-container"},(0,s.createElement)(zg,{block:e,onClick:R,onToggleExpanded:L,isSelected:n,position:l,siblingBlockCount:u,level:i,ref:t,tabIndex:o,onFocus:r})))),I&&(0,s.createElement)(s.Fragment,null,(0,s.createElement)(p.__experimentalTreeGridCell,{className:x,withoutGridItem:!0},(0,s.createElement)(p.__experimentalTreeGridItem,null,(({ref:e,tabIndex:t,onFocus:n})=>(0,s.createElement)(Hd,{orientation:"vertical",clientIds:[k],ref:e,tabIndex:t,onFocus:n}))),(0,s.createElement)(p.__experimentalTreeGridItem,null,(({ref:e,tabIndex:t,onFocus:n})=>(0,s.createElement)(Ud,{orientation:"vertical",clientIds:[k],ref:e,tabIndex:t,onFocus:n}))))),A&&(0,s.createElement)(p.__experimentalTreeGridCell,{className:T},(({ref:e,tabIndex:t,onFocus:n})=>(0,s.createElement)(Np,{clientIds:[k],icon:pp,toggleProps:{ref:e,className:"block-editor-list-view-block__menu",tabIndex:t,onFocus:n},disableOpenOnArrowDown:!0,__experimentalSelectBlock:R}))))}));function Gg(e,t,n){var o;return(null==n?void 0:n.includes(e.clientId))?0:null===(o=t[e.clientId])||void 0===o||o?1+e.innerBlocks.reduce(Wg(t,n),0):1}const Wg=(e,t)=>(n,o)=>{var r;return(null==t?void 0:t.includes(o.clientId))?n:(null===(r=e[o.clientId])||void 0===r||r)&&o.innerBlocks.length>0?n+Gg(o,e,t):n+1};function $g(e){const{blocks:t,selectBlock:n,showBlockMovers:o,showNestedBlocks:r,selectedClientIds:l,level:i=1,path:a="",isBranchSelected:c=!1,listPosition:d=0,fixedListWindow:p}=e,{expandedState:f,draggedClientIds:h,__experimentalPersistentListViewFeatures:g}=Hg(),v=(0,u.compact)(t),b=v.length;let k=d;return(0,s.createElement)(s.Fragment,null,v.map(((e,t)=>{var d;const{clientId:_,innerBlocks:y}=e;t>0&&(k+=Gg(v[t-1],f,h));const E=g,{itemInView:C}=p,w=!E||C(k),S=t+1,B=a.length>0?`${a}_${S}`:`${S}`,I=r&&!!y&&!!y.length,x=I?null===(d=f[_])||void 0===d||d:void 0,T=!(null==h||!h.includes(_)),N=T||w,P=((e,t)=>(0,u.isArray)(t)&&t.length?-1!==t.indexOf(e):t===e)(_,l),M=c||P&&I;return(0,s.createElement)(m.AsyncModeProvider,{key:_,value:!P},N&&(0,s.createElement)(Ug,{block:e,selectBlock:n,isSelected:P,isBranchSelected:M,isDragged:T,level:i,position:S,rowCount:b,siblingBlockCount:b,showBlockMovers:o,path:B,isExpanded:x,listPosition:k}),!N&&(0,s.createElement)("tr",null,(0,s.createElement)("td",{className:"block-editor-list-view-placeholder"})),I&&x&&!T&&(0,s.createElement)($g,{blocks:y,selectBlock:n,showBlockMovers:o,showNestedBlocks:r,level:i+1,path:B,listPosition:k+1,fixedListWindow:p,isBranchSelected:M,selectedClientIds:l}))})))}$g.defaultProps={selectBlock:()=>{}};var jg=(0,s.memo)($g);function Kg({listViewRef:e,blockDropTarget:t}){const{rootClientId:n,clientId:o,dropPosition:r}=t||{},[l,i]=(0,s.useMemo)((()=>e.current?[n?e.current.querySelector(`[data-block="${n}"]`):void 0,o?e.current.querySelector(`[data-block="${o}"]`):void 0]:[]),[n,o]),a=i||l,c=(0,s.useCallback)((()=>{if(!l)return 0;const e=a.getBoundingClientRect();return l.querySelector(".block-editor-block-icon").getBoundingClientRect().right-e.left}),[l,a]),u=(0,s.useMemo)((()=>{if(!a)return{};const e=c();return{width:a.offsetWidth-e}}),[c,a]),d=(0,s.useCallback)((()=>{if(!a)return{};const e=a.ownerDocument,t=a.getBoundingClientRect(),n=c(),o={left:t.left+n,right:t.right,width:0,height:t.height,ownerDocument:e};return"top"===r?{...o,top:t.top,bottom:t.top}:"bottom"===r||"inside"===r?{...o,top:t.bottom,bottom:t.bottom}:{}}),[a,r,c]);return a?(0,s.createElement)(p.Popover,{noArrow:!0,animate:!1,getAnchorRect:d,focusOnMount:!1,className:"block-editor-list-view-drop-indicator"},(0,s.createElement)("div",{style:u,className:"block-editor-list-view-drop-indicator__line"})):null}function qg(e,t){return t.left<=e.x&&t.right>=e.x&&t.top<=e.y&&t.bottom>=e.y}const Yg=["top","bottom"];const Zg=()=>{},Xg=(e,t)=>{switch(t.type){case"expand":return{...e,[t.clientId]:!0};case"collapse":return{...e,[t.clientId]:!1};default:return e}};var Qg=(0,s.forwardRef)((function({blocks:e,onSelect:t=Zg,__experimentalFeatures:n,__experimentalPersistentListViewFeatures:o,__experimentalHideContainerBlockActions:r,showNestedBlocks:l,showBlockMovers:a,...c},u){const{clientIdsTree:f,draggedClientIds:g,selectedClientIds:v}=function(e){return(0,m.useSelect)((t=>{const{getDraggedBlockClientIds:n,getSelectedBlockClientIds:o,__unstableGetClientIdsTree:r}=t(Vn);return{selectedClientIds:o(),draggedClientIds:n(),clientIdsTree:e||r()}}),[e])}(e),{selectBlock:b}=(0,m.useDispatch)(Vn),{visibleBlockCount:k}=(0,m.useSelect)((e=>{const{getGlobalBlockCount:t,getClientIdsOfDescendants:n}=e(Vn),o=(null==g?void 0:g.length)>0?n(g).length+1:0;return{visibleBlockCount:t()-o}}),[g]),_=(0,s.useCallback)((e=>{b(e),t(e)}),[b,t]),[y,E]=(0,s.useReducer)(Xg,{}),{ref:C,target:w}=function(){const{getBlockRootClientId:e,getBlockIndex:t,getBlockCount:n,getDraggedBlockClientIds:o,canInsertBlocks:r}=(0,m.useSelect)(Vn),[l,i]=(0,s.useState)(),{rootClientId:a,blockIndex:c}=l||{},u=$p(a,c),p=o(),f=(0,d.useThrottle)((0,s.useCallback)(((o,l)=>{const s={x:o.clientX,y:o.clientY},a=!(null==p||!p.length),c=function(e,t){let n,o,r,l;for(const i of e){if(i.isDraggedBlock)continue;const s=i.element.getBoundingClientRect(),[a,c]=jp(t,s,Yg),u=qg(t,s);if(void 0===r||a<r||u){r=a;const t=e.indexOf(i),d=e[t-1];if("top"===c&&d&&d.rootClientId===i.rootClientId&&!d.isDraggedBlock?(o=d,n="bottom",l=d.element.getBoundingClientRect()):(o=i,n=c,l=s),u)break}}if(!o)return;const i="bottom"===n;if(i&&o.canInsertDraggedBlocksAsChild&&(o.innerBlockCount>0||function(e,t){const n=t.left+t.width/2;return e.x>n}(t,l)))return{rootClientId:o.clientId,blockIndex:0,dropPosition:"inside"};if(!o.canInsertDraggedBlocksAsSibling)return;const s=i?1:0;return{rootClientId:o.rootClientId,clientId:o.clientId,blockIndex:o.blockIndex+s,dropPosition:n}}(Array.from(l.querySelectorAll("[data-block]")).map((o=>{const l=o.dataset.block,i=e(l);return{clientId:l,rootClientId:i,blockIndex:t(l,i),element:o,isDraggedBlock:!!a&&p.includes(l),innerBlockCount:n(l),canInsertDraggedBlocksAsSibling:!a||r(p,i),canInsertDraggedBlocksAsChild:!a||r(p,l)}})),s);c&&i(c)}),[p]),200);return{ref:(0,d.__experimentalUseDropZone)({onDrop:u,onDragOver(e){f(e,e.currentTarget)},onDragEnd(){f.cancel(),i(null)}}),target:l}}(),S=(0,s.useRef)(),B=(0,d.useMergeRefs)([S,C,u]),I=(0,s.useRef)(!1);(0,s.useEffect)((()=>{I.current=!0}),[]);const[x]=(0,d.__experimentalUseFixedWindowList)(S,36,k,{useWindowing:o,windowOverscan:40}),T=(0,s.useCallback)((e=>{e&&E({type:"expand",clientId:e})}),[E]),N=(0,s.useCallback)((e=>{e&&E({type:"collapse",clientId:e})}),[E]),P=(0,s.useCallback)((e=>{var t;T(null==e||null===(t=e.dataset)||void 0===t?void 0:t.block)}),[T]),M=(0,s.useCallback)((e=>{var t;N(null==e||null===(t=e.dataset)||void 0===t?void 0:t.block)}),[N]),R=(0,s.useMemo)((()=>({__experimentalFeatures:n,__experimentalPersistentListViewFeatures:o,__experimentalHideContainerBlockActions:r,isTreeGridMounted:I.current,draggedClientIds:g,expandedState:y,expand:T,collapse:N})),[n,o,r,I.current,g,y,T,N]);return(0,s.createElement)(m.AsyncModeProvider,{value:!0},(0,s.createElement)(Kg,{listViewRef:S,blockDropTarget:w}),(0,s.createElement)(p.__experimentalTreeGrid,{className:"block-editor-list-view-tree","aria-label":(0,h.__)("Block navigation structure"),ref:B,onCollapseRow:M,onExpandRow:P},(0,s.createElement)(Vg.Provider,{value:R},(0,s.createElement)(jg,i({blocks:f,selectBlock:_,showNestedBlocks:l,showBlockMovers:a,fixedListWindow:x,selectedClientIds:v},c)))))}));function Jg({isEnabled:e,onToggle:t,isOpen:n,innerRef:o,...r}){return(0,s.createElement)(p.Button,i({},r,{ref:o,icon:Lg,"aria-expanded":n,"aria-haspopup":"true",onClick:e?t:void 0
|
69 |
+
/* translators: button label text should, if possible, be under 16 characters. */,label:(0,h.__)("List view"),className:"block-editor-block-navigation","aria-disabled":!e}))}var ev=(0,s.forwardRef)((function({isDisabled:e,__experimentalFeatures:t,...n},o){const r=(0,m.useSelect)((e=>!!e(Vn).getBlockCount()),[])&&!e;return(0,s.createElement)(p.Dropdown,{contentClassName:"block-editor-block-navigation__popover",position:"bottom right",renderToggle:({isOpen:e,onToggle:t})=>(0,s.createElement)(Jg,i({},n,{innerRef:o,isOpen:e,onToggle:t,isEnabled:r})),renderContent:()=>(0,s.createElement)("div",{className:"block-editor-block-navigation__container"},(0,s.createElement)("p",{className:"block-editor-block-navigation__label"},(0,h.__)("List view")),(0,s.createElement)(Qg,{showNestedBlocks:!0,__experimentalFeatures:t}))})})),tv=(0,s.createElement)(F.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,s.createElement)(F.Path,{d:"M18 5.5H6a.5.5 0 00-.5.5v3h13V6a.5.5 0 00-.5-.5zm.5 5H10v8h8a.5.5 0 00.5-.5v-7.5zm-10 0h-3V18a.5.5 0 00.5.5h2.5v-8zM6 4h12a2 2 0 012 2v12a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2z"})),nv=function({icon:e=tv,label:t=(0,h.__)("Choose variation"),instructions:n=(0,h.__)("Select a variation to start with."),variations:o,onSelect:r,allowSkip:l}){const i=c()("block-editor-block-variation-picker",{"has-many-variations":o.length>4});return(0,s.createElement)(p.Placeholder,{icon:e,label:t,instructions:n,className:i},(0,s.createElement)("ul",{className:"block-editor-block-variation-picker__variations",role:"list","aria-label":(0,h.__)("Block variations")},o.map((e=>(0,s.createElement)("li",{key:e.name},(0,s.createElement)(p.Button,{variant:"secondary",icon:e.icon,iconSize:48,onClick:()=>r(e),className:"block-editor-block-variation-picker__variation",label:e.description||e.title}),(0,s.createElement)("span",{className:"block-editor-block-variation-picker__variation-label",role:"presentation"},e.title))))),l&&(0,s.createElement)("div",{className:"block-editor-block-variation-picker__skip"},(0,s.createElement)(p.Button,{variant:"link",onClick:()=>r()},(0,h.__)("Skip"))))},ov=(0,s.createElement)(F.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,s.createElement)(F.Path,{d:"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7.8 16.5H5c-.3 0-.5-.2-.5-.5v-6.2h6.8v6.7zm0-8.3H4.5V5c0-.3.2-.5.5-.5h6.2v6.7zm8.3 7.8c0 .3-.2.5-.5.5h-6.2v-6.8h6.8V19zm0-7.8h-6.8V4.5H19c.3 0 .5.2.5.5v6.2z",fillRule:"evenodd",clipRule:"evenodd"}));const rv="carousel",lv="grid",iv=({onStartBlank:e,onBlockPatternSelect:t})=>(0,s.createElement)("div",{className:"block-editor-block-pattern-setup__actions"},(0,s.createElement)(p.Button,{onClick:e},(0,h.__)("Start blank")),(0,s.createElement)(p.Button,{variant:"primary",onClick:t},(0,h.__)("Choose"))),sv=({handlePrevious:e,handleNext:t,activeSlide:n,totalSlides:o})=>(0,s.createElement)("div",{className:"block-editor-block-pattern-setup__navigation"},(0,s.createElement)(p.Button,{icon:Ad,label:(0,h.__)("Previous pattern"),onClick:e,disabled:0===n}),(0,s.createElement)(p.Button,{icon:Ld,label:(0,h.__)("Next pattern"),onClick:t,disabled:n===o-1}));var av=({viewMode:e,setViewMode:t,handlePrevious:n,handleNext:o,activeSlide:r,totalSlides:l,onBlockPatternSelect:i,onStartBlank:a})=>{const c=e===rv,u=(0,s.createElement)("div",{className:"block-editor-block-pattern-setup__display-controls"},(0,s.createElement)(p.Button,{icon:no,label:(0,h.__)("Carousel view"),onClick:()=>t(rv),isPressed:c}),(0,s.createElement)(p.Button,{icon:ov,label:(0,h.__)("Grid view"),onClick:()=>t(lv),isPressed:e===lv}));return(0,s.createElement)("div",{className:"block-editor-block-pattern-setup__toolbar"},c&&(0,s.createElement)(sv,{handlePrevious:n,handleNext:o,activeSlide:r,totalSlides:l}),u,c&&(0,s.createElement)(iv,{onBlockPatternSelect:i,onStartBlank:a}))};const cv=({viewMode:e,activeSlide:t,patterns:n,onBlockPatternSelect:o})=>{const r=(0,p.__unstableUseCompositeState)(),l="block-editor-block-pattern-setup__container";if(e===rv){const e=new Map([[t,"active-slide"],[t-1,"previous-slide"],[t+1,"next-slide"]]);return(0,s.createElement)("div",{className:l},(0,s.createElement)("ul",{className:"carousel-container"},n.map(((t,n)=>(0,s.createElement)(dv,{className:e.get(n)||"",key:t.name,pattern:t})))))}return(0,s.createElement)(p.__unstableComposite,i({},r,{role:"listbox",className:l,"aria-label":(0,h.__)("Patterns list")}),n.map((e=>(0,s.createElement)(uv,{key:e.name,pattern:e,onSelect:o,composite:r}))))};function uv({pattern:e,onSelect:t,composite:n}){const o="block-editor-block-pattern-setup-list",{blocks:r,title:l,description:a,viewportWidth:c=700}=e,u=(0,d.useInstanceId)(uv,`${o}__item-description`);return(0,s.createElement)("div",{className:`${o}__list-item`,"aria-label":e.title,"aria-describedby":e.description?u:void 0},(0,s.createElement)(p.__unstableCompositeItem,i({role:"option",as:"div"},n,{className:`${o}__item`,onClick:()=>t(r)}),(0,s.createElement)(au,{blocks:r,viewportWidth:c}),(0,s.createElement)("div",{className:`${o}__item-title`},l)),!!a&&(0,s.createElement)(p.VisuallyHidden,{id:u},a))}function dv({className:e,pattern:t}){const{blocks:n,title:o,description:r}=t,l=(0,d.useInstanceId)(dv,"block-editor-block-pattern-setup-list__item-description");return(0,s.createElement)("li",{className:`pattern-slide ${e}`,"aria-label":o,"aria-describedby":r?l:void 0},(0,s.createElement)(au,{blocks:n,__experimentalLive:!0}),!!r&&(0,s.createElement)(p.VisuallyHidden,{id:l},r))}var pv=({clientId:e,blockName:t,filterPatternsFn:n,startBlankComponent:o,onBlockPatternSelect:l})=>{const[i,a]=(0,s.useState)(rv),[c,u]=(0,s.useState)(0),[d,p]=(0,s.useState)(!1),{replaceBlock:f}=(0,m.useDispatch)(Vn),h=function(e,t,n){return(0,m.useSelect)((o=>{const{getBlockRootClientId:r,__experimentalGetPatternsByBlockTypes:l,__experimentalGetAllowedPatterns:i}=o(Vn),s=r(e);return n?i(s).filter(n):l(t,s)}),[e,t,n])}(e,t,n);if(null==h||!h.length||d)return o;const g=l||(t=>{const n=t.map((e=>(0,r.cloneBlock)(e)));f(e,n)});return(0,s.createElement)("div",{className:`block-editor-block-pattern-setup view-mode-${i}`},(0,s.createElement)(av,{viewMode:i,setViewMode:a,activeSlide:c,totalSlides:h.length,handleNext:()=>{u((e=>e+1))},handlePrevious:()=>{u((e=>e-1))},onBlockPatternSelect:()=>{g(h[c].blocks)},onStartBlank:()=>{p(!0)}}),(0,s.createElement)(cv,{viewMode:i,activeSlide:c,patterns:h,onBlockPatternSelect:g}))};const mv=(e,t)=>{if(!t||!e)return;const n=t.filter((({attributes:t})=>!(!t||!Object.keys(t).length)&&(0,u.isMatch)(e,t)));return 1===n.length?n[0]:void 0};var fv=function({blockClientId:e}){const[t,n]=(0,s.useState)(),{updateBlockAttributes:o}=(0,m.useDispatch)(Vn),{variations:l,blockAttributes:i}=(0,m.useSelect)((t=>{const{getBlockVariations:n}=t(r.store),{getBlockName:o,getBlockAttributes:l}=t(Vn),i=e&&o(e);return{variations:i&&n(i,"transform"),blockAttributes:l(e)}}),[e]);if((0,s.useEffect)((()=>{var e;n(null===(e=mv(i,l))||void 0===e?void 0:e.name)}),[i,l]),null==l||!l.length)return null;const a=l.map((({name:e,title:t,description:n})=>({value:e,label:t,info:n}))),c=t=>{o(e,{...l.find((({name:e})=>e===t)).attributes})},u="block-editor-block-variation-transforms";return(0,s.createElement)(p.DropdownMenu,{className:u,label:(0,h.__)("Transform to variation"),text:(0,h.__)("Transform to variation"),popoverProps:{position:"bottom center",className:`${u}__popover`},icon:Od,toggleProps:{iconPosition:"right"}},(()=>(0,s.createElement)("div",{className:`${u}__container`},(0,s.createElement)(p.MenuGroup,null,(0,s.createElement)(p.MenuItemsChoice,{choices:a,value:t,onSelect:c})))))};const hv=(0,s.createElement)(p.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,s.createElement)(p.Path,{d:"M15 4H9v11h6V4zM4 18.5V20h16v-1.5H4z"})),gv=(0,s.createElement)(p.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,s.createElement)(p.Path,{d:"M20 11h-5V4H9v7H4v1.5h5V20h6v-7.5h5z"})),vv={top:{icon:(0,s.createElement)(p.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,s.createElement)(p.Path,{d:"M9 20h6V9H9v11zM4 4v1.5h16V4H4z"})),title:(0,h._x)("Align top","Block vertical alignment setting")},center:{icon:gv,title:(0,h._x)("Align middle","Block vertical alignment setting")},bottom:{icon:hv,title:(0,h._x)("Align bottom","Block vertical alignment setting")}},bv=["top","center","bottom"],kv={isAlternate:!0};var _v=function({value:e,onChange:t,controls:n=bv,isCollapsed:o=!0,isToolbar:r}){const l=vv[e],a=vv.top,c=r?p.ToolbarGroup:p.ToolbarDropdownMenu,u=r?{isCollapsed:o}:{};return(0,s.createElement)(c,i({popoverProps:kv,icon:l?l.icon:a.icon,label:(0,h._x)("Change vertical alignment","Block vertical alignment setting label"),controls:n.map((n=>{return{...vv[n],isActive:e===n,role:o?"menuitemradio":void 0,onClick:(r=n,()=>t(e===r?void 0:r))};var r}))},u))};function yv(e){return(0,s.createElement)(_v,i({},e,{isToolbar:!1}))}function Ev(e){return(0,s.createElement)(_v,i({},e,{isToolbar:!0}))}var Cv=(0,d.createHigherOrderComponent)((e=>t=>{const n=mo("color.palette"),o=!mo("color.custom"),r=void 0===t.colors?n:t.colors,l=void 0===t.disableCustomColors?o:t.disableCustomColors,a=!(0,u.isEmpty)(r)||!l;return(0,s.createElement)(e,i({},t,{colors:r,disableCustomColors:l,hasColorsToChoose:a}))}),"withColorContext"),wv=Cv(p.ColorPalette);function Sv({onChange:e,value:t,...n}){return(0,s.createElement)(am,i({},n,{onColorChange:e,colorValue:t,gradients:[],disableCustomGradients:!0}))}var Bv=function(e,t){return(Bv=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(e,t)},Iv=function(){return(Iv=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e}).apply(this,arguments)};function xv(e,t,n,o){void 0===o&&(o=0);var r=zv(e,t,o),l=r.width,i=r.height;return e>=t*n&&l>t*n?{width:t*n,height:t}:l>t*n?{width:e,height:e/n}:l>i*n?{width:i*n,height:i}:{width:l,height:l/n}}function Tv(e,t,n,o,r){void 0===r&&(r=0);var l=zv(t.width,t.height,r),i=l.width,s=l.height;return{x:Nv(e.x,i,n.width,o),y:Nv(e.y,s,n.height,o)}}function Nv(e,t,n,o){var r=t*o/2-n/2;return Math.min(r,Math.max(e,-r))}function Pv(e,t){return Math.sqrt(Math.pow(e.y-t.y,2)+Math.pow(e.x-t.x,2))}function Mv(e,t){return 180*Math.atan2(t.y-e.y,t.x-e.x)/Math.PI}function Rv(e,t,n,o,r,l,i){void 0===l&&(l=0),void 0===i&&(i=!0);var s=i&&0===l?Lv:Av,a={x:s(100,((t.width-n.width/r)/2-e.x/r)/t.width*100),y:s(100,((t.height-n.height/r)/2-e.y/r)/t.height*100),width:s(100,n.width/t.width*100/r),height:s(100,n.height/t.height*100/r)},c=Math.round(s(t.naturalWidth,a.width*t.naturalWidth/100)),u=Math.round(s(t.naturalHeight,a.height*t.naturalHeight/100)),d=t.naturalWidth>=t.naturalHeight*o?{width:Math.round(u*o),height:u}:{width:c,height:Math.round(c/o)};return{croppedAreaPercentages:a,croppedAreaPixels:Iv(Iv({},d),{x:Math.round(s(t.naturalWidth-d.width,a.x*t.naturalWidth/100)),y:Math.round(s(t.naturalHeight-d.height,a.y*t.naturalHeight/100))})}}function Lv(e,t){return Math.min(e,Math.max(0,t))}function Av(e,t){return t}function Dv(e,t,n){var o=t.width/t.naturalWidth,r=function(e,t,n){var o=t.width/t.naturalWidth;if(n)return n.height>n.width?n.height/o/e.height:n.width/o/e.width;var r=e.width/e.height;return t.naturalWidth>=t.naturalHeight*r?t.naturalHeight/e.height:t.naturalWidth/e.width}(e,t,n),l=o*r;return{crop:{x:((t.naturalWidth-e.width)/2-e.x)*l,y:((t.naturalHeight-e.height)/2-e.y)*l},zoom:r}}function Ov(e,t){return{x:(t.x+e.x)/2,y:(t.y+e.y)/2}}function Fv(e,t,n,o,r){var l=Math.cos,i=Math.sin,s=r*Math.PI/180;return[(e-n)*l(s)-(t-o)*i(s)+n,(e-n)*i(s)+(t-o)*l(s)+o]}function zv(e,t,n){var o=e/2,r=t/2,l=[Fv(0,0,o,r,n),Fv(e,0,o,r,n),Fv(e,t,o,r,n),Fv(0,t,o,r,n)],i=Math.min.apply(Math,l.map((function(e){return e[0]}))),s=Math.max.apply(Math,l.map((function(e){return e[0]}))),a=Math.min.apply(Math,l.map((function(e){return e[1]})));return{width:s-i,height:Math.max.apply(Math,l.map((function(e){return e[1]})))-a}}function Vv(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return e.filter((function(e){return"string"==typeof e&&e.length>0})).join(" ").trim()}var Hv=function(e){function t(){var n=null!==e&&e.apply(this,arguments)||this;return n.imageRef=null,n.videoRef=null,n.containerRef=null,n.styleRef=null,n.containerRect=null,n.mediaSize={width:0,height:0,naturalWidth:0,naturalHeight:0},n.dragStartPosition={x:0,y:0},n.dragStartCrop={x:0,y:0},n.lastPinchDistance=0,n.lastPinchRotation=0,n.rafDragTimeout=null,n.rafPinchTimeout=null,n.wheelTimer=null,n.state={cropSize:null,hasWheelJustStarted:!1},n.preventZoomSafari=function(e){return e.preventDefault()},n.cleanEvents=function(){document.removeEventListener("mousemove",n.onMouseMove),document.removeEventListener("mouseup",n.onDragStopped),document.removeEventListener("touchmove",n.onTouchMove),document.removeEventListener("touchend",n.onDragStopped)},n.clearScrollEvent=function(){n.containerRef&&n.containerRef.removeEventListener("wheel",n.onWheel),n.wheelTimer&&clearTimeout(n.wheelTimer)},n.onMediaLoad=function(){n.computeSizes(),n.emitCropData(),n.setInitialCrop(),n.props.onMediaLoaded&&n.props.onMediaLoaded(n.mediaSize)},n.setInitialCrop=function(){var e=n.props,t=e.initialCroppedAreaPixels,o=e.cropSize;if(t){var r=Dv(t,n.mediaSize,o),l=r.crop,i=r.zoom;n.props.onCropChange(l),n.props.onZoomChange&&n.props.onZoomChange(i)}},n.computeSizes=function(){var e,t,o,r,l=n.imageRef||n.videoRef;if(l){n.mediaSize={width:l.offsetWidth,height:l.offsetHeight,naturalWidth:(null===(e=n.imageRef)||void 0===e?void 0:e.naturalWidth)||(null===(t=n.videoRef)||void 0===t?void 0:t.videoWidth)||0,naturalHeight:(null===(o=n.imageRef)||void 0===o?void 0:o.naturalHeight)||(null===(r=n.videoRef)||void 0===r?void 0:r.videoHeight)||0};var i=n.props.cropSize?n.props.cropSize:xv(l.offsetWidth,l.offsetHeight,n.props.aspect,n.props.rotation);n.setState({cropSize:i},n.recomputeCropPosition)}n.containerRef&&(n.containerRect=n.containerRef.getBoundingClientRect())},n.onMouseDown=function(e){e.preventDefault(),document.addEventListener("mousemove",n.onMouseMove),document.addEventListener("mouseup",n.onDragStopped),n.onDragStart(t.getMousePoint(e))},n.onMouseMove=function(e){return n.onDrag(t.getMousePoint(e))},n.onTouchStart=function(e){e.preventDefault(),document.addEventListener("touchmove",n.onTouchMove,{passive:!1}),document.addEventListener("touchend",n.onDragStopped),2===e.touches.length?n.onPinchStart(e):1===e.touches.length&&n.onDragStart(t.getTouchPoint(e.touches[0]))},n.onTouchMove=function(e){e.preventDefault(),2===e.touches.length?n.onPinchMove(e):1===e.touches.length&&n.onDrag(t.getTouchPoint(e.touches[0]))},n.onDragStart=function(e){var t,o,r=e.x,l=e.y;n.dragStartPosition={x:r,y:l},n.dragStartCrop=Iv({},n.props.crop),null===(o=(t=n.props).onInteractionStart)||void 0===o||o.call(t)},n.onDrag=function(e){var t=e.x,o=e.y;n.rafDragTimeout&&window.cancelAnimationFrame(n.rafDragTimeout),n.rafDragTimeout=window.requestAnimationFrame((function(){if(n.state.cropSize&&void 0!==t&&void 0!==o){var e=t-n.dragStartPosition.x,r=o-n.dragStartPosition.y,l={x:n.dragStartCrop.x+e,y:n.dragStartCrop.y+r},i=n.props.restrictPosition?Tv(l,n.mediaSize,n.state.cropSize,n.props.zoom,n.props.rotation):l;n.props.onCropChange(i)}}))},n.onDragStopped=function(){var e,t;n.cleanEvents(),n.emitCropData(),null===(t=(e=n.props).onInteractionEnd)||void 0===t||t.call(e)},n.onWheel=function(e){e.preventDefault();var o=t.getMousePoint(e),r=n.props.zoom-e.deltaY*n.props.zoomSpeed/200;n.setNewZoom(r,o),n.state.hasWheelJustStarted||n.setState({hasWheelJustStarted:!0},(function(){var e,t;return null===(t=(e=n.props).onInteractionStart)||void 0===t?void 0:t.call(e)})),n.wheelTimer&&clearTimeout(n.wheelTimer),n.wheelTimer=window.setTimeout((function(){return n.setState({hasWheelJustStarted:!1},(function(){var e,t;return null===(t=(e=n.props).onInteractionEnd)||void 0===t?void 0:t.call(e)}))}),250)},n.getPointOnContainer=function(e){var t=e.x,o=e.y;if(!n.containerRect)throw new Error("The Cropper is not mounted");return{x:n.containerRect.width/2-(t-n.containerRect.left),y:n.containerRect.height/2-(o-n.containerRect.top)}},n.getPointOnMedia=function(e){var t=e.x,o=e.y,r=n.props,l=r.crop,i=r.zoom;return{x:(t+l.x)/i,y:(o+l.y)/i}},n.setNewZoom=function(e,t){if(n.state.cropSize&&n.props.onZoomChange){var o=n.getPointOnContainer(t),r=n.getPointOnMedia(o),l=Math.min(n.props.maxZoom,Math.max(e,n.props.minZoom)),i={x:r.x*l-o.x,y:r.y*l-o.y},s=n.props.restrictPosition?Tv(i,n.mediaSize,n.state.cropSize,l,n.props.rotation):i;n.props.onCropChange(s),n.props.onZoomChange(l)}},n.emitCropData=function(){if(n.state.cropSize){var e=Rv(n.props.restrictPosition?Tv(n.props.crop,n.mediaSize,n.state.cropSize,n.props.zoom,n.props.rotation):n.props.crop,n.mediaSize,n.state.cropSize,n.getAspect(),n.props.zoom,n.props.rotation,n.props.restrictPosition),t=e.croppedAreaPercentages,o=e.croppedAreaPixels;n.props.onCropComplete&&n.props.onCropComplete(t,o)}},n.recomputeCropPosition=function(){if(n.state.cropSize){var e=n.props.restrictPosition?Tv(n.props.crop,n.mediaSize,n.state.cropSize,n.props.zoom,n.props.rotation):n.props.crop;n.props.onCropChange(e),n.emitCropData()}},n}return function(e,t){function __(){this.constructor=e}Bv(e,t),e.prototype=null===t?Object.create(t):(__.prototype=t.prototype,new __)}(t,e),t.prototype.componentDidMount=function(){window.addEventListener("resize",this.computeSizes),this.containerRef&&(this.props.zoomWithScroll&&this.containerRef.addEventListener("wheel",this.onWheel,{passive:!1}),this.containerRef.addEventListener("gesturestart",this.preventZoomSafari),this.containerRef.addEventListener("gesturechange",this.preventZoomSafari)),this.props.disableAutomaticStylesInjection||(this.styleRef=document.createElement("style"),this.styleRef.setAttribute("type","text/css"),this.styleRef.innerHTML=".reactEasyCrop_Container {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n overflow: hidden;\n user-select: none;\n touch-action: none;\n cursor: move;\n}\n\n.reactEasyCrop_Image,\n.reactEasyCrop_Video {\n max-width: 100%;\n max-height: 100%;\n margin: auto;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n will-change: transform; /* this improves performances and prevent painting issues on iOS Chrome */\n}\n\n.reactEasyCrop_CropArea {\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n border: 1px solid rgba(255, 255, 255, 0.5);\n box-sizing: border-box;\n box-shadow: 0 0 0 9999em;\n color: rgba(0, 0, 0, 0.5);\n overflow: hidden;\n}\n\n.reactEasyCrop_CropAreaRound {\n border-radius: 50%;\n}\n\n.reactEasyCrop_CropAreaGrid::before {\n content: ' ';\n box-sizing: border-box;\n position: absolute;\n border: 1px solid rgba(255, 255, 255, 0.5);\n top: 0;\n bottom: 0;\n left: 33.33%;\n right: 33.33%;\n border-top: 0;\n border-bottom: 0;\n}\n\n.reactEasyCrop_CropAreaGrid::after {\n content: ' ';\n box-sizing: border-box;\n position: absolute;\n border: 1px solid rgba(255, 255, 255, 0.5);\n top: 33.33%;\n bottom: 33.33%;\n left: 0;\n right: 0;\n border-left: 0;\n border-right: 0;\n}\n",document.head.appendChild(this.styleRef)),this.imageRef&&this.imageRef.complete&&this.onMediaLoad()},t.prototype.componentWillUnmount=function(){window.removeEventListener("resize",this.computeSizes),this.containerRef&&(this.containerRef.removeEventListener("gesturestart",this.preventZoomSafari),this.containerRef.removeEventListener("gesturechange",this.preventZoomSafari)),this.styleRef&&this.styleRef.remove(),this.cleanEvents(),this.props.zoomWithScroll&&this.clearScrollEvent()},t.prototype.componentDidUpdate=function(e){e.rotation!==this.props.rotation?(this.computeSizes(),this.recomputeCropPosition()):e.aspect!==this.props.aspect?this.computeSizes():e.zoom!==this.props.zoom?this.recomputeCropPosition():e.cropSize!==this.props.cropSize&&this.computeSizes(),e.zoomWithScroll!==this.props.zoomWithScroll&&this.containerRef&&(this.props.zoomWithScroll?this.containerRef.addEventListener("wheel",this.onWheel,{passive:!1}):this.clearScrollEvent())},t.prototype.getAspect=function(){var e=this.props,t=e.cropSize,n=e.aspect;return t?t.width/t.height:n},t.prototype.onPinchStart=function(e){var n=t.getTouchPoint(e.touches[0]),o=t.getTouchPoint(e.touches[1]);this.lastPinchDistance=Pv(n,o),this.lastPinchRotation=Mv(n,o),this.onDragStart(Ov(n,o))},t.prototype.onPinchMove=function(e){var n=this,o=t.getTouchPoint(e.touches[0]),r=t.getTouchPoint(e.touches[1]),l=Ov(o,r);this.onDrag(l),this.rafPinchTimeout&&window.cancelAnimationFrame(this.rafPinchTimeout),this.rafPinchTimeout=window.requestAnimationFrame((function(){var e=Pv(o,r),t=n.props.zoom*(e/n.lastPinchDistance);n.setNewZoom(t,l),n.lastPinchDistance=e;var i=Mv(o,r),s=n.props.rotation+(i-n.lastPinchRotation);n.props.onRotationChange&&n.props.onRotationChange(s),n.lastPinchRotation=i}))},t.prototype.render=function(){var e=this,t=this.props,n=t.image,o=t.video,r=t.mediaProps,l=t.crop,i=l.x,s=l.y,a=t.rotation,c=t.zoom,u=t.cropShape,d=t.showGrid,p=t.style,m=p.containerStyle,f=p.cropAreaStyle,h=p.mediaStyle,g=t.classes,v=g.containerClassName,b=g.cropAreaClassName,k=g.mediaClassName;return Ur().createElement("div",{onMouseDown:this.onMouseDown,onTouchStart:this.onTouchStart,ref:function(t){return e.containerRef=t},"data-testid":"container",style:m,className:Vv("reactEasyCrop_Container",v)},n?Ur().createElement("img",Iv({alt:"",className:Vv("reactEasyCrop_Image",k)},r,{src:n,ref:function(t){return e.imageRef=t},style:Iv(Iv({},h),{transform:"translate("+i+"px, "+s+"px) rotate("+a+"deg) scale("+c+")"}),onLoad:this.onMediaLoad})):o&&Ur().createElement("video",Iv({autoPlay:!0,loop:!0,muted:!0,className:Vv("reactEasyCrop_Video",k)},r,{src:o,ref:function(t){return e.videoRef=t},onLoadedMetadata:this.onMediaLoad,style:Iv(Iv({},h),{transform:"translate("+i+"px, "+s+"px) rotate("+a+"deg) scale("+c+")"}),controls:!1})),this.state.cropSize&&Ur().createElement("div",{style:Iv(Iv({},f),{width:this.state.cropSize.width,height:this.state.cropSize.height}),"data-testid":"cropper",className:Vv("reactEasyCrop_CropArea","round"===u&&"reactEasyCrop_CropAreaRound",d&&"reactEasyCrop_CropAreaGrid",b)}))},t.defaultProps={zoom:1,rotation:0,aspect:4/3,maxZoom:3,minZoom:1,cropShape:"rect",showGrid:!0,style:{},classes:{},mediaProps:{},zoomSpeed:1,restrictPosition:!0,zoomWithScroll:!0},t.getMousePoint=function(e){return{x:Number(e.clientX),y:Number(e.clientY)}},t.getTouchPoint=function(e){return{x:Number(e.clientX),y:Number(e.clientY)}},t}(Ur().Component);const Uv={position:"bottom right",isAlternate:!0};var Gv=window.wp.apiFetch,Wv=n.n(Gv);const $v=(0,s.createContext)({}),jv=()=>(0,s.useContext)($v);function Kv({id:e,url:t,naturalWidth:n,naturalHeight:o,isEditing:r,onFinishEditing:i,onSaveImage:a,children:c}){const u=function(e,t){const n=function({url:e,naturalWidth:t,naturalHeight:n}){const[o,r]=(0,s.useState)(),[i,a]=(0,s.useState)(),[c,u]=(0,s.useState)({x:0,y:0}),[d,p]=(0,s.useState)(),[m,f]=(0,s.useState)(),[h,g]=(0,s.useState)(),[v,b]=(0,s.useState)(),k=(0,s.useCallback)((()=>{u({x:0,y:0}),p(100),f(0),g(t/n),b(t/n)}),[t,n,u,p,f,g,b]),_=(0,s.useCallback)((()=>{const o=(m+90)%360;let i=t/n;if(m%180==90&&(i=n/t),0===o)return r(),f(o),g(1/h),void u({x:-c.y*i,y:c.x*i});const s=new window.Image;s.src=e,s.onload=function(e){const t=document.createElement("canvas");let n=0,l=0;o%180?(t.width=e.target.height,t.height=e.target.width):(t.width=e.target.width,t.height=e.target.height),90!==o&&180!==o||(n=t.width),270!==o&&180!==o||(l=t.height);const s=t.getContext("2d");s.translate(n,l),s.rotate(o*Math.PI/180),s.drawImage(e.target,0,0),t.toBlob((e=>{r(URL.createObjectURL(e)),f(o),g(1/h),u({x:-c.y*i,y:c.x*i})}))};const a=(0,l.applyFilters)("media.crossOrigin",void 0,e);"string"==typeof a&&(s.crossOrigin=a)}),[m,t,n,r,f,g,u]);return(0,s.useMemo)((()=>({editedUrl:o,setEditedUrl:r,crop:i,setCrop:a,position:c,setPosition:u,zoom:d,setZoom:p,rotation:m,setRotation:f,rotateClockwise:_,aspect:h,setAspect:g,defaultAspect:v,initializeTransformValues:k})),[o,r,i,a,c,u,d,p,m,f,_,h,g,v,k])}(e),{initializeTransformValues:o}=n;return(0,s.useEffect)((()=>{t&&o()}),[t,o]),n}({url:t,naturalWidth:n,naturalHeight:o},r),d=function({crop:e,rotation:t,height:n,width:o,aspect:r,url:l,id:i,onSaveImage:a,onFinishEditing:c}){const{createErrorNotice:u}=(0,m.useDispatch)(Bu.store),[d,p]=(0,s.useState)(!1),f=(0,s.useCallback)((()=>{p(!1),c()}),[p,c]),g=(0,s.useCallback)((()=>{p(!0);let s={};(e.width<99.9||e.height<99.9)&&(s=e),t>0&&(s.rotation=t),s.src=l,Wv()({path:`/wp/v2/media/${i}/edit`,method:"POST",data:s}).then((e=>{a({id:e.id,url:e.source_url,height:n&&o?o/r:void 0})})).catch((e=>{u((0,h.sprintf)(
|
|
|
|
|
70 |
/* translators: 1. Error message */
|
71 |
+
(0,h.__)("Could not edit image. %s"),e.message),{id:"image-editing-error",type:"snackbar"})})).finally((()=>{p(!1),c()}))}),[p,e,t,n,o,r,l,a,u,p,c]);return(0,s.useMemo)((()=>({isInProgress:d,apply:g,cancel:f})),[d,g,f])}({id:e,url:t,onSaveImage:a,onFinishEditing:i,...u}),p=(0,s.useMemo)((()=>({...u,...d})),[u,d]);return(0,s.createElement)($v.Provider,{value:p},c)}function qv({url:e,width:t,height:n,clientWidth:o,naturalHeight:r,naturalWidth:l}){const{isInProgress:i,editedUrl:a,position:u,zoom:d,aspect:m,setPosition:f,setCrop:h,setZoom:g,rotation:v}=jv();let b=n||o*r/l;return v%180==90&&(b=o*l/r),(0,s.createElement)("div",{className:c()("wp-block-image__crop-area",{"is-applying":i}),style:{width:t||o,height:b}},(0,s.createElement)(Hv,{image:a||e,disabled:i,minZoom:1,maxZoom:3,crop:u,zoom:d/100,aspect:m,onCropChange:f,onCropComplete:e=>{h(e)},onZoomChange:e=>{g(100*e)}}),i&&(0,s.createElement)(p.Spinner,null))}var Yv=(0,s.createElement)(F.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,s.createElement)(F.Path,{d:"M13.5 6C10.5 6 8 8.5 8 11.5c0 1.1.3 2.1.9 3l-3.4 3 1 1.1 3.4-2.9c1 .9 2.2 1.4 3.6 1.4 3 0 5.5-2.5 5.5-5.5C19 8.5 16.5 6 13.5 6zm0 9.5c-2.2 0-4-1.8-4-4s1.8-4 4-4 4 1.8 4 4-1.8 4-4 4z"}));function Zv(){const{isInProgress:e,zoom:t,setZoom:n}=jv();return(0,s.createElement)(p.Dropdown,{contentClassName:"wp-block-image__zoom",popoverProps:Uv,renderToggle:({isOpen:t,onToggle:n})=>(0,s.createElement)(p.ToolbarButton,{icon:Yv,label:(0,h.__)("Zoom"),onClick:n,"aria-expanded":t,disabled:e}),renderContent:()=>(0,s.createElement)(p.RangeControl,{label:(0,h.__)("Zoom"),min:100,max:300,value:Math.round(t),onChange:n})})}var Xv=(0,s.createElement)(F.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,s.createElement)(F.Path,{d:"M16.7 7.1l-6.3 8.5-3.3-2.5-.9 1.2 4.5 3.4L17.9 8z"})),Qv=(0,s.createElement)(F.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,s.createElement)(F.Path,{d:"M18.5 5.5h-13c-1.1 0-2 .9-2 2v9c0 1.1.9 2 2 2h13c1.1 0 2-.9 2-2v-9c0-1.1-.9-2-2-2zm.5 11c0 .3-.2.5-.5.5h-13c-.3 0-.5-.2-.5-.5v-9c0-.3.2-.5.5-.5h13c.3 0 .5.2.5.5v9zM6.5 12H8v-2h2V8.5H6.5V12zm9.5 2h-2v1.5h3.5V12H16v2z"}));function Jv({aspectRatios:e,isDisabled:t,label:n,onClick:o,value:r}){return(0,s.createElement)(p.MenuGroup,{label:n},e.map((({title:e,aspect:n})=>(0,s.createElement)(p.MenuItem,{key:n,disabled:t,onClick:()=>{o(n)},role:"menuitemradio",isSelected:n===r,icon:n===r?Xv:void 0},e))))}function eb({toggleProps:e}){const{isInProgress:t,aspect:n,setAspect:o,defaultAspect:r}=jv();return(0,s.createElement)(p.DropdownMenu,{icon:Qv,label:(0,h.__)("Aspect Ratio"),popoverProps:Uv,toggleProps:e,className:"wp-block-image__aspect-ratio"},(({onClose:e})=>(0,s.createElement)(s.Fragment,null,(0,s.createElement)(Jv,{isDisabled:t,onClick:t=>{o(t),e()},value:n,aspectRatios:[{title:(0,h.__)("Original"),aspect:r},{title:(0,h.__)("Square"),aspect:1}]}),(0,s.createElement)(Jv,{label:(0,h.__)("Landscape"),isDisabled:t,onClick:t=>{o(t),e()},value:n,aspectRatios:[{title:(0,h.__)("16:10"),aspect:1.6},{title:(0,h.__)("16:9"),aspect:16/9},{title:(0,h.__)("4:3"),aspect:4/3},{title:(0,h.__)("3:2"),aspect:1.5}]}),(0,s.createElement)(Jv,{label:(0,h.__)("Portrait"),isDisabled:t,onClick:t=>{o(t),e()},value:n,aspectRatios:[{title:(0,h.__)("10:16"),aspect:.625},{title:(0,h.__)("9:16"),aspect:9/16},{title:(0,h.__)("3:4"),aspect:3/4},{title:(0,h.__)("2:3"),aspect:2/3}]}))))}var tb=(0,s.createElement)(F.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,s.createElement)(F.Path,{d:"M15.1 4.8l-3-2.5V4c-4.4 0-8 3.6-8 8 0 3.7 2.5 6.9 6 7.7.3.1.6.1 1 .2l.2-1.5c-.4 0-.7-.1-1.1-.2l-.1.2v-.2c-2.6-.8-4.5-3.3-4.5-6.2 0-3.6 2.9-6.5 6.5-6.5v1.8l3-2.5zM20 11c-.2-1.4-.7-2.7-1.6-3.8l-1.2.8c.7.9 1.1 2 1.3 3.1L20 11zm-1.5 1.8c-.1.5-.2 1.1-.4 1.6s-.5 1-.8 1.5l1.2.9c.4-.5.8-1.1 1-1.8s.5-1.3.5-2l-1.5-.2zm-5.6 5.6l.2 1.5c1.4-.2 2.7-.7 3.8-1.6l-.9-1.1c-.9.7-2 1.1-3.1 1.2z"}));function nb(){const{isInProgress:e,rotateClockwise:t}=jv();return(0,s.createElement)(p.ToolbarButton,{icon:tb,label:(0,h.__)("Rotate"),onClick:t,disabled:e})}function ob(){const{isInProgress:e,apply:t,cancel:n}=jv();return(0,s.createElement)(s.Fragment,null,(0,s.createElement)(p.ToolbarButton,{onClick:t,disabled:e},(0,h.__)("Apply")),(0,s.createElement)(p.ToolbarButton,{onClick:n},(0,h.__)("Cancel")))}function rb({url:e,width:t,height:n,clientWidth:o,naturalHeight:r,naturalWidth:l}){return(0,s.createElement)(s.Fragment,null,(0,s.createElement)(qv,{url:e,width:t,height:n,clientWidth:o,naturalHeight:r,naturalWidth:l}),(0,s.createElement)(Zn,null,(0,s.createElement)(p.ToolbarGroup,null,(0,s.createElement)(Zv,null),(0,s.createElement)(p.ToolbarItem,null,(e=>(0,s.createElement)(eb,{toggleProps:e}))),(0,s.createElement)(nb,null)),(0,s.createElement)(p.ToolbarGroup,null,(0,s.createElement)(ob,null))))}const lb=[25,50,75,100];function ib({imageWidth:e,imageHeight:t,imageSizeOptions:n=[],isResizable:o=!0,slug:r,width:l,height:i,onChange:a,onChangeImage:c=u.noop}){const{currentHeight:d,currentWidth:m,updateDimension:f,updateDimensions:g}=function(e,t,n,o,r){var l,i;const[a,c]=(0,s.useState)(null!==(l=null!=t?t:o)&&void 0!==l?l:""),[u,d]=(0,s.useState)(null!==(i=null!=e?e:n)&&void 0!==i?i:"");return(0,s.useEffect)((()=>{void 0===t&&void 0!==o&&c(o),void 0===e&&void 0!==n&&d(n)}),[o,n]),(0,s.useEffect)((()=>{void 0!==t&&Number.parseInt(t)!==Number.parseInt(a)&&c(t),void 0!==e&&Number.parseInt(e)!==Number.parseInt(u)&&d(e)}),[t,e]),{currentHeight:u,currentWidth:a,updateDimension:(e,t)=>{"width"===e?c(t):d(t),r({[e]:""===t?void 0:parseInt(t,10)})},updateDimensions:(e,t)=>{d(null!=e?e:n),c(null!=t?t:o),r({height:e,width:t})}}}(i,l,t,e,a);return(0,s.createElement)(s.Fragment,null,!(0,u.isEmpty)(n)&&(0,s.createElement)(p.SelectControl,{label:(0,h.__)("Image size"),value:r,options:n,onChange:c}),o&&(0,s.createElement)("div",{className:"block-editor-image-size-control"},(0,s.createElement)("p",{className:"block-editor-image-size-control__row"},(0,h.__)("Image dimensions")),(0,s.createElement)("div",{className:"block-editor-image-size-control__row"},(0,s.createElement)(p.TextControl,{type:"number",className:"block-editor-image-size-control__width",label:(0,h.__)("Width"),value:m,min:1,onChange:e=>f("width",e)}),(0,s.createElement)(p.TextControl,{type:"number",className:"block-editor-image-size-control__height",label:(0,h.__)("Height"),value:d,min:1,onChange:e=>f("height",e)})),(0,s.createElement)("div",{className:"block-editor-image-size-control__row"},(0,s.createElement)(p.ButtonGroup,{"aria-label":(0,h.__)("Image size presets")},lb.map((n=>{const o=Math.round(e*(n/100)),r=Math.round(t*(n/100)),l=m===o&&d===r;return(0,s.createElement)(p.Button,{key:n,isSmall:!0,variant:l?"primary":void 0,isPressed:l,onClick:()=>g(r,o)},n,"%")}))),(0,s.createElement)(p.Button,{isSmall:!0,onClick:()=>g()},(0,h.__)("Reset")))))}var sb=(0,s.createElement)(F.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"-2 -2 24 24"},(0,s.createElement)(F.Path,{d:"M6.734 16.106l2.176-2.38-1.093-1.028-3.846 4.158 3.846 4.157 1.093-1.027-2.176-2.38h2.811c1.125 0 2.25.03 3.374 0 1.428-.001 3.362-.25 4.963-1.277 1.66-1.065 2.868-2.906 2.868-5.859 0-2.479-1.327-4.896-3.65-5.93-1.82-.813-3.044-.8-4.806-.788l-.567.002v1.5c.184 0 .368 0 .553-.002 1.82-.007 2.704-.014 4.21.657 1.854.827 2.76 2.657 2.76 4.561 0 2.472-.973 3.824-2.178 4.596-1.258.807-2.864 1.04-4.163 1.04h-.02c-1.115.03-2.229 0-3.344 0H6.734z"})),ab=({value:e,onChange:t=u.noop,settings:n})=>{if(!n||!n.length)return null;const o=n=>o=>{t({...e,[n.id]:o})},r=n.map((t=>(0,s.createElement)(p.ToggleControl,{className:"block-editor-link-control__setting",key:t.id,label:t.title,onChange:o(t),checked:!!e&&!!e[t.id]})));return(0,s.createElement)("fieldset",{className:"block-editor-link-control__settings"},(0,s.createElement)(p.VisuallyHidden,{as:"legend"},(0,h.__)("Currently selected link settings")),r)};class cb extends s.Component{constructor(e){super(e),this.onChange=this.onChange.bind(this),this.onFocus=this.onFocus.bind(this),this.onKeyDown=this.onKeyDown.bind(this),this.selectLink=this.selectLink.bind(this),this.handleOnClick=this.handleOnClick.bind(this),this.bindSuggestionNode=this.bindSuggestionNode.bind(this),this.autocompleteRef=e.autocompleteRef||(0,s.createRef)(),this.inputRef=(0,s.createRef)(),this.updateSuggestions=(0,u.debounce)(this.updateSuggestions.bind(this),200),this.suggestionNodes=[],this.isUpdatingSuggestions=!1,this.state={suggestions:[],showSuggestions:!1,selectedSuggestion:null,suggestionsListboxId:"",suggestionOptionIdPrefix:""}}componentDidUpdate(e){const{showSuggestions:t,selectedSuggestion:n}=this.state,{value:o,__experimentalShowInitialSuggestions:r=!1}=this.props;t&&null!==n&&this.suggestionNodes[n]&&!this.scrollingIntoView&&(this.scrollingIntoView=!0,_a()(this.suggestionNodes[n],this.autocompleteRef.current,{onlyScrollIfNeeded:!0}),this.props.setTimeout((()=>{this.scrollingIntoView=!1}),100)),e.value===o||this.props.disableSuggestions||this.isUpdatingSuggestions||(null!=o&&o.length?this.updateSuggestions(o):r&&this.updateSuggestions())}componentDidMount(){this.shouldShowInitialSuggestions()&&this.updateSuggestions()}componentWillUnmount(){var e,t;null===(e=this.suggestionsRequest)||void 0===e||null===(t=e.cancel)||void 0===t||t.call(e),delete this.suggestionsRequest}bindSuggestionNode(e){return t=>{this.suggestionNodes[e]=t}}shouldShowInitialSuggestions(){const{suggestions:e}=this.state,{__experimentalShowInitialSuggestions:t=!1,value:n}=this.props;return!this.isUpdatingSuggestions&&t&&!(n&&n.length)&&!(e&&e.length)}updateSuggestions(e=""){var t;const{__experimentalFetchLinkSuggestions:n,__experimentalHandleURLSuggestions:o}=this.props;if(!n)return;const r=!(null!==(t=e)&&void 0!==t&&t.length);if(e=e.trim(),!r&&(e.length<2||!o&&(0,Ju.isURL)(e)))return void this.setState({showSuggestions:!1,selectedSug
|